:root { --staff-forest:#000000; --staff-green:#000000; --staff-lime:#e7f5ec; --staff-ink:#1c1c1c; --staff-muted:#5a5a5a; --staff-line:#d8d8d8; --staff-paper:#f7f7f7; --staff-card:#ffffff; --staff-amber:#cc7700; }
body { background:var(--staff-paper); color:var(--staff-ink); }
.staff-shell { min-height:100dvh; padding-bottom:72px; }
.staff-top { position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:18px;padding:11px clamp(14px,3vw,38px);color:#f8faf7;background:var(--staff-forest);box-shadow:0 4px 16px rgba(19,42,37,.12); }
.staff-brand { display:flex;align-items:center;gap:10px;min-width:0;color:inherit; }
.staff-brand:hover { color:inherit; }
.staff-mark { display:grid;place-items:center;width:42px;height:42px;flex:none;border:1px solid rgba(234,245,232,.25);border-radius:14px;background:rgba(255,255,255,.08);font-size:21px; }
.staff-brand__name { display:block;font-size:15px;font-weight:800;line-height:1.15;white-space:nowrap; }
.staff-brand__hint { display:inline-flex;margin-top:4px;padding:2px 7px;border:1px dashed #d5ab7d;border-radius:999px;color:#f0d0a8;font-size:10px;line-height:1.25; }
.staff-module { display:flex;align-items:center;gap:8px;margin-left:auto;color:#d9e8df;font-size:13px;font-weight:750;white-space:nowrap; }
.staff-module__dot { width:8px;height:8px;border-radius:50%;background:#73d2a1;box-shadow:0 0 0 4px rgba(115,210,161,.13); }
.staff-suite { display:inline-flex;align-items:center;min-height:42px;padding:0 12px;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:12px;font-weight:750;white-space:nowrap; }
.staff-suite:hover { color:#fff;background:rgba(255,255,255,.08); }
.staff-nav { display:flex;gap:5px;overflow-x:auto;padding:8px clamp(12px,3vw,38px);border-bottom:1px solid var(--staff-line);background:var(--staff-card);scrollbar-width:none; }
.staff-nav::-webkit-scrollbar { display:none; }
.staff-nav a { display:inline-flex;align-items:center;gap:8px;flex:none;min-height:42px;padding:0 13px;border-radius:11px;color:var(--staff-muted);font-size:13px;font-weight:750; }
.staff-nav a[aria-current="page"] { color:var(--staff-ink);background:#f7f7f7; }
.staff-nav__n { display:grid;place-items:center;width:23px;height:23px;border-radius:8px;background:#eef0eb;font-size:11px; }
.staff-nav a[aria-current="page"] .staff-nav__n { color:#fff;background:var(--staff-green); }
.staff-main { width:min(1340px,100%);margin:0 auto;padding:24px clamp(14px,3vw,38px) 40px; }
.staff-crumb { display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--staff-muted);font-size:12px; }
.staff-crumb a { color:var(--staff-green);font-weight:750; }
.staff-hero { display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:19px; }
.staff-eyebrow { margin:0 0 6px;color:var(--staff-green);font-size:11px;font-weight:850;letter-spacing:.09em;text-transform:uppercase; }
.staff-hero h1 { margin:0;color:var(--staff-ink);font-size:clamp(26px,3vw,35px);letter-spacing:-.04em; }
.staff-hero p { margin:7px 0 0;color:var(--staff-muted);font-size:14px; }
.staff-card { min-width:0;padding:18px;border:1px solid var(--staff-line);border-radius:16px;background:var(--staff-card);box-shadow:0 3px 12px rgba(26,52,44,.035); }
.staff-card__head { display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px; }
.staff-card__title { margin:0;font-size:16px;font-weight:850; }
.staff-card__hint { margin:4px 0 0;color:var(--staff-muted);font-size:12px; }
.staff-btn { display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 14px;border:1px solid transparent;border-radius:11px;cursor:pointer;font:inherit;font-size:13px;font-weight:800;text-decoration:none; }
.staff-btn--primary { color:#fff;background:var(--staff-green); }
.staff-btn--primary:hover { color:#fff;background:#155d48; }
.staff-btn--soft { color:var(--staff-ink);border-color:var(--staff-line);background:#fff; }
.staff-btn--approve { color:#155b44;background:#e6f4e9; }
.staff-btn--reject { color:#a3241a;border-color:#f0b8b2;background:#ffe3df; }
.staff-btn--reject:hover { color:#fff;border-color:#a3241a;background:#a3241a; }
.staff-kpis { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:16px; }
.staff-kpi { padding:14px;border:1px solid var(--staff-line);border-radius:14px;background:var(--staff-card); }
.staff-kpi strong { display:block;font-size:23px;line-height:1.1; }
.staff-kpi span { display:block;margin-top:5px;color:var(--staff-muted);font-size:11px;font-weight:750; }
.staff-week { display:flex;gap:7px;overflow:auto;padding:2px 0 10px;scrollbar-width:none; }
.staff-week button { min-width:65px;min-height:58px;padding:7px;border:1px solid var(--staff-line);border-radius:12px;color:var(--staff-muted);background:#fff;cursor:pointer;font:inherit; }
.staff-week button[aria-pressed="true"] { color:#fff;border-color:var(--staff-green);background:var(--staff-green); }
.staff-week strong,.staff-week span { display:block; }
.staff-week strong { font-size:13px; }
.staff-week span { margin-top:2px;font-size:10px; }
.staff-schedule { display:grid;gap:9px; }
.staff-schedule-group{display:grid;gap:8px;margin-top:10px}.staff-schedule-group:first-child{margin-top:0}.staff-schedule-group__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-left:3px solid #111;border-radius:0 9px 9px 0;background:#f0f1ef}.staff-schedule-group__head h3{margin:0;font-size:13px;font-weight:850}.staff-schedule-group__head span{color:var(--staff-muted);font-size:11px;font-weight:750}.staff-schedule-group__list{display:grid;gap:7px;padding-left:12px}
.staff-shift { display:grid;grid-template-columns:minmax(135px,1.2fr) minmax(110px,.8fr) minmax(105px,.7fr) auto;align-items:center;gap:14px;padding:12px 13px;border:1px solid var(--staff-line);border-radius:13px;background:#fff; }
.staff-person { display:flex;align-items:center;gap:9px;min-width:0; }
.staff-avatar { display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:12px;color:#235b4a;background:#e8f1e8;font-size:11px;font-weight:850; }
.staff-person strong { display:block;font-size:13px; }
.staff-person small,.staff-shift__sub { display:block;margin-top:2px;color:var(--staff-muted);font-size:11px; }
.staff-time { font-size:13px;font-weight:800; }
.staff-tag { display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 9px;border-radius:999px;color:#446152;background:#edf3ec;font-size:10px;font-weight:800;white-space:nowrap; }
.staff-requests { display:grid;gap:11px; }
.staff-request { display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px;border:1px solid var(--staff-line);border-radius:14px;background:#fff; }
.staff-request__title { display:flex;align-items:center;gap:8px;flex-wrap:wrap; }
.staff-request__title strong { font-size:14px; }
.staff-request__detail { margin-top:5px;color:var(--staff-muted);font-size:12px; }
.staff-request-group{display:grid;gap:8px;margin-top:12px}.staff-request-group:first-child{margin-top:0}.staff-request-group__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-left:3px solid #111;border-radius:0 9px 9px 0;background:#f0f1ef}.staff-request-group__head h3{margin:0;font-size:13px;font-weight:850}.staff-request-group__head span{color:var(--staff-muted);font-size:11px;font-weight:750;text-align:right}.staff-request-group__list{display:grid;gap:9px;padding-left:12px}.staff-request__roles{display:inline-flex;margin-top:6px;padding:3px 7px;border-radius:999px;color:#424242;background:#f0f1ef;font-size:10px;font-weight:750}
.staff-state { display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;color:#895516;background:#fff3df;font-size:10px;font-weight:850; }
.staff-state[data-state="Approvata"] { color:#155b44;background:#e6f4e9; }
.staff-state[data-state="Rifiutata"] { color:#923e35;background:#fff0ed; }
.staff-actions { display:flex;gap:7px; }
.staff-filter { display:flex;gap:7px;overflow:auto; }
.staff-filter button { min-height:40px;padding:0 12px;border:1px solid var(--staff-line);border-radius:10px;color:var(--staff-muted);background:#fff;font:inherit;font-size:12px;font-weight:750;cursor:pointer; }
.staff-filter button[aria-pressed="true"] { color:#fff;border-color:var(--staff-green);background:var(--staff-green); }
.staff-board { display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);gap:14px;align-items:start; }
.staff-messages { display:grid;gap:9px; }
.staff-message { padding:13px;border:1px solid var(--staff-line);border-radius:13px;background:#fff; }
.staff-message__top { display:flex;justify-content:space-between;gap:9px; }
.staff-message__top strong { font-size:13px; }
.staff-message__date { color:var(--staff-muted);font-size:10px;white-space:nowrap; }
.staff-message p { margin:6px 0 0;color:#53645b;font-size:12px; }
.staff-form { display:grid;gap:12px; }
.staff-field { display:grid;gap:5px; }
.staff-field label { font-size:12px;font-weight:800; }
.staff-field input,.staff-field select,.staff-field textarea { width:100%;min-height:44px;padding:10px 11px;border:1px solid var(--staff-line);border-radius:10px;color:var(--staff-ink);background:#fff;font:inherit;font-size:14px; }
.staff-field textarea { min-height:82px;resize:vertical; }
.staff-profile { display:flex;align-items:center;gap:8px; }
.staff-profile label { font-size:12px;font-weight:800; }
.staff-profile select { min-height:42px;padding:0 32px 0 10px;border:1px solid var(--staff-line);border-radius:10px;background:#fff;font:inherit;font-size:12px; }
.staff-note { margin-top:15px;padding:11px 13px;border:1px dashed #c8d7ca;border-radius:12px;color:#52645a;background:#f8faf6;font-size:11px; }
.staff-hidden { display:none!important; }
@media(max-width:900px) { .staff-shift { grid-template-columns:minmax(0,1fr) minmax(100px,.8fr) auto; }.staff-shift .staff-tag { grid-column:2;grid-row:2;justify-self:start; }.staff-shift .staff-actions { grid-column:3;grid-row:1 / span 2; }.staff-board { grid-template-columns:1fr; } }
@media(max-width:620px) { .staff-top { gap:8px;padding:9px 11px; }.staff-mark { width:36px;height:36px;border-radius:12px;font-size:18px; }.staff-brand { gap:8px; }.staff-brand__name { font-size:13px; }.staff-brand__hint { font-size:9px; }.staff-module { gap:5px;font-size:10px; }.staff-suite { min-height:38px;padding:0 8px;font-size:10px; }.staff-nav { padding:7px 9px; }.staff-nav a { min-height:40px;padding:0 10px;font-size:12px; }.staff-main { padding:17px 11px 28px; }.staff-hero { display:block; }.staff-kpis { grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }.staff-kpi { padding:11px; }.staff-kpi strong { font-size:21px; }.staff-card { padding:14px;border-radius:14px; }.staff-shift { grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;padding:11px; }.staff-shift__time { grid-column:1;grid-row:2; }.staff-shift .staff-tag { grid-column:2;grid-row:1; }.staff-shift .staff-actions { grid-column:2;grid-row:2; }.staff-actions .staff-btn { min-height:40px;padding:0 9px;font-size:11px; }.staff-request { grid-template-columns:1fr;gap:10px;padding:13px; }.staff-request .staff-actions { justify-content:flex-start; }.staff-request .staff-btn { flex:1; }.staff-card__head { flex-wrap:wrap; }.staff-profile { justify-content:space-between; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { transition-duration:.01ms!important;scroll-behavior:auto!important; } }

.staff-reset{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding:12px 14px;border-top:1px solid var(--staff-line);color:var(--staff-muted);font-size:12px}.staff-btn{min-height:44px}@media(max-width:520px){.staff-reset{align-items:flex-start;flex-direction:column}}

/* The staff drawer uses the same shared navigation tokens and rhythm as Menu digitale QR. */
.staff-menu-toggle{display:grid;place-content:center;width:44px;height:44px;flex:none;padding:0;border:1px solid var(--sq-border);border-radius:10px;background:transparent;cursor:pointer}
.staff-menu-toggle .hamburger__lines span{background:var(--sq-ink)}
.staff-top.suite-header .topbar__brand .topbar__module-context{display:none!important}
.staff-side{position:fixed;z-index:60;inset:0 auto 0 0;display:flex;flex-direction:column;width:min(280px,85vw);padding:var(--sp-4) 0;overflow-y:auto;border-right:1px solid var(--border);background:var(--white);box-shadow:var(--shadow-lg);transform:translateX(-105%);transition:transform .22s ease}
.staff-menu-open .staff-side{transform:translateX(0)}
.staff-backdrop{position:fixed;z-index:55;inset:0;background:rgba(15,23,42,.4);opacity:0;pointer-events:none;transition:opacity .18s ease}
.staff-menu-open .staff-backdrop{opacity:1;pointer-events:auto}
.staff-menu-open{overflow:hidden}
.staff-side__links{display:flex;flex-direction:column;gap:var(--sp-1);padding:0 var(--sp-2);flex:1}
.staff-audience{display:flex;flex:none;flex-direction:column;gap:2px;min-width:0}
.staff-side__links>.staff-audience+.staff-audience{margin-top:7px;padding-top:12px;border-top:1px solid var(--sq-border)}
.staff-menu-toggle:focus-visible,.staff-side__close:focus-visible,.staff-side__links a:focus-visible{outline:3px solid #006aff;outline-offset:2px}
.staff-hero__actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.staff-hero__actions .staff-btn{white-space:nowrap}.staff-text-link{color:var(--staff-ink);font-size:12px;font-weight:800;text-decoration:none}
.staff-schedule-heading{align-items:center;margin:16px 0 11px}.staff-schedule-heading .staff-text-link{flex:none}
.staff-warning{margin:0;padding:10px 12px;border:1px solid #e7c984;border-radius:10px;background:#fff8e8;color:#6c4b10;font-size:12px;line-height:1.45}.staff-warning[hidden]{display:none}
.staff-time-fields,.staff-date-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.staff-dialog{width:min(480px,calc(100% - 24px));max-height:min(90dvh,720px);padding:20px;border:1px solid var(--staff-line);border-radius:16px;color:var(--staff-ink);box-shadow:0 20px 60px rgba(0,0,0,.25)}.staff-dialog::backdrop{background:rgba(0,0,0,.48)}.staff-dialog__actions{display:flex;gap:9px;flex-wrap:wrap}.staff-dialog__actions .staff-btn{flex:1}.staff-dialog [data-close-dialog]{width:44px;flex:none;font-size:20px}
.staff-team-list{display:grid;gap:9px}.staff-team-member{display:grid;grid-template-columns:40px minmax(140px,1fr) minmax(190px,1.1fr) auto;align-items:center;gap:12px;padding:13px;border:1px solid var(--staff-line);border-radius:13px;background:#fff}.staff-team-member.is-inactive{opacity:.65;background:#f8f8f8}.staff-team-member__identity strong,.staff-team-member__identity span,.staff-team-member__availability small,.staff-team-member__availability span{display:block}.staff-team-member__identity span,.staff-team-member__availability span{margin-top:3px;color:var(--staff-muted);font-size:12px}.staff-team-member__availability small{color:var(--staff-muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.staff-team-member .staff-actions{flex-wrap:wrap;justify-content:flex-end}
.staff-empty{padding:22px 14px;text-align:center;color:var(--staff-muted);font-size:13px}.staff-empty[hidden]{display:none}
.staff-personal-schedule{display:grid;gap:9px}.staff-personal-shift{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:12px;padding:14px;border:1px solid var(--staff-line);border-radius:12px;background:#fff}.staff-personal-shift strong,.staff-personal-shift span:not(.staff-tag){display:block}.staff-personal-shift div span{margin-top:3px;color:var(--staff-muted);font-size:12px}
.staff-employee-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.staff-link-card{display:grid;gap:6px;padding:15px;border:1px solid var(--staff-line);border-radius:13px;background:#fff;color:var(--staff-ink);text-decoration:none}.staff-link-card span{color:var(--staff-muted);font-size:12px}.staff-link-card:hover{border-color:#777}
.staff-availability-card{max-width:900px}.staff-availability-days{margin:0;padding:0;border:0}.staff-availability-days legend{margin-bottom:12px;font-size:14px;font-weight:800}.staff-availability-days>div{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.staff-day-option{position:relative;display:grid;min-height:72px;place-items:center;padding:8px;border:1px solid var(--staff-line);border-radius:11px;background:#fff;cursor:pointer}.staff-day-option input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.staff-day-option span{text-align:center;pointer-events:none}.staff-day-option strong,.staff-day-option small{display:block}.staff-day-option small{margin-top:5px;color:var(--staff-muted);font-size:10px}.staff-day-option:has(input:checked){border-color:#111;background:#f1f1f1;box-shadow:inset 0 0 0 1px #111}.staff-day-option input:focus-visible+span{outline:2px solid #006aff;outline-offset:4px}.staff-note--inline{margin:14px 0}.staff-form__actions{margin-top:12px}.staff-feedback{min-height:20px;margin:8px 0 0;color:#155b44;font-size:12px;font-weight:700}.staff-form-help,.staff-optional{color:var(--staff-muted);font-size:11px}.staff-requests--mine{max-height:520px;overflow:auto}.staff-request--mine{grid-template-columns:1fr}
.staff-board--messages{grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr)}.staff-quick-links{display:grid;gap:8px;margin-top:14px}.staff-quick-links .staff-btn{justify-content:flex-start}
.staff-message-form{margin-bottom:16px;padding:14px;border:1px solid var(--staff-line);border-radius:13px;background:#fafafa}.staff-message-form .staff-field{display:grid;gap:6px;font-size:12px;font-weight:800}.staff-message-form .staff-field input,.staff-message-form .staff-field textarea{width:100%;min-height:44px;padding:10px 11px;border:1px solid var(--staff-line);border-radius:10px;color:var(--staff-ink);background:#fff;font:inherit;font-size:14px}.staff-message-form .staff-field textarea{min-height:82px;resize:vertical}.staff-message-form__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.staff-message-form .staff-form-help{margin:0}
.staff-role-picker{margin:0;padding:12px;border:1px solid var(--staff-line);border-radius:11px}.staff-role-picker legend{padding:0 5px;font-size:12px;font-weight:800}.staff-role-picker .staff-form-help{margin:0 0 9px}.staff-role-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.staff-role-options label{display:flex;align-items:center;gap:8px;min-height:40px;padding:8px 10px;border:1px solid var(--staff-line);border-radius:9px;background:#fff;font-size:13px;font-weight:700;cursor:pointer}.staff-role-options input{width:17px;height:17px;margin:0;accent-color:#111}
.staff-insights{margin:0 0 16px}.staff-insights__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.staff-insight{display:grid;gap:5px;padding:13px;border:1px solid var(--staff-line);border-radius:12px;background:#fafafa}.staff-insight__label{font-size:11px;font-weight:800}.staff-insight>strong{font-size:24px;line-height:1.1}.staff-insight__detail{color:var(--staff-muted);font-size:11px;line-height:1.4}.staff-insight-list{margin-top:15px;border:1px solid var(--staff-line);border-radius:12px;overflow:hidden}.staff-insight-list__head{display:flex;justify-content:space-between;gap:10px;padding:11px 13px;background:#f7f7f7;font-size:12px}.staff-insight-list__head span{color:var(--staff-muted);font-size:10px}.staff-vacation-ranking{display:grid}.staff-vacation-row{display:grid;grid-template-columns:24px minmax(100px,1fr) minmax(80px,1fr) auto;align-items:center;gap:9px;padding:10px 13px;border-top:1px solid var(--staff-line);font-size:12px}.staff-vacation-row__rank{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#eceeed;font-size:10px;font-weight:850}.staff-vacation-row>span:nth-of-type(2){color:var(--staff-muted);font-size:10px}.staff-vacation-row b{white-space:nowrap}.staff-insights__note{margin:11px 0 0;color:var(--staff-muted);font-size:10px;line-height:1.45}
.staff-btn:focus-visible,.staff-menu-toggle:focus-visible,.staff-side__close:focus-visible,.staff-side__links a:focus-visible,.staff-day-option:focus-within{outline:3px solid #006aff;outline-offset:2px}
@media(max-width:760px){.staff-main{padding-inline:max(16px,env(safe-area-inset-left))}.staff-top{gap:9px}.staff-module{font-size:11px}.staff-suite{font-size:0;min-width:40px;justify-content:center}.staff-suite::after{content:'↗';font-size:17px}.staff-hero__actions{margin-top:14px}.staff-hero__actions .staff-btn{flex:1}.staff-schedule-heading{align-items:flex-start;flex-direction:column}.staff-team-member{grid-template-columns:40px minmax(0,1fr) auto;gap:9px}.staff-team-member__availability{grid-column:2/-1}.staff-team-member .staff-actions{grid-column:1/-1;justify-content:stretch}.staff-team-member .staff-actions .staff-btn{flex:1}.staff-availability-days>div{grid-template-columns:repeat(4,minmax(0,1fr))}.staff-employee-links{grid-template-columns:1fr}.staff-personal-shift{grid-template-columns:1fr auto}.staff-personal-shift .staff-tag{grid-column:1/-1;justify-self:start}.staff-date-fields,.staff-time-fields{grid-template-columns:1fr 1fr}.staff-dialog{padding:16px}.staff-board--messages{grid-template-columns:1fr}.staff-insights__grid{grid-template-columns:1fr}.staff-vacation-row{grid-template-columns:24px minmax(0,1fr) auto}.staff-vacation-row>span:nth-of-type(2){grid-column:2}.staff-vacation-row b{grid-column:3;grid-row:1/span 2}.staff-shift{grid-template-columns:minmax(0,1fr) auto;gap:9px}.staff-shift__time{grid-column:1}.staff-shift>.staff-tag,.staff-shift>.staff-state{grid-column:2;grid-row:1}.staff-shift .staff-actions{grid-column:2;grid-row:2}.staff-schedule-group__list{padding-left:0}}
@media(max-width:420px){.staff-module{display:none}.staff-hero__actions{align-items:stretch;flex-direction:column}.staff-time-fields,.staff-date-fields{grid-template-columns:1fr}.staff-availability-days>div{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-dialog__actions{flex-direction:column}.staff-team-member{grid-template-columns:36px minmax(0,1fr)}.staff-team-member__availability,.staff-team-member .staff-actions{grid-column:1/-1}.staff-team-member__identity{grid-column:2}.staff-team-member__availability{padding-left:45px}}
@media(prefers-reduced-motion:reduce){.staff-side,.staff-backdrop{transition:none}}
.staff-employee-request-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:14px;align-items:start}.staff-employee-request-layout .staff-card{min-width:0}.staff-form .staff-form-help{margin:0}.staff-form textarea{font-family:inherit}
@media(max-width:760px){.staff-employee-request-layout{grid-template-columns:1fr}}
.staff-employee-leave-calendar__head{align-items:flex-start}.staff-employee-leave-calendar .staff-card__head{margin-bottom:10px}.staff-employee-calendar-legend{gap:14px;margin:0 0 10px}.staff-employee-calendar-legend [data-kind="approved"]::before,.staff-calendar-date__markers [data-kind="approved"]{background:#26805b}.staff-employee-calendar-legend [data-kind="own-pending"]::before,.staff-calendar-date__markers [data-kind="own-pending"]{background:#c17800}.staff-employee-leave-day{margin-top:12px;padding:12px;border:1px solid var(--staff-line);border-radius:11px;background:#fafafa}.staff-employee-leave-day__top{display:flex;align-items:center;justify-content:space-between;gap:12px}.staff-employee-leave-day__top h3{margin:0;font-size:13px}.staff-employee-leave-day__top .staff-card__hint{max-width:390px;line-height:1.45}.staff-employee-leave-day__top .staff-btn{flex:none;min-height:44px;padding:0 10px;font-size:11px}.staff-employee-leave-day .staff-calendar-day__items{margin-top:9px}.staff-employee-leave-day .staff-calendar-event{grid-template-columns:8px minmax(0,1fr) auto;padding:8px}.staff-employee-leave-calendar .staff-calendar-month .staff-btn{min-width:44px;min-height:44px}.staff-employee-leave-footnote{margin:9px 0 0;color:var(--staff-muted);font-size:10px;line-height:1.45}.staff-employee-history{margin-top:14px}
@media(max-width:760px){.staff-employee-request-layout{display:flex;flex-direction:column}.staff-employee-request-layout>.staff-employee-leave-calendar{order:-1;width:100%}.staff-employee-request-layout>.staff-card{width:100%}.staff-employee-leave-calendar__head{align-items:flex-start;flex-direction:column}.staff-employee-leave-calendar__head .staff-calendar-month{width:100%;justify-content:space-between}.staff-employee-leave-calendar__head .staff-calendar-month strong{flex:1}.staff-employee-leave-day__top{align-items:flex-start}.staff-employee-leave-day__top>div{min-width:0}.staff-employee-leave-day__top .staff-card__hint{margin-right:0}}
@media(max-width:420px){.staff-employee-calendar-legend{font-size:10px}.staff-employee-leave-day{padding:10px}.staff-employee-leave-day__top{flex-direction:column}.staff-employee-leave-day__top .staff-btn{width:100%}.staff-employee-leave-day .staff-calendar-event{grid-template-columns:8px minmax(0,1fr)}.staff-employee-leave-day .staff-calendar-event__state{grid-column:2;justify-self:start}}
.staff-shift__availability{grid-column:3;display:flex;align-items:center;gap:8px;min-width:0;color:#155b44}.staff-shift__availability-icon{display:grid;place-items:center;width:25px;height:25px;flex:none;border-radius:50%;background:#e6f4e9;font-size:13px;font-weight:900}.staff-shift__availability strong,.staff-shift__availability small{display:block}.staff-shift__availability strong{font-size:11px;line-height:1.25}.staff-shift__availability small{margin-top:2px;color:var(--staff-muted);font-size:10px;line-height:1.25}.staff-shift__availability[data-availability="check"]{color:#7a4b00}.staff-shift__availability[data-availability="check"] .staff-shift__availability-icon{background:#fff3df}.staff-shift__availability[data-availability="unknown"]{color:#4b5563}.staff-shift__availability[data-availability="unknown"] .staff-shift__availability-icon{background:#f0f1f2}
@media(max-width:900px){.staff-shift__availability{grid-column:2;grid-row:2;justify-self:start}}
@media(max-width:620px){.staff-shift__availability{grid-column:2;grid-row:1;max-width:155px}}
.staff-day-availability{margin:4px 0 16px;padding:12px 14px;border:1px solid var(--staff-line);border-radius:12px;background:#f7f7f7}.staff-day-availability__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.staff-day-availability__head h3{margin:0;font-size:13px;font-weight:850}.staff-day-availability__head>span{color:var(--staff-muted);font-size:11px;font-weight:800;white-space:nowrap}.staff-day-availability__hint{max-width:none;margin:4px 0 9px;color:var(--staff-muted);font-size:11px;line-height:1.4}.staff-day-availability__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}.staff-day-availability__row{display:grid;grid-template-columns:76px minmax(0,1fr);gap:9px;padding:7px 0;border-top:1px solid #e5e5e5;font-size:11px;line-height:1.4}.staff-day-availability__row strong{font-weight:850}.staff-day-availability__row span{color:var(--staff-muted)}.staff-day-availability__empty{grid-column:1/-1;margin:0;padding:10px 0 3px;color:var(--staff-muted);font-size:12px}
@media(max-width:620px){.staff-day-availability{padding:11px}.staff-day-availability__list{grid-template-columns:1fr}.staff-day-availability__row{grid-template-columns:72px minmax(0,1fr)}}
.staff-leave-calendar{margin:0 0 16px}.staff-leave-calendar__head{align-items:center}.staff-calendar-month{display:flex;align-items:center;gap:10px;flex:none}.staff-calendar-month strong{min-width:130px;text-align:center;font-size:14px}.staff-calendar-month .staff-btn{width:42px;min-height:42px;padding:0;font-size:21px}.staff-calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:6px 0 12px;flex-wrap:wrap}.staff-calendar-filters{display:flex;gap:6px;flex-wrap:wrap}.staff-calendar-filters button{min-height:38px;padding:0 12px;border:1px solid var(--staff-line);border-radius:9px;background:#fff;color:var(--staff-muted);font:inherit;font-size:11px;font-weight:800;cursor:pointer}.staff-calendar-filters button[aria-pressed="true"]{border-color:#111;background:#111;color:#fff}.staff-calendar-legend{display:flex;gap:12px;flex-wrap:wrap;color:var(--staff-muted);font-size:10px}.staff-calendar-legend span{display:inline-flex;align-items:center;gap:5px}.staff-calendar-legend span::before,.staff-calendar-date__markers i{width:7px;height:7px;border-radius:50%;background:#a7adb4;content:""}.staff-calendar-legend [data-kind="pending"]::before,.staff-calendar-date__markers [data-kind="pending"]{background:#c17800}.staff-calendar-legend [data-kind="approved"]::before,.staff-calendar-date__markers [data-kind="approved"]{background:#26805b}.staff-calendar-legend [data-kind="rejected"]::before,.staff-calendar-date__markers [data-kind="rejected"]{background:#b23b32}.staff-calendar-legend [data-kind="history"]::before,.staff-calendar-date__markers [data-kind="history"]{background:#516574}.staff-calendar-weekdays,.staff-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.staff-calendar-weekdays{margin-bottom:5px;color:var(--staff-muted);font-size:10px;font-weight:850;text-align:center}.staff-calendar-weekdays span{padding:5px 0}.staff-calendar-empty{min-height:64px}.staff-calendar-date{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-width:0;min-height:64px;padding:8px;border:1px solid var(--staff-line);border-radius:9px;background:#fff;color:var(--staff-ink);font:inherit;cursor:pointer;text-align:left}.staff-calendar-date:hover{border-color:#777;background:#fafafa}.staff-calendar-date.is-selected{border-color:#111;box-shadow:inset 0 0 0 1px #111;background:#f4f4f4}.staff-calendar-date__number{font-size:12px;font-weight:800}.staff-calendar-date__markers{display:flex;gap:4px;min-height:8px}.staff-calendar-date__markers i{display:block;width:7px;height:7px}.staff-calendar-day{margin-top:14px;padding:14px;border:1px solid var(--staff-line);border-radius:12px;background:#fafafa}.staff-calendar-day__head,.staff-history__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.staff-calendar-day__head h3,.staff-history__head h3{margin:0;font-size:14px}.staff-calendar-day__head>span,.staff-history__head>span{color:var(--staff-muted);font-size:10px;font-weight:750}.staff-calendar-day__items{display:grid;gap:7px;margin-top:10px}.staff-calendar-event,.staff-history-row{display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 11px;border:1px solid var(--staff-line);border-radius:10px;background:#fff}.staff-calendar-event__marker{width:8px;height:8px;border-radius:50%;background:#a7adb4}.staff-calendar-event[data-kind="pending"] .staff-calendar-event__marker{background:#c17800}.staff-calendar-event[data-kind="approved"] .staff-calendar-event__marker{background:#26805b}.staff-calendar-event[data-kind="rejected"] .staff-calendar-event__marker{background:#b23b32}.staff-calendar-event[data-kind="history"] .staff-calendar-event__marker{background:#516574}.staff-calendar-event>div strong,.staff-calendar-event>div span,.staff-history-row>div strong,.staff-history-row>div span{display:block}.staff-calendar-event>div strong,.staff-history-row>div strong{font-size:11px}.staff-calendar-event>div span,.staff-history-row>div span{margin-top:3px;color:var(--staff-muted);font-size:10px;line-height:1.4}.staff-calendar-event__state{padding:4px 7px;border-radius:999px;background:#f0f1f2;color:#454b51;font-size:9px;font-weight:850;white-space:nowrap}.staff-calendar-event__state[data-kind="pending"]{background:#fff3df;color:#895516}.staff-calendar-event__state[data-kind="approved"]{background:#e6f4e9;color:#155b44}.staff-calendar-event__state[data-kind="rejected"]{background:#fff0ed;color:#923e35}.staff-calendar-event__state[data-kind="history"]{background:#eaf0f3;color:#405766}.staff-history{margin-top:18px;padding-top:15px;border-top:1px solid var(--staff-line)}.staff-history__head{margin-bottom:9px}.staff-history__list{display:grid;gap:7px}.staff-history-row{grid-template-columns:26px minmax(0,1fr) auto}.staff-history-row__icon{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#eaf0f3;color:#405766;font-size:12px;font-weight:900}.staff-calendar-date:focus-visible,.staff-calendar-filters button:focus-visible{outline:3px solid #006aff;outline-offset:2px}
@media(max-width:760px){.staff-leave-calendar__head{align-items:flex-start;flex-direction:column}.staff-calendar-month{width:100%;justify-content:space-between}.staff-calendar-month strong{flex:1}.staff-calendar-toolbar{align-items:flex-start;flex-direction:column}.staff-calendar-grid,.staff-calendar-weekdays{gap:3px}.staff-calendar-date{min-height:52px;padding:6px}.staff-calendar-empty{min-height:52px}.staff-calendar-event,.staff-history-row{grid-template-columns:9px minmax(0,1fr);}.staff-calendar-event__state,.staff-history-row>.staff-calendar-event__state{grid-column:2;justify-self:start}}
@media(max-width:420px){.staff-calendar-date{min-height:44px;padding:5px;border-radius:7px}.staff-calendar-empty{min-height:44px}.staff-calendar-date__number{font-size:11px}.staff-calendar-legend{gap:8px;font-size:9px}.staff-calendar-filters button{padding:0 9px;font-size:10px}.staff-calendar-day{padding:11px}.staff-history-row{grid-template-columns:24px minmax(0,1fr)}.staff-history-row>.staff-calendar-event__state{grid-column:2}}


.staff-calendar-controls{display:flex;align-items:center;gap:9px;margin:16px 0 8px;flex-wrap:wrap}
.staff-calendar-controls>strong{margin:auto;color:var(--staff-ink);font-size:13px}
.staff-date-jump{display:flex;align-items:center;gap:8px;color:var(--staff-muted);font-size:11px;font-weight:750}
.staff-date-jump input{min-height:40px;padding:0 9px;border:1px solid var(--staff-line);border-radius:9px;background:#fff;color:var(--staff-ink);font:inherit}
.staff-week button{flex:1 0 72px}
@media(max-width:600px){.staff-calendar-controls{display:grid;grid-template-columns:auto auto 1fr auto;gap:6px}.staff-calendar-controls>strong{grid-column:1/-1;grid-row:1;text-align:center}.staff-calendar-controls>[data-week-step="-7"]{grid-column:1;grid-row:2}.staff-calendar-controls>#week-today{grid-column:2;grid-row:2}.staff-date-jump{grid-column:3;grid-row:2;justify-content:end}.staff-date-jump input{width:135px}.staff-calendar-controls>[data-week-step="7"]{grid-column:4;grid-row:2}.staff-week{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}.staff-week button{min-width:0}}