/* Desktop restoration from Beta 1.4 presentation patterns. Mobile uses styles.css. */
.shell{padding-left:216px;background:linear-gradient(90deg,#07121be8 0%,#0a162c66 45%,#08132150 75%),linear-gradient(0deg,#050d17 0%,#08132020 45%,#07121b99 100%),url('assets/landscape.png') center/cover fixed}
.layout{display:block;max-width:1800px;min-height:calc(100vh - 78px)}
.desktop-brand{display:block;position:fixed;left:0;top:0;width:216px;height:215px;z-index:6;text-align:center;padding:20px 8px;border-right:1px solid #a3bbc52b;border-bottom:1px solid #b8905833;background:linear-gradient(160deg,#09141ff7,#020b12fa)}
.desktop-brand img{width:112px;height:105px;object-fit:contain;filter:drop-shadow(0 3px 9px #000a)}
.desktop-brand h2{font:22px Georgia,serif;text-transform:uppercase;color:#e7b875;letter-spacing:.15em;margin:9px 0 6px}
.desktop-brand p{font-size:8px;text-transform:uppercase;letter-spacing:.07em;color:#d7bc93;margin:0}
.nav{position:fixed;left:0;top:215px;bottom:0;width:216px;z-index:5;padding:12px 0 60px;gap:0;overflow-y:auto;border-right:1px solid #a3bbc52b;background:linear-gradient(160deg,#09141ff7,#020b12fa);box-shadow:10px 0 50px #0005}
.nav button{border:0;border-left:3px solid transparent;border-radius:0;padding:12px 20px;gap:16px;font-size:12px;min-height:45px;color:#cad0d5}
.nav button.active{border-left-color:#ffd08b;background:linear-gradient(90deg,#a57136aa,#88603955);border-radius:0 22px 22px 0;color:#fff0d8}
.nav button:hover{background:#dfb47618}.nav .glyph{display:none}.desktop-symbol{display:inline-flex}.desktop-symbol svg,.desktop-today svg{width:22px;height:22px;color:#c9c6be;flex-shrink:0}.nav button.desktop-today{display:flex}
.desktop-sidebar-footer{display:block;padding:16px 12px;margin-top:16px;font-size:10px;color:#b4b8bd;border-top:1px solid #d2b47b22}
.header{min-height:78px;padding:13px 26px;gap:12px;background:linear-gradient(90deg,#101e2dda,#08141def);border-bottom:1px solid #bba57833;box-shadow:0 3px 28px #0003;z-index:4}
.header>.logo,.header>.brand{display:none}.header-account{max-width:220px;background:#0b1928;border-color:#a3afbf55}.header-settings{background:linear-gradient(#213148,#132033)}
.desktop-header-search{display:flex;align-items:center;gap:10px;width:min(470px,42vw);max-width:48%;border:1px solid #9ba8b84d;border-radius:28px;padding:8px 12px;background:#030d16c9}
.desktop-header-search svg{width:21px;height:21px;flex-shrink:0;color:#edbc76}
.desktop-header-search input{min-width:0;width:100%;border:0;background:none;color:#ece7dd;padding:4px;font-size:13px;outline-offset:4px}
.desktop-header-search button{border:0;color:#c9d0d5;background:none;font-size:12px;padding:4px}
.main{max-width:1800px;padding:24px 26px 50px;margin:0 auto}
.btn{background:linear-gradient(#213148,#132033);border-color:#76634e99}.btn.primary{background:linear-gradient(#99703c,#664925)}
.card,.desktop-panel{background:linear-gradient(140deg,#06131def,#091725f0);border:1px solid #92b4ca55;border-radius:14px;box-shadow:0 10px 25px #0005}
.heading h1{font-size:36px}.sub,.desktop-muted{color:#b6c2ce;font-size:12px}.desktop-muted{line-height:1.7}
.desktop-demo-notice{font-size:11px;background:#332518a8;border-color:#a47b4766;color:#ebd2af;padding:9px 13px}
.desktop-home-heading{text-align:center}.desktop-home-heading h1{font:normal 32px Georgia,serif;margin:7px 0 17px;letter-spacing:.04em}
.desktop-home-heading .eyebrow{font-size:9px;letter-spacing:.26em}
.desktop-home .desktop-demo-notice{text-align:center;margin-bottom:0}
.desktop-compass-stage{display:flex;align-items:center;justify-content:center;min-height:510px;height:clamp(510px,calc(100vh - 325px),630px);padding:48px 100px}
.desktop-compass.crest-compass{width:min(36vw,440px);min-width:0;flex-shrink:0;margin:0}
.desktop-compass .crest-main{inset:0;width:100%;height:100%;filter:drop-shadow(0 18px 18px #0009)}
.desktop-compass .compass-link{display:flex;align-items:center;gap:12px;width:210px;max-width:none;min-width:0;min-height:62px;background:transparent;border:0;border-radius:0;box-shadow:none;color:#fff2de;padding:0;flex-direction:row}
.desktop-compass .desktop-spoke-icon{display:grid;place-items:center;border:2px solid #c29959;border-radius:50%;width:50px;height:50px;flex-shrink:0;background:radial-gradient(circle at 40% 20%,#253646,#06141ff0 75%);box-shadow:0 0 0 3px #07121a99,0 5px 12px #0009;color:#edbc76}
.desktop-spoke-icon svg{width:26px;height:26px}.desktop-spoke-copy strong{display:block;font:15px Georgia,serif;letter-spacing:.10em;text-transform:uppercase;white-space:nowrap;text-shadow:0 2px 4px #000}
.desktop-spoke-copy small{display:block;color:#f4d9ac;font-size:8px;letter-spacing:.025em;text-transform:uppercase;margin-top:6px;line-height:1.5;text-shadow:0 1px 5px #000}
.desktop-compass .pos-n{left:50%;top:-4%;flex-direction:column;text-align:center;gap:5px}.desktop-compass .pos-s{left:50%;top:104%;flex-direction:column;text-align:center;gap:5px}
.desktop-compass .pos-e{left:119%;top:50%}.desktop-compass .pos-ne{left:106%;top:17%}.desktop-compass .pos-se{left:106%;top:83%}
.desktop-compass .pos-w{left:-19%;top:50%;flex-direction:row-reverse;text-align:right}.desktop-compass .pos-nw{left:-6%;top:17%;flex-direction:row-reverse;text-align:right}.desktop-compass .pos-sw{left:-6%;top:83%;flex-direction:row-reverse;text-align:right}
.desktop-compass .compass-link:hover,.desktop-compass .compass-link:focus-visible{background:none;transform:translate(-50%,-50%);outline:0}
.desktop-compass .compass-link:hover .desktop-spoke-icon,.desktop-compass .compass-link:focus-visible .desktop-spoke-icon{border-color:#ffe0a1;box-shadow:0 0 22px #f9b64c88}
.desktop-compass .compass-link:focus-visible .desktop-spoke-copy{outline:2px solid #edbc76;outline-offset:5px}
.desktop-compass .tree-home{top:60%;width:26%;height:33%}
.desktop-dashboard-cards{display:grid;grid-template-columns:1.35fr 1fr 1.1fr;gap:16px;margin-top:16px}
.desktop-panel{padding:20px;min-width:0}
.desktop-card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.desktop-card-heading h2,.desktop-panel>h2{font:22px Georgia,serif;margin:0;color:#fbf0dd}
.desktop-dashboard-cards h2{font-size:17px}
.desktop-text-button{background:none;border:0;color:#e6c79d;font-size:12px;cursor:pointer;padding:4px;text-align:left}
.desktop-text-button:hover{color:#ffd28a;text-decoration:underline}
.desktop-photo-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.desktop-photo-slot{aspect-ratio:1;border:1px solid #c2a47455;border-radius:7px;background:linear-gradient(150deg,#395348,#142235);display:grid;place-items:center;color:#baa379}
.desktop-photo-slot svg{width:28px;height:28px}.desktop-photo-slot.lake{background:linear-gradient(150deg,#3c5670,#182839)}.desktop-photo-slot.forest{background:linear-gradient(150deg,#415745,#122b27)}.desktop-photo-slot.sunrise{background:linear-gradient(150deg,#806445,#392633)}
.desktop-card-foot{color:#a5b6c4;font-size:10px;margin:12px 0 0;line-height:1.7}.desktop-empty-copy{color:#b4bec8;font-size:13px;line-height:1.7}
.desktop-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.desktop-quick-grid button{display:flex;align-items:center;gap:10px;text-align:left;background:linear-gradient(135deg,#22303bd9,#101d29f0);border:1px solid #93adbe55;color:#eee8dd;border-radius:8px;padding:12px 10px;font-size:11px;cursor:pointer;min-height:55px}
.desktop-quick-grid svg{width:23px;height:23px;flex-shrink:0;color:#edb56c}.desktop-quick-grid button:hover{border-color:#c29c60}
.desktop-garage-modes{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.desktop-year-label,.desktop-filter-label{display:flex;gap:7px;align-items:center;font-size:11px;color:#b8c4d0}.desktop-year-label .field{padding:8px;min-width:100px;font-size:12px}
.desktop-garage-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}
.desktop-stat{background:#091727f2;border:1px solid #b9955c55;border-radius:12px;padding:16px}
.desktop-stat b{display:block;font:26px Georgia,serif;color:#edc48b;margin-bottom:6px;overflow-wrap:anywhere}.desktop-stat span{font-size:11px;color:#b8c4d0}
.desktop-analysis-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin:25px 0}
.desktop-chart{border:1px solid #a3bac54d;background:#0d1c2ae8;border-radius:14px;padding:20px;min-width:0}
.desktop-chart h3,.desktop-panel h3{font:19px Georgia,serif;margin:0 0 18px}
.desktop-bar-row{width:100%;display:grid;grid-template-columns:minmax(85px,120px) minmax(0,1fr) 80px;gap:12px;align-items:center;border:0;background:none;color:#d9e2e8;text-align:left;padding:13px 0;font-size:12px}
.desktop-bar-row>span:first-child{overflow-wrap:anywhere}.desktop-bar-row b{text-align:right;font-weight:500}.desktop-bar-track{display:flex;height:18px;background:#213348;border-radius:4px;overflow:hidden}
.desktop-bar-track i{display:block;height:100%;background:linear-gradient(90deg,#8d6b40,#d7b278)}
.desktop-history-stat{font:34px Georgia,serif;color:#edc48b}.desktop-history-total{font:26px Georgia,serif;color:#edc48b;margin-top:16px}
.desktop-table-wrap{max-width:100%;overflow:auto}.desktop-table{width:100%;border-collapse:collapse;font-size:12px;min-width:520px}
.desktop-table th{text-align:left;font-size:10px;color:#c5d1dd;font-weight:500;letter-spacing:.06em;padding:12px 8px;border-bottom:1px solid #bb9a6270}
.desktop-table td{padding:14px 8px;border-bottom:1px solid #8faac540;vertical-align:top;overflow-wrap:anywhere}
.desktop-table td small{display:block;color:#a3b5c7;font-size:10px;margin-top:5px}
.desktop-fleet-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px}
.desktop-fleet-pane>.field{width:100%;margin:16px 0 8px}.desktop-filter-label{flex-direction:column;align-items:stretch}.desktop-filter-label .field{width:100%;padding:8px}
.desktop-fleet-item{display:flex;gap:10px;align-items:center;width:100%;color:var(--ink);background:#17273bbf;border:1px solid #99b0c94d;border-radius:10px;text-align:left;padding:12px;margin:9px 0}
.desktop-fleet-item.selected{border-color:#edbd76;background:#314051}.desktop-fleet-item svg{width:33px;height:33px;flex-shrink:0;color:#d5af72}
.desktop-fleet-item b{font-size:12px}.desktop-fleet-item small{display:block;font-size:10px;color:#b4c5d4;margin-top:5px}
.desktop-vehicle-tabs{display:flex;gap:6px;overflow:auto;border-bottom:1px solid #b9a17055;padding:8px 0 14px;margin-bottom:20px}
.desktop-vehicle-tabs .btn{font-size:12px;white-space:nowrap}.desktop-vehicle-tabs .active{border-color:#edbd76;background:#314051}
.desktop-vehicle-hero{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;margin:15px 0 24px}
.desktop-vehicle-art{width:100%;height:150px;display:grid;place-items:center;border:1px solid #ac8e5b55;background:linear-gradient(135deg,#223d50,#112236);border-radius:12px;color:#d5af72}
.desktop-vehicle-art svg{width:90px;height:90px}.desktop-vehicle-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0;align-content:center}
.desktop-vehicle-facts dt{font-size:10px;color:#b1bfcc;margin-bottom:5px}.desktop-vehicle-facts dd{margin:0;font-size:13px;overflow-wrap:anywhere}
.desktop-vehicle-notes{white-space:pre-wrap;overflow-wrap:anywhere;color:#c4cfda;line-height:1.8}
@media(max-width:1150px){
 .desktop-compass-stage{height:490px;min-height:490px;padding:50px 75px}
 .desktop-compass.crest-compass{width:min(36vw,370px)}
 .desktop-compass .compass-link{width:155px;gap:8px}
 .desktop-spoke-copy small{display:none}.desktop-spoke-copy strong{font-size:12px;letter-spacing:.05em}
 .desktop-compass .desktop-spoke-icon{width:42px;height:42px}
 .desktop-compass .pos-w{left:-6%}.desktop-compass .pos-e{left:106%}
 .desktop-compass .pos-nw,.desktop-compass .pos-sw{left:1%}.desktop-compass .pos-ne,.desktop-compass .pos-se{left:99%}
 .desktop-dashboard-cards{grid-template-columns:1fr 1fr}.desktop-dashboard-cards>article:last-child{grid-column:1/-1}
 .desktop-quick-grid{grid-template-columns:repeat(4,1fr)}
 .desktop-fleet-layout{grid-template-columns:210px minmax(0,1fr)}
 .desktop-analysis-grid{grid-template-columns:1fr}.desktop-history-stat,.desktop-history-total{display:inline-block;margin-right:10px}
 .desktop-vehicle-hero{grid-template-columns:1fr}.desktop-vehicle-art{height:110px}
 .desktop-garage-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
 .header{padding:12px 18px}.header .pill{font-size:9px;padding:6px 8px}.header-settings{font-size:12px;padding:8px}
}
@media(max-width:960px){.desktop-header-search{max-width:36%}.header-account{max-width:175px}.desktop-panel{padding:16px}.main{padding:20px 18px 40px}.desktop-quick-grid{grid-template-columns:repeat(2,1fr)}}
.header-actions{flex:0 1 auto;margin-left:auto}.header-actions .header-settings{background:#0b1928;width:48px;height:48px;padding:8px}.header-actions .header-account{max-width:240px}.desktop-header-search{flex:1;min-width:120px;width:auto;max-width:470px}
.desktop-sidebar-footer{position:fixed;bottom:0;left:0;width:216px;z-index:6;background:#06111ef7;padding:18px 12px;margin:0;color:#dfbe8b;letter-spacing:.08em;font-size:10px}
.nav{bottom:55px;padding-bottom:12px}