.personal-absence-heading{font-size:16px;margin:0 0 10px;color:#b8dce9}.personal-absence-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}.personal-absence-card{padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--panel);min-width:0}.personal-absence-card h3{font-size:13px;color:var(--cyan);margin-bottom:10px}.personal-absence-card p{margin:0;font-size:12px}.personal-absence-card dl{margin:0}.personal-absence-card dl>div{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin-top:5px}.personal-absence-card dd{margin:0;white-space:nowrap}.personal-absence-card small{color:var(--muted)}.inline-login-employee{border:1px solid var(--line);border-radius:8px;padding:15px;min-width:0}.staff-searchbar{margin:14px 0}.staff-searchbar input{max-width:460px}.appointment-list-table td{max-width:280px;overflow-wrap:anywhere}.appointment-list-table small{display:block}.appointment-list-table input[type=checkbox]{width:22px;height:22px}.legacy-status-note{padding:10px;background:#422d22;border:1px solid #916438;border-radius:5px;color:#ffddbc}.nav{min-width:0}
@media(max-width:700px){.personal-absence-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:20px}.personal-absence-card{padding:12px}.personal-absence-card dl>div{display:block}.personal-absence-card dd{margin:0 0 7px}.personal-absence-card h3{font-size:12px}.appointment-list-table{min-width:900px}.inline-login-employee .form-grid{grid-template-columns:minmax(0,1fr)}}