@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}}