@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;background:#242b31;font-family:Manrope,Arial,sans-serif;color:#192128}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #6c879a;outline-offset:3px}.app-shell{margin:9px;min-height:calc(100svh - 18px);background:#f3f5f7;border:4px solid #d7dce0;border-radius:20px;position:relative;padding:72px 32px 32px;isolation:isolate}.edge-menu{position:fixed;z-index:30;top:9px;left:50%;transform:translateX(-50%);width:360px;max-width:calc(100vw - 60px);background:#e6e9edee;backdrop-filter:blur(28px);border:1px solid #fff9;border-top:0;border-radius:0 0 19px 19px;box-shadow:0 12px 26px #27384213;transition:top .3s,bottom .3s}.edge-menu:before,.edge-menu:after{content:'';position:absolute;top:0;width:16px;height:16px;background:radial-gradient(circle at 0 100%,transparent 15px,#dce1e6 16px)}.edge-menu:before{left:-16px;transform:scaleX(-1)}.edge-menu:after{right:-16px}.notch-bar{display:flex;align-items:center;gap:12px;padding:10px 16px;min-height:48px}.notch-bar>a{display:flex;align-items:center}.notch-bar img{width:105px;height:auto}.divider{width:1px;height:18px;background:#bfc8cf}.notch-bar button{border:0;background:none;color:#2e3b44;display:flex;align-items:center;gap:10px;padding:5px;font-size:13px}.page-trigger{flex:1}.chevron{margin-left:auto;color:#6c7c88}.settings-trigger{font-size:19px!important}.nav-panel,.settings-panel{padding:6px 12px 12px;transform-origin:top;animation:menu-in .22s ease-out}.nav-panel>p,.settings-panel>p:first-child{font-size:10px;letter-spacing:1.3px;color:#75848f;padding:5px 12px}.nav-panel>button{display:flex;align-items:center;width:100%;gap:14px;border:0;padding:14px 13px;border-radius:9px;background:none;text-align:left;font-size:14px;color:#4e606c}.nav-panel>button:hover{background:#fff8}.nav-panel>button[aria-current=page]{background:#cbd3da85;color:#18242d}.nav-panel>button>b{margin-left:auto;font-weight:500}.nav-panel-foot{display:flex;gap:12px;border-top:1px solid #cbd4db;margin-top:12px;padding:18px 12px 3px;font-size:12px;align-items:center}.avatar{width:32px;height:32px;border-radius:50%;background:#dce4ea;display:grid;place-items:center;font-size:11px;font-weight:600}.nav-panel-foot small{display:block;font-size:10px;color:#74838e;margin-top:4px}.settings-panel .segmented{display:flex}.settings-panel .segmented button{flex:1}.settings-help{font-size:12px;color:#6f818d;padding:0 8px;line-height:1.6}.bottom .edge-menu{top:auto;bottom:9px;border-radius:19px 19px 0 0;border-bottom:0;border-top:1px solid #fff9;display:flex;flex-direction:column-reverse;box-shadow:0 -12px 26px #27384213}.bottom .edge-menu:before,.bottom .edge-menu:after{top:auto;bottom:0;transform:scaleY(-1)}.bottom .edge-menu:before{transform:scale(-1)}.bottom .nav-panel,.bottom .settings-panel{transform-origin:bottom}.bottom .app-shell{padding-bottom:90px}.workspace-header{display:flex;align-items:center;gap:20px;margin-bottom:32px}.dealership{font-weight:700;font-size:16px;border:1px solid #dce2e6;background:#fff;padding:12px 18px;border-radius:12px}.dealership span{margin-left:18px;color:#768692}.preview-label{margin-left:auto;color:#8996a0;font-size:10px;letter-spacing:1px}.workspace-header>button{border:1px solid #d9e0e5;background:white;border-radius:50%;width:30px;height:30px;color:#637682}.workspace-title .eyebrow{font-size:11px;letter-spacing:1.4px;color:#7d8c97;margin-bottom:10px}h1{font-size:32px;letter-spacing:-1.2px;line-height:1.2;margin:0 0 9px}.workspace-title>p{font-size:14px;color:#798a96;margin:0}.toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:28px 0 20px}.segmented{display:inline-flex;background:#e9edf1;padding:4px;border-radius:10px;gap:4px}.segmented button{background:transparent;border:0;border-radius:7px;padding:10px 15px;font-size:13px;color:#6c7e8c}.segmented button[aria-pressed=true]{background:#252f37;color:#fff;box-shadow:0 3px 8px #12212d12}.search{margin-left:auto;background:#fff;border:1px solid #dce3e8;border-radius:24px;padding:12px 20px;min-width:260px;font-size:13px}.board-layout{display:grid;grid-template-columns:215px minmax(0,1fr);gap:20px}.sidebar-card{background:#fff;border:1px solid #e1e7eb;border-radius:15px;padding:18px;margin-bottom:16px}.sidebar-card>p{font-size:10px;color:#8796a2;letter-spacing:1px;margin:0 0 14px}.filter{display:flex;justify-content:space-between;width:100%;background:none;border:0;padding:12px 10px;border-radius:9px;color:#596d7c;font-size:13px}.filter[aria-pressed=true]{background:#e7edf2;color:#1a2a35}.filter span{font-size:11px;color:#697c89}.advisor{display:flex;gap:9px;align-items:center;font-size:12px;margin:16px 0}.advisor b{margin-left:auto;font-size:10px;color:#8897a2;font-weight:500}.board{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:16px;overflow:auto;align-items:start;padding-bottom:10px}.lane{background:#edf1f5;border:1px solid #dfe6eb;border-radius:15px;padding:14px}.lane-title{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:700;margin:0 0 18px}.dot{width:7px;height:7px;border-radius:50%;background:#718b9b}.lane-title small{margin-left:auto;background:#fff;padding:3px 9px;border-radius:15px;color:#7e8b94;font-weight:500}.ro{background:white;border:1px solid #dde5eb;border-radius:12px;padding:18px;margin-bottom:12px;box-shadow:0 2px 3px #243a4b03}.ro-number{font-size:10px;color:#718797}.ro h3{font-size:17px;letter-spacing:-.4px;margin:13px 0 8px}.ro .vehicle{font-size:13px;color:#566e7f}.ro .concern{font-size:12px;line-height:1.7;color:#82929e;min-height:41px}.badge{display:inline-block;padding:5px 8px;background:#f4e9e7;color:#9a665d;font-size:10px;border-radius:7px}.ro-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #edf1f4;padding-top:13px;margin-top:15px;font-size:11px;color:#6f8391}.ro-footer strong{color:#2b3e4b}.board.list-view{display:block}.list-view .lane{margin-bottom:18px}.list-view .ro{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;align-items:center}.empty{font-size:13px;color:#7f909d;padding:20px}.schedule-layout{display:grid;grid-template-columns:280px 1fr;gap:22px}.metric-row{display:flex;gap:9px;margin-bottom:16px}.metric-row>div{flex:1;background:white;border:1px solid #e2e8ec;border-radius:12px;padding:16px}.metric-row strong{font-size:24px;display:block}.metric-row small{font-size:10px;color:#80909c}.sidebar-card h3{font-size:16px;margin:0 0 14px}.sidebar-card p.body{font-size:12px;color:#8193a0;line-height:1.7}.task-form{display:flex;gap:8px}.task-form input{width:100%;min-width:0;border:1px solid #dce4ea;border-radius:7px;padding:10px;font-size:12px}.task-form button,.solid{border:0;background:#263640;color:white;border-radius:7px;padding:10px 15px;font-size:12px}.task-list{list-style:none;padding:0;font-size:12px}.task-list li{margin:10px 0;line-height:1.6}.calendar{display:grid;grid-template-columns:45px repeat(7,minmax(75px,1fr));background:white;border:1px solid #e0e7ec;border-radius:15px;overflow:auto}.day{padding:15px 5px;text-align:center;font-size:10px;color:#8395a1;border-bottom:1px solid #e6edf2}.day strong{display:block;font-size:20px;color:#213440;margin-top:8px}.hour{font-size:10px;color:#8c9ca8;padding:18px 6px;border-bottom:1px solid #edf1f5}.cell{height:63px;border-left:1px solid #edf1f5;border-bottom:1px solid #edf1f5;padding:3px}.appointment{border-left:3px solid #273f50;background:#e7eef3;border-radius:5px;font-size:9px;line-height:1.6;padding:7px}.academy-layout{display:grid;grid-template-columns:1fr 270px;gap:22px}.lesson{border-radius:17px;padding:32px;background:linear-gradient(125deg,#19232b,#394951);color:white;margin-bottom:25px}.lesson>small{font-size:10px;letter-spacing:1px;color:#b0bfc9}.lesson h2{font-size:28px;letter-spacing:-1px;font-weight:600;margin:24px 0 10px}.lesson p{font-size:13px;color:#b6c5cf}.progress{height:7px;background:#ffffff25;border-radius:10px;margin:28px 0}.progress i{display:block;width:40%;height:100%;background:#e4edf2;border-radius:10px}.lesson-bottom{display:flex;justify-content:space-between;align-items:center}.lesson-bottom small{font-size:11px;color:#a6bac7}.lesson-bottom button{border:0;background:white;padding:13px 18px;border-radius:8px;font-size:12px}.course{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e0e7ec;padding:20px;border-radius:12px;margin-top:13px;font-size:14px}.course small{display:block;font-size:11px;color:#8c9daa;margin-top:7px}.course>span{font-size:11px;color:#637f92}.streak{text-align:center}.streak strong{font-size:48px}.streak p{font-size:11px;color:#8799a6}.streak .days{font-size:22px;letter-spacing:5px;color:#708b9e}.preview-help{position:fixed;z-index:40;right:35px;top:90px;max-width:370px;padding:28px;background:#ffffffed;backdrop-filter:blur(25px);border:1px solid #d9e2e9;box-shadow:0 20px 90px #192b3b25;border-radius:20px}.preview-help h2{font-size:22px;font-weight:500}.preview-help p{font-size:13px;line-height:1.8;color:#6a8191}.preview-help button{border:0;background:#253947;color:white;padding:12px;border-radius:7px}#workspace{animation:workspace-in .3s ease-out}@keyframes menu-in{from{opacity:0;transform:scaleY(.92) translateY(-6px)}to{opacity:1;transform:none}}@keyframes workspace-in{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:900px){.app-shell{padding:70px 18px 25px}.preview-label{display:none}.workspace-header>button{margin-left:auto}.board-layout{grid-template-columns:165px minmax(0,1fr)}.search{margin-left:0}.schedule-layout,.academy-layout{grid-template-columns:1fr}.schedule-side{display:grid;grid-template-columns:1fr 1fr;gap:15px}.schedule-side .metric-row{grid-column:1/-1}.academy-layout>aside{display:grid;grid-template-columns:1fr 1fr;gap:15px}}@media(max-width:560px){.app-shell{margin:5px;border-width:3px;padding:65px 12px 22px}.edge-menu{top:5px;width:325px}.bottom .edge-menu{bottom:5px}.dealership{font-size:12px;padding:11px}.board-layout{display:block}.board-layout>aside{display:none}.calendar{min-width:600px}.schedule-layout{overflow:auto}.schedule-side{display:block}.academy-layout>aside{display:block}.toolbar{gap:10px}.search{width:100%;min-width:0}.preview-help{left:20px;right:20px;max-width:none}.notch-bar img{width:95px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* A single continuous frame and navigation notch, as in the reference. */
:root{--app-frame:#dce1e6;--frame-inset:9px;--frame-width:4px;--notch-join:18px}
.app-shell{border-color:var(--app-frame);height:calc(100svh - 18px);min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#b4bec6 transparent;scroll-padding-top:80px}
.app-shell:after{content:'';position:fixed;inset:var(--frame-inset);border:var(--frame-width) solid var(--app-frame);border-radius:20px;pointer-events:none;z-index:25}
.edge-menu{top:var(--frame-inset);background:var(--app-frame);border:0;border-radius:0 0 18px 18px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:none;padding-top:var(--frame-width)}
.edge-menu:before,.edge-menu:after{top:var(--frame-width);width:var(--notch-join);height:var(--notch-join);background:radial-gradient(circle at 0 100%,transparent 17.5px,var(--app-frame) 18px);pointer-events:none}
.edge-menu:before{left:calc(-1 * var(--notch-join));transform:none}
.edge-menu:after{right:calc(-1 * var(--notch-join));transform:scaleX(-1)}
.notch-bar{padding:8px 16px;min-height:44px}
.nav-panel,.settings-panel{background:var(--app-frame);border-radius:0 0 18px 18px;animation:frame-unfold .2s ease-out}
.nav-panel>button[aria-current=page]{background:#c5cdd5}.nav-panel>button:hover{background:#eef1f4}.nav-panel-foot{border-color:#c0cad2}
.bottom .edge-menu{top:auto;bottom:var(--frame-inset);border:0;border-radius:18px 18px 0 0;background:var(--app-frame);box-shadow:none;padding-top:0;padding-bottom:var(--frame-width)}
.bottom .edge-menu:before,.bottom .edge-menu:after{top:auto;bottom:var(--frame-width)}
.bottom .edge-menu:before{transform:scaleY(-1)}
.bottom .edge-menu:after{transform:scale(-1)}
.bottom .nav-panel,.bottom .settings-panel{border-radius:18px 18px 0 0;animation-name:frame-unfold-bottom}
@keyframes frame-unfold{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
@keyframes frame-unfold-bottom{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:560px){:root{--frame-inset:5px;--frame-width:3px}.app-shell{height:calc(100svh - 10px)}.edge-menu{top:var(--frame-inset)}.bottom .edge-menu{bottom:var(--frame-inset)}}
@media(prefers-reduced-motion:reduce){.nav-panel,.settings-panel{animation:none!important}}
/* Profile lives in the same frame, tucked into the upper-right corner. */
/* Profile grows as one continuous surface from the surrounding frame. */
.profile-notch{--profile-ease:cubic-bezier(.22,1,.36,1);position:fixed;top:var(--frame-inset);right:var(--frame-inset);z-index:31;background:var(--app-frame);color:#344956;border-radius:0 20px 0 22px;width:68px;height:62px;transition:width .62s var(--profile-ease),height .62s var(--profile-ease)}
.profile-notch:before,.profile-notch:after{content:'';position:absolute;width:18px;height:18px;pointer-events:none;background:radial-gradient(circle at 0 100%,transparent 17.5px,var(--app-frame) 18px)}
.profile-notch:before{top:var(--frame-width);left:-18px}.profile-notch:after{right:var(--frame-width);bottom:-18px}
.profile-notch.is-expanded{width:282px;height:208px}
.profile-trigger{position:relative;border:0;background:transparent;color:inherit;width:100%;height:62px;border-radius:0 20px 0 22px;text-align:left;padding:0;display:block}
.profile-avatar{position:absolute;left:16px;top:15px;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:linear-gradient(145deg,#3d505d,#1f2e38);color:#f6f9fb;border:1px solid #788b9860;font-size:12px;font-weight:600;letter-spacing:.2px;transition:background .2s,transform .62s var(--profile-ease)}
.profile-trigger:hover .profile-avatar{background:#4c6576}.profile-trigger:focus-visible{outline:2px solid #8195a4;outline-offset:-5px}
.profile-identity{position:absolute;left:66px;top:16px;white-space:nowrap;opacity:0;transform:translateX(16px);transition:opacity .16s ease,transform .35s var(--profile-ease);pointer-events:none}
.profile-identity strong{display:block;font-size:14px;font-weight:600}.profile-identity>span{display:block;font-size:11px;color:#617685;margin-top:5px}
.profile-notch.is-expanded .profile-identity{opacity:1;transform:translateX(0);transition-delay:.15s}
.profile-panel{position:absolute;left:24px;right:24px;top:76px;background:transparent;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .16s,transform .25s var(--profile-ease),visibility 0s .2s;white-space:nowrap}
.profile-notch.is-expanded .profile-panel{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .3s .2s,transform .4s .16s,visibility 0s}
.profile-panel>span{display:block;font-size:12px;color:#617685}.profile-panel>p{font-size:11px;color:#7a8d9a;margin:12px 0 18px}.profile-panel>a{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #becad2;padding-top:15px;font-size:13px}
.dark .profile-identity>span,.dark .profile-panel>span,.dark .profile-panel>p{color:#a0b4c3}
@media(prefers-reduced-motion:reduce){.profile-notch,.profile-avatar,.profile-identity,.profile-panel,.profile-notch.is-expanded .profile-panel{transition:none!important}}
@media(max-width:560px){.profile-notch{width:53px;height:55px}.profile-avatar{width:31px;height:31px;font-size:11px}.profile-trigger{padding:5px 4px 8px 7px}.edge-menu{left:calc(50% - 22px);width:270px;max-width:calc(100vw - 92px)}.notch-bar{gap:8px;padding-left:12px;padding-right:10px}.notch-bar img{width:83px}.notch-bar button{font-size:12px;gap:7px}.bottom .edge-menu{left:50%;width:325px;max-width:calc(100vw - 60px)}}
/* Direct navigation and quick-action docks, each part of the frame. */
.frame-dock{position:fixed;z-index:30;background:var(--app-frame);display:flex;align-items:center;gap:8px;padding:7px;color:#344956;max-width:calc(100vw - 104px)}
.frame-dock:before,.frame-dock:after{content:'';position:absolute;width:18px;height:18px;pointer-events:none}
.dock-button{position:relative;border:0;background:transparent;display:flex;align-items:center;justify-content:center;gap:12px;min-width:36px;height:38px;padding:8px;border-radius:9px;color:inherit;flex-shrink:0}.dock-button svg{width:20px;height:20px;flex-shrink:0}.dock-button:hover{background:#ffffff80}.dock-button[aria-current=page]{background:#263b49;color:white}.dock-brand{display:flex;align-items:center;justify-content:center;padding:6px;margin-right:3px}.dock-brand img{width:26px;height:22px;object-fit:contain}.dock-label{display:none;font-size:13px;white-space:nowrap}.dock-top{top:var(--frame-inset);left:50%;transform:translateX(-50%);border-radius:0 0 16px 16px;padding-top:calc(7px + var(--frame-width))}.dock-bottom{bottom:var(--frame-inset);left:50%;transform:translateX(-50%);border-radius:16px 16px 0 0;padding-bottom:calc(7px + var(--frame-width))}.dock-top:before,.dock-bottom:before{left:-18px}.dock-top:after,.dock-bottom:after{right:-18px}.dock-top:before,.dock-top:after{top:var(--frame-width);background:radial-gradient(circle at 0 100%,transparent 17.5px,var(--app-frame) 18px)}.dock-top:after{transform:scaleX(-1)}.dock-bottom:before,.dock-bottom:after{bottom:var(--frame-width);background:radial-gradient(circle at 0 0,transparent 17.5px,var(--app-frame) 18px)}.dock-bottom:after{transform:scaleX(-1)}
.dock-left,.dock-right{top:50%;transform:translateY(-50%);flex-direction:column;max-height:calc(100svh - 150px);max-width:235px}.dock-left{left:var(--frame-inset);border-radius:0 16px 16px 0;padding-left:calc(7px + var(--frame-width))}.dock-right{right:var(--frame-inset);border-radius:16px 0 0 16px;padding-right:calc(7px + var(--frame-width))}.dock-left:before,.dock-right:before{top:-18px}.dock-left:after,.dock-right:after{bottom:-18px}.dock-left:before,.dock-left:after{left:var(--frame-width)}.dock-right:before,.dock-right:after{right:var(--frame-width)}.dock-left:before{background:radial-gradient(circle at 100% 0,transparent 17.5px,var(--app-frame) 18px)}.dock-left:after{background:radial-gradient(circle at 100% 100%,transparent 17.5px,var(--app-frame) 18px)}.dock-right:before{background:radial-gradient(circle at 0 0,transparent 17.5px,var(--app-frame) 18px)}.dock-right:after{background:radial-gradient(circle at 0 100%,transparent 17.5px,var(--app-frame) 18px)}
.dock-left.expanded,.dock-right.expanded{align-items:stretch;min-width:200px}.dock-left.expanded .dock-button,.dock-right.expanded .dock-button{justify-content:flex-start}.dock-left.expanded .dock-label,.dock-right.expanded .dock-label{display:block}.dock-left .dock-brand,.dock-right .dock-brand{margin:3px 0 9px}.expanded [data-dock-action] svg{transform:rotate(180deg)}.dock-top [data-dock-action],.dock-bottom [data-dock-action]{display:none}
body[data-main-dock=left] .app-shell,body[data-utility-dock=left] .app-shell{padding-left:88px}body[data-main-dock=right] .app-shell,body[data-utility-dock=right] .app-shell{padding-right:88px}.app-shell{padding-bottom:80px}.utility-dialog{width:450px;max-width:calc(100vw - 40px);max-height:calc(100svh - 80px);overflow:auto;border:1px solid #e3eaf0;border-radius:20px;background:#f3f6f8;color:#263d4d;padding:25px;box-shadow:0 30px 100px #15263430}.utility-dialog::backdrop{background:#12273638;backdrop-filter:blur(4px)}.utility-heading{display:flex;align-items:center;gap:20px;justify-content:space-between}.utility-heading h2{font-size:20px;font-weight:600;margin:0}.utility-heading>button{background:transparent;border:0;font-size:26px;color:inherit;padding:3px 8px}.panel-caption{font-size:12px;line-height:1.8;color:#7a8e9d}.panel-field{display:block;font-size:13px;margin:20px 0}.panel-field input,.panel-field select,.panel-field textarea{display:block;width:100%;margin-top:9px;border:1px solid #cfdae2;border-radius:9px;background:#fff;color:#2c4353;padding:12px;font:inherit}.panel-field textarea{resize:vertical}.sample-message{font-size:13px;line-height:1.8;background:#e5edf2;border:1px solid #d8e3eb;padding:17px;border-radius:13px;margin:17px 0}.sample-message p{margin:8px 0 0;color:#728895}.sample-message.own{background:#fff}.is-read{opacity:.55}.create-actions{display:grid;gap:8px;margin:20px 0}.create-actions button,.workspace-link{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;border:0;background:#e8eff4;border-radius:9px;padding:16px;font-size:13px;color:#344f61;margin:7px 0}.create-actions button span,.workspace-link span{color:#839aa9;font-size:12px}.ai-checklist{font-size:14px;line-height:2}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.dashboard-stats article{background:#fff;padding:26px;border:1px solid #dfe7ed;border-radius:14px}.dashboard-stats span{font-size:12px;color:#7c91a0}.dashboard-stats strong{display:block;font-size:36px;letter-spacing:-1px;margin-top:15px}.dashboard-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px}.workspace-detail{border-bottom:1px solid #dde6ed;font-size:13px;padding:17px 0;line-height:1.8}.workspace-detail summary{cursor:pointer}.workspace-detail p{color:#8295a3}.employee-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}.employee-list h3{margin-top:20px}.dark{--app-frame:#29353e;background:#10171d;color:#dbe5ec}.dark .app-shell{background:#172129;color:#dbe5ec}.dark .dealership,.dark .sidebar-card,.dark .ro,.dark .calendar,.dark .course,.dark .dashboard-stats article,.dark .search,.dark .metric-row>div{background:#222f39;color:#dbe5ec;border-color:#344652}.dark .lane,.dark .segmented{background:#1b2832;border-color:#344652}.dark .frame-dock,.dark .profile-notch,.dark .profile-panel{color:#d3e1eb}.dark .dock-brand img{filter:invert(1)}.dark .dock-button:hover{background:#ffffff14}.dark .dock-button[aria-current=page]{background:#d4e2ec;color:#1e323f}.dark .utility-dialog{background:#22323e;color:#dbe7ef;border-color:#405563}.dark .panel-field input,.dark .panel-field select,.dark .panel-field textarea,.dark .sample-message,.dark .workspace-link,.dark .create-actions button,.dark .sample-message.own{background:#2c414f;color:#d9e7ef;border-color:#456070}.dark .ro-footer strong,.dark .day strong,.dark .vehicle{color:#cfdee8}.dark .cell,.dark .hour,.dark .day{border-color:#344652}.dark .filter{color:#acbfcd}.dark .filter[aria-pressed=true]{background:#344b5a;color:#e0eaf1}.dark .badge{background:#533d39;color:#efc2b8}.dark .panel-caption,.dark .workspace-title>p,.dark .sidebar-card p.body{color:#a0b4c3}.dark .profile-panel>a{border-color:#526573}
@media(max-width:600px){.frame-dock{gap:3px;padding:5px;max-width:calc(100vw - 100px)}.dock-button{min-width:29px;width:29px;height:34px;padding:5px}.dock-button svg{width:18px;height:18px}.dock-brand{padding:4px;margin:0}.dock-brand img{width:22px}.dock-top{left:calc(50% - 25px)}.dock-left,.dock-right{max-width:200px;max-height:calc(100svh - 120px)}.dock-left.expanded .dock-button,.dock-right.expanded .dock-button{width:auto}.dashboard-stats{gap:8px}.dashboard-stats article{padding:16px 10px}.dashboard-stats strong{font-size:28px}.dashboard-columns{grid-template-columns:1fr;gap:10px}body[data-main-dock=left] .app-shell,body[data-utility-dock=left] .app-shell{padding-left:56px}body[data-main-dock=right] .app-shell,body[data-utility-dock=right] .app-shell{padding-right:56px}}

@media(max-width:560px){.profile-trigger{height:55px;padding:0}.profile-avatar{left:11px;top:13px}.profile-notch.is-expanded{width:min(282px,calc(100vw - 32px));height:202px}.profile-identity{left:57px;top:13px}.profile-panel{top:70px}}

/* Magnifying icon wave, directed into the workspace from every edge. */
.profile-notch.is-expanded{height:244px}.profile-dealership{display:block;font-size:10px;letter-spacing:.6px;color:#617685}.profile-dealership select{display:block;width:100%;margin-top:8px;padding:12px 10px;border:1px solid #bfcbd4;border-radius:10px;background:#ffffffa0;color:#263b49;font:600 12px Manrope,Arial,sans-serif;letter-spacing:0}.profile-dealership select:focus-visible{outline:2px solid #6c879a;outline-offset:2px}.dark .profile-dealership{color:#a0b4c3}.dark .profile-dealership select{background:#22323e;color:#dbe7ef;border-color:#526573}
.dock-button{--dock-scale:1;--dock-lift:0px;--dock-push:0px;transition:transform .42s cubic-bezier(.22,1,.36,1),background .28s;transform:translateX(var(--dock-push)) translateY(var(--dock-lift)) scale(var(--dock-scale));transform-origin:center top}.dock-bottom .dock-button{transform:translateX(var(--dock-push)) translateY(calc(-1 * var(--dock-lift))) scale(var(--dock-scale));transform-origin:center bottom}.dock-left .dock-button{transform:translateX(var(--dock-lift)) translateY(var(--dock-push)) scale(var(--dock-scale));transform-origin:left center}.dock-right .dock-button{transform:translateX(calc(-1 * var(--dock-lift))) translateY(var(--dock-push)) scale(var(--dock-scale));transform-origin:right center}.dock-button:hover,.dock-button:focus-visible{z-index:2}.dock-tooltip{position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%,-4px);background:#25333f;color:#f7fafc;font-size:10px;font-weight:500;padding:6px 9px;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s,transform .2s,visibility .16s}.dock-button:hover .dock-tooltip,.dock-button:focus-visible .dock-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0)}.dock-bottom .dock-tooltip{top:auto;bottom:calc(100% + 9px)}.dock-left .dock-tooltip{top:50%;left:calc(100% + 12px);transform:translate(0,-50%)}.dock-right .dock-tooltip{top:50%;left:auto;right:calc(100% + 12px);transform:translate(0,-50%)}.dock-left .dock-button:hover .dock-tooltip,.dock-right .dock-button:hover .dock-tooltip,.dock-left .dock-button:focus-visible .dock-tooltip,.dock-right .dock-button:focus-visible .dock-tooltip{transform:translate(0,-50%)}.frame-dock.expanded .dock-button{transform:none}.frame-dock.expanded .dock-tooltip{display:none}.dark .dock-tooltip{background:#dbe5ec;color:#172129}
@media(prefers-reduced-motion:reduce){.dock-button,.dock-tooltip{transition:none!important}.dock-button{transform:none!important}}
@media(hover:none){.dock-tooltip{display:none}}

@media(max-width:380px){.frame-dock{gap:1px}.dock-button{min-width:26px;width:26px}}

.dock-grip{display:grid;place-items:center;flex-shrink:0;width:16px;height:34px;padding:0;border:0;border-radius:6px;background:transparent;color:#84949f;cursor:grab;touch-action:none;user-select:none}.dock-grip svg{width:10px;height:19px}.dock-grip:hover,.dock-grip:focus-visible{background:#ffffff60;color:#344956}.dock-left .dock-grip,.dock-right .dock-grip{width:34px;height:16px}.dock-left .dock-grip svg,.dock-right .dock-grip svg{transform:rotate(90deg)}.moving-dock,.moving-dock *{cursor:grabbing!important;user-select:none!important}.moving-dock .dock-button{transform:none!important}.moving-dock .dock-tooltip{display:none}.dock-live{position:fixed;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.dark .dock-grip:hover{background:#ffffff15;color:#dbe5ec}@media(max-width:600px){.dock-grip{width:12px;height:30px}}

.app-shell{transition:padding .3s cubic-bezier(.22,1,.36,1)}.workspace-header,main#workspace{min-width:0}.dashboard-columns>*,.dashboard-stats>*{min-width:0}@media(prefers-reduced-motion:reduce){.app-shell{transition:none}}

.global-search{position:fixed;top:calc(var(--frame-inset) + 13px);right:calc(var(--frame-inset) + 86px);z-index:29;display:flex;align-items:center;gap:10px;width:250px;height:37px;padding:0 10px;border:1px solid #cbd4dc;border-radius:9px;background:#ffffff70;color:#78909f;transition:border-color .25s,box-shadow .25s,background .25s}.global-search:focus-within{border-color:#8b9ba8;box-shadow:0 0 0 3px #8298a114;background:#fff}.global-search svg{width:17px;height:17px;flex-shrink:0}.global-search input{min-width:0;width:100%;border:0;outline:none;background:transparent;color:#263b49;font-size:12px}.global-search input:focus-visible{outline:none}.global-search input::placeholder{color:#899aa5}.global-search button{display:grid;place-items:center;flex-shrink:0;width:26px;height:28px;padding:0;border:0;border-radius:5px;background:transparent;color:inherit}.global-search button:hover{background:#8a9ba515}.global-search .search-clear{display:none}.global-search.has-query .search-mic{display:none}.global-search.has-query .search-clear{display:block}.global-search.is-listening{border-color:#8a5555}.dark .global-search{background:#25333f;border-color:#465864;color:#a9bbc8}.dark .global-search input{color:#eef3f7}.dark .global-search:focus-within{border-color:#a0b2bf;background:#2b3c49}@media(max-width:900px){.global-search{position:relative;top:auto;right:auto;width:min(280px,100%);flex-shrink:0}.workspace-header{flex-wrap:wrap}.workspace-header .preview-label{display:none}}
.page-command{position:fixed;z-index:29;top:calc(var(--frame-inset) + 10px);right:calc(var(--frame-inset) + 86px);width:405px;height:43px;border:1px solid #ccd6de;border-radius:24px;background:#e8edf1e8;backdrop-filter:blur(20px);display:flex;align-items:center;padding:4px;transition:width .45s cubic-bezier(.22,1,.36,1),background .3s}.page-command nav{display:flex;align-items:center;gap:2px;flex:1;min-width:0;transition:opacity .2s,transform .35s}.page-command nav button{display:flex;align-items:center;gap:0;flex-shrink:0;background:transparent;border:0;border-radius:20px;height:33px;padding:0 9px;color:#647985;transition:background .3s,color .3s}.page-command svg{width:17px;height:17px;flex-shrink:0}.page-command nav button span{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;font-size:11px;transition:max-width .4s cubic-bezier(.22,1,.36,1),opacity .3s,margin .3s}.page-command nav button[aria-current=page]{background:#cfd9e0;color:#223746}.page-command nav button[aria-current=page] span{max-width:110px;opacity:1;margin-left:7px}.page-command nav button:hover{background:#ffffff80}.command-search-toggle{margin-left:auto;display:grid;place-items:center;width:33px;height:33px;border:0;border-radius:50%;background:#d4dee5;color:#385262;flex-shrink:0}.page-command .global-search{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:24px;opacity:0;visibility:hidden;transform:scaleX(.7);transform-origin:right;transition:opacity .25s,transform .45s cubic-bezier(.22,1,.36,1),visibility .25s;background:transparent;gap:8px}.page-command.search-open{width:445px;background:#f8fafb}.search-open nav,.search-open>.command-search-toggle{opacity:0;visibility:hidden;pointer-events:none}.page-command.search-open .global-search{opacity:1;visibility:visible;transform:scaleX(1)}.global-search #add-filter{font-size:22px}.search-spinner{display:none;width:15px;height:15px;flex-shrink:0;border:1.6px solid #8c9ba540;border-top-color:#536d7e;border-radius:50%;animation:search-spin .75s linear infinite}.is-loading .search-spinner{display:block}.is-loading .search-symbol{display:none}@keyframes search-spin{to{transform:rotate(360deg)}}#filter-picker{position:absolute;top:calc(100% + 10px);right:0;width:250px;padding:8px;border:1px solid #d1dbe3;border-radius:14px;background:#f9fbfdf5;box-shadow:0 14px 35px #213c501c;backdrop-filter:blur(20px)}#filter-find{width:100%;padding:10px;border:0;border-bottom:1px solid #dce3e9;background:transparent;color:inherit;font-size:12px}#filter-options{display:grid;gap:3px;padding-top:6px;max-height:230px;overflow:auto}#filter-options button,#filter-back{border:0;background:transparent;color:inherit;padding:10px;text-align:left;border-radius:7px;font-size:12px}#filter-options button:hover,#filter-options button:focus-visible{background:#e4ebf0}#search-chips{position:absolute;top:calc(100% + 6px);right:0;display:flex;justify-content:flex-end;gap:5px;flex-wrap:wrap;max-width:100%}#search-chips button{background:#e2eaf0;border:1px solid #c8d4dd;border-radius:12px;color:#344f61;font-size:10px;padding:4px 8px}.page-command:not(.search-open) #search-chips{display:none}.dark .page-command{background:#26333eee;border-color:#41525e}.dark .page-command nav button{color:#a5b8c5}.dark .page-command nav button[aria-current=page],.dark .command-search-toggle{background:#405362;color:#edf4fa}.dark .page-command .global-search{background:transparent}.dark #filter-picker{background:#26333ef5;color:#dbe5ed;border-color:#425666}.dark #filter-options button:hover,.dark #search-chips button{background:#344b5b;color:#e7f0f7;border-color:#425666}@media(max-width:1100px){.page-command{position:relative;top:auto;right:auto;width:min(405px,100%)}.page-command.search-open{width:min(445px,100%)}.workspace-header{flex-wrap:wrap}.workspace-header .preview-label{display:none}}@media(max-width:500px){.page-command nav button{padding:0 5px}.page-command nav button[aria-current=page] span{max-width:68px;text-overflow:ellipsis}.page-command svg{width:15px;height:15px}.page-command nav button span{font-size:10px}}@media(prefers-reduced-motion:reduce){.page-command,.page-command *{transition:none!important}.search-spinner{animation:none;border-style:dotted}}

/* Department controls belong to the page, without a container surface. */
.page-command,.page-command.search-open,.dark .page-command,.dark .page-command.search-open{width:500px;background:transparent;border:0;box-shadow:none;backdrop-filter:none}.page-command nav{gap:3px}.page-command #department-select{max-width:120px;min-width:85px;border:0;background:transparent;color:inherit;font:600 12px Manrope,Arial,sans-serif;padding:8px 2px;cursor:pointer;margin-right:7px}.page-command #department-select option{color:#263b49;background:#f3f5f7}.page-command .command-search-toggle{background:transparent;color:#647985}.page-command nav button[aria-current=page]{background:#cfd9e055}.dark .page-command nav button[aria-current=page]{background:#ffffff0e}.page-command #time-clock{display:grid;place-items:center;flex-shrink:0;width:36px;height:34px;margin-left:4px;border:0;border-radius:50%;background:transparent;color:#647985;transition:color .25s,background .25s}.page-command #time-clock svg{width:23px;height:23px}.page-command #time-clock.clocked-in{color:#16834f;background:#26a46712}.dark .page-command #time-clock.clocked-in{color:#63d99c;background:#36bd781a}.page-command .global-search{width:calc(100% - 43px);right:43px}.search-open #time-clock{position:absolute;right:4px}.page-command .global-search:focus-within{box-shadow:none;background:transparent}.page-command #department-select:focus-visible{outline:2px solid #6c879a;outline-offset:2px}.dark .page-command{color:#c7d5df}@media(max-width:1200px){.page-command,.page-command.search-open{position:relative;top:auto;right:auto;width:min(500px,100%)}.workspace-header{flex-wrap:wrap}.workspace-header .preview-label{display:none}}@media(max-width:600px){.page-command #department-select{max-width:95px;min-width:70px;font-size:11px;margin-right:2px}.page-command nav button[aria-current=page] span{max-width:0;opacity:0;margin:0}.page-command nav button{padding:0 6px}.page-command nav{gap:0}}

/* Larger controls, close-set search and a custom department picker. */
.page-command,.dark .page-command{width:max-content;max-width:calc(100vw - 120px);gap:3px}.page-command.search-open,.dark .page-command.search-open{width:425px}.page-command nav{flex:0 1 auto;gap:4px}.page-command svg{width:21px;height:21px}.page-command nav button{height:36px;padding:0 8px}.page-command .command-search-toggle{margin-left:2px;width:34px;height:36px}.page-command #time-clock{margin-left:0}.page-command #department-select{display:flex;align-items:center;gap:7px;min-width:0;max-width:none;padding:8px 6px;margin-right:8px;border-radius:8px}.page-command #department-select b{font-weight:600;font-size:13px}.page-command #department-select svg{width:14px;height:14px;transition:transform .25s}.page-command #department-select[aria-expanded=true] svg{transform:rotate(180deg)}#department-options{position:absolute;left:0;top:calc(100% + 9px);width:200px;padding:7px;border:1px solid #d6dfe5;border-radius:13px;background:#f9fbfdf5;backdrop-filter:blur(18px);box-shadow:0 16px 36px #203a4d16;z-index:3;animation:department-reveal .18s ease-out}#department-options button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 12px;border:0;border-radius:8px;background:transparent;color:#455e6e;text-align:left;font:500 13px Manrope,Arial,sans-serif}#department-options button:hover,#department-options button:focus-visible{background:#e8eff4}#department-options button[aria-pressed=true]{background:#dce7ee;color:#213b4b}#department-options button[aria-pressed=true]:after{content:'✓';font-size:13px}.dark #department-options{background:#25343ff5;border-color:#415562}.dark #department-options button{color:#cbd9e3}.dark #department-options button:hover,.dark #department-options button:focus-visible,.dark #department-options button[aria-pressed=true]{background:#354b5b;color:#f0f5f9}@keyframes department-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.page-command,.page-command.search-open,.dark .page-command,.dark .page-command.search-open{max-width:100%}.page-command.search-open{width:425px}}@media(max-width:600px){.page-command nav{gap:0}.page-command nav button{padding:0 5px}.page-command svg{width:19px;height:19px}.page-command #department-select{margin-right:3px;gap:3px}.page-command #department-select b{font-size:11px}.page-command #time-clock{width:30px}.page-command .command-search-toggle{width:30px}}@media(prefers-reduced-motion:reduce){#department-options{animation:none}}
.page-command #time-clock svg{width:21px;height:21px}.page-command #time-clock.clocked-in,.dark .page-command #time-clock.clocked-in{color:#00b85a;background:transparent}@media(max-width:600px){.page-command #time-clock svg{width:19px;height:19px}}

.showcase-mode .preview-label,.showcase-mode #help-button{visibility:hidden}.showcase-mode{--frame-inset:0px;background:transparent}.showcase-mode .app-shell{margin:0;min-height:100svh}

/* Fixed desktop menus already reserve their space in the shell padding. */
.workspace-header{position:relative;margin-bottom:0;height:0}
.workspace-header .preview-label{display:none}
.workspace-header #help-button{position:absolute;right:0;top:0}
@media(max-width:1100px){.workspace-header{height:auto;margin-bottom:18px}.workspace-header #help-button{position:static;margin-left:auto}}

/* Dealership identity is part of the page, with a reserved top-left area. */
.dealer-identity{position:fixed;z-index:28;top:calc(var(--frame-inset) + 15px);left:calc(var(--frame-inset) + 27px);height:34px;display:flex;align-items:center;gap:15px;color:#26343e;white-space:nowrap;pointer-events:none}
.dealer-identity img{width:52px;height:32px;object-fit:contain}.dealer-identity>span{height:22px;width:1px;background:#9daeb850}.dealer-identity strong{font-weight:600;font-size:15px;letter-spacing:-.3px}.dark .dealer-identity{color:#e1eaf0}.dark .dealer-identity img{filter:brightness(0) invert(1)}
@media(max-width:600px){.dealer-identity{left:22px;gap:11px}.dealer-identity strong{font-size:13px}.dealer-identity img{width:43px}}

/* Keep edge-attached docks usable without shrinking their touch targets. */
@media(max-width:1150px){
 .workspace-header{height:auto;margin-bottom:18px;gap:12px}
 .page-command,.page-command.search-open,.dark .page-command,.dark .page-command.search-open{position:relative;inset:auto;width:100%;max-width:100%;height:auto;min-height:44px;flex-wrap:wrap}
 .page-command nav{flex:1 1 100%;flex-wrap:wrap;min-width:0}
 .page-command nav button,.page-command .command-search-toggle,.page-command #time-clock{min-width:40px;min-height:44px}
 .page-command #department-select{max-width:100%;min-height:44px}
 .page-command #department-select b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .page-command.search-open{height:48px;min-height:48px}
 .page-command.search-open nav{display:none}
 .page-command .global-search{height:48px;max-width:100%}
 .global-search input,.profile-dealership select{font-size:16px}
 #department-options,#filter-picker{max-width:100%;max-height:calc(100dvh - 200px);overflow-y:auto}
 .frame-dock.dock-top,.frame-dock.dock-bottom{max-width:calc(100vw - 44px);overflow-x:auto;overflow-y:hidden;overscroll-behavior:contain;scrollbar-width:thin}
 .frame-dock.dock-left,.frame-dock.dock-right{max-height:calc(100dvh - 120px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin}
 .frame-dock .dock-button{width:40px;min-width:40px;height:44px;flex-shrink:0}
 .dock-grip{min-width:24px;min-height:32px}
 .dock-left .dock-grip,.dock-right .dock-grip{min-height:24px;min-width:32px}
 .board-layout>*,.schedule-layout>*,.academy-layout>*{min-width:0}
 .calendar{min-width:0;overflow-x:auto}
 .board{overscroll-behavior-x:contain}
}
@media(max-width:600px){
 .dashboard-stats{grid-template-columns:1fr}
 .dashboard-stats article{display:flex;align-items:center;justify-content:space-between;gap:16px}
 .dashboard-stats strong{margin-top:0}
 .dashboard-stats span{font-size:14px}
 .frame-dock.dock-left.expanded,.frame-dock.dock-right.expanded{min-width:0;width:160px;max-width:calc(100vw - 70px)}
 .frame-dock.expanded .dock-button{width:100%;min-width:0}
 .dealer-identity{max-width:calc(100vw - 100px)}
 .dealer-identity strong{overflow:hidden;text-overflow:ellipsis}
 .toolbar button,.toolbar select{min-height:44px}
 #workspace input,#workspace textarea,#workspace select,.chat-compose textarea{font-size:16px}
}


/* site-proof S2 — the preview must say what it is, at every width and in every mode.
   Six rules above this one hid .preview-label between them: three media queries at 900,
   1100 and 1200, one unconditional rule, and the showcase suppression. The label was in
   the markup the whole time and visible nowhere. The homepage no longer embeds this page,
   so nothing needs it hidden any more. #help-button stops being absolute because the
   header is no longer collapsed to height:0 underneath it. */
.workspace-header{height:auto;margin-bottom:18px}
.workspace-header .preview-label{display:block;margin-left:auto}
/* 2.30.0 — visible is not the same as readable: #8996a0 on the light shell was 2.75:1. */
.workspace-header .preview-label{color:#55636e}
.dark .workspace-header .preview-label{color:#8996a0}
.workspace-header #help-button{position:static;margin-left:12px}
.showcase-mode .preview-label{visibility:visible}
@media(max-width:600px){.workspace-header{flex-wrap:wrap}.workspace-header .preview-label{margin-left:0;flex-basis:100%;order:3;font-size:10px;letter-spacing:.8px;line-height:1.6}}