:root{--navy:#0c223b;--navy2:#163653;--gold:#d6ad66;--bg:#f3f5f9;--ink:#192c44;--muted:#66768b;--line:#dfe6ee;--blue:#285ecb;--danger:#b23741;--radius:14px}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{opacity:.5;cursor:wait}
a{color:var(--blue);text-decoration:none}
button:focus-visible,a:focus-visible,input:focus,select:focus,textarea:focus{outline:3px solid #85aff5;outline-offset:2px}
h1,h2,h3,p{margin-top:0}
h1{font-size:29px;letter-spacing:-.8px;margin-bottom:6px;line-height:1.2}
h2{font-size:21px;margin-bottom:13px}
h3{font-size:16px;margin-bottom:9px}
p{margin-bottom:14px}
small,.small{font-size:12px}
.muted{color:var(--muted)}
.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.5px;display:block;color:var(--muted);margin-bottom:7px}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:8px 15px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);font-weight:650;text-align:center}
.btn:hover{background:#edf2f9}
.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}
.btn.gold{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.btn.danger{color:var(--danger);border-color:#efcbd0}
.btn.small{min-height:30px;padding:4px 10px;font-size:12px}
.full{width:100%}
.text-btn{background:none;border:none;color:var(--blue);padding:6px 0;font-weight:600}
.icon-btn{background:transparent;border:1px solid var(--line);color:var(--ink);border-radius:9px;min-width:36px;height:36px;position:relative}
.badge{position:absolute;right:-3px;top:-3px;border-radius:12px;min-width:17px;padding:1px 4px;font-size:10px;background:#b63b45;color:#fff}
.avatar{width:37px;height:37px;border:0;background:#e6edfa;color:var(--blue);font-weight:750;border-radius:50%}
.status-dot{height:8px;width:8px;border-radius:50%;display:inline-block;background:#6ae0bc;margin-right:8px}
label{display:block;font-weight:650;font-size:12px;margin-bottom:15px}
input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea{display:block;width:100%;min-height:40px;border:1px solid #cbd5e2;background:white;color:var(--ink);border-radius:7px;padding:9px 10px;margin-top:5px;font-weight:450}
textarea{min-height:85px;resize:vertical}
input[type=checkbox]{width:17px;height:17px;vertical-align:middle;margin-right:7px;accent-color:var(--blue)}
input[type=color]{display:block;width:80px;height:38px;border:1px solid var(--line);border-radius:5px;background:white}
label.check{font-size:13px;font-weight:450;display:flex;align-items:center;gap:2px}
.checks{display:flex;flex-wrap:wrap;gap:0 20px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.form-grid .span2{grid-column:1/-1}
.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px;flex-wrap:wrap}
.form-error{color:var(--danger);background:#fff1f2;border-radius:7px;margin-top:10px;white-space:pre-line}
.form-error:not(:empty){padding:11px}
.note{border:1px solid #d5e3f6;background:#eff5ff;border-radius:9px;padding:13px 16px;font-size:13px;margin:15px 0}
.note.warning{border-color:#ecd6a8;background:#fff8e8;color:#735414}
.note.success{border-color:#bee0d3;background:#edf9f3;color:#216449}
.note.danger{border-color:#efcbd0;background:#fff0f1;color:#94333d}
.loading,.empty{padding:40px;text-align:center;color:var(--muted)}
.empty h3{color:var(--ink)}
.empty .btn{margin-top:10px}
.card{border:1px solid var(--line);background:white;border-radius:var(--radius);padding:22px;margin-bottom:22px;box-shadow:0 4px 15px #17304403}
.card.no-pad{padding:0;overflow:hidden}
.card-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}
.card-header h2,.card-header h3{margin:0}
.card-header .muted{margin-top:4px}
.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}
.page-head p{margin:0}
.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pill{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:20px;font-size:11px;font-weight:650;padding:3px 9px;background:#f6f8fb;white-space:nowrap}
.pill.success{background:#e5f6ed;color:#296a4a;border-color:#cee6da}
.pill.warning{background:#fff3d8;color:#846018;border-color:#f1ddb2}
.pill.blue{background:#edf2ff;color:#34599c;border-color:#d7e2ff}
.pill.danger{background:#fdebed;color:#9e3844;border-color:#f1cdd2}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:23px}
.metric{border:1px solid var(--line);background:white;border-radius:var(--radius);padding:18px 20px}
.metric .value{display:block;font-size:31px;font-weight:700;letter-spacing:-1px;margin:5px 0}
.metric .small{color:var(--muted)}
.metric .accent{font-size:10px;font-weight:700;letter-spacing:1px;color:var(--muted);text-transform:uppercase}
.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}
.table-wrap{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:13px}
th{font-size:11px;letter-spacing:.2px;color:var(--muted);font-weight:700;text-align:left;background:#f7f9fc}
th,td{padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
tr:last-child td{border-bottom:0}
td.right,th.right{text-align:right}
td .muted{font-size:11px}
#sidebar{position:fixed;inset:0 auto 0 0;width:231px;display:flex;flex-direction:column;background:var(--navy);color:white;z-index:30;padding:25px 15px}
.brand{display:block;padding:0 9px}
.brand img{width:192px;display:block}
.hotel-name{border-top:1px solid #ffffff18;margin:22px 10px 17px;padding-top:15px;color:#9aadc0;font-size:12px}
#nav{flex:1}
.nav-item{width:100%;display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#b8c8da;text-align:left;padding:11px 15px;margin-bottom:4px;border-radius:8px;font-size:13px}
.nav-item:hover{background:#ffffff0a;color:white}
.nav-item.active{background:#23415e;color:#fff;font-weight:650;border-left:3px solid var(--gold);padding-left:12px}
.nav-symbol{width:18px;font-size:18px;text-align:center}
.sidebar-bottom{border-top:1px solid #ffffff18;padding-top:15px}
.sidebar-bottom small{display:block;padding-left:16px;color:#7190aa;font-size:10px}
.workspace{margin-left:231px}
.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 31px;background:#fff;position:sticky;top:0;z-index:15}
.topbar .eyebrow{margin:0}
.top-hotel{font-size:12px;color:var(--muted)}
.top-actions{display:flex;align-items:center;gap:14px}
#menu-toggle{display:none}
#content{padding:29px 31px;max-width:1850px;margin:0 auto}
#mobile-nav{display:none}
.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:16px}
.toolbar input,.toolbar select{display:inline-block;width:auto;margin:0;min-height:36px;padding:7px 9px}
.toolbar .group{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.segmented{display:flex;background:#eaf0f7;padding:3px;border-radius:8px}
.segmented button{border:0;background:transparent;padding:6px 13px;border-radius:5px;font-size:12px;color:var(--muted)}
.segmented .selected{background:white;box-shadow:0 1px 4px #18314919;color:var(--ink);font-weight:650}
.schedule-grid{min-width:980px;table-layout:fixed}
.schedule-grid th,.schedule-grid td{padding:8px 5px;text-align:center;border-right:1px solid #e5eaf1}
.schedule-grid th:first-child,.schedule-grid td:first-child{text-align:left;width:158px;padding-left:13px;position:sticky;left:0;background:white;z-index:3}
.schedule-grid th:first-child{background:#f7f9fc}
.schedule-grid th:last-child,.schedule-grid td:last-child{width:67px;border-right:0}
.schedule-grid th{padding-top:13px;padding-bottom:13px}
.schedule-grid th .day-num{font-size:12px;color:var(--ink);display:block;margin-top:3px}
.schedule-grid tr:hover td:first-child{background:#f7f9fc}
.dept-row td{background:#eaf0f7!important;color:#385472;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:1px;padding:8px 12px!important;text-align:left!important;position:static!important}
.shift{display:block;width:100%;border:1px solid transparent;border-radius:6px;background:#eef2f6;padding:7px 3px;text-align:center;color:#24374c;font-size:11px;font-weight:650;line-height:1.35;margin:3px 0}
.shift small{display:block;font-size:9px;font-weight:450;opacity:.8;margin-top:2px}
.shift.morning{background:#e0f2e9;border-color:#cce7da}
.shift.evening{background:#e2ebfc;border-color:#ccdafa}
.shift.audit{background:#ece8fb;border-color:#d9d2f1}
.shift.custom{background:#fff1d9;border-color:#eeddbf}
.shift.readonly{border-style:dashed;border-color:#8ea3bc;opacity:.85}
.shift:hover:not(:disabled){filter:brightness(.975)}
.slot-add{border:1px dashed #dbe2ed;color:#90a0b4;background:#fff;width:100%;min-height:27px;border-radius:6px;font-size:11px}
.hours-mini{font-size:10px;color:var(--muted);margin-top:2px}
.legend{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;color:var(--muted);padding:13px 18px;border-top:1px solid var(--line)}
.legend span:before{content:"";display:inline-block;width:9px;height:9px;border-radius:3px;background:var(--swatch,#e2ebfc);margin-right:6px}
.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));min-width:680px}
.month-heading{text-align:center;padding:10px;font-size:11px;font-weight:650;background:#f7f9fc}
.month-cell{min-height:130px;border-right:1px solid var(--line);border-top:1px solid var(--line);padding:8px;font-size:11px}
.month-cell .day-link{border:0;background:transparent;font-weight:700;padding:0 3px;margin-bottom:7px}
.month-cell.today{background:#f6f9ff}
.month-event{display:block;padding:3px 5px;border-radius:4px;background:#edf2fb;margin-bottom:3px;font-size:10px}
.day-list{display:grid;gap:10px}
.day-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 17px;background:#fff;border:1px solid var(--line);border-left:4px solid #a9c9dd;border-radius:9px}
.day-item .time{font-size:15px;font-weight:700}
.day-item .title{font-weight:650}
.notification{padding:13px 0;border-bottom:1px solid var(--line)}
.notification:last-child{border:0}
.import-table{min-width:1300px}
.import-table td{vertical-align:top;padding:9px}
.import-table th:nth-child(1){width:235px}
.import-table input,.import-table select{font-size:11px;padding:6px;min-height:32px}
.import-table .import-break{width:54px;display:inline-block;min-height:26px;padding:3px}
.import-cell.has-error input{border-color:#d06472}
.import-cell .small{font-size:10px}
.coverage-grid td,.coverage-grid th{padding:8px 11px}
.progress-track{height:6px;border-radius:8px;background:#edf1f7;overflow:hidden;margin-top:7px}
.progress-track div{height:100%;background:#719bc8}
dialog{border:1px solid var(--line);border-radius:17px;width:min(740px,calc(100% - 28px));max-height:90dvh;padding:0;color:var(--ink);box-shadow:0 24px 90px #07152745}
dialog::backdrop{background:#07172c88;backdrop-filter:blur(2px)}
#modal-content{padding:26px}
.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:15px}
.modal-head h2{margin:0}
#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:1000;border-radius:10px;background:var(--navy);color:white;box-shadow:0 8px 30px #0002;padding:14px 22px;max-width:calc(100% - 30px);font-size:13px}
#toast.error{background:#94333d}
.login-wrap{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}
.login-story{padding:9vh 7vw;background:radial-gradient(ellipse at 0 100%,#24476b,var(--navy) 65%);color:white;display:flex;flex-direction:column;justify-content:center}
.brand-large{width:250px;max-width:100%;margin-bottom:55px}
.login-story h1{font-size:clamp(40px,4.5vw,66px);letter-spacing:-2px;line-height:1.08;margin-bottom:25px}
.login-story p{color:#aabed1;max-width:420px;font-size:15px}
.login-story .eyebrow{color:var(--gold);font-size:10px}
.story-card{padding:17px 20px;border:1px solid #b4cee226;background:#ffffff08;border-radius:10px;font-size:12px;margin-top:18px;max-width:440px}
.login-panel{padding:40px;display:flex;justify-content:center;align-items:center;background:#fff}
.login-box{max-width:365px;width:100%}
.login-box h2{font-size:31px;letter-spacing:-.8px}
.login-box form{margin:28px 0}
.install-page{max-width:860px;margin:45px auto;padding:0 20px}
.install-head{background:var(--navy);border-radius:15px 15px 0 0;padding:26px 30px;color:#fff}
.install-head img{width:240px;display:block;margin-bottom:20px}
.install-head h1{font-size:25px}
.install-page .card{border-radius:0 0 15px 15px}
.checks-status{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:23px}
.install-page code{word-break:break-all}
.demand-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.demand-grid label{font-size:11px}
pre{white-space:pre-wrap;word-break:break-word;background:#f3f6fa;padding:15px;border-radius:8px;font-size:12px}
.week-status{font-size:12px}
.section-line{border:0;border-top:1px solid var(--line);margin:20px 0}
.admin-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.inline-link{border:0;background:transparent;color:var(--blue);text-decoration:underline}
.nowrap{white-space:nowrap}

@media(min-width:1600px){#content{padding:35px 45px}
.schedule-grid{font-size:14px}
.shift{font-size:12px;padding:9px 4px}
}

@media(max-width:1150px){#sidebar{width:205px}
.workspace{margin-left:205px}
.brand img{width:167px}
#content{padding:24px 20px}
.topbar{padding:0 22px}
.metrics{gap:10px}
.metric{padding:15px}
.two-col{grid-template-columns:1fr}
}

@media(max-width:780px){#sidebar{transform:translateX(-100%);transition:transform .18s;width:245px;box-shadow:none}
#sidebar.open{transform:none;box-shadow:20px 0 50px #07172c33}
.brand img{width:190px}
.workspace{margin-left:0}
.topbar{height:65px;padding:0 16px;padding-top:env(safe-area-inset-top)}
#menu-toggle{display:block;margin-right:12px}
.topbar>div:nth-child(2){flex:1}
.topbar .eyebrow{font-size:9px;letter-spacing:.8px}
.top-hotel{font-size:10px}
.top-actions{gap:10px}
.top-actions #live-status{display:none}
#content{padding:22px 15px 100px}
.page-head{align-items:flex-start;gap:10px;margin-bottom:20px;flex-wrap:wrap}
.page-head h1{font-size:25px}
.page-head p{font-size:12px}
.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.metric .value{font-size:26px}
.card{padding:17px;border-radius:11px;margin-bottom:17px}
.card.no-pad{padding:0}
.form-grid{grid-template-columns:1fr}
.form-grid .span2{grid-column:auto}
.toolbar{gap:10px}
.toolbar .group{gap:5px}
.toolbar .btn{padding:7px 9px;font-size:12px}
.toolbar input[type=date]{width:139px}
.toolbar select{max-width:180px}
.segmented button{padding:6px 10px}
#mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--line);justify-content:space-around;padding:7px 5px calc(7px + env(safe-area-inset-bottom));z-index:25}
#mobile-nav button{background:transparent;border:0;padding:4px 8px;color:var(--muted);font-size:10px;min-width:55px}
#mobile-nav .selected{color:var(--blue);font-weight:700}
#mobile-nav .nav-symbol{display:block;width:auto;font-size:21px;line-height:1.3}
.login-wrap{grid-template-columns:1fr}
.login-story{padding:35px 26px}
.brand-large{width:220px;margin-bottom:22px}
.login-story h1{font-size:37px;margin-bottom:10px}
.login-story>p:not(.eyebrow),.story-card{display:none}
.login-panel{padding:30px 26px}
.login-box{max-width:420px}
.login-box h2{font-size:26px}
.login-box form{margin:20px 0}
.install-page{margin:20px auto}
.install-head{padding:22px}
.demand-grid{grid-template-columns:repeat(4,1fr)}
#modal-content{padding:21px 18px}
#toast{bottom:85px;min-width:80%;text-align:center}
.day-item{padding:12px}
.day-item .time{font-size:13px}
.day-item .title{font-size:13px}
.actions .btn{font-size:12px}
.card-header{align-items:flex-start}
.schedule-grid th:first-child,.schedule-grid td:first-child{width:133px}
.schedule-grid{min-width:910px}
}

@media print{#sidebar,.topbar,#mobile-nav,#toast{display:none}
.workspace{margin:0}
#content{padding:0}
.card{box-shadow:none}
body{background:white}
}


/* Keep native date inputs from inheriting full-width form fields in toolbars. */
#content .toolbar input[type=date]{width:145px;display:inline-block;min-height:36px;margin:0;padding:7px 9px}

#content .import-table input.import-break{display:inline-block;width:55px;min-height:26px;padding:3px}

.personal-week .day-item{align-items:flex-start}
.personal-week .day-item>div:last-child{min-width:150px}
.personal-week .day-item .shift{margin:0 0 5px;padding:10px 12px}
.personal-week .day-item .small{margin-top:4px}


/* HotelSchedule Maker 1.1.0 | Build 1: compact, role-aware workspaces. */
[hidden]{display:none!important}
:root{--radius:12px;--sidebar-width:218px;--topbar-height:64px}
.ui-icon{width:19px;height:19px;flex:0 0 19px;vertical-align:middle}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;left:235px;top:-100px;background:#fff;color:var(--ink);padding:12px 20px;border:2px solid var(--blue);z-index:2000}
.skip-link:focus{top:8px}
#content:focus{outline:none}
#sidebar{width:var(--sidebar-width);padding:22px 12px 16px;overflow-y:auto;overscroll-behavior:contain}
.brand img{width:178px;max-width:100%}
.hotel-name{margin:20px 10px 16px;padding-top:14px;font-size:12px;overflow-wrap:anywhere}
#nav{flex:1;min-height:240px}
.nav-item{min-height:43px;padding:10px 12px;gap:10px;font-size:13px;line-height:1.3;word-break:normal}
.nav-item.active{padding-left:9px}
.nav-item .ui-icon{opacity:.9}
.sidebar-bottom{padding-top:12px}
.sidebar-bottom .nav-item{min-height:32px;padding-top:6px;padding-bottom:6px;margin-bottom:0;font-size:12px}
.sidebar-bottom small{padding-left:12px;margin-top:9px}
.sidebar-preference{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 10px 10px;color:#b8c8da;font-size:11px;font-weight:450}
.sidebar-preference select{width:106px;min-height:32px;margin:0;padding:5px 6px;background:#17344f;border-color:#34516b;color:#fff;font-size:11px}
.sidebar-close{display:none}
.workspace{margin-left:var(--sidebar-width);min-width:0}
.topbar{height:var(--topbar-height);padding:0 26px}
.topbar .top-hotel{display:block;font-size:11px;max-width:50vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar .icon-btn{display:inline-flex;align-items:center;justify-content:center}
.topbar #menu-toggle{display:none}
.top-actions{gap:12px}
#content{padding:24px 26px;max-width:1920px}
h1{font-size:27px;letter-spacing:-.6px;line-height:1.2}
h2{font-size:19px}
.page-head{margin-bottom:16px;gap:18px;align-items:center}
.page-head p{font-size:13px;margin-top:5px;max-width:700px}
.btn{font-size:13px;min-height:37px;padding:8px 12px;white-space:normal}
.card{padding:19px;margin-bottom:18px}
.card-header{margin-bottom:13px}
.card.no-pad{padding:0}
.two-col{gap:18px}
.metrics{gap:12px;margin-bottom:18px}
.metric{padding:16px 18px}
.metric .value{font-size:29px;margin:4px 0}
.workspace-tabs{display:flex;gap:24px;align-items:center;border-bottom:1px solid var(--line);margin-bottom:18px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}
.workspace-tab{padding:11px 0 12px;min-height:43px;color:var(--muted);font-size:13px;font-weight:600;border-bottom:3px solid transparent}
.workspace-tab.active{color:var(--ink);border-color:var(--gold)}
.workspace-tab:hover{color:var(--blue)}
.settings-tabs{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}
.settings-tabs .selected{color:var(--blue);border-color:#b7c9ed;background:#edf3ff}
.schedule-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:12px}
.schedule-period,.schedule-filters{display:flex;gap:7px;align-items:center;flex-wrap:wrap;min-width:0}
#content .schedule-toolbar input[type=date],#content .schedule-toolbar select{display:inline-block;width:auto;margin:0;min-height:36px;padding:6px 9px;font-size:12px}
#content .schedule-toolbar input[type=date]{width:140px}
#content .schedule-toolbar #schedule-dept{max-width:185px}
#content .schedule-toolbar #schedule-density{width:116px;color:#475f79;background:#f9fbfd;border-color:#e0e6ee}
.schedule-toolbar .icon-btn{height:36px;min-width:32px;font-size:20px}
.schedule-toolbar .btn{padding:7px 11px;min-height:36px;font-size:12px}
.segmented{padding:3px;gap:1px}
.segmented button{min-height:30px;font-size:12px;padding:5px 12px}
.period-context{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 2px 12px;flex-wrap:wrap;font-size:12px}
.period-context>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.period-context strong{font-weight:600;color:#435d77}
.period-hints{gap:15px!important}
.gap-link{border:0;border-radius:5px;background:#fff1db;color:#82560d;padding:5px 8px;font-size:11px;font-weight:600;text-decoration:underline;text-underline-offset:2px}
.schedule-help{position:relative;font-size:11px;color:var(--muted)}
.schedule-help summary{cursor:pointer;min-height:28px;display:flex;align-items:center;padding:4px 0;text-decoration:underline;text-underline-offset:3px}
.schedule-help p:last-child{margin-bottom:0}
.action-menu{position:relative}
.action-menu summary{cursor:pointer;list-style:none}
.action-menu summary::-webkit-details-marker{display:none}
.action-menu summary .ui-icon:last-child{width:13px;flex-basis:13px}
.action-menu-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:22;width:250px;max-width:calc(100vw - 30px);padding:14px;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 35px #172b4b22;font-size:12px;white-space:normal}
.action-menu-panel p{margin-bottom:9px;line-height:1.6}
.action-menu-panel .small{display:block;margin-top:6px}
.menu-link{display:block;min-height:38px;padding:9px;border-radius:6px;color:var(--ink);font-weight:600}
.menu-link:hover{background:#edf3fc}
.schedule-card{border-radius:10px}
.schedule-scroll{max-height:min(72vh,860px);overscroll-behavior:contain;scrollbar-width:thin;position:relative}
.schedule-grid{min-width:1010px;font-size:13px}
.schedule-grid th,.schedule-grid td{padding:6px;border-bottom:1px solid var(--line)}
.schedule-grid th:first-child,.schedule-grid td:first-child{width:175px;padding-left:12px}
.schedule-grid thead th{position:sticky;top:0;z-index:5;background:#f4f7fb;padding-top:10px;padding-bottom:10px;font-size:10px}
.schedule-grid thead th:first-child{z-index:7}
.schedule-grid thead th:last-child{right:0;z-index:7;border-left:1px solid var(--line)}
.schedule-grid tbody .employee-cell{position:sticky;left:0;z-index:4;background:#fff;color:var(--ink);font-size:12px;letter-spacing:0;font-weight:400;text-align:left;line-height:1.45}
.schedule-grid tbody .employee-cell .muted{font-size:10px;line-height:1.5;margin-top:3px;font-weight:400}
.schedule-grid tbody tr:hover .employee-cell{background:#f6f9fc}
.schedule-grid .total-cell{position:sticky;right:0;background:white;z-index:4;border-left:1px solid var(--line)}
.schedule-grid th:last-child,.schedule-grid td:last-child{width:65px}
.schedule-grid .total-cell .small{font-size:10px}
.schedule-grid .total-cell strong{font-size:13px}
.schedule-grid .progress-track{height:4px;margin:6px 5px 0}
.schedule-grid .is-today{background:#f7faff}
.schedule-grid thead .is-today{background:#eaf1ff;color:#285ecb;box-shadow:inset 0 3px #285ecb}
.schedule-slot{cursor:default;vertical-align:middle;height:72px}
.schedule-slot:has(.slot-add){cursor:pointer}
.schedule-slot:hover{background:#fafcff}
.shift{font-size:12px;padding:7px 5px;min-height:34px;margin:2px 0;border-radius:5px;line-height:1.35}
.shift small{font-size:10px;line-height:1.35;opacity:1;color:#546a7e}
.shift.readonly{opacity:1}
.recurring-label{border:1px dashed #c8d2de;background:#f1f4f8}
.cell-footer{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-height:25px}
.cell-footer .hours-mini{flex:1;text-align:center;margin-left:24px}
.hours-mini{font-size:10px;color:#677d95;margin-top:0}
.slot-add{display:inline-flex;align-items:center;justify-content:center;width:26px;min-height:25px;height:25px;border:1px solid #dbe4ef;border-radius:5px;padding:0;background:transparent;color:#647f9a;font-size:17px;line-height:1}
.secondary-add{border-color:transparent;color:#6685a3}
.empty-add{width:100%;min-height:44px;border-color:transparent;color:#839bb4}
.slot-add:hover,.slot-add:focus-visible{background:#e9f1fb;border-color:#c0d2ee;color:var(--blue)}
.empty-dash{display:block;color:#93a1b1;text-align:center}
.legend{gap:10px 14px;font-size:10px;padding:10px 14px;background:#fff}
.legend .legend-key{margin-left:auto;color:#6d7f93}
.legend .legend-key:before{display:none}
.coverage-card{scroll-margin-top:80px}
.coverage-card h2{font-size:17px}
.coverage-card details{font-size:12px}
.coverage-card summary{cursor:pointer;padding:5px 0}
.coverage-explainer{font-size:11px}
.directory-toolbar{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin-bottom:13px}
.directory-toolbar label{margin:0}
.directory-toolbar .directory-search{flex:1 1 290px;max-width:410px}
.directory-toolbar .directory-filter{flex:0 1 170px;min-width:140px}
#content .directory-toolbar input,#content .directory-toolbar select{width:100%;max-width:100%;margin:5px 0 0;font-size:13px;min-height:37px}
.directory-toolbar #employee-result-count{margin:0 0 9px auto}
.employee-directory .table-wrap{position:relative}
.employee-directory .employee-group-heading th{background:#edf2f8;color:var(--ink);border-top:1px solid var(--line);font-size:14px;letter-spacing:0;padding-top:10px;padding-bottom:10px}
.employee-group-title{display:flex;align-items:center;gap:10px}
.employee-group-title .pill{background:#fff;color:var(--muted);font-weight:500}
#nav-backdrop{position:fixed;inset:0;z-index:29;border:0;background:#081b36a6}
body[data-density=compact] #content{padding-top:20px}
body[data-density=compact] .card:not(.no-pad){padding:17px}
body[data-density=compact] .page-head{margin-bottom:12px}
body[data-density=compact] .page-head h1{font-size:25px}
body[data-density=compact] th,body[data-density=compact] td{padding-top:10px;padding-bottom:10px}
body[data-density=compact] .schedule-grid th,body[data-density=compact] .schedule-grid td{padding-top:5px;padding-bottom:5px}
body[data-density=compact] .schedule-grid thead th{padding-top:9px;padding-bottom:9px}
body[data-density=compact] .schedule-slot{height:65px}
body[data-density=compact] .shift{padding-top:5px;padding-bottom:5px}
body[data-density=compact] .day-item{padding:11px 14px}
body[data-density=compact] .metric{padding:13px 16px}
body[data-density=compact] .metric .value{font-size:27px}
body[data-density=comfortable] .schedule-slot{height:92px}
body[data-density=comfortable] .shift{padding:9px 5px}
body[data-density=comfortable] .schedule-grid{font-size:14px}
body[data-density=comfortable] .card{margin-bottom:22px}
#mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--muted)}
#mobile-nav .ui-icon{width:21px;height:21px;flex-basis:21px}
@media(min-width:1600px){#content{padding-left:34px;padding-right:34px}.topbar{padding-left:34px;padding-right:34px}.schedule-grid{font-size:13px}.shift{font-size:12px}}
@media(max-width:1150px){:root{--sidebar-width:200px}#sidebar{width:var(--sidebar-width)}.workspace{margin-left:var(--sidebar-width)}.brand img{width:161px}.nav-item{font-size:12px;padding-left:10px}.nav-item.active{padding-left:7px}.sidebar-preference{display:block}.sidebar-preference select{width:100%;margin-top:5px}#content{padding-left:20px;padding-right:20px}.topbar{padding:0 20px}.schedule-toolbar{gap:10px}.schedule-filters{flex:1;justify-content:flex-end}}
@media(max-width:780px){
 :root{--topbar-height:62px}
 body.nav-open{overflow:hidden}
 #sidebar{width:260px;padding:22px 15px 18px;max-height:100dvh;padding-bottom:calc(18px + env(safe-area-inset-bottom));transform:translateX(-100%)}
 #sidebar.open{transform:translateX(0)}
 #nav{min-height:250px}
 .brand img{width:190px}
 .hotel-name{margin:18px 10px 15px}
 .nav-item{min-height:44px;font-size:13px}
 .sidebar-bottom .nav-item{min-height:39px;font-size:12px}
 .sidebar-preference{display:flex}.sidebar-preference select{width:114px;margin:0;min-height:38px}
 .sidebar-close{display:block;position:absolute;top:12px;right:9px;min-width:32px;height:32px;border:0;color:#bfd1e0;font-size:23px}
 .workspace{margin-left:0}
 .topbar{height:calc(var(--topbar-height) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 13px 0;gap:8px}
 .topbar #menu-toggle{display:inline-flex;margin-right:0;min-width:40px;height:40px}
 .topbar .eyebrow{font-size:9px;letter-spacing:.4px}
 .topbar .top-hotel{font-size:10px;max-width:43vw}
 .top-actions{gap:8px}.top-actions .icon-btn{width:40px;height:40px}.avatar{width:34px;height:34px}
 #content,body[data-density=compact] #content{padding:18px 13px 100px}
 h1,.page-head h1,body[data-density=compact] .page-head h1{font-size:23px}
 .page-head{gap:12px;align-items:flex-start}.page-head p{font-size:12px;max-width:100%}
 .page-head .actions{width:100%;gap:6px}
 .actions .btn{min-height:42px;font-size:12px;padding:8px 10px}
 .action-menu-panel{right:auto;left:0}
 .workspace-tabs{gap:20px;margin-bottom:14px}
 .workspace-tab{padding-top:10px;padding-bottom:11px;font-size:12px;min-height:44px}
 .schedule-toolbar{padding:9px;gap:9px;border-radius:8px}
 .schedule-period{width:100%;gap:5px;justify-content:space-between}
 #content .schedule-toolbar input[type=date]{flex:1;min-width:125px;max-width:175px;min-height:42px}
 .schedule-toolbar .icon-btn,.schedule-toolbar .btn{min-width:40px;min-height:42px;height:42px}
 .schedule-filters{width:100%;display:flex;gap:7px;justify-content:flex-start}
 #content .schedule-toolbar select{min-height:42px;max-width:100%;font-size:12px}
 #content .schedule-toolbar #schedule-dept{width:100%;max-width:100%}
 .schedule-toolbar .segmented{flex:1;justify-content:space-around}
 .schedule-toolbar .segmented button{min-height:36px;flex:1;padding:5px 9px}
 #content .schedule-toolbar #schedule-density{width:116px}
 .period-context{margin-bottom:11px;font-size:11px;gap:8px}
 .period-context>div{gap:7px}
 .period-hints{width:100%;justify-content:space-between}
 .schedule-help .action-menu-panel{right:0;left:auto;width:240px}
 .gap-link{min-height:32px;font-size:10px}
 .card,body[data-density=compact] .card:not(.no-pad){padding:14px}
 .card.no-pad,body[data-density=compact] .card.no-pad{padding:0}
 .schedule-scroll{max-height:72dvh}
 .schedule-grid{min-width:1070px}
 .schedule-grid th:first-child,.schedule-grid td:first-child{width:152px}
 .schedule-grid tbody .employee-cell{font-size:12px}
 .schedule-grid .shift{min-height:44px;font-size:12px}
 .schedule-grid .slot-add{min-width:40px;min-height:40px;width:40px;height:40px}
 .schedule-grid .empty-add{width:100%;min-height:54px}
 .cell-footer{min-height:40px}.cell-footer .hours-mini{margin-left:40px}
 .legend{padding:10px;font-size:10px;gap:8px}.legend .legend-key{margin-left:0}
 .coverage-grid{min-width:620px}.coverage-card .small{font-size:11px}
 .directory-toolbar{gap:8px}.directory-toolbar .directory-search{flex-basis:100%;max-width:none}.directory-toolbar .directory-filter{flex:1 1 140px}#content .directory-toolbar input,#content .directory-toolbar select{font-size:16px;min-height:44px}.directory-toolbar #employee-result-count{flex-basis:100%;margin:2px 0 0}
 .personal-week .day-item{gap:10px}.personal-week .day-item>div:last-child{min-width:148px;max-width:60%}.personal-week .shift{min-height:48px;font-size:13px}.personal-week .shift small{font-size:11px}
 #mobile-nav{padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
 #mobile-nav a,#mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;min-height:45px;padding:3px;font-size:10px;border-radius:7px}
 #mobile-nav .selected{color:#285ecb;background:#f1f5ff;font-weight:700}
 .skip-link{left:15px}
 .form-grid input:not([type=checkbox]),.form-grid select,.form-grid textarea,#modal input:not([type=checkbox]),#modal select,#modal textarea{font-size:16px}
 dialog{max-height:calc(100dvh - 28px)}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.workspace-tabs,.settings-tabs,.schedule-toolbar,.period-hints,.page-head .actions,.sidebar-close,#nav-backdrop,.skip-link{display:none!important}.schedule-scroll{max-height:none;overflow:visible}.schedule-grid th,.schedule-grid td{position:static!important}.workspace{margin:0}.schedule-grid .slot-add{display:none}.schedule-grid{min-width:0}#content{padding:0!important}}
/* Build 2 maintenance workspace: same navigation, no separate admin application. */
.hm-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line,#dce5ee);border-radius:12px;background:white;margin-bottom:16px;overflow:hidden}.hm-overview>div{display:flex;flex-direction:column;gap:6px;padding:18px 22px;border-right:1px solid #e4eaf0}.hm-overview>div:last-child{border:0}.hm-overview strong{font-size:26px;line-height:1.2}.hm-overview .hm-status{font-size:22px}.hm-key-card,.hm-section-title{display:flex;justify-content:space-between;align-items:center;gap:18px}.hm-key-card p{margin-bottom:0;max-width:640px}.hm-card-head{display:flex;gap:14px;align-items:center;margin-bottom:14px}.hm-card-head h2,.hm-card-head p{margin:0}.hm-number{background:#edf3f8;color:#17405e;border:1px solid #dce6ef;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;font-size:15px;font-weight:750;flex-shrink:0}.hm-row-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.hm-backups{min-width:650px}.hm-backups td{vertical-align:middle}.hm-empty{text-align:center;padding:24px}.hm-footer{display:flex;gap:12px;flex-wrap:wrap;padding:2px 0 20px}.hm-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:15px 0}.hm-preview-grid>div{display:flex;flex-direction:column;gap:4px}.hm-tools>section{min-width:0}.workspace-tab{font:inherit;background:transparent;cursor:pointer}.hm-tools input[name=sha256]{font-family:ui-monospace,monospace;font-size:12px}#hm-check-result{margin-top:16px}.hm-row-actions button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:1000px){.hm-key-card{align-items:flex-start;flex-direction:column}.hm-overview>div{padding:15px}.hm-overview strong{font-size:22px}.hm-overview .hm-status{font-size:19px}}
@media(max-width:600px){.hm-overview{grid-template-columns:1fr}.hm-overview>div{border-right:0;border-bottom:1px solid #e4eaf0;display:grid;grid-template-columns:1fr auto;gap:4px 8px;padding:12px 15px}.hm-overview>div .small{grid-column:1/-1}.hm-overview strong,.hm-overview .hm-status{font-size:20px}.hm-key-card .actions{width:100%}.hm-key-card .actions .btn{flex:1}.hm-preview-grid{grid-template-columns:1fr}.hm-section-title{align-items:flex-start}.hm-footer{flex-direction:column}.hm-tools input[name=sha256]{font-size:13px}.hm-row-actions .btn{min-height:36px}}

.workspace-tabs button.workspace-tab{border:0;border-bottom:2px solid transparent;padding:11px 14px;margin:0;border-radius:0;line-height:1.35}.workspace-tabs button.workspace-tab.active{border-bottom-color:#c99b50;color:#102d48;font-weight:700;background:#fff8eb}.workspace-tabs button.workspace-tab:focus-visible{outline:2px solid #235ccd;outline-offset:-2px}
@media(max-width:600px){.hm-backups{min-width:0;display:block}.hm-backups thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.hm-backups tbody{display:block}.hm-backups tr{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #dce5ee;padding:10px 0}.hm-backups td{display:block;border:0;padding:6px 4px;overflow-wrap:anywhere}.hm-backups td:first-child,.hm-backups td:last-child{grid-column:1/-1}.hm-backups td:nth-child(2)::before{content:'Version: ';color:#617489}.hm-backups td:nth-child(3)::before{content:'Size: ';color:#617489}.hm-backups td:nth-child(4){grid-column:1/-1;display:flex;gap:8px;align-items:center}.hm-row-actions .btn{min-height:40px}.hm-row-actions{gap:8px}}