:root{--ocean:#202833;--sea:#2563eb;--sky:#60a5fa;--pale:#bfdbfe;--cloud:#f6f7f9;--ink:#202833;--muted:#64748b;--line:#e2e8f0;--white:#fff;--green:#15803d;--amber:#b45309;--red:#b91c1c;--shadow:0 12px 32px rgba(8,47,73,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--cloud);color:var(--ink);font-size:14px}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;height:100vh;overflow:hidden;z-index:10;width:248px;flex:0 0 248px;background:var(--ocean);color:#d9eefb;padding:24px 14px 16px;display:flex;flex-direction:column;gap:22px}.brand{display:flex;align-items:center;gap:10px;padding:0 12px;color:#fff}.brand-mark{height:35px;width:35px;border-radius:11px;background:linear-gradient(135deg,var(--sky),#1678b1);display:grid;place-items:center;color:var(--ocean);font-weight:900;font-size:20px;box-shadow:0 6px 18px rgba(56,189,248,.25)}.brand strong{display:block;font-size:17px;letter-spacing:.04em}.brand span{display:block;font-size:11px;color:#91c5de;margin-top:1px}.demo-pill{margin:0 8px;padding:8px 10px;border:1px solid rgba(186,230,253,.2);border-radius:10px;background:rgba(255,255,255,.06);font-size:11px;color:#bfdbfe}.pulse{width:7px;height:7px;display:inline-block;border-radius:50%;background:#4ade80;box-shadow:0 0 0 4px rgba(74,222,128,.1);margin-right:5px}.nav-list{display:flex;flex-direction:column;gap:4px}.nav-item{width:100%;border:0;background:transparent;color:#b7d4e5;display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:10px;text-align:left;font:inherit;cursor:pointer;transition:.2s;position:relative}.nav-item:hover{background:rgba(186,230,253,.1);color:#fff}.nav-item.active{background:#eff6ff;color:var(--sea);font-weight:700}.nav-icon{width:18px;text-align:center;font-size:16px;opacity:.9}.nav-item em{font-style:normal;font-size:9px;margin-left:auto;color:#80afc8;border:1px solid rgba(128,175,200,.35);padding:2px 4px;border-radius:4px;text-transform:uppercase}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:4px}.user-card{display:flex;align-items:center;gap:8px;padding:12px 8px 2px;border-top:1px solid rgba(186,230,253,.15);margin-top:8px}.avatar,.top-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800}.avatar{background:#d2f1ff;color:var(--ocean)}.user-card strong{font-size:11px;display:block;color:#fff}.user-card span{font-size:10px;color:#86b6cd;display:block;margin-top:2px}.user-card .more{margin-left:auto;color:#8ebed3}.main-content{margin-left:248px;min-width:0;flex:1;padding:0 32px 48px}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(215,230,239,.8)}.breadcrumbs{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;white-space:nowrap}.breadcrumbs strong{color:var(--ocean)}.global-search{width:min(420px,40vw);height:38px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--white);color:#79a0b4}.global-search input{border:0;outline:0;min-width:0;flex:1;font:inherit;color:var(--ink);background:transparent}.global-search kbd{font-size:10px;color:#7d9aaa;border:1px solid var(--line);border-radius:5px;padding:2px 5px}.top-actions{display:flex;align-items:center;gap:12px}.icon-button{position:relative;border:0;background:transparent;color:var(--muted);font-size:21px;cursor:pointer}.icon-button i{position:absolute;right:2px;top:2px;width:5px;height:5px;background:#ef4444;border-radius:50%}.role-chip{border:1px solid var(--line);padding:8px 10px;border-radius:8px;background:#fff;color:var(--ocean);font-size:12px}.role-chip span{color:var(--muted);margin-left:4px}.top-avatar{background:var(--ocean);color:#fff}.notice{display:flex;align-items:center;gap:10px;padding:10px 14px;margin:20px 0 26px;border:1px solid #b8dcef;border-radius:10px;background:#eff6ff;color:#416d84;font-size:12px}.notice strong{color:var(--ocean)}.notice-icon{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--sea);color:#fff;font-weight:800;font-size:11px}.notice-close{margin-left:auto;border:0;background:transparent;color:#73a0b8;font-size:18px;cursor:pointer}.view{display:none !important;max-width:1440px;margin:0 auto}.view.active-view{display:block !important}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:12px}.page-head.compact{align-items:center}.eyebrow{display:block;color:var(--sea);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:10px;margin-bottom:8px}.page-head h1{font-size:30px;line-height:1.2;letter-spacing:-.03em;margin:0 0 6px;color:var(--ocean)}.page-head p{color:var(--muted);margin:0;line-height:1.5}.head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{border:1px solid transparent;border-radius:10px;padding:10px 14px;font:inherit;font-weight:700;cursor:pointer;transition:.2s;white-space:nowrap}.btn.primary{background:var(--sea);color:#fff;box-shadow:0 5px 12px rgba(8,47,73,.16)}.btn.primary:hover{background:#1d4ed8;transform:translateY(-1px)}.btn.secondary{background:#fff;border-color:var(--line);color:var(--ocean)}.btn.secondary:hover{border-color:#91c5de;background:#f8fcfe}.btn.full{width:100%}.source-line{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px;margin:16px 0}.source-line .link-button{margin-left:auto}.source-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:6px;font-size:10px;font-weight:800;white-space:nowrap}.source-badge.real{background:#ecfdf3;color:var(--green)}.source-badge.calc{background:#eff6ff;color:var(--sea)}.source-badge.demo{background:#fffbeb;color:var(--amber)}.link-button{border:0;background:transparent;padding:0;color:var(--sea);font:inherit;font-size:11px;font-weight:700;cursor:pointer}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kpi-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px 18px;min-height:126px;box-shadow:0 4px 14px rgba(8,47,73,.03)}.kpi-card.dark{background:var(--ocean);color:#fff;border-color:var(--ocean)}.kpi-label{color:var(--muted);font-size:12px;font-weight:700;margin-bottom:14px}.dark .kpi-label{color:#b9d8e8}.info{display:inline-grid;place-items:center;width:14px;height:14px;border:1px solid #9db8c7;border-radius:50%;font-size:9px;margin-left:3px;font-weight:700}.kpi-card strong{font-variant-numeric:tabular-nums;display:block;color:var(--ocean);font-size:25px;letter-spacing:-.04em}.dark strong{color:#fff}.kpi-meta{display:block;color:var(--muted);font-size:10px;margin-top:7px}.kpi-meta.positive{color:var(--green)}.kpi-meta.warning{color:var(--amber)}.spark{position:absolute;right:13px;bottom:17px;display:flex;align-items:flex-end;gap:3px;height:30px}.spark i{display:block;width:4px;border-radius:4px;background:var(--sky)}.spark i:nth-child(1){height:11px}.spark i:nth-child(2){height:18px}.spark i:nth-child(3){height:15px}.spark i:nth-child(4){height:23px}.spark i:nth-child(5){height:20px}.spark i:nth-child(6){height:27px}.spark i:nth-child(7){height:25px}.spark.cyan i{background:#60c5ed}.dark-glow{position:absolute;width:100px;height:100px;right:-35px;bottom:-50px;background:var(--sky);filter:blur(34px);opacity:.4}.progress{height:5px;border-radius:5px;background:#e8f1f5;margin-top:13px;overflow:hidden}.progress span{display:block;height:100%;background:var(--sky);border-radius:5px}.section-grid{display:grid;gap:14px;margin-top:16px}.charts-row{grid-template-columns:minmax(0,1.7fr) minmax(300px,.9fr)}.bottom-row{grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr)}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 4px 14px rgba(8,47,73,.03)}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.panel-head h2{font-size:15px;color:var(--ocean);margin:0 0 4px;letter-spacing:-.01em}.panel-sub{font-size:11px;color:var(--muted)}.segmented{display:flex;background:#eef7fb;border:1px solid #d5eaf4;border-radius:8px;padding:2px}.segmented button,.timeline-switch button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:10px;font-weight:700;padding:6px 9px;border-radius:6px;cursor:pointer}.segmented button.selected,.timeline-switch button.selected{background:#fff;color:var(--ocean);box-shadow:0 1px 4px rgba(8,47,73,.1)}.chart-area{height:186px;display:flex;border-bottom:1px solid var(--line);padding:8px 0 0}.y-labels{width:32px;display:flex;flex-direction:column;justify-content:space-between;color:#8da7b7;font-size:10px;padding-bottom:20px}.bars{flex:1;display:flex;justify-content:space-around;align-items:flex-end;gap:8px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 45px,#eff6f9 46px);padding:0 6px 0}.bars>div{position:relative;width:5%;height:var(--h);min-height:7px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--sky),var(--sea));transition:.2s}.bars>div:hover{background:var(--ocean);transform:scaleY(1.03);transform-origin:bottom}.bars b{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-size:9px;color:var(--muted);font-weight:500}.chart-foot{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:28px}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.legend-dot.sky{background:var(--sky)}.legend-dot.navy{background:var(--ocean)}.legend-dot.sea{background:var(--sea)}.legend-dot.pale{background:var(--pale)}.distribution{min-height:286px}.dots{border:0;background:transparent;color:var(--muted);letter-spacing:2px;cursor:pointer}.donut{width:130px;height:130px;border-radius:50%;margin:10px auto 14px;background:conic-gradient(var(--ocean) 0 56%,var(--sea) 56% 78%,var(--sky) 78% 90%,var(--pale) 90% 100%);display:grid;place-items:center}.donut-hole{width:89px;height:89px;border-radius:50%;background:#fff;display:grid;place-content:center;text-align:center}.donut-hole strong{font-size:17px;color:var(--ocean);font-variant-numeric:tabular-nums}.donut-hole span{font-size:10px;color:var(--muted)}.legend-list{display:grid;gap:8px}.legend-list span{display:flex;align-items:center;color:var(--muted);font-size:10px}.legend-list b{margin-left:auto;color:var(--ocean);font-size:11px}.mini-table{display:grid}.mini-row{display:grid;grid-template-columns:1.4fr .55fr .8fr 18px;align-items:center;gap:10px;text-align:left;border:0;border-top:1px solid #edf3f6;background:transparent;padding:11px 4px;color:var(--ocean);font:inherit;cursor:pointer}.mini-row:hover{background:#f7fbfd}.mini-row.head{border-top:0;padding-top:0;color:#88a0af;font-size:10px;cursor:default}.mini-row strong,.mini-row b{display:block;font-size:11px}.mini-row small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.mini-row small:first-letter{}.quality-panel{background:linear-gradient(145deg,#fff,#f5fbfe)}.status-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:6px;font-size:10px;font-weight:800;white-space:nowrap}.status-chip.green{background:#e8f7ed;color:var(--green)}.status-chip.amber{background:#fffbeb;color:var(--amber)}.quality-item{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #e9f2f6}.quality-icon{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:11px}.quality-icon.amber{background:#fff0c9;color:var(--amber)}.quality-icon.red{background:#ffe3e3;color:var(--red)}.quality-item strong{display:block;color:var(--ocean);font-size:15px}.quality-item span{display:block;color:var(--muted);font-size:10px}.quality-item a{font-size:10px;color:var(--sea);font-weight:700}.quality-note{font-size:10px;color:var(--muted);line-height:1.4;margin-top:8px}.toolbar{display:flex;align-items:center;gap:9px;margin:22px 0 14px;flex-wrap:wrap}.field{height:38px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 10px;color:#87a4b3}.field input,.field textarea,.field select{border:0;outline:0;background:transparent;font:inherit;color:var(--ink);min-width:0}.search-field{width:280px}.filter-btn{height:38px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--muted);font:inherit;font-size:11px;padding:0 11px;cursor:pointer}.filter-btn b{color:var(--ocean);margin-left:4px}.result-count{margin-left:auto;color:var(--muted);font-size:11px}.fleet-panel{padding:0}.table-wrap{overflow:auto}.fleet-panel table{border-collapse:collapse;width:100%;min-width:980px}.fleet-panel th{height:45px;background:#f7fbfd;border-bottom:1px solid var(--line);color:#7291a1;font-size:10px;font-weight:800;text-align:left;padding:0 16px;white-space:nowrap}.fleet-panel th small{display:block;font-weight:500;font-size:9px;margin-top:3px}.fleet-panel td{padding:12px 16px;border-bottom:1px solid #edf3f6;color:var(--ocean);font-size:11px;white-space:nowrap}.fleet-panel tbody tr:hover{background:#f8fcfe}.fleet-panel td small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.vehicle-cell{display:flex;align-items:center;gap:9px}.vehicle-thumb{height:35px;width:50px;border-radius:8px;background:linear-gradient(145deg,#d9f3ff,#7ec8eb);display:grid;place-items:center;color:var(--ocean);font-size:8px;font-weight:900;letter-spacing:-.04em}.vehicle-thumb.alt{background:linear-gradient(145deg,#cce5f2,#82aeca)}.vehicle-thumb.light{background:linear-gradient(145deg,#e8f6fb,#b4d9e6)}.vehicle-thumb.blue{background:linear-gradient(145deg,#bddfff,#5ca7d4)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.04em}.row-arrow{border:0;background:transparent;color:var(--sea);font-size:18px;cursor:pointer}.table-foot{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;color:var(--muted);font-size:10px}.pagination{display:flex;gap:3px}.pagination button{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:6px;width:28px;height:26px;cursor:pointer;font-size:10px}.pagination button.selected{background:var(--ocean);border-color:var(--ocean);color:#fff}.pagination button:disabled{opacity:.4;cursor:default}.back-link{border:0;background:transparent;padding:0;margin-bottom:14px;color:var(--sea);font:inherit;font-size:11px;font-weight:700;display:block;cursor:pointer}.passport-hero{display:grid;grid-template-columns:245px 1fr;gap:22px;margin-top:20px;padding:16px}.vehicle-illustration{min-height:190px;border-radius:11px;background:linear-gradient(145deg,#eaf7fc,#b9e0ef);display:grid;place-content:center;text-align:center;overflow:hidden}.truck-shape{width:190px;height:90px;border-radius:35px 48px 14px 14px;background:linear-gradient(145deg,#f8fdff,#8bb4c6);border:4px solid #fff;box-shadow:14px 17px 0 -9px #0f5a80;position:relative;transform:skewX(-6deg)}.truck-shape:before{content:"";position:absolute;left:22px;bottom:-20px;width:28px;height:28px;border-radius:50%;background:#153f55;box-shadow:116px 0 #153f55;border:5px solid #edf9fc}.truck-shape:after{content:"";position:absolute;right:-20px;top:29px;width:32px;height:48px;background:#cce7f1;border:4px solid #fff;border-radius:6px}.truck-shape span{position:absolute;left:58px;top:38px;color:#4c829b;font-weight:900;font-size:17px;transform:skewX(6deg)}.vehicle-illustration small{color:#528399;font-size:9px;margin-top:22px}.vehicle-title{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.vehicle-title h2{margin:0;color:var(--ocean);font-size:23px}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.detail-grid span{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.detail-grid strong{display:block;color:var(--ocean);font-size:12px}.detail-grid strong small{display:block;font-size:9px;font-weight:500;color:var(--muted);margin-top:4px}.muted-value{color:#8299a6!important;font-weight:600!important}.quality-meter{display:inline-block;width:65px;height:6px;border-radius:5px;background:#e4eef3;vertical-align:middle;margin-right:4px;overflow:hidden}.quality-meter i{display:block;height:100%;background:var(--sky);border-radius:5px}.vehicle-note{display:flex;align-items:center;gap:9px;margin-top:21px;font-size:10px;color:var(--muted)}.passport-kpis{grid-template-columns:repeat(6,minmax(0,1fr));margin-top:14px}.passport-kpis .kpi-card{min-height:106px;padding:14px}.passport-kpis .kpi-card strong{font-size:20px}.timeline-panel{margin-top:16px;overflow:hidden}.timeline-switch{display:flex;border:1px solid var(--line);border-radius:8px;padding:2px}.timeline-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin:24px 10px 5px}.line-label{color:#90a8b5}.timeline{height:40px;position:relative}.timeline-line{position:absolute;left:10px;right:10px;top:18px;height:5px;border-radius:5px;background:linear-gradient(90deg,#c8d8e1,#79b6d5)}.event-dot{position:absolute;top:10px;left:10px;width:18px;height:18px;border-radius:50%;border:4px solid #fff;background:#14a3a2;box-shadow:0 0 0 1px #14a3a2;cursor:pointer;transform:translateX(-50%);z-index:1}.event-dot.start{background:#9bb2c0;box-shadow:0 0 0 1px #9bb2c0}.event-dot.selected{width:27px;height:27px;top:5px;background:var(--sea);box-shadow:0 0 0 7px rgba(56,189,248,.25)}.event-tabs{display:flex;gap:7px;align-items:center;overflow:auto;padding:5px 2px 14px;border-bottom:1px solid #edf3f6}.event-tabs button{white-space:nowrap;border:1px solid #d6e5ec;background:#fff;color:var(--muted);padding:6px 9px;border-radius:15px;font:inherit;font-size:10px;cursor:pointer}.event-tabs button.selected{background:var(--ocean);border-color:var(--ocean);color:#fff}.event-tabs .whole-period{margin-left:auto;color:var(--sea);border-color:#9ccfe5;font-weight:800}.event-detail{display:grid;grid-template-columns:1.05fr 1.45fr;gap:18px;padding:18px 6px 3px}.event-detail h3{margin:0 0 3px;color:var(--ocean);font-size:18px}.event-date{color:var(--muted);font-size:10px}.event-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.event-stats span{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.event-stats strong{font-size:14px;color:var(--ocean)}.event-works{grid-column:1/-1;border-top:1px solid #edf3f6;padding-top:12px;font-size:11px}.event-works span{color:var(--muted);display:block;font-size:10px;margin-bottom:4px}.event-works b{color:var(--ocean);font-weight:600}.passport-bottom{grid-template-columns:1.35fr .95fr}.accordion{display:grid;gap:7px}.accordion-head{display:grid;grid-template-columns:18px 1fr 80px;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:11px 10px;text-align:left;cursor:pointer;color:var(--ocean);font:inherit}.accordion-head:hover{background:#f7fbfd}.accordion-head .chevron{font-size:17px;color:var(--muted)}.accordion-head strong,.accordion-head small{display:block}.accordion-head strong{font-size:12px}.accordion-head small{font-size:10px;color:var(--muted);margin-top:3px}.bar{height:5px;background:#e4edf2;border-radius:5px;overflow:hidden}.bar i{height:100%;display:block;background:var(--sea);border-radius:5px}.accordion-body{border:1px solid #e5eff4;border-top:0;margin-top:-7px;padding:13px 13px 8px;border-radius:0 0 9px 9px;display:grid;gap:10px}.accordion-body div{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.accordion-body b{color:var(--ocean)}.panel-footnote{font-size:10px;color:var(--muted);line-height:1.4;margin:14px 0 0}.history-list{display:grid;gap:5px;margin-bottom:15px}.history-list button{display:flex;align-items:center;gap:9px;border:0;border-bottom:1px solid #edf3f6;background:#fff;padding:10px 0;text-align:left;color:var(--ocean);font:inherit;cursor:pointer}.history-icon{height:20px;width:20px;border-radius:50%;background:#e7f7ed;color:var(--green);display:grid;place-items:center;font-size:10px;font-weight:800}.history-list strong,.history-list small{display:block}.history-list strong{font-size:11px}.history-list small{font-size:10px;color:var(--muted);margin-top:3px}.history-list b{margin-left:auto;font-size:11px}.stepper{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;margin:20px 0 14px}.step{border:0;background:transparent;color:#8ba3b1;font:inherit;font-size:10px;display:flex;align-items:center;gap:7px;padding:8px;border-radius:8px;text-align:left}.step i{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;border:1px solid #c6dbe4;font-style:normal;font-size:10px}.step.active{color:var(--ocean);font-weight:700;background:#eef8fc}.step.active i{background:var(--ocean);border-color:var(--ocean);color:#fff}.repair-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px;align-items:start}.repair-main{display:grid;gap:14px}.form-panel{padding:18px}.selected-vehicle{display:flex;align-items:center;gap:10px;background:#f5fbfd;border:1px solid #dbeef6;border-radius:10px;padding:10px;margin-bottom:17px}.selected-vehicle strong,.selected-vehicle span,.selected-vehicle small{display:block}.selected-vehicle strong{font-size:12px;color:var(--ocean)}.selected-vehicle span{font-size:10px;color:var(--sea);margin-top:3px}.selected-vehicle small{font-size:10px;color:var(--muted);margin-top:3px}.selected-vehicle .link-button{margin-left:auto}.form-grid{display:grid;grid-template-columns:1fr 180px;gap:14px}.form-grid label>span{display:block;color:var(--muted);font-size:10px;font-weight:700;margin-bottom:6px}.form-grid em{font-style:normal;color:var(--amber);font-weight:500}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 11px;font:inherit;font-size:12px;color:var(--ink);outline:0;background:#fff}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{box-shadow:0 0 0 2px rgba(56,189,248,.35);border-color:var(--sky)}.form-grid textarea{height:76px;resize:vertical}.wide-field{grid-column:1/-1}.small-search{width:180px;height:32px}.small-search input{width:125px;font-size:10px}.operation-list{display:grid;gap:6px}.operation{display:grid;grid-template-columns:15px 20px 1fr auto;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:10px;cursor:pointer}.operation.selected{background:#f4fbfe;border-color:#9dcee3}.operation input{display:none}.check{width:18px;height:18px;border-radius:50%;border:1px solid #b7ccd7;color:#fff;display:grid;place-items:center;font-size:10px}.operation.selected .check{background:var(--sea);border-color:var(--sea)}.operation strong,.operation small{display:block}.operation strong{color:var(--ocean);font-size:11px}.operation small{color:var(--muted);font-size:10px;margin-top:3px}.operation>b{font-size:11px;color:var(--ocean)}.suggested-parts{margin-top:15px;border:1px solid #e2edf2;border-radius:9px;overflow:hidden}.parts-head{display:flex;justify-content:space-between;align-items:center;padding:10px 11px;background:#f8fcfd;color:var(--ocean);font-size:11px}.part-row{display:grid;grid-template-columns:22px 1fr auto 70px;align-items:center;gap:8px;padding:10px 11px;border-top:1px solid #edf3f6}.part-icon{height:20px;width:20px;border-radius:6px;background:#e4f5fc;display:grid;place-items:center;color:var(--sea);font-size:11px}.part-row strong,.part-row small{display:block}.part-row strong{font-size:10px;color:var(--ocean)}.part-row small{font-size:9px;color:var(--muted);margin-top:3px}.part-row>b{font-size:10px;color:var(--ocean);text-align:right}.stock{font-size:9px;font-weight:800;padding:4px 6px;border-radius:5px;white-space:nowrap}.stock.in{background:#e8f7ed;color:var(--green)}.stock.order{background:#fffbeb;color:var(--amber)}.repair-summary{position:sticky;top:16px;padding:20px}.summary-head{display:flex;justify-content:space-between;align-items:center}.repair-summary h2{font-size:31px;letter-spacing:-.04em;color:var(--ocean);margin:16px 0 5px}.repair-summary>p{font-size:10px;color:var(--muted);line-height:1.45;margin:0 0 18px}.summary-lines{display:grid;gap:11px}.summary-lines div{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.summary-lines b{color:var(--ocean)}.summary-divider{height:1px;background:var(--line);margin:18px 0}.summary-check{display:flex;gap:8px;font-size:10px;color:var(--muted);line-height:1.4;margin-bottom:15px}.summary-check input{accent-color:var(--sea);margin-top:1px}.repair-summary .btn{margin-top:8px}.summary-note{display:block;color:#7893a2;font-size:9px;line-height:1.4;margin-top:12px}.toast{position:fixed;right:24px;bottom:24px;display:flex;align-items:center;gap:8px;background:var(--ocean);color:#fff;padding:12px 14px;border-radius:10px;box-shadow:0 12px 32px rgba(8,47,73,.25);font-size:11px;transform:translateY(120px);opacity:0;transition:.3s;z-index:5}.toast.show{transform:translateY(0);opacity:1}.toast>span:first-child{width:18px;height:18px;border-radius:50%;background:#58d68d;color:var(--ocean);display:grid;place-items:center;font-size:11px;font-weight:900}.toast strong{font-size:11px}.toast #toastText{color:#b8d9e8;font-size:10px}@media(max-width:1180px){.sidebar{width:74px;flex-basis:74px;padding:20px 9px}.brand{padding:0;justify-content:center}.brand>div:last-child,.demo-pill,.nav-item span:not(.nav-icon),.nav-item em,.user-card>div:not(.avatar),.user-card .more{display:none}.nav-item{justify-content:center;padding:11px 0}.user-card{justify-content:center;padding:13px 0 2px}.main-content{padding:0 22px 40px}.passport-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.topbar{gap:12px}.breadcrumbs{display:none}.global-search{width:auto;flex:1}.charts-row,.bottom-row,.passport-bottom{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}.passport-hero{grid-template-columns:180px 1fr}.detail-grid{grid-template-columns:repeat(2,1fr)}.repair-layout{grid-template-columns:1fr}.repair-summary{position:static}.stepper{overflow:auto;display:flex}.step{min-width:135px}.step span{white-space:nowrap}}@media(max-width:560px){.main-content{padding:0 14px 32px}.topbar{height:60px}.top-actions .role-chip{display:none}.notice{margin:14px 0 20px;font-size:10px}.page-head{display:block}.page-head h1{font-size:25px}.head-actions{margin-top:16px}.head-actions .btn{flex:1}.source-line{flex-wrap:wrap}.source-line .link-button{margin-left:0}.kpi-grid{gap:8px}.kpi-card{padding:13px;min-height:112px}.kpi-card strong{font-size:20px}.kpi-meta{font-size:9px}.charts-row,.bottom-row{margin-top:10px}.panel{padding:14px}.panel-head{margin-bottom:12px}.chart-panel{overflow:hidden}.segmented{display:none}.chart-area{height:155px}.bars{gap:4px}.distribution{min-height:0}.result-count{width:100%;margin-left:0}.toolbar{gap:7px}.search-field{width:100%}.filter-btn{flex:1}.passport-hero{grid-template-columns:1fr;padding:10px}.vehicle-illustration{min-height:145px}.vehicle-title{display:block}.vehicle-title .status-chip{margin-top:8px}.detail-grid{margin-top:17px;gap:12px}.passport-kpis{grid-template-columns:repeat(2,1fr)}.passport-kpis .kpi-card strong{font-size:17px}.timeline-panel{padding:12px}.timeline-panel .panel-head{display:block}.timeline-switch{margin-top:10px;width:max-content}.event-detail{grid-template-columns:1fr;gap:13px}.event-stats{gap:10px}.event-tabs .whole-period{margin-left:0}.accordion-head{grid-template-columns:17px 1fr 55px}.form-grid{grid-template-columns:1fr}.wide-field{grid-column:auto}.small-search{width:100%}.part-row{grid-template-columns:20px 1fr auto}.part-row>b{grid-column:2;text-align:left}.stock{grid-column:3;grid-row:1}.selected-vehicle{align-items:flex-start;flex-wrap:wrap}.selected-vehicle .link-button{margin-left:auto}.toast{left:14px;right:14px;bottom:14px}.vehicle-thumb{flex:0 0 50px}}

/* v2.1 functional workflow */
.operation-list{display:grid;gap:9px}
.operation{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:12px 13px;cursor:pointer;min-width:0}
.operation:hover,.operation.selected{border-color:#8dcced;background:#f4fbfe}
.operation input{position:absolute;opacity:0;pointer-events:none}
.operation .check{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;border:1px solid #b9d5e3;color:transparent;font-size:11px;font-weight:900}
.operation.selected .check{background:var(--sea);border-color:var(--sea);color:#fff}
.operation>span:nth-of-type(2){min-width:0}
.operation strong{display:block;color:var(--ocean);font-size:12px;line-height:1.25;overflow-wrap:anywhere}
.operation small{display:block;color:var(--muted);font-size:10px;line-height:1.35;margin-top:4px;overflow-wrap:anywhere}
.operation>b{color:var(--ocean);font-size:12px;white-space:nowrap}
.suggested-parts{margin-top:16px;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.parts-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px;background:#f6fbfd;border-bottom:1px solid var(--line);color:var(--ocean);font-size:11px}
.part-row{display:grid;grid-template-columns:25px minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:11px 12px;border-bottom:1px solid #edf3f6}
.part-row:last-child{border-bottom:0}
.part-row strong{display:block;color:var(--ocean);font-size:11px;line-height:1.3;overflow-wrap:anywhere}
.part-row small{display:block;color:var(--muted);font-size:10px;margin-top:3px}
.part-row>b{font-size:11px;color:var(--ocean);white-space:nowrap}
.part-icon{width:22px;height:22px;border-radius:6px;background:#e5f5fb;color:var(--sea);display:grid;place-items:center;font-size:12px}
.stock{font-size:9px;font-weight:800;white-space:nowrap;padding:4px 6px;border-radius:5px}
.stock.in{background:#e8f7ed;color:var(--green)}.stock.order{background:#fffbeb;color:var(--amber)}
.related-works{margin-top:14px;border:1px solid #cbe4ee;border-radius:10px;background:#f8fcfe;padding:12px}
.related-works h3{margin:0 0 8px;color:var(--ocean);font-size:12px}.related-works p{margin:0 0 10px;color:var(--muted);font-size:10px;line-height:1.4}
.related-work{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid #e2eff4;color:var(--ocean);font-size:11px}.related-work button{flex:0 0 auto}
.repair-layout{align-items:start}.repair-main{min-width:0}.repair-summary{position:sticky;top:18px}.compact-kpis .kpi-card{min-height:105px}.btn-small{padding:7px 9px;font-size:10px}.catalog-layout{grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);align-items:start}.catalog-list{display:grid;gap:7px}.catalog-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;width:100%;border:1px solid var(--line);border-radius:9px;background:#fff;padding:11px 12px;cursor:pointer;color:var(--ocean)}.catalog-card:hover,.catalog-card.selected{border-color:#76c5eb;background:#f4fbfe}.catalog-card strong{display:block;font-size:11px;line-height:1.35;overflow-wrap:anywhere}.catalog-card small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.catalog-card b{font-size:10px;color:var(--sea);white-space:nowrap}.catalog-detail{min-height:260px}.catalog-detail h2{margin:0;color:var(--ocean);font-size:16px;line-height:1.3}.catalog-detail h3{margin:17px 0 8px;color:var(--ocean);font-size:12px}.catalog-detail .detail-operation{padding:10px 0;border-top:1px solid #edf3f6}.catalog-detail .detail-operation strong{display:block;color:var(--ocean);font-size:11px}.catalog-detail .detail-operation small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.empty-state{display:grid;gap:6px;place-content:center;min-height:180px;text-align:center;color:var(--muted);font-size:11px}.empty-state strong{color:var(--ocean);font-size:13px}.maintenance-list{margin-top:16px}.schedule-row{display:grid;grid-template-columns:28px minmax(0,1fr) 125px auto;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #edf3f6}.schedule-row strong{display:block;color:var(--ocean);font-size:12px}.schedule-row small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.schedule-date{font-size:10px;color:var(--muted)}.schedule-status{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-weight:900}.schedule-status.amber{background:#fff1cf;color:var(--amber)}.schedule-status.green{background:#e8f7ed;color:var(--green)}.schedule-status.blue{background:#eff6ff;color:var(--sea)}.analytics-grid{grid-template-columns:1.35fr .8fr}.check-list{display:grid;gap:4px}.check-list>div{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid #edf3f6}.check-list strong{display:block;color:var(--ocean);font-size:11px}.check-list small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.quality-icon.blue{background:#eff6ff;color:var(--sea)}.action-stack{display:grid;gap:9px}.action-stack .btn{text-align:left}.documents-list{display:grid;gap:8px}.document-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:9px}.document-row strong{display:block;color:var(--ocean);font-size:11px}.document-row small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.document-icon{width:24px;height:24px;border-radius:6px;background:#eff6ff;color:var(--sea);display:grid;place-items:center}.account-grid{grid-template-columns:.8fr 1.2fr}.profile-card{text-align:center}.profile-card .avatar.large{margin:0 auto 10px;width:56px;height:56px;font-size:16px}.profile-card h2{margin:0;color:var(--ocean);font-size:18px}.profile-card>p{margin:5px 0 18px;color:var(--muted);font-size:11px}.profile-line,.setting-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-top:1px solid #edf3f6;color:var(--muted);font-size:11px}.profile-line b{color:var(--ocean)}.setting-row{margin:0}.setting-row input{accent-color:var(--sea)}.switch{position:relative;display:inline-flex}.switch input{position:absolute;opacity:0}.switch i{display:block;width:34px;height:19px;border-radius:10px;background:#e2e8f0;cursor:pointer}.switch i:after{content:"";display:block;width:15px;height:15px;margin:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(8,47,73,.2);transition:.15s}.switch input:checked+i{background:var(--sea)}.switch input:checked+i:after{transform:translateX(15px)}.roadmap{display:grid;gap:0}.roadmap-item{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:start;gap:12px;padding:17px 0;border-bottom:1px solid #edf3f6}.roadmap-item:last-child{border-bottom:0}.roadmap-item>span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#eef5f8;color:var(--muted);font-size:11px;font-weight:800}.roadmap-item.done>span{background:#e8f7ed;color:var(--green)}.roadmap-item.active>span{background:#eff6ff;color:var(--sea)}.roadmap-item strong{display:block;color:var(--ocean);font-size:12px}.roadmap-item small{display:block;color:var(--muted);font-size:10px;line-height:1.45;margin-top:4px}.roadmap-item>b{font-size:10px;color:var(--muted)}.repair-summary .summary-lines b{font-variant-numeric:tabular-nums}.repair-summary .summary-check{display:flex;gap:7px;align-items:flex-start;font-size:10px;line-height:1.35}.repair-summary .summary-check input{margin-top:1px;accent-color:var(--sea)}.order-result{margin-top:12px;border:1px solid #b9e1c7;border-radius:9px;background:#effaf2;padding:11px;color:var(--green);font-size:11px;line-height:1.4}
@media (max-width:1000px){.catalog-layout,.analytics-grid,.account-grid{grid-template-columns:1fr}.repair-layout{grid-template-columns:1fr}.repair-summary{position:static}.schedule-row{grid-template-columns:28px minmax(0,1fr) auto}.schedule-date{display:none}}
@media (max-width:620px){.part-row{grid-template-columns:25px minmax(0,1fr);}.part-row .stock,.part-row>b{grid-column:2;justify-self:start}.check-list>div{grid-template-columns:24px minmax(0,1fr)}.check-list button{grid-column:2;justify-self:start}.schedule-row{grid-template-columns:28px minmax(0,1fr)}.schedule-row button{grid-column:2;justify-self:start}.catalog-card{grid-template-columns:1fr}}
/* Iteration 1 — mechanic workbench */
.mechanic-layout{align-items:start}.mechanic-block{padding:20px}.block-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.block-heading h2{margin:3px 0 5px;color:var(--ocean);font-size:17px}.block-heading p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}.block-number{display:block;color:var(--sea);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.mechanic-stepper .step{cursor:pointer}.mechanic-stepper .step.current{background:#e8f6fc;color:var(--ocean)}.mechanic-stepper .step.current i{background:var(--sea);border-color:var(--sea);color:#fff}.vehicle-picker-row{display:flex;align-items:center;gap:9px;margin:-4px 0 16px}.vehicle-picker{flex:1;max-width:560px}.vehicle-picker select{width:100%;cursor:pointer}.mechanic-form{margin-top:12px}.picker-modes{display:flex;gap:5px;flex-wrap:wrap;padding:4px;background:#f3f9fc;border:1px solid var(--line);border-radius:10px;margin-bottom:12px}.picker-mode{border:0;border-radius:7px;background:transparent;color:var(--muted);padding:9px 12px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.picker-mode:hover{color:var(--ocean)}.picker-mode.active{background:#fff;color:var(--ocean);box-shadow:0 1px 5px rgba(8,47,73,.12)}.picker-search{width:100%;margin-bottom:12px}.picker-list{display:grid;gap:8px;max-height:410px;overflow:auto;padding-right:2px}.picker-card{display:grid;grid-template-columns:30px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:2px 10px;width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:11px 12px;text-align:left;color:var(--ocean);font:inherit;cursor:pointer;transition:.16s}.picker-card:hover,.picker-card.selected{border-color:#80c9ec;background:#f3fbfe;box-shadow:0 3px 10px rgba(8,47,73,.06)}.picker-card-icon{grid-row:1/3;width:28px;height:28px;border-radius:8px;background:#e5f5fb;color:var(--sea);display:grid;place-items:center;font-size:15px}.picker-card strong{display:block;font-size:11px;line-height:1.35;overflow-wrap:anywhere}.picker-card small{display:block;color:var(--muted);font-size:10px;line-height:1.35;margin-top:3px}.picker-card-action{grid-column:3;grid-row:1;color:var(--sea);font-size:10px;font-weight:900;white-space:nowrap}.picker-card em{grid-column:3;grid-row:2;justify-self:end;color:#6d8a9b;font-size:9px;font-style:normal}.selected-block{background:linear-gradient(145deg,#fff,#f7fcfe)}.selected-cards{display:grid;gap:8px}.selected-card{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto auto;align-items:center;gap:9px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:10px}.selected-card.active{border-color:#58b7e7;box-shadow:0 0 0 2px rgba(56,189,248,.12)}.selected-card-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:#e5f5fb;color:var(--sea)}.selected-card small,.selected-card em{display:block;color:var(--muted);font-size:9px;font-style:normal}.selected-card strong{display:block;color:var(--ocean);font-size:11px;line-height:1.3;margin:2px 0}.selected-card .link-button{font-size:10px;white-space:nowrap}.icon-remove{border:0;background:transparent;color:#8aa4b2;font-size:19px;line-height:1;cursor:pointer}.icon-remove:hover{color:var(--red)}.recommendations-block{border-top:4px solid var(--sky);background:linear-gradient(145deg,#fff,#f7fcfe)}.recommendation-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:13px}.recommendation-group{display:grid;gap:7px;margin-top:12px}.recommendation-group-title{display:flex;justify-content:space-between;align-items:center;color:var(--ocean);font-size:11px;padding-bottom:5px;border-bottom:1px solid var(--line)}.recommendation-group-title span{color:var(--muted);font-size:10px}.recommendation-card{display:grid;grid-template-columns:18px 25px minmax(0,1fr) auto 82px auto;align-items:center;gap:8px;padding:10px;border:1px solid #cfe6f0;border-radius:9px;background:#fff}.recommendation-card:hover{border-color:#81cbed}.recommendation-card input[type=checkbox]{accent-color:var(--sea)}.recommendation-icon{width:23px;height:23px;border-radius:6px;display:grid;place-items:center;background:#e6f4fb;color:var(--sea)}.recommendation-main{min-width:0}.recommendation-main strong{display:block;color:var(--ocean);font-size:11px;line-height:1.3;overflow-wrap:anywhere}.recommendation-main small{display:block;color:var(--muted);font-size:9px;line-height:1.35;margin-top:3px;overflow-wrap:anywhere}.recommendation-source{color:var(--green);font-size:9px;font-weight:800;white-space:nowrap}.recommendation-quantity{width:78px;height:29px;border:1px solid var(--line);border-radius:6px;padding:0 7px;color:var(--ocean);font:inherit;font-size:10px}.composition-block{background:#fff}.composition-group{display:grid;gap:7px;margin-top:12px}.composition-group-title{display:flex;justify-content:space-between;color:var(--ocean);font-size:11px;font-weight:900;padding-bottom:6px;border-bottom:1px solid var(--line)}.composition-group-title span{color:var(--muted);font-weight:600}.composition-row{display:grid;grid-template-columns:25px minmax(0,1fr) 80px auto auto;align-items:center;gap:9px;border:1px solid var(--line);border-radius:9px;padding:10px}.composition-icon{width:23px;height:23px;border-radius:6px;background:#e5f5fb;color:var(--sea);display:grid;place-items:center}.composition-icon.part{background:#eef8f1;color:var(--green)}.composition-row strong{display:block;color:var(--ocean);font-size:11px;line-height:1.3;overflow-wrap:anywhere}.composition-row small{display:block;color:var(--muted);font-size:9px;margin-top:3px;line-height:1.35}.composition-row input{width:78px;height:29px;border:1px solid var(--line);border-radius:6px;padding:0 7px;color:var(--ocean);font:inherit;font-size:10px}.no-price{color:var(--muted);font-size:9px;white-space:nowrap}.summary-data-note{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;border-top:1px solid #edf3f6;border-bottom:1px solid #edf3f6;color:var(--muted);font-size:10px;margin:12px 0}.order-result{display:grid;gap:6px;margin-top:12px;border:1px solid #b9e1c7;border-radius:9px;background:#effaf2;padding:11px;color:var(--green);font-size:10px;line-height:1.4}.order-result strong{font-size:12px}.order-result .btn{justify-self:start}.compact-empty{min-height:100px}.repair-summary{top:18px}.repair-summary h2#repairTotal{font-size:29px}.repair-summary .summary-check{display:flex;gap:7px;align-items:flex-start;font-size:10px;line-height:1.35}.repair-summary .summary-check input{margin-top:1px;accent-color:var(--sea)}
@media (max-width:1100px){.recommendation-card{grid-template-columns:18px 25px minmax(0,1fr) auto}.recommendation-source{grid-column:3}.recommendation-quantity{grid-column:4;grid-row:2}.recommendation-card .btn{grid-column:5;grid-row:2}.selected-card{grid-template-columns:28px minmax(0,1fr) auto auto}.selected-card .link-button{grid-column:3}.selected-card .link-button+ .link-button{grid-column:4}}
@media (max-width:760px){.block-heading{display:block}.block-heading>.source-badge{margin-top:10px}.vehicle-picker-row{display:grid}.vehicle-picker{max-width:none}.selected-card{grid-template-columns:28px minmax(0,1fr) auto}.selected-card .link-button{grid-column:2;justify-self:start}.selected-card .icon-remove{grid-column:3;grid-row:1}.recommendation-card{grid-template-columns:18px 25px minmax(0,1fr) auto}.recommendation-card .recommendation-source{grid-column:3;grid-row:2}.recommendation-card .recommendation-quantity{grid-column:3;grid-row:3}.recommendation-card .btn{grid-column:4;grid-row:3}.composition-row{grid-template-columns:25px minmax(0,1fr) auto}.composition-row input{grid-column:2}.composition-row .no-price{grid-column:2}.composition-row .icon-remove{grid-column:3;grid-row:1}}
.document-modal{position:fixed;inset:0;z-index:60;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(32,40,51,.35)}.document-modal.open{display:flex}.document-modal-card{width:min(760px,100%);max-height:calc(100vh - 48px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 70px rgba(32,40,51,.24)}.document-modal-head{display:flex;justify-content:space-between;gap:20px;padding:20px;border-bottom:1px solid var(--line)}.document-modal-head h2{margin:3px 0;color:var(--ocean)}.document-modal-head p{margin:0;color:var(--muted);font-size:11px}.document-modal-body{padding:20px}.document-modal-body h3{margin:0 0 8px;color:var(--ocean);font-size:13px}.document-line{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #eef2f7;color:var(--ocean);font-size:11px}.document-line b{white-space:nowrap}.document-total{display:flex;justify-content:space-between;margin-top:16px;padding-top:14px;border-top:2px solid var(--line);color:var(--ocean)}.document-modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--line)}.roadmap-matrix{margin-top:16px}.roadmap-matrix table{width:100%;border-collapse:collapse;min-width:760px}.roadmap-matrix th,.roadmap-matrix td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:10px;color:var(--ocean)}.roadmap-matrix th{background:var(--cloud);color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.04em}.pagination-note{font-size:10px;color:var(--muted)}.hints-off .source-line,.hints-off .panel-footnote{opacity:.45}
@media (max-width:1180px){.main-content{margin-left:74px}.sidebar{width:74px;flex-basis:74px;padding-left:10px;padding-right:10px}.sidebar .brand strong,.sidebar .brand span,.sidebar .demo-pill,.sidebar .nav-item>span:not(.nav-icon),.sidebar .user-card>div,.sidebar .user-card .more{display:none}.sidebar .brand{justify-content:center;padding:0}.sidebar .nav-item{justify-content:center;padding:10px}.sidebar-bottom .user-card{justify-content:center}}
@media (max-width:760px){.main-content{margin-left:74px;padding-left:16px;padding-right:16px}.topbar{gap:10px}.global-search{width:min(320px,45vw)}}
.document-row{width:100%;text-align:left;font:inherit;background:#fff;cursor:pointer;color:inherit}.document-row:hover{border-color:#93c5fd;background:#f8fbff}.vehicle-thumb img,.vehicle-photo{width:100%;height:100%;object-fit:contain;display:block}.vehicle-thumb img{border-radius:8px}.vehicle-photo{max-width:90%;max-height:175px;margin:auto}.context-chip{border:1px solid var(--line);background:#fff;color:var(--ocean);border-radius:9px;padding:7px 10px;text-align:left;cursor:pointer;font:inherit;font-size:11px}.context-chip small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.context-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--sea);margin-right:5px}

.context-hint{margin-top:12px;padding:10px 12px;border:1px solid #cfe6f0;border-radius:8px;background:#f4fbfe;color:var(--muted);font-size:10px;line-height:1.45}.context-hint strong{color:var(--ocean)}.reverse-tools{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin:0 0 10px;padding:10px;border:1px solid #cfe6f0;border-radius:8px;background:#f5fbfd}.reverse-tools .field{flex:1;min-width:210px;margin:0}.reverse-tools .field select{width:100%;height:31px}.reverse-tools .result-count{align-self:center;color:var(--muted);font-size:10px;white-space:nowrap}.inline-warning{margin:9px 0;padding:9px 11px;border:1px solid #f3d29b;border-radius:8px;background:#fff9ed;color:#745114;font-size:10px;line-height:1.4}.inline-warning strong{display:block;color:#765016}.inline-warning ul{margin:4px 0 4px 16px;padding:0}.inline-warning span{color:#92703a}

.documentation-grid{grid-template-columns:1fr 1fr}.vin-segments{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.vin-segments button{border:1px solid var(--line);border-radius:8px;background:#f5fbfd;color:var(--ocean);padding:10px;text-align:left;font:inherit;font-size:11px;cursor:pointer}.vin-segments button.ready{border-color:#69b9df;background:#eaf8fd}.vin-segments small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.doc-status,.doc-explain,.compare-result,.doc-flow{padding:10px;border-radius:8px;background:#f5fbfd;color:var(--muted);font-size:10px;line-height:1.45}.doc-explain{margin-top:8px}.doc-flow{color:var(--ocean);font-weight:800}.compact-field{width:220px}.model-filters{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.model-filters .filter-btn.active{border-color:#70bfe4;background:#edf9fd;color:var(--ocean)}.model-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.model-card{border:1px solid var(--line);border-radius:9px;padding:12px;background:#fff}.model-card h3{margin:8px 0 4px;color:var(--ocean);font-size:14px}.model-card p{margin:0 0 8px;color:var(--muted);font-size:10px}.model-card small{color:var(--muted);font-size:9px;line-height:1.35}.compare-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.compare-row select{min-width:170px;height:33px;border:1px solid var(--line);border-radius:6px;padding:0 7px;color:var(--ocean);font:inherit;font-size:11px}.compare-result{margin-top:10px}@media(max-width:900px){.documentation-grid{grid-template-columns:1fr}.model-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}/* UX guidance layer: contextual help, VIN education and guided tour. */
.vin-learning{overflow:hidden}.learning-lead{max-width:860px;color:var(--muted);line-height:1.55;margin:0 0 16px}.vin-position-strip{display:flex;gap:4px;align-items:stretch;flex-wrap:wrap;margin:14px 0}.vin-part{position:relative;display:flex;align-items:center;justify-content:center;min-width:34px;height:46px;border:1px solid #b9d5e6;border-radius:7px;background:#f6fbfe;color:var(--ocean);font-size:20px;font-weight:800}.vin-part small{position:absolute;bottom:3px;right:5px;font-size:8px;color:var(--muted);font-weight:600}.vin-part.wmi{background:#e8f7fb;border-color:#5ab6d8}.vin-part.vds{background:#edf3ff;border-color:#8cb5ef}.vin-part.vis{background:#f3f7fb;border-color:#c4d2df}.vin-legend{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:10px;line-height:1.4;margin:8px 0 16px}.vin-legend span{display:inline-flex;align-items:center;gap:5px}.vin-swatch{width:10px;height:10px;border-radius:3px;display:inline-block}.vin-swatch.wmi{background:#5ab6d8}.vin-swatch.vds{background:#8cb5ef}.vin-swatch.vis{background:#c4d2df}.vin-learning-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--line);padding-top:14px}.vin-learning-grid h3{font-size:12px;color:var(--ocean);margin:0 0 6px}.vin-learning-grid ul{margin:0;padding-left:18px;color:var(--muted);font-size:10px;line-height:1.55}.source-note{border-top:1px solid var(--line);margin-top:14px;padding-top:10px;color:var(--muted);font-size:10px;line-height:1.5}.documentation-taxonomy{margin-top:12px}.taxonomy-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.taxonomy-grid>div{border:1px solid var(--line);border-radius:8px;padding:10px;background:#fbfdff;min-height:90px}.taxonomy-label{display:block;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:9px;margin-bottom:6px}.taxonomy-grid strong{display:block;color:var(--ocean);font-size:11px;line-height:1.35}.taxonomy-grid small{display:block;color:var(--muted);font-size:9px;line-height:1.35;margin-top:5px}.documentation-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;font-size:10px}.documentation-links a{color:var(--blue);font-weight:700}.model-thumb{height:72px;border-radius:8px;background:linear-gradient(135deg,#e8f6fd,#c3e6f5);display:flex;align-items:center;justify-content:space-between;padding:9px 10px;color:var(--ocean);margin:-1px -1px 8px}.model-thumb span{font-size:28px;font-weight:900;letter-spacing:-.08em}.model-thumb small{max-width:110px;text-align:right;color:#37657d;font-size:8px;line-height:1.2}.help-trigger{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;margin-left:6px;border:1px solid #90bfd4;border-radius:50%;background:#f5fbfd;color:var(--ocean);font:700 11px/1 Arial,sans-serif;cursor:pointer;vertical-align:middle;padding:0}.help-trigger:hover,.help-trigger:focus{background:#dff3fb;border-color:#3a9fc8;outline:2px solid rgba(58,159,200,.2)}.help-modal{position:fixed;inset:0;z-index:90;display:none;align-items:center;justify-content:center;padding:24px 24px 24px max(268px,24px);background:rgba(15,32,48,.28)}.help-modal.open{display:flex}.help-modal-card{position:relative;width:min(460px,100%);max-height:min(80vh,420px);overflow:auto;border:1px solid #b7d6e5;border-radius:14px;background:#fff;box-shadow:0 18px 48px rgba(14,48,74,.24);padding:22px}.help-modal-card h2{margin:5px 0 9px;color:var(--ocean);font-size:19px}.help-modal-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.help-close{position:absolute;top:10px;right:10px;width:28px;height:28px;border:0;border-radius:50%;background:#eef7fb;color:var(--ocean);font-size:18px;cursor:pointer}.tour-overlay{position:fixed;inset:0;z-index:85;display:none}.tour-overlay.open{display:block}.tour-backdrop{position:absolute;inset:0;background:rgba(13,28,42,.48)}.tour-card{position:fixed;left:max(284px,50%);bottom:26px;transform:translateX(-50%);z-index:2;width:min(540px,calc(100vw - 330px));border:1px solid #9ecde1;border-radius:14px;background:#fff;box-shadow:0 18px 54px rgba(13,36,56,.3);padding:19px}.tour-card h2{margin:6px 0 7px;color:var(--ocean);font-size:18px}.tour-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.tour-progress{color:var(--blue);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.tour-actions{display:flex;align-items:center;gap:7px;margin-top:16px}.tour-actions span{flex:1}.tour-highlight{position:relative!important;z-index:86!important;box-shadow:0 0 0 4px #fff,0 0 0 7px #3a9fc8,0 10px 32px rgba(11,103,153,.25)!important;border-radius:9px!important}.tour-highlight>*{position:relative;z-index:87}.tour-target-scroll{scroll-margin-top:80px}@media(max-width:1100px){.taxonomy-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tour-card{left:calc(50% + 120px);width:min(540px,calc(100vw - 280px))}}@media(max-width:900px){.vin-learning-grid{grid-template-columns:1fr}.taxonomy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.help-modal{padding-left:250px}.tour-card{left:calc(50% + 105px);width:calc(100vw - 260px)}}@media(max-width:620px){.taxonomy-grid{grid-template-columns:1fr}.vin-part{min-width:29px;height:42px}.help-modal{padding:16px}.tour-card{left:50%;bottom:12px;width:calc(100vw - 24px);padding:16px}.tour-actions{flex-wrap:wrap}.tour-actions span{display:none}}
/* Stabilization overrides: modal controls stay above the backdrop and within the viewport. */
.help-modal{z-index:120;overflow:auto;overscroll-behavior:contain}.help-modal-card{z-index:121;max-height:calc(100vh - 48px);overflow:auto}.tour-overlay{z-index:130;isolation:isolate;pointer-events:auto}.tour-backdrop{z-index:0;pointer-events:auto}.tour-card{z-index:131;max-height:calc(100vh - 52px);overflow:auto;overscroll-behavior:contain}.tour-actions{position:relative;z-index:132}.tour-actions button{position:relative;z-index:133;min-width:74px;visibility:visible;opacity:1;pointer-events:auto}.tour-highlight{z-index:1!important}
@media(max-width:900px){.tour-card{left:calc(50% + 110px);width:min(560px,calc(100vw - 280px));bottom:18px}}@media(max-width:620px){.tour-card{left:50%;width:calc(100vw - 24px);bottom:12px;max-height:calc(100vh - 24px)}}

/* Stabilization: long passport groups stay compact and scroll internally. */
.accordion-body{max-height:260px;overflow:auto}

.filter-select{display:inline-flex;align-items:center;gap:6px;cursor:default}.filter-select select{border:0;background:transparent;color:var(--ocean);font:inherit;font-weight:700;outline:0;cursor:pointer;padding:0 2px}.filter-select select option{color:var(--ink);font-weight:500}.filter-btn:focus-within{border-color:var(--sky);box-shadow:0 0 0 2px rgba(96,165,250,.18)}

.analytics-detail-grid{grid-template-columns:minmax(0,1.4fr) minmax(320px,.9fr)}.analytics-controls{display:flex;gap:6px;flex-wrap:wrap}.analytics-bars{display:grid;grid-template-columns:repeat(12,minmax(24px,1fr));gap:8px;align-items:end;min-height:180px;padding:14px 4px 22px;border-bottom:1px solid var(--line)}.analytics-bar{position:relative;min-height:8px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--sky),var(--sea));cursor:default}.analytics-bar span{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-size:9px;color:var(--muted);white-space:nowrap}.analytics-bar b{position:absolute;top:-17px;left:50%;transform:translateX(-50%);font-size:9px;color:var(--ocean);white-space:nowrap}.analytics-source{margin-top:14px;font-size:10px;color:var(--muted)}.analytics-list{display:grid;gap:7px;margin-top:6px}.analytics-list:before{content:'???? ????????';font-size:11px;font-weight:800;color:var(--ocean);margin-top:4px}.analytics-list:last-child:before{content:'?????????? ? ?????????? ?????? ???????';margin-top:15px}.analytics-list>div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #edf3f6;padding:8px 0;font-size:10px;color:var(--muted)}.analytics-list>div strong{color:var(--ocean)}

.accordion-body[hidden]{display:none!important}.history-operation-row{display:grid!important;grid-template-columns:minmax(0,1fr) 150px;align-items:start;gap:12px}.history-operation-row span,.history-operation-row b{display:block}.history-operation-row span small,.history-operation-row b small{display:block;font-size:9px;color:var(--muted);font-weight:500;margin-top:3px}.history-operation-row b{text-align:right;color:var(--ocean)}.analytics-list:before{content:none!important}.analytics-list-title{font-size:11px;color:var(--ocean);margin:8px 0 2px}.analytics-list-title + .analytics-list{margin-top:0}