
:root{--cars-green:#2bb673;--cars-ink:#222933;--cars-muted:#687385;--cars-bg:#f5f7fa;--cars-border:#dde4eb}
body{background:var(--cars-bg)}
.cars-shell{min-height:100vh}.cars-topbar{display:flex;align-items:center;gap:24px;padding:12px 22px;background:#fff;border-bottom:1px solid var(--cars-border);position:sticky;top:0;z-index:20}.cars-topbar img{width:110px;height:auto}.cars-product{font-weight:700;color:var(--cars-ink);white-space:nowrap}.cars-search{flex:1}.cars-search input{width:100%;border:1px solid var(--cars-border);border-radius:10px;padding:11px 14px;font:inherit}.cars-user{font-size:13px;color:var(--cars-muted)}
.cars-body{display:grid;grid-template-columns:245px 1fr;min-height:calc(100vh - 67px)}.cars-side{background:#fff;border-right:1px solid var(--cars-border);padding:18px 12px}.cars-side h4{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#97a0ad;margin:18px 12px 8px}.cars-side a{display:block;padding:10px 12px;border-radius:8px;color:#344050;text-decoration:none;font-size:14px}.cars-side a:hover,.cars-side a.active{background:#eef8f3;color:#14784a;font-weight:600}.cars-main{padding:26px;min-width:0}.cars-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.cars-head h1{margin:0;font-size:28px;color:var(--cars-ink)}.cars-head p{margin:6px 0 0;color:var(--cars-muted)}
.cars-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.cars-card{background:#fff;border:1px solid var(--cars-border);border-radius:14px;padding:18px;box-shadow:0 2px 10px rgba(25,35,45,.03)}.cars-kpi .label{font-size:12px;color:var(--cars-muted)}.cars-kpi .value{font-size:25px;font-weight:700;margin-top:7px}.cars-kpi .meta{font-size:12px;margin-top:7px;color:#778191}.cars-section{margin-top:18px}.cars-section h2{font-size:17px;margin:0 0 12px}.cars-table{width:100%;border-collapse:collapse;font-size:13px}.cars-table th,.cars-table td{padding:11px 10px;border-bottom:1px solid #edf0f3;text-align:left}.cars-table th{color:#677283;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.badge{display:inline-block;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:700}.b-green{background:#e8f7ef;color:#137249}.b-yellow{background:#fff5d8;color:#8b6500}.b-red{background:#fde8e8;color:#a62d2d}.b-blue{background:#eaf2ff;color:#2761a8}.cars-actions{display:flex;gap:8px;flex-wrap:wrap}.cars-btn{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:9px;padding:10px 13px;background:#242b35;color:#fff;text-decoration:none;font:600 13px inherit;cursor:pointer}.cars-btn.green{background:var(--cars-green)}.cars-btn.soft{background:#eef2f6;color:#344050}.cars-two{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.cars-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cars-field label{display:block;font-size:12px;font-weight:600;margin-bottom:6px}.cars-field input,.cars-field select,.cars-field textarea{box-sizing:border-box;width:100%;border:1px solid var(--cars-border);border-radius:9px;padding:10px 11px;font:inherit;background:#fff}.cars-field.full{grid-column:1/-1}.cars-note{font-size:12px;color:var(--cars-muted);line-height:1.55}.cars-flow{display:flex;gap:8px;flex-wrap:wrap}.cars-flow span{padding:8px 10px;border-radius:8px;background:#f1f4f7;font-size:12px}.cars-flow span.done{background:#e8f7ef;color:#137249}.cars-flow span.now{background:#eaf2ff;color:#2761a8;font-weight:700}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px;background:#2bb673}.installer{max-width:820px;margin:50px auto;padding:28px}.installer .steps{display:flex;gap:6px;margin:18px 0}.installer .steps span{height:5px;flex:1;background:#dfe5eb;border-radius:99px}.installer .steps span.on{background:#2bb673}.alert{padding:12px 14px;border-radius:9px;margin:12px 0;font-size:13px}.alert.ok{background:#e8f7ef;color:#137249}.alert.err{background:#fde8e8;color:#a62d2d}
@media(max-width:1050px){.cars-grid{grid-template-columns:repeat(2,1fr)}.cars-two{grid-template-columns:1fr}}@media(max-width:760px){.cars-body{grid-template-columns:1fr}.cars-side{display:none}.cars-main{padding:16px}.cars-grid,.cars-form{grid-template-columns:1fr}.cars-topbar{gap:10px}.cars-product,.cars-user{display:none}}
.cars-breadcrumb{font-size:12px;color:var(--cars-muted);margin-bottom:7px}.cars-breadcrumb a{color:#14784a;text-decoration:none}.cars-tabs{display:flex;gap:4px;overflow:auto;background:#fff;border:1px solid var(--cars-border);border-radius:12px;padding:5px;margin-bottom:16px}.cars-tabs a{white-space:nowrap;text-decoration:none;color:#5c6675;font-size:12px;font-weight:600;padding:9px 11px;border-radius:8px}.cars-tabs a.active{background:#eef8f3;color:#14784a}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 22px}.detail-grid>div{padding:10px 0;border-bottom:1px solid #edf0f3}.detail-grid span,.lifecycle span,.calc-summary span{display:block;font-size:11px;color:var(--cars-muted);margin-bottom:3px}.lifecycle>div{padding:10px 0;border-bottom:1px solid #edf0f3}.cars-form.one{grid-template-columns:1fr}.checkbox-row{display:flex;gap:20px;flex-wrap:wrap}.checkbox-row label{display:flex;align-items:center;gap:7px}.checkbox-row input{width:auto}.cars-filter{display:grid;grid-template-columns:1fr 220px auto;gap:10px;margin-bottom:14px}.cars-filter input,.cars-filter select{border:1px solid var(--cars-border);border-radius:9px;padding:10px 11px;font:inherit}.cars-table-wrap{overflow:auto}.cars-table a{color:#25303d;text-decoration:none}.age{display:inline-block;font-size:11px;font-weight:700;padding:4px 7px;border-radius:999px}.age-green{background:#e8f7ef;color:#137249}.age-yellow{background:#fff5d8;color:#8b6500}.age-orange{background:#fff0df;color:#a65300}.age-red{background:#fde8e8;color:#a62d2d}.calc-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.calc-summary>div{background:#f7f9fb;border:1px solid var(--cars-border);border-radius:10px;padding:14px}.calc-summary strong{font-size:18px}.timeline{display:flex;flex-direction:column}.timeline-row{display:grid;grid-template-columns:145px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid #edf0f3}.timeline-row time{font-size:11px;color:var(--cars-muted)}.timeline-row strong{display:block;margin:4px 0}.timeline-row p{margin:2px 0;color:var(--cars-muted);font-size:12px}.media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.media-item{border:1px solid var(--cars-border);border-radius:10px;overflow:hidden;position:relative}.media-item img,.media-placeholder{width:100%;height:150px;object-fit:cover;background:#eef2f6;display:flex;align-items:center;justify-content:center;color:#7b8796;font-weight:700}.media-item>div{padding:10px}.media-item small{display:block;color:var(--cars-muted);word-break:break-all;margin-top:4px}.media-item form{position:absolute;right:7px;top:7px}.icon-btn{width:28px;height:28px;border:0;border-radius:50%;background:rgba(36,43,53,.82);color:#fff;font-size:18px;cursor:pointer}.payload{display:block;max-width:420px;max-height:80px;overflow:auto;white-space:pre-wrap;font-size:10px}hr{border:0;border-top:1px solid var(--cars-border);margin:18px 0}@media(max-width:760px){.cars-tabs{margin-left:-8px;margin-right:-8px;border-radius:0}.detail-grid,.calc-summary,.media-grid{grid-template-columns:1fr}.cars-filter{grid-template-columns:1fr}.timeline-row{grid-template-columns:1fr;gap:3px}}

.acq-flow{display:flex;gap:5px;overflow:auto;margin:0 0 16px}.acq-flow span{position:relative;white-space:nowrap;background:#e9edf1;color:#6f7986;padding:9px 12px;border-radius:999px;font-size:11px;font-weight:700}.acq-flow span.done{background:#e8f7ef;color:#137249}.acq-flow span.now{background:#eaf2ff;color:#2761a8;box-shadow:inset 0 0 0 1px #bfd4f2}.cars-table small{color:var(--cars-muted)}

.pipeline{display:flex;gap:6px;overflow:auto;margin:0 0 16px;padding:2px}.pipeline span,.pipeline a{white-space:nowrap;padding:8px 11px;border-radius:999px;background:#e9edf1;color:#6f7986;font-size:11px;font-weight:700;text-decoration:none}.pipeline span.done{background:#e8f7ef;color:#137249}.pipeline span.now,.pipeline a:hover{background:#eaf2ff;color:#2761a8;box-shadow:inset 0 0 0 1px #bfd4f2}.vehicle-highlight{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--cars-border);border-radius:10px;background:#f8fafb}.vehicle-highlight strong{font-size:19px}.vehicle-highlight span{font-size:12px;color:var(--cars-muted)}.vehicle-highlight b{font-size:22px}.pipeline-sales{margin-bottom:18px}

/* Alpha 6 – Test Drive & Handover */
.signature-pad{width:100%;height:180px;border:1px dashed var(--cars-border);border-radius:10px;background:#fff;touch-action:none}.vehicle-map{display:grid;grid-template-columns:1fr 2fr 1fr;grid-template-areas:". front ." "left center right" ". rear .";gap:6px;margin:0 0 14px}.vehicle-map .vm{padding:16px 8px;text-align:center;border:1px solid var(--cars-border);border-radius:10px;background:#f7f9fb;font-size:12px;font-weight:700;color:#647080}.vehicle-map .front{grid-area:front}.vehicle-map .left{grid-area:left}.vehicle-map .center{grid-area:center;background:#eef8f3;color:#14784a;padding:35px 8px}.vehicle-map .right{grid-area:right}.vehicle-map .rear{grid-area:rear}button[disabled]{opacity:.45;cursor:not-allowed}

/* Alpha 7 – Finance Center 2.0 */
.compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.compare-card{border:1px solid var(--cars-border);border-radius:14px;padding:16px;background:#fff}.compare-card.selected{outline:2px solid #2e9d68;background:#f3fbf7}.compare-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.compare-card .rate{font-size:26px;font-weight:800;margin:12px 0}.compare-card .rate small{font-size:12px;font-weight:600;color:#6b7280}.compare-card dl{display:grid;grid-template-columns:1fr auto;gap:6px 14px}.compare-card dt{color:#6b7280}.compare-card dd{margin:0;font-weight:700}.inline-form{display:flex;gap:8px;align-items:center;margin:10px 0}.inline-form select{max-width:170px}

/* Alpha 10 – Delivery Center */
.delivery-flow{display:flex;gap:6px;overflow:auto;margin:0 0 16px}.delivery-flow span{white-space:nowrap;padding:8px 11px;border-radius:999px;background:#e9edf1;color:#6f7986;font-size:11px;font-weight:700}.delivery-flow span.now{background:#eaf2ff;color:#2761a8;box-shadow:inset 0 0 0 1px #bfd4f2}.check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}.check-item{border:1px solid var(--cars-border);border-radius:12px;padding:12px;display:grid;gap:8px;background:#fff}.check-item.done{background:#f3fbf7;border-color:#bce2ce}.check-item select,.check-item input{border:1px solid var(--cars-border);border-radius:8px;padding:8px;font:inherit}.portal-wrap{max-width:900px;margin:40px auto;padding:0 16px}.portal-status{margin:12px 0}

.delivery-media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.delivery-media-grid img{width:100%;height:110px;object-fit:cover;border-radius:8px}.delivery-media-grid small{display:block;margin-top:4px;color:var(--cars-muted)}@media(max-width:760px){.delivery-media-grid{grid-template-columns:1fr 1fr}}

/* Alpha 11 – Workshop 2.0 */
.workshop-board{display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));gap:10px;overflow:auto}.workshop-col{min-width:180px;background:#f7f9fb;border:1px solid var(--cars-border);border-radius:12px;padding:10px}.workshop-col h3{font-size:12px;text-transform:uppercase;color:#667085;margin:0 0 10px}.workshop-ticket{background:#fff;border:1px solid var(--cars-border);border-radius:10px;padding:10px;margin-bottom:8px}.workshop-ticket strong{display:block;margin-bottom:4px}.workshop-ticket small{color:var(--cars-muted);display:block}.calendar-day{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #edf0f3}.calendar-day time{font-weight:700}.metric-strip{display:flex;gap:10px;flex-wrap:wrap}.metric-strip>div{padding:10px 12px;border:1px solid var(--cars-border);border-radius:10px;background:#fff;min-width:130px}.metric-strip small{display:block;color:var(--cars-muted)}.approval-box{max-width:760px;margin:50px auto;padding:22px}.time-running{background:#fff5d8!important;border-color:#ead39a!important}.workshop-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 15px}.workshop-tabs a{padding:8px 10px;border-radius:8px;background:#eef2f6;color:#344050;text-decoration:none;font-size:12px;font-weight:700}.workshop-tabs a.active{background:#e8f7ef;color:#137249}@media(max-width:900px){.workshop-board{grid-template-columns:repeat(3,minmax(180px,1fr))}}

/* Alpha 17 Customer Portal */
.customer-portal{background:#f5f6f7;color:#171717}.cp-top{height:68px;background:#fff;border-bottom:1px solid #e7e7e7;display:flex;align-items:center;gap:18px;padding:0 4vw;position:sticky;top:0;z-index:20}.cp-top img{width:105px;display:block}.cp-spacer{flex:1}.cp-nav{display:flex;gap:6px;padding:10px 4vw;background:#fff;border-bottom:1px solid #ececec;overflow:auto;white-space:nowrap}.cp-nav a{padding:10px 14px;border-radius:9px;text-decoration:none;color:#333}.cp-nav a.active,.cp-nav a:hover{background:#111;color:#fff}.cp-main{max-width:1280px;margin:0 auto;padding:28px 4vw 60px}.cp-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;background:#111;color:#fff;border-radius:18px;padding:30px;margin-bottom:22px}.cp-hero h1{margin:.2rem 0}.cp-hero p{color:#ccc}.cp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin:18px 0}.cp-vehicle-title{display:flex;align-items:start;justify-content:space-between;gap:10px}.cp-due{display:flex;justify-content:space-between;gap:12px;padding:12px;margin:14px 0;background:#f7f7f7;border-radius:10px}.cp-message{padding:12px 14px;border-radius:12px;margin:10px 0;background:#f2f2f2}.cp-message.me{margin-left:12%;background:#eaf7ef}.cp-message.dealer{margin-right:12%}.cars-kpis.mini{grid-template-columns:repeat(2,1fr)}
@media(max-width:720px){.cp-top{padding:0 16px}.cp-top strong{display:none}.cp-nav{padding:8px 12px}.cp-main{padding:18px 14px 50px}.cp-hero{align-items:flex-start;flex-direction:column}.cp-spacer{flex:1}}

/* Alpha 18 Analytics & Management Cockpit */
.analytics-kpis{grid-template-columns:repeat(auto-fit,minmax(175px,1fr))}.analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.analytics-grid>.wide{grid-column:1/-1}.analytics-bars>div{display:grid;grid-template-columns:100px 1fr 50px;gap:10px;align-items:center;margin:14px 0}.analytics-bars span{height:12px;background:#ececec;border-radius:10px;overflow:hidden}.analytics-bars span:after{content:"";display:block;width:var(--v);height:100%;background:currentColor;border-radius:10px}.analytics-months{height:190px;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid #ddd;padding-top:12px}.analytics-months>div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.analytics-months i{display:block;width:72%;background:#111;border-radius:6px 6px 0 0;min-height:3px}.analytics-months small{font-size:10px}.cars-filter{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.cars-filter label{display:grid;gap:5px}.cars-btn.small{padding:6px 9px;font-size:12px}
@media(max-width:900px){.analytics-grid{grid-template-columns:1fr}.analytics-grid>.wide{grid-column:auto}.analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* FINAL Erstinstallation – SQUUA Cars Login Background */
.cars-login{position:relative;min-height:100vh;overflow:hidden;background:#eef1f4;color:#080d18}
.cars-login__background{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 18%,rgba(255,255,255,.67) 32%,rgba(255,255,255,.18) 48%,rgba(255,255,255,0) 62%),url('../img/SQUUA-Cars-BG_admin.png');background-size:cover;background-position:center center;background-repeat:no-repeat}
.cars-login__content{position:relative;z-index:1;width:min(520px,calc(100% - 48px));min-height:100vh;margin-left:clamp(28px,7vw,132px);display:flex;flex-direction:column;justify-content:center;padding:42px 0}
.cars-login__brand{margin-bottom:24px}.cars-login__brand img{display:block;width:145px;height:auto}
.cars-login__box{width:100%;padding:30px 32px 28px;background:rgba(255,255,255,.92);border:1px solid rgba(184,205,232,.92);border-radius:12px;box-shadow:0 22px 55px rgba(30,45,63,.14);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.cars-login__box .sq-kicker{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#49617f;margin-bottom:8px}
.cars-login__box h1{margin:0 0 10px;font-size:40px;line-height:1.04;letter-spacing:-.035em}.cars-login__box>p{margin:0 0 26px;color:#56667c}
.cars-login__installer,.cars-login__demo{margin:16px 0 0!important}.cars-login--customer .cars-login__content{width:min(520px,calc(100% - 48px))}
@media(max-width:900px){.cars-login__background{background-position:62% center}.cars-login__content{margin-left:28px}.cars-login__box{background:rgba(255,255,255,.95)}}
@media(max-width:620px){.cars-login__background{background-position:68% center}.cars-login__background:after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.42)}.cars-login__content{width:auto;margin:0;padding:28px 18px;justify-content:center}.cars-login__brand{margin-bottom:16px}.cars-login__brand img{width:128px}.cars-login__box{padding:24px 22px}.cars-login__box h1{font-size:34px}}


/* ===== Brand UI refresh / Plesk Overwrite Update ===== */
:root{
  --cars-brand-bg:#F8FBFF;
  --cars-brand-border:#D2DFEF;
  --cars-brand-border-soft:#E6EEF8;
  --cars-brand-text:#08111F;
  --cars-brand-muted:#587090;
  --cars-brand-dark:#060C11;
  --cars-brand-dark-2:#0A1219;
  --cars-brand-active:#1A2229;
  --cars-brand-blue:#005AFE;
  --cars-brand-blue-soft:#EAF3FF;
  --cars-brand-green:#00C92D;
}
body.cars-brand-body, body.customer-portal{background:#fff;color:var(--cars-brand-text)}
.cars-app,.cars-customer-app{min-height:100vh;grid-template-rows:60px 1fr}
.cars-app .cars-body,.cars-customer-app .cars-body{min-height:calc(100vh - 60px)}
.cars-topbar{height:60px!important;padding:0 24px 0 26px!important;background:#fff!important;border-bottom:1px solid #E1E6EB!important;gap:26px!important;position:sticky;top:0;z-index:50}
.cars-topbar .sq-logo img{width:132px!important;height:auto}
.cars-topbar__right{margin-left:auto;display:flex;align-items:center;gap:14px}
.cars-search-wrap{margin-left:0!important;flex:1;max-width:none}
.cars-search-wrap::before{content:"⌕";position:absolute;left:18px;top:8px;color:#000;font-size:25px;line-height:1;transform:rotate(-15deg)}
.cars-search-wrap .sq-top-search{width:100%;max-width:100%;min-width:260px}
.cars-side{background:linear-gradient(180deg,#03090D 0%,#071016 100%)!important;border-right:0!important;padding:12px 0 18px!important;color:#fff}
.cars-side .sq-nav{display:flex;flex-direction:column}
.cars-nav-title,.cars-side h4{padding:8px 29px 3px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#7F8FA5;font-weight:700;margin:0}
.cars-side a{color:#fff!important;text-decoration:none;padding:13px 29px!important;min-height:42px;display:flex;align-items:center;border-left:7px solid transparent;border-radius:0!important;font-size:14px;font-weight:500;background:transparent!important}
.cars-side a:hover{background:#151D24!important}
.cars-side a.is-active,.cars-side a.active{background:linear-gradient(90deg,#252C33,#1A2229)!important;border-left-color:var(--sq-primary)!important;font-weight:600}
.cars-side .sq-nav__separator{height:1px;background:#394149;margin:11px 29px}
.cars-main{padding:24px 38px 36px!important;background:linear-gradient(135deg,#fff 0%,#F9FCFF 100%);overflow:auto}
.cars-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.cars-head h1{margin:0;font-size:32px;line-height:1.08;font-weight:700;letter-spacing:-.03em;color:var(--cars-brand-text)}
.cars-head p{margin:7px 0 0;font-size:16px;color:#486281;max-width:940px}
.cars-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;color:#73839B}
.cars-card{background:#fff!important;border:1px solid var(--cars-brand-border)!important;border-radius:6px!important;padding:22px 26px!important;box-shadow:0 1px 3px rgba(21,45,80,.02)!important}
.cars-card h2,.cars-card h3{margin-top:0;color:var(--cars-brand-text)}
.cars-grid{gap:16px}
.cars-kpi .label{font-size:12px;color:#5D7392;text-transform:none}
.cars-kpi .value{font-size:28px;font-weight:700;color:var(--cars-brand-text);margin-top:6px}
.cars-kpi .meta{font-size:12px;color:#6D809A;margin-top:6px}
.cars-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cars-btn{min-height:42px;border-radius:5px;border:1px solid transparent;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none!important;font-weight:600;font-size:14px}
.cars-btn.green{background:var(--sq-success)!important;color:#fff!important}
.cars-btn.soft{background:#E7F8EB!important;color:#008822!important}
.cars-btn:not(.green):not(.soft){background:#F1F3F5!important;color:#111!important}
.cars-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 26px}
.cars-form.one{grid-template-columns:1fr}
.cars-field label{display:flex;align-items:center;gap:8px;margin:0 0 7px;font-weight:700;font-size:14px;color:#0B101A}
.cars-field input,.cars-field select,.cars-field textarea{width:100%;min-height:44px;border:1px solid #BBD0EE;border-radius:5px;background:#fff;color:#18233A;padding:0 16px;outline:0;transition:border-color .12s,box-shadow .12s;font:inherit}
.cars-field textarea{min-height:90px;padding:12px 16px;resize:vertical}
.cars-field input:focus,.cars-field select:focus,.cars-field textarea:focus{border:2px solid var(--sq-primary-active);box-shadow:0 0 0 3px rgba(0,128,250,.10);padding-left:15px}
.cars-field.full{grid-column:1/-1}
.cars-note{font-size:13px;color:#4C6585;line-height:1.6}
.alert{padding:12px 14px;border-radius:6px;margin:0 0 18px;font-size:13px;border:1px solid transparent}
.alert.ok{background:#E8F7EF;color:#137249;border-color:#B7E6CB}
.alert.err{background:#FDE8E8;color:#A62D2D;border-color:#F2C1C1}
.cars-table-wrap{overflow:auto}
.cars-table{width:100%;border-collapse:collapse;font-size:13px;background:#fff}
.cars-table th,.cars-table td{padding:13px 10px;border-bottom:1px solid #E8EEF5;text-align:left;vertical-align:top}
.cars-table th{color:#677283;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.cars-table tr:hover td{background:#FBFDFF}
.badge,.age{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700}
.b-green,.age-green{background:#E8F7EF;color:#137249}.b-yellow,.age-yellow{background:#FFF5D8;color:#8B6500}.b-red,.age-red{background:#FDE8E8;color:#A62D2D}.b-blue{background:#EAF2FF;color:#2761A8}.age-orange{background:#FFF0DF;color:#A65300}
.cars-tabs{display:flex;gap:4px;overflow:auto;background:#fff;border:1px solid var(--cars-brand-border);border-radius:12px;padding:5px;margin-bottom:16px}
.cars-tabs a{white-space:nowrap;text-decoration:none;color:#5c6675;font-size:12px;font-weight:600;padding:9px 11px;border-radius:8px}
.cars-tabs a.active{background:#EAF3FF;color:#005AFE}
.detail-grid>div,.lifecycle>div,.timeline-row,.media-item,.calc-summary>div{border-color:#E8EEF5}
.cp-main{padding:24px 38px 36px!important;background:linear-gradient(135deg,#fff 0%,#F9FCFF 100%)}
.cp-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#08111F 0%,#101C29 100%);color:#fff;border-radius:16px;padding:30px;box-shadow:0 10px 30px rgba(8,24,48,.12);margin-bottom:22px}
.cp-hero .eyebrow{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#8EB5FF;margin-bottom:8px}
.cp-hero h1{margin:0 0 8px;font-size:36px;line-height:1.04;letter-spacing:-.03em}.cp-hero p{margin:0;max-width:720px;color:#C8D7EA}
.cars-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 18px}.cars-kpis>.cars-kpi{background:#fff;border:1px solid var(--cars-brand-border);border-radius:6px;padding:18px 20px;box-shadow:0 1px 3px rgba(21,45,80,.02)}
.cars-kpis>.cars-kpi b{display:block;font-size:28px;line-height:1.1}.cars-kpis>.cars-kpi span{display:block;color:#5D7392;margin-top:6px}
.cp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin:18px 0}
.cp-vehicle .cars-btn.soft{background:#F1F3F5!important;color:#111!important}
.cp-due{display:flex;justify-content:space-between;gap:12px;padding:14px;background:#F6F9FD;border:1px solid var(--cars-brand-border-soft);border-radius:10px}
.cp-message{padding:12px 14px;border-radius:12px;margin:10px 0;background:#F6F9FD;border:1px solid var(--cars-brand-border-soft)}
.cp-message.me{margin-left:12%;background:#EAF7EF;border-color:#CDE8D7}.cp-message.dealer{margin-right:12%}
.cars-auth-page{min-height:100vh;display:grid;grid-template-rows:68px minmax(620px,1fr) 82px;background:#fff}
.cars-auth-topbar{height:68px!important;padding:0 52px 0 70px!important;background:linear-gradient(90deg,#050B10 0%,#071016 100%)!important;border-bottom:0!important;color:#fff}.cars-auth-topbar .sq-logo img{width:122px!important;filter:brightness(0) invert(1)}
.cars-auth__hero{position:relative;min-height:0}
.cars-auth__inner{width:min(720px,calc(100% - 80px));padding:103px 0 70px 120px}.cars-auth__inner--wide{width:min(860px,calc(100% - 80px))}
.cars-auth-card{max-width:520px}.cars-install-card{max-width:760px}
.cars-auth-meta{margin:2px 0 22px}.cars-public-footer{position:relative;z-index:3}
@media(max-width:1100px){.cars-auth__inner{padding-left:60px;width:min(720px,calc(100% - 40px))}.cp-main,.cars-main{padding:22px}.cars-search-wrap .sq-top-search{min-width:180px}}
@media(max-width:780px){.cars-app,.cars-customer-app{grid-template-rows:auto 1fr}.cars-topbar{flex-wrap:wrap;height:auto!important;padding:12px 16px!important}.cars-topbar__right{width:100%;justify-content:flex-end}.cars-search-wrap{order:3;width:100%;flex:0 0 100%}.cars-body,.cars-body--customer{grid-template-columns:1fr!important}.cars-side,.cars-side--customer{display:none}.cars-main,.cp-main{padding:20px 16px}.cars-grid,.cars-form,.cars-kpis,.calc-summary,.detail-grid,.media-grid{grid-template-columns:1fr!important}.cars-head,.cp-hero{flex-direction:column}.cars-auth-page{grid-template-rows:68px 1fr auto}.cars-auth__inner,.cars-auth__inner--wide{padding:60px 20px;width:100%}.cars-auth-topbar{padding:0 20px!important}.cars-public-footer{flex-wrap:wrap;gap:16px;padding:18px}.cars-public-footer .sq-footer__links{gap:18px;flex-wrap:wrap}.cars-public-footer .sq-footer__languages{margin-left:0}}
