.main-nav button[hidden],.visit-top-actions button[hidden]{display:none}
.actor-panel{display:grid;gap:3px;margin-top:16px;padding:12px;border:1px solid #77928266;border-radius:11px;background:#ffffff0c;font-size:13px}
.actor-panel strong{color:#fff}.actor-panel small{color:#b9caba;line-height:1.35}.actor-panel button{justify-self:start;margin-top:7px;border:0;background:transparent;color:#f2d9b6;padding:2px 0;font-size:12px}
.staff-section{margin-top:20px;padding:19px;border:1px solid var(--line);border-radius:14px;background:var(--paper);box-shadow:var(--shadow)}
.staff-section-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:15px}.staff-section-head h2{margin:0 auto 0 0}.staff-heading{flex:1 1 250px}.staff-heading h2{margin:0 0 4px}.staff-heading p{margin:0}
.staff-members-grid,.staff-shifts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.staff-member-card,.staff-shift-card{display:grid;align-content:start;gap:7px;min-width:0;padding:15px;border:1px solid #dce6d9;border-radius:11px;background:#f9fbf7}
.staff-member-card strong,.staff-shift-card strong{font-size:15px;color:#244535;overflow-wrap:anywhere}.staff-member-card small,.staff-shift-card small{font-size:11px;color:#748878;line-height:1.4}.staff-member-card p{margin:0}.staff-shift-card span{font-size:12px;color:#405b48;font-variant-numeric:tabular-nums}.staff-card-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:4px}.staff-card-actions button,.staff-shift-card button{min-height:34px;padding:6px 10px;font-size:11px;justify-self:start}
.staff-month{display:grid;gap:5px;max-width:180px;margin-bottom:13px;font-size:12px;font-weight:650;color:#4e6656}.staff-month input{min-height:38px;padding:6px 9px;border:1px solid #d3dfd2;border-radius:8px;background:white}
.staff-phone-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--line);font-size:13px}.staff-phone-line strong{font-variant-numeric:tabular-nums}.staff-phone-line button{margin-left:auto;min-height:32px;padding:5px 9px}
.staff-phone-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin-top:15px}.staff-phone-form label{margin:0}.staff-phone-form button{min-height:39px}
.staff-dialog{width:min(520px,calc(100vw - 28px));max-height:90dvh;overflow:auto;padding:22px;border:1px solid var(--line);border-radius:15px;background:var(--paper);color:var(--ink);box-shadow:0 20px 65px #122f2380}.staff-dialog::backdrop{background:#122c2188}.staff-dialog-head{display:flex;justify-content:space-between;gap:14px;margin-bottom:15px}.staff-dialog-head h2{margin:0}.staff-dialog-close{border:0;background:#eef3eb;border-radius:8px;font-size:25px;width:34px;height:34px}.staff-edit-form{display:grid;gap:10px}.staff-edit-form>label{margin:0}.staff-edit-form>.primary-button,.staff-edit-form>.danger-button{justify-self:start;margin-top:5px}
.staff-checks{display:flex;flex-wrap:wrap;gap:7px 14px;padding:11px;border:1px solid var(--line);border-radius:9px}.staff-checks legend{font-size:12px;font-weight:700;color:#526e59}.staff-checks label,.staff-edit-form>label:has(input[type=checkbox]){display:flex;align-items:center;gap:7px;margin:0;font-size:12px}.staff-checks input,.staff-edit-form input[type=checkbox]{width:auto;min-height:0;margin:0}
.staff-credential{display:grid;gap:8px}.staff-credential h2{margin:0}.staff-credential p{font-size:12px;color:#647769}.staff-credential span{font-size:11px;color:#708575}.staff-credential code{display:block;padding:10px;border-radius:8px;background:#edf4e9;overflow-wrap:anywhere;user-select:all}.staff-credential button{justify-self:start;margin-top:10px}
.login-page{display:grid;place-items:center;min-height:100dvh;padding:20px;background:radial-gradient(circle at 20% 15%,#35634b,#18382e 65%)}.login-card{width:min(440px,100%);padding:30px;border-radius:18px;background:#fffefa;box-shadow:0 25px 70px #08201666}.login-card .brand-mark{margin-bottom:18px;background:#204633}.login-card h1{font:normal 31px Georgia,serif;color:#214631}.login-card>p:not(.eyebrow){font-size:13px;line-height:1.5;color:#657768}.login-card form{margin-top:22px}.login-card .primary-button{width:100%}
@media(max-width:720px){.actor-panel{display:flex;align-items:center;gap:7px;padding:4px 0 7px;margin:0;border:0;background:none}.actor-panel strong{font-size:11px}.actor-panel small{display:none}.actor-panel button{margin:0 0 0 auto;font-size:11px}.staff-section{padding:14px}.staff-phone-form{grid-template-columns:1fr}.staff-phone-form button{justify-self:start}}