:root{--ink:#1f241f;--forest:#1b261c;--forest-2:#263427;--moss:#63715d;--sage:#a7b39d;--sand:#f1ece2;--sand-2:#e5dccd;--paper:#fbfaf6;--clay:#9b6e4a;--gold:#b69058;--line:#ded8cd;--muted:#72776f;--danger:#a14f43;--shadow:0 20px 55px rgba(30,37,28,.09);--serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}html{background:#eee9df}body{margin:0;font-family:var(--sans);color:var(--ink);background:#eee9df;font-size:14px}.hidden{display:none!important}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:30px 22px 22px;background:linear-gradient(180deg,#182119,#111812);color:#fff;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:2px 5px}.brand-mark{width:43px;height:43px;display:grid;place-items:center;color:#c2b18d;border:1px solid rgba(255,255,255,.16);border-radius:50%}.brand-mark svg{width:26px;height:26px}.brand-word{font-family:var(--serif);font-size:18px;letter-spacing:.18em}.brand-sub{margin-top:4px;font-size:8px;letter-spacing:.18em;color:rgba(255,255,255,.55)}.nav-list{display:grid;gap:7px;margin-top:56px}.nav-item{border:0;background:transparent;color:rgba(255,255,255,.62);display:flex;align-items:center;gap:13px;text-align:left;width:100%;padding:12px 13px;border-radius:12px;transition:.2s}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.08);color:#fff}.nav-item.active{box-shadow:inset 2px 0 #c0ae86}.nav-icon{font-size:8px;letter-spacing:.08em;width:24px;color:#bba77f}.sidebar-bottom{margin-top:auto;display:grid;gap:12px}.sync-card{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.035)}.sync-dot,.status-dot{width:7px;height:7px;border-radius:50%;background:#78a274;box-shadow:0 0 0 4px rgba(120,162,116,.12);flex:none}.sync-card strong,.sync-card span{display:block}.sync-card strong{font-size:10px}.sync-card span{font-size:8px;color:rgba(255,255,255,.47);margin-top:3px}.main{min-width:0;padding:32px 38px 52px;background:linear-gradient(180deg,#f4f0e7 0,#eee9df 100%)}.topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}.eyebrow,.section-kicker{margin:0 0 7px;text-transform:uppercase;letter-spacing:.14em;font-size:9px;font-weight:800;color:#8c7c63}.section-kicker.light{color:rgba(255,255,255,.64)}h1,h2,h3,p{margin-top:0}.topbar h1{margin:0;font-family:var(--serif);font-size:34px;font-weight:500;letter-spacing:-.025em}.top-actions{display:flex;align-items:center;gap:11px}.status-chip{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:#e6efe4;color:#4e684c;font-size:10px;font-weight:800}.status-chip.warning{background:#f0e5d8;color:#8d653f}.status-chip.warning .status-dot{background:#b47c47;box-shadow:0 0 0 4px rgba(180,124,71,.12)}.status-chip.live .status-dot{background:#6d9469}.clock{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.setup-banner{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:center;padding:26px 28px;margin-bottom:24px;border-radius:20px;overflow:hidden;background:linear-gradient(120deg,#273427,#182119);color:#fff;box-shadow:var(--shadow)}.setup-banner:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-90px;top:-150px;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 34px rgba(255,255,255,.018),0 0 0 68px rgba(255,255,255,.012)}.setup-banner>*{position:relative;z-index:1}.setup-banner-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);font-size:9px;color:#c9b996}.setup-banner h2{font-family:var(--serif);font-weight:500;font-size:24px;margin-bottom:6px}.setup-banner p{margin:0;color:rgba(255,255,255,.67);font-size:11px;line-height:1.65;max-width:780px}.setup-banner p strong{color:#fff}.setup-banner-actions{display:grid;gap:8px;min-width:190px}.ready-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 16px;margin-bottom:20px;border:1px solid #d2ddcd;border-radius:13px;background:#eaf0e6;color:#4e6149}.ready-banner>div{display:flex;align-items:center;gap:9px;min-width:0}.ready-banner strong{font-size:10px}.ready-banner span:last-child{font-size:9px;color:#71806d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ready-pulse{width:7px;height:7px;border-radius:50%;background:#6c8c67;box-shadow:0 0 0 5px rgba(108,140,103,.12)}.button{border:0;border-radius:11px;padding:10px 14px;font-weight:800;font-size:10px;transition:.18s;min-height:40px}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.42;cursor:not-allowed;transform:none}.button-primary{background:var(--forest);color:#fff}.button-secondary{background:#ece8df;color:#333b32;border:1px solid #ddd7cc}.button-light{background:#fff;color:#1f2a20}.button-ghost-light{background:transparent;color:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.16)}.button-danger-soft{background:#f2e5e1;color:#914c42;border:1px solid #e7d4cf}.button-guest{width:100%;background:#c0ae86;color:#182019}.button-large{min-height:47px;padding:12px 17px}.text-button{border:0;background:transparent;color:#7b705f;font-size:9px;font-weight:800;padding:6px}.workflow-strip{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:12px;margin:2px 0 20px;padding:0 4px}.workflow-step{display:flex;align-items:center;gap:9px;color:#898a84}.workflow-step>span{width:29px;height:29px;border:1px solid #cbc6bb;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:800}.workflow-step strong,.workflow-step small{display:block}.workflow-step strong{font-size:10px}.workflow-step small{font-size:8px;margin-top:2px;color:#9a9a94}.workflow-step.done,.workflow-step.active{color:#344333}.workflow-step.done>span{background:#344333;color:#fff;border-color:#344333}.workflow-step.active>span{border-color:#73846e;color:#52664e}.workflow-line{height:1px;background:#d5d0c5}.planner-grid{display:grid;grid-template-columns:minmax(390px,.86fr) minmax(440px,1.14fr);gap:18px}.card{background:rgba(251,250,246,.94);border:1px solid rgba(207,200,187,.78);border-radius:20px;box-shadow:0 15px 42px rgba(36,39,33,.055)}.form-card,.plan-card{padding:24px}.plan-card{min-height:620px;display:flex;flex-direction:column}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}.card-header h2,.section-toolbar h2{font-family:var(--serif);font-size:23px;font-weight:500;margin:0}.field-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:block;margin-bottom:14px}.field>span{display:block;font-size:9px;font-weight:800;color:#676b65;margin:0 0 7px}.field input{width:100%;min-width:0;border:1px solid #d9d3c8;background:#fff;border-radius:10px;padding:11px 12px;min-height:43px;font-size:12px;color:#222b22;outline:none}.field input:focus{border-color:#82917b;box-shadow:0 0 0 3px rgba(99,113,93,.09)}.stepper{display:grid;grid-template-columns:42px 1fr 42px;border:1px solid #d9d3c8;border-radius:10px;overflow:hidden;background:#fff}.stepper button,.stepper input{border:0!important;border-radius:0!important;background:transparent;box-shadow:none!important;text-align:center}.stepper button{font-size:18px;color:#66705f}.stepper input{-moz-appearance:textfield}.stepper input::-webkit-outer-spin-button,.stepper input::-webkit-inner-spin-button{-webkit-appearance:none}.preference-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.preference{position:relative;min-height:72px;border:1px solid #ddd7cc;background:#f8f6f1;border-radius:12px;text-align:left;padding:12px 12px 12px 42px;color:#3a4038}.preference.active{background:#edf1e9;border-color:#a9b6a3;box-shadow:inset 0 0 0 1px #a9b6a3}.preference strong,.preference small{display:block}.preference strong{font-size:10px}.preference small{font-size:8px;color:#7c8079;margin-top:4px}.pref-symbol{position:absolute;left:13px;top:14px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#e9e5dc;color:#6c775f;font-size:11px}.preference.active .pref-symbol{background:#63715d;color:#fff}.primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:3px}.button-spark{margin-right:5px;color:#d8c7a2}.micro-note{margin-top:11px;color:#878981;font-size:8px;line-height:1.5}.warning-note{padding:9px 11px;border-radius:9px;background:#f4ece2;color:#886744}.plan-header{margin-bottom:16px}.mode-badge{display:inline-flex;align-items:center;border:1px solid #d8d3c8;border-radius:999px;padding:7px 10px;font-size:8px;font-weight:800;color:#6b7068;background:#f6f3ed}.plan-empty{flex:1;display:grid;place-items:center;align-content:center;text-align:center;padding:40px 8%}.plan-empty h3{font-family:var(--serif);font-size:25px;font-weight:500;margin:18px 0 8px}.plan-empty p{max-width:450px;color:var(--muted);font-size:10px;line-height:1.7}.sun-icon{width:76px;height:76px;border:1px solid #d7d1c6;border-radius:50%;display:grid;place-items:center;position:relative}.sun-icon:after{content:"";width:27px;height:27px;border-radius:50%;background:#c4ad7d}.sun-icon span{position:absolute;width:112px;height:1px;background:#ddd6ca;transform:rotate(-18deg)}.guest-display-hint{margin-top:18px;padding:12px 14px;max-width:390px;border-top:1px solid #ddd8cc}.guest-display-hint span,.guest-display-hint strong{display:block}.guest-display-hint span{font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:#9a8b73}.guest-display-hint strong{font-size:9px;margin-top:5px;color:#565c53}.plan-content{display:flex;flex-direction:column;flex:1}.guest-summary{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:14px}.guest-summary>div{padding:10px 11px;border-radius:10px;background:#f0ede6}.guest-summary span,.guest-summary strong{display:block}.guest-summary span{font-size:7px;text-transform:uppercase;letter-spacing:.1em;color:#8c8e87}.guest-summary strong{font-size:10px;margin-top:4px}.selection-status{display:flex;align-items:center;gap:12px;padding:2px 2px 12px;font-size:9px;color:#777c73}.selection-track{height:5px;flex:1;border-radius:999px;background:#ebe6dc;overflow:hidden}.selection-track i{display:block;height:100%;background:#6a7c64;border-radius:inherit}.selected-drives{display:grid;gap:9px}.drive-card{display:grid;grid-template-columns:54px 1fr 38px;gap:12px;align-items:center;padding:11px 12px;border:1px solid #ddd7cc;border-radius:13px;background:#fff}.drive-day{width:50px;height:50px;border-radius:10px;background:#f0ece3;display:grid;place-items:center;align-content:center}.drive-day strong{font-family:var(--serif);font-size:21px;line-height:1}.drive-day span{font-size:7px;text-transform:uppercase;letter-spacing:.1em;color:#898b84;margin-top:2px}.drive-info strong,.drive-info span{display:block}.drive-info strong{font-size:10px}.drive-info strong em{font-style:normal;color:#8b7555;margin-left:4px}.drive-info>span{font-size:8px;color:#8a8d86;margin-top:3px}.space-tag{display:inline-block!important;width:max-content!important;margin-top:7px!important;padding:4px 7px;border-radius:999px;background:#edf2e9;color:#5c7457!important;font-size:7px!important;font-weight:800}.space-tag.low{background:#f4e7dc;color:#946743!important}.icon-button{width:34px;height:34px;border-radius:50%;border:1px solid #dcd6cb;background:#f8f6f1;color:#5f675c;font-size:16px}.empty-selection,.empty-state{padding:18px;border:1px dashed #d8d2c7;border-radius:12px;text-align:center;color:#898b85;font-size:9px}.manual-slots{margin-top:14px;border-top:1px solid #e1dbd0;padding-top:10px;max-height:280px;overflow:auto}.manual-day{padding:11px 2px 6px;font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:#8a7b65}.manual-slot{width:100%;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 12px;margin-bottom:7px;border:1px solid #ddd8cc;border-radius:10px;background:#faf9f5;text-align:left;color:#343b33}.manual-slot>div strong,.manual-slot>div span{display:block}.manual-slot>div strong{font-size:9px}.manual-slot>div span{font-size:7px;color:#8b8e87;margin-top:3px}.manual-slot>strong{font-size:8px;white-space:nowrap}.manual-slot.selected{background:#e9efe5;border-color:#9eaf98}.manual-slot:disabled{opacity:.48;cursor:not-allowed}.plan-footer{margin-top:auto;padding-top:16px;display:flex;justify-content:flex-end;gap:8px}.metrics-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.metric-card{padding:16px 18px;background:rgba(250,248,242,.74);border:1px solid #dcd6ca;border-radius:14px}.metric-card span,.metric-card strong,.metric-card small{display:block}.metric-card span{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#85877f}.metric-card strong{font-family:var(--serif);font-weight:500;font-size:27px;margin:6px 0 2px}.metric-card small{font-size:7px;color:#9a9b95}.view{display:none}.view.active{display:block}.section-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:14px 0 18px}.toolbar-note{max-width:390px;color:#85877f;font-size:9px;text-align:right}.big-empty{padding:64px 28px;text-align:center;border:1px dashed #cfc8bb;border-radius:18px;background:rgba(250,248,242,.58)}.big-empty.compact{padding:46px 24px}.big-empty .empty-index{display:grid;place-items:center;margin:0 auto 15px;width:42px;height:42px;border-radius:50%;border:1px solid #cec7ba;color:#8d7657;font-size:8px}.big-empty h3{font-family:var(--serif);font-weight:500;font-size:23px;margin-bottom:7px}.big-empty p{font-size:9px;color:#85877f;max-width:520px;margin:0 auto 18px;line-height:1.6}.schedule-board{display:grid;gap:14px}.schedule-day{border:1px solid #d8d1c5;border-radius:18px;background:#f9f7f2;overflow:hidden}.schedule-day-header{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:#ece7dd;border-bottom:1px solid #ddd6ca}.schedule-day-header>div:first-child{display:flex;align-items:baseline;gap:8px}.schedule-day-header>div:first-child span{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#8a7b66}.schedule-day-header>div:first-child strong{font-family:var(--serif);font-size:18px;font-weight:500}.day-summary{text-align:right}.day-summary strong,.day-summary span{display:block}.day-summary strong{font-family:var(--serif);font-weight:500;font-size:18px}.day-summary span{font-size:7px;color:#8a8c85}.schedule-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px}.slot-card{padding:14px;border:1px solid #e0d9cd;background:#fff;border-radius:12px}.slot-card.low{border-color:#dfc8b4}.slot-card.full{opacity:.72;background:#f2efea}.slot-top{display:flex;justify-content:space-between;gap:10px}.slot-time{font-size:8px;color:#8a7558}.slot-card h3{font-family:var(--serif);font-size:17px;font-weight:500;margin:3px 0 0}.availability-pill{align-self:flex-start;padding:5px 7px;border-radius:999px;background:#e8efe5;color:#577052;font-size:7px;font-weight:800}.availability-pill.low{background:#f4e4d7;color:#92623f}.availability-pill.full{background:#e7e3de;color:#7e756d}.occupancy{height:4px;border-radius:999px;background:#eee9df;margin:14px 0 11px;overflow:hidden}.occupancy i{display:block;height:100%;background:#72806b;border-radius:inherit}.slot-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.slot-stats span{min-width:0}.slot-stats small,.slot-stats strong{display:block}.slot-stats small{font-size:6px;color:#999a94;white-space:nowrap}.slot-stats strong{font-size:9px;margin-top:3px}.bookings-list{display:grid;gap:10px}.booking-card{display:grid;grid-template-columns:1.1fr .7fr 1.3fr auto;gap:16px;align-items:center;padding:16px 17px;border:1px solid #dbd4c8;border-radius:14px;background:#faf8f3}.booking-card h3{font-family:var(--serif);font-size:18px;font-weight:500;margin:3px 0}.booking-card p{margin:0;font-size:8px;color:#868881}.booking-card>div>strong{font-size:10px}.booking-id{font-size:7px;color:#9a8261;letter-spacing:.08em}.booking-drives{display:flex;flex-wrap:wrap;gap:5px}.booking-drive-chip{padding:5px 7px;border-radius:999px;background:#e9eee6;color:#60715b;font-size:7px;font-weight:800}.setup-toolbar{align-items:center}.setup-actions{display:flex;gap:8px}.admin-callout{display:grid;grid-template-columns:50px 1fr;gap:14px;padding:17px 18px;border-radius:14px;background:#243025;color:#fff;margin-bottom:12px}.callout-number{width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center;font-size:7px;color:#c3b38f}.admin-callout strong{font-size:10px}.admin-callout p{margin:5px 0 0;color:rgba(255,255,255,.62);font-size:8px;line-height:1.6}.data-legend{display:flex;gap:22px;flex-wrap:wrap;padding:11px 14px;margin-bottom:12px;border:1px solid #ddd6ca;border-radius:11px;background:#f6f3ed;font-size:8px;color:#777b73}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.legend-dot.staff{background:#a17856}.legend-dot.system{background:#6f8369}.admin-schedule{display:grid;gap:10px}.admin-day{border:1px solid #dbd4c8;border-radius:14px;background:#faf8f3;overflow:hidden}.admin-day-title{display:flex;align-items:baseline;gap:7px;padding:12px 14px;background:#ece6dc}.admin-day-title span{font-size:7px;text-transform:uppercase;letter-spacing:.1em;color:#8b7a62}.admin-day-title strong{font-family:var(--serif);font-weight:500;font-size:16px}.admin-row{display:grid;grid-template-columns:1.2fr .7fr .7fr .7fr;gap:10px;align-items:center;padding:11px 14px;border-top:1px solid #ebe5da}.admin-row:first-of-type{border-top:0}.admin-row.configured{background:#fbfaf6}.admin-drive strong,.admin-drive span{display:block}.admin-drive strong{font-size:9px}.admin-drive span{font-size:7px;color:#8a8c85;margin-top:3px}.admin-row label>span,.system-value>span{display:block;font-size:7px;color:#8a8b85;margin-bottom:5px}.admin-row input{width:100%;border:1px solid #d8d2c6;border-radius:8px;padding:8px 9px;background:#fff;font-size:10px}.system-value{padding:8px 10px;border-radius:8px;background:#edf1e9}.system-value strong,.system-value small{display:block}.system-value strong{font-size:12px}.system-value small{font-size:6px;color:#83907f;margin-top:2px}.admin-save-row{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:14px}.admin-save-row span{font-size:8px;color:#85877f}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,16px);padding:11px 15px;border-radius:10px;background:#172118;color:#fff;font-size:9px;box-shadow:0 14px 40px rgba(0,0,0,.2);opacity:0;pointer-events:none;transition:.25s;z-index:99}.toast.show{opacity:1;transform:translate(-50%,0)}
/* Guest display */.guest-body{background:#172018;color:#fff}.guest-display{min-height:100vh;display:flex;flex-direction:column;background:#172018}.guest-header{display:flex;justify-content:space-between;align-items:center;padding:20px 4vw;border-bottom:1px solid rgba(255,255,255,.1)}.guest-brand{display:flex;align-items:center;gap:11px}.guest-brand .brand-mark{width:40px;height:40px}.guest-live{display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:rgba(255,255,255,.69);font-size:9px}.guest-hero{position:relative;min-height:285px;padding:50px 7vw 46px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(120deg,#253426 0,#182119 72%)}.guest-hero-copy{position:relative;z-index:2;max-width:720px}.guest-hero h1{font-family:var(--serif);font-weight:500;font-size:46px;letter-spacing:-.025em;margin:0 0 10px}.guest-hero p:last-child{max-width:520px;color:rgba(255,255,255,.62);font-size:11px;line-height:1.7}.hero-landscape{position:absolute;inset:0;overflow:hidden;opacity:.88}.hero-landscape .sun{position:absolute;width:130px;height:130px;border-radius:50%;right:13%;top:35px;background:radial-gradient(circle,#d3b878 0,#aa8650 43%,rgba(170,134,80,.08) 67%,transparent 70%)}.ridge{position:absolute;left:-5%;right:-5%;height:170px;border-radius:50% 50% 0 0/80% 80% 0 0;bottom:-105px;background:#101811;transform:rotate(-2deg)}.ridge-two{bottom:-128px;left:25%;background:#0c120d;transform:rotate(3deg)}.tree{position:absolute;bottom:27px;width:2px;height:58px;background:#0d140e}.tree:before{content:"";position:absolute;width:48px;height:24px;border-radius:50%;background:#0d140e;left:-23px;top:-10px}.tree-one{right:26%}.tree-two{right:8%;transform:scale(.7)}.guest-session-card{width:min(1180px,92vw);margin:-22px auto 0;position:relative;z-index:3;padding:28px 30px 30px;background:#f8f5ee;color:var(--ink);border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.24)}.guest-waiting{text-align:center;padding:48px 16px}.guest-waiting h2{font-family:var(--serif);font-size:27px;font-weight:500;margin:14px 0 7px}.guest-waiting p{color:#7d8179;font-size:10px}.waiting-mark{width:46px;height:46px;border:1px solid #cfc9bd;border-radius:50%;display:grid;place-items:center;margin:auto;color:#927b5b;font-size:8px}.pulse-ring{width:30px;height:30px;border:1px solid #809077;border-radius:50%;margin:auto;box-shadow:0 0 0 10px rgba(99,113,93,.09),0 0 0 20px rgba(99,113,93,.035);animation:pulse 2.2s ease-out infinite}@keyframes pulse{0%,100%{box-shadow:0 0 0 7px rgba(99,113,93,.10),0 0 0 16px rgba(99,113,93,.03)}50%{box-shadow:0 0 0 13px rgba(99,113,93,.05),0 0 0 26px rgba(99,113,93,0)}}.guest-session-top{display:grid;grid-template-columns:1.5fr .6fr .7fr;gap:9px;margin-bottom:20px}.guest-session-top>div{padding:11px 13px;border-radius:10px;background:#ebe7df}.guest-session-top span,.guest-session-top strong{display:block}.guest-session-top span{font-size:7px;text-transform:uppercase;letter-spacing:.1em;color:#8b8d86}.guest-session-top strong{font-size:10px;margin-top:4px}.guest-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.guest-title-row h2{font-family:var(--serif);font-weight:500;font-size:27px;margin:0}.guest-drive-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.guest-drive-card{min-height:175px;border-radius:15px;overflow:hidden;display:grid;grid-template-columns:60px 1fr;background:linear-gradient(145deg,#ebe7dd,#f7f4ed);border:1px solid #ddd6ca}.guest-date{background:#293629;color:#fff;display:grid;place-items:center;align-content:center;text-align:center}.guest-date .num{font-family:var(--serif);font-size:31px;line-height:1}.guest-date .dow{font-size:7px;text-transform:uppercase;letter-spacing:.13em;color:#c8b895;margin-top:4px}.guest-card-copy{padding:22px 18px}.guest-drive-time{font-size:8px;color:#9a7d55}.guest-drive-card h3{font-family:var(--serif);font-size:20px;font-weight:500;margin:10px 0 5px}.guest-drive-card p{font-size:8px;color:#7c8078}.guest-drive-card.placeholder{display:grid;grid-template-columns:1fr;place-items:center;align-content:center;text-align:center;border-style:dashed;background:#f4f1ea}.placeholder-plus{width:32px;height:32px;border-radius:50%;border:1px solid #ccc5b9;display:grid;place-items:center;color:#978d7b}.guest-drive-card.placeholder h3{margin:7px 0 2px;color:#7f837a}.guest-options{margin:15px 0 6px;padding:13px;border-radius:13px;background:#ece8df}.guest-options-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px}.guest-options-head span{font-size:9px;font-weight:800}.guest-options-head small{font-size:7px;color:#8b8e87}.guest-option-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.guest-option{padding:9px;border-radius:9px;background:#f8f6f1;border:1px solid #dad4c8}.guest-option span,.guest-option strong,.guest-option small{display:block}.guest-option span{font-size:6px;color:#90816c;text-transform:uppercase}.guest-option strong{font-size:8px;margin:4px 0}.guest-option small{font-size:6px;color:#7e8279}.guest-option.selected{background:#e2eadf;border-color:#96a88f}.guest-option.unavailable{opacity:.45}.guest-message{margin-top:15px;padding:11px 13px;border-radius:10px;background:#e6ede3;color:#587153;font-size:9px;font-weight:800;text-align:center}.guest-message.confirmed{background:#233023;color:#fff}.guest-footer{margin-top:auto;display:flex;justify-content:space-between;gap:20px;padding:25px 4vw;color:rgba(255,255,255,.45);font-size:8px;letter-spacing:.04em}
@media(max-width:1100px){.app-shell{grid-template-columns:84px minmax(0,1fr)}.sidebar{padding:22px 12px}.brand>div:last-child,.nav-item span:last-child,.sync-card>div,.button-guest{display:none}.brand{justify-content:center}.nav-item{justify-content:center;padding:12px 8px}.nav-icon{width:auto}.planner-grid{grid-template-columns:1fr}.plan-card{min-height:0}.setup-banner{grid-template-columns:auto 1fr}.setup-banner-actions{grid-column:2}.schedule-cards{grid-template-columns:1fr 1fr}.guest-option-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:sticky;top:0;width:100%;height:auto;padding:10px 12px;flex-direction:row;align-items:center;gap:8px;overflow-x:auto}.brand{flex:0 0 auto}.brand-mark{width:30px;height:30px}.nav-list{margin:0;display:flex;gap:4px}.nav-item{width:auto;padding:8px 10px;flex:0 0 auto}.sidebar-bottom{margin:0 0 0 auto}.sync-card{display:none}.main{padding:20px 13px 38px}.topbar{align-items:flex-start}.clock{display:none}.topbar h1{font-size:28px}.setup-banner{grid-template-columns:1fr;padding:21px}.setup-banner-icon{display:none}.setup-banner-actions{grid-column:auto}.ready-banner>div span:last-child{display:none}.workflow-strip{grid-template-columns:1fr 1fr 1fr}.workflow-line{display:none}.workflow-step small{display:none}.field-grid.two,.preference-grid,.primary-actions,.metrics-row{grid-template-columns:1fr}.guest-summary{grid-template-columns:1fr}.schedule-cards{grid-template-columns:1fr}.booking-card{grid-template-columns:1fr}.admin-row{grid-template-columns:1fr 1fr}.admin-drive{grid-column:1/-1}.setup-toolbar{align-items:flex-start;flex-direction:column}.setup-actions{width:100%}.setup-actions .button{flex:1}.admin-save-row{align-items:stretch;flex-direction:column-reverse}.guest-header{padding:15px 4vw}.guest-live{display:none}.guest-hero{min-height:230px;padding:36px 6vw 42px}.guest-hero h1{font-size:35px}.guest-session-card{width:94vw;padding:20px}.guest-session-top,.guest-drive-cards{grid-template-columns:1fr}.guest-drive-card{min-height:125px}.guest-option-grid{grid-template-columns:1fr 1fr}.guest-footer{flex-direction:column}.slot-stats{grid-template-columns:1fr 1fr}}
@media print{.sidebar,.topbar,.setup-banner,.ready-banner,.section-toolbar button,#plannerView,#scheduleView,#adminView{display:none!important}.app-shell{display:block}.main{padding:0}#bookingsView{display:block!important}.booking-card{break-inside:avoid;box-shadow:none}}

/* V3 presentation additions */
.presentation-notice{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:-4px 0 18px;padding:12px 14px;border:1px solid #d9d2c5;border-radius:13px;background:#fbf8f1}.presentation-notice>div:first-child{display:flex;align-items:center;gap:10px;min-width:0}.presentation-notice strong{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#5f665d;white-space:nowrap}.presentation-notice span{font-size:8px;color:#83877e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.presentation-actions{display:flex;gap:8px;flex:none}.data-mode-chip{display:inline-flex;align-items:center;padding:8px 10px;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.05em;border:1px solid transparent}.data-mode-chip.neutral{background:#ebe6dc;color:#746d62;border-color:#ddd6ca}.data-mode-chip.demo{background:#f2e7d5;color:#865f38;border-color:#dfc9a8}.data-mode-chip.staff{background:#e5eee2;color:#4f694b;border-color:#cbd9c7}.header-actions{display:flex;gap:7px}.edit-booking-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;margin:-4px 0 16px;border-radius:10px;background:#eee7db;border:1px solid #ded2c1}.edit-booking-banner strong,.edit-booking-banner span{display:block}.edit-booking-banner strong{font-size:9px}.edit-booking-banner span{font-size:7px;color:#7c756b;margin-top:2px}.booking-tools{display:flex;gap:8px;align-items:center}.search-input{min-width:250px;border:1px solid #d9d3c8;background:#fff;border-radius:10px;padding:10px 12px;font-size:10px;color:#30362f;outline:none}.search-input:focus{border-color:#82917b;box-shadow:0 0 0 3px rgba(99,113,93,.09)}.booking-actions{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}.demo-scenarios{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:16px;padding:18px;margin-bottom:14px;border:1px solid #dcd5c9;border-radius:14px;background:#f9f6ef}.demo-scenarios h3,.custom-drive-panel h3{font-family:var(--serif);font-weight:500;font-size:19px;margin:0 0 5px}.demo-scenarios p:last-child{font-size:8px;color:#85877f;line-height:1.5;margin:0}.scenario-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.scenario-card{border:1px solid #d8d1c5;background:#fff;border-radius:10px;padding:11px;text-align:left;color:#3b4239;min-height:64px}.scenario-card:hover,.scenario-card.active{border-color:#9eac97;background:#edf2e9}.scenario-card strong,.scenario-card span{display:block}.scenario-card strong{font-size:9px}.scenario-card span{font-size:7px;color:#85887f;margin-top:4px}.custom-drive-panel{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;align-items:end;padding:16px 18px;margin:12px 0 14px;border:1px dashed #cfc6b7;border-radius:14px;background:#f7f3eb}.custom-drive-grid{display:grid;grid-template-columns:1fr .8fr 1.4fr .7fr .8fr auto;gap:8px;align-items:end}.custom-drive-grid label>span{display:block;font-size:7px;color:#7d8179;margin-bottom:5px}.custom-drive-grid input{width:100%;min-width:0;border:1px solid #d8d2c6;border-radius:8px;padding:9px;background:#fff;font-size:10px}.admin-day-title{justify-content:space-between;align-items:center}.admin-day-title>div{display:flex;align-items:baseline;gap:7px}.admin-day-title small{font-size:7px;color:#8b8b83}.admin-row{grid-template-columns:1.2fr .7fr .7fr .7fr 32px}.admin-remove{width:30px;height:30px;border-radius:50%;border:1px solid #ded6cb;background:#fff;color:#9b7566;font-size:16px}.admin-remove:hover{background:#f4e8e3}.dashboard-hero-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:12px;margin-bottom:14px}.dashboard-stat{padding:18px;border:1px solid #d9d2c6;border-radius:15px;background:#fbf9f4;min-height:130px}.dashboard-stat.primary{background:linear-gradient(135deg,#273427,#1b261c);color:#fff;border-color:#273427}.dashboard-stat span,.dashboard-stat strong,.dashboard-stat small{display:block}.dashboard-stat span{font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#898a84}.dashboard-stat.primary span{color:rgba(255,255,255,.55)}.dashboard-stat strong{font-family:var(--serif);font-size:34px;font-weight:500;margin:10px 0 5px}.dashboard-stat small{font-size:8px;line-height:1.5;color:#7f837a}.dashboard-stat.primary small{color:rgba(255,255,255,.62)}.dashboard-progress{height:5px;margin-top:14px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}.dashboard-progress i{display:block;height:100%;background:#c6b48e;border-radius:999px}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.dashboard-panel{padding:20px}.day-pressure-list{display:grid;gap:12px}.pressure-row{display:grid;grid-template-columns:180px minmax(80px,1fr) 42px;align-items:center;gap:12px}.pressure-row>div:first-child strong,.pressure-row>div:first-child span{display:block}.pressure-row>div:first-child strong{font-size:9px}.pressure-row>div:first-child span{font-size:7px;color:#8b8d86;margin-top:3px}.pressure-track{height:7px;border-radius:999px;background:#e8e3da;overflow:hidden}.pressure-track i{display:block;height:100%;border-radius:999px;background:#687961}.pressure-row>strong{font-size:9px;text-align:right}.manager-notes{display:grid;grid-template-columns:1fr 1fr;gap:9px}.manager-notes>div{padding:12px;border-radius:11px;background:#f0ece4;border:1px solid #e0d9ce}.manager-notes span,.manager-notes strong,.manager-notes small{display:block}.manager-notes span{font-size:7px;text-transform:uppercase;letter-spacing:.08em;color:#8a8c84}.manager-notes strong{font-size:10px;margin:6px 0 4px}.manager-notes small{font-size:7px;line-height:1.4;color:#7e8279}.guest-demo-pill{position:absolute;right:5vw;bottom:30px;z-index:3;padding:8px 11px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(16,24,17,.42);backdrop-filter:blur(8px);font-size:8px;font-weight:800;letter-spacing:.06em;color:rgba(255,255,255,.76)}

@media(max-width:1250px){.dashboard-hero-grid{grid-template-columns:1fr 1fr}.custom-drive-panel{grid-template-columns:1fr}.custom-drive-grid{grid-template-columns:repeat(3,1fr)}.custom-drive-grid .button{min-height:40px}.scenario-buttons{grid-template-columns:1fr 1fr}}
@media(max-width:980px){.presentation-notice{align-items:flex-start;flex-direction:column}.presentation-notice span{white-space:normal}.dashboard-grid{grid-template-columns:1fr}.demo-scenarios{grid-template-columns:1fr}.booking-tools{width:100%}.bookings-toolbar{align-items:flex-start;flex-direction:column}.search-input{min-width:0;flex:1}.admin-row{grid-template-columns:1fr 1fr}.admin-remove{justify-self:end}.admin-row .admin-drive{grid-column:1/-1}}
@media(max-width:760px){.presentation-actions{width:100%}.presentation-actions .button{flex:1}.top-actions{flex-wrap:wrap;justify-content:flex-end}.data-mode-chip{order:3}.dashboard-hero-grid{grid-template-columns:1fr}.manager-notes{grid-template-columns:1fr}.pressure-row{grid-template-columns:1fr 50px}.pressure-track{grid-column:1/-1;grid-row:2}.custom-drive-grid{grid-template-columns:1fr 1fr}.custom-drive-grid label:nth-child(3){grid-column:1/-1}.scenario-buttons{grid-template-columns:1fr 1fr}.booking-tools{flex-direction:column;align-items:stretch}.search-input{width:100%}.guest-demo-pill{left:6vw;right:auto;bottom:22px}.admin-row{grid-template-columns:1fr}.admin-row .admin-drive{grid-column:auto}.admin-remove{justify-self:start}}
@media(max-width:430px){.scenario-buttons,.custom-drive-grid{grid-template-columns:1fr}.custom-drive-grid label:nth-child(3){grid-column:auto}.presentation-actions{flex-direction:column}.pressure-row{grid-template-columns:1fr 42px}}

/* Official Mabula logo */
.official-logo-shell{width:78px;height:84px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:5px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 18px rgba(0,0,0,.14)}
.official-logo{display:block;width:100%;height:100%;object-fit:contain}
.brand-system{min-width:0}
.brand-system .brand-sub{max-width:116px;line-height:1.45}
.guest-brand{display:flex;align-items:center;gap:13px}
.official-logo-shell-guest{width:66px;height:70px;border-radius:9px;box-shadow:none}
.guest-brand>.brand-sub{max-width:180px;line-height:1.45;color:rgba(255,255,255,.66)}
@media(max-width:1100px){.official-logo-shell{width:54px;height:58px;padding:3px}.brand-system{display:none}}
@media(max-width:760px){.official-logo-shell{width:42px;height:44px;border-radius:7px}.official-logo-shell-guest{width:48px;height:50px}.guest-brand>.brand-sub{font-size:7px;max-width:130px}}