:root{
    --bg:#f5f5f7;--panel:rgba(255,255,255,.78);--panel-strong:#fff;--text:#161617;--muted:#73737a;--line:rgba(0,0,0,.08);
    --brand:#111827;--blue:#007aff;--green:#34c759;--red:#ff3b30;--orange:#ff9500;--purple:#af52de;--cyan:#32ade6;
    --shadow:0 24px 70px rgba(15,23,42,.08);--radius:28px;--radius-sm:18px;--safe-bottom:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top left,#fff 0,#f5f5f7 34%,#eef0f4 100%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,Arial,sans-serif;min-height:100vh}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.glass{background:var(--panel);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.62);box-shadow:var(--shadow)}
.login-page{display:grid;place-items:center;padding:24px;min-height:100vh}.login-card{width:min(1040px,100%);display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;border-radius:36px;background:#fff;box-shadow:0 32px 120px rgba(0,0,0,.12)}.login-hero{padding:54px;background:linear-gradient(145deg,#111827,#2b313c);color:#fff;position:relative;overflow:hidden}.login-hero:after{content:"";position:absolute;right:-100px;bottom:-100px;width:320px;height:320px;border-radius:999px;background:rgba(255,255,255,.12)}.login-logo{display:flex;align-items:center;gap:14px;font-size:28px;font-weight:800}.login-logo span{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:#fff;color:#111827}.hero-title{font-size:52px;line-height:1.02;letter-spacing:-.045em;margin:82px 0 18px}.hero-copy{max-width:480px;color:rgba(255,255,255,.78);font-size:18px;line-height:1.6}.login-form{padding:54px;display:flex;flex-direction:column;justify-content:center}.login-form h2{font-size:32px;margin:0 0 10px;letter-spacing:-.03em}.login-form p{margin:0 0 28px;color:var(--muted)}
.app-shell{display:grid;grid-template-columns:286px minmax(0,1fr);gap:22px;padding:18px;min-height:100vh}.sidebar{position:sticky;top:18px;height:calc(100vh - 36px);border-radius:32px;padding:20px;display:flex;flex-direction:column;gap:24px}.brand{display:flex;align-items:center;gap:13px;padding:8px}.brand-mark{width:44px;height:44px;border-radius:16px;background:#111827;color:#fff;display:grid;place-items:center;font-weight:900}.brand strong{display:block;font-size:18px;letter-spacing:-.02em}.brand small{color:var(--muted)}.nav-list{display:grid;gap:8px}.nav-link{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:18px;color:#55565d;transition:.2s}.nav-link span{width:26px;text-align:center}.nav-link:hover,.nav-link.active{background:#111827;color:#fff;box-shadow:0 12px 30px rgba(17,24,39,.18)}.sidebar-footer{margin-top:auto;display:grid;gap:14px}.mini-user{display:flex;gap:12px;align-items:center;padding:12px;border-radius:20px;background:rgba(255,255,255,.62);border:1px solid var(--line)}.avatar{width:40px;height:40px;border-radius:14px;background:#e9edf3;color:#111827;display:grid;place-items:center;font-weight:800}.mini-user strong{display:block;font-size:14px}.mini-user small{color:var(--muted);font-size:12px}.logout{background:rgba(255,255,255,.6)}
.main-area{min-width:0}.topbar{position:sticky;top:18px;z-index:20;border-radius:32px;padding:21px 24px;margin-bottom:22px;display:flex;justify-content:space-between;gap:18px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;color:var(--muted)}.topbar h1{margin:4px 0 0;font-size:30px;letter-spacing:-.035em}.topbar-actions{display:flex;align-items:center;gap:10px}.content-wrap{padding-bottom:96px}.grid{display:grid;gap:18px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{border-radius:var(--radius);background:var(--panel-strong);border:1px solid rgba(0,0,0,.05);box-shadow:var(--shadow);padding:24px}.card.slim{padding:18px}.card h2,.card h3{margin:0 0 16px;letter-spacing:-.028em}.stat{display:flex;justify-content:space-between;gap:16px;align-items:center}.stat strong{font-size:36px;letter-spacing:-.05em}.stat span{color:var(--muted)}.stat .icon{width:54px;height:54px;border-radius:20px;background:#f1f3f7;display:grid;place-items:center;font-size:24px}.muted{color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:9px 13px;background:#f1f3f7;font-size:13px;font-weight:700}.pill.blue{background:rgba(0,122,255,.12);color:#0057b8}.pill.green{background:rgba(52,199,89,.13);color:#1f8f43}.pill.orange{background:rgba(255,149,0,.14);color:#a35f00}.pill.red{background:rgba(255,59,48,.12);color:#b42318}.pill.purple{background:rgba(175,82,222,.13);color:#7431a3}.pill.cyan{background:rgba(50,173,230,.14);color:#0d6f96}.pill.dark{background:#111827;color:#fff}.pill.indigo{background:rgba(88,86,214,.13);color:#3d3aa8}.pill.gray{background:#edf0f4;color:#60636c}
.btn{border:0;background:#111827;color:#fff;border-radius:16px;padding:12px 17px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 12px 28px rgba(17,24,39,.18);transition:.18s}.btn:hover{transform:translateY(-1px)}.btn.secondary{background:#fff;color:#111827;border:1px solid var(--line);box-shadow:none}.btn.danger{background:var(--red)}.btn.success{background:var(--green)}.btn.small{padding:9px 12px;border-radius:13px;font-size:13px}.btn.full{width:100%}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:grid;gap:8px}.field label{font-size:13px;font-weight:800;color:#55565d}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#f8f8fa;border-radius:16px;padding:13px 14px;outline:none;transition:.18s}.field textarea{min-height:104px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#111827;background:#fff;box-shadow:0 0 0 4px rgba(17,24,39,.08)}.field.full{grid-column:1/-1}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}.table-wrap{overflow:auto;border-radius:22px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:15px 16px;text-align:left;border-bottom:1px solid #eef0f3;vertical-align:middle}th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#70727a;background:#fafafa}tr:hover td{background:#fbfcfd}.alert{border-radius:18px;padding:14px 16px;margin-bottom:16px;font-weight:700}.alert.success{background:rgba(52,199,89,.12);color:#167735}.alert.error{background:rgba(255,59,48,.12);color:#a22119}.alert.info{background:rgba(0,122,255,.12);color:#0057b8}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.searchbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.searchbar input,.searchbar select{border:1px solid var(--line);background:#fff;border-radius:14px;padding:11px 12px}.empty{padding:34px;text-align:center;color:var(--muted);background:#fff;border-radius:22px;border:1px dashed #d6d8dd}.timeline{display:grid;gap:12px}.step{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px;border-radius:20px;background:#f8f9fb;border:1px solid #edf0f4}.step-dot{width:34px;height:34px;border-radius:999px;background:#e5e7eb;display:grid;place-items:center;font-weight:900}.step.done .step-dot{background:var(--green);color:#fff}.step.done{background:rgba(52,199,89,.07);border-color:rgba(52,199,89,.25)}.step strong{display:block}.step small{color:var(--muted)}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.media-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}.media-card img,.media-card video{width:100%;height:150px;object-fit:cover;background:#eef0f4;display:block}.media-card div{padding:10px;font-size:12px;color:var(--muted)}.signature-pad{border:1px solid var(--line);background:#fff;border-radius:22px;width:100%;height:240px;touch-action:none}.contract-box{line-height:1.7;color:#35363c;background:#fafafa;border:1px solid var(--line);border-radius:20px;padding:18px}.print-only{display:none}.mobile-nav{display:none}.desktop-only{display:inline-flex}.progress{height:10px;border-radius:999px;background:#edf0f4;overflow:hidden}.progress span{height:100%;display:block;background:#111827;border-radius:999px}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.quick-actions a{padding:18px;border-radius:22px;background:#fff;border:1px solid var(--line);font-weight:800}.quick-actions small{display:block;color:var(--muted);font-weight:600;margin-top:6px}.section-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.badge-count{min-width:28px;height:28px;border-radius:999px;background:#111827;color:#fff;display:inline-grid;place-items:center;font-size:12px;font-weight:900}.kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.note{padding:13px 14px;border-radius:16px;background:#fff7e6;color:#805000;border:1px solid rgba(255,149,0,.25)}
@media(max-width:1120px){.grid.cols-4,.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.login-card{grid-template-columns:1fr}.login-hero{padding:32px}.hero-title{font-size:38px;margin:48px 0 12px}.login-form{padding:32px}.app-shell{display:block;padding:10px}.sidebar{display:none}.topbar{top:10px;border-radius:24px;padding:16px}.topbar h1{font-size:24px}.desktop-only{display:none}.grid.cols-2,.grid.cols-3,.grid.cols-4,.form-grid,.kpi-row{grid-template-columns:1fr}.card{padding:18px;border-radius:24px}.mobile-nav{position:fixed;left:10px;right:10px;bottom:calc(10px + var(--safe-bottom));display:flex;justify-content:space-around;z-index:50;border-radius:26px;padding:8px}.mobile-link{display:grid;place-items:center;gap:2px;min-width:54px;color:#666}.mobile-link span{font-size:19px}.mobile-link small{font-size:11px}.mobile-link.active{color:#111827;font-weight:900}.topbar-actions .btn{padding:10px 12px}.table-wrap{border-radius:18px}th,td{padding:12px;white-space:nowrap}.signature-pad{height:210px}}
@media print{body{background:#fff}.sidebar,.topbar,.mobile-nav,.no-print,.actions{display:none!important}.app-shell{display:block;padding:0}.content-wrap{padding:0}.card{box-shadow:none;border:0;border-radius:0}.print-only{display:block}.main-area{width:100%}}

.topbar-meta{font-size:13px;margin-top:8px;max-width:560px}
.hero-banner{padding:28px;border-radius:var(--radius);background:linear-gradient(145deg,#ffffff,rgba(255,255,255,.82));border:1px solid rgba(0,0,0,.04);box-shadow:var(--shadow);display:flex;justify-content:space-between;gap:22px;align-items:flex-start}
.hero-banner h2{margin:10px 0 8px;font-size:34px;letter-spacing:-.045em}
.hero-banner p{margin:0;color:var(--muted);max-width:720px;line-height:1.7}
.hero-banner .hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.hero-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}
.hero-kpis .card{padding:20px}
.dashed-card{border:1px dashed #cdd2da;background:#fff;border-radius:24px;padding:18px}
.receipt{background:#fff;border:1px dashed #c8ced8;border-radius:28px;padding:24px;box-shadow:var(--shadow)}
.receipt-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px dashed #d6dbe3;padding-bottom:16px;margin-bottom:16px}
.receipt h2{margin:0;font-size:26px;letter-spacing:-.04em}.receipt small{color:var(--muted)}
.receipt-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.receipt-summary .box,.soft-box{border:1px solid var(--line);background:#fafbfc;border-radius:18px;padding:14px}
.segmented{display:inline-flex;gap:8px;flex-wrap:wrap}
.segmented .pill{cursor:pointer;border:1px solid #e1e4ea;background:#fff}.segmented .pill input{margin-right:6px}
.signature-shell{border:1px dashed #d4d8df;border-radius:24px;background:linear-gradient(180deg,#fbfcfd,#fff);padding:16px}
.signature-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}
.signature-helper{font-size:12px;color:var(--muted)}
.track-box{display:grid;gap:14px;padding:20px;border-radius:24px;background:linear-gradient(145deg,#111827,#333d4d);color:#fff}
.track-box a{color:#fff;text-decoration:underline}
.panel-chip{padding:14px 16px;border-radius:20px;background:rgba(255,255,255,.62);border:1px solid var(--line);display:grid;gap:4px}.panel-chip strong{font-size:14px}.panel-chip small{color:var(--muted)}
.brand-logo-wrap,.brand-mark{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:#111827;color:#fff;overflow:hidden}.brand-logo{width:100%;height:100%;object-fit:cover}
.form-intro{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}
.form-intro h2{margin:0;font-size:28px;letter-spacing:-.04em}.form-intro p{margin:6px 0 0;color:var(--muted)}
.schema-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.car-schema{position:relative;border-radius:28px;padding:20px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f8f9fb)}
.car-frame{position:relative;width:100%;max-width:520px;margin:0 auto;height:320px}
.car-body{position:absolute;inset:14px 90px;border-radius:110px 110px 90px 90px / 80px 80px 110px 110px;background:#eef1f6;border:2px solid #d3d8e2;box-shadow:inset 0 0 0 10px rgba(255,255,255,.75)}
.car-window{position:absolute;left:50%;transform:translateX(-50%);top:72px;width:180px;height:110px;border-radius:60px;background:#dfe7f1;border:2px solid #c9d1db}
.car-wheel{position:absolute;width:28px;height:78px;border-radius:999px;background:#1f2937}.wheel-fl{left:78px;top:64px}.wheel-fr{right:78px;top:64px}.wheel-rl{left:78px;bottom:64px}.wheel-rr{right:78px;bottom:64px}
.zone-btn{position:absolute;border:1px solid rgba(17,24,39,.1);background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-radius:999px;padding:10px 12px;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 10px 22px rgba(17,24,39,.08);transition:.18s}
.zone-btn:hover,.zone-btn.active{background:#111827;color:#fff;transform:translateY(-1px)}
.zone-list{display:grid;gap:10px}
.zone-item{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;border:1px solid var(--line);background:#fff;border-radius:18px;padding:12px}.zone-item strong{display:block}
.grid-note{padding:14px;border-radius:18px;background:#f9fafb;border:1px dashed #d7dbe2;color:#666}
.two-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.stat-stack{display:grid;gap:4px}.stat-stack strong{font-size:28px;letter-spacing:-.05em}
.inline-list{display:flex;gap:8px;flex-wrap:wrap}
.info-list{display:grid;gap:10px}.info-list .row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed #e6e8ed}.info-list .row:last-child{border-bottom:0}
.card-header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:14px}
.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.integration-card{padding:22px;border-radius:26px;background:#fff;border:1px solid rgba(0,0,0,.05);box-shadow:var(--shadow);display:grid;gap:14px}.integration-card h3{margin:0;font-size:22px;letter-spacing:-.03em}.integration-card p{margin:0;color:var(--muted);line-height:1.6}
.logo-preview{width:88px;height:88px;border-radius:22px;border:1px dashed #ccd3dd;background:#fff;display:grid;place-items:center;overflow:hidden}.logo-preview img{width:100%;height:100%;object-fit:cover}
.public-shell{max-width:1120px;margin:0 auto;padding:24px}.public-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:24px;border-radius:30px;background:rgba(255,255,255,.84);border:1px solid rgba(255,255,255,.72);backdrop-filter:blur(24px);box-shadow:var(--shadow)}.public-header h1{margin:10px 0 0;font-size:36px;letter-spacing:-.05em}.public-header p{margin:8px 0 0;color:var(--muted)}
.public-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-top:18px}
.public-card{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:28px;padding:22px;box-shadow:var(--shadow)}
.public-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#eef2f7;font-size:13px;font-weight:800}
@media(max-width:1120px){.hero-kpis,.integration-grid,.public-grid,.schema-layout,.status-grid{grid-template-columns:1fr}.receipt-summary{grid-template-columns:1fr 1fr}.schema-layout{grid-template-columns:1fr}}
@media(max-width:860px){.hero-banner{padding:20px;border-radius:24px;display:block}.hero-banner h2{font-size:28px}.hero-kpis,.receipt-summary,.two-cols{grid-template-columns:1fr}.public-header{display:block;padding:18px;border-radius:24px}.public-header h1{font-size:28px}.public-shell{padding:14px}.car-frame{height:290px}.zone-btn{padding:8px 10px;font-size:11px}}
@media print{.hero-banner,.track-box,.no-print{display:none!important}.receipt,.public-card,.public-header{box-shadow:none;border-color:#d0d5dc}}

/* v1.2 UI refresh */
:root{--glass-bg:rgba(255,255,255,.78);--accent:#0f172a;--accent-soft:#eef2ff;--surface:#ffffff;--surface-2:#f7f8fb;--line-soft:rgba(15,23,42,.08);--shadow-lg:0 22px 60px rgba(15,23,42,.08)}
body{background:radial-gradient(circle at top left, rgba(215,224,255,.6), transparent 32%),radial-gradient(circle at top right, rgba(226,239,255,.65), transparent 28%),linear-gradient(180deg,#f7f8fb 0%,#f3f4f7 100%)}
.glass{background:var(--glass-bg)!important;border:1px solid rgba(255,255,255,.8)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;box-shadow:var(--shadow-lg)!important}
.sidebar{border-radius:30px!important;padding:22px 18px!important}.nav-list{gap:8px!important}.nav-link{border-radius:18px!important;padding:12px 14px!important;display:flex!important;align-items:center;gap:12px;font-weight:700}.nav-link:hover{transform:translateY(-1px)}.nav-link.active{background:linear-gradient(180deg,#111827,#1f2937)!important;color:#fff!important;box-shadow:0 14px 26px rgba(17,24,39,.18)}
.nav-icon{width:20px;height:20px;display:inline-grid;place-items:center;flex:0 0 20px}.nav-icon svg,.mobile-icon svg{width:20px;height:20px;display:block}.mobile-icon{width:18px;height:18px;display:inline-grid;place-items:center}
.panel-chip.premium{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(247,248,251,.92));border:1px solid rgba(15,23,42,.06)}
.topbar{border-radius:28px!important;padding:22px 26px!important}.topbar h1{font-size:34px!important;letter-spacing:-.05em}.topbar-actions .btn,.topbar-actions .pill{border-radius:16px!important}
.card,.integration-card,.public-card,.receipt{border:1px solid var(--line-soft)!important;box-shadow:var(--shadow-lg)!important}.card{border-radius:28px!important}.field input,.field select,.field textarea,.searchbar input,.searchbar select{border-radius:16px!important;border:1px solid rgba(15,23,42,.08)!important;background:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
.btn{border-radius:16px!important;padding:12px 18px!important;font-weight:800;letter-spacing:-.02em}.btn.secondary{background:#fff!important;border:1px solid rgba(15,23,42,.09)!important;color:#111827!important}.btn.small{padding:10px 14px!important}
.hero-banner{border-radius:34px!important;box-shadow:var(--shadow-lg)!important;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(249,250,251,.92))!important}
.section-title h2,.card h2,.integration-card h3,.public-card h2{letter-spacing:-.04em}
.signature-shell{border-radius:28px!important;padding:18px!important;background:linear-gradient(180deg,#fff,#fafbfe)!important}.signature-pad{border-radius:22px!important;background:linear-gradient(180deg,#fff,#fbfbfd)!important}
.dashed-card,.contract-box,.soft-box{border-radius:22px!important}.dashed-card{border-style:dashed!important;border-color:#cfd6e2!important}
.receipt,.public-card{border-radius:30px!important}
.mini-user{padding:12px;border-radius:18px;background:rgba(255,255,255,.66)}.avatar{background:linear-gradient(180deg,#111827,#334155)!important}
.table-wrap table{border-collapse:separate;border-spacing:0}.table-wrap thead th{background:#fbfcfe;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.table-wrap td,.table-wrap th{border-bottom:1px solid rgba(15,23,42,.06)!important}.table-wrap tbody tr:hover{background:rgba(241,245,249,.55)}
.pill.dark{background:#111827!important;color:#fff!important}.pill.green{background:#ecfdf3!important;color:#166534!important}.pill.gray{background:#f3f4f6!important;color:#4b5563!important}
.customer-card{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.customer-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.archive-vehicle{padding:14px 16px;border:1px solid var(--line-soft);border-radius:20px;background:linear-gradient(180deg,#fff,#fafbfc);display:grid;gap:8px}.archive-vehicle .title{display:flex;justify-content:space-between;gap:8px}.archive-jobs{display:grid;gap:8px;margin-top:6px}.archive-job{padding:10px 12px;border-radius:14px;background:#f8fafc;border:1px solid rgba(15,23,42,.06)}
.lux-car-schema{position:relative;max-width:560px;height:360px;margin:0 auto}.lux-car-body{position:absolute;left:112px;right:112px;top:22px;bottom:22px;border-radius:140px 140px 120px 120px/120px 120px 140px 140px;background:linear-gradient(180deg,#f2f5fa,#e5eaf2);border:2px solid #cfd8e4;box-shadow:inset 0 0 0 10px rgba(255,255,255,.76),0 18px 40px rgba(15,23,42,.06)}
.lux-hood,.lux-trunk{position:absolute;left:160px;right:160px;height:60px;border-radius:60px;background:rgba(255,255,255,.55);border:1px solid rgba(15,23,42,.07)}.lux-hood{top:40px}.lux-trunk{bottom:40px}.lux-roof{position:absolute;left:180px;right:180px;top:110px;bottom:110px;border-radius:90px;background:linear-gradient(180deg,#dce6f2,#eef4fb);border:2px solid #cbd4de}
.lux-window-split{position:absolute;left:50%;top:114px;bottom:114px;width:2px;background:#c8d1dc;transform:translateX(-50%)}.lux-wheel{position:absolute;width:34px;height:94px;background:#111827;border-radius:999px;box-shadow:inset 0 0 0 4px #374151}.lux-wheel.fl{left:95px;top:76px}.lux-wheel.fr{right:95px;top:76px}.lux-wheel.rl{left:95px;bottom:76px}.lux-wheel.rr{right:95px;bottom:76px}
.lux-bumper{position:absolute;left:176px;right:176px;height:18px;border-radius:999px;background:#dbe2eb;border:1px solid #cfd6e0}.lux-bumper.front{top:28px}.lux-bumper.rear{bottom:28px}.mercedes-star{position:absolute;left:50%;top:56px;transform:translateX(-50%);width:28px;height:28px;border-radius:999px;border:2px solid #aeb8c4}.mercedes-star:before,.mercedes-star:after,.mercedes-star span{content:"";position:absolute;left:50%;top:50%;width:2px;height:10px;background:#aeb8c4;transform-origin:bottom center}.mercedes-star:before{transform:translate(-50%,-100%) rotate(0deg)}.mercedes-star:after{transform:translate(-50%,-100%) rotate(120deg)}.mercedes-star span{transform:translate(-50%,-100%) rotate(240deg)}
.zone-btn{padding:9px 12px!important;border-radius:999px!important;border:1px solid rgba(15,23,42,.08)!important}.zone-btn.has-value{background:#eff6ff!important;color:#1d4ed8!important;border-color:#bfdbfe!important}.zone-btn.active{background:#111827!important;color:#fff!important}
.card-step{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px dashed rgba(15,23,42,.1)}.card-step:last-child{border-bottom:0}.step-badge{width:34px;height:34px;border-radius:12px;background:#111827;color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800;flex:0 0 34px}
.search-split{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
@media(max-width:860px){.customer-card,.search-split{grid-template-columns:1fr}.sidebar{border-radius:24px!important}.topbar h1{font-size:28px!important}.nav-link{padding:10px 12px!important}.hero-banner{border-radius:26px!important}}

/* v1.3 modal settings + point schema */
.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.42);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:none;align-items:center;justify-content:center;z-index:200;padding:18px}.modal-backdrop.show{display:flex}.modal-panel{width:min(760px,100%);max-height:88vh;overflow:auto;background:#fff;border-radius:34px;border:1px solid rgba(255,255,255,.85);box-shadow:0 40px 120px rgba(15,23,42,.24);padding:24px}.modal-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.modal-head h2{margin:0;font-size:28px;letter-spacing:-.04em}.modal-close{width:42px;height:42px;border-radius:16px;border:1px solid rgba(15,23,42,.08);background:#f8fafc;cursor:pointer;font-size:22px}.integration-tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.integration-tile{border:1px solid rgba(15,23,42,.08);background:linear-gradient(180deg,#fff,#f8fafc);border-radius:28px;padding:22px;text-align:left;cursor:pointer;transition:.18s;min-height:170px;display:grid;align-content:space-between}.integration-tile:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(15,23,42,.09)}.tile-icon{width:58px;height:58px;border-radius:22px;background:#111827;color:#fff;display:grid;place-items:center;font-size:26px;margin-bottom:18px}.integration-tile h3{margin:0 0 8px;letter-spacing:-.035em;font-size:21px}.integration-tile p{margin:0;color:var(--muted);line-height:1.5}.settings-section{margin-top:18px}.theme-swatches{display:flex;gap:10px;flex-wrap:wrap}.theme-swatch{width:42px;height:42px;border-radius:16px;border:3px solid #fff;box-shadow:0 0 0 1px rgba(15,23,42,.12);cursor:pointer}.theme-swatch input{display:none}.theme-swatch:has(input:checked){box-shadow:0 0 0 3px rgba(15,23,42,.28)}
.car-svg-wrap{max-width:360px;margin:0 auto;padding-top:8px}.car-svg-wrap svg{overflow:visible;width:100%;height:auto}.car-part{fill:#f8fafc;stroke:#cbd5e1;stroke-width:1.5;cursor:crosshair;transition:.12s}.car-part:hover{fill:#e0f2fe;stroke:#38bdf8}.car-part.active{fill:#dbeafe;stroke:#2563eb}.expert-marker circle{fill:#111827;stroke:#fff;stroke-width:2;filter:drop-shadow(0 5px 7px rgba(15,23,42,.28))}.expert-marker.draft circle{fill:#2563eb}.expert-marker.active circle{fill:#dc2626}.expert-marker text{font-size:11px;font-weight:900;fill:#111827;paint-order:stroke;stroke:#fff;stroke-width:3px}.point-editor{display:none}.point-hint{border:1px dashed #cbd5e1;border-radius:22px;padding:16px;background:#f8fafc;color:#64748b;line-height:1.6}.schema-layout{grid-template-columns:minmax(320px,.95fr) minmax(280px,1.05fr)!important}.schema-layout .car-schema{min-height:560px;display:flex;align-items:center}.sms-template-preview,.email-template-preview{border:1px dashed #cbd5e1;border-radius:22px;padding:18px;background:#fff;line-height:1.7;color:#334155}.receipt-mini{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#fff;border:1px dashed #94a3b8;border-radius:18px;padding:16px;font-size:13px}
@media(max-width:1120px){.integration-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.schema-layout{grid-template-columns:1fr!important}.schema-layout .car-schema{min-height:auto}}
@media(max-width:700px){.integration-tile-grid{grid-template-columns:1fr}.modal-panel{border-radius:26px;padding:18px}.car-svg-wrap{max-width:300px}.modal-backdrop{padding:10px}.schema-layout .car-schema{padding:8px}}

/* v1.3 value boxes */
.stat strong,.stat-stack strong,.info-list .row strong{display:inline-block;border:1px dashed #b8c0cc;background:#fff;padding:8px 12px;margin-top:8px;border-radius:6px;position:relative;line-height:1.1;min-width:76px;text-align:center;box-shadow:0 8px 20px rgba(15,23,42,.04)}
.stat strong:after,.stat-stack strong:after,.info-list .row strong:after{content:"";position:absolute;left:8px;right:8px;bottom:-5px;height:3px;background:var(--accent,#111827)}
.stat{align-items:flex-start!important}.stat span{display:block;font-weight:700}.stat .icon{border-radius:12px!important;border:1px dashed #cbd5e1!important;background:#fff!important;color:var(--accent,#111827)!important}.info-list .row{align-items:center}.info-list .row strong{margin-top:0;border-radius:6px;min-width:110px}.dashed-card,.contract-box,.soft-box,.receipt-mini,.sms-template-preview,.email-template-preview{border-radius:6px!important}.integration-card{border-radius:12px!important}.integration-tile{border-radius:18px!important}.tile-icon{border-radius:14px!important}.modal-panel{border-radius:16px!important}.modal-close{border-radius:8px!important}
@media(max-width:860px){.stat strong,.stat-stack strong{min-width:0;width:100%;text-align:left}.info-list .row{display:grid;gap:8px}.info-list .row strong{text-align:left;width:100%}}
.quick-message-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quick-message{border:1px dashed #cbd5e1;background:#fff;padding:11px 12px;border-radius:6px;text-align:left;font-weight:800;color:#334155;cursor:pointer}.quick-message:hover{border-color:var(--accent,#111827);color:var(--accent,#111827);background:#f8fafc}
@media(max-width:620px){.quick-message-grid{grid-template-columns:1fr}}

/* v1.4 polish */
.tile-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.pro-tile{appearance:none;border:1px dashed #cbd5e1;background:linear-gradient(180deg,#fff,#fafafa);min-height:156px;padding:22px;text-align:left;display:grid;align-content:start;gap:10px;color:#111827;box-shadow:0 18px 40px rgba(15,23,42,.06);transition:.18s;cursor:pointer;border-radius:0}.pro-tile:hover{transform:translateY(-2px);box-shadow:0 22px 54px rgba(15,23,42,.10);border-color:#94a3b8}.pro-tile strong{font-size:20px;letter-spacing:-.04em}.pro-tile small{color:#64748b;line-height:1.45}.pro-icon{width:54px;height:54px;display:grid;place-items:center;background:#f8fafc;border:1px dashed #cbd5e1;font-size:26px;border-radius:0}.clean-hero{border:1px dashed #cbd5e1!important;border-radius:0!important}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.metric-card{position:relative;background:#fff;border:1px dashed #cbd5e1;border-radius:0;padding:18px 18px 20px;box-shadow:0 18px 40px rgba(15,23,42,.06);display:grid;gap:9px}.metric-card span{color:#64748b;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.metric-card strong{font-size:28px;letter-spacing:-.055em;line-height:1.05}.metric-card em{position:absolute;left:18px;right:18px;bottom:10px;height:3px;background:var(--accent,#111827);display:block}.dash-row{display:grid;gap:8px;padding:10px 0;border-bottom:1px dashed #e2e8f0}.dash-row:last-child{border-bottom:0}.dash-row>span{font-weight:700}.dash-row>strong{justify-self:end;margin-top:-28px}.modal-panel{border-radius:0!important;border:1px dashed #cbd5e1!important;box-shadow:0 30px 120px rgba(15,23,42,.24)!important}.wide-modal{width:min(960px,calc(100vw - 28px))!important}.modal-head{padding-bottom:18px;border-bottom:1px dashed #d8dee8;margin-bottom:18px}.modal-section{border:1px dashed #d7dee9;background:#fff;border-radius:0;padding:18px;margin-bottom:16px}.modal-section h3{margin:0 0 14px;font-size:17px;letter-spacing:-.035em}.modal-note{border:1px dashed #cbd5e1;background:#f8fafc;border-radius:0;padding:14px;color:#475569;margin-top:14px}.option-editor-list{display:grid;gap:12px}.option-row{display:grid;grid-template-columns:1fr 1.2fr 100px auto;gap:12px;align-items:end;border:1px dashed #e2e8f0;padding:12px;background:#fbfcfe}.color-field input[type=color]{height:46px;padding:4px}.receipt-premium{max-width:980px;margin:0 auto;background:#fff;border:1px dashed #cbd5e1;border-radius:0;padding:28px;box-shadow:0 20px 70px rgba(15,23,42,.08)}.doc-logo-box{width:110px;height:90px;border:1px dashed #cbd5e1;display:grid;place-items:center;background:#f8fafc;overflow:hidden}.doc-logo-box img{max-width:100%;max-height:100%;object-fit:contain}.doc-head{display:flex;justify-content:space-between;gap:24px;border-bottom:1px dashed #cbd5e1;padding-bottom:18px;margin-bottom:18px}.doc-title h1{margin:0;font-size:28px;letter-spacing:-.05em}.doc-title p{margin:8px 0 0;color:#64748b}.doc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.doc-box{border:1px dashed #cbd5e1;border-radius:0;padding:16px;background:#fff}.doc-box h3{margin:0 0 12px;font-size:15px;text-transform:uppercase;letter-spacing:.08em;color:#475569}.doc-value{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed #e2e8f0}.doc-value:last-child{border-bottom:0}.doc-total{border:1px dashed #94a3b8;background:#f8fafc;border-radius:0;padding:16px}.doc-total strong{font-size:26px;letter-spacing:-.05em}.doc-sign{min-height:132px;border:1px dashed #cbd5e1;border-radius:0;padding:16px;background:#fff}.quick-message-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.quick-message{border:1px dashed #cbd5e1;background:#fff;padding:10px;border-radius:0;font-weight:800;cursor:pointer;text-align:left}.quick-message:hover{background:#f8fafc}.data-chip{border:1px dashed #cbd5e1;border-radius:0;background:#fff;padding:12px;display:grid;gap:6px}.data-chip span{color:#64748b;font-size:12px;text-transform:uppercase;font-weight:800}.data-chip strong{font-size:20px;letter-spacing:-.04em;border-bottom:3px solid var(--accent,#111827);padding-bottom:8px}
@media(max-width:860px){.option-row,.doc-grid{grid-template-columns:1fr}.doc-head{display:block}.doc-logo-box{margin-top:16px}.pro-tile{min-height:132px}.metric-card strong{font-size:23px}}

/* v1.5 button + icon refinement */
.btn{background:#fff!important;color:#111827!important;border:1px dashed #c7d0db!important;border-radius:0!important;box-shadow:0 3px 10px rgba(15,23,42,.05)!important}
.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(15,23,42,.07)!important}
.btn.secondary{background:#fff!important;color:#111827!important;border:1px dashed #c7d0db!important;box-shadow:none!important}
.btn.danger{background:#fff6f6!important;color:#991b1b!important;border-color:#e9b5b5!important}
.btn.success{background:#f4fbf6!important;color:#166534!important;border-color:#b8dcc0!important}
.btn.small{border-radius:0!important}
.searchbar input,.searchbar select,.field input,.field select,.field textarea,.modal-close{border-radius:0!important}
.modal-close{border:1px dashed #c7d0db!important;background:#fff!important;box-shadow:none!important}
.pro-tile,.integration-tile,.quick-actions a{border-radius:0!important;box-shadow:0 10px 28px rgba(15,23,42,.05)!important}
.pro-tile:hover,.integration-tile:hover,.quick-actions a:hover{box-shadow:0 12px 30px rgba(15,23,42,.07)!important}
.pro-icon,.tile-icon,.stat .icon,.nav-icon,.mobile-icon{background:#fff!important;color:#111827!important;border:1px dashed #c7d0db!important;box-shadow:none!important;border-radius:0!important}
.pro-icon svg,.tile-icon svg,.nav-icon svg,.mobile-icon svg{width:22px;height:22px;stroke:currentColor;fill:none}
.pro-icon{font-size:0!important}
.nav-link span.nav-icon,.mobile-link .mobile-icon{width:40px;height:40px;display:grid;place-items:center}
.nav-link.active .nav-icon,.mobile-link.active .mobile-icon{background:#fff!important;color:var(--accent,#111827)!important;border-color:#b7c2ce!important}
.brand-mark,.avatar,.badge-count{border-radius:0!important}
.card,.hero-banner,.table-wrap,.empty,.alert,.step,.contract-box,.signature-pad,.media-card,.doc-box,.doc-total,.doc-sign{border-radius:0!important}

/* v1.6 full-system document + operation refinement */
.doc-toolbar{position:sticky;top:0;z-index:20;margin:14px auto 0;width:min(980px,calc(100vw - 28px));display:flex;justify-content:space-between;gap:16px;align-items:center;background:#fff;border:1px dashed #c7d0db;padding:12px 14px;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.doc-toolbar strong{display:block;letter-spacing:-.03em}.doc-toolbar small{display:block;color:#64748b;margin-top:4px}.doc-page{padding:14px!important}.doc-fit{width:min(980px,100%);min-height:auto}.doc-subtitle{margin:18px 0 10px;letter-spacing:-.035em}.doc-inline{display:flex;gap:10px;flex-wrap:wrap}.doc-inline span{border:1px dashed #d7dee9;background:#f8fafc;padding:8px 10px;min-width:90px;text-align:center}.doc-lines{border:1px dashed #cbd5e1;background:#fff}.doc-line{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 14px;border-bottom:1px dashed #e2e8f0}.doc-line:last-child{border-bottom:0}.doc-line small{display:block;color:#64748b;margin-top:3px}.doc-footer-note{margin-top:14px;border:1px dashed #cbd5e1;background:#f8fafc;padding:12px 14px;color:#475569;line-height:1.55;font-size:13px}
.drop-upload{display:grid!important;place-items:center;text-align:center;gap:10px;border:1px dashed #aeb8c4;background:#fff;min-height:180px;padding:24px;cursor:pointer;transition:.18s}.drop-upload:hover,.drop-upload.dragover{background:#f8fafc;border-color:#111827}.drop-upload input{display:none}.drop-upload .drop-icon{width:56px;height:56px;display:grid;place-items:center;border:1px dashed #cbd5e1;background:#fff}.drop-upload svg{width:26px;height:26px}.drop-upload strong{font-size:18px;letter-spacing:-.035em}.drop-upload small{color:#64748b;max-width:460px;line-height:1.5}.drop-upload em{font-style:normal;border:1px dashed #d7dee9;background:#f8fafc;padding:8px 10px;font-size:12px;color:#475569}
.operation-panel{overflow:hidden}.operation-suggestions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.operation-chip{appearance:none;border:1px dashed #cbd5e1;background:#fff;padding:10px 12px;font-weight:800;cursor:pointer;color:#334155}.operation-chip:hover{border-color:#111827;background:#f8fafc}.operation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.operation-card{border:1px dashed #cbd5e1;background:#fff;padding:16px;transition:.18s}.operation-card.active{border-color:#111827;background:#f8fafc}.operation-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px;border-bottom:1px dashed #e2e8f0;padding-bottom:10px}.operation-card-head span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:900}.operation-card-head strong{font-size:15px}.form-grid.compact{gap:12px}.form-grid.compact .field input{padding:11px 12px;background:#fff;border-style:dashed}
.operation-status-grid{display:grid;gap:12px}.operation-status-card{border:1px dashed #cbd5e1;background:#fff;padding:14px}.operation-status-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.operation-status-head strong{display:block;font-size:16px}.operation-status-head small{display:block;color:#64748b;margin-top:4px;line-height:1.4}.operation-status-head span{border:1px dashed #d7dee9;background:#f8fafc;padding:8px 10px;font-weight:900}.status-choice-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.status-choice{border:1px dashed #d7dee9;background:#fff;padding:10px;text-align:center;font-size:12px;font-weight:900;cursor:pointer}.status-choice input{display:none}.status-choice.active,.status-choice:has(input:checked){border-color:#111827;background:#f8fafc;color:#111827}.two-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
@page{size:A4;margin:8mm}
@media print{html,body{width:210mm;min-height:297mm;background:#fff!important}.doc-toolbar,.no-print{display:none!important}.public-shell.doc-page{padding:0!important}.receipt-premium.doc-fit{width:100%!important;max-width:none!important;margin:0!important;padding:7mm!important;border:0!important;box-shadow:none!important;font-size:10.5px!important;line-height:1.35!important;page-break-inside:avoid}.doc-head{padding-bottom:8px!important;margin-bottom:8px!important}.doc-title h1{font-size:21px!important}.doc-title p{font-size:10px!important;line-height:1.35!important}.doc-logo-box{width:72px!important;height:58px!important}.doc-grid{gap:8px!important}.doc-box,.doc-total,.doc-sign{padding:9px!important}.doc-box h3{font-size:10.5px!important;margin-bottom:6px!important}.doc-value{padding:5px 0!important;gap:8px}.doc-value strong{font-size:10.5px!important}.metric-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin-bottom:8px!important}.metric-card{padding:9px!important;box-shadow:none!important}.metric-card strong{font-size:16px!important}.table-wrap{border-radius:0!important;max-height:none!important}th,td{padding:5px 6px!important;font-size:9.5px!important}.doc-lines{font-size:10px}.doc-line{padding:6px 8px!important}.doc-subtitle,h3{margin:8px 0 5px!important}.doc-footer-note{font-size:9.5px!important;padding:7px!important;margin-top:8px!important}.doc-sign{min-height:68px!important}.doc-sign img{max-height:46px!important}.empty{padding:10px!important}.page-break{page-break-before:always}}
@media(max-width:720px){.doc-toolbar{position:static;display:grid}.status-choice-row{grid-template-columns:repeat(2,minmax(0,1fr))}.operation-grid{grid-template-columns:1fr}.doc-grid{grid-template-columns:1fr!important}}

/* v1.7 ultra-clean professional UI pass */
:root{--warm:#f59e0b;--warm-soft:#fff7ed;--amber-soft:#fffbeb;--ink:#111827;--soft-line:#d8dee8}
body{background:linear-gradient(180deg,#f8fafc 0%,#f4f6f9 45%,#eef1f5 100%)}
.app-shell{grid-template-columns:270px minmax(0,1fr);gap:18px;padding:16px}.sidebar{background:#fff!important;border:1px solid #e4e9f0!important;box-shadow:0 10px 28px rgba(15,23,42,.045)!important;border-radius:0!important;padding:18px!important;gap:18px}.brand{padding:8px 6px 16px;border-bottom:1px solid #edf1f5}.brand-mark{background:var(--accent,#111827)!important;color:#fff!important;width:40px;height:40px}.brand small{font-size:12px}.panel-chip.premium{border:1px solid #edf1f5!important;background:#fafbfc!important;box-shadow:none!important;border-radius:0!important;padding:12px!important}.panel-chip.premium strong{font-size:13px}.panel-chip.premium small{font-size:12px;color:#64748b}.nav-list{gap:4px!important}.nav-link{border-radius:0!important;border:1px solid transparent!important;background:transparent!important;box-shadow:none!important;color:#475569!important;padding:11px 10px!important;gap:10px!important;font-weight:800}.nav-link:hover{background:#f8fafc!important;border-color:#edf1f5!important;transform:none!important}.nav-link.active{color:#111827!important;background:#fff7ed!important;border-color:#fed7aa!important;box-shadow:none!important}.nav-link.active:before{content:"";width:3px;align-self:stretch;background:var(--accent,#f59e0b);margin:-2px 0 -2px -10px}.nav-icon,.nav-link span.nav-icon{border:0!important;background:transparent!important;color:currentColor!important;width:24px!important;height:24px!important}.nav-icon svg{width:20px!important;height:20px!important}.mobile-nav{border-radius:0!important}.mobile-icon{border:0!important;background:transparent!important}.mini-user{border-radius:0!important;background:#fafbfc!important;border-color:#edf1f5!important}.avatar{background:#fff!important;border:1px solid #e4e9f0!important;color:#111827!important}.logout{border-color:#f1f5f9!important}
.topbar{border-radius:0!important;box-shadow:0 8px 24px rgba(15,23,42,.045)!important}.card,.hero-banner,.receipt-premium,.modal-panel,.pro-tile,.metric-card,.doc-box,.doc-total,.doc-sign{box-shadow:0 8px 24px rgba(15,23,42,.045)!important}.hero-banner{background:#fff!important;border:1px solid #e5eaf1!important}.pill.dark{background:var(--accent,#111827)!important;color:#fff!important}.btn{box-shadow:0 2px 7px rgba(15,23,42,.035)!important}.btn:hover{box-shadow:0 4px 10px rgba(15,23,42,.055)!important}.btn:not(.secondary):not(.danger):not(.success){background:#111827!important;color:#fff!important;border-color:#111827!important}.btn.secondary{background:#fff!important}.pro-tile{background:#fff!important;border:1px dashed #cfd7e2!important}.pro-icon{border:0!important;background:#f8fafc!important;color:#111827!important}.metric-card{border:1px solid #e3e9f0!important;background:#fff!important;padding:18px!important;gap:6px}.metric-card span{color:#64748b;font-size:12px;letter-spacing:.08em}.metric-card strong{border:0!important;border-bottom:0!important;padding:0!important;margin:0!important;background:transparent!important;box-shadow:none!important;text-align:left!important;font-size:30px!important;min-width:0!important}.metric-card em{display:none!important}.stat strong,.stat-stack strong,.info-list .row strong{border:0!important;border-bottom:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin-top:4px!important;text-align:left!important}.stat .icon{border:0!important;background:#f8fafc!important;color:#111827!important}.data-chip strong{border-bottom:0!important;padding-bottom:0!important}.finance-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;border:1px dashed #cbd5e1;background:#fff;padding:12px}.finance-preview>div{border:1px solid #edf1f5;background:#fafbfc;padding:12px}.finance-preview span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:900}.finance-preview strong{display:block;margin-top:6px;font-size:18px;letter-spacing:-.04em}.finance-preview .total{background:var(--amber-soft);border-color:#fde68a}.choice-pill{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:11px 14px;border:1px dashed #cbd5e1;background:#fff;color:#334155;font-weight:850;cursor:pointer;user-select:none;transition:.15s;line-height:1.1}.choice-pill input{position:absolute;opacity:0;pointer-events:none}.choice-pill span{display:inline-flex;align-items:center;gap:8px}.choice-pill span:before{content:"";width:13px;height:13px;border:1px solid #b7c2ce;background:#fff;display:inline-block}.choice-pill:hover{border-color:#f59e0b;background:#fffaf0}.choice-pill.is-checked,.choice-pill:has(input:checked){background:#fff7ed;border-color:#f59e0b;color:#111827}.choice-pill.is-checked span:before,.choice-pill:has(input:checked) span:before{background:#f59e0b;border-color:#f59e0b;box-shadow:inset 0 0 0 3px #fff}.choice-pill.wide{width:100%;justify-content:flex-start}.segmented{gap:9px!important}.segmented .choice-pill{min-width:118px;justify-content:center}.signature-shell{position:relative;border:1px dashed #cbd5e1!important;background:#fff!important;box-shadow:none!important;border-radius:0!important}.signature-pad{background:linear-gradient(180deg,#fff,#fcfcfd)!important}.signature-shell:after{content:"Müşteri imzası için bu alana imza atın";position:absolute;left:24px;right:24px;bottom:92px;text-align:center;color:#94a3b8;font-weight:800;letter-spacing:-.02em;pointer-events:none}.signature-shell.has-signature:after{display:none}.field input::placeholder,.field textarea::placeholder{color:#a5adba}.theme-swatches{align-items:center}.theme-swatch{border-radius:0!important;box-shadow:0 0 0 1px #cbd5e1!important}.theme-swatch:has(input:checked){box-shadow:0 0 0 3px #111827!important}
.store-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.store-card{display:grid;gap:14px;background:#fff;border:1px solid #e3e9f0;padding:18px;box-shadow:0 8px 24px rgba(15,23,42,.045)}.store-card:hover{border-color:#f59e0b;background:#fffdf7}.store-logo{width:58px;height:58px;border:1px dashed #cbd5e1;background:#f8fafc;display:grid;place-items:center;font-weight:900;color:#111827;overflow:hidden}.store-logo img{max-width:100%;max-height:100%;object-fit:contain}.store-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.store-meta{display:grid;gap:5px;color:#64748b;font-size:13px}.store-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.store-kpis div{background:#fafbfc;border:1px solid #edf1f5;padding:10px}.store-kpis span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:900}.store-kpis strong{display:block;margin-top:5px;font-size:18px}.dealer-profile{display:grid;grid-template-columns:1fr 1.2fr;gap:16px}.dealer-report-list{display:grid;gap:10px}.dealer-report-row{display:flex;justify-content:space-between;gap:12px;border:1px solid #edf1f5;background:#fff;padding:12px}.dealer-report-row strong{display:block}.dealer-report-row small{color:#64748b}.form-note-placeholder{border:1px dashed #cbd5e1;background:#f8fafc;padding:12px;color:#64748b;font-size:13px;line-height:1.55}
@media(max-width:860px){.app-shell{display:block;padding:10px}.dealer-profile,.finance-preview{grid-template-columns:1fr}.store-kpis{grid-template-columns:1fr}.choice-pill{width:100%;justify-content:flex-start}.segmented .choice-pill{min-width:0}.sidebar{display:none}}


/* v1.9 full professional pass */
.info-list .row,.doc-value{border-bottom:0!important}.finance-preview>div,.soft-info .row{border:0!important;background:#fafbfc!important}.finance-preview strong,.doc-value strong,.info-list .row strong{border:0!important;text-decoration:none!important;box-shadow:none!important;background:transparent!important}.finance-preview{border:1px solid #e4e9f0!important;background:#fff!important}.finance-preview .total{background:#fff8e1!important;border-color:#fde68a!important}.data-chip strong{border:0!important}.metric-card em{display:none!important}.eyebrow,th,.metric-card span,.finance-preview span,.store-kpis span,.doc-box h3,.modal-section h3{text-transform:none!important;letter-spacing:-.01em!important}.signature-shell{background:#fffaf4!important;border-color:#f3d7b0!important}.signature-pad{background:linear-gradient(180deg,#fffefb,#fff9ef)!important;border-color:#ead7bd!important}.signature-shell:after{top:50%!important;bottom:auto!important;transform:translateY(-50%);color:#b7a99a!important;font-weight:750!important}.media-upload-box{border:1px dashed #cbd5e1;background:#fff;padding:16px;display:grid;gap:14px}.media-upload-box.dragover{border-color:#f59e0b;background:#fff7ed}.media-upload-main{display:flex;gap:14px;align-items:center}.media-upload-icon{width:54px;height:54px;display:grid;place-items:center;background:#f8fafc;border:1px solid #edf1f5}.media-upload-icon svg{width:24px;height:24px}.media-upload-main strong{display:block;font-size:18px;letter-spacing:-.03em}.media-upload-main p{margin:4px 0;color:#64748b;line-height:1.45}.media-upload-main small{color:#94a3b8;font-weight:800}.media-upload-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.media-action{cursor:pointer;text-align:center;border:1px solid #e2e8f0;background:#fafbfc;padding:12px;font-weight:900}.media-action:hover{border-color:#f59e0b;background:#fff7ed}.parts-operation-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.choice-panel{border:1px solid #e3e9f0;background:#fff;padding:16px;display:grid;gap:12px}.choice-panel-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-end}.choice-panel-head strong{font-size:18px;letter-spacing:-.035em}.choice-panel-head small{color:#64748b;font-weight:750}.choice-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:9px!important}.choice-grid .choice-pill{width:100%;min-width:0!important;justify-content:flex-start}.choice-pill{border-style:solid!important}.choice-pill span:before{border-radius:0}.choice-pill.is-checked span:after,.choice-pill:has(input:checked) span:after{content:"✓";font-size:12px;font-weight:900;margin-left:auto}.status-choice{transition:.15s}.status-choice.active,.status-choice:has(input:checked){background:#111827!important;color:#fff!important;border-color:#111827!important}.status-inline-select{appearance:none;border:1px solid #e2e8f0;background:#fff;padding:10px 32px 10px 12px;font-weight:850;min-width:148px}.status-inline-select.green,.status-inline-select.orange,.status-inline-select.blue{background:#fff7ed;border-color:#fdba74}.password-wrap{position:relative}.password-wrap input{padding-right:48px!important}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:34px;height:34px;display:grid;place-items:center;border:1px solid #e2e8f0;background:#fff;cursor:pointer}.password-toggle svg{width:18px;height:18px}.store-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))!important}.store-card-button{text-align:left;cursor:pointer;font:inherit;color:inherit}.store-title strong{display:block;font-size:20px;letter-spacing:-.04em}.store-title small{display:block;margin-top:5px;color:#64748b}.store-logo.large{width:86px;height:86px}.fullscreen-modal{width:min(1180px,calc(100vw - 28px))!important;height:min(920px,calc(100vh - 28px))!important;max-height:calc(100vh - 28px)!important;overflow:auto!important;padding:24px!important}.dealer-profile-modal{display:grid;grid-template-columns:.9fr 1.1fr;gap:16px}.compact-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}.web-public-body{margin:0;background:#080b10;color:#fff}.web-public-nav{position:fixed;top:18px;left:18px;right:18px;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;background:rgba(8,11,16,.55);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(18px)}.web-logo{display:flex;align-items:center;gap:10px}.web-logo span{width:38px;height:38px;background:#fff;color:#111827;display:grid;place-items:center;font-weight:900}.web-public-nav nav{display:flex;gap:10px;align-items:center}.web-public-nav nav a{padding:10px 13px;border:1px solid rgba(255,255,255,.18);font-weight:850}.web-login-btn{background:#fff!important;color:#111827!important}.web-hero-slider{height:100vh;min-height:640px;position:relative;overflow:hidden}.web-slide{position:absolute;inset:0;opacity:0;transition:opacity .65s ease}.web-slide.active{opacity:1}.web-media,.web-media img,.web-media video,.web-media iframe,.web-gradient-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}.web-media iframe{width:120%;height:120%;left:-10%;top:-10%;pointer-events:none}.web-gradient-bg{background:radial-gradient(circle at top left,rgba(245,158,11,.45),transparent 36%),linear-gradient(135deg,#111827,#030712)}.web-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.74),rgba(0,0,0,.36),rgba(0,0,0,.72))}.web-slide-content{position:relative;z-index:2;min-height:100%;display:flex;flex-direction:column;justify-content:center;width:min(980px,calc(100% - 40px));margin:0 auto;padding-top:70px}.web-slide-content span,.web-kicker{color:#fbbf24;font-weight:900;letter-spacing:.04em}.web-slide-content h1{font-size:clamp(42px,7vw,92px);line-height:.94;letter-spacing:-.07em;margin:16px 0}.web-slide-content p{max-width:720px;font-size:clamp(17px,2vw,24px);line-height:1.55;color:rgba(255,255,255,.78)}.web-cta{display:inline-flex;align-self:flex-start;margin-top:20px;padding:15px 22px;background:#fff;color:#111827;font-weight:900}.web-slider-dots{position:absolute;z-index:3;left:50%;bottom:28px;transform:translateX(-50%);display:flex;gap:8px}.web-slider-dots button{width:34px;height:4px;border:0;background:rgba(255,255,255,.34);cursor:pointer}.web-slider-dots button.active{background:#fbbf24}.web-contact-section{background:#f8fafc;color:#111827}.web-map-wrap{height:420px;width:100%}.web-map-wrap iframe,.web-map-placeholder{width:100%;height:100%;border:0}.web-map-placeholder{display:grid;place-items:center;background:#111827;color:#fff;font-weight:900}.web-contact-grid{max-width:1180px;margin:0 auto;padding:42px 20px 70px;display:grid;grid-template-columns:1fr 1fr;gap:28px}.web-contact-info h2{font-size:44px;letter-spacing:-.06em;margin:10px 0}.web-contact-info p{color:#475569;line-height:1.7}.web-contact-cards{display:grid;gap:10px;margin-top:18px}.web-contact-cards a,.web-contact-cards span,.web-socials a{border:1px solid #e2e8f0;background:#fff;padding:13px;display:block}.web-socials{display:flex;gap:10px;margin-top:12px}.web-contact-form{background:#fff;border:1px solid #e2e8f0;padding:22px}.web-slide-editor{display:grid;gap:14px}.web-slide-row{border:1px dashed #cbd5e1;background:#fff;padding:16px;display:grid;gap:12px}.web-slide-no{font-weight:900;color:#64748b}.drop-upload.compact{padding:12px!important;min-height:104px!important}.drop-upload.compact .drop-icon{width:38px;height:38px}.drop-upload.compact strong{font-size:14px}@media(max-width:1180px){.store-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dealer-profile-modal,.parts-operation-layout,.web-contact-grid{grid-template-columns:1fr}}@media(max-width:720px){.store-grid-four{grid-template-columns:1fr!important}.media-upload-actions{grid-template-columns:1fr}.web-public-nav{left:10px;right:10px;top:10px}.web-public-nav nav a:not(.web-login-btn){display:none}.web-contact-grid{padding:28px 14px}.web-contact-info h2{font-size:32px}}

/* v2.0 polish fixes */
.sidebar .nav-link.active{background:linear-gradient(90deg,#fff7ed 0%,#fff 100%)!important;border-color:#fed7aa!important;color:#0f172a!important;box-shadow:none!important}
.sidebar .nav-link.active .nav-text,.sidebar .nav-link.active .nav-icon,.sidebar .nav-link.active svg{color:#0f172a!important;stroke:#0f172a!important;opacity:1!important;visibility:visible!important}.sidebar .nav-link.active:before{background:var(--accent,#f59e0b)!important}.sidebar .nav-text{display:inline-flex!important;align-items:center;min-width:0;color:inherit!important}.sidebar .nav-icon{flex:0 0 24px!important;color:inherit!important}.sidebar .nav-link{position:relative;overflow:visible!important}
.finance-preview strong:after,.doc-value strong:after,.info-list .row strong:after,.stat strong:after,.stat-stack strong:after,.value-box:after,.data-chip strong:after,.metric-card strong:after{display:none!important;content:none!important}.finance-preview strong,.doc-value strong,.info-list .row strong,.metric-card strong,.stat strong,.stat-stack strong{box-shadow:none!important;border-bottom:0!important;text-decoration:none!important}.finance-preview>div:after,.soft-info .row:after,.info-list .row:after{display:none!important;content:none!important}
.inline-status-form{margin:0}.status-inline-select{transition:.18s ease;cursor:pointer}.status-inline-select:disabled{opacity:.7;cursor:wait}tr.status-saving{background:#fffbeb!important}tr.status-updated{background:#f0fdf4!important;box-shadow:inset 4px 0 0 #22c55e}tr.status-error{background:#fef2f2!important;box-shadow:inset 4px 0 0 #ef4444}.row-update-badge{display:inline-flex;margin-top:8px;padding:5px 8px;border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;font-size:11px;font-weight:900;opacity:0;transform:translateY(-3px);transition:.18s;pointer-events:none}.row-update-badge.show{opacity:1;transform:none}.mini-toast{position:fixed;right:22px;bottom:22px;z-index:9999;background:#0f172a;color:#fff;border:1px solid rgba(255,255,255,.14);padding:13px 16px;font-weight:900;box-shadow:0 20px 60px rgba(15,23,42,.22);opacity:0;transform:translateY(10px);transition:.18s}.mini-toast.show{opacity:1;transform:none}
.web-slide-editor{display:grid;gap:16px}.web-slide-row{border:1px solid #e2e8f0!important;background:linear-gradient(180deg,#fff,#fffaf3)!important;padding:18px!important;box-shadow:0 18px 55px rgba(15,23,42,.05)}.web-slide-row .web-slide-no{display:inline-flex;align-self:flex-start;background:#111827;color:#fff;padding:7px 10px;font-weight:900}.web-admin-preview{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-top:18px}.web-admin-preview-card{border:1px solid #e2e8f0;background:#fff;padding:20px;min-height:180px}.web-admin-preview-card.dark{background:#111827;color:#fff;border-color:#111827}.web-admin-preview-card h3{font-size:28px;letter-spacing:-.06em;margin:0 0 12px}.web-admin-preview-card p{line-height:1.65;color:#64748b}.web-admin-preview-card.dark p{color:rgba(255,255,255,.68)}@media(max-width:980px){.web-admin-preview{grid-template-columns:1fr}.mini-toast{left:12px;right:12px;bottom:88px}}

/* v2.1 sidebar and inline status polish */
.sidebar{background:#ffffff!important;border-right:1px solid #e8edf3!important}
.sidebar .nav-link{display:flex!important;align-items:center!important;gap:10px!important;min-height:42px!important;padding:9px 10px!important;color:#475569!important;white-space:nowrap!important;overflow:hidden!important;border:1px solid transparent!important;background:transparent!important}
.sidebar .nav-text{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12.5px!important;line-height:1!important;font-weight:850!important;letter-spacing:-.01em!important;color:inherit!important}
.sidebar .nav-icon{width:30px!important;height:30px!important;min-width:30px!important;border:0!important;background:transparent!important;color:inherit!important}
.sidebar .nav-icon svg{width:19px!important;height:19px!important}
.sidebar .nav-link.active{background:#fff7ed!important;color:#111827!important;border-color:#fed7aa!important;box-shadow:none!important}
.sidebar .nav-link.active .nav-text,.sidebar .nav-link.active .nav-icon{color:#111827!important;opacity:1!important;visibility:visible!important}
.sidebar .nav-link:hover{background:#f8fafc!important;color:#111827!important;border-color:#eef2f7!important}
.panel-chip.premium{padding:12px!important}.panel-chip.premium strong{font-size:13px!important}.panel-chip.premium small{font-size:11px!important}.brand span strong,.brand strong{font-size:17px!important}.brand small{font-size:11px!important}
.status-inline-select{min-width:154px!important;background:#fff!important;color:#111827!important;border:1px solid #dbe4ee!important;box-shadow:none!important}
tr.status-updated{background:#ecfdf5!important;box-shadow:inset 4px 0 0 #22c55e!important}


/* v2.2 sidebar readability fix */
.app-shell{grid-template-columns:292px minmax(0,1fr)!important}
.sidebar{padding:18px 16px!important}
.sidebar .nav-list{gap:5px!important}
.sidebar .nav-link{gap:8px!important;padding:9px 9px!important;overflow:visible!important}
.sidebar .nav-link span.nav-icon,.sidebar .nav-icon{width:25px!important;height:25px!important;min-width:25px!important;flex:0 0 25px!important}
.sidebar .nav-icon svg{width:18px!important;height:18px!important}
.sidebar .nav-text{width:auto!important;max-width:none!important;min-width:0!important;flex:1 1 auto!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;font-size:12px!important;line-height:1.05!important;font-weight:820!important;letter-spacing:-.02em!important}
.sidebar .nav-link.active:before{flex:0 0 3px!important;margin:-2px 0 -2px -9px!important}
.sidebar .panel-chip.premium strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
@media(max-width:1180px){.app-shell{grid-template-columns:280px minmax(0,1fr)!important}.sidebar .nav-text{font-size:11.6px!important}.sidebar .nav-link{gap:7px!important;padding-left:8px!important;padding-right:8px!important}}
@media(max-width:860px){.app-shell{display:block!important}}


/* v2.3 intake parts compact alignment */
.intake-parts-card .card-header h2{font-size:22px!important;letter-spacing:-.045em!important;line-height:1.05!important}
.parts-operation-layout{align-items:start!important;gap:18px!important}
.parts-operation-layout .choice-panel{padding:14px!important;gap:10px!important;overflow:hidden!important}
.parts-operation-layout .choice-panel-head{align-items:center!important;border-bottom:1px solid #eef2f7!important;padding-bottom:10px!important;margin-bottom:0!important}
.parts-operation-layout .choice-panel-head strong{font-size:16px!important;line-height:1!important;letter-spacing:-.035em!important;white-space:nowrap!important}
.parts-operation-layout .choice-panel-head small{font-size:11px!important;line-height:1!important;white-space:nowrap!important;color:#7a8594!important}
.parts-operation-layout .choice-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(152px,1fr))!important;gap:7px!important;align-items:stretch!important}
.parts-operation-layout .choice-pill{min-height:36px!important;padding:8px 9px!important;width:100%!important;min-width:0!important;justify-content:flex-start!important;border-color:#e4eaf1!important;background:#fff!important;box-shadow:none!important;line-height:1!important;overflow:hidden!important}
.parts-operation-layout .choice-pill span{display:flex!important;align-items:center!important;gap:6px!important;width:100%!important;min-width:0!important;white-space:nowrap!important;font-size:11.35px!important;line-height:1!important;font-weight:840!important;letter-spacing:-.045em!important;color:#334155!important}
.parts-operation-layout .choice-pill span:before{flex:0 0 10px!important;width:10px!important;height:10px!important}
.parts-operation-layout .choice-pill.is-checked,.parts-operation-layout .choice-pill:has(input:checked){background:#fff7ed!important;border-color:#f59e0b!important;color:#111827!important}
.parts-operation-layout .choice-pill.is-checked span,.parts-operation-layout .choice-pill:has(input:checked) span{color:#111827!important}
.parts-operation-layout .choice-pill.is-checked span:after,.parts-operation-layout .choice-pill:has(input:checked) span:after{font-size:10px!important;margin-left:auto!important;flex:0 0 auto!important}
@media(min-width:1420px){.parts-operation-layout .choice-grid{grid-template-columns:repeat(auto-fit,minmax(142px,1fr))!important}.parts-operation-layout .choice-pill span{font-size:11.2px!important}}
@media(max-width:1180px){.parts-operation-layout .choice-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}.parts-operation-layout .choice-pill span{font-size:11.4px!important}}
@media(max-width:620px){.parts-operation-layout .choice-panel-head{display:block!important}.parts-operation-layout .choice-panel-head small{display:block;margin-top:5px}.parts-operation-layout .choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.parts-operation-layout .choice-pill span{font-size:10.8px!important}}

/* v2.4 sidebar alignment + global super admin settings */
.app-shell{grid-template-columns:292px minmax(0,1fr)!important;}
.sidebar{padding:18px 17px!important;}
.sidebar .nav-list{gap:6px!important;}
.sidebar .nav-link{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    padding:10px 12px!important;
    text-align:left!important;
    min-height:46px!important;
}
.sidebar .nav-link span{ text-align:left!important; }
.sidebar .nav-link span.nav-icon,
.sidebar .nav-icon{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    flex:0 0 30px!important;
    display:inline-grid!important;
    place-items:center!important;
}
.sidebar .nav-icon svg{width:18px!important;height:18px!important;}
.sidebar .nav-text{
    display:block!important;
    flex:0 1 auto!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    text-align:left!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    font-size:13.4px!important;
    line-height:1.12!important;
    font-weight:820!important;
    letter-spacing:-.012em!important;
}
.sidebar .nav-link.active{
    color:#111827!important;
    background:#fff7ed!important;
    border-color:#fed7aa!important;
}
.sidebar .nav-link.active .nav-text,
.sidebar .nav-link.active .nav-icon{color:#111827!important;text-align:left!important;}
.sidebar .nav-link.active:before{flex:0 0 3px!important;margin:-2px 0 -2px -12px!important;}
.sidebar .panel-chip.premium strong{font-size:13px!important;line-height:1.15!important;}
@media(max-width:1180px){.app-shell{grid-template-columns:286px minmax(0,1fr)!important}.sidebar .nav-text{font-size:13px!important}.sidebar .nav-link{gap:10px!important;padding-left:11px!important;padding-right:10px!important}}


/* v2.5 compact dashboard action cards */
.tile-dashboard{
    grid-template-columns:repeat(auto-fit,minmax(148px,1fr))!important;
    gap:10px!important;
    align-items:stretch!important;
}
.tile-dashboard .pro-tile{
    min-height:92px!important;
    padding:12px 12px!important;
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:10px!important;
    row-gap:3px!important;
    align-content:center!important;
    align-items:center!important;
    text-align:left!important;
    border:1px solid #e4eaf2!important;
    background:linear-gradient(180deg,#fff,#fbfcfe)!important;
}
.tile-dashboard .pro-icon{
    grid-row:1 / span 2!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    background:#f8fafc!important;
    border:1px solid #eef2f7!important;
    color:#111827!important;
}
.tile-dashboard .pro-icon svg{width:19px!important;height:19px!important;}
.tile-dashboard .pro-tile strong{
    display:block!important;
    font-size:15.2px!important;
    line-height:1.05!important;
    letter-spacing:-.025em!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
}
.tile-dashboard .pro-tile small{
    display:block!important;
    font-size:10.8px!important;
    line-height:1.15!important;
    color:#64748b!important;
    max-width:100%!important;
}
.tile-dashboard .pro-tile:hover{transform:translateY(-1px)!important;}
@media(min-width:1320px){.tile-dashboard{grid-template-columns:repeat(7,minmax(0,1fr))!important;}}
@media(max-width:720px){.tile-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tile-dashboard .pro-tile{min-height:86px!important;padding:11px!important}.tile-dashboard .pro-tile strong{font-size:14px!important}.tile-dashboard .pro-tile small{font-size:10.2px!important}}


/* v2.5 final professional sharp-corner pass */
:root{--radius:0!important;--radius-sm:0!important;}
*,*::before,*::after{border-radius:0!important;}
.tile-dashboard{
    grid-template-columns:repeat(auto-fit,minmax(154px,1fr))!important;
    gap:10px!important;
}
@media(min-width:1320px){.tile-dashboard{grid-template-columns:repeat(7,minmax(0,1fr))!important;}}
.tile-dashboard .pro-tile{
    min-height:88px!important;
    padding:11px 12px!important;
    border:1px solid #e1e7ef!important;
    box-shadow:0 6px 18px rgba(15,23,42,.035)!important;
}
.tile-dashboard .pro-tile strong{font-size:15.8px!important;line-height:1.05!important;}
.tile-dashboard .pro-tile small{font-size:10.9px!important;line-height:1.16!important;}
.tile-dashboard .pro-icon{width:32px!important;height:32px!important;min-width:32px!important;}
.tile-dashboard .pro-icon svg{width:18px!important;height:18px!important;}
.pill,.badge-count,.btn,.btn.small,.status-inline-select,.password-toggle,.signature-shell,.signature-pad,.media-upload-box,.media-action,.drop-upload,.choice-pill,.choice-panel,.card,.glass,.topbar,.sidebar,.nav-link,.nav-icon,.brand-mark,.mini-user,.avatar,.field input,.field select,.field textarea,.table-wrap,.alert,.quick-actions a,.metric-card,.pro-tile,.pro-icon,.finance-preview,.finance-preview>div,.store-card,.fullscreen-modal,.modal-panel,.modal-section,.web-public-nav,.web-cta,.web-contact-form,.web-contact-cards a,.web-contact-cards span,.web-socials a{border-radius:0!important;}
.password-toggle{position:absolute!important;overflow:hidden!important;}
.password-toggle.active::after{
    content:"";
    position:absolute;
    left:6px;
    right:6px;
    top:50%;
    height:2px;
    background:currentColor;
    transform:rotate(-42deg);
    transform-origin:center;
}
.job-highlight-success{animation:jobLineSuccess 1.8s ease both;}
@keyframes jobLineSuccess{0%,75%{background:#ecfdf5}100%{background:transparent}}
.job-highlight-success td{background:#ecfdf5!important;}

/* v2.6 professional fit + dealer modal filters */
:root{--radius:0!important;--radius-sm:0!important;--panel-line:#d9e1ea;}
*,*::before,*::after{border-radius:0!important;}
body{font-size:14px!important;}
.card,.modal-section,.metric-card,.store-card,.pro-tile,.login-card,.login-form,.login-hero,.field input,.field select,.field textarea,.btn,.pill,.badge-count,.table-wrap,.alert,.note,.modal-panel,.fullscreen-modal{border-radius:0!important;}

/* login: square, thin dashed, no demo block */
.login-card{border:1px dashed #b9c3cf!important;background:#fff!important;box-shadow:0 18px 44px rgba(15,23,42,.08)!important;overflow:hidden!important;}
.login-hero,.login-form{border-radius:0!important;}
.login-hero{background:linear-gradient(135deg,#111827,#1f2937)!important;}
.login-form{border-left:1px dashed #d7dee8!important;}
.login-card .note{display:none!important;}
.login-logo span,.brand-mark{border-radius:0!important;}

/* global text and metric fit */
.hero-banner h2{font-size:clamp(26px,2.4vw,38px)!important;line-height:1.02!important;letter-spacing:-.055em!important;}
.hero-banner p,.muted{font-size:13px!important;line-height:1.45!important;}
.metric-grid{gap:10px!important;}
.metric-card{padding:13px 14px!important;min-width:0!important;}
.metric-card span{font-size:11px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;}
.metric-card strong{font-size:clamp(18px,2vw,25px)!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;}
.info-list .row{padding:9px 10px!important;gap:10px!important;align-items:center!important;}
.info-list .row span{font-size:11px!important;white-space:nowrap!important;}
.info-list .row strong{font-size:12.5px!important;line-height:1.25!important;word-break:break-word!important;}
th,td{font-size:12px!important;line-height:1.28!important;padding:10px 11px!important;vertical-align:middle!important;}
td strong{font-size:12.5px!important;}
.pill{font-size:11px!important;line-height:1!important;padding:7px 8px!important;white-space:nowrap!important;}
.btn.small{font-size:11.5px!important;padding:8px 10px!important;}

/* dashboard action cards fit */
.tile-dashboard{grid-template-columns:repeat(auto-fit,minmax(146px,1fr))!important;gap:9px!important;}
@media(min-width:1320px){.tile-dashboard{grid-template-columns:repeat(7,minmax(0,1fr))!important;}}
.tile-dashboard .pro-tile{min-height:82px!important;padding:10px 11px!important;grid-template-columns:30px minmax(0,1fr)!important;column-gap:9px!important;}
.tile-dashboard .pro-icon{width:30px!important;height:30px!important;min-width:30px!important;}
.tile-dashboard .pro-icon svg{width:17px!important;height:17px!important;}
.tile-dashboard .pro-tile strong{font-size:14.4px!important;line-height:1.05!important;white-space:nowrap!important;}
.tile-dashboard .pro-tile small{font-size:10.3px!important;line-height:1.12!important;display:block!important;}

/* dealer store cards and modal fit */
.store-grid-four{gap:12px!important;}
.store-card{padding:14px!important;min-width:0!important;}
.store-title strong{font-size:17px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;}
.store-title small,.store-meta{font-size:11.5px!important;line-height:1.25!important;}
.store-kpis{gap:7px!important;}
.store-kpis div{padding:9px!important;min-width:0!important;}
.store-kpis span{font-size:10px!important;white-space:nowrap!important;}
.store-kpis strong{font-size:13px!important;white-space:nowrap!important;overflow:hidden!important;}
.fullscreen-modal{padding:20px!important;}
.modal-head h2{font-size:25px!important;line-height:1.06!important;}
.modal-section h3{font-size:17px!important;line-height:1.1!important;}
.compact-metrics{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;}
.compact-metrics .metric-card{padding:11px!important;}
.compact-metrics .metric-card strong{font-size:18px!important;}
.dealer-report-row{padding:9px 10px!important;}
.dealer-report-row strong{font-size:12.5px!important;line-height:1.1!important;}
.dealer-report-row small{font-size:10.5px!important;line-height:1.2!important;}
.badge-count{min-width:28px!important;height:28px!important;font-size:12px!important;}

.dealer-jobs-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:12px;}
.dealer-jobs-head h3{margin:0!important;}
.dealer-jobs-head .muted{margin:5px 0 0!important;}
.dealer-date-filter{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.dealer-date-filter label{display:grid;gap:5px;font-size:10.5px;font-weight:850;color:#64748b;}
.dealer-date-filter input{height:35px;border:1px solid #dbe3ec;background:#fff;padding:7px 9px;font:inherit;font-size:12px;color:#111827;min-width:142px;}
.dealer-filter-note{border:1px dashed #d7dee9;background:#fafbfc;padding:9px 10px;margin-bottom:10px;font-size:12px;font-weight:850;color:#475569;}
.dealer-jobs-section.is-loading{opacity:.72;}
.dealer-jobs-table{max-height:360px!important;overflow:auto!important;}

/* sidebar final alignment: icon left, text left, no clipping */
.app-shell{grid-template-columns:284px minmax(0,1fr)!important;}
.sidebar .nav-link{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;text-align:left!important;padding:10px 12px!important;min-height:42px!important;}
.sidebar .nav-icon{flex:0 0 22px!important;width:22px!important;height:22px!important;display:grid!important;place-items:center!important;margin:0!important;}
.sidebar .nav-icon svg{width:18px!important;height:18px!important;}
.sidebar .nav-text{flex:1 1 auto!important;text-align:left!important;justify-self:start!important;align-self:center!important;font-size:14.2px!important;line-height:1.15!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;letter-spacing:-.012em!important;}
.sidebar .nav-link.active .nav-text{color:#111827!important;}
.sidebar .nav-link.active:before{flex:0 0 3px!important;margin:-2px 0 -2px -12px!important;}
.sidebar .panel-chip.premium strong,.mini-user strong{font-size:12.5px!important;line-height:1.15!important;}
.sidebar .panel-chip.premium small,.mini-user small{font-size:11px!important;line-height:1.15!important;}

@media(max-width:1180px){.compact-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}.dealer-jobs-head{display:grid}.dealer-date-filter{justify-content:flex-start}.app-shell{grid-template-columns:276px minmax(0,1fr)!important}.sidebar .nav-text{font-size:13.7px!important}}
@media(max-width:720px){.compact-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dealer-date-filter{display:grid;grid-template-columns:1fr 1fr}.dealer-date-filter .btn{width:100%}.dealer-date-filter input{min-width:0}.tile-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))!important}}


/* v2.7 logo upload + brand preview fixes */
.login-logo img{width:48px!important;height:48px!important;object-fit:contain;background:#fff;border:1px solid rgba(255,255,255,.65);padding:6px;border-radius:0!important;box-sizing:border-box;}
.brand-logo-wrap{border-radius:0!important;border:1px solid #e5e7eb;background:#fff;}
.brand-logo{object-fit:contain!important;padding:4px;box-sizing:border-box;background:#fff;}
.drop-upload input[type=file]{cursor:pointer;}
.drop-upload em[data-file-name],.drop-upload small[data-file-name]{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


/* v2.8 logo-only brand lock: no square background, no written brand text */
.brand.logo-only{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    padding:8px 4px 15px!important;border-bottom:1px solid #edf1f5!important;min-height:62px!important;
}
.brand.logo-only .brand-logo{
    display:block!important;width:auto!important;max-width:176px!important;height:auto!important;max-height:54px!important;
    object-fit:contain!important;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;
}
.brand-logo-wrap{background:transparent!important;border:0!important;padding:0!important;width:auto!important;height:auto!important;overflow:visible!important;}
.brand-mark.text-only,.login-logo .text-only,.web2-brand .text-only{
    width:auto!important;height:auto!important;background:transparent!important;border:0!important;padding:0!important;color:currentColor!important;
    font-size:32px!important;font-weight:950!important;line-height:1!important;
}
.login-logo.logo-only{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:0!important;font-size:0!important;line-height:0!important;
}
.login-logo.logo-only img{
    display:block!important;width:auto!important;max-width:230px!important;height:auto!important;max-height:78px!important;
    object-fit:contain!important;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;
}
.login-logo.logo-only span{background:transparent!important;border:0!important;padding:0!important;width:auto!important;height:auto!important;}

/* v2.9 digital contract + document logo polish */
.doc-logo-box.doc-logo-clean{
    width:auto!important;min-width:120px!important;max-width:220px!important;height:70px!important;
    display:flex!important;align-items:center!important;justify-content:flex-end!important;
    background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;border-radius:0!important;
}
.doc-logo-box.doc-logo-clean img{
    display:block!important;max-width:220px!important;max-height:70px!important;width:auto!important;height:auto!important;
    object-fit:contain!important;background:transparent!important;border:0!important;padding:0!important;border-radius:0!important;box-shadow:none!important;
}
.contract-action-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px dashed #d7dee9;background:#fbfcfd;padding:12px 14px;margin-top:12px;border-radius:0!important;}
.contract-action-row strong{display:block;font-size:15px;letter-spacing:-.02em;color:#111827;}
.contract-action-row small{display:block;margin-top:3px;font-size:12px;color:#64748b;font-weight:750;}
.digital-contract-card{border:1px dashed #d7dee9!important;background:linear-gradient(180deg,#fff,#fbfcfd)!important;border-radius:0!important;}
.contract-document .doc-box,.contract-document .doc-total,.contract-section-box,.contract-sign-card,.contract-status-box,.contract-hero-box>div{border-radius:0!important;}
.compact-upload{min-height:132px!important;padding:16px!important;}
.compact-upload .drop-icon{width:34px!important;height:34px!important;}
@media(max-width:720px){.doc-logo-box.doc-logo-clean{justify-content:flex-start;max-width:170px;height:54px}.doc-logo-box.doc-logo-clean img{max-width:170px;max-height:54px}.contract-action-row{display:grid}.contract-action-row .btn{width:100%}}


/* v3.0 document alignment + customer tracking polish */
:root{--track-line:#d9e1ea;--track-soft:#f8fafc;}
body{overflow-x:hidden!important;}
.public-shell{width:min(1280px,100%)!important;max-width:1280px!important;box-sizing:border-box!important;padding-inline:clamp(12px,2vw,24px)!important;}
.public-grid{grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr)!important;align-items:start!important;gap:16px!important;}
.public-card{min-width:0!important;overflow:hidden!important;}
.public-header{border-radius:0!important;min-width:0!important;}
.public-header>*{min-width:0!important;}
.public-header h1{font-size:clamp(25px,3.1vw,39px)!important;line-height:1!important;word-break:break-word!important;}
.track-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px;}
.track-card-head h2{margin:0;font-size:clamp(20px,2vw,27px);letter-spacing:-.055em;line-height:1.02;}
.track-card-head p{margin:5px 0 0;color:#64748b;font-size:12.5px;font-weight:750;line-height:1.35;}
.track-card-head.small{margin-bottom:10px;}
.track-progress-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px dashed var(--track-line);background:#fff;padding:10px 12px;margin-bottom:12px;}
.track-progress-row .progress{height:9px!important;border-radius:0!important;background:#edf2f7!important;}
.track-progress-row .progress span{background:#111827!important;border-radius:0!important;}
.track-progress-row strong{font-size:13px;letter-spacing:-.02em;color:#111827;}
.track-step-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;}
.track-step-card{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;row-gap:6px;align-items:start;border:1px dashed var(--track-line);background:#fff;padding:11px 12px;min-height:92px;transition:.18s;}
.track-step-card.pending{opacity:.58;background:#f8fafc;border-color:#e2e8f0;}
.track-step-card.done{background:#f0fdf4;border-color:#86efac;box-shadow:inset 3px 0 0 #22c55e;opacity:1;}
.track-step-icon{width:34px;height:34px;display:grid;place-items:center;border:1px dashed #cbd5e1;background:#fff;color:#64748b;grid-row:1 / span 2;}
.track-step-card.done .track-step-icon{border-color:#22c55e;color:#166534;background:#dcfce7;}
.track-step-icon svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.track-step-copy{min-width:0;display:grid;gap:3px;}
.track-step-copy strong{font-size:13.5px;line-height:1.1;letter-spacing:-.025em;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:clip;}
.track-step-copy small{font-size:11.5px;line-height:1.28;color:#64748b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.track-step-copy em{font-style:normal;font-size:10.5px;font-weight:850;color:#166534;margin-top:2px;}
.track-step-state{grid-column:2;justify-self:start;display:inline-flex;align-items:center;border:1px solid #e2e8f0;background:#fff;color:#64748b;padding:5px 7px;font-size:10.5px;font-weight:950;line-height:1;text-transform:none;}
.track-step-card.done .track-step-state{background:#dcfce7;border-color:#86efac;color:#166534;}
.tracking-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px dashed var(--track-line);background:#fff;}
.tracking-summary-grid>div{min-width:0;padding:10px 11px;border-right:1px dashed #e2e8f0;border-bottom:1px dashed #e2e8f0;display:grid;gap:4px;align-content:start;}
.tracking-summary-grid>div:nth-child(2n){border-right:0;}
.tracking-summary-grid>div:nth-last-child(-n+2){border-bottom:0;}
.tracking-summary-grid span{font-size:10.5px;font-weight:900;letter-spacing:.045em;text-transform:uppercase;color:#64748b;white-space:nowrap;}
.tracking-summary-grid strong{font-size:13px;line-height:1.15;color:#111827;min-width:0;word-break:break-word;}
.track-mini-block{border:1px dashed var(--track-line);background:#fff;padding:12px;margin-top:12px;display:grid;gap:8px;}
.track-mini-block strong{font-size:12px;letter-spacing:-.015em;color:#111827;}
.track-mini-block p{margin:0;font-size:12px;color:#475569;line-height:1.4;}
.track-mini-block.muted-block{background:#f8fafc;}
.track-pill-row{display:flex;gap:6px;flex-wrap:wrap;}
.track-pill-row span,.track-pill-row em{font-style:normal;border:1px solid #e2e8f0;background:#f8fafc;padding:6px 8px;font-size:11px;font-weight:850;color:#334155;}
@media(max-width:980px){.public-grid{grid-template-columns:1fr!important}.public-header{display:grid!important}.track-step-grid{grid-template-columns:1fr!important}.tracking-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.tracking-summary-grid{grid-template-columns:1fr!important}.tracking-summary-grid>div{border-right:0!important}.tracking-summary-grid>div:nth-last-child(-n+2){border-bottom:1px dashed #e2e8f0!important}.tracking-summary-grid>div:last-child{border-bottom:0!important}.track-card-head{display:grid}.track-card-head .pill{justify-self:start}.track-step-copy strong{white-space:normal}.track-step-card{grid-template-columns:32px minmax(0,1fr);padding:10px}.track-step-icon{width:32px;height:32px}}

/* v3.0 all printable documents: no right-floating example text, compact aligned rows */
.doc-page{width:100%!important;max-width:100%!important;padding-inline:12px!important;box-sizing:border-box!important;}
.receipt-premium.doc-fit,.receipt-premium{width:min(980px,100%)!important;box-sizing:border-box!important;}
.doc-head{align-items:flex-start!important;gap:18px!important;}
.doc-title{min-width:0!important;}
.doc-title small{display:block;font-size:11px!important;letter-spacing:.08em!important;color:#64748b!important;text-transform:uppercase!important;}
.doc-title h1{font-size:clamp(22px,2.8vw,30px)!important;line-height:1.02!important;word-break:break-word!important;}
.doc-title p{font-size:12px!important;line-height:1.5!important;max-width:620px!important;}
.doc-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;}
.doc-box,.doc-total,.doc-sign,.contract-section-box,.contract-sign-card,.contract-status-box{min-width:0!important;}
.doc-box h3,.doc-subtitle{font-size:12px!important;letter-spacing:.06em!important;line-height:1.2!important;color:#334155!important;text-transform:none!important;}
.doc-value{display:grid!important;grid-template-columns:minmax(108px,.48fr) minmax(0,1fr)!important;align-items:start!important;justify-content:start!important;gap:10px!important;padding:8px 0!important;border-bottom:1px dashed #e2e8f0!important;}
.doc-value span{font-size:11px!important;line-height:1.25!important;color:#64748b!important;font-weight:850!important;white-space:normal!important;text-align:left!important;}
.doc-value strong{display:block!important;font-size:12.8px!important;line-height:1.25!important;color:#111827!important;font-weight:900!important;letter-spacing:-.018em!important;text-align:left!important;justify-self:start!important;min-width:0!important;max-width:100%!important;word-break:break-word!important;overflow-wrap:anywhere!important;}
.doc-total>span{display:block!important;font-size:12px!important;font-weight:950!important;letter-spacing:.04em!important;text-transform:none!important;color:#334155!important;margin-bottom:8px!important;}
.doc-total strong{font-size:12.8px!important;letter-spacing:-.018em!important;}
.doc-total .doc-value:last-child strong,.doc-total .doc-value:nth-last-child(1) strong{font-size:13.8px!important;}
.doc-inline{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;gap:8px!important;}
.doc-inline span{min-width:0!important;text-align:left!important;font-size:12px!important;font-weight:850!important;overflow-wrap:anywhere!important;}
.doc-line{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;align-items:start!important;}
.doc-line>div{min-width:0!important;}
.doc-line>strong{font-size:13px!important;line-height:1.2!important;white-space:nowrap!important;text-align:right!important;}
.table-wrap{max-width:100%!important;}
.compact-table table, .table-wrap table{table-layout:auto!important;}
@media(max-width:720px){.doc-head{display:grid!important}.doc-logo-box.doc-logo-clean{justify-content:flex-start!important}.doc-grid{grid-template-columns:1fr!important}.doc-value{grid-template-columns:minmax(96px,.42fr) minmax(0,1fr)!important}.doc-line{grid-template-columns:1fr!important}.doc-line>strong{text-align:left!important}.receipt-premium{padding:18px!important}}
@media print{.doc-toolbar{display:none!important}.public-shell.doc-page{padding:0!important}.receipt-premium{box-shadow:none!important;border-color:#cbd5e1!important}.doc-value span,.doc-value strong{font-size:11px!important}th,td{font-size:10.5px!important;padding:7px 8px!important}.doc-title h1{font-size:24px!important}}


/* v3.1 delete modal, tracking fullscreen and contract polish */
.system-modal{z-index:9999!important;align-items:center!important;justify-content:center!important;}
.system-message-panel,.system-confirm-panel{width:min(440px,calc(100vw - 28px))!important;padding:24px!important;text-align:center!important;border:1px dashed #cbd5e1!important;background:#fff!important;border-radius:0!important;box-shadow:0 28px 90px rgba(15,23,42,.22)!important;}
.system-message-panel h2,.system-confirm-panel h2{margin:10px 0 8px!important;font-size:22px!important;letter-spacing:-.045em!important;line-height:1.05!important;color:#111827!important;}
.system-message-panel p,.system-confirm-panel p{margin:0!important;color:#64748b!important;font-size:13px!important;line-height:1.5!important;font-weight:750!important;}
.system-message-panel .actions,.system-confirm-panel .actions{justify-content:center!important;margin-top:18px!important;}
.system-message-icon{width:48px;height:48px;margin:0 auto;border:1px dashed #86efac;background:#f0fdf4;display:grid;place-items:center;color:#166534;}
.system-message-icon:before{content:'✓';font-weight:950;font-size:24px;}
.system-message-panel.error .system-message-icon,.system-message-icon.danger{border-color:#fecaca;background:#fef2f2;color:#b91c1c;}
.system-message-panel.error .system-message-icon:before,.system-message-icon.danger:before{content:'!';}
.delete-inline-form{display:inline-flex;margin:0!important;}
.table-actions,.row-actions{display:flex;gap:7px;align-items:center;justify-content:flex-end;flex-wrap:wrap;}
.btn.danger.secondary,.btn.secondary.danger{color:#b91c1c!important;border-color:#fecaca!important;background:#fff5f5!important;}
.btn.danger.secondary:hover,.btn.secondary.danger:hover{background:#fee2e2!important;}

body:has(.track-fullscreen){background:#f6f7f9!important;}
.track-fullscreen.public-shell{width:100%!important;max-width:none!important;min-height:100vh!important;padding:clamp(12px,2vw,26px)!important;}
.track-fullscreen .public-header{width:100%!important;display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(280px,.55fr)!important;gap:16px!important;align-items:stretch!important;border:1px dashed #d9e1ea!important;background:linear-gradient(135deg,#fff,#f8fafc)!important;padding:18px!important;}
.track-fullscreen .public-grid{width:100%!important;max-width:none!important;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr)!important;}
.track-fullscreen .public-card{border:1px dashed #d9e1ea!important;background:rgba(255,255,255,.96)!important;box-shadow:0 18px 55px rgba(15,23,42,.055)!important;}
.track-signature-card{margin-top:12px;border:1px dashed #d9e1ea;background:#f8fafc;padding:12px;display:grid;gap:8px;}
.track-signature-card span{font-size:11px;font-weight:950;letter-spacing:.045em;text-transform:uppercase;color:#64748b;}
.track-signature-card img{width:100%;height:96px;object-fit:contain;background:#fff;border:1px dashed #e2e8f0;}
.track-signature-card strong{font-size:13px;color:#111827;}
.track-signature-card small{font-size:11px;color:#64748b;font-weight:750;}
@media(max-width:980px){.track-fullscreen .public-header,.track-fullscreen .public-grid{grid-template-columns:1fr!important;}}

.contract-document .receipt-premium{max-width:1040px!important;border:1px solid #cbd5e1!important;background:#fff!important;}
.contract-doc-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;border-bottom:2px solid #111827!important;}
.contract-doc-head .doc-title h1{font-size:24px!important;}
.contract-doc-head .doc-logo-box.doc-logo-clean{justify-content:center!important;min-width:150px!important;max-width:190px!important;height:62px!important;}
.contract-doc-head .doc-logo-box.doc-logo-clean img{max-width:190px!important;max-height:62px!important;}
.contract-status-box{background:#f8fafc!important;border:1px dashed #cbd5e1!important;padding:12px 14px!important;min-width:140px!important;text-align:left!important;}
.contract-hero-box{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;border:1px solid #111827!important;background:#111827!important;margin:18px 0!important;}
.contract-hero-box>div{background:#fff!important;border-right:1px solid #111827!important;padding:12px!important;}
.contract-hero-box>div:last-child{border-right:0!important;}
.contract-hero-box span{display:block;font-size:10.5px!important;color:#64748b!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.05em!important;}
.contract-hero-box strong{display:block;margin-top:5px;font-size:13px!important;color:#111827!important;word-break:break-word!important;}
.contract-section-box{border:1px dashed #cbd5e1!important;background:#fbfcfe!important;padding:18px!important;margin:16px 0!important;}
.contract-section-box h3{margin:0 0 10px!important;font-size:15px!important;letter-spacing:-.025em!important;color:#111827!important;}
.contract-terms{margin:12px 0 0!important;padding-left:18px!important;color:#334155!important;font-size:12px!important;line-height:1.6!important;}
.contract-sign-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;margin-top:18px!important;}
.contract-sign-card{border:1px dashed #cbd5e1!important;background:#fff!important;padding:16px!important;min-height:150px!important;}
.contract-sign-card img{width:100%!important;height:92px!important;object-fit:contain!important;border:1px dashed #e2e8f0!important;background:#f8fafc!important;margin:10px 0!important;}
.contract-line{height:46px;border-bottom:1px solid #111827;margin-top:20px;}
@media(max-width:760px){.contract-doc-head,.contract-hero-box,.contract-sign-grid{grid-template-columns:1fr!important}.contract-doc-head .doc-logo-box.doc-logo-clean{justify-content:flex-start!important}.contract-hero-box>div{border-right:0!important;border-bottom:1px solid #111827!important}.contract-hero-box>div:last-child{border-bottom:0!important}}

/* v3.2 job detail actions + tracking page polish */
.job-action-panel{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important;margin-top:14px!important;width:100%!important;}
.job-action-card{min-width:0!important;display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:10px!important;align-items:center!important;text-decoration:none!important;color:#111827!important;background:#fff!important;border:1px dashed #d8e0ea!important;padding:11px 12px!important;box-shadow:none!important;line-height:1.12!important;}
.job-action-card>span,.job-action-card button>span{width:32px!important;height:32px!important;display:grid!important;place-items:center!important;border:1px dashed #d8e0ea!important;background:#f8fafc!important;color:#111827!important;grid-row:1 / span 2!important;}
.job-action-card svg{width:18px!important;height:18px!important;stroke:currentColor!important;fill:none!important;}
.job-action-card strong{font-size:12.5px!important;font-weight:950!important;letter-spacing:-.02em!important;white-space:nowrap!important;line-height:1.1!important;}
.job-action-card small{font-size:10.5px!important;color:#64748b!important;font-weight:800!important;white-space:nowrap!important;line-height:1.15!important;}
.job-action-card.danger-action{padding:0!important;margin:0!important;border-color:#fecaca!important;background:#fff7f7!important;}
.job-action-card.danger-action button{width:100%!important;height:100%!important;display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:10px!important;align-items:center!important;text-align:left!important;border:0!important;background:transparent!important;color:#991b1b!important;padding:11px 12px!important;cursor:pointer!important;font:inherit!important;}
.job-action-card.danger-action button>span{border-color:#fecaca!important;background:#fff1f2!important;color:#991b1b!important;}
.job-action-card.danger-action small{color:#b91c1c!important;}
.job-action-card:hover{background:#f8fafc!important;border-color:#b8c4d4!important;transform:none!important;}
.job-track-panel{display:grid!important;gap:14px!important;align-content:start!important;background:linear-gradient(135deg,#111827,#0f172a)!important;border:1px dashed rgba(255,255,255,.22)!important;}
.job-track-panel .actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:0!important;}
.job-track-panel .actions .btn,.job-track-panel .actions form,.job-track-panel .actions form .btn{width:100%!important;min-width:0!important;white-space:nowrap!important;font-size:12px!important;padding:11px 10px!important;}
.job-track-panel .inline-list{gap:8px!important;}
.job-track-panel .pill{font-size:11px!important;white-space:nowrap!important;}
.job-detail-finance-grid{align-items:start!important;}

.track-fullscreen.public-shell{padding:0!important;background:#f5f6f8!important;}
.track-fullscreen .public-header{margin:0!important;border-left:0!important;border-right:0!important;border-top:0!important;padding:clamp(16px,2.2vw,28px)!important;}
.track-fullscreen .public-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;margin-top:14px!important;padding:0 clamp(12px,2vw,26px)!important;}
.track-fullscreen .grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:0 clamp(12px,2vw,26px)!important;}
.track-fullscreen>.public-card{margin-left:clamp(12px,2vw,26px)!important;margin-right:clamp(12px,2vw,26px)!important;}
.track-fullscreen .track-process-card{width:100%!important;overflow:hidden!important;background:linear-gradient(135deg,#ffffff,#f8fafc)!important;}
.track-fullscreen .track-card-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;border-bottom:1px dashed #dbe3ee!important;padding-bottom:12px!important;margin-bottom:12px!important;}
.track-fullscreen .track-card-head h2{font-size:clamp(19px,2vw,26px)!important;letter-spacing:-.04em!important;margin:0!important;}
.track-fullscreen .track-card-head p{font-size:12.5px!important;color:#64748b!important;margin:5px 0 0!important;}
.track-fullscreen .track-progress-row{display:grid!important;grid-template-columns:1fr auto!important;gap:12px!important;align-items:center!important;margin-bottom:13px!important;}
.track-fullscreen .track-progress-row strong{font-size:18px!important;letter-spacing:-.04em!important;color:#111827!important;}
.track-fullscreen .track-step-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:8px!important;width:100%!important;}
.track-fullscreen .track-step-card{min-height:82px!important;grid-template-columns:30px minmax(0,1fr)!important;padding:10px!important;border:1px dashed #dbe3ee!important;background:#fff!important;box-shadow:none!important;}
.track-fullscreen .track-step-card.done{background:#f0fdf4!important;border-color:#86efac!important;box-shadow:inset 3px 0 0 #22c55e!important;}
.track-fullscreen .track-step-card.pending{background:#f8fafc!important;opacity:.62!important;filter:grayscale(.15)!important;}
.track-fullscreen .track-step-icon{width:30px!important;height:30px!important;border:1px dashed #dbe3ee!important;}
.track-fullscreen .track-step-icon svg{width:17px!important;height:17px!important;}
.track-fullscreen .track-step-copy strong{font-size:12.5px!important;white-space:normal!important;line-height:1.12!important;display:block!important;}
.track-fullscreen .track-step-copy small{font-size:11px!important;line-height:1.22!important;-webkit-line-clamp:2!important;}
.track-fullscreen .track-step-state{font-size:10px!important;padding:4px 6px!important;}
.track-fullscreen .track-summary-card{width:100%!important;}
.track-fullscreen .tracking-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;}
.track-fullscreen .tracking-summary-grid>div{border-right:1px dashed #e2e8f0!important;border-bottom:0!important;min-height:66px!important;}
.track-fullscreen .tracking-summary-grid>div:last-child{border-right:0!important;}
.track-fullscreen .tracking-summary-grid strong{font-size:12.5px!important;line-height:1.12!important;}
.track-fullscreen .tracking-summary-grid span{font-size:10px!important;}
.track-fullscreen .track-signature-card{border:1px dashed #dbe3ee!important;background:#fff!important;padding:12px!important;margin-top:12px!important;}
.track-fullscreen .public-card{max-width:none!important;}
@media(max-width:1180px){.job-action-panel{grid-template-columns:repeat(3,minmax(0,1fr))!important}.track-fullscreen .tracking-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.track-fullscreen .tracking-summary-grid>div{border-bottom:1px dashed #e2e8f0!important}.track-fullscreen .tracking-summary-grid>div:nth-child(3n){border-right:0!important}.track-fullscreen .tracking-summary-grid>div:nth-last-child(-n+3){border-bottom:0!important}}
@media(max-width:820px){.job-action-panel{grid-template-columns:repeat(2,minmax(0,1fr))!important}.job-track-panel .actions{grid-template-columns:1fr!important}.track-fullscreen .grid.cols-2{grid-template-columns:1fr!important}.track-fullscreen .tracking-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.track-fullscreen .tracking-summary-grid>div:nth-child(3n){border-right:1px dashed #e2e8f0!important}.track-fullscreen .tracking-summary-grid>div:nth-child(2n){border-right:0!important}.track-fullscreen .tracking-summary-grid>div:nth-last-child(-n+3){border-bottom:1px dashed #e2e8f0!important}.track-fullscreen .tracking-summary-grid>div:nth-last-child(-n+2){border-bottom:0!important}}
@media(max-width:560px){.job-action-panel{grid-template-columns:1fr!important}.track-fullscreen .public-header{grid-template-columns:1fr!important}.track-fullscreen .track-step-grid{grid-template-columns:1fr!important}.track-fullscreen .tracking-summary-grid{grid-template-columns:1fr!important}.track-fullscreen .tracking-summary-grid>div{border-right:0!important;border-bottom:1px dashed #e2e8f0!important}.track-fullscreen .tracking-summary-grid>div:last-child{border-bottom:0!important}.track-fullscreen .track-card-head{display:grid!important}.track-fullscreen .track-card-head .pill{justify-self:start!important}}

/* v3.3 mobile/tablet app polish + PWA install */
html,body{max-width:100%;overflow-x:hidden!important;-webkit-tap-highlight-color:transparent;}
img,video,iframe,canvas,table{max-width:100%;}
.card,.btn,.pill,.alert,.note,.field input,.field select,.field textarea,.table-wrap,.mobile-nav,.modal-panel,.fullscreen-modal,.drop-upload,.media-upload-box,.choice-panel,.choice-pill,.quick-actions a,.login-card,.login-hero,.login-form,.pwa-install-btn,.pwa-sheet{border-radius:0!important;}
button,.btn,a,input,select,textarea{touch-action:manipulation;}

.login-page{position:relative;overflow:hidden;padding-bottom:112px!important;}
.pwa-install-wrap{position:fixed;left:0;right:0;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:90;display:flex;justify-content:center;pointer-events:none;animation:pwaFloatUp .55s ease both;}
.pwa-install-btn{pointer-events:auto;width:min(420px,calc(100vw - 28px));border:1px dashed rgba(255,255,255,.34);background:rgba(17,24,39,.92);color:#fff;display:flex;align-items:center;gap:12px;padding:12px 14px;box-shadow:0 18px 46px rgba(0,0,0,.24);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);cursor:pointer;text-align:left;}
.pwa-install-btn strong{display:block;font-size:14px;line-height:1.05;letter-spacing:-.01em;}
.pwa-install-btn small{display:block;margin-top:3px;font-size:11px;color:rgba(255,255,255,.68);font-weight:750;}
.pwa-install-icon{width:38px;height:38px;border:1px solid rgba(255,255,255,.24);display:grid;place-items:center;flex:0 0 38px;background:rgba(255,255,255,.08);}
.pwa-install-icon svg{width:20px;height:20px;}
@keyframes pwaFloatUp{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}
.pwa-sheet-backdrop{position:fixed;inset:0;background:rgba(2,6,23,.56);z-index:110;display:none;align-items:flex-end;justify-content:center;padding:16px;}
.pwa-sheet-backdrop.show{display:flex;}
.pwa-sheet{width:min(480px,100%);background:#fff;color:#111827;border:1px solid #dbe3ec;padding:18px;box-shadow:0 24px 90px rgba(0,0,0,.28);}
.pwa-sheet h3{margin:0 0 8px;font-size:20px;letter-spacing:-.035em;}
.pwa-sheet p{margin:0 0 12px;color:#475569;line-height:1.5;font-weight:700;}
.pwa-sheet ol{margin:0 0 16px 18px;padding:0;color:#334155;line-height:1.6;font-weight:760;}
.pwa-sheet .btn{width:100%;}

@media(max-width:1180px){
  .app-shell{display:block!important;padding:12px!important;min-height:100dvh!important;}
  .sidebar{display:none!important;}
  .main-area{width:100%!important;min-width:0!important;}
  .content-wrap{padding-bottom:112px!important;}
  .topbar{position:sticky!important;top:10px!important;margin-bottom:12px!important;padding:13px 14px!important;border:1px solid #e2e8f0!important;background:rgba(255,255,255,.9)!important;box-shadow:0 10px 30px rgba(15,23,42,.06)!important;display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:10px!important;}
  .topbar h1{font-size:22px!important;line-height:1.05!important;margin-top:2px!important;}
  .topbar-meta{display:none!important;}
  .eyebrow{font-size:10px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .topbar-actions{gap:7px!important;justify-content:flex-end!important;}
  .topbar-actions .pill,.topbar-actions .btn.secondary{display:none!important;}
  .topbar-actions .btn{height:40px!important;padding:0 12px!important;font-size:12px!important;white-space:nowrap!important;}
  .mobile-nav{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;z-index:80!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:4px!important;padding:7px!important;background:rgba(255,255,255,.92)!important;border:1px solid #dbe3ec!important;box-shadow:0 16px 44px rgba(15,23,42,.16)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;}
  .mobile-link{min-width:0!important;display:grid!important;place-items:center!important;gap:2px!important;padding:6px 2px!important;color:#64748b!important;overflow:hidden!important;}
  .mobile-link svg{width:20px!important;height:20px!important;}
  .mobile-link small{font-size:10px!important;line-height:1!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;letter-spacing:-.03em!important;}
  .mobile-link.active{color:#111827!important;background:#fff7ed!important;border:1px solid #fed7aa!important;}
  .grid.cols-2,.grid.cols-3,.grid.cols-4,.form-grid,.kpi-row,.parts-operation-layout,.dealer-profile-modal,.web-contact-grid{grid-template-columns:1fr!important;}
  .store-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .card{padding:16px!important;box-shadow:0 8px 28px rgba(15,23,42,.055)!important;}
  .card h2,.card h3{font-size:20px!important;line-height:1.15!important;margin-bottom:12px!important;}
  .toolbar,.section-title,.dealer-jobs-head{display:grid!important;grid-template-columns:1fr!important;align-items:start!important;gap:10px!important;}
  .actions,.topbar-actions,.searchbar,.media-upload-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;}
  .actions .btn,.searchbar .btn,.media-upload-actions label,.media-upload-actions .btn{width:100%!important;min-width:0!important;text-align:center!important;}
  .field input,.field select,.field textarea,.searchbar input,.searchbar select{font-size:16px!important;min-height:44px!important;padding:11px 12px!important;}
  .btn{min-height:42px!important;padding:10px 12px!important;font-size:13px!important;white-space:nowrap!important;}
  .pill{font-size:11.5px!important;padding:7px 9px!important;white-space:nowrap!important;}
  .table-wrap{overflow:auto!important;-webkit-overflow-scrolling:touch!important;max-width:100%!important;}
  th,td{padding:10px!important;font-size:12px!important;white-space:nowrap!important;}
  .fullscreen-modal{position:fixed!important;inset:8px!important;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;padding:14px!important;overflow:auto!important;}
  .modal-head{display:grid!important;grid-template-columns:1fr auto!important;gap:10px!important;align-items:start!important;}
  .modal-head h2{font-size:22px!important;line-height:1.05!important;}
  .modal-section{padding:14px!important;}
  .modal-section h3{font-size:16px!important;}
  .compact-metrics,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  .metric-card strong,.stat strong{font-size:22px!important;line-height:1!important;white-space:nowrap!important;}
  .media-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .signature-pad{height:190px!important;}
}

@media(max-width:640px){
  .login-page{padding:12px 12px 104px!important;place-items:start center!important;}
  .login-card{width:100%!important;min-height:auto!important;grid-template-columns:1fr!important;margin-top:8px!important;}
  .login-hero{padding:24px 18px!important;min-height:auto!important;}
  .login-logo.logo-only img{max-width:170px!important;max-height:58px!important;}
  .hero-title{font-size:31px!important;line-height:1.02!important;margin:34px 0 10px!important;}
  .hero-copy{font-size:14px!important;line-height:1.55!important;}
  .login-form{padding:22px 18px!important;border-left:0!important;border-top:1px dashed #d7dee8!important;}
  .login-form h2{font-size:24px!important;}
  .login-form p{font-size:13px!important;margin-bottom:18px!important;}
  .pwa-install-btn{width:calc(100vw - 24px)!important;padding:11px!important;}
  .app-shell{padding:8px!important;}
  .topbar{top:8px!important;padding:12px!important;}
  .topbar h1{font-size:19px!important;}
  .topbar-actions .btn{height:38px!important;font-size:11.5px!important;padding:0 9px!important;}
  .content-wrap{padding-bottom:106px!important;}
  .mobile-nav{left:8px!important;right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;padding:6px 4px!important;gap:2px!important;}
  .mobile-link small{font-size:9.2px!important;}
  .mobile-link svg{width:18px!important;height:18px!important;}
  .card{padding:13px!important;}
  .actions,.searchbar,.media-upload-actions{grid-template-columns:1fr!important;}
  .quick-actions,.tile-dashboard,.store-grid-four,.media-grid,.compact-metrics,.metric-grid{grid-template-columns:1fr!important;}
  .choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;}
  .choice-grid .choice-pill{font-size:11.2px!important;line-height:1!important;padding:9px 8px!important;white-space:nowrap!important;overflow:hidden!important;}
  .dealer-date-filter{grid-template-columns:1fr!important;}
  .web-public-nav{left:8px!important;right:8px!important;top:8px!important;padding:10px!important;}
  .web-slide-content{width:calc(100% - 24px)!important;padding-top:64px!important;}
  .web-slide-content h1{font-size:38px!important;}
  .web-slide-content p{font-size:15px!important;}
  .web-hero-slider{min-height:100dvh!important;height:100dvh!important;}
}


/* v3.4 system modal icon/close separation */
.system-message-panel,.system-confirm-panel{position:relative!important;padding-top:34px!important;}
.system-message-panel>.modal-close,.system-confirm-panel>.modal-close{position:absolute!important;top:10px!important;right:10px!important;width:34px!important;height:34px!important;min-width:34px!important;display:grid!important;place-items:center!important;margin:0!important;padding:0!important;line-height:1!important;font-size:20px!important;z-index:3!important;background:#fff!important;border:1px dashed #cbd5e1!important;color:#334155!important;}
.system-message-icon{position:relative!important;z-index:1!important;margin:4px auto 0!important;}
.system-message-panel>.modal-close:hover,.system-confirm-panel>.modal-close:hover{background:#f8fafc!important;color:#0f172a!important;border-color:#94a3b8!important;}
@media(max-width:520px){.system-message-panel,.system-confirm-panel{padding:32px 18px 20px!important}.system-message-panel>.modal-close,.system-confirm-panel>.modal-close{top:8px!important;right:8px!important;width:32px!important;height:32px!important;min-width:32px!important}.system-message-icon{width:44px!important;height:44px!important}}

/* v3.5 action grid + OTP refinement */
.job-action-panel{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
    align-items:stretch!important;
}
.job-action-card{
    min-height:72px!important;
    padding:12px 13px!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    column-gap:12px!important;
    border-radius:0!important;
    overflow:hidden!important;
}
.job-action-card>span,.job-action-card button>span{
    width:30px!important;
    height:30px!important;
    border-radius:0!important;
}
.job-action-card strong{
    font-size:13px!important;
    line-height:1.08!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.job-action-card small{
    font-size:10.5px!important;
    line-height:1.12!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.job-action-card.danger-action button{
    grid-template-columns:30px minmax(0,1fr)!important;
    column-gap:12px!important;
    border-radius:0!important;
}
@media(max-width:980px){.job-action-panel{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.job-action-panel{grid-template-columns:1fr!important}.job-action-card strong{font-size:13.5px!important}.job-action-card small{font-size:11px!important}}
.otp-shell{max-width:620px!important;min-height:100vh!important;display:grid!important;place-items:center!important;padding:20px!important;}
.otp-card{border:1px dashed #cbd5e1!important;border-radius:0!important;box-shadow:0 22px 70px rgba(15,23,42,.08)!important;}
.otp-card h1{font-size:clamp(28px,4vw,44px)!important;letter-spacing:-.055em!important;margin:10px 0 8px!important;}
.otp-status-box{border:1px dashed #d8e0ea;background:#f8fafc;padding:14px;margin:16px 0;display:flex;align-items:center;justify-content:space-between;gap:14px;border-radius:0!important;}
.otp-status-box span{display:block;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#64748b;}
.otp-status-box strong{display:block;font-size:26px;letter-spacing:.04em;color:#111827;}
.otp-status-box small{color:#64748b;font-weight:800;text-align:right;}
.otp-status-box.active{background:#f0fdf4;border-color:#bbf7d0;}
.otp-send-form{margin:0 0 12px;}
.otp-verify-form .actions{margin-top:10px;}
.otp-hint{border-radius:0!important;margin-top:16px!important;}
@media(max-width:560px){.otp-status-box{display:grid}.otp-status-box small{text-align:left}.otp-status-box strong{font-size:23px}}
.alert.warning{background:#fff7ed!important;color:#9a3412!important;border:1px dashed #fed7aa!important;border-radius:0!important;}

/* v3.6 professional intake QR + media */
.qr-intake-gate{margin-top:18px}
.qr-intake-gate.is-complete{display:none!important}
.qr-camera-card{display:grid;grid-template-columns:minmax(280px,1.1fr) minmax(260px,.9fr);gap:18px;align-items:stretch;background:#fff;border:1px dashed #cbd5e1;padding:18px;box-shadow:0 16px 44px rgba(15,23,42,.08)}
.qr-camera-view{position:relative;min-height:360px;background:#020617;overflow:hidden;border:1px solid #111827}
.qr-camera-view video{width:100%;height:100%;object-fit:cover;display:block;min-height:360px}
.qr-frame{position:absolute;inset:50%;width:min(72vw,280px);height:min(72vw,280px);transform:translate(-50%,-50%);border:1px dashed rgba(255,255,255,.65)}
.qr-frame span{position:absolute;width:34px;height:34px;border:3px solid #f59e0b}
.qr-frame span:nth-child(1){left:-2px;top:-2px;border-right:0;border-bottom:0}.qr-frame span:nth-child(2){right:-2px;top:-2px;border-left:0;border-bottom:0}.qr-frame span:nth-child(3){left:-2px;bottom:-2px;border-right:0;border-top:0}.qr-frame span:nth-child(4){right:-2px;bottom:-2px;border-left:0;border-top:0}
.qr-camera-status{position:absolute;left:16px;right:16px;bottom:16px;padding:12px 14px;background:rgba(15,23,42,.78);color:#fff;font-weight:800;font-size:13px;letter-spacing:.01em;text-align:center;border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px)}
.qr-camera-info{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:8px 10px}.qr-camera-info h2{font-size:28px;margin:0;color:#111827}.qr-camera-info p{margin:0;color:#475569;line-height:1.5;font-size:14px}.intake-form.is-hidden-before-qr{display:none!important}
.intake-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.intake-media-slot{min-height:138px;border:1px dashed #cbd5e1;background:#f8fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px;cursor:pointer;transition:.18s ease;color:#334155}.intake-media-slot:hover{border-color:#94a3b8;background:#fff}.intake-media-slot.has-file{background:#ecfdf5;border-color:#22c55e;color:#14532d}.intake-media-slot .slot-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid currentColor;margin-bottom:8px;font-size:20px;line-height:1}.intake-media-slot strong{font-size:14px;line-height:1.1}.intake-media-slot small{font-size:11px;color:#64748b;margin-top:4px}.intake-media-slot em{font-style:normal;font-size:11px;margin-top:8px;font-weight:800;color:#0f172a}.intake-recorder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.recorder-card{border:1px dashed #cbd5e1;background:#fff;padding:14px;display:flex;flex-direction:column;gap:10px}.recorder-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.recorder-head strong{font-size:14px}.recorder-head span{font-size:12px;font-weight:900;background:#f1f5f9;border:1px solid #e2e8f0;padding:5px 8px}.recorder-card p{margin:0;color:#64748b;font-size:12px}.recorder-preview video,.recorder-preview audio{width:100%;display:block;margin-top:8px;max-height:180px;background:#0f172a}.media-card audio{width:100%;margin-bottom:8px}
.hero-banner p,.card-header p,.card-step .muted,.point-hint,.operation-card input::placeholder,.field textarea::placeholder{font-size:12px!important;line-height:1.35!important}.card-step{gap:10px!important}.card-step strong{font-size:13px!important}.step-badge{width:26px!important;height:26px!important;font-size:12px!important}
@media (max-width:900px){.qr-camera-card{grid-template-columns:1fr}.qr-camera-view,.qr-camera-view video{min-height:320px}.intake-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intake-recorder-grid{grid-template-columns:1fr}}
@media (max-width:520px){.qr-camera-card{padding:12px;gap:12px}.qr-camera-view,.qr-camera-view video{min-height:300px}.qr-camera-info h2{font-size:22px}.intake-media-grid{grid-template-columns:1fr 1fr;gap:8px}.intake-media-slot{min-height:118px;padding:10px}.intake-media-slot strong{font-size:13px}.recorder-card .actions{display:grid;grid-template-columns:1fr;gap:8px}.recorder-card .btn{width:100%;justify-content:center}}

/* v3.7 mobile/tablet professional pass */
@media(max-width:980px){
  .app-shell{padding:8px 8px calc(82px + env(safe-area-inset-bottom,0px))!important;}
  .main-area{gap:10px!important;min-width:0!important;}
  .content-wrap{padding-top:0!important;}
  .topbar.glass{position:sticky!important;top:8px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-height:54px!important;padding:10px 12px!important;border:1px solid #e5eaf1!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(16px)!important;z-index:45!important;}
  .topbar .eyebrow,.topbar-meta{display:none!important;}
  .topbar h1{font-size:18px!important;line-height:1.08!important;margin:0!important;letter-spacing:-.035em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;}
  .topbar>div:first-child{min-width:0!important;flex:1!important;}
  .topbar-actions{margin-left:auto!important;gap:6px!important;flex:0 0 auto!important;}
  .topbar-actions .btn{height:36px!important;min-height:36px!important;padding:0 10px!important;font-size:12px!important;line-height:1!important;}
  .hero-banner{margin-top:10px!important;margin-bottom:10px!important;padding:11px 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;border:1px dashed #d8e0ea!important;background:#fff!important;box-shadow:none!important;min-height:auto!important;}
  .hero-banner .pill.dark{display:none!important;}
  .hero-banner h2{font-size:17px!important;line-height:1.12!important;letter-spacing:-.035em!important;margin:0!important;max-width:100%!important;}
  .hero-banner p{display:none!important;}
  .hero-banner .hero-actions{display:flex!important;gap:7px!important;flex:0 0 auto!important;margin:0!important;}
  .hero-banner .hero-actions .btn{height:36px!important;min-height:36px!important;padding:0 10px!important;font-size:12px!important;white-space:nowrap!important;}
  .card{padding:14px!important;}
  .card-header{gap:8px!important;align-items:flex-start!important;}
  .card-header h2{font-size:17px!important;line-height:1.1!important;}
  .card-header p{display:none!important;}
  .field label{font-size:12px!important;}
  .field input,.field select,.field textarea{font-size:14px!important;padding:11px 12px!important;}
  .modal-panel,.fullscreen-modal{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;overflow:auto!important;padding:14px!important;}
  .mobile-nav{left:8px!important;right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;display:flex!important;justify-content:flex-start!important;gap:4px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:7px!important;scrollbar-width:none!important;border:1px solid #e5eaf1!important;background:rgba(255,255,255,.96)!important;}
  .mobile-nav::-webkit-scrollbar{display:none!important;}
  .mobile-link{flex:0 0 68px!important;min-width:68px!important;max-width:68px!important;padding:4px 2px!important;text-align:center!important;}
  .mobile-link small{font-size:10px!important;line-height:1.05!important;white-space:normal!important;}
  .mobile-icon svg{width:19px!important;height:19px!important;}
}
@media(max-width:560px){
  .grid.cols-2,.grid.cols-3,.grid.cols-4,.form-grid,.search-split,.customer-card{grid-template-columns:1fr!important;}
  .hero-banner{display:grid!important;grid-template-columns:1fr!important;}
  .hero-banner .hero-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;}
  .hero-banner .hero-actions .btn{width:100%!important;}
  .topbar h1{font-size:17px!important;}
}

/* v3.7 signature pad must use the full mobile canvas area */
.signature-shell{overflow:hidden!important;}
.signature-pad{display:block!important;width:100%!important;min-height:260px!important;height:clamp(240px,34vh,360px)!important;touch-action:none!important;}
@media(max-width:560px){.signature-pad{height:320px!important;min-height:320px!important}.signature-shell:after{bottom:132px!important;font-size:13px!important}}

/* v3.7 colored intake media slots */
.intake-media-slot{border-style:dashed!important;background:#eff6ff!important;border-color:#bfdbfe!important;color:#172554!important;position:relative!important;overflow:hidden!important;}
.intake-media-slot:nth-child(even){background:#fff7ed!important;border-color:#fed7aa!important;color:#7c2d12!important;}
.intake-media-slot:before{content:"";position:absolute;inset:auto -30px -45px auto;width:100px;height:100px;background:rgba(255,255,255,.45);transform:rotate(25deg);pointer-events:none;}
.intake-media-slot:hover{background:#dbeafe!important;border-color:#60a5fa!important;}
.intake-media-slot:nth-child(even):hover{background:#ffedd5!important;border-color:#fb923c!important;}
.intake-media-slot .slot-icon{background:rgba(255,255,255,.75)!important;}
.intake-media-slot.has-file{background:#ecfdf5!important;border-color:#22c55e!important;color:#14532d!important;}
.intake-media-slot em{color:currentColor!important;opacity:.82!important;}


/* v3.8 mobile app polish: full-width actions, camera fallback, pulse sidebar drawer */
@media(max-width:980px){
  .topbar.glass{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:10px 12px!important;}
  .topbar>div:first-child{width:100%!important;min-width:0!important;}
  .topbar h1{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.12!important;}
  .topbar-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;margin-left:0!important;gap:7px!important;}
  .topbar-actions .btn{width:100%!important;justify-content:center!important;height:40px!important;font-size:12.5px!important;}
  .hero-banner{display:grid!important;grid-template-columns:1fr!important;width:100%!important;}
  .hero-banner .hero-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:8px!important;}
  .hero-banner .hero-actions .btn{width:100%!important;justify-content:center!important;min-width:0!important;}
  .qr-camera-card{min-height:calc(100dvh - 170px)!important;align-content:start!important;}
  .qr-camera-view,.qr-camera-view video{min-height:min(62dvh,520px)!important;height:min(62dvh,520px)!important;}
  .qr-camera-info .actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:8px!important;}
  .qr-camera-info .btn{width:100%!important;}
  .mobile-drawer-pulse{display:grid!important;position:fixed!important;left:0!important;top:48%!important;transform:translateY(-50%)!important;z-index:170!important;width:42px!important;height:82px!important;place-items:center!important;background:rgba(15,23,42,.32)!important;border:1px solid rgba(255,255,255,.28)!important;border-left:0!important;color:#fff!important;box-shadow:0 14px 36px rgba(15,23,42,.22)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;border-radius:0!important;cursor:pointer!important;}
  .mobile-drawer-pulse span{width:18px!important;height:34px!important;display:block!important;position:relative!important;}
  .mobile-drawer-pulse span:before,.mobile-drawer-pulse span:after{content:"";position:absolute;left:50%;width:4px;height:4px;background:#fff;transform:translateX(-50%);box-shadow:0 0 0 6px rgba(255,255,255,.14);}
  .mobile-drawer-pulse span:before{top:5px;animation:cgPulseBeat 1.15s ease-in-out infinite;}
  .mobile-drawer-pulse span:after{bottom:5px;animation:cgPulseBeat 1.15s ease-in-out .28s infinite;}
  .mobile-drawer-pulse:after{content:"";position:absolute;left:19px;top:18px;width:1px;height:46px;background:linear-gradient(180deg,transparent,#fff,transparent);opacity:.85;}
  .mobile-drawer-backdrop{display:block!important;position:fixed!important;inset:0!important;background:rgba(2,6,23,.48)!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important;opacity:0!important;pointer-events:none!important;transition:.2s ease!important;z-index:150!important;}
  body.mobile-menu-open .mobile-drawer-backdrop{opacity:1!important;pointer-events:auto!important;}
  .sidebar.glass{display:flex!important;position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:min(88vw,330px)!important;height:100dvh!important;max-height:100dvh!important;z-index:165!important;transform:translateX(-105%)!important;transition:transform .26s cubic-bezier(.2,.8,.2,1)!important;background:rgba(255,255,255,.98)!important;border:0!important;border-right:1px solid #e2e8f0!important;box-shadow:24px 0 60px rgba(15,23,42,.24)!important;padding:18px!important;overflow-y:auto!important;}
  body.mobile-menu-open .sidebar.glass{transform:translateX(0)!important;}
  .mobile-sidebar-close{display:grid!important;place-items:center!important;position:absolute!important;right:12px!important;top:12px!important;width:36px!important;height:36px!important;background:#0f172a!important;color:#fff!important;border:0!important;border-radius:0!important;font-size:22px!important;line-height:1!important;z-index:2!important;}
  .sidebar .brand{padding-right:44px!important;}
  body.mobile-menu-open{overflow:hidden!important;}
}
@media(min-width:981px){.mobile-drawer-pulse,.mobile-drawer-backdrop,.mobile-sidebar-close{display:none!important;}}
@keyframes cgPulseBeat{0%,100%{transform:translateX(-50%) scale(.82);opacity:.55}45%{transform:translateX(-50%) scale(1.4);opacity:1}}
@media(max-width:560px){
  .app-shell{padding-left:10px!important;padding-right:10px!important;}
  .topbar-actions,.hero-banner .hero-actions{grid-template-columns:1fr!important;}
  .mobile-drawer-pulse{width:36px!important;height:74px!important;}
  .qr-camera-card{padding:10px!important;min-height:auto!important;}
  .qr-camera-view,.qr-camera-view video{min-height:54dvh!important;height:54dvh!important;}
}

/* v3.8 delivery signature, mobile button fit and clean signature state */
.signature-shell.has-signature:after{display:none!important;content:none!important;}
.delivery-status-panel{width:min(760px,calc(100vw - 20px))!important;max-height:calc(100dvh - 20px)!important;overflow:auto!important;}
.delivery-declaration{border:1px dashed #d7e0ea;background:#f8fafc;padding:14px;margin:12px 0;display:grid;gap:5px;}
.delivery-declaration strong{font-size:18px;letter-spacing:-.03em;color:#0f172a;}
.delivery-declaration p{margin:0;color:#475569;line-height:1.55;font-size:14px;}
.delivery-signature-shell{margin-top:14px!important;background:#f8fbff!important;border-color:#c7dcf5!important;}
.delivery-signed-preview,.delivery-signature-card{background:#f8fbff!important;border:1px dashed #c7dcf5!important;}
.delivery-signed-preview img,.delivery-signature-card img{max-width:100%;max-height:150px;object-fit:contain;background:#fff;border:1px solid #e6edf5;padding:8px;}
.modal-actions-fixed{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.78),#fff 38%)!important;padding-top:10px!important;margin-top:12px!important;z-index:2;}
.delivery-document .contract-section-box{background:#fff!important;}
.delivery-statement-box{background:#f8fafc!important;border-style:dashed!important;}
@media(max-width:980px){
  .topbar-actions,.hero-actions,.actions{width:100%;}
  .topbar-actions .btn,.hero-actions .btn,.qr-camera-info .btn{min-width:0!important;}
  .delivery-status-panel{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border:0!important;padding:14px!important;}
  .delivery-status-panel .signature-pad{height:320px!important;min-height:320px!important;}
  .modal-actions-fixed{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
}
@media(max-width:560px){
  .topbar-actions{grid-template-columns:1fr!important;}
  .topbar-actions .btn{height:42px!important;font-size:13px!important;}
  .hero-banner .hero-actions{grid-template-columns:1fr!important;}
  .job-action-panel{grid-template-columns:1fr!important;}
}

/* v3.9 mobile polish: cleaner top area, smooth signature, 2-column operation presets, MENU drawer tab */
.signature-pad{
  cursor:crosshair!important;
  background:linear-gradient(180deg,#ffffff,#fbfdff)!important;
}
.signature-shell{background:#f8fbff!important;border-color:#c8ddf5!important;}
.signature-shell:after{pointer-events:none!important;}
.operation-suggestions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
.operation-chip{
  width:100%!important;
  min-width:0!important;
  text-align:center!important;
  padding:10px 8px!important;
  font-size:12.2px!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
.operation-card{min-width:0!important;}
@media(max-width:980px){
  .topbar.glass{padding:12px 12px!important;gap:4px!important;}
  .topbar .eyebrow{font-size:10px!important;letter-spacing:.055em!important;}
  .topbar h1{font-size:18px!important;line-height:1.05!important;margin:0!important;}
  .topbar-meta{display:none!important;}
  .topbar-actions{display:none!important;}
  .clean-hero{margin-top:8px!important;padding:14px!important;}
  .clean-hero .pill{font-size:10px!important;padding:7px 8px!important;}
  .clean-hero h2{font-size:22px!important;margin:7px 0 0!important;line-height:1.02!important;}
  .clean-hero p{display:none!important;}
  .clean-hero .hero-actions{margin-top:10px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;}
  .clean-hero .hero-actions .btn{width:100%!important;height:42px!important;font-size:12.5px!important;padding:0 8px!important;}
  .operation-suggestions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  .operation-chip{height:38px!important;font-size:12px!important;padding:8px 6px!important;}
  .operation-panel .card-header{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:8px!important;}
  .operation-panel .card-header h2{font-size:20px!important;line-height:1.05!important;}
  .operation-panel .card-header p{display:none!important;}
  .operation-grid{grid-template-columns:1fr!important;gap:10px!important;}
}
@media(max-width:560px){
  .content-wrap{padding-left:0!important;padding-right:0!important;}
  .hero-banner,.card,.metric-card,.pro-tile,.table-wrap{width:100%!important;}
  .operation-suggestions{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .operation-chip{font-size:11.6px!important;letter-spacing:-.025em!important;}
  .signature-pad{height:360px!important;min-height:360px!important;}
}
@media(max-width:980px){
  .mobile-drawer-pulse{
    width:34px!important;
    height:128px!important;
    left:0!important;
    top:50%!important;
    background:rgba(15,23,42,.26)!important;
    border-color:rgba(255,255,255,.34)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
  }
  .mobile-drawer-pulse span{
    width:auto!important;
    height:auto!important;
    writing-mode:vertical-rl!important;
    text-orientation:mixed!important;
    transform:rotate(180deg)!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:.18em!important;
    color:#fff!important;
  }
  .mobile-drawer-pulse span:before,
  .mobile-drawer-pulse span:after,
  .mobile-drawer-pulse:after{display:none!important;content:none!important;}
  body.mobile-menu-open .mobile-drawer-pulse{background:rgba(245,158,11,.86)!important;color:#111827!important;z-index:171!important;}
  body.mobile-menu-open .mobile-drawer-pulse span{color:#111827!important;}
}

/* v4.0 delivery modal overlay and close alignment */
.delivery-status-panel,.list-delivery-panel{position:relative!important;overflow:auto!important;}
.delivery-status-panel>.modal-close,.list-delivery-panel>.modal-close{position:sticky!important;top:0!important;float:right!important;margin:-8px -8px 6px 12px!important;width:38px!important;height:38px!important;min-width:38px!important;display:grid!important;place-items:center!important;line-height:1!important;font-size:22px!important;z-index:8!important;background:#fff!important;border:1px dashed #cbd5e1!important;color:#0f172a!important;}
.delivery-status-panel>.modal-head,.list-delivery-panel>.modal-head{clear:both!important;padding-right:0!important;}
#jobsDeliveryStatusModal{z-index:260!important;}
#jobsDeliveryStatusModal .modal-panel{width:min(760px,calc(100vw - 20px))!important;max-height:calc(100dvh - 20px)!important;}
@media(max-width:720px){
  #jobsDeliveryStatusModal{align-items:stretch!important;padding:0!important;}
  #jobsDeliveryStatusModal .modal-panel{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border-left:0!important;border-right:0!important;}
  .delivery-status-panel>.modal-close,.list-delivery-panel>.modal-close{top:0!important;right:0!important;margin:-2px -2px 8px 10px!important;width:40px!important;height:40px!important;min-width:40px!important;}
}


/* v4.1 mobile fit: logo, customer pages and inline job actions */
.mobile-top-logo{display:none;}
.topbar-title-block{min-width:0;}
@media(max-width:980px){
  .topbar.glass{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    column-gap:10px!important;
    width:100%!important;
  }
  .mobile-top-logo{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:58px!important;
    height:38px!important;
    min-width:58px!important;
    overflow:hidden!important;
    background:transparent!important;
    border:0!important;
    padding:0!important;
  }
  .mobile-top-logo img{
    display:block!important;
    max-width:58px!important;
    max-height:38px!important;
    width:auto!important;
    height:auto!important;
    object-fit:contain!important;
    background:transparent!important;
    border:0!important;
    padding:0!important;
  }
  .topbar-title-block{min-width:0!important;width:100%!important;}
  .topbar-title-block h1{max-width:100%!important;overflow:hidden!important;text-overflow:clip!important;}
  .content-wrap{width:100%!important;max-width:100%!important;overflow:hidden!important;}
  .toolbar,.searchbar{min-width:0!important;}
  .table-actions,.row-actions{flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;}
  .table-actions form,.row-actions form{display:inline-flex!important;margin:0!important;min-width:0!important;}
  .table-actions .btn,.row-actions .btn{white-space:nowrap!important;min-width:0!important;box-shadow:none!important;}
}
@media(max-width:720px){
  .customers-page .customer-card{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin-top:12px!important;}
  .customers-page .card{padding:12px!important;width:100%!important;max-width:100%!important;overflow:hidden!important;}
  .customers-page .toolbar{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;align-items:stretch!important;}
  .customers-page .toolbar h2{font-size:17px!important;margin:0!important;}
  .customers-page .searchbar{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important;}
  .customers-page .searchbar input,.customers-page .searchbar select,.customers-page .searchbar button{width:100%!important;min-width:0!important;}
  .customers-page .table-wrap{border:0!important;overflow:visible!important;background:transparent!important;}
  .customers-page .table-wrap table,.customers-page .table-wrap tbody,.customers-page .table-wrap tr,.customers-page .table-wrap td{display:block!important;width:100%!important;min-width:0!important;}
  .customers-page .table-wrap thead{display:none!important;}
  .customers-page .table-wrap tr{border:1px dashed #d8e0ea!important;background:#fff!important;margin:0 0 10px!important;padding:10px!important;box-shadow:0 10px 26px rgba(15,23,42,.045)!important;}
  .customers-page .table-wrap td{border:0!important;padding:4px 0!important;white-space:normal!important;font-size:13px!important;line-height:1.35!important;}
  .customers-page .table-wrap td:nth-child(2),.customers-page .table-wrap td:nth-child(3),.customers-page .table-wrap td:nth-child(4){display:inline-flex!important;width:auto!important;margin-right:10px!important;color:#64748b!important;font-weight:800!important;}
  .customers-page .table-wrap td:nth-child(2)::before{content:'Bayi: ';font-weight:900;color:#0f172a;margin-right:3px;}
  .customers-page .table-wrap td:nth-child(3)::before{content:'Araç: ';font-weight:900;color:#0f172a;margin-right:3px;}
  .customers-page .table-wrap td:nth-child(4)::before{content:'Servis: ';font-weight:900;color:#0f172a;margin-right:3px;}
  .customers-page .table-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;margin-top:8px!important;}
  .customers-page .table-actions form,.customers-page .table-actions .btn{width:100%!important;}
  .customers-page .customer-head{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}
  .customers-page .customer-head .actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;margin-top:0!important;}
  .customers-page .customer-head .actions form,.customers-page .customer-head .actions .btn{width:100%!important;}
  .customers-page .archive-vehicle .title{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
  .customers-page .archive-vehicle .row-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;}
  .jobs-page .table-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;width:142px!important;min-width:142px!important;max-width:142px!important;}
  .jobs-page .table-actions form,.jobs-page .table-actions .btn{width:100%!important;height:34px!important;padding:0 8px!important;font-size:12px!important;line-height:1!important;}
  .jobs-page .table-wrap td:last-child{min-width:154px!important;width:154px!important;}
}
@media(max-width:480px){
  .mobile-top-logo{width:52px!important;min-width:52px!important;height:34px!important;}
  .mobile-top-logo img{max-width:52px!important;max-height:34px!important;}
  .customers-page .customer-head .actions,.customers-page .archive-vehicle .row-actions{grid-template-columns:1fr!important;}
  .jobs-page .table-actions{width:136px!important;min-width:136px!important;max-width:136px!important;}
  .jobs-page .table-wrap td:last-child{min-width:148px!important;width:148px!important;}
}

/* v4.2 mobile polish: compact copy, workflow fit, OTP progress */
@media (max-width: 760px){
    .hero-banner,
    .hero-banner.clean-hero{
        padding:14px 12px!important;
        gap:10px!important;
        align-items:stretch!important;
    }
    .hero-banner h2{font-size:20px!important;line-height:1.15!important;margin:6px 0 0!important;}
    .hero-banner p{display:none!important;}
    .hero-banner .pill{font-size:10px!important;padding:6px 8px!important;}
    .hero-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;width:100%!important;}
    .hero-actions .btn{width:100%!important;min-width:0!important;padding:10px 8px!important;font-size:12px!important;justify-content:center!important;}
    .card-header p,
    .section-title p,
    .pro-tile small{display:none!important;}
    .grid.cols-3,
    .grid.cols-2,
    .grid{grid-template-columns:1fr!important;display:grid!important;gap:12px!important;}
    .grid > .card,
    .grid > [style*="grid-column"]{grid-column:auto!important;min-width:0!important;}
    .timeline{display:grid!important;gap:8px!important;width:100%!important;}
    .timeline .dash-row{display:grid!important;grid-template-columns:1fr auto!important;gap:7px 10px!important;padding:9px 10px!important;min-width:0!important;}
    .timeline .dash-row span{font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
    .timeline .dash-row strong{font-size:13px!important;text-align:right!important;}
    .timeline .progress{grid-column:1/-1!important;width:100%!important;height:5px!important;margin:0!important;}
    .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
    .metric-card{padding:10px!important;min-width:0!important;}
    .metric-card span{font-size:10px!important;line-height:1.15!important;}
    .metric-card strong{font-size:17px!important;line-height:1.15!important;word-break:break-word!important;}
}
@media (max-width: 420px){
    .hero-actions{grid-template-columns:1fr!important;}
    .metric-grid{grid-template-columns:1fr!important;}
}
.otp-status-box{position:relative;overflow:hidden;padding-bottom:22px!important;}
.otp-progress{position:absolute;left:14px;right:14px;bottom:10px;height:6px;background:#e5e7eb;border:1px solid #d8e0ea;overflow:hidden;}
.otp-progress i{display:block;height:100%;width:0;background:#16a34a;transition:width .35s linear;}
.otp-status-box:not(.active) .otp-progress i{background:#94a3b8!important;width:0!important;}
@media (max-width:560px){
    .otp-status-box{padding-bottom:28px!important;}
    .otp-progress{left:12px;right:12px;bottom:12px;}
}

/* v4.3 tablet bottom navigation: show every allowed module and fit cleanly */
@media (max-width: 1100px){
  .mobile-nav.glass{
    display:flex!important;
    visibility:visible!important;
  }
  .mobile-nav .mobile-link{
    border-radius:0!important;
  }
}
@media (min-width: 701px) and (max-width: 1100px){
  body{padding-bottom:86px!important;}
  .mobile-nav.glass{
    left:12px!important;
    right:12px!important;
    bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(70px,1fr))!important;
    align-items:stretch!important;
    gap:5px!important;
    padding:7px!important;
    overflow:visible!important;
    border:1px solid #dbe3ec!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 16px 44px rgba(15,23,42,.14)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }
  .mobile-nav .mobile-link{
    min-width:0!important;
    max-width:none!important;
    width:auto!important;
    height:58px!important;
    padding:6px 4px!important;
    display:grid!important;
    grid-template-rows:22px 1fr!important;
    place-items:center!important;
    gap:3px!important;
    overflow:hidden!important;
    text-align:center!important;
    border:1px solid transparent!important;
  }
  .mobile-nav .mobile-link.active{
    border-color:#fed7aa!important;
    background:#fff7ed!important;
    color:#111827!important;
  }
  .mobile-nav .mobile-icon,
  .mobile-nav .mobile-link .mobile-icon{
    width:22px!important;
    height:22px!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
  }
  .mobile-nav .mobile-icon svg,
  .mobile-nav .mobile-link svg{
    width:20px!important;
    height:20px!important;
  }
  .mobile-nav .mobile-link small{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    font-size:10.2px!important;
    line-height:1.05!important;
    letter-spacing:-.04em!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
}
@media (max-width:700px){
  body{padding-bottom:82px!important;}
  .mobile-nav.glass{
    left:8px!important;
    right:8px!important;
    bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;
    display:flex!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    gap:4px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:7px!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
  }
  .mobile-nav.glass::-webkit-scrollbar{display:none!important;}
  .mobile-nav .mobile-link{
    flex:0 0 66px!important;
    min-width:66px!important;
    max-width:66px!important;
    height:56px!important;
    scroll-snap-align:start!important;
    padding:5px 2px!important;
  }
  .mobile-nav .mobile-link small{
    font-size:9.3px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
  }
}

/* v4.4 modern OTP + premium PWA install button */
.otp-modern-shell{
    min-height:100dvh!important;
    background:
      radial-gradient(circle at 15% 12%, rgba(245,158,11,.16), transparent 28%),
      radial-gradient(circle at 85% 18%, rgba(59,130,246,.12), transparent 26%),
      linear-gradient(135deg,#f8fafc,#ffffff 48%,#f1f5f9)!important;
}
.otp-modern-card{
    position:relative!important;
    width:min(520px,100%)!important;
    padding:28px!important;
    border:1px dashed #cbd5e1!important;
    background:rgba(255,255,255,.92)!important;
    box-shadow:0 26px 90px rgba(15,23,42,.12)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    overflow:hidden!important;
}
.otp-modern-card:before{
    content:"";
    position:absolute;
    inset:0 0 auto 0;
    height:4px;
    background:linear-gradient(90deg,#f59e0b,#fbbf24,#38bdf8,#f59e0b);
    background-size:220% 100%;
    animation:otpGoldLine 4s linear infinite;
}
.otp-lock-badge{
    width:54px!important;
    height:54px!important;
    display:grid!important;
    place-items:center!important;
    border:1px dashed #f59e0b!important;
    background:#fff7ed!important;
    color:#b45309!important;
    margin-bottom:14px!important;
}
.otp-lock-badge svg{width:27px!important;height:27px!important;}
.otp-modern-card .public-pill{background:#111827!important;color:#fff!important;border-color:#111827!important;font-size:10px!important;}
.otp-modern-card h1{font-size:clamp(30px,5vw,46px)!important;line-height:.95!important;margin:12px 0 10px!important;letter-spacing:-.065em!important;}
.otp-modern-card .muted{font-size:14px!important;line-height:1.45!important;max-width:420px!important;}
.otp-timer-card{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    padding:15px 16px 26px!important;
    margin:18px 0 12px!important;
    border-color:#d8e0ea!important;
    background:linear-gradient(135deg,#f8fafc,#fff)!important;
}
.otp-timer-card.active{background:linear-gradient(135deg,#ecfdf5,#ffffff)!important;border-color:#86efac!important;}
.otp-timer-card strong{font-size:28px!important;letter-spacing:-.03em!important;font-variant-numeric:tabular-nums!important;}
.otp-code-field input{
    height:58px!important;
    text-align:center!important;
    font-size:25px!important;
    letter-spacing:.42em!important;
    font-weight:900!important;
    padding-left:24px!important;
    border:1px dashed #cbd5e1!important;
    background:#f8fafc!important;
}
.otp-send-btn,.otp-open-btn{height:48px!important;font-weight:900!important;}
@keyframes otpGoldLine{from{background-position:0 0}to{background-position:220% 0}}
@media(max-width:560px){
    .otp-modern-shell{padding:14px!important;align-items:center!important;}
    .otp-modern-card{padding:22px 16px!important;}
    .otp-lock-badge{width:48px!important;height:48px!important;}
    .otp-code-field input{height:54px!important;font-size:22px!important;letter-spacing:.33em!important;}
    .otp-timer-card{grid-template-columns:1fr!important;gap:4px!important;}
    .otp-timer-card small{text-align:left!important;}
}
.pwa-install-wrap{
    bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;
    animation:pwaRiseGold .7s cubic-bezier(.2,.8,.2,1) both!important;
}
.pwa-install-btn{
    position:relative!important;
    width:min(410px,calc(100vw - 26px))!important;
    overflow:hidden!important;
    border:1px dashed rgba(251,191,36,.72)!important;
    background:linear-gradient(135deg,rgba(17,24,39,.96),rgba(30,41,59,.92))!important;
    box-shadow:0 22px 60px rgba(15,23,42,.34), inset 0 0 0 1px rgba(255,255,255,.06)!important;
}
.pwa-install-btn:before{
    content:"";
    position:absolute;
    inset:-80% auto -80% -35%;
    width:42%;
    transform:rotate(18deg);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);
    animation:pwaShine 2.8s ease-in-out infinite;
}
.pwa-install-btn:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(245,158,11,.16),transparent 35%,rgba(251,191,36,.12));
    pointer-events:none;
}
.pwa-install-btn span{position:relative;z-index:1;}
.pwa-install-icon{
    width:42px!important;
    height:42px!important;
    flex-basis:42px!important;
    color:#fbbf24!important;
    border:1px dashed rgba(251,191,36,.72)!important;
    background:rgba(245,158,11,.12)!important;
    box-shadow:0 0 22px rgba(245,158,11,.22)!important;
}
.pwa-install-icon svg{width:25px!important;height:25px!important;}
.pwa-install-btn strong{font-size:14.5px!important;letter-spacing:-.015em!important;}
.pwa-install-btn small{color:rgba(255,255,255,.72)!important;}
@keyframes pwaRiseGold{from{opacity:0;transform:translateY(72px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes pwaShine{0%,45%{left:-42%}70%,100%{left:130%}}

/* v4.5 OTP plain frame + Turkish-friendly alerts */
.otp-modern-shell,
.public-shell.otp-modern-shell{
    background:#ffffff!important;
    background-image:none!important;
}
.otp-modern-card,
.public-card.otp-modern-card,
.otp-card{
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    border:1px dashed #cbd5e1!important;
}
.otp-modern-card:before{display:none!important;}
.otp-lock-badge{
    background:transparent!important;
    border:1px dashed #d8e0ea!important;
    color:#111827!important;
}
.otp-modern-card .public-pill{
    background:transparent!important;
    color:#111827!important;
    border:1px dashed #d8e0ea!important;
}
.otp-timer-card,
.otp-timer-card.active,
.otp-code-field input{
    background:transparent!important;
}
.otp-modern-card .alert,
.otp-card .alert{
    border:1px dashed currentColor!important;
    background:transparent!important;
    color:#111827!important;
}
.otp-modern-card .alert.error{color:#991b1b!important;}
.otp-modern-card .alert.success{color:#166534!important;}
.otp-modern-card .alert.warning{color:#92400e!important;}


/* v4.6 tablet settings grid + phone 5-button bottom navigation */
@media (min-width:701px) and (max-width:1100px){
  body.settings-page .tile-dashboard,
  .settings-page .tile-dashboard{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    align-items:stretch!important;
  }
  body.settings-page .pro-tile,
  .settings-page .pro-tile{
    min-height:104px!important;
    padding:14px 12px!important;
    display:grid!important;
    grid-template-columns:34px 1fr!important;
    grid-template-rows:auto auto!important;
    column-gap:10px!important;
    row-gap:2px!important;
    align-items:center!important;
    text-align:left!important;
  }
  body.settings-page .pro-tile .pro-icon,
  .settings-page .pro-tile .pro-icon{
    grid-row:1 / span 2!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
  }
  body.settings-page .pro-tile strong,
  .settings-page .pro-tile strong{
    font-size:13.4px!important;
    line-height:1.12!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
  }
  body.settings-page .pro-tile small,
  .settings-page .pro-tile small{
    font-size:10.6px!important;
    line-height:1.15!important;
    max-height:25px!important;
    overflow:hidden!important;
  }
}
@media (max-width:700px){
  .mobile-nav.glass{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:4px!important;
    overflow:hidden!important;
    padding:7px!important;
  }
  .mobile-nav .mobile-link{display:none!important;}
  .mobile-nav .mobile-link.phone-main{
    display:grid!important;
    flex:initial!important;
    min-width:0!important;
    max-width:none!important;
    width:100%!important;
    height:56px!important;
    padding:5px 2px!important;
    place-items:center!important;
    gap:2px!important;
    text-align:center!important;
  }
  .mobile-nav .mobile-link.phone-main small{
    display:block!important;
    width:100%!important;
    font-size:9.4px!important;
    line-height:1.04!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    letter-spacing:-.04em!important;
  }
  .mobile-nav .mobile-link.phone-main svg{
    width:18px!important;
    height:18px!important;
  }
  .mobile-nav .mobile-link.phone-main.active{
    background:#fff7ed!important;
    border:1px solid #fed7aa!important;
    color:#111827!important;
  }
}
@media (max-width:560px){
  body.settings-page .tile-dashboard,
  .settings-page .tile-dashboard{
    grid-template-columns:1fr!important;
  }
}


/* v4.7 dashboard quick actions: remove web tile from panel, tablet 3-column fit */
@media (min-width:701px) and (max-width:1180px){
  body.dashboard-page .tile-dashboard,
  .dashboard-page .tile-dashboard{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
  }
  body.dashboard-page .tile-dashboard .pro-tile,
  .dashboard-page .tile-dashboard .pro-tile{
    min-height:96px!important;
    padding:13px 14px!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    column-gap:11px!important;
    align-items:center!important;
  }
  body.dashboard-page .tile-dashboard .pro-tile strong,
  .dashboard-page .tile-dashboard .pro-tile strong{
    font-size:15px!important;
    line-height:1.08!important;
    white-space:nowrap!important;
  }
  body.dashboard-page .tile-dashboard .pro-tile small,
  .dashboard-page .tile-dashboard .pro-tile small{
    font-size:10.6px!important;
    line-height:1.15!important;
    max-height:24px!important;
    overflow:hidden!important;
  }
}


/* v4.8: Web Yönetimi panel kartı PC ve telefonda görünür, yalnız tablette gizlenir */
@media (min-width:701px) and (max-width:1180px){
  body.dashboard-page .dashboard-web-tile,
  .dashboard-page .dashboard-web-tile{
    display:none!important;
  }
}

/* v4.9 tablet button fit + dealer application management */
.nav-link{position:relative}.nav-badge,.mobile-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;background:#f59e0b;color:#111827;border:1px solid #111827;font-size:11px;font-weight:950;line-height:1}.nav-badge{margin-left:auto}.mobile-badge{position:absolute;top:2px;right:8px;min-width:18px;height:18px;font-size:10px}.application-filter-actions .btn.active{background:#111827!important;color:#fff!important;border-color:#111827!important}.application-list{display:grid;gap:14px}.application-card{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;border:1px dashed #cbd5e1;background:#fff;padding:18px}.application-card.status-pending{background:linear-gradient(90deg,#fff7ed,#fff)}.application-card.status-approved{background:linear-gradient(90deg,#f0fdf4,#fff)}.application-card.status-rejected{background:linear-gradient(90deg,#fef2f2,#fff)}.application-card h3{margin:10px 0 8px;font-size:22px;letter-spacing:-.045em}.application-meta{display:flex;flex-wrap:wrap;gap:8px}.application-meta span{display:inline-flex;align-items:center;gap:6px;border:1px dashed #dbe3ed;padding:8px 10px;background:#f8fafc;font-size:12px;font-weight:850}.application-meta svg{width:15px;height:15px}.application-card p{color:#475569;line-height:1.55;margin:12px 0}.application-card-side{border-left:1px dashed #dbe3ed;padding-left:16px;display:grid;align-content:start;gap:7px}.application-card-side small,.application-card-side label{font-size:12px;font-weight:900;color:#64748b}.application-card-side strong{font-size:18px}.application-card-side textarea{width:100%;min-height:84px;border:1px dashed #cbd5e1;background:#f8fafc;padding:10px;resize:vertical}.application-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}.application-actions .btn{width:100%}.pill.orange{background:#fff7ed!important;color:#9a3412!important;border-color:#fdba74!important}.pill.red{background:#fef2f2!important;color:#991b1b!important;border-color:#fecaca!important}.pill.green{background:#f0fdf4!important;color:#166534!important;border-color:#bbf7d0!important}.application-metrics .metric-card strong{font-size:26px!important}.dealer-applications-page .hero-banner p{max-width:680px}
@media(min-width:641px) and (max-width:1180px){
  .hero-actions,.topbar-actions,.actions{display:flex!important;align-items:stretch!important;gap:10px!important;width:100%!important}.hero-actions .btn,.topbar-actions .btn,.actions>.btn,.actions>a.btn,.actions>button.btn{flex:1 1 0!important;min-width:0!important;width:auto!important;white-space:nowrap!important;padding-inline:10px!important}.topbar{grid-template-columns:1fr!important}.topbar-actions{margin-top:10px}.global-intake-btn{max-width:none!important}.tile-dashboard{grid-template-columns:repeat(3,minmax(0,1fr))!important}.tile-dashboard .pro-tile{min-width:0!important}.quick-actions,.job-action-grid,.detail-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.quick-actions a,.job-action-grid a,.detail-action-grid a{min-width:0!important;width:100%!important}.application-card{grid-template-columns:1fr}.application-card-side{border-left:0;border-top:1px dashed #dbe3ed;padding-left:0;padding-top:14px}.application-filter-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.application-filter-actions .btn{width:100%!important}
}
@media(max-width:640px){.application-card{grid-template-columns:1fr;padding:14px}.application-card-side{border-left:0;border-top:1px dashed #dbe3ed;padding-left:0;padding-top:12px}.application-meta{display:grid;grid-template-columns:1fr}.application-filter-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}.application-filter-actions .btn{width:100%!important}.application-metrics{grid-template-columns:1fr 1fr!important}.application-metrics .metric-card:last-child{grid-column:1/-1}.nav-badge{margin-left:8px}}


/* v5.0 tablet fit polish */
@media (min-width:701px) and (max-width:1180px){
  body.dashboard-page .topbar.glass{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    gap:12px!important;
    align-items:center!important;
    padding:12px 14px!important;
  }
  body.dashboard-page .mobile-top-logo{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:96px!important;
    min-width:96px!important;
    height:42px!important;
    overflow:hidden!important;
  }
  body.dashboard-page .mobile-top-logo img{
    max-width:96px!important;
    max-height:42px!important;
    width:auto!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:left center!important;
    display:block!important;
  }
  body.dashboard-page .topbar-title-block{min-width:0!important;}
  body.dashboard-page .topbar-actions{display:none!important;}
  body.dashboard-page .hero-banner{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;}
  body.dashboard-page .hero-banner .hero-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:10px!important;}
  body.dashboard-page .hero-banner .hero-actions .btn{width:100%!important;min-width:0!important;justify-content:center!important;}
  .hero-actions:has(> :only-child),.actions:has(> :only-child){display:grid!important;grid-template-columns:1fr!important;width:100%!important;}
  .hero-actions:has(> :only-child)>.btn,.hero-actions:has(> :only-child)>a,.actions:has(> :only-child)>.btn,.actions:has(> :only-child)>a{width:100%!important;flex:1 1 100%!important;}
  .hero-actions:has(> :nth-child(2):last-child),.actions:has(> :nth-child(2):last-child){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;}
  .hero-actions:has(> :nth-child(2):last-child)>*,.actions:has(> :nth-child(2):last-child)>*{width:100%!important;min-width:0!important;justify-content:center!important;}
}

/* v5.1 tablet header/hero cleanup: single title + actions below */
@media (min-width:701px) and (max-width:1180px){
  .topbar.glass{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:58px!important;
    padding:10px 14px!important;
    gap:0!important;
  }
  .topbar .topbar-title-block,
  .topbar .topbar-actions{
    display:none!important;
  }
  .topbar .mobile-top-logo{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:min(240px,58vw)!important;
    height:42px!important;
    margin:0 auto!important;
    overflow:hidden!important;
  }
  .topbar .mobile-top-logo img{
    display:block!important;
    max-width:100%!important;
    max-height:42px!important;
    width:auto!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  .hero-banner,
  .hero-banner.clean-hero{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    width:100%!important;
    margin-top:12px!important;
    padding:16px!important;
    border:1px dashed #cbd5e1!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  .hero-banner > div:first-child,
  .hero-banner.clean-hero > div:first-child{
    text-align:center!important;
    display:grid!important;
    justify-items:center!important;
    gap:0!important;
  }
  .hero-banner .pill,
  .hero-banner.clean-hero .pill{
    display:none!important;
  }
  .hero-banner h2,
  .hero-banner.clean-hero h2{
    font-size:22px!important;
    line-height:1.12!important;
    margin:0!important;
    letter-spacing:-.035em!important;
    text-align:center!important;
    width:100%!important;
  }
  .hero-banner p,
  .hero-banner.clean-hero p{
    display:none!important;
  }
  .hero-banner .hero-actions,
  .hero-banner.clean-hero .hero-actions{
    display:grid!important;
    width:100%!important;
    gap:10px!important;
    margin-top:14px!important;
    padding-top:14px!important;
    border-top:1px dashed #cbd5e1!important;
  }
  .hero-banner .hero-actions:has(> :only-child),
  .hero-banner.clean-hero .hero-actions:has(> :only-child){
    grid-template-columns:1fr!important;
  }
  .hero-banner .hero-actions:has(> :nth-child(2):last-child),
  .hero-banner.clean-hero .hero-actions:has(> :nth-child(2):last-child){
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .hero-banner .hero-actions:has(> :nth-child(3)),
  .hero-banner.clean-hero .hero-actions:has(> :nth-child(3)){
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .hero-banner .hero-actions > *,
  .hero-banner.clean-hero .hero-actions > *,
  .hero-banner .hero-actions .btn,
  .hero-banner.clean-hero .hero-actions .btn{
    width:100%!important;
    min-width:0!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:nowrap!important;
    height:42px!important;
    padding:0 10px!important;
    font-size:12.5px!important;
  }
  .actions,
  .toolbar .actions{
    width:100%!important;
  }
  .actions:has(> :only-child){
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .actions:has(> :nth-child(2):last-child){
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .actions > .btn,
  .actions > a.btn,
  .actions > button.btn{
    width:100%!important;
    min-width:0!important;
    justify-content:center!important;
  }
}