/* Cream, charcoal and lavender from the hotel menus; warm timber accents. */
:root{--bg:#f4efe8;--border:#e0d8ce;--muted:#736b64;--sidebar-w:244px;--shadow-sm:0 4px 20px #24302205}
body{background:var(--bg);-webkit-font-smoothing:antialiased}
button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
button{transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
button:active:not(:disabled){transform:translateY(1px)}
#mainNav{background:linear-gradient(165deg,#282321,#201e1d);padding:28px 16px 20px;gap:24px;border-right:1px solid #ffffff10}
.nav-brand{padding-bottom:26px}.nav-brand strong{font-size:21px}.nav-brand small{color:#cccde0}
.nav-label{font-size:9px;letter-spacing:.17em;color:#b6ada5;padding-left:14px}
#mainNav button{border-radius:11px;min-height:46px;color:#d9d1c9;font-weight:500;gap:13px}
#mainNav button.active{background:#cccfe026;box-shadow:inset 3px 0 #cbd0e4;color:#eeedf8}
#mainNav button:hover{background:#ffffff0d;color:#fff7ee}
#mainNav .nav-count:empty{display:none}.nav-footer{font-size:10px;line-height:1.8}
header{background:#f7f2ebed;backdrop-filter:blur(16px);height:80px;padding:16px 38px}
main{padding:30px 38px 64px;max-width:1600px}
.page-intro h2{font-size:31px;letter-spacing:-1px}.page-intro p{max-width:650px;line-height:1.7}
.hero{padding:32px 34px;background:linear-gradient(115deg,#302824,#594236);border:1px solid #ffffff16;border-radius:22px;margin-bottom:18px;min-height:186px}
.hero h2{font-size:39px}.hero p{font-size:14px;line-height:1.7;color:#ded3c9}.hero-date{background:#ffffff05;border-color:#d3c4b94d}
.shift-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:28px}
.shift-overview button{display:flex;flex-direction:column;gap:10px;text-align:left;border:1px solid var(--border);border-radius:15px;background:#fff;padding:20px;color:var(--text);cursor:pointer;min-width:0}
.shift-overview button:hover{border-color:#b6a396;box-shadow:0 5px 18px #22302108}
.shift-overview span{font-size:12px;color:var(--muted)}.shift-overview strong{font-size:29px;font-weight:600;letter-spacing:-.8px;line-height:1.1}.shift-overview strong small{font-size:13px;font-weight:400;letter-spacing:0;color:var(--muted)}
.shift-overview span:last-child{display:flex;justify-content:space-between;align-items:center;font-size:11px}.shift-overview .icon{width:15px;height:15px;color:var(--accent)}
.quick-card{border-radius:16px;padding:20px;box-shadow:none}.quick-card:hover{box-shadow:0 7px 24px #24302208;transform:translateY(-2px)}
.quick-card .tile-icon{border-radius:12px;background:#e9e7f1}.home-heading{font-size:16px;margin-top:4px}
.panel,.card{border-radius:16px;box-shadow:var(--shadow-sm)}.panel-head{gap:12px}.panel-head h3{line-height:1.5}.home-grid{margin-top:22px;gap:18px}
.home-note{background:#faf6f0;border-radius:14px}.assignment-home{margin-bottom:18px}
.btn{border-radius:10px}.btn-primary{background:#302a27}.btn-primary:hover{background:#514039}.btn-secondary{background:#eeebe4;border:1px solid #ddd4c9}
input[type=text],input[type=search],input[type=date],input[type=email],input[type=password],select,textarea{border:1px solid #ddd4ca;border-radius:10px;background:#fff;min-height:44px;max-width:100%}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #6c6886;outline-offset:2px}
.checklist-group-tabs button{min-height:76px;border-radius:13px}.checklist-group-tabs button.active{background:#e7e7f1;border-color:#b2afc6;box-shadow:inset 0 3px #78738f}
.checklist-task{padding:17px 3px}.checklist-task-text{line-height:1.6}.checklist-task input{width:23px;height:23px;min-height:0}.checklist-task:hover{background:#faf6f0}
.filter-row button,.assignment-filters button{min-height:42px;border-radius:10px}.maintenance-card{border-radius:16px}
.reports-section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.reports-reset-note{font-size:12px;color:var(--muted)}.report-count{background:#e7e7f1;border-radius:10px;padding:8px 14px;font-size:20px;font-weight:600;color:#514a67}
@media(max-width:1050px) and (min-width:761px){:root{--sidebar-w:210px}main{padding:25px}header{padding:16px 25px}.hero h2{font-size:32px}.shift-overview button{padding:15px}.header-date{display:none}}
@media(max-width:760px){:root{--sidebar-w:0px}header{height:70px;padding:12px 18px}main{padding:22px 16px calc(110px + env(safe-area-inset-bottom))}#mainNav{padding:6px 7px calc(6px + env(safe-area-inset-bottom));gap:0;background:#faf5eef5;backdrop-filter:blur(18px);border-top:1px solid #ddd4ca;border-right:0;box-shadow:0 -4px 24px #25312108}#mainNav button{gap:5px;min-height:54px;padding:7px 2px;font-size:10px;color:#71655c;border-radius:10px}#mainNav button.active,#mainNav button:hover{background:#e3e2ef;color:#373140;box-shadow:none}#mainNav .manager-tools{padding:8px;border:1px solid #ddd4ca;width:220px;max-height:65dvh;overflow-y:auto;border-radius:16px;box-shadow:0 12px 40px #1c301d24}#mainNav .manager-tools button{min-height:46px}.hero{min-height:174px;padding:23px 20px;border-radius:18px;gap:10px}.hero h2{font-size:29px}.hero p{font-size:12px}.hero-date{flex-basis:60px;padding:10px 6px}.hero-date strong{font-size:28px}.hero-date span{font-size:8px}.shift-overview{gap:8px;margin-bottom:24px}.shift-overview button{padding:13px 10px;gap:9px;border-radius:12px}.shift-overview span{font-size:10px}.shift-overview strong{font-size:24px}.shift-overview strong small{font-size:10px;display:block;margin-top:5px}.shift-overview span:last-child{font-size:9px;gap:4px}.shift-overview .icon{display:none}.quick-actions{gap:9px}.quick-card{padding:16px 12px}.quick-card>strong{font-size:12px}.quick-card>small{font-size:11px}.quick-card .tile-icon{margin-bottom:12px}.panel{padding:18px}.page-intro h2{font-size:28px}.checklist-group-tabs button{padding:12px 10px}.reports-section-head{align-items:flex-start;flex-direction:column}.checklist-heading{flex-wrap:wrap}.checklist-heading>span{max-width:none;text-align:left}.panel-head .text-button{flex-shrink:0}.progress-label small{font-size:11px}}
@media(prefers-reduced-motion:no-preference){main>section{animation:workspace-in .2s ease-out}@keyframes workspace-in{from{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
:root{--text:#292524;--brown:#372a24;--brown-dark:#25211f;--accent:#795441;--green:#6b627f;--card:#fffdfa}
.hero h2{font-style:italic;color:#fff7ed}.hero .section-eyebrow{color:#d2cfe2}.hero-date{background:#ccd0e4;color:#262226;border:0}.hero-date strong,.hero-date span{color:#29252c}.hero:after{border-color:#ded0c226;box-shadow:0 0 0 36px #ded0c209,0 0 0 72px #ded0c206}
.nav-brand strong,.nav-footer strong{color:#f1e7db}.nav-footer{color:#b1a296}.nav-brand img{background:#f4efe8}.avatar{background:#dfe0ed;color:#383344}
.quick-card .tile-icon,.quick-card:nth-child(2) .tile-icon{background:#e4e3ef;color:#494155}.quick-card:nth-child(3) .tile-icon{background:#eee0d5;color:#74503b}
.panel,.card,.shift-overview button{background:#fffdfa}.maintenance-count,#mainNav .nav-count{background:#e3e2ef;color:#474053}
.progress-track,.checklist-progress{background:#ede6de}.progress-track span,.checklist-progress span{background:#82778f}.checklist-task-meta{color:#6b5b78}.checklist-task input{accent-color:#746782}
.filter-row button.active,.assignment-filters button.active{background:#e7e5ef;border-color:#b9b2c7;color:#403745}.home-note{border-color:var(--border)}
.progress-row,.request-preview{border-color:#ebe3db}.btn-secondary:hover{background:#e4dbd1}.text-button{color:#795441}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#74688e}
#authScreen{background:#f4efe8}.auth-welcome h1{font-style:italic}.auth-features{color:#795441;border-color:#ddd2c7}#authScreen .auth-card{background:#fffdfa;border-color:#ded4cb}#authScreen input{background:#fffdfa;border-color:#d8cfc5}#authScreen label{color:#65574e}
@media(max-width:760px){#mainNav .manager-tools{background:#fffaf4}#mainNav .manager-tools button{color:#54473f}#mainNav .manager-tools button.active{background:#e3e2ef;color:#373140}}