@import url('');
:root{--navy:#183b35;--navy2:#23493f;--green:#316b57;--lightgreen:#e6f3ea;--cream:#f8f7f3;--border:#e7e8e2;--text:#263c35;--muted:#86928c;--orange:#e5a15f;--pink:#eebbc1;--blue:#95bbd2;--shadow:0 16px 50px rgba(32,55,43,.06)}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--text);font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{cursor:pointer}h1,h2,h3,p{margin-top:0}.sidebar{width:250px;position:fixed;inset:0 auto 0 0;background:#193b32;color:#f0f6ef;display:flex;flex-direction:column;z-index:10}.brand{height:98px;display:flex;align-items:center;gap:12px;padding:0 24px;border-bottom:1px solid #ffffff18}.brand-icon{background:#cce0bd;color:#315f44;border-radius:12px;width:35px;height:35px;display:grid;place-items:center;font-size:25px}.brand strong{display:block;font-weight:800;letter-spacing:2.5px;font-size:15px}.brand small{display:block;font-size:8px;letter-spacing:1.6px;opacity:.72;margin-top:6px}.workspace{margin:25px 15px 17px;padding:16px 17px;background:#27483e;border:1px solid #ffffff12;border-radius:13px}.smallcap,.navsection{color:#acc3b7;letter-spacing:1.7px;font-weight:700;font-size:10px}.workspace strong{display:block;margin:13px 0 6px}.workspace small{color:#c0d3c6;font-size:11px}.chev{float:right}.sidebar nav{padding:0 11px;flex:1;overflow:auto}.navitem{color:#c8dbce;display:flex;align-items:center;gap:13px;border:0;background:transparent;border-radius:11px;padding:12px 13px;width:100%;text-align:left;margin:2px 0;font-size:12.5px;font-weight:550;white-space:nowrap}.navitem span:first-child{width:21px;text-align:center;font-size:19px}.navitem:hover{background:#ffffff10}.navitem.active{background:#d9e8d9;color:#174336;font-weight:800}.navsection{margin:25px 12px 12px;font-size:9px}.dotwarn{width:7px;height:7px;border-radius:50%;background:#dfac72;margin-left:auto}.sidefoot{height:90px;border-top:1px solid #ffffff1f;display:flex;align-items:center;padding:20px;gap:10px}.side-avatar,.avatar{display:grid;place-items:center;border-radius:50%;background:#eadfbb;color:#194839;width:35px;height:35px;font-weight:800}.sidefoot strong{font-size:12px}.sidefoot small{display:block;font-size:10px;color:#a5c0af;margin-top:5px}.side-more{margin-left:auto;color:#bad7c3}.main{margin-left:250px;min-height:100vh}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.crumbs{color:#9ca8a2;font-size:12px}.crumbs #crumb{font-weight:800;color:#415e50}.crumb-sep{margin:0 12px;color:#c0c9c2}.topactions{display:flex;align-items:center;gap:22px;color:#85958e;font-size:11px}.offline{background:#f2e9d9;border:1px solid #ecddc5;padding:8px 12px;border-radius:50px;color:#977453}.offline i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#dfa461;margin-right:4px}.avatar{border:none}.content{max-width:1550px;margin:0 auto;padding:34px 38px}.head{display:flex;align-items:center;justify-content:space-between;gap:25px}.eyebrow{font-weight:800;font-size:10px;letter-spacing:2.2px;color:#769a82;margin-bottom:12px}.tiny-bullet{margin:0 6px}h1{font-size:30px;letter-spacing:-1px;color:#203d35;line-height:1.2;margin-bottom:10px;font-weight:750}.flower{color:#d0a26d}h2{font-size:19px;letter-spacing:-.3px;color:#203e34;margin-bottom:5px}h3{font-size:15px;margin:0 0 8px}p{line-height:1.55}#page-subtitle{color:#8a9890;font-size:13px;margin-bottom:0}.primary{background:#275b47;border:1px solid #275b47;color:white;border-radius:10px;padding:12px 18px;font-weight:700;box-shadow:0 5px 12px #315e4520}.primary:hover{background:#1c4738}.warning-strip{display:flex;align-items:center;gap:5px;flex-wrap:wrap;color:#8b6844;font-size:11.5px;border:1px solid #f0dfc5;background:#fff8ed;border-radius:9px;padding:12px 17px;margin:26px 0 23px}.warning-strip a{color:#a7703e;text-decoration:underline;font-weight:700}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metric{border:1px solid var(--border);background:#fff;padding:21px 22px;border-radius:14px;min-height:138px;box-shadow:var(--shadow)}.metric-head{display:flex;align-items:center;justify-content:space-between;color:#74897d;font-size:12px}.metric-icon{background:#eef4ee;border-radius:12px;padding:8px;color:#5d9471;font-size:17px}.metric-val{font-size:32px;letter-spacing:-1px;font-weight:800;margin-top:10px}.metric-foot{color:#9baa9c;font-size:11px;margin-top:6px}.metric-foot b{color:#43835c}.sectionbar{display:flex;align-items:center;justify-content:space-between;margin:30px 0 15px}.subdued{font-size:11px;color:#84988a}.link{background:none;border:none;color:#327258;font-weight:750;font-size:12px}.two-col{display:grid;grid-template-columns:1.5fr 1fr;gap:19px}.panel{background:#fff;border:1px solid var(--border);border-radius:15px;box-shadow:var(--shadow);padding:20px}.panelhead{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #eef0eb;margin-bottom:14px}.panelhead h3{font-size:15px;margin:0}.panelhead span{font-size:11px;color:#91a49b}.room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.room-card{background:#f7f8f4;border:1px solid #e6ebe4;border-radius:12px;text-align:left;padding:15px;transition:.15s;min-height:96px}.room-card:hover{border-color:#6da081;background:#edf5ef}.room-card b{font-size:15px}.room-card small{display:block;color:#8da097;font-size:10px;margin-top:6px}.room-card .status{float:right}.status{font-size:10px;color:#498f60;background:#e1f0df;border-radius:40px;padding:4px 7px}.status.cleaning{background:#fff1df;color:#a57642}.status.occupied{background:#e8eef5;color:#627e9e}.listrow{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #edf1ed}.listrow:last-child{border-bottom:0}.pillroom{background:#ecf2e9;color:#3c7655;border-radius:10px;padding:11px;font-weight:800;min-width:45px;text-align:center}.listrow .grow{flex:1}.listrow strong{font-size:12px}.listrow small{display:block;margin-top:5px;color:#92a39a;font-size:11px}.tag{font-size:10px;border-radius:40px;padding:5px 8px;background:#e8eee9;color:#547e60;font-weight:750}.tag.high{background:#fff0e7;color:#cb8557}.tag.open{background:#fff3d9;color:#ac7f38}.tag.done{background:#e9f3e9;color:#4c8c5b}.footer{font-size:10px;color:#a3aea5;text-align:center;margin-top:37px;letter-spacing:.6px}.calendar-wrap{overflow:auto;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.calendar-help{padding:14px 19px;color:#869588;font-size:12px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.calgrid{min-width:1040px;display:grid;grid-template-columns:210px repeat(12,minmax(68px,1fr));padding:10px 13px 17px}.calhead{border-bottom:1px solid #eaede8;text-align:center;padding:12px 0;color:#8b9a92;font-size:11px}.calhead:first-child{text-align:left;padding-left:8px}.calhead em{display:block;color:#354d41;font-size:16px;font-style:normal;font-weight:750;margin:5px 0}.cell{position:relative;border-bottom:1px solid #e9eee9;border-right:1px solid #f0f2ef;min-height:67px;display:flex;align-items:center;justify-content:center}.cell.drop{background:#d4eddd;outline:2px dashed #3f8a57;z-index:2}.roomlabel{display:flex;align-items:center;gap:10px;justify-content:flex-start;border-right:1px solid var(--border);padding:7px}.roomlabel .littlebox{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:#e8f0e9;font-weight:800;color:#2b6c4a}.roomlabel strong{display:block;font-size:11px}.roomlabel small{color:#8c9f94;font-size:9px}.booking-chip{border-radius:8px;background:#dceee0;color:#2f614b;white-space:nowrap;font-size:10px;font-weight:800;padding:10px 9px;position:relative;z-index:1;cursor:grab;min-width:90%;overflow:hidden;text-overflow:ellipsis;text-align:center}.booking-chip.blue{background:#e3eaf4;color:#537b9b}.booking-chip.peach{background:#fbe9d7;color:#a66d43}.booking-chip.yellow{background:#f5efc8;color:#8e822b}.booking-chip.grabbed{opacity:.4}.cell .empty{font-size:13px;color:#d6ddd8}.subnav{display:flex;gap:8px;margin:15px 0 17px}.chipbtn{padding:9px 13px;background:#fff;border:1px solid var(--border);border-radius:10px;font-size:11px;color:#697c70}.chipbtn.active{background:#e4f0e8;border-color:#c7e1cf;color:#2e6a4d;font-weight:800}.rooms-wide{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.room-large{background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px;text-align:left}.room-large strong{font-size:19px}.room-large .line{margin:16px 0;border-top:1px solid #eff0eb}.room-large .guest{color:#4b755f;font-weight:750;font-size:13px}.room-large .type{font-size:11px;color:#95a299}.room-large:hover{border-color:#80b58e}.task-card{background:#fff;padding:15px 18px;border:1px solid var(--border);border-radius:11px;margin-bottom:10px;display:flex;gap:14px;align-items:center}.task-card .grow{flex:1}.task-card small{color:#89978d;font-size:11px}.task-card.done{opacity:.65}.ghost{border:1px solid #d9e5da;background:#fff;padding:9px 12px;border-radius:8px;color:#3a7753;font-weight:700;font-size:11px}.restaurant-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.tables{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tabletile{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:105px;background:#eaf2ea;border:1px solid #d7e8d9;border-radius:14px;font-weight:800;color:#406b50;font-size:15px}.tabletile small{color:#729380;font-size:10px;font-weight:550;margin-top:8px}.tabletile.reserved{background:#fff0dc;border-color:#f4dfc3;color:#936c43}.ordergrid{display:grid;grid-template-columns:280px 1fr;gap:18px}.menubtn{width:100%;text-align:left;border:1px solid #e5eee5;background:#fff;border-radius:10px;padding:13px;margin:5px 0;display:flex;justify-content:space-between;color:#3d604d}.menubtn:hover{background:#eff5f0}.kds-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.ticket{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}.ticketbar{padding:11px 14px;background:#dceede;font-weight:800;display:flex;justify-content:space-between}.ticketbar.yellow{background:#ffedb8}.ticketbar.red{background:#f6c6c3}.ticketbody{padding:13px}.ticketitem{padding:9px 0;border-bottom:1px solid #eff0ed;display:flex;justify-content:space-between;gap:8px;font-size:12px}.ticketitem.done{text-decoration:line-through;color:#a6b4aa}.bikegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.bike{background:white;padding:19px;border:1px solid var(--border);border-radius:15px}.bike .symbol{font-size:28px;color:#8dbfa0}.bike strong{display:block;margin:14px 0 6px}.bike small{color:#8e9b94;display:block;margin:7px 0}.booking-info{background:#fff;border:1px solid var(--border);border-radius:14px;padding:24px;max-width:860px}.checklist{margin-top:15px}.checklist p{border-bottom:1px solid #e8efe8;padding:10px 0;margin:0;font-size:13px}.checklist b{color:#416c53}.modal-shade{position:fixed;inset:0;background:#102d22a9;display:flex;justify-content:center;align-items:center;padding:16px;z-index:99}.modal{background:#fff;max-width:580px;width:100%;max-height:90vh;overflow-y:auto;border-radius:18px;box-shadow:0 30px 100px #10271c54}.modalhead{padding:22px 25px;border-bottom:1px solid #eef0e9;display:flex;justify-content:space-between}.modalhead h2{margin:0}.close{background:transparent;border:0;font-size:23px;color:#a0aca3}.modalbody{padding:22px 25px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:12px;color:#68816f;font-size:11px;font-weight:700}.field.wide{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;background:#fafbf8;border:1px solid #e2e8dd;border-radius:9px;padding:11px;color:#294238;min-height:43px}.field textarea{resize:vertical;min-height:72px}.modalfooter{display:flex;justify-content:flex-end;gap:10px;padding:12px 25px 25px}.detailrow{display:grid;grid-template-columns:1fr auto;gap:9px;padding:10px 0;border-bottom:1px solid #eef0e9}.detailrow strong{font-size:12px}.detailrow small{color:#8fa099}.price{font-weight:800;color:#3f7755}.total{font-size:18px;font-weight:800;text-align:right;margin-top:15px}.notice{padding:10px;background:#fff4e4;border-radius:9px;color:#976f3b;font-size:11px}.emptytext{color:#92a097;font-size:12px;padding:16px}.section-actions{display:flex;gap:8px}.hide{display:none!important}#toast{position:fixed;right:20px;bottom:22px;z-index:101;display:none;background:#234b3e;color:white;border-radius:10px;padding:13px 17px;max-width:380px;box-shadow:0 10px 40px #0003;font-size:12px}.scrollhint{font-size:10px;color:#a0ab9f;margin:8px 0}.selector{background:#fff;border:1px solid var(--border);border-radius:9px;padding:10px}.hint{font-size:11px;color:#8e9f93}
@media(max-width:1100px){.sidebar{width:218px}.main{margin-left:218px}.content{padding:25px}.metrics{grid-template-columns:repeat(2,1fr)}.two-col,.restaurant-grid{grid-template-columns:1fr}.topbar{padding:0 24px}.rooms-wide{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.sidebar{position:sticky;width:100%;height:auto;display:block}.brand{height:58px;padding:0 18px}.brand-icon{width:30px;height:30px}.brand small{font-size:7px}.workspace,.sidefoot,.navsection{display:none}.sidebar nav{padding:5px 8px;display:flex;overflow-x:auto;gap:4px}.navitem{width:auto;padding:8px 10px;gap:6px;font-size:10px;margin:0}.navitem span:first-child{font-size:15px;width:15px}.main{margin:0}.topbar{height:49px;padding:0 16px}.crumbs{font-size:10px}.topactions{gap:9px}.localtime{display:none}.content{padding:20px 15px}.head{align-items:flex-start}.head h1{font-size:23px}.head .primary{font-size:10px;padding:10px;white-space:nowrap}.eyebrow{font-size:8px}.metrics{grid-template-columns:repeat(2,1fr);gap:9px}.metric{padding:16px;min-height:119px}.metric-val{font-size:26px}.metric-head{font-size:10px}.two-col,.restaurant-grid,.ordergrid,.kds-grid{grid-template-columns:1fr}.rooms-wide,.bikegrid{grid-template-columns:repeat(2,1fr);gap:9px}.room-grid{grid-template-columns:repeat(3,1fr);gap:6px}.room-card{padding:10px;min-height:75px}.room-card small{font-size:8px}.room-card b{font-size:12px}.status{font-size:8px}.tables{grid-template-columns:repeat(4,1fr)}.warning-strip{font-size:10px}.formgrid{grid-template-columns:1fr}.field.wide{grid-column:auto}}

/* v0.2 calendar service layers */
.calendar-help{gap:12px;flex-wrap:wrap}.legend{display:inline-flex;gap:7px;align-items:center;margin-left:12px}.legend-dot{display:inline-block;width:9px;height:9px;border-radius:3px}.legend-dot.stay{background:#91b5d0}.legend-dot.bike{background:#54b9aa}.legend-dot.trip{background:#e7b360}.calday{padding:7px 3px;min-height:122px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:5px}.calday .booking-chip{min-width:0;width:100%;height:33px;display:flex;align-items:center;justify-content:center;margin-bottom:3px}.calday .empty{border:0;background:transparent;cursor:pointer;margin:auto;color:#bed1c8}.event-chip{width:100%;border:1px solid transparent;border-radius:5px;font-size:9px;font-weight:750;line-height:1.25;padding:6px 2px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;cursor:pointer;display:block;text-align:center}.event-chip.motorbike{background:#d2f0e9;color:#156e60;border-color:#98d7ca}.event-chip.activity{background:#fff0d2;color:#90601c;border-color:#efd29c}.event-chip.complete{background:#eef0e8;color:#68786a;border-color:#dfe4d7}.event-chip:hover{filter:brightness(.96)}.guest-services{margin:14px 0;padding:13px;background:#f5f8f3;border-radius:10px}.guest-services>.detailrow{font-size:11px}.activity-panel .listrow{gap:16px}.activity-day{background:#e7f2ec;border-radius:9px;min-width:48px;padding:9px;display:flex;flex-direction:column;align-items:center;color:#235343}.activity-day strong{font-size:18px}.activity-day small{font-size:10px}

.event-chip.motorbike{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:4px 1px;height:34px}.event-chip.motorbike small{font-size:8px;opacity:.78;font-weight:700}.calday{min-height:139px}

.folio-list-row{gap:14px;flex-wrap:wrap}.folio-list-row .section-actions{margin-left:auto}.bill{font:13px/1.5 Arial,sans-serif;color:#203b34;max-width:820px;margin:0 auto;padding:30px;background:white}.bill-brand{display:flex;align-items:center;gap:17px;border-bottom:3px solid #326e56;padding-bottom:20px;margin-bottom:20px}.bill-brand h1{font-size:25px;letter-spacing:2px;margin:0}.bill-brand p{font-size:14px;margin:5px 0 0}.bill-logo{display:grid;place-items:center;width:64px;height:64px;background:#dce7d7;border-radius:15px;font-size:36px}.bill-lines{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-bottom:25px}.bill-lines p{margin-top:6px;line-height:1.7}.bill h2{font-size:16px;margin:15px 0}.bill table{width:100%;border-collapse:collapse}.bill th{background:#e6ede5;text-align:left}.bill td,.bill th{padding:10px;border-bottom:1px solid #ddd}.bill-totals{margin-left:auto;width:max-content;min-width:290px;text-align:right;padding:20px 0}.bill-totals p{display:flex;justify-content:space-between;gap:32px}.bill-totals h2{border-top:2px solid #285c47;padding-top:15px}.bill-note{color:#7a6b58;background:#f9f5eb;padding:12px 15px;font-size:11px}.bill small{color:#666}#print-sheet{display:none}
@media print { @page {margin:14mm;size:A4} body{background:white!important} body>.sidebar,body>.main,body>#toast,body>#modal-root{display:none!important}body>#print-sheet{display:block!important}.bill{padding:0;max-width:100%;font-size:11px}.bill h1{font-size:21px}.bill td,.bill th{padding:8px} }

/* v0.4: actionable, guest-bound housekeeping and permanent maintenance history */
.issue-card{position:relative;transition:box-shadow .2s ease,transform .2s ease;border:2px solid transparent!important}.issue-card.issue-green{background:#eaf5ed!important;border-color:#90caa2!important}.issue-card.issue-blue{background:#e9f1ff!important;border-color:#6ea4f2!important}.issue-card.issue-red{background:#fff0f0!important;border-color:#e05b66!important;box-shadow:0 0 0 3px rgba(217,53,66,.14),0 7px 18px rgba(177,25,36,.08)!important}.room-issue-pill{font-size:10px;font-weight:800;line-height:1.15;display:block;max-width:100%;border-radius:7px;padding:5px 7px;margin-top:10px;text-align:center;white-space:normal}.room-issue-pill.issue-green,.room-detail-status.issue-green{color:#166534;background:#d4efdb}.room-issue-pill.issue-blue,.room-detail-status.issue-blue{color:#194c95;background:#d3e4ff}.room-issue-pill.issue-red,.room-detail-status.issue-red{color:#a70e22;background:#ffd2d6}.room-detail-status{padding:13px 15px;font-weight:900;font-size:15px;border-radius:10px;margin-bottom:12px}.room-large>.room-issue-pill{display:inline-block;margin-left:10px}.task-entry{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e9ebe8;padding:13px 0}.task-entry strong{display:block;font-size:13px}.task-entry small{display:block;color:#697b70;margin-top:5px;font-size:11px}.btn-compact{font-size:11px!important;white-space:nowrap;padding:9px 12px!important}.maintenance-switch{display:flex;flex-wrap:wrap;gap:8px}.maintenance-switch button{background:white;border:1px solid #bfcfc5;border-radius:10px;padding:10px 14px;color:#264d3e;font-weight:750}.maintenance-switch button.selected{background:#286a52;color:white;border-color:#286a52}.maintenance-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.maintenance-tile{background:#f8faf6;border:1px solid #e4e9e2;border-radius:11px;padding:15px;min-height:112px}.maintenance-tile strong{font-size:13px;display:block;margin-bottom:9px}.maintenance-tile small,.maintenance-tile span{font-size:11px;display:block;color:#68786b;margin-top:5px}.task-card{flex-wrap:wrap}.room-card{min-height:126px!important}.room-card .room-issue-pill{font-size:9px}.room-large{min-height:215px!important}@media(max-width:720px){.maintenance-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.maintenance-switch button{padding:9px}.task-entry{flex-wrap:wrap}.task-entry .btn-compact{width:100%}.room-card{min-height:124px!important}.room-issue-pill{font-size:8px;padding:4px}}

/* v0.5: navigation, multilingual and team UI */
.lang-control{display:flex;align-items:center;gap:5px;border:1px solid #d3dfd4;background:#fff;border-radius:8px;padding:6px 8px;color:#31654c}.lang-control select{border:0;background:transparent;color:#254b3e;font-weight:800;cursor:pointer}.navitem[data-tab="maintenance"],.navitem[data-tab="archive"],.navitem[data-tab="bikehistory"]{font-size:11px}.team-app{max-width:930px;margin:auto}.team-hero{background:#235946;color:#fff;padding:20px;border-radius:17px;display:flex;gap:15px;align-items:center}.team-hero h2{font-size:22px;margin:0;color:#fff}.team-hero p{font-size:12px;color:#bed8c7;margin:5px 0 0}.team-icon{font-size:36px}.team-controls{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:20px 0}.team-controls label{font-size:11px;font-weight:800;color:#708878}.team-controls select{padding:10px;border:1px solid #d4e0d5;border-radius:8px;display:block;min-width:160px;margin-top:6px}.team-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.team-stats>div{background:white;padding:17px;border:1px solid #e1eade;border-radius:12px;display:flex;flex-direction:column;gap:7px}.team-stats strong{font-size:23px;color:#254c40}.team-stats span{font-size:10px;color:#688574}.team-list{padding:15px!important}.team-task{padding:18px;border:1px solid #dfe7dd;border-left:5px solid #83abc7;background:#fff;border-radius:12px;margin:10px 0}.team-task.team-high{border-left-color:#d45255}.team-task.team-immediate{border-left-color:#b42529;background:#fff1f1;box-shadow:0 0 0 2px #eaa2a2}.team-task strong{display:block;font-size:15px;margin:11px 0 5px}.team-task p{font-size:12px;color:#64776b}.team-task-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.team-task-top small{color:#718679}.tag.immediate{background:#b22227;color:white}.photo-preview{background:#eef5eb;color:#1d6647;border:1px solid #bbd9c8;border-radius:8px;padding:8px 10px;margin:8px 0;display:inline-block;cursor:pointer}.task-photo-large{width:100%;max-height:70vh;object-fit:contain;border-radius:8px}.task-entry .photo-preview{margin:4px}.tag.high{background:#ffe3e5;color:#b92337}.navitem[data-tab="team"]{border:1px solid #dbe6d8}.bike .ghost{font-size:10px}.field input[type=file]{font-size:12px}.team-app .section-actions{flex-wrap:wrap}
@media(max-width:720px){.team-controls{flex-wrap:wrap}.team-controls>*{flex:1}.team-controls button{min-width:140px}.team-stats>div{padding:12px}.team-task{padding:12px}.team-hero{padding:14px}.lang-control{padding:4px}.topbar{gap:5px}.team-app{padding:3px}}
.team-only .sidebar,.team-only .warning-strip,.team-only #main-action,.team-only .sidefoot,.team-only .crumbs,.team-only .content>.head>.head .eyebrow{display:none!important}
.team-only .main{margin-left:0}.team-only .content{max-width:1080px;margin:auto}.team-only .content .head,.team-only .footer{display:none}.team-only .topbar{justify-content:flex-end}.team-only .team-app{max-width:650px}.team-only #view{padding-top:12px}.team-only .topbar .offline{display:none}.team-notices{display:flex;flex-direction:column;gap:8px;margin:16px 0;padding:10px;border-radius:10px;background:#eef5ed}.team-notices a{text-decoration:underline;cursor:pointer}
@media(max-width:720px){.team-only .content{padding:0 14px 35px}.team-only .main{margin:0}.team-only .topbar{height:53px}.team-only .team-hero{margin-top:4px}.team-only #view{padding-top:2px}}

/* v0.6 guest workspace and adjusted financial entries */
.modal.guest-modal{width:min(1040px,96vw);max-width:none;max-height:96vh;display:flex;flex-direction:column;overflow:hidden}
.modal.guest-modal .modalbody{overflow-y:auto;flex:1;padding:20px 28px}
.modal.guest-modal .modalhead{padding:15px 28px}
.modal.guest-modal .modalfooter{padding:12px 28px 17px;border-top:1px solid #e8eee8}
.modal-heading{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.guest-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.guest-services{margin:9px 0;padding:13px 17px}
.guest-services .detailrow{align-items:center}
.guest-buttons{flex-wrap:wrap;margin-top:18px}
.service-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.service-actions .link{font-size:10px}
.warn{color:#b13d3d!important}
.folio-cost{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:3px;white-space:nowrap}
.old-price{text-decoration:line-through;color:#939b94;font-size:11px}
.discount-label{font-size:10px;color:#277951;font-weight:700}
.modal:not(.guest-modal) .modalfooter:empty{display:none}
@media(max-width:720px){.modal.guest-modal{max-height:97dvh;width:100%}.modal.guest-modal .modalbody{padding:13px}.modal.guest-modal .modalhead{padding:14px}.detailrow{grid-template-columns:minmax(0,1fr) auto}.modal-heading h2{font-size:16px}.service-actions{gap:5px}}

/* v0.7: conditional work orders, assignment and history */
.task-field-slot{display:contents}.team-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.team-config-grid form{border:1px solid #e0e8df;border-radius:11px;padding:12px;display:flex;flex-direction:column;gap:10px}.team-config-grid h3{font-size:13px;margin:2px 0}.team-config-grid button{align-self:flex-start}.team-history .task-entry small{display:block;margin-top:4px;line-height:1.6}.team-group-overview .task-entry{justify-content:space-between}.team-group-overview span{font-size:12px}.team-task-top small{max-width:65%;text-align:right;line-height:1.5}@media(max-width:720px){.team-config-grid{grid-template-columns:1fr}.team-task-top small{max-width:62%}}

/* v0.8 · polished navigation and restaurant booking calendar */
:root { --pms-accent:#245c4a; --pms-ink:#25433b; --pms-top:#ffffff; }
body {background:radial-gradient(circle at 90% 10%,rgba(232,226,204,.40),transparent 32%),#f7f8f4}
.sidebar {background:linear-gradient(168deg,#173e34 5%,#204b3d 75%,#1a3931 100%);box-shadow:5px 0 22px #162b2412}
.topbar {background:var(--pms-top);box-shadow:0 2px 12px rgba(37,63,47,.025)}
.content {padding-top:32px}
.metric.metric-link {display:block;position:relative;text-align:left;width:100%;color:inherit;font-family:inherit;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;background:linear-gradient(150deg,#fff 65%,#f7faf7);}
.metric.metric-link:hover,.metric.metric-link:focus-visible{transform:translateY(-3px);border-color:#a8c9b7;box-shadow:0 12px 32px #315b4521;outline:none}
.metric.metric-link:focus-visible {outline:3px solid #4c9773;outline-offset:2px}
.metric-arrow {position:absolute;bottom:18px;right:20px;font-size:18px;color:#57806c;transition:transform .2s ease}
.metric.metric-link:hover .metric-arrow{transform:translate(3px,-3px)}
.metric-head {font-weight:700;color:#557066}
.metric-icon {width:34px;height:34px;display:grid;place-items:center}
.panel {box-shadow:0 8px 28px rgba(40,55,45,.045)}
.room-card {transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.room-card:hover{transform:translateY(-2px);box-shadow:0 7px 16px #2c60491f}
.design-select{border:1px solid #d9e3dc;background:#f8faf8;border-radius:10px;display:flex;align-items:center;gap:8px;padding:5px 9px;color:#6a8075;font-size:11px;white-space:nowrap}
.design-select select{border:0;background:transparent;color:#315a48;font-weight:800;cursor:pointer;min-width:72px}
.restaurant-page{margin-top:6px}
.restaurant-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.restaurant-heading h2{font-size:25px;margin:2px 0 6px}
.restaurant-heading p{margin-bottom:0}
.rest-toolbar{background:#fff;border:1px solid #e6ede7;border-radius:16px 16px 0 0;padding:15px 19px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;box-shadow:0 8px 28px #203f3220}
.rest-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rest-controls>.ghost{min-height:35px}
.rest-month-title{font-size:16px;font-weight:800;color:#274b3c;min-width:135px;text-align:center}
.rest-christmas{border:1px solid #ecd3bf;background:#fff7ed;color:#a35a35;border-radius:9px;padding:10px 12px;font-size:11px;font-weight:800}
.rest-christmas:hover{background:#ffebda}
.rest-toolbar input[type=date]{padding:9px 10px;border:1px solid #dce4dc;border-radius:9px;max-width:175px;color:#365343;background:white;font-weight:650}
.view-switch{display:flex;border:1px solid #e1e7df;padding:3px;border-radius:10px;background:#f4f6f2}
.view-switch button{padding:9px 12px;border:0;border-radius:8px;background:transparent;color:#74867b;font-size:11px;font-weight:700}
.view-switch button.active{background:#285e4a;color:white;box-shadow:0 2px 8px #24573d24}
.rest-month{border:1px solid #e3ebe4;border-top:0;background:#fff;border-radius:0 0 16px 16px;overflow:hidden;margin-bottom:23px;box-shadow:0 9px 25px #315a4310}
.rest-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:#eff4ee;border-bottom:1px solid #e3ebe3}
.rest-weekdays span{text-align:center;font-weight:750;font-size:11px;color:#71877a;padding:10px}
.rest-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.rest-date{min-height:84px;text-align:left;padding:10px 12px;border:0;border-right:1px solid #e9eee8;border-bottom:1px solid #e9eee8;background:#fff;color:#395d4c;display:flex;flex-direction:column;gap:8px;align-items:flex-start;cursor:pointer;transition:background .12s ease}
.rest-date b{font-size:13px}.rest-date.outside{background:#fafbf9;color:#bbc6bf}
.rest-date.selected{background:#e9f4ec;box-shadow:inset 0 0 0 2px #5b9d76;color:#1c6245}
.rest-date:hover{background:#edf6ed}.rest-count{font-size:10px;font-weight:800;border-radius:6px;padding:4px 6px;background:#e7f1e5;color:#36704d}.rest-blank{font-size:10px;color:#d3ddd6}
.rest-week-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;background:white;border:1px solid #e4ebe4;border-top:0;padding:16px;border-radius:0 0 15px 15px;margin-bottom:22px}
.rest-weekday{background:#fafbf8;border:1px solid #e8ece6;border-radius:10px;min-height:128px;display:flex;flex-direction:column;gap:5px;text-align:left;padding:12px;color:#597368}.rest-weekday.selected{background:#e5f2e9;border-color:#85b49a}.rest-weekday b{font-size:24px;color:#274b3c}.rest-weekday small{font-size:10px}.rest-weekday em{font-size:10px;font-style:normal;font-weight:750;color:#2b7651}
.rest-day-heading{display:flex;align-items:center;justify-content:space-between;margin:24px 0 14px;gap:18px}.rest-day-heading h2{font-size:19px;text-transform:capitalize}.rest-day-heading p{margin:0}
.restaurant-page .tabletile{gap:1px;min-height:112px;align-items:flex-start;text-align:left;padding:13px 12px;border-radius:12px}.restaurant-page .tabletile:hover{transform:translateY(-2px);box-shadow:0 6px 13px #295a4022}.restaurant-page .tabletile small{font-size:10px;margin-top:3px;line-height:1.35;overflow-wrap:anywhere}
.restaurant-page .tabletile.reserved{background:#fff0d9;border-color:#eccd9d}
.rest-row-actions{display:flex;flex-direction:column;align-items:flex-end;gap:7px}
.rest-row-actions .ghost{font-size:10px;padding:7px 9px}
.rest-empty{font-size:12px;color:#8c9e91;text-align:center;padding:34px 10px;line-height:1.7}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* alternate style: cool island-coastal, same interaction and data */
body[data-theme="coastal"]{--cream:#f3f8fa;--border:#dfeaf0;--pms-top:#fbfdfd;--text:#2a4358;--green:#337a85;--navy:#16445a;--lightgreen:#eaf3f7;--pms-accent:#317a8a;--pms-ink:#254b5d;background:linear-gradient(115deg,#f1f7f8,#f8fbfa 58%,#edf5f8)}
body[data-theme="coastal"] .sidebar{background:linear-gradient(170deg,#163d55,#23556a 65%,#173d56)}
body[data-theme="coastal"] .workspace{background:#285b72}
body[data-theme="coastal"] .navitem.active{color:#1b5466;background:#e3f2f5}
body[data-theme="coastal"] h1,body[data-theme="coastal"] h2{color:#244b60}
body[data-theme="coastal"] .primary{background:#256b80;border-color:#256b80}
body[data-theme="coastal"] .metric.metric-link{background:linear-gradient(150deg,#fff 67%,#eaf6f9)}
body[data-theme="coastal"] .metric.metric-link:hover,body[data-theme="coastal"] .metric.metric-link:focus-visible{border-color:#7eb6c9}
body[data-theme="coastal"] .metric-icon{background:#e5f4f8;color:#287d9b}
body[data-theme="coastal"] .metric-arrow{color:#3e91aa}
body[data-theme="coastal"] .rest-weekdays{background:#eaf3f7}
body[data-theme="coastal"] .rest-date.selected,body[data-theme="coastal"] .rest-weekday.selected{background:#e5f3f7;box-shadow:inset 0 0 0 2px #7bb1c4;color:#2b7187}
body[data-theme="coastal"] .rest-month-title{color:#21556a}
body[data-theme="coastal"] .view-switch button.active{background:#246b85}
body[data-theme="coastal"] .rest-count{background:#e6f4f7;color:#28748e}
body[data-theme="coastal"] .restaurant-page .tabletile:not(.reserved){background:#eaf5f5;color:#255971;border-color:#cbe5e7}
@media(max-width:1120px){.rest-toolbar{align-items:flex-start}.rest-controls{max-width:100%}.rest-month-title{min-width:110px}.restaurant-page .tables{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.design-select span{display:none}.design-select select{width:77px}.restaurant-heading{align-items:flex-start;flex-direction:column}.restaurant-heading .primary{align-self:flex-start}.rest-toolbar{padding:10px;gap:10px}.rest-month-title{font-size:13px;min-width:100px}.rest-christmas{font-size:10px;padding:9px}.rest-date{min-height:65px;padding:6px 4px}.rest-date b{font-size:11px}.rest-count{font-size:8px;padding:3px}.rest-day-heading{align-items:flex-start;flex-direction:column}.rest-week-strip{grid-template-columns:repeat(7,minmax(0,1fr));padding:6px;gap:3px;overflow:auto}.rest-weekday{padding:6px;min-width:0}.rest-weekday b{font-size:15px}.rest-weekday small,.rest-weekday em{font-size:8px}.restaurant-page .tables{grid-template-columns:repeat(2,minmax(0,1fr))}.rest-row-actions{gap:3px}.rest-res-row{flex-wrap:wrap}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.metric.metric-link,.metric.metric-link:hover,.room-card,.rest-date{transition:none;transform:none}}

/* 0.8.1 · Wetter und Thailand-Uhr links; ursprüngliches Dashboard bleibt unverändert */
.sidebar nav{min-height:0;scrollbar-width:thin;scrollbar-color:#608376 transparent}
.weather-card{flex-shrink:0;margin:8px 14px 9px;padding:13px 15px 12px;border:1px solid #ffffff24;border-radius:13px;background:linear-gradient(130deg,#2d604d88,#1b4c3f66);color:#f4f8f2;box-shadow:0 6px 18px #10282019}
.weather-place{display:flex;align-items:center;justify-content:space-between;font-weight:800;font-size:10px;letter-spacing:1.4px}
.weather-demotag{letter-spacing:0;font-size:9px;font-weight:700;color:#dfeddc;background:#ffffff1c;padding:4px 7px;border-radius:6px}
.weather-reading{display:flex;align-items:center;gap:13px;margin-top:9px}
.weather-symbol{font-size:31px;line-height:1}
.weather-temp{font-size:24px;line-height:1;font-weight:800;letter-spacing:-.5px}
.weather-state{font-size:11px;color:#d5e6d8;margin-top:5px}
.weather-note{font-size:9px;color:#c7dece;margin:9px 0 0;line-height:1.3}
.weather-divider{height:1px;background:#ffffff25;margin:10px 0 8px}
.weather-clock{display:flex;gap:11px;align-items:center}.weather-clock>span{font-size:26px}.weather-clock strong{font-size:20px;font-variant-numeric:tabular-nums;display:block}.weather-clock small{font-size:10px;display:block;color:#d3e4d7;margin-top:3px}
.sidefoot{height:69px;min-height:69px;padding:12px 19px}
@media(max-width:1050px){.weather-card{padding:9px 12px}.weather-note{display:none}}
@media(max-width:720px){.weather-card{display:none}.sidefoot{display:none}}

/* Compact readable navigation to fit history + weather in a typical desktop viewport */
@media(min-width:721px){
 .sidebar .brand{height:70px;min-height:70px;padding:0 19px}
 .sidebar .workspace{margin:12px 12px 9px;padding:12px 13px}
 .sidebar .workspace strong{margin:8px 0 5px}
 .sidebar .navitem{padding:8px 10px;min-height:33px;margin:0;font-size:11.5px;white-space:normal;gap:10px}
 .sidebar .navitem span:first-child{font-size:15px;width:19px;flex-shrink:0}
 .sidebar .navsection{margin:12px 11px 7px}
 .sidebar .sidefoot{min-height:56px;height:56px;padding:9px 17px}
 .sidebar .weather-card{margin:6px 12px 8px;padding:10px 13px}
 .sidebar .weather-reading{margin-top:5px;gap:10px}
 .sidebar .weather-symbol{font-size:27px}
 .sidebar .weather-temp{font-size:21px}
 .sidebar .weather-divider{margin:8px 0 6px}
 .sidebar .weather-clock strong{font-size:19px}
}

/* 0.8.2 - functional reception improvements: no additional charts */
.topbar{position:relative}.topactions{gap:13px}.nav-toggle,.top-tool{border:0;background:transparent;color:#47715c;border-radius:10px;min-height:37px;padding:7px 10px;cursor:pointer;font-weight:750}.nav-toggle{font-size:19px;margin-right:12px}.top-tool{font-size:21px;position:relative;display:flex;gap:5px;align-items:center}.top-tool span{font-size:11px}.top-tool:hover,.nav-toggle:hover{background:#eef4ed}.notice-btn em{font-size:9px;position:absolute;top:0;right:0;background:#c7504b;color:white;padding:2px 4px;border-radius:50px;font-style:normal;min-width:16px}.notice-btn{transition:background .15s,color .15s,border-color .15s}.notice-btn.alert-on{color:#b33232;background:#fff0f0;border:1px solid #efc5c5}.notice-btn.alert-off{color:#2e7a4c;background:#eef8f0;border:1px solid #cfe7d4}.notice-btn.alert-off em{background:#5aa06b}.top-pop{display:none;position:absolute;right:30px;top:68px;background:white;box-shadow:0 16px 52px #132e2530;border:1px solid #dfe9df;border-radius:14px;width:min(355px,calc(100vw - 24px));z-index:70;padding:14px}.top-pop.visible{display:block}.top-pop input{width:100%;padding:11px;border:1px solid #d9e4d9;border-radius:9px;outline-color:#639d77}.search-result,.notice-item{display:flex;flex-wrap:wrap;text-align:left;align-items:center;width:100%;gap:4px 7px;background:white;border:0;border-bottom:1px solid #edf0ec;padding:10px 3px;color:#274b39;cursor:pointer}.search-result:hover,.notice-item:hover{background:#f3f8f3}.search-result small{font-size:10px;color:#738f77}.search-result strong{font-size:12px;flex:1}.search-result span{font-size:10px;color:#95a59a;flex-basis:100%;padding-left:29px}.panel-pop-title{font-size:15px;font-weight:750;margin-bottom:9px;display:flex;justify-content:space-between}.panel-pop-title span{font-size:11px;color:#899c8d}.notice-item{display:block;border-left:3px solid #d39c67;padding:8px 11px}.notice-item.immediate{border-left-color:#be4444}.notice-item strong,.notice-item small{display:block;margin-bottom:4px}.notice-item small,.notice-hint{color:#81928a;font-size:10px}.notice-hint{margin:12px 0 0;line-height:1.4}
.quick-block{margin-top:22px}.compact-bar{margin:0 0 10px}.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.quick-actions button{padding:12px 10px;background:#fff;border:1px solid #e3eae2;border-radius:11px;color:#385c45;font-size:12px;font-weight:700;box-shadow:0 6px 15px #29463508;white-space:normal;min-height:53px}.quick-actions button span{display:inline-grid;place-items:center;background:#eaf2e8;border-radius:8px;font-size:18px;margin-right:7px;width:26px;height:26px}.quick-actions button:hover{background:#f0f7f0;border-color:#9fbea9}.stay-panel{padding-top:9px}.stay-tabs{display:flex;gap:7px;border-bottom:1px solid #e8eee8;margin-bottom:3px;padding:3px 0 12px}.stay-tabs button{border:1px solid #e1e8e0;background:#f8faf7;border-radius:8px;padding:9px 14px;color:#73907b;font-size:12px;font-weight:700}.stay-tabs button.active{color:#235e3c;background:#e1f0e4;border-color:#a8d0b6}.reception-row{display:flex;gap:13px;align-items:center;padding:12px 0;border-bottom:1px solid #eef0eb}.reception-row:last-child{border-bottom:0}.stay-room{background:#e4eee5;border-radius:10px;color:#46744d;padding:12px;font-weight:800}.reception-name{flex:1;min-width:0}.reception-name strong{font-size:13px;display:block}.reception-name small{display:block;font-size:10px;color:#82958a;margin-top:5px}.reception-actions{display:flex;gap:5px;align-items:center}.btn-compact{padding:8px 11px;font-size:11px;box-shadow:none}.empty-stays{color:#82948a;font-size:12px;margin:18px}.critical-line{display:inline-block;margin-top:8px;background:#b93e45;color:white;font-size:9px;letter-spacing:.4px;font-weight:850;padding:4px 7px;border-radius:6px}.room-card.issue-now{border-color:#c15358;background:#fff0f0}.listrow.immediate-row{background:#fff5f4;border-left:3px solid #d25b5b;padding-left:8px}.tag.instant{background:#b93e45;color:white}
.navsection-button{width:calc(100% - 24px);margin:12px 12px 7px;padding:4px 0;border:0;background:transparent;text-align:left;cursor:pointer;display:flex;justify-content:space-between}.management-collapsed .management-item{display:none}.nav-collapsed .sidebar{width:74px}.nav-collapsed .main{margin-left:74px}.nav-collapsed .sidebar .brand{padding:8px;justify-content:center}.nav-collapsed .brand>div:last-child,.nav-collapsed .workspace,.nav-collapsed .navitem span:nth-child(2),.nav-collapsed .navsection,.nav-collapsed .weather-card,.nav-collapsed .sidefoot>div:not(.side-avatar),.nav-collapsed .side-more{display:none}.nav-collapsed .sidebar nav{padding:10px 9px}.nav-collapsed .sidebar .navitem{justify-content:center;padding:11px 0;min-height:40px}.nav-collapsed .sidebar .navitem span:first-child{font-size:22px;width:25px}.nav-collapsed .sidebar .sidefoot{justify-content:center}
@media(max-width:1120px){.quick-actions{grid-template-columns:repeat(2,1fr)}.topactions{gap:7px}.top-tool span{display:none}}
@media(max-width:760px){.topbar{height:auto;min-height:54px;padding:6px 11px}.nav-toggle{margin-right:2px}.topactions{gap:2px}.top-tool{padding:6px}.topbar .crumb-home{display:none}.crumb-sep{display:none}.content{padding:18px 12px}.top-pop{right:9px;top:54px}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions button{font-size:11px;padding:9px}.reception-row{flex-wrap:wrap;gap:9px}.reception-name{flex-basis:45%}.reception-actions{width:100%;justify-content:flex-end}.stay-panel{padding:12px}.room-card .critical-line{font-size:8px}.nav-collapsed .sidebar{width:100%}.nav-collapsed .main{margin-left:0}.nav-collapsed .sidebar nav{display:none}.nav-collapsed .sidebar .brand>div:last-child{display:block}.nav-collapsed .sidebar .brand{justify-content:flex-start}.sidebar:not(.mobile-nav-open) nav{display:none}.sidebar.mobile-nav-open nav{display:flex;flex-wrap:wrap;max-height:260px;overflow-y:auto}.sidebar.mobile-nav-open{position:relative}.sidebar .brand{height:58px}.metric-foot{overflow-wrap:anywhere}.metrics{gap:8px}.metric{padding:12px;min-height:118px}.head{flex-wrap:wrap;gap:8px}.head .primary{margin-left:auto}.two-col{gap:10px}}
@media(max-width:400px){.topactions .design-select{display:none}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.room-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.room-card .status{float:none;display:inline-block;margin-bottom:5px}}

/* Show compact Koh Kood weather in the mobile shell too; no fabricated temperature. */
@media(max-width:760px){
 .sidebar .weather-card{display:flex;align-items:center;gap:10px;margin:0 8px 8px;padding:7px 10px;border-radius:9px;min-height:46px}
 .sidebar .weather-place{letter-spacing:.6px;min-width:76px;font-size:9px}
 .sidebar .weather-reading{margin:0;gap:5px}
 .sidebar .weather-symbol{font-size:19px}
 .sidebar .weather-temp{font-size:16px;white-space:nowrap}
 .sidebar .weather-state,.sidebar .weather-note,.sidebar .weather-divider{display:none}
 .sidebar .weather-clock{margin-left:auto;gap:5px}
 .sidebar .weather-clock>span{font-size:17px}
 .sidebar .weather-clock strong{font-size:14px;white-space:nowrap}
 .sidebar .weather-clock small{display:none}
}

/* v0.8.3 · Booking calendar period selector; responsive, sticky bungalow names. */
.calendar-controls{background:#fff;border:1px solid #e4eae4;border-radius:14px;padding:15px 18px;margin:0 0 14px;box-shadow:var(--shadow)}
.calendar-control-head,.calendar-date-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.calendar-modes{display:inline-flex;gap:3px;padding:4px;background:#f1f5f0;border:1px solid #e1e9df;border-radius:11px}
.calendar-modes button{border:0;background:transparent;padding:10px 17px;border-radius:8px;font-size:12px;font-weight:750;color:#668372;min-width:73px}
.calendar-modes button.active{background:#275b47;color:#fff;box-shadow:0 3px 10px #163d2724}
.calendar-paging{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.calendar-paging button{min-height:36px}
.calendar-date-tools{border-top:1px solid #edf0eb;margin-top:13px;padding-top:13px;justify-content:flex-start}
.calendar-date-tools label{display:flex;gap:7px;align-items:center;flex-wrap:wrap;color:#607a67;font-size:11px;font-weight:800}
.calendar-date-tools input[type=date]{color:#244d3a;background:#fafcf9;border:1px solid #d8e4d7;border-radius:8px;padding:8px;min-height:36px;min-width:130px;max-width:180px}
.calendar-range-tools{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-left:auto}
.calendar-range-tools button{min-height:36px}
.cal-custom-active{background:#e0f0e3!important;border-color:#95c9a4!important;color:#174b31!important}
.calendar-current{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:13px;font-size:12px;color:#667e70}
.calendar-current strong{color:#265b43;font-size:13px}
.calendar-period-caption{background:#e5f1e8;border-radius:7px;padding:6px 9px;color:#296247;font-weight:800}
.calendar-wrap{overscroll-behavior-x:contain;max-width:100%}
.calgrid{width:100%;padding:8px 12px 15px}
.calgrid .cal-roomhead,.calgrid .roomlabel{position:sticky;left:0;z-index:5;background:white;box-shadow:4px 0 9px #162e190a}
.calgrid .roomlabel{overflow:hidden}
.calgrid .roomlabel small{max-width:166px;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.25}
.calgrid .calhead{padding:9px 3px}
.calgrid .calhead.cal-today{background:#e8f3e6;color:#275e43}
.calgrid .calday.cal-today{background:#f3faf3}
.calgrid .calday{min-width:0}
.calgrid.cal-condensed .calhead{font-size:9px;padding:9px 0 7px}
.calgrid.cal-condensed .calhead em{font-size:12px}
.calgrid.cal-condensed .calday{min-height:54px}
.calgrid.cal-condensed .booking-chip.cal-tiny-stay{min-width:0;width:94%;height:31px;padding:4px 0;font-size:13px;overflow:hidden}
.calgrid.cal-condensed .empty{font-size:12px}
.calgrid.cal-one-day .calday{min-height:80px}
.calgrid.cal-one-day .booking-chip{font-size:12px;white-space:normal}
@media(max-width:900px){.calendar-controls{padding:12px}.calendar-date-tools{align-items:stretch}.calendar-range-tools{margin-left:0}.calendar-date-tools>label{width:100%}.calendar-control-head{gap:10px}.calendar-paging{gap:5px}}
@media(max-width:590px){.calendar-modes{width:100%;justify-content:space-between}.calendar-modes button{flex:1}.calendar-paging{width:100%;justify-content:space-between}.calendar-paging button{flex:1;padding:9px 6px}.calendar-date-tools label{min-width:0}.calendar-range-tools{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:10px}.calendar-range-tools label{display:flex;flex-direction:column;align-items:stretch}.calendar-range-tools input[type=date]{width:100%;min-width:0;max-width:none;font-size:12px}.calendar-range-tools button{grid-column:1/-1}.calendar-date-tools>label input{flex:1}.calendar-current strong{font-size:11px}}


/* v0.8.4: Calendar begins immediately under the app bar; title and controls share one white panel. */
body.calendar-page .content{padding-top:15px}
body.calendar-page .content>.head,body.calendar-page #alert{display:none!important}
.calendar-controls{padding:17px 20px 14px}
.cal-card-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.cal-card-title h2{font-size:20px;line-height:1.2;margin:2px 0 3px;color:#193f31}
.cal-mini-eyebrow{font-size:9px;letter-spacing:1.4px;color:#729782;font-weight:800}
.cal-card-subtitle{font-size:11px;color:#81958b;margin:0}
.cal-card-title .primary{white-space:nowrap}
.calendar-control-head{border-top:1px solid #edf0eb;padding-top:12px}
.calendar-date-tools{gap:12px;margin-top:12px;padding-top:12px}
.calendar-jump-tools,.calendar-range-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0}
.calendar-jump-tools{margin-right:auto}
.calendar-jump-tools label,.calendar-range-tools label{display:block;color:#607a67;font-size:11px;font-weight:800}
.calendar-date-tools input[type=date]{min-width:133px;max-width:185px}
.calendar-current{margin-top:12px}
.cal-feedback{color:#2b7652;font-size:11px;font-weight:650;margin-left:auto}
.cal-feedback.cal-error{color:#b23a3a}
.cal-connection-note{font-size:10.5px;color:#9a713f;background:#fffaef;border-radius:8px;padding:7px 10px;margin-top:11px}
@media(max-width:1200px){.calendar-jump-tools{margin-right:0}.calendar-range-tools{margin-left:0}}
@media(max-width:760px){body.calendar-page .content{padding-top:9px}.calendar-controls{padding:12px 11px}.cal-card-title h2{font-size:18px}.cal-card-title .primary{padding:9px 10px;font-size:11px}.calendar-jump-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;width:100%}.calendar-jump-tools label{grid-column:1/-1}.calendar-jump-tools input[type=date]{width:100%;min-width:0;max-width:none}.calendar-range-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;width:100%;gap:7px}.calendar-range-tools label{align-self:center}.calendar-range-tools input[type=date]{min-width:0;max-width:none;width:100%;font-size:12px;grid-row:2}.calendar-range-tools button{grid-column:1/-1;grid-row:3}.cal-feedback{width:100%;margin-left:0}.cal-card-subtitle{font-size:10px}}

/* v0.8.5 – compact top title INSIDE the first white content panel; overview keeps hero */
body:not(.team-only) .content{padding-top:14px}
body:not(.team-only) .content>.head{display:none}
body:not(.team-only) .content>.warning-strip{display:none}
body:not(.team-only) #view{margin-top:0}
body:not(.team-only) .content:has(#view>.metrics)>.head{display:flex}
body:not(.team-only) .content:has(#view>.metrics){padding-top:32px}
body:not(.team-only) .content:has(#view>.metrics)>.warning-strip{display:flex}
.compact-page-sheet{background:#fff;border:1px solid #e4eae4;border-radius:14px;box-shadow:var(--shadow);padding:17px 19px;margin:0 0 14px}
.compact-page-header{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid #edf0eb;padding:0 0 14px;margin-bottom:16px}
.compact-page-kicker{display:block;font-size:9px;letter-spacing:1.6px;color:#81a38b;font-weight:800;margin-bottom:7px}
.compact-page-header h2{font-size:21px;letter-spacing:-.4px;margin:0 0 5px}
.compact-page-header p{margin:0;color:#8a9890;font-size:11px}
.compact-page-content>.sectionbar:first-child{margin-top:0}
.compact-page-sheet[data-page=rooms]>.compact-page-content>.sectionbar:first-child,
.compact-page-sheet[data-page=archive]>.compact-page-content>.sectionbar:first-child{display:none}
.compact-page-sheet .restaurant-page>.restaurant-heading{display:none}
.compact-page-sheet .restaurant-page{margin-top:0}
.compact-page-sheet .panel{box-shadow:none}
.compact-page-sheet .booking-info>h2:first-child{display:none}
.compact-page-sheet[data-page=team] .team-app>.team-hero{display:none}
@media(max-width:760px){
 body:not(.team-only) .content{padding-top:10px}
 .compact-page-sheet{padding:12px 11px;border-radius:12px}
 .compact-page-header{align-items:flex-start;flex-wrap:wrap;gap:8px;padding-bottom:12px;margin-bottom:12px}
 .compact-page-header h2{font-size:18px}
 .compact-page-header p{font-size:10px}
 .compact-page-header>.primary{font-size:11px;padding:9px 12px}
}

/* v0.8.7 provisional service slips */
.receipt-preview{max-height:50vh;overflow:auto;border:1px solid #e0e8df;border-radius:12px;margin:12px 0;background:#fff}.receipt-preview .bill{padding:18px;max-width:none;font-size:12px}.receipt-preview .bill-brand h1{font-size:19px}.receipt-preview .bill-logo{width:40px;height:40px;font-size:24px}.receipt-preview .bill-lines{padding-bottom:8px}.receipt-warning{padding:10px;background:#fff2d9;color:#805926;border-radius:8px;font-weight:700;font-size:11px}.receipt-list-row{flex-wrap:wrap}.receipt-list-row>span{flex:1;min-width:180px}.receipt-list-row>button{flex-shrink:0}.receipt-discount{text-align:right;color:#936343}.receipt-bill .bill-totals h2{font-size:14px}
@media print {.receipt-bill .bill-brand h1{font-size:19px}.receipt-bill .receipt-warning{border:1px solid #ccb890}.receipt-bill{max-width:100%;padding:0}.receipt-bill .bill-lines{padding-bottom:6px}}

.booking-import-meta{font-size:12px;background:#f4f8ef;border:1px solid #d3e2d0;border-radius:11px;padding:12px;margin:14px 0;line-height:1.8;color:#2b5140}
.booking-import-meta strong{display:block;margin-bottom:4px;font-size:13px}.booking-provisional{font-weight:750;color:#ad6937;margin-top:5px}

/* Calendar move interaction, v0.8.10 */
body.calendar-page .content{max-width:none;width:100%;padding-left:14px;padding-right:14px}
body.calendar-page #view{max-width:none;width:100%}
.cal-move-info{display:none;background:#e6f2e8;color:#245e45;border:1px solid #a8cdb5;border-radius:9px;padding:10px 14px;margin:8px 0;font-size:13px}
.cal-move-info button{margin-left:12px}
.calday.drop,.calday.cal-can-target:hover{outline:3px solid #429a68;outline-offset:-3px;background:#e5f3e6!important;cursor:copy}
.booking-chip[draggable=true]{cursor:grab;user-select:none;touch-action:pan-y}
.booking-chip[draggable=true]:active{cursor:grabbing}

/* v0.8.11 - real pointer based mouse dragging; no native HTML5 DnD required */
.calday.cal-pointer-target,.roomlabel.cal-pointer-target{background:#c5ecd1!important;outline:2px solid #2d9156;outline-offset:-2px}
.calday.cal-pointer-conflict,.roomlabel.cal-pointer-conflict{background:#f9dbd8!important;outline:2px solid #bc493f;outline-offset:-2px}
.booking-chip{cursor:grab;user-select:none;-webkit-user-select:none}
.booking-chip:active,body.cal-is-dragging .booking-chip{cursor:grabbing}
.booking-chip.cal-drag-source{opacity:.45}
.cal-drag-ghost{position:fixed;z-index:99999;pointer-events:none;white-space:nowrap;max-width:min(420px,80vw);overflow:hidden;text-overflow:ellipsis;background:#2d654e;color:#fff;border-radius:9px;padding:11px 14px;font-size:12px;font-weight:700;box-shadow:0 8px 20px #1237}
.cal-drag-hint{display:none;background:#e9f4e8;border:1px solid #b7dabd;color:#285e42;border-radius:9px;padding:9px 14px;margin:8px 0;font-size:12px;font-weight:700}
.cal-drag-hint.invalid{background:#fdf0ed;border-color:#e4bcb7;color:#a23b33}
body.cal-is-dragging,body.cal-is-dragging *{user-select:none!important;-webkit-user-select:none!important}

/* v0.8.12: persistent feedback, including unsupported browser dialogs */
.cal-move-notice{display:block;margin:7px 0 12px;padding:12px 16px;background:#e0f3e6;border:2px solid #4b9e71;border-radius:12px;font-size:13px;line-height:1.6;color:#235a3f;font-weight:700}
.cal-move-notice.is-error{background:#ffede9;border-color:#c86c60;color:#9e3028}
.cal-move-notice[hidden]{display:none}

/* v0.8.12: critical: the drag tooltip must NEVER push the calendar grid down. */
.cal-drag-hint{position:fixed!important;z-index:99998;left:50%;bottom:18px;transform:translateX(-50%);width:max-content;max-width:min(750px,90vw);pointer-events:none;box-shadow:0 8px 28px rgba(12,30,21,.22);margin:0!important}

/* v0.8.13: human review and explicit confirmation BEFORE any room transfer. */
.cal-confirm-move{font-size:13px;color:#315447;line-height:1.7}
.cal-confirm-guest{font-size:19px;font-weight:800;margin:0 0 14px;color:#244e3a}
.cal-confirm-change{display:flex;align-items:center;gap:12px;margin:13px 0;padding:13px 15px;background:#f2f7f1;border:1px solid #dbe8dc;border-radius:12px}
.cal-confirm-change>div{flex:1;min-width:0}
.cal-confirm-change small{display:block;color:#778f7d;font-size:11px;margin-bottom:5px}
.cal-confirm-change strong{display:block;color:#214f37;font-size:17px}
.cal-confirm-change>span{font-weight:900;font-size:22px;color:#639b73}
.cal-move-notice:not([hidden]){display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
.cal-move-notice-message{flex:1;min-width:210px}
.cal-move-dismiss{background:#fff;color:#276444;border:1px solid #70a78a;font-size:12px;white-space:nowrap;min-height:35px}
.cal-move-notice.is-error .cal-move-dismiss{border-color:#b77872;color:#973c36}
@media(max-width:640px){.cal-confirm-change strong{font-size:14px}.cal-move-notice-message{min-width:0}.cal-move-dismiss{width:100%}}

/* v0.8.14 Housekeeping tablet and staff access */
.hk-dashboard{max-width:1500px;margin:auto}.hk-hero{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:23px;border-radius:16px;background:linear-gradient(115deg,#214d40,#36735a);color:white}.hk-hero span{font-size:10px;letter-spacing:1.5px;color:#bce2c9;font-weight:800}.hk-hero h2{color:white;font-size:24px;margin:8px 0}.hk-hero p{margin:0;max-width:630px;color:#daebdd;font-size:12px}.hk-date{min-width:190px;background:#ffffff14;padding:12px;border-radius:12px;display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}.hk-date label{width:100%;font-size:10px;font-weight:700;color:white}.hk-date input,.hk-date button{border:0;background:#fff;border-radius:8px;padding:10px;color:#244538;font-size:12px;font-weight:700}.hk-date button{background:#d5eadd}.hk-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:16px 0}.hk-summary>div{padding:15px 18px;background:white;border:1px solid #e1e9df;border-radius:12px;display:flex;align-items:center;gap:12px}.hk-summary b{font-size:26px;color:#295d49}.hk-summary span{font-size:12px;color:#5f786b;font-weight:700}.hk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.hk-card{border:1px solid #dce5dd;border-radius:14px;background:#fff;padding:17px;box-shadow:0 5px 18px #18372c0b;min-width:0}.hk-room-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.hk-room-head small{color:#779184;font-size:9px;letter-spacing:1.5px;font-weight:800}.hk-room-head h2{font-size:33px;margin:0;color:#1a4736}.hk-visit{display:block;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:900;white-space:nowrap}.hk-v-vacant{background:#e3f4e6;color:#226d3c}.hk-v-checkin{background:#e1efff;color:#185691}.hk-v-checkout{background:#fff0d9;color:#995c15}.hk-v-turnover{background:#ffe1df;color:#9c2925}.hk-v-staying{background:#eceef1;color:#586879}.hk-status{padding:11px 12px;border-radius:9px;margin:12px 0;font-size:12px;font-weight:850;min-height:44px}.hk-s-pending{background:#fef2dc;color:#966318}.hk-s-cleaned{background:#ddf4e2;color:#276a41}.hk-s-no_service_unoccupied,.hk-s-no_service_guest{background:#ebeff1;color:#587078}.hk-actions{display:grid;grid-template-columns:1fr;gap:7px}.hk-actions button{font-weight:750;border-radius:9px;padding:11px 9px;border:1px solid #dee6df;background:#fff;color:#466252;text-align:left;font-size:12px;min-height:40px}.hk-actions .hk-clean{background:#2b7451;color:white;border-color:#2b7451;text-align:center}.hk-actions .hk-reset{background:#faf5ec;color:#916a37}.hk-actions button:disabled{opacity:.38;cursor:not-allowed}.hk-note{font-size:11px;color:#698073;margin:17px 0}.hk-reception-bar{margin-bottom:18px;border:1px solid #d4e3da;background:#fff;border-radius:13px;padding:15px}.hk-reception-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.hk-mini-rooms{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px}.hk-mini-rooms>div{display:grid;gap:5px;background:#f6f8f5;padding:9px 6px;border-radius:8px;text-align:center;min-width:0}.hk-mini-rooms b{font-size:13px}.hk-mini-visit{font-size:8px;color:#637a6a;font-weight:900}.hk-mini-status{font-size:9px;line-height:1.5;display:block;border-radius:5px;padding:4px 1px;font-weight:800}.mini-pending{background:#ffefcf;color:#8b6516}.mini-cleaned{background:#ddf5df;color:#246e41}.mini-no_service_guest,.mini-no_service_unoccupied{background:#e6eff1;color:#54696e}.staff-page{max-width:1000px;display:grid;gap:18px}.staff-roles,.staff-role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:13px}.staff-roles span,.hk-role-select{display:flex;align-items:center;gap:8px;background:#f1f6f0;padding:12px;border-radius:10px;color:#315b49;font-size:12px;font-weight:700}.hk-role-select input{accent-color:#2d7652;width:17px;height:17px}.staff-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.staff-user{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e4eee6;padding:15px 3px;gap:12px}.staff-user small{display:block;color:#8a9991;font-size:11px;margin-top:5px}.staff-user p{color:#42745b;font-size:11px;margin:5px 0 0}.hk-role-home{max-width:700px;margin:auto}/* Role-limited users keep the navigation and workspace layout. */
.hk-only #main-action,.hk-only #alert,.hk-only #search-toggle,.hk-only #notice-toggle{display:none!important}
.hk-only .sidebar{display:flex!important}
.hk-operations #manage-toggle,.hk-operations #nav .navsection{display:none!important}
.hk-operations .main{margin-left:var(--sidebar-width,258px)}
.hk-operations .hk-dashboard{max-width:none}
.hk-operations .content{max-width:none}
.hk-operations .topactions{display:flex!important}
.hk-operations .quick-actions.ops-disabled-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.ops-disabled-actions span{background:#edf1ec;padding:15px 10px;border-radius:10px;color:#82958c;font-size:12px;font-weight:700;cursor:default;text-align:center}
.ops-static-metric{cursor:default}.ops-static-metric:hover{transform:none}
.ops-readonly-note{font-size:12px;color:#42634e;background:#edf5ed;border:1px solid #d3e4d3;padding:12px 15px;border-radius:10px;margin-bottom:15px}
.ops-room-tile{display:flex;flex-direction:column;align-items:stretch;gap:6px;text-align:left}
.ops-room-tile .hk-visit{display:inline-block;align-self:flex-start;font-size:10px}
.ops-hk-badge{display:inline-block;border-radius:6px;background:#fff1d1;color:#92611c;font-size:10px;padding:6px 8px;font-weight:800;margin:5px 0}
.ops-hk-badge.ops-is-clean{background:#d9f1dc;color:#276d3c}
.ops-stays{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ops-stay-column h3{margin:0 0 12px}.ops-stay-line{display:flex;gap:9px;padding:9px 0;border-top:1px solid #edf0eb;font-size:12px}.ops-stay-line b{color:#41765d}
.ops-task-row{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid #e4ece3}.ops-task-row>.grow{min-width:0}.ops-task-row strong{display:block;font-size:13px}.ops-task-row small{display:block;margin:5px 0;font-size:11px;color:#6b8071;overflow-wrap:anywhere}.ops-task-row .ops-status{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:8px 0}.ops-task-done{opacity:.83}.ops-task-urgent{border-left:3px solid #e05d49;padding-left:9px}.ops-task-buttons{flex-wrap:wrap}.ops-done-history{margin-top:15px}.ops-done-history summary{cursor:pointer;color:#497258;font-weight:800;font-size:12px;padding:13px 3px}.ops-modal-status{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.ops-hk-controls{display:flex;gap:9px;flex-wrap:wrap;background:#f5f9f5;border-radius:10px;padding:13px}.ops-hk-controls h3{width:100%;margin:0}.ops-room-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
@media(max-width:1100px){.hk-operations .quick-actions.ops-disabled-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.hk-operations .main{margin-left:0}.hk-operations .content{padding:13px}.hk-operations .quick-actions.ops-disabled-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-stays{grid-template-columns:1fr}.ops-task-row{flex-wrap:wrap}.ops-task-buttons{width:100%;justify-content:flex-end}.ops-room-picker{grid-template-columns:repeat(3,1fr)}}
.pms-login .content{max-width:520px;margin:9vh auto}.pms-login-card{background:white;border:1px solid #dae7da;border-radius:16px;padding:35px;box-shadow:0 12px 40px #23533a1f}.pms-login-card label{display:block;margin:17px 0;font-size:12px;font-weight:700}.pms-login-card input{display:block;width:100%;padding:13px;border:1px solid #cbdbd0;border-radius:9px;margin-top:6px}.pms-login-card button{width:100%}.hk-login-error{color:#bd3737}.hk-signout{background:transparent;border:1px solid #ffffff44;border-radius:7px;padding:5px;color:#f2f9f2;font-size:10px}.demo-role-picker{display:flex;gap:7px;align-items:center;color:#7a8e83;font-size:10px}.demo-role-picker select{max-width:190px;padding:6px;border:1px solid #d7e4d9;border-radius:8px;background:white;color:#1b5740;font-weight:750}
@media(max-width:1100px){.hk-grid,.hk-only .hk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hk-mini-rooms{grid-template-columns:repeat(5,minmax(0,1fr))}.staff-roles,.staff-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.hk-only .content{padding:9px}.hk-hero{flex-direction:column;align-items:stretch;padding:17px}.hk-hero h2{font-size:21px}.hk-summary{gap:6px}.hk-summary>div{flex-direction:column;align-items:flex-start;padding:10px;gap:4px}.hk-summary b{font-size:21px}.hk-summary span{font-size:10px}.hk-grid,.hk-only .hk-grid{grid-template-columns:1fr}.hk-mini-rooms{grid-template-columns:repeat(3,minmax(0,1fr))}.staff-roles,.staff-role-grid{grid-template-columns:1fr}.staff-topline{flex-wrap:wrap}.demo-role-picker{max-width:180px}.demo-role-picker select{max-width:135px}.hk-reception-title{flex-wrap:wrap}}

.hk-only .topbar .topactions:has(.demo-role-picker){display:flex!important}.hk-only .topbar .topactions .offline,.hk-only .topbar .topactions .top-tool{display:none!important}