.office-form-row{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-top:18px}.office-form-row .field{flex:1 1 130px}.office-form-row .form-error{flex-basis:100%}.office-balances{display:flex;gap:24px;flex-wrap:wrap;margin:18px 0}.office-balances>div{display:grid;gap:4px}.office-balances strong{font-size:24px}.office-year{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.office-month{padding:16px}.office-month h3{text-transform:capitalize;margin:0 0 12px}.office-month>div{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}.office-month small{padding:6px 0;color:var(--muted)}.office-month button{min-width:0;border:0;border-radius:6px;padding:9px 0;background:transparent;color:inherit;cursor:pointer}.office-month .weekend{background:#9991}.office-month .vacation,.office-legend .vacation{background:#19805b;color:white}.office-month .personal,.office-legend .personal{background:#386fc3;color:white}.office-month .sick,.office-legend .sick{background:#b33e53;color:white}.office-month button:hover{box-shadow:inset 0 0 0 2px var(--accent)}.office-legend{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0}.office-legend>span{padding:5px 10px;border-radius:6px}.office-workers .selected{box-shadow:inset 0 0 0 2px var(--accent)}.office-workers a{text-decoration:none;color:inherit}.office-workers p{margin:8px 0 0}@media(min-width:1550px){.office-year{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1000px){.office-year{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.office-year{grid-template-columns:1fr}}