:root{--navy:#101a33;--blue:#3b6df5;--bg:#f5f7fb;--ink:#17213a;--muted:#73809a;--line:#e3e8f1}*{box-sizing:border-box}body{margin:0;font:14px Segoe UI,Arial;color:var(--ink);background:var(--bg);display:grid;grid-template-columns:235px 1fr;min-height:100vh}aside{background:var(--navy);color:white;padding:26px 18px;position:sticky;top:0;height:100vh}aside h2{margin:0}.muted,small{color:var(--muted)}nav{display:grid;gap:6px;margin-top:35px}.nav{border:0;background:none;color:#a8b3cb;text-align:left;padding:13px;border-radius:9px;font-weight:600}.nav.active,.nav:hover{background:#1b2947;color:white}.profile{position:absolute;bottom:25px;border-top:1px solid #2b3854;padding-top:18px;width:195px}main{min-width:0}header{background:white;border-bottom:1px solid var(--line);padding:25px 32px;display:flex;justify-content:space-between;align-items:center}h1{margin:0 0 4px}header p{margin:0;color:var(--muted)}button{border:0;background:var(--blue);color:white;padding:10px 14px;border-radius:8px;font-weight:700;cursor:pointer}select,input,textarea{border:1px solid #d9e0eb;border-radius:8px;padding:10px;width:100%;font:inherit;background:white}header select{width:210px}#app{padding:28px 32px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stat,.card{background:white;border:1px solid var(--line);border-radius:13px;box-shadow:0 8px 25px #1f31500d}.stat{padding:19px}.stat strong{display:block;font-size:24px;margin-top:8px}.card{padding:20px;margin-top:18px}.toolbar,.section,.actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.secondary{background:#edf2ff;color:var(--blue)}.danger{background:#fff0f2;color:#d94b5b}.table{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #edf0f5}th{font-size:11px;color:var(--muted);text-transform:uppercase}.badge{padding:5px 9px;border-radius:20px;font-size:11px;font-weight:700}.Accepted{background:#e5f7ef;color:#168256}.Waiting{background:#fff4dc;color:#9d6500}.Rejected{background:#ffeaed;color:#ce4052}.steps{display:flex;gap:6px}.step{flex:1;background:#e9edf5;color:#77849d}.step.active{background:var(--blue);color:white}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.field label{display:block;font-size:12px;font-weight:700;color:#59657c;margin-bottom:6px}.section{border-bottom:1px solid var(--line);padding-bottom:10px;margin:22px 0 13px}.row{border:1px solid var(--line);padding:13px;border-radius:10px;margin-bottom:10px}.actions{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.totals{max-width:380px;margin:20px 0 0 auto}.total{display:flex;justify-content:space-between;padding:9px;border-bottom:1px solid var(--line)}.grand{font-size:17px;color:var(--blue);font-weight:800}.brands{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.brand h3{margin-bottom:4px}#toast{position:fixed;right:25px;bottom:25px;background:var(--navy);color:white;padding:13px 18px;border-radius:9px;display:none}@media(max-width:850px){body{grid-template-columns:1fr}aside{display:none}.stats,.grid,.brands{grid-template-columns:1fr}header,#app{padding:18px}.steps{overflow:auto}.step{min-width:130px}}.quote-actions{display:flex;gap:9px;flex-wrap:wrap}.whatsapp{background:#22a968}.approval{margin:18px 0;padding:15px;border-radius:10px;background:#fff4dc;display:flex;justify-content:space-between;align-items:center}.approval.Accepted{background:#e5f7ef}.approval.Rejected{background:#ffeaed}.activity{border-left:2px solid #dfe5ef;padding-left:15px}.activity>div{padding:8px 0;border-bottom:1px solid #edf0f5}.activity small{margin-top:3px}.company-logo{width:64px;height:64px;border-radius:12px;object-fit:contain;border:1px solid var(--line);background:white;margin-bottom:12px}.company-logo.placeholder{display:grid;place-items:center;background:#edf2ff;color:var(--blue);font-weight:800}.parent-company-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-bottom:20px}.parent-company-card .company-logo{margin:0}.logo-editor{display:flex;align-items:center;gap:18px;padding:16px;background:#f7f9fc;border:1px solid var(--line);border-radius:10px;margin-bottom:18px}.logo-editor .company-logo{margin:0}@media(max-width:650px){.parent-company-card{grid-template-columns:1fr}.logo-editor{align-items:flex-start;flex-direction:column}}.report-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.report-actions h2{margin:0}.report-filters{margin-top:0}.report-filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.report-stats{margin-top:18px}.status-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.status-card{padding:16px 20px;border-radius:12px;display:flex;justify-content:space-between;align-items:center}.status-card b{font-size:25px}.status-card.Accepted{background:#e5f7ef;color:#168256}.status-card.Waiting{background:#fff4dc;color:#9d6500}.status-card.Rejected{background:#ffeaed;color:#ce4052}.report-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.report-two .card{min-width:0}@media(max-width:1050px){.report-filter-grid{grid-template-columns:repeat(2,1fr)}.report-two{grid-template-columns:1fr}}@media(max-width:650px){.report-actions{align-items:flex-start;flex-direction:column;gap:12px}.report-filter-grid,.status-stats{grid-template-columns:1fr}}.user-actions{display:flex;gap:7px;white-space:nowrap}.user-actions button{padding:7px 10px}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.role-card{margin-top:0}.role-icon{width:44px;height:44px;border-radius:12px;background:#edf2ff;color:var(--blue);display:grid;place-items:center;font-weight:800;margin-bottom:13px}.role-card h3{margin:0 0 7px}.role-scope{display:inline-block;background:#f1f4f9;color:#59657c;padding:5px 9px;border-radius:20px;font-size:12px;font-weight:700}.role-card ul{padding-left:20px;color:#59657c;line-height:1.8}@media(max-width:1050px){.role-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.role-grid{grid-template-columns:1fr}}
/* Refined application sidebar */
aside{display:flex;flex-direction:column;padding:28px 20px 20px;overflow:hidden;box-shadow:8px 0 30px rgba(10,20,43,.08)}
aside>h2{font-size:24px;line-height:1.2;letter-spacing:-.4px;white-space:nowrap;margin:0}
aside>.muted{line-height:1.55;margin:14px 6px 8px;color:#8fa2c8;font-size:13px}
aside nav{display:flex;flex-direction:column;gap:18px;margin:24px -4px 16px;padding:0 4px 10px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#354568 transparent}
.nav-group{display:grid;gap:5px}.nav-group.admin-nav{padding-top:15px;border-top:1px solid #273756}
.nav-label{color:#687b9f;font-size:10px;font-weight:800;letter-spacing:1.25px;padding:0 12px 7px;margin:0}
.nav{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px 12px;border-radius:10px;color:#aebbd4;font-size:14px;transition:background .18s,color .18s,transform .18s}
.nav:hover{background:#172541;color:#fff;transform:translateX(2px)}.nav.active{background:linear-gradient(135deg,#24395f,#1b2c4d);color:#fff;box-shadow:inset 3px 0 #5f83ff}.nav-icon{display:grid;place-items:center;width:24px;height:24px;color:#7f9cf5;font-size:16px}.nav.active .nav-icon{color:#fff}
aside .profile{position:static;display:flex;align-items:center;gap:11px;width:auto;margin-top:auto;padding:17px 7px 2px;border-top:1px solid #2a3958}
.profile-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:11px;background:linear-gradient(135deg,#4d73ed,#7458e9);display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff}
.profile-copy{min-width:0}.profile-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.profile-copy small{display:block;margin-top:4px;color:#8295b9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-height:720px){aside{padding-top:20px}aside>.muted{font-size:12px;margin-top:9px}aside nav{margin-top:14px;gap:10px}.nav{min-height:38px;padding:7px 10px}}

/* Realtime employees rail */
@media(min-width:1201px){body{grid-template-columns:235px minmax(0,1fr) 285px}}
.presence-panel{position:sticky;top:0;height:100vh;background:#fff;border-left:1px solid var(--line);display:flex;flex-direction:column;padding:25px 18px;overflow:hidden;box-shadow:-8px 0 30px rgba(31,47,84,.035)}
.presence-head{display:flex;justify-content:space-between;align-items:center;padding:2px 2px 18px;border-bottom:1px solid var(--line)}.presence-head small{font-size:10px;font-weight:800;letter-spacing:1.2px;color:#8390a7}.presence-head h3{margin:4px 0 0;font-size:17px}.presence-head>span{min-width:31px;height:31px;padding:0 9px;border-radius:10px;background:#e8f7f0;color:#168256;display:grid;place-items:center;font-weight:800}
.presence-list{flex:1;overflow-y:auto;padding:13px 2px}.presence-user{display:flex;gap:11px;align-items:center;padding:12px 6px;border-bottom:1px solid #edf0f5}.presence-avatar{position:relative;width:39px;height:39px;flex:0 0 39px;border-radius:12px;background:linear-gradient(135deg,#e8edff,#dce7ff);color:#365fc5;display:grid;place-items:center;font-size:12px;font-weight:800}.presence-avatar span{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:#24b26b;border:2px solid #fff}.presence-user>div:last-child{min-width:0}.presence-user strong,.presence-user small,.presence-user em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.presence-user strong{font-size:13px}.presence-user small{margin-top:3px;color:#697791}.presence-user em{margin-top:3px;color:#8a96aa;font-size:10px;font-style:normal}.presence-empty{color:#8490a6;text-align:center;font-size:12px;padding:28px 8px}.presence-foot{padding:15px 3px 1px;border-top:1px solid var(--line);font-size:11px;color:#8592a9}.online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#24b26b;margin-right:6px;box-shadow:0 0 0 4px #e6f8ef}
@media(max-width:1200px){.presence-panel{display:none}}

/* Dashboard-only live rail states */
.presence-panel[hidden]{display:none!important}.presence-panel{position:sticky}.presence-toggle{position:absolute;left:-15px;top:25px;z-index:2;width:30px;height:38px;padding:0;border-radius:10px 0 0 10px;background:#376af5;color:#fff;box-shadow:0 5px 14px rgba(55,106,245,.25);font-size:20px;line-height:1}.presence-toggle:hover{background:#2858dc}
@media(min-width:1201px){body{grid-template-columns:235px minmax(0,1fr)}body.presence-active{grid-template-columns:235px minmax(0,1fr) 285px}body.presence-active.presence-collapsed{grid-template-columns:235px minmax(0,1fr) 68px}}
.presence-panel.collapsed{padding:25px 8px}.presence-panel.collapsed .presence-head{justify-content:center;border:0;padding-top:42px}.presence-panel.collapsed .presence-head>div,.presence-panel.collapsed .presence-list,.presence-panel.collapsed .presence-foot{display:none}.presence-panel.collapsed .presence-head>span{min-width:36px;height:36px;border-radius:12px}.presence-panel.collapsed .presence-toggle{left:-15px;border-radius:10px 0 0 10px}

/* Accessible live rail toggle */
.presence-toggle{left:10px;top:23px;width:31px;height:31px;border-radius:9px;box-shadow:none}.presence-head{padding-left:38px}.presence-panel.collapsed .presence-toggle{left:18px;top:22px;border-radius:9px}.presence-panel.collapsed .presence-head{padding-left:0;padding-top:46px}

.tenant-grid{display:grid;gap:12px;margin-top:15px}.tenant-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff}.tenant-mark{width:48px;height:48px;border-radius:13px;background:#edf2ff;color:#376af5;display:grid;place-items:center;font-weight:800}.tenant-card h3{margin:0 0 5px}.tenant-sales{text-align:right}.tenant-sales b{display:block;font-size:18px;margin-top:4px}@media(max-width:700px){.tenant-card{grid-template-columns:auto 1fr}.tenant-sales{text-align:left}}
.tenant-card{grid-template-columns:auto minmax(0,1fr) auto auto auto}.tenant-mark img{width:100%;height:100%;object-fit:contain;border-radius:10px}@media(max-width:700px){.tenant-card{grid-template-columns:auto 1fr}}
.passenger-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;align-items:end}.passenger-remove{grid-column:4;justify-self:end}.booking-contact{margin-bottom:8px}@media(max-width:1050px){.passenger-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.passenger-remove{grid-column:2}}@media(max-width:650px){.passenger-grid{grid-template-columns:1fr}.passenger-remove{grid-column:1}}
.field.span-2{grid-column:span 2}.field textarea{resize:vertical;min-height:105px;line-height:1.45}@media(max-width:650px){.field.span-2{grid-column:auto}}.booking-actions{display:flex;gap:6px;white-space:nowrap}.booking-actions button{padding:7px 10px}

/* Full tenant name in sidebar */
#workspaceName{white-space:normal;overflow-wrap:anywhere;word-break:normal;max-width:100%;font-size:22px;line-height:1.22;letter-spacing:-.25px}
#workspaceName{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.sidebar-company-logo{width:76px;height:76px;object-fit:contain;border-radius:14px;background:#fff;padding:6px;border:1px solid rgba(255,255,255,.18)}
aside{padding-left:22px;padding-right:22px}
@media(min-width:851px){body{grid-template-columns:270px minmax(0,1fr)}}
@media(min-width:1201px){body{grid-template-columns:270px minmax(0,1fr)}body.presence-active{grid-template-columns:270px minmax(0,1fr) 285px}body.presence-active.presence-collapsed{grid-template-columns:270px minmax(0,1fr) 68px}}

/* Booking action dropdown */
.booking-action-menu{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:44px}
.booking-action-trigger{width:42px;height:38px;border:0;border-radius:12px;background:#eef3ff;color:#2f63f5;font-size:22px;font-weight:900;line-height:1;cursor:pointer}
.booking-action-trigger:hover,.booking-action-menu:focus-within .booking-action-trigger{background:#dfe8ff}
.booking-action-dropdown{display:none;position:absolute;top:44px;right:0;min-width:150px;padding:8px;border:1px solid #dbe5f5;border-radius:14px;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.16);z-index:100;gap:6px}
.booking-action-menu:focus-within .booking-action-dropdown{display:grid}
.booking-action-dropdown button{width:100%;justify-content:flex-start;text-align:left;white-space:nowrap}
.booking-action-dropdown .danger{background:#fff1f3;color:#dc3f55}
.booking-action-dropdown .danger:hover{background:#ffe2e7}