@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');
: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;
  }
}

/* v5.4 workflow, control and responsive polish */
.control-history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.history-card{border:1px dashed #cbd5e1;background:#fff;text-align:left;padding:13px;display:grid;gap:5px;cursor:pointer;color:#111827}.history-card strong{font-size:13px}.history-card small{font-size:11px}.history-card em{font-size:11px;font-style:normal;color:#16a34a;font-weight:800}.control-check-list{display:grid;gap:10px}.control-check-row{display:grid;grid-template-columns:110px 1fr 1fr;gap:8px;align-items:end}.control-check-row input{min-width:0}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.permission-pill span{font-size:12px;white-space:normal}.catalog-row,.checklist-admin-row{padding:10px 0;border-bottom:1px dashed #e5e7eb}.delivery-final-checklist{border:1px dashed #cbd5e1;padding:14px;margin:14px 0;background:#fff}.delivery-check-list{display:grid;gap:8px;margin-top:10px}.delivery-check-item{display:grid;grid-template-columns:24px 90px 1fr;gap:8px;align-items:center;border:1px dashed #e5e7eb;background:#f8fafc;padding:9px 10px}.delivery-check-item span{font-size:11px;font-weight:800;color:#64748b}.delivery-check-item strong{font-size:12px}.delivery-check-item input[type=checkbox]{width:18px;height:18px}.delivery-staff-signature-shell,.staff-signature-card{background:#fffdf7!important}.tracking-whatsapp-bubble{position:fixed;right:18px;bottom:18px;z-index:80;display:inline-flex;align-items:center;gap:8px;padding:12px 14px;background:#16a34a;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.4);box-shadow:0 18px 40px rgba(22,163,74,.28);font-weight:900}.tracking-whatsapp-bubble span{font-size:18px}.tracking-whatsapp-bubble strong{font-size:12px}.intake-media-slot:nth-child(odd){background:#eff6ff!important;border-color:#bfdbfe!important}.intake-media-slot:nth-child(even){background:#fff7ed!important;border-color:#fed7aa!important}.intake-media-slot.has-file{background:#ecfdf5!important;border-color:#86efac!important}.operation-panel .card-header .actions{align-items:center}.operation-grid .operation-card{min-width:0}.modal-panel.wide-modal .form-grid.compact{grid-template-columns:minmax(0,1fr) 80px auto auto auto}.track-signature-card img,.contract-sign-card img{max-width:100%;max-height:95px;object-fit:contain}.doc-logo-clean img{max-width:100%;max-height:70px;object-fit:contain}.signature-pad{touch-action:none}
@media (max-width:1024px){.control-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-check-row{grid-template-columns:1fr}.delivery-check-item{grid-template-columns:24px 1fr}.delivery-check-item span{grid-column:2}.modal-panel.wide-modal .form-grid.compact{grid-template-columns:1fr 70px auto}.tracking-whatsapp-bubble{right:12px;bottom:76px}.intake-recorder-grid{grid-template-columns:1fr}.operation-panel .card-header{align-items:stretch}.operation-panel .card-header .actions{justify-content:space-between}.operation-panel .card-header .actions .btn{flex:1}.hero-banner.page-hero .hero-actions,.clean-hero .hero-actions{width:100%}.clean-hero .hero-actions .btn{width:100%;justify-content:center}}
@media (max-width:640px){.control-history-grid,.permission-grid{grid-template-columns:1fr}.delivery-check-item{grid-template-columns:24px 1fr}.delivery-check-item strong{grid-column:2}.tracking-whatsapp-bubble strong{display:none}.tracking-whatsapp-bubble{padding:13px;bottom:86px}.modal-panel.wide-modal .form-grid.compact{grid-template-columns:1fr}.control-search-card .form-grid{grid-template-columns:1fr!important}.qr-camera-card{min-height:calc(100dvh - 90px)}.qr-camera-view{min-height:50dvh}.intake-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intake-media-slot strong{font-size:13px}.intake-media-slot small{font-size:11px}.recorder-card .actions{display:grid;grid-template-columns:1fr;gap:8px}.job-action-panel{grid-template-columns:repeat(2,minmax(0,1fr))!important}.track-signature-card{min-width:0}.topbar-meta{display:none!important}}

/* v5.5 layout, fullscreen admin modals and control polish */
.topbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.global-control-btn{border-style:dashed!important}.dashboard-page .hero-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dashboard-page .hero-actions .btn{width:100%;justify-content:center}
.sidebar{height:calc(100dvh - 24px)!important;top:12px!important;gap:14px!important;padding-bottom:14px!important;overflow:hidden!important}.sidebar .brand{flex-shrink:0}.sidebar .panel-chip{flex-shrink:0}.sidebar .nav-list{flex:1;min-height:0;overflow-y:auto;padding-right:3px;align-content:start;scrollbar-width:thin}.sidebar-footer{margin-top:8px!important;flex-shrink:0}.sidebar .nav-link.logout{margin-top:0!important}
.intake-notes-card .notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intake-notes-card textarea{min-height:96px}.signature-pair-grid{align-items:stretch}.signature-pair-grid>.card{min-width:0;display:flex;flex-direction:column}.signature-pair-grid .signature-shell{height:100%;display:flex;flex-direction:column}.signature-pair-grid .signature-pad{min-height:240px;flex:1}.signature-shell[data-signature-label]:after{content:attr(data-signature-label)!important}.signature-shell:not([data-signature-label]):after{content:"İmza için bu alana imza atın"!important}.staff-signature-card .signature-shell{background:#fffdf7!important;border-color:#facc15!important}.staff-signature-card .signature-pad{background:linear-gradient(180deg,#fffdf7,#fff)!important}
.settings-page .modal-backdrop.show{align-items:stretch!important;justify-content:stretch!important;padding:16px!important}.settings-page .modal-panel{width:100%!important;max-width:none!important;height:calc(100dvh - 32px)!important;max-height:calc(100dvh - 32px)!important;overflow:auto!important}.settings-page .modal-panel.fullscreen-admin-modal,.settings-page .modal-panel.wide-modal{width:100%!important;max-width:none!important}.settings-page .modal-head{position:sticky;top:0;z-index:3;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px dashed #d7dee8;margin:-2px -2px 14px;padding:18px 18px 14px}.admin-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;border-bottom:1px dashed #d7dee8;padding-bottom:10px}.admin-section-head h3{margin:0;font-size:15px}.admin-edit-grid{align-items:start}.admin-list-section{min-width:0}.admin-row-list{display:grid;gap:10px}.admin-edit-row{display:grid!important;grid-template-columns:minmax(180px,1fr) 76px 96px 68px!important;align-items:end!important;gap:8px!important;border:1px dashed #d7dee8!important;background:#fff!important;padding:10px!important;margin:0!important}.checklist-admin-row.admin-edit-row{grid-template-columns:minmax(130px,.8fr) minmax(220px,1.4fr) 74px 104px 82px 68px!important}.admin-edit-row .field{min-width:0!important}.admin-edit-row .field label{font-size:10px!important;margin-bottom:5px!important}.admin-edit-row input,.admin-edit-row select{height:38px!important;min-height:38px!important;font-size:12px!important}.admin-toggle.choice-pill{height:38px!important;min-height:38px!important;padding:8px 9px!important;align-self:end!important;justify-content:center!important;font-size:12px!important}.admin-toggle.choice-pill span:before{width:11px!important;height:11px!important}.admin-edit-row .btn.small{height:38px!important;min-height:38px!important;padding:8px 10px!important;align-self:end!important}.admin-edit-row.is-deleting{opacity:.45;background:#f8fafc!important}.admin-edit-row.is-deleting .field input{background:#f1f5f9!important;color:#94a3b8!important;text-decoration:line-through}.option-row{border:1px dashed #d7dee8!important;padding:10px!important;background:#fff!important;display:grid!important;grid-template-columns:minmax(130px,.8fr) minmax(220px,1.2fr) 82px 70px!important;gap:8px!important;align-items:end!important}.option-row .btn{height:38px!important}
.control-check-list{gap:12px!important}.control-task-card,.control-check-row{border:1px dashed #d7dee8!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;padding:12px!important;align-items:end!important}.control-task-card{grid-template-columns:116px minmax(0,1fr) minmax(0,1fr)!important}.control-task-card .field label{font-size:10px!important;letter-spacing:.06em;text-transform:uppercase;color:#64748b}.control-task-card input{height:40px!important}.control-done-pill{height:40px!important;min-height:40px!important;align-self:end!important;justify-content:center!important;background:#fff!important}.control-done-pill.is-checked,.control-done-pill:has(input:checked){background:#ecfdf5!important;border-color:#22c55e!important;color:#14532d!important}
@media (max-width:1180px){.dashboard-page .hero-actions{grid-template-columns:1fr!important}.topbar-actions .global-control-btn,.topbar-actions .global-intake-btn{flex:1 1 calc(50% - 6px);justify-content:center}.settings-page .modal-panel{height:calc(100dvh - 20px)!important;max-height:calc(100dvh - 20px)!important}.admin-edit-grid{grid-template-columns:1fr!important}.admin-edit-row,.checklist-admin-row.admin-edit-row{grid-template-columns:1fr 72px 90px 70px!important}.checklist-admin-row.admin-edit-row{grid-template-columns:1fr 1fr 72px 92px 78px 70px!important}.intake-notes-card .notes-grid{grid-template-columns:1fr 1fr}.signature-pair-grid{grid-template-columns:1fr 1fr!important}.control-task-card{grid-template-columns:1fr!important}.control-done-pill{justify-content:flex-start!important}}
@media (max-width:760px){.dashboard-page .hero-actions{grid-template-columns:1fr!important}.intake-notes-card .notes-grid,.signature-pair-grid{grid-template-columns:1fr!important}.settings-page .modal-backdrop.show{padding:0!important}.settings-page .modal-panel{height:100dvh!important;max-height:100dvh!important;border:0!important}.admin-edit-row,.checklist-admin-row.admin-edit-row,.option-row{grid-template-columns:1fr!important}.admin-toggle.choice-pill,.admin-edit-row .btn.small{width:100%!important}.topbar-actions .global-control-btn,.topbar-actions .global-intake-btn{flex-basis:100%}.signature-pair-grid .signature-pad{min-height:230px}}

/* v5.6 desktop top navigation, tablet/mobile drawer retained, dashboard polish */
@media (min-width:1181px){
  .app-shell{
    display:block!important;
    padding:14px 18px 18px!important;
    min-height:100dvh!important;
  }
  .app-shell>.sidebar,
  .mobile-drawer-pulse,
  .mobile-drawer-backdrop,
  .mobile-sidebar-close,
  .mobile-nav{
    display:none!important;
  }
  .main-area{width:100%!important;max-width:none!important;min-width:0!important;}
  .topbar.topbar-desktop-menu{
    position:sticky!important;
    top:12px!important;
    z-index:90!important;
    margin:0 0 18px!important;
    padding:10px 12px!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    gap:14px!important;
    align-items:center!important;
    border:1px solid #dbe3ec!important;
    background:rgba(255,255,255,.94)!important;
    box-shadow:0 12px 34px rgba(15,23,42,.065)!important;
    border-radius:0!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
  }
  .topbar .desktop-top-logo{
    display:flex!important;
    width:152px!important;
    height:42px!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
  }
  .topbar .desktop-top-logo img{
    max-width:152px!important;
    max-height:42px!important;
    width:auto!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:left center!important;
    display:block!important;
  }
  .topbar .desktop-top-logo span{
    display:grid!important;
    place-items:center!important;
    width:38px!important;
    height:38px!important;
    border:1px dashed #cbd5e1!important;
    font-weight:950!important;
  }
  .topbar-title-block{display:none!important;}
  .desktop-top-nav{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    min-width:0!important;
    overflow:visible!important;
  }
  .desktop-top-link{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    height:42px!important;
    padding:0 9px!important;
    border:1px solid transparent!important;
    color:#334155!important;
    text-decoration:none!important;
    font-weight:900!important;
    font-size:12.3px!important;
    line-height:1!important;
    white-space:nowrap!important;
    background:transparent!important;
    border-radius:0!important;
    min-width:0!important;
  }
  .desktop-top-link span{
    width:18px!important;
    height:18px!important;
    display:grid!important;
    place-items:center!important;
    flex:0 0 18px!important;
  }
  .desktop-top-link svg{width:17px!important;height:17px!important;display:block!important;}
  .desktop-top-link.active,
  .desktop-top-link:hover{
    background:#fff7ed!important;
    border-color:#fed7aa!important;
    color:#111827!important;
  }
  .desktop-top-link.active:after{
    content:""!important;
    position:absolute!important;
    left:8px!important;
    right:8px!important;
    bottom:-1px!important;
    height:2px!important;
    background:var(--accent,#f59e0b)!important;
  }
  .desktop-top-link em{
    position:absolute!important;
    top:-7px!important;
    right:-5px!important;
    min-width:18px!important;
    height:18px!important;
    display:grid!important;
    place-items:center!important;
    padding:0 5px!important;
    border:1px solid #111827!important;
    background:#f59e0b!important;
    color:#111827!important;
    font-size:10px!important;
    font-style:normal!important;
    font-weight:950!important;
  }
  .topbar-actions{
    justify-content:flex-end!important;
    flex-wrap:nowrap!important;
    width:auto!important;
    min-width:max-content!important;
    gap:7px!important;
  }
  .topbar-actions .global-intake-btn,
  .topbar-actions .global-control-btn{display:none!important;}
  .desktop-profile-pill{height:38px!important;padding:0 10px!important;max-width:145px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;border:1px dashed #dbe3ec!important;background:#fff!important;}
  .desktop-logout-btn{height:38px!important;border-color:#111827!important;color:#111827!important;}
  .content-wrap{width:100%!important;max-width:none!important;padding-bottom:34px!important;}
  .hero-banner.clean-hero,.hero-banner.page-hero,.hero-banner{width:100%!important;}
  .dashboard-performance-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;}
  .dashboard-performance-grid .metric-card{padding:14px 15px!important;min-height:86px!important;}
  .dashboard-performance-grid .metric-card strong{font-size:22px!important;line-height:1.05!important;white-space:nowrap!important;}
  .dashboard-performance-grid .metric-card span{font-size:11.4px!important;}
}

/* tablet/mobile keep drawer and prevent old top-nav from appearing */
@media (max-width:1180px){
  .desktop-top-nav{display:none!important;}
  .desktop-profile-pill,.desktop-logout-btn{display:none!important;}
  .topbar .desktop-top-logo{display:flex!important;}
  .app-shell>.sidebar{display:flex!important;}
  .mobile-nav .mobile-link{min-width:0!important;}
}
@media (min-width:701px) and (max-width:1180px){
  .mobile-nav.glass{
    display:grid!important;
    grid-template-columns:repeat(10,minmax(0,1fr))!important;
    gap:5px!important;
    overflow:hidden!important;
    padding:7px!important;
  }
  .mobile-nav .mobile-link{display:grid!important;min-width:0!important;padding:5px 4px!important;}
  .mobile-nav .mobile-link small{font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;}
  .mobile-nav .mobile-icon svg{width:17px!important;height:17px!important;}
}
@media (max-width:700px){
  .mobile-nav.glass{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;overflow:visible!important;gap:3px!important;}
  .mobile-nav .mobile-link{display:none!important;}
  .mobile-nav .mobile-link.phone-main{display:grid!important;}
}

/* v5.6 settings checklist readability */
.settings-page .checklist-admin-row.admin-edit-row{grid-template-columns:minmax(210px,1fr) minmax(260px,1.6fr) 72px 92px 78px 66px!important;}
.settings-page .checklist-admin-row .operation-field select,
.settings-page .checklist-admin-row .operation-field option{font-size:12px!important;line-height:1.2!important;white-space:nowrap!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;}
.settings-page .checklist-admin-row .operation-field{min-width:0!important;}
.settings-page .checklist-admin-row .operation-field label,
.settings-page .checklist-admin-row .main-field label{writing-mode:horizontal-tb!important;text-orientation:mixed!important;white-space:nowrap!important;}
@media(max-width:1180px){
  .settings-page .checklist-admin-row.admin-edit-row{grid-template-columns:1fr 1fr 70px 86px 74px 64px!important;}
}
@media(max-width:760px){
  .settings-page .checklist-admin-row.admin-edit-row{grid-template-columns:1fr!important;}
}

/* v5.6 login full fit polish */
.login-page{min-height:100dvh!important;padding:clamp(12px,2vw,22px)!important;align-items:center!important;}
.login-card{width:min(1060px,100%)!important;min-height:min(720px,calc(100dvh - 28px))!important;border:1px dashed #cbd5e1!important;border-radius:0!important;overflow:hidden!important;}
.login-hero,.login-form{border-radius:0!important;}
.login-hero{display:flex!important;flex-direction:column!important;justify-content:center!important;}
.login-form{min-width:0!important;}
@media(max-width:900px){
  .login-card{grid-template-columns:1fr!important;min-height:auto!important;}
  .login-hero{min-height:34dvh!important;padding:28px!important;}
  .login-form{padding:28px!important;}
  .hero-title{font-size:clamp(30px,8vw,42px)!important;margin:28px 0 10px!important;}
}
@media(max-width:520px){
  .login-page{padding:8px!important;}
  .login-card{min-height:calc(100dvh - 16px)!important;}
  .login-hero{min-height:28dvh!important;padding:22px!important;}
  .login-form{padding:22px!important;}
}

/* v5.6 tablet drawer correction: drawer remains available on tablet/phone, desktop uses top menu */
@media (max-width:1180px){
  .app-shell>.sidebar.glass,
  .sidebar.glass{
    display:flex!important;
    position:fixed!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:min(86vw,340px)!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-drawer-pulse{
    display:grid!important;
    position:fixed!important;
    left:0!important;
    top:48%!important;
    transform:translateY(-50%)!important;
    z-index:170!important;
    width:40px!important;
    height:88px!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;
    cursor:pointer!important;
  }
  .mobile-drawer-pulse span{writing-mode:vertical-rl!important;text-orientation:mixed!important;font-size:10px!important;font-weight:950!important;letter-spacing:.18em!important;width:auto!important;height:auto!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,.88)!important;color:#111827!important;}
  body.mobile-menu-open .mobile-drawer-pulse span{color:#111827!important;}
  .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;}
  .mobile-sidebar-close{display:grid!important;}
}
@media(min-width:1181px){
  .mobile-drawer-pulse,.mobile-drawer-backdrop,.mobile-sidebar-close{display:none!important;}
}

/* v5.7 dashboard fit, global back button and tablet bottom menu polish */
.apple-back-btn{
  appearance:none!important;
  height:38px!important;
  padding:0 12px 0 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  border:1px dashed #cbd5e1!important;
  background:#fff!important;
  color:#111827!important;
  font-weight:950!important;
  cursor:pointer!important;
  border-radius:0!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}
.apple-back-btn span{font-size:28px!important;line-height:1!important;margin-top:-2px!important;font-weight:500!important;display:inline-block!important;transform:translateY(-1px)!important;}
.apple-back-btn strong{font-size:12px!important;letter-spacing:-.01em!important;}
.apple-back-btn:hover{background:#f8fafc!important;border-color:#94a3b8!important;}

@media (min-width:1181px){
  .topbar.topbar-desktop-menu{grid-template-columns:auto auto minmax(0,1fr) auto!important;gap:10px!important;}
  .topbar.topbar-desktop-menu:not(:has(.apple-back-btn)){grid-template-columns:auto minmax(0,1fr) auto!important;}
  .apple-back-btn{height:38px!important;min-width:76px!important;}
  body.dashboard-page .tile-dashboard{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:14px!important;
    align-items:stretch!important;
    width:100%!important;
  }
  body.dashboard-page .tile-dashboard .pro-tile{
    min-width:0!important;
    min-height:136px!important;
    padding:18px!important;
    display:grid!important;
    grid-template-rows:auto auto 1fr!important;
    align-content:start!important;
    gap:8px!important;
  }
  body.dashboard-page .tile-dashboard .pro-tile strong{font-size:17px!important;line-height:1.1!important;white-space:nowrap!important;overflow:visible!important;}
  body.dashboard-page .tile-dashboard .pro-tile small{font-size:12px!important;line-height:1.25!important;min-height:30px!important;}
  body.dashboard-page .tile-dashboard .pro-icon{width:42px!important;height:42px!important;}
}

@media (min-width:701px) and (max-width:1180px){
  .topbar.topbar-desktop-menu{
    display:grid!important;
    grid-template-columns:auto auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:9px!important;
    padding:10px 12px!important;
  }
  .topbar.topbar-desktop-menu .topbar-title-block{display:block!important;min-width:0!important;text-align:center!important;}
  .topbar.topbar-desktop-menu .topbar-title-block h1{font-size:18px!important;line-height:1.08!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;margin:0!important;}
  .topbar.topbar-desktop-menu .eyebrow,.topbar.topbar-desktop-menu .topbar-meta{display:none!important;}
  .apple-back-btn{height:36px!important;min-width:68px!important;padding-inline:8px!important;}
  .apple-back-btn strong{font-size:11px!important;}
  body.dashboard-page .tile-dashboard{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
  }
  body.dashboard-page .tile-dashboard .pro-tile{
    min-width:0!important;
    min-height:118px!important;
    padding:13px!important;
    gap:6px!important;
  }
  body.dashboard-page .tile-dashboard .pro-tile strong{font-size:14px!important;line-height:1.08!important;white-space:nowrap!important;}
  body.dashboard-page .tile-dashboard .pro-tile small{font-size:10.8px!important;line-height:1.18!important;}
  body.dashboard-page .tile-dashboard .pro-icon{width:34px!important;height:34px!important;}
  .mobile-nav.glass{
    grid-template-columns:repeat(10,minmax(0,1fr))!important;
    overflow:hidden!important;
    gap:4px!important;
    padding:6px!important;
  }
  .mobile-nav .mobile-link:nth-child(n+11){display:none!important;}
  .mobile-nav .mobile-link{height:48px!important;padding:5px 3px!important;}
  .mobile-nav .mobile-link small{font-size:9.6px!important;letter-spacing:-.02em!important;}
}

@media (max-width:700px){
  .topbar.topbar-desktop-menu{
    display:grid!important;
    grid-template-columns:auto auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
  }
  .apple-back-btn{width:42px!important;min-width:42px!important;height:38px!important;padding:0!important;}
  .apple-back-btn strong{display:none!important;}
  .apple-back-btn span{font-size:30px!important;}
  body.dashboard-page .tile-dashboard{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body.dashboard-page .tile-dashboard .pro-tile{min-height:104px!important;padding:12px!important;gap:6px!important;}
  body.dashboard-page .tile-dashboard .pro-tile strong{font-size:13.5px!important;line-height:1.08!important;}
  body.dashboard-page .tile-dashboard .pro-tile small{font-size:10.5px!important;line-height:1.15!important;}
  body.dashboard-page .tile-dashboard .pro-icon{width:32px!important;height:32px!important;}
}

@media (max-width:420px){
  body.dashboard-page .tile-dashboard{grid-template-columns:1fr!important;}
  body.dashboard-page .tile-dashboard .pro-tile{min-height:88px!important;}
}

/* v5.8 dashboard card polish, page-level back button and report modal */
.topbar.topbar-desktop-menu .apple-back-btn{display:none!important;}
@media (min-width:1181px){
  .topbar.topbar-desktop-menu{grid-template-columns:auto minmax(0,1fr) auto!important;gap:14px!important;}
}
@media (min-width:701px) and (max-width:1180px){
  .topbar.topbar-desktop-menu{grid-template-columns:auto minmax(0,1fr)!important;gap:10px!important;}
}
@media (max-width:700px){
  .topbar.topbar-desktop-menu{grid-template-columns:auto minmax(0,1fr)!important;gap:10px!important;}
}
.page-back-row{display:flex;align-items:center;justify-content:flex-start;margin:0 0 12px;min-height:40px}.page-apple-back{height:38px!important;min-width:78px!important;background:#fff!important;border:1px dashed #cbd5e1!important;color:#111827!important;box-shadow:0 10px 24px rgba(15,23,42,.045)!important}.page-apple-back:hover{background:#f8fafc!important;border-color:#94a3b8!important}.page-apple-back span{font-size:28px!important}.page-apple-back strong{font-size:12px!important}
@media(max-width:640px){.page-back-row{margin-bottom:8px}.page-apple-back{min-width:42px!important;width:42px!important;padding:0!important}.page-apple-back strong{display:none!important}}
@media (min-width:1181px){
  .desktop-top-link{background:#f8fafc!important;border-color:#e2e8f0!important;color:#263244!important;}
  .desktop-top-link span{color:#475569!important;}
  .desktop-top-link.active,.desktop-top-link:hover{background:#fff3dc!important;border-color:#f59e0b!important;color:#111827!important;}
  .desktop-top-link.active span,.desktop-top-link:hover span{color:#111827!important;}
}
.dashboard-page .hero-actions .dashboard-report-btn{background:linear-gradient(90deg,#111827,#334155)!important;border-color:#111827!important;color:#fff!important;position:relative;overflow:hidden}.dashboard-page .hero-actions .dashboard-report-btn:after{content:"";position:absolute;inset:-80% auto -80% -30%;width:38%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transform:skewX(-18deg);animation:reportShine 3.6s ease-in-out infinite}@keyframes reportShine{0%,55%{left:-40%}100%{left:130%}}
body.dashboard-page .tile-dashboard{align-items:stretch!important}body.dashboard-page .tile-dashboard .pro-tile{position:relative!important;overflow:hidden!important;border:1px dashed #cbd5e1!important;background:linear-gradient(180deg,#fff,#f8fafc)!important;box-shadow:0 16px 42px rgba(15,23,42,.06)!important;color:#111827!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important}body.dashboard-page .tile-dashboard .pro-tile:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent,#f59e0b);opacity:.85}body.dashboard-page .tile-dashboard .pro-tile:hover{transform:translateY(-2px)!important;box-shadow:0 22px 54px rgba(15,23,42,.10)!important;border-color:#94a3b8!important}body.dashboard-page .tile-dashboard .pro-icon{background:linear-gradient(135deg,#fff7ed,#eff6ff)!important;border:1px dashed #f59e0b!important;color:#111827!important;display:grid!important;place-items:center!important;flex:0 0 auto!important}body.dashboard-page .tile-dashboard .pro-icon svg{width:22px!important;height:22px!important;display:block!important;stroke-width:2.1!important}body.dashboard-page .tile-dashboard .pro-tile strong{letter-spacing:-.035em!important}body.dashboard-page .tile-dashboard .pro-tile small{color:#64748b!important;font-weight:750!important}.dashboard-metric-click{cursor:pointer!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important}.dashboard-metric-click:hover{transform:translateY(-2px);border-color:#94a3b8!important;box-shadow:0 20px 46px rgba(15,23,42,.08)!important}.dashboard-metric-click:focus{outline:2px solid var(--accent,#f59e0b);outline-offset:2px}.dashboard-report-modal{width:min(1040px,calc(100vw - 28px))!important}.dashboard-report-hero{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.dashboard-report-hero>div,.report-mini-card{border:1px dashed #cbd5e1;background:#fff;padding:14px;min-width:0}.dashboard-report-hero span,.report-mini-card span{display:block;font-size:11px;font-weight:950;letter-spacing:.06em;text-transform:uppercase;color:#64748b}.dashboard-report-hero strong,.report-mini-card strong{display:block;margin-top:6px;font-size:24px;letter-spacing:-.05em;white-space:nowrap}.dashboard-report-hero small{display:block;margin-top:5px;color:#64748b;font-weight:750}.dashboard-report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 12px}.dashboard-dealer-list{display:grid;gap:8px}.dashboard-dealer-row{display:grid;grid-template-columns:minmax(160px,1.2fr) repeat(4,minmax(100px,1fr));gap:8px;align-items:center;border:1px dashed #dbe3ec;background:#f8fafc;padding:10px}.dashboard-dealer-row strong{font-size:14px;letter-spacing:-.025em}.dashboard-dealer-row span{display:grid;gap:3px;background:#fff;border:1px dashed #e2e8f0;padding:8px;min-width:0}.dashboard-dealer-row em{font-style:normal;font-size:10px;color:#64748b;font-weight:950;text-transform:uppercase;letter-spacing:.05em}.dashboard-dealer-row span:not(:first-child){font-size:13px;font-weight:900;white-space:nowrap}
@media(min-width:1181px){body.dashboard-page .tile-dashboard .pro-tile{grid-template-columns:54px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:14px!important;min-height:124px!important;padding:18px 18px 18px 20px!important}body.dashboard-page .tile-dashboard .pro-icon{grid-row:1/3!important;width:54px!important;height:54px!important}body.dashboard-page .tile-dashboard .pro-tile strong{font-size:18px!important}body.dashboard-page .tile-dashboard .pro-tile small{font-size:12.2px!important;min-height:auto!important}}
@media(max-width:1180px){.dashboard-report-hero,.dashboard-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-dealer-row{grid-template-columns:1fr 1fr 1fr}.dashboard-dealer-row strong{grid-column:1/-1}.dashboard-page .hero-actions .dashboard-report-btn:after{display:none}}
@media(max-width:640px){.dashboard-report-hero,.dashboard-report-grid,.dashboard-dealer-row{grid-template-columns:1fr}.dashboard-report-hero strong,.report-mini-card strong{font-size:21px}.dashboard-dealer-row span{grid-template-columns:70px 1fr;align-items:center}.dashboard-dealer-row em{font-size:9.5px}}

/* v5.9 modal, settings rows, dashboard reports and sorting polish */
.system-modal.modal-backdrop.show{align-items:center!important;justify-content:center!important;padding:16px!important;z-index:9000!important}
.system-modal .modal-panel,.settings-page .system-modal .modal-panel{width:min(430px,calc(100vw - 28px))!important;max-width:430px!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - 32px)!important;overflow:auto!important;padding:22px!important;border:1px dashed #cbd5e1!important;background:#fff!important;box-shadow:0 28px 86px rgba(15,23,42,.18)!important}
.system-message-panel,.system-confirm-panel{text-align:center!important;display:grid!important;gap:10px!important;place-items:center!important}.system-message-panel .modal-close,.system-confirm-panel .modal-close{position:absolute!important;right:12px!important;top:12px!important}.system-message-panel p,.system-confirm-panel p{font-size:14px!important;line-height:1.55!important;color:#475569!important;margin:0!important}.system-message-panel .actions,.system-confirm-panel .actions{width:100%;display:flex!important;justify-content:center!important;gap:8px!important;margin-top:6px!important}

.settings-page .checklist-admin-list{gap:12px!important}.settings-page .checklist-admin-row.admin-edit-row{grid-template-columns:minmax(240px,1.05fr) minmax(320px,1.65fr) 70px 92px 78px 74px!important;align-items:center!important}.settings-page .checklist-admin-row .operation-field,.settings-page .checklist-admin-row .main-field{align-self:center!important}.settings-page .checklist-admin-row .operation-field select{width:100%!important;min-width:0!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:12.5px!important;line-height:1.25!important;padding-right:28px!important}.settings-page .checklist-admin-row .operation-field option{writing-mode:horizontal-tb!important;text-orientation:mixed!important;white-space:normal!important}.settings-page .checklist-admin-row .field label{writing-mode:horizontal-tb!important;white-space:nowrap!important;display:block!important;line-height:1.15!important}.settings-page .admin-edit-row{position:relative!important;padding-left:42px!important}.drag-handle{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:22px;height:36px;display:grid;place-items:center;border:1px dashed #cbd5e1;background:#f8fafc;color:#64748b;cursor:grab;font-size:15px;font-weight:900;user-select:none}.drag-handle:active{cursor:grabbing}.admin-edit-row.dragging{opacity:.48;outline:1px dashed var(--accent,#f59e0b);outline-offset:2px}.admin-edit-row.sort-drop-before{box-shadow:0 -3px 0 var(--accent,#f59e0b) inset!important}.admin-edit-row.sort-drop-after{box-shadow:0 3px 0 var(--accent,#f59e0b) inset!important}

.dashboard-report-live{display:grid;gap:12px}.dashboard-report-loading{border:1px dashed #cbd5e1;background:#f8fafc;padding:18px;text-align:center;font-weight:900;color:#64748b}.dashboard-report-summary{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}.dashboard-report-total{border:1px dashed #cbd5e1;background:linear-gradient(135deg,#fff,#f8fafc);padding:18px;display:grid;gap:6px}.dashboard-report-total span{font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.dashboard-report-total strong{font-size:34px;line-height:1;letter-spacing:-.06em}.dashboard-report-total small{color:#64748b;font-weight:800}.dashboard-report-statline{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dashboard-report-statline>div{border:1px dashed #dce4ee;background:#fff;padding:12px;display:grid;gap:5px}.dashboard-report-statline em{font-style:normal;font-size:10px;font-weight:950;text-transform:uppercase;color:#64748b}.dashboard-report-statline b{font-size:18px;letter-spacing:-.04em}.dealer-breakdown-modern{display:grid;gap:9px}.dealer-breakdown-modern .dealer-metric-line{border:1px dashed #dbe3ec;background:#fff;padding:12px;display:grid;grid-template-columns:minmax(160px,1.25fr) 120px repeat(4,minmax(82px,1fr));gap:8px;align-items:center}.dealer-metric-line strong{font-size:14px;letter-spacing:-.03em}.dealer-metric-line .main-value{font-size:18px;font-weight:950;letter-spacing:-.04em;color:#111827;white-space:nowrap}.dealer-metric-line span{display:grid;gap:3px;border-left:1px dashed #e2e8f0;padding-left:8px;font-size:12px;font-weight:900;white-space:nowrap}.dealer-metric-line span em{font-style:normal;color:#64748b;font-size:9.5px;text-transform:uppercase;letter-spacing:.05em}.latest-metric-list{display:grid;gap:8px}.latest-metric-item{border:1px dashed #dbe3ec;background:#f8fafc;padding:10px;display:grid;grid-template-columns:minmax(120px,.8fr) minmax(130px,1fr) minmax(120px,1fr) 82px;gap:8px;align-items:center}.latest-metric-item strong{font-size:13px}.latest-metric-item small{color:#64748b;font-weight:750}.latest-metric-item a{justify-self:end}
@media(max-width:1180px){.settings-page .checklist-admin-row.admin-edit-row{grid-template-columns:1fr 1fr 70px 86px 76px 70px!important}.dashboard-report-summary{grid-template-columns:1fr}.dealer-breakdown-modern .dealer-metric-line{grid-template-columns:1fr 1fr 1fr}.dealer-breakdown-modern .dealer-metric-line strong{grid-column:1/-1}.latest-metric-item{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.settings-page .checklist-admin-row.admin-edit-row{grid-template-columns:1fr!important;padding-left:10px!important}.drag-handle{position:static;transform:none;width:100%;height:30px;margin-bottom:6px}.dashboard-report-statline,.dealer-breakdown-modern .dealer-metric-line,.latest-metric-item{grid-template-columns:1fr}.dashboard-report-total strong{font-size:28px}.latest-metric-item a{justify-self:stretch;text-align:center}.system-modal .modal-panel,.settings-page .system-modal .modal-panel{width:calc(100vw - 24px)!important;max-width:none!important}}

/* v6.0 professional dealer modal, live staff and report explorer */
.live-top-btn{display:inline-flex!important;align-items:center!important;gap:6px!important;background:#eef2f7!important;border-color:#cbd5e1!important;color:#0f172a!important}.live-top-btn svg{width:16px;height:16px}.live-top-btn:before{content:"";width:7px;height:7px;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.14);display:inline-block}
.dealer-hero-pro .hero-actions{align-items:center!important}.dealer-search-box{height:42px;display:flex;align-items:center;gap:8px;background:#fff;border:1px dashed #cbd5e1;padding:0 12px;min-width:min(320px,100%)}.dealer-search-box svg{width:17px;height:17px;color:#64748b}.dealer-search-box input{border:0!important;background:transparent!important;padding:0!important;height:auto!important;box-shadow:none!important;font-weight:850;min-width:0;width:100%}
.dealer-store-grid-pro{align-items:stretch}.dealer-card-pro{position:relative;overflow:hidden;text-align:left;background:linear-gradient(135deg,#fff,#f8fafc)!important;border:1px dashed #cbd5e1!important;box-shadow:0 18px 46px rgba(15,23,42,.06)!important;transition:.16s ease!important}.dealer-card-pro:hover{transform:translateY(-2px);border-color:#94a3b8!important;box-shadow:0 26px 70px rgba(15,23,42,.12)!important}.dealer-card-pro:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent,#f59e0b)}.dealer-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.dealer-card-metrics{display:grid;grid-template-columns:1fr 1fr 74px;gap:8px;margin:14px 0}.dealer-card-metrics div{border:1px dashed #e2e8f0;background:#fff;padding:9px;min-width:0}.dealer-card-metrics span{display:block;font-size:9.8px;font-weight:950;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.dealer-card-metrics strong{display:block;margin-top:4px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.035em}.dealer-fullscreen-modal{width:calc(100vw - 24px)!important;max-width:1480px!important;height:calc(100dvh - 24px)!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important;padding:0!important;background:#f8fafc!important}.dealer-modal-hero{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:rgba(255,255,255,.96);border-bottom:1px dashed #cbd5e1;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.dealer-hero-identity{display:flex;align-items:center;gap:14px;min-width:0}.store-logo.xlarge{width:72px;height:72px;font-size:30px}.dealer-hero-identity h2{margin:5px 0 3px;font-size:clamp(22px,3vw,34px);letter-spacing:-.055em;line-height:1}.dealer-hero-identity p{margin:0;color:#64748b;font-weight:800}.dealer-modal-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.dealer-modal-actions .modal-close{position:static!important}.whatsapp-btn{background:#16a34a!important;color:#fff!important;border-color:#16a34a!important;display:inline-flex!important;align-items:center!important;gap:7px!important}.whatsapp-btn svg,.dealer-modal-actions .btn svg{width:16px;height:16px}.dealer-pro-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(360px,.8fr);gap:16px;padding:16px}.dealer-pro-main,.dealer-pro-side{display:grid;gap:14px;align-content:start}.dealer-kpi-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.dealer-kpi-strip div{border:1px dashed #cbd5e1;background:#fff;padding:14px;box-shadow:0 16px 40px rgba(15,23,42,.045)}.dealer-kpi-strip span{display:block;font-size:10px;font-weight:950;color:#64748b;text-transform:uppercase;letter-spacing:.06em}.dealer-kpi-strip strong{display:block;margin-top:6px;font-size:clamp(18px,2.2vw,25px);letter-spacing:-.055em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dealer-info-pro .info-list{grid-template-columns:1fr 1fr}.dealer-staff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.staff-status-card{border:1px dashed #dbe3ec;background:#fff;padding:12px;display:grid;grid-template-columns:1fr auto;gap:6px;align-items:start}.staff-status-card strong{font-size:14px}.staff-status-card small,.staff-status-card em{display:block;color:#64748b;font-size:11px;font-weight:800}.staff-status-card span{font-size:11px;font-weight:950;padding:5px 8px;border:1px dashed #cbd5e1;background:#f8fafc}.staff-status-card.online span{color:#166534;background:#dcfce7;border-color:#86efac}.staff-status-card.offline span{color:#64748b}.staff-status-card p{grid-column:1/-1;margin:0;color:#334155;font-size:12px;font-weight:800}.dealer-upload-drop{display:grid;place-items:center;gap:6px;text-align:center;border:1px dashed #cbd5e1;background:#fff;padding:18px;cursor:pointer}.dealer-upload-drop svg{width:30px;height:30px;color:var(--accent,#f59e0b)}.dealer-upload-drop input{display:none}.dealer-upload-drop strong{font-size:15px}.dealer-upload-drop small{color:#64748b;font-weight:800}.dealer-doc-list{display:grid;gap:8px}.dealer-doc-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;gap:8px;align-items:center;border:1px dashed #dbe3ec;background:#fff;padding:10px}.dealer-doc-item>span{width:34px;height:34px;display:grid;place-items:center;background:#f8fafc;border:1px dashed #e2e8f0}.dealer-doc-item svg{width:18px;height:18px}.dealer-doc-item strong{font-size:13px}.dealer-doc-item small,.dealer-doc-item em{display:block;color:#64748b;font-size:10.5px;font-weight:800}.dealer-edit-side .form-grid.single{grid-template-columns:1fr!important}.dealer-report-modal{width:min(1220px,calc(100vw - 24px))!important;max-height:calc(100dvh - 24px)!important}.dealer-report-filter{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr)) auto auto;gap:8px;align-items:end;margin-bottom:12px}.dealer-report-filter label{display:grid;gap:5px;font-size:11px;font-weight:950;text-transform:uppercase;color:#64748b}.dealer-report-filter input{height:40px}.dealer-report-hero-pro{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:12px}.dealer-report-hero-pro div{border:1px dashed #cbd5e1;background:#fff;padding:13px}.dealer-report-hero-pro span{display:block;font-size:9.5px;font-weight:950;text-transform:uppercase;color:#64748b}.dealer-report-hero-pro strong{display:block;margin-top:5px;font-size:20px;letter-spacing:-.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dealer-report-split{display:grid;grid-template-columns:1.15fr .85fr;gap:12px}.dealer-report-table-head,.dealer-report-pro-row{display:grid;grid-template-columns:minmax(130px,1fr) 64px 120px 120px;gap:8px;align-items:center}.dealer-report-table-head{font-size:10px;text-transform:uppercase;color:#64748b;font-weight:950;padding:0 10px 6px}.dealer-report-pro-row{border:1px dashed #dbe3ec;background:#fff;padding:10px;margin-bottom:7px}.dealer-report-pro-row strong,.dealer-report-pro-row span{font-size:12px;font-weight:900;white-space:nowrap}.dealer-chip-stack{display:grid;gap:7px;margin-top:8px}.dealer-chip-line{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;border:1px dashed #dbe3ec;background:#fff;padding:10px;align-items:center}.dealer-chip-line strong{font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dealer-chip-line span,.dealer-chip-line em{font-size:11px;font-style:normal;color:#64748b;font-weight:850;white-space:nowrap}.live-staff-modal{width:min(1120px,calc(100vw - 24px))!important}.live-overview{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;margin-bottom:12px}.live-overview>div{border:1px dashed #cbd5e1;background:#fff;padding:13px}.live-overview span{display:block;font-size:10px;font-weight:950;color:#64748b;text-transform:uppercase}.live-overview strong{font-size:26px;letter-spacing:-.05em}.live-staff-grid-pro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.live-staff-card{border:1px dashed #dbe3ec;background:#fff;padding:13px;display:grid;gap:8px}.live-person{display:flex;align-items:center;gap:8px}.live-person>span{font-size:20px;color:#94a3b8}.live-staff-card.online .live-person>span{color:#22c55e}.live-person strong{display:block;font-size:14px}.live-person small{color:#64748b;font-weight:800}.live-work{display:flex;justify-content:space-between;gap:8px}.live-work b{font-size:12px}.live-work em{font-style:normal;font-size:11px;color:#64748b;font-weight:800}.live-staff-card p{margin:0;font-size:12px;font-weight:800;color:#334155}.live-mini-kpis{display:flex;gap:6px;flex-wrap:wrap}.live-mini-kpis span{border:1px dashed #e2e8f0;background:#f8fafc;padding:5px 7px;font-size:10.5px;font-weight:850}.dashboard-report-controls{display:grid;gap:10px;margin-bottom:12px}.report-mode-btn{height:42px;border:1px dashed #cbd5e1;background:#f8fafc;color:#0f172a;font-weight:950;padding:0 14px;cursor:pointer;margin-right:8px}.report-mode-btn.active,.report-mode-btn:hover{background:#111827;color:#fff;border-color:#111827}.dashboard-report-filterbar{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr)) auto;gap:8px;align-items:end;border:1px dashed #dbe3ec;background:#fff;padding:10px}.dashboard-report-filterbar label{display:grid;gap:5px;font-size:10px;font-weight:950;text-transform:uppercase;color:#64748b}.dashboard-report-filterbar input,.dashboard-report-filterbar select{height:38px}.report-scrollable-list{max-height:58dvh;overflow:auto;padding-right:4px}.tracking-control-list{display:grid;gap:8px}.tracking-control-item{border:1px dashed #dbe3ec;background:#fff;padding:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.tracking-control-item strong{display:block}.tracking-control-item small{display:block;color:#64748b;font-weight:800;margin-top:4px}.tracking-control-item p{grid-column:1/-1;margin:0;color:#334155;font-weight:800;font-size:13px}
@media(max-width:1180px){.dealer-pro-layout{grid-template-columns:1fr}.dealer-kpi-strip,.dealer-report-hero-pro{grid-template-columns:repeat(3,minmax(0,1fr))}.dealer-info-pro .info-list,.dealer-staff-grid,.dealer-report-split{grid-template-columns:1fr}.dealer-report-filter,.dashboard-report-filterbar{grid-template-columns:1fr 1fr}.live-staff-grid-pro{grid-template-columns:repeat(2,minmax(0,1fr))}.dealer-modal-hero{align-items:flex-start}.dealer-modal-actions{max-width:420px}}
@media(max-width:700px){.dealer-modal-hero{display:grid}.dealer-hero-identity{align-items:flex-start}.store-logo.xlarge{width:58px;height:58px}.dealer-pro-layout{padding:10px}.dealer-kpi-strip,.dealer-report-hero-pro,.dealer-report-filter,.dashboard-report-filterbar,.live-overview,.live-staff-grid-pro{grid-template-columns:1fr}.dealer-doc-item{grid-template-columns:30px minmax(0,1fr);}.dealer-doc-item>a,.dealer-doc-item>form{grid-column:1/-1}.dealer-report-table-head{display:none}.dealer-report-pro-row{grid-template-columns:1fr 1fr}.latest-metric-item{grid-template-columns:1fr!important}.dealer-search-box{min-width:100%}.dealer-hero-pro .hero-actions{width:100%}}

/* v6.1 aesthetic polish: dealer toolbar, dashboard live button and report modal */
.dealer-hero-pro .hero-actions{
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) auto!important;
  align-items:stretch!important;
  gap:10px!important;
  width:min(560px,100%)!important;
}
.dealer-search-box{
  min-width:0!important;
  width:100%!important;
  height:48px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  border:1px dashed #cbd5e1!important;
  background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
  padding:0 13px!important;
  box-shadow:0 12px 30px rgba(15,23,42,.045)!important;
}
.dealer-search-box span{width:22px;height:22px;display:grid;place-items:center;color:#64748b;flex:0 0 auto!important;}
.dealer-search-box svg{width:17px!important;height:17px!important;display:block!important;}
.dealer-search-box input{
  border:0!important;background:transparent!important;box-shadow:none!important;height:44px!important;padding:0!important;min-width:0!important;width:100%!important;font-weight:850!important;
}
.dealer-hero-pro .hero-actions>.btn{
  height:48px!important;min-height:48px!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 18px!important;
}
body.dashboard-page .clean-hero .hero-actions{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
  min-width:min(620px,100%)!important;
}
body.dashboard-page .clean-hero .hero-actions .btn{
  min-height:48px!important;height:48px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;white-space:nowrap!important;padding:0 14px!important;
}
.dashboard-live-btn{
  position:relative!important;overflow:hidden!important;background:linear-gradient(135deg,#0f172a,#1f2937)!important;color:#fff!important;border-color:#1f2937!important;
}
.dashboard-live-btn:before{
  content:"";position:absolute;inset:-80% -35%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:translateX(-80%) rotate(18deg);animation:liveSheen 2.9s ease-in-out infinite;pointer-events:none;
}
.dashboard-live-btn .live-dot{
  width:9px;height:9px;background:#22c55e;border:2px solid rgba(255,255,255,.82);box-shadow:0 0 0 0 rgba(34,197,94,.55);animation:livePulse 1.35s infinite;display:inline-block;flex:0 0 auto!important;
}
.dashboard-live-btn svg{width:16px!important;height:16px!important;position:relative;z-index:1;}
@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.58)}70%{box-shadow:0 0 0 10px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
@keyframes liveSheen{0%,42%{transform:translateX(-95%) rotate(18deg)}72%,100%{transform:translateX(95%) rotate(18deg)}}
.dashboard-report-modal{
  width:min(1180px,calc(100vw - 24px))!important;
  max-height:calc(100dvh - 24px)!important;
  overflow:auto!important;
  background:linear-gradient(180deg,#f8fafc,#fff)!important;
  border-color:#cbd5e1!important;
}
.dashboard-report-modal .modal-head{
  position:sticky!important;top:0!important;z-index:3!important;background:rgba(248,250,252,.96)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;margin:-18px -18px 16px!important;padding:18px!important;border-bottom:1px dashed #cbd5e1!important;
}
.dashboard-report-modal .modal-head h2{font-size:clamp(24px,3vw,34px)!important;letter-spacing:-.06em!important;margin:0!important;}
.dashboard-report-controls{
  border:1px dashed #dbe3ec!important;background:#fff!important;padding:12px!important;box-shadow:0 18px 50px rgba(15,23,42,.055)!important;margin-bottom:14px!important;
}
.dashboard-report-controls>div:first-child,.dashboard-report-controls .report-mode-row{display:flex;gap:8px;flex-wrap:wrap;}
.report-mode-btn{
  min-height:46px!important;border:1px dashed #cbd5e1!important;background:linear-gradient(180deg,#fff,#f8fafc)!important;color:#111827!important;padding:0 16px!important;margin:0 6px 8px 0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;box-shadow:0 10px 24px rgba(15,23,42,.045)!important;
}
.report-mode-btn:before{content:"";width:8px;height:8px;background:#94a3b8;display:inline-block;}
.report-mode-btn.active,.report-mode-btn:hover{background:#111827!important;color:#fff!important;border-color:#111827!important;}
.report-mode-btn.active:before,.report-mode-btn:hover:before{background:#f59e0b;}
.dashboard-report-filterbar{
  grid-template-columns:minmax(140px,1fr) minmax(170px,1.2fr) minmax(140px,1fr) minmax(140px,1fr) auto!important;
  gap:10px!important;align-items:end!important;border:0!important;background:transparent!important;padding:0!important;
}
.dashboard-report-filterbar label{
  border:1px dashed #dbe3ec!important;background:linear-gradient(180deg,#fff,#f8fafc)!important;padding:9px 10px!important;display:grid!important;gap:6px!important;color:#475569!important;font-size:10px!important;letter-spacing:.07em!important;
}
.dashboard-report-filterbar input,.dashboard-report-filterbar select{
  height:40px!important;border:0!important;background:transparent!important;padding:0!important;font-size:13px!important;font-weight:900!important;box-shadow:none!important;color:#111827!important;
}
.dashboard-report-filterbar .btn{height:60px!important;min-height:60px!important;padding:0 18px!important;}
.dashboard-report-summary{
  grid-template-columns:minmax(260px,.95fr) minmax(0,1.25fr)!important;align-items:stretch!important;
}
.dashboard-report-total{
  position:relative!important;overflow:hidden!important;border-color:#cbd5e1!important;background:linear-gradient(135deg,#111827,#263244)!important;color:#fff!important;padding:22px!important;box-shadow:0 24px 70px rgba(17,24,39,.18)!important;
}
.dashboard-report-total:after{content:"";position:absolute;right:-42px;bottom:-42px;width:150px;height:150px;border:1px dashed rgba(255,255,255,.22);transform:rotate(18deg);}
.dashboard-report-total span,.dashboard-report-total small{color:rgba(255,255,255,.72)!important;position:relative;z-index:1;}
.dashboard-report-total strong{font-size:clamp(30px,5vw,48px)!important;position:relative;z-index:1;}
.dashboard-report-statline{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.dashboard-report-statline>div{background:linear-gradient(180deg,#fff,#f8fafc)!important;border-color:#dbe3ec!important;padding:16px!important;box-shadow:0 14px 34px rgba(15,23,42,.05)!important;}
.dashboard-report-statline b{font-size:26px!important;}
.dealer-breakdown-modern{max-height:48dvh!important;overflow:auto!important;padding-right:4px!important;}
.dealer-breakdown-modern .dealer-metric-line{
  grid-template-columns:minmax(190px,1.4fr) minmax(120px,.75fr) repeat(4,minmax(90px,1fr))!important;
  padding:13px!important;border-color:#dbe3ec!important;background:linear-gradient(180deg,#fff,#fbfcfe)!important;box-shadow:0 10px 24px rgba(15,23,42,.035)!important;
}
.dealer-metric-line strong{font-size:14px!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.dealer-metric-line .main-value{font-size:20px!important;}
.latest-metric-list{max-height:34dvh!important;overflow:auto!important;padding-right:4px!important;}
.latest-metric-item{background:#fff!important;border-color:#dbe3ec!important;box-shadow:0 9px 20px rgba(15,23,42,.035)!important;}
.metric-card.dashboard-metric-click{overflow:hidden!important;}
.metric-card.dashboard-metric-click:after{content:"Detay";position:absolute;right:12px;bottom:10px;font-size:9px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;}
.metric-card.dashboard-metric-click:hover:after{color:#111827;}
@media(max-width:1180px){
  body.dashboard-page .clean-hero .hero-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;min-width:0!important;width:100%!important;}
  .dashboard-report-filterbar{grid-template-columns:1fr 1fr!important;}
  .dashboard-report-filterbar .btn{height:48px!important;min-height:48px!important;}
  .dashboard-report-summary{grid-template-columns:1fr!important;}
  .dealer-breakdown-modern .dealer-metric-line{grid-template-columns:1fr 1fr 1fr!important;}
  .dealer-breakdown-modern .dealer-metric-line strong{grid-column:1/-1!important;}
}
@media(max-width:700px){
  .dealer-hero-pro .hero-actions{grid-template-columns:minmax(0,1fr) auto!important;width:100%!important;}
  .dealer-hero-pro .hero-actions>.btn{padding:0 12px!important;font-size:12px!important;}
  .dealer-search-box{height:46px!important;padding:0 10px!important;}
  body.dashboard-page .clean-hero .hero-actions{grid-template-columns:1fr 1fr!important;}
  .dashboard-report-filterbar,.dashboard-report-statline,.dealer-breakdown-modern .dealer-metric-line{grid-template-columns:1fr!important;}
}
@media(max-width:420px){.dealer-hero-pro .hero-actions{grid-template-columns:1fr!important}.dealer-hero-pro .hero-actions>.btn{width:100%!important}}

/* v6.1 dealer report date controls polish */
.dealer-report-filter{
  border:1px dashed #dbe3ec!important;background:#fff!important;padding:12px!important;box-shadow:0 18px 48px rgba(15,23,42,.055)!important;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) auto auto!important;gap:10px!important;
}
.dealer-report-filter label{
  border:1px dashed #dbe3ec!important;background:linear-gradient(180deg,#fff,#f8fafc)!important;padding:9px 10px!important;display:grid!important;gap:6px!important;color:#475569!important;font-size:10px!important;letter-spacing:.07em!important;
}
.dealer-report-filter input{height:40px!important;border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;font-weight:900!important;color:#111827!important;}
.dealer-report-filter .btn{height:60px!important;min-height:60px!important;padding:0 16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
@media(max-width:700px){.dealer-report-filter{grid-template-columns:1fr 1fr!important}.dealer-report-filter .btn{height:46px!important;min-height:46px!important}}

/* v6.2 speed polish: sade rapor modalı, daha net dashed yapı, son kontrol satırları */
.modal-backdrop#dashboardReportModal{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
#dashboardReportModal .dashboard-report-modal{
  width:min(920px,calc(100vw - 22px))!important;
  max-height:calc(100dvh - 22px)!important;
  overflow:auto!important;
  background:#fff!important;
  border:1px dashed #b7c3d1!important;
  box-shadow:0 14px 42px rgba(15,23,42,.16)!important;
  padding:18px!important;
}
#dashboardReportModal .dashboard-report-modal .modal-head{
  position:relative!important;top:auto!important;margin:0 0 14px!important;padding:0 0 14px!important;background:#fff!important;
  border-bottom:1px dashed #d5deea!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
#dashboardReportModal .dashboard-report-modal .modal-head h2{font-size:24px!important;line-height:1.05!important;letter-spacing:-.045em!important;}
#dashboardReportModal .dashboard-report-controls{
  box-shadow:none!important;background:#f8fafc!important;border:1px dashed #d6e0eb!important;padding:12px!important;margin-bottom:12px!important;
}
#dashboardReportModal .report-mode-btn{
  min-height:42px!important;height:42px!important;box-shadow:none!important;background:#fff!important;border:1px dashed #d5deea!important;padding:0 13px!important;margin:0 6px 8px 0!important;
}
#dashboardReportModal .report-mode-btn:before{display:none!important;}
#dashboardReportModal .report-mode-btn.active,#dashboardReportModal .report-mode-btn:hover{background:#111827!important;color:#fff!important;border-color:#111827!important;}
#dashboardReportModal .dashboard-report-filterbar{display:grid!important;grid-template-columns:repeat(4,minmax(120px,1fr)) auto!important;gap:8px!important;padding:0!important;border:0!important;background:transparent!important;}
#dashboardReportModal .dashboard-report-filterbar label{padding:8px 10px!important;background:#fff!important;border:1px dashed #d6e0eb!important;font-size:10px!important;gap:4px!important;}
#dashboardReportModal .dashboard-report-filterbar input,#dashboardReportModal .dashboard-report-filterbar select{height:36px!important;font-size:12px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;}
#dashboardReportModal .dashboard-report-filterbar .btn{height:50px!important;min-height:50px!important;box-shadow:none!important;}
#dashboardReportModal .dashboard-report-summary{display:grid!important;grid-template-columns:minmax(210px,.8fr) minmax(0,1.2fr)!important;gap:10px!important;margin-bottom:12px!important;}
#dashboardReportModal .dashboard-report-total{background:#f8fafc!important;color:#111827!important;border:1px dashed #d1dbe8!important;box-shadow:none!important;padding:16px!important;}
#dashboardReportModal .dashboard-report-total:after{display:none!important;}
#dashboardReportModal .dashboard-report-total span,#dashboardReportModal .dashboard-report-total small{color:#64748b!important;}
#dashboardReportModal .dashboard-report-total strong{font-size:32px!important;line-height:1!important;color:#111827!important;}
#dashboardReportModal .dashboard-report-statline{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;}
#dashboardReportModal .dashboard-report-statline>div{box-shadow:none!important;background:#fff!important;border:1px dashed #d6e0eb!important;padding:12px!important;}
#dashboardReportModal .dashboard-report-statline b{font-size:22px!important;}
#dashboardReportModal .modal-section{box-shadow:none!important;border:1px dashed #d6e0eb!important;background:#fff!important;padding:14px!important;margin-bottom:12px!important;}
#dashboardReportModal .dealer-breakdown-modern{max-height:44dvh!important;overflow:auto!important;padding-right:3px!important;display:grid!important;gap:8px!important;}
#dashboardReportModal .dealer-metric-line{display:grid!important;grid-template-columns:minmax(150px,1.3fr) minmax(100px,.85fr) repeat(4,minmax(68px,.7fr))!important;gap:8px!important;align-items:center!important;border:1px dashed #d8e1eb!important;background:#fbfcfe!important;padding:10px 11px!important;box-shadow:none!important;}
#dashboardReportModal .dealer-metric-line strong{font-size:13px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#dashboardReportModal .dealer-metric-line .main-value{font-size:18px!important;font-weight:950!important;letter-spacing:-.04em!important;}
#dashboardReportModal .dealer-metric-line span{display:grid!important;gap:2px!important;font-size:12px!important;font-weight:900!important;color:#0f172a!important;}
#dashboardReportModal .dealer-metric-line span em{font-size:9px!important;font-style:normal!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:#64748b!important;}
#dashboardReportModal .latest-metric-list,#dashboardReportModal .latest-metric-item{display:none!important;}
.dashboard-performance-grid{gap:16px!important;}
.dashboard-performance-grid .metric-card{min-height:118px!important;border:1px dashed #c4cfdd!important;background:linear-gradient(180deg,#fff,#fbfcfe)!important;box-shadow:0 10px 24px rgba(15,23,42,.045)!important;padding:19px 18px 22px!important;}
.dashboard-performance-grid .metric-card em{height:4px!important;bottom:9px!important;left:18px!important;right:18px!important;background:linear-gradient(90deg,var(--accent,#f59e0b),#94a3b8)!important;}
.dashboard-performance-grid .metric-card:hover{transform:translateY(-1px)!important;box-shadow:0 12px 28px rgba(15,23,42,.075)!important;}
.delivery-final-checklist{border:1px dashed #c4cfdd!important;background:#fbfcfe!important;padding:16px!important;}
.delivery-check-list{gap:9px!important;}
.delivery-check-item{display:grid!important;grid-template-columns:24px minmax(112px,.85fr) minmax(0,1.5fr)!important;gap:9px!important;align-items:center!important;border:1px dashed #d5deea!important;background:#fff!important;padding:10px 12px!important;transition:background .12s ease,border-color .12s ease!important;}
.delivery-check-item span,.delivery-check-item strong{grid-column:auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.delivery-check-item span{font-size:11px!important;font-weight:950!important;color:#64748b!important;}
.delivery-check-item strong{font-size:13px!important;color:#111827!important;}
.delivery-check-item:has(input[type=checkbox]:checked){background:#ecfdf5!important;border-color:#22c55e!important;}
.delivery-check-item:has(input[type=checkbox]:checked) span{color:#15803d!important;}
@media(max-width:1180px){
  #dashboardReportModal .dashboard-report-filterbar{grid-template-columns:1fr 1fr!important;}
  #dashboardReportModal .dashboard-report-summary{grid-template-columns:1fr!important;}
  #dashboardReportModal .dealer-metric-line{grid-template-columns:minmax(120px,1fr) minmax(96px,.8fr) repeat(2,minmax(62px,.7fr))!important;}
  .delivery-check-item{grid-template-columns:22px minmax(94px,.8fr) minmax(0,1.25fr)!important;padding:9px 10px!important;}
}
@media(max-width:640px){
  #dashboardReportModal .dashboard-report-filterbar{grid-template-columns:1fr!important;}
  #dashboardReportModal .dashboard-report-filterbar .btn{height:44px!important;min-height:44px!important;}
  #dashboardReportModal .dashboard-report-statline{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  #dashboardReportModal .dealer-metric-line{grid-template-columns:minmax(92px,.9fr) minmax(86px,.8fr) minmax(58px,.55fr)!important;}
  #dashboardReportModal .dealer-metric-line span:nth-of-type(n+3){display:none!important;}
  .delivery-check-item{grid-template-columns:20px minmax(82px,.75fr) minmax(0,1.2fr)!important;gap:7px!important;}
  .delivery-check-item span{font-size:10px!important}.delivery-check-item strong{font-size:12px!important;}
}

/* v6.3 dashboard metric modal + role management polish */
#dashboardReportModal .dashboard-report-modal{
  width:min(1080px,calc(100vw - 26px))!important;
  padding:22px!important;
  border:1px dashed #b5c1cf!important;
}
#dashboardReportModal .dashboard-report-controls{
  display:grid!important;
  gap:12px!important;
  padding:14px!important;
  background:linear-gradient(180deg,#fff,#f8fafc)!important;
  border:1px dashed #c9d4e2!important;
}
#dashboardReportModal .report-mode-btn{
  height:46px!important;
  min-height:46px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.03em!important;
}
#dashboardReportModal .dashboard-report-filterbar{
  grid-template-columns:minmax(145px,1fr) minmax(160px,1fr) minmax(150px,.85fr) minmax(150px,.85fr) minmax(118px,.55fr)!important;
  gap:10px!important;
  align-items:stretch!important;
}
#dashboardReportModal .dashboard-report-filterbar label{
  min-height:62px!important;
  display:grid!important;
  align-content:center!important;
  gap:5px!important;
  padding:9px 12px!important;
  background:#fff!important;
  border:1px dashed #cbd6e4!important;
  color:#64748b!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
}
#dashboardReportModal .dashboard-report-filterbar input,
#dashboardReportModal .dashboard-report-filterbar select{
  height:30px!important;
  line-height:30px!important;
  border:0!important;
  background:transparent!important;
  padding:0!important;
  color:#0f172a!important;
  font-size:13px!important;
  font-weight:900!important;
  box-shadow:none!important;
  width:100%!important;
}
#dashboardReportModal .dashboard-report-filterbar .btn{
  height:62px!important;
  min-height:62px!important;
  width:100%!important;
  padding:0 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px dashed #111827!important;
  font-size:12px!important;
  font-weight:950!important;
}
#dashboardReportModal .dashboard-report-summary{gap:12px!important;margin-bottom:14px!important;}
#dashboardReportModal .dashboard-report-total{min-height:112px!important;display:grid!important;align-content:center!important;}
#dashboardReportModal .dashboard-report-statline>div{min-height:82px!important;align-content:center!important;}
#dashboardReportModal .dealer-breakdown-modern{max-height:50dvh!important;}
#dashboardReportModal .dealer-metric-line{
  min-height:58px!important;
  grid-template-columns:minmax(180px,1.25fr) minmax(118px,.75fr) repeat(4,minmax(80px,.65fr))!important;
  border-color:#cfd9e6!important;
  transition:background .12s ease,border-color .12s ease!important;
}
#dashboardReportModal .dealer-metric-line:hover{background:#f8fafc!important;border-color:#94a3b8!important;}
#dashboardReportModal .dealer-metric-line span{border-left:1px dashed #dbe3ec!important;padding-left:8px!important;}
.role-sync-strip{
  margin-top:18px;
  border:1px dashed #cbd6e4;
  background:linear-gradient(180deg,#fff,#f8fafc);
  padding:16px;
  display:grid;
  gap:12px;
  box-shadow:0 12px 28px rgba(15,23,42,.045);
}
.role-sync-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.role-sync-head strong{font-size:17px;letter-spacing:-.035em;color:#111827;}
.role-sync-head small{color:#64748b;font-weight:750;}
.role-sync-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:9px;}
.role-sync-chip{border:1px dashed #cbd6e4;background:#fff;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;}
.role-sync-chip b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#0f172a;}
.role-sync-chip em{font-style:normal;font-size:11px;font-weight:900;color:#64748b;white-space:nowrap;}
@media(max-width:1180px){
  #dashboardReportModal .dashboard-report-filterbar{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #dashboardReportModal .dashboard-report-filterbar .btn{grid-column:1/-1!important;height:54px!important;min-height:54px!important;}
  #dashboardReportModal .dealer-metric-line{grid-template-columns:minmax(120px,1fr) minmax(98px,.8fr) repeat(2,minmax(66px,.7fr))!important;}
}
@media(max-width:640px){
  #dashboardReportModal .dashboard-report-modal{width:calc(100vw - 18px)!important;padding:16px!important;}
  #dashboardReportModal .dashboard-report-filterbar{grid-template-columns:1fr 1fr!important;gap:8px!important;}
  #dashboardReportModal .dashboard-report-filterbar label{min-height:58px!important;padding:8px 10px!important;}
  #dashboardReportModal .dashboard-report-filterbar .btn{grid-column:1/-1!important;height:50px!important;min-height:50px!important;}
  #dashboardReportModal .dealer-metric-line{grid-template-columns:minmax(92px,.9fr) minmax(82px,.8fr) minmax(58px,.55fr)!important;}
  .role-sync-head{display:grid;gap:4px;}
}


/* v6.4 dashboard metric modal: daha büyük, soluk ve kurumsal görünüm */
#dashboardReportModal .dashboard-report-modal{
  width:min(1240px,calc(100vw - 32px))!important;
  max-height:calc(100svh - 32px)!important;
  padding:28px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%)!important;
  border:1px dashed #aebccc!important;
  box-shadow:0 18px 58px rgba(15,23,42,.15)!important;
}
#dashboardReportModal .dashboard-report-modal .modal-head{
  margin:0 0 18px!important;
  padding:0 0 18px!important;
  border-bottom:1px dashed #d8e0ea!important;
}
#dashboardReportModal .dashboard-report-modal .modal-head h2{
  color:#334155!important;
  font-size:clamp(25px,2.2vw,34px)!important;
  font-weight:850!important;
  letter-spacing:-.055em!important;
}
#dashboardReportModal .dashboard-report-modal .modal-head p,
#dashboardReportModal .muted{
  color:#8b98aa!important;
  font-weight:650!important;
}
#dashboardReportModal .dashboard-report-controls{
  padding:18px!important;
  gap:14px!important;
  background:#f8fafc!important;
  border:1px dashed #d2dbe7!important;
  box-shadow:none!important;
}
#dashboardReportModal .report-mode-btn{
  height:48px!important;
  min-height:48px!important;
  padding:0 18px!important;
  background:#fff!important;
  color:#64748b!important;
  border:1px dashed #d5deea!important;
  font-weight:850!important;
  letter-spacing:.025em!important;
}
#dashboardReportModal .report-mode-btn.active,
#dashboardReportModal .report-mode-btn:hover{
  background:#f1f5f9!important;
  color:#334155!important;
  border-color:#9fb0c4!important;
}
#dashboardReportModal .dashboard-report-filterbar{
  grid-template-columns:minmax(160px,1fr) minmax(190px,1.12fr) minmax(165px,.86fr) minmax(165px,.86fr) minmax(140px,.62fr)!important;
  gap:12px!important;
  align-items:stretch!important;
}
#dashboardReportModal .dashboard-report-filterbar label{
  min-height:74px!important;
  padding:12px 14px!important;
  background:#fff!important;
  border:1px dashed #d5deea!important;
  color:#8b98aa!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.075em!important;
}
#dashboardReportModal .dashboard-report-filterbar input,
#dashboardReportModal .dashboard-report-filterbar select{
  height:34px!important;
  line-height:34px!important;
  color:#475569!important;
  font-size:13px!important;
  font-weight:760!important;
}
#dashboardReportModal .dashboard-report-filterbar .btn{
  height:74px!important;
  min-height:74px!important;
  border:1px dashed #94a3b8!important;
  background:#334155!important;
  color:#fff!important;
  font-weight:850!important;
  letter-spacing:.045em!important;
}
#dashboardReportModal .dashboard-report-summary{
  grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr)!important;
  gap:14px!important;
  margin-bottom:16px!important;
}
#dashboardReportModal .dashboard-report-total{
  min-height:142px!important;
  padding:22px!important;
  background:#f8fafc!important;
  border:1px dashed #cbd6e4!important;
}
#dashboardReportModal .dashboard-report-total span,
#dashboardReportModal .dashboard-report-total small,
#dashboardReportModal .dashboard-report-statline em{
  color:#94a3b8!important;
  font-weight:780!important;
}
#dashboardReportModal .dashboard-report-total strong{
  color:#334155!important;
  font-size:clamp(34px,3.3vw,48px)!important;
  font-weight:850!important;
}
#dashboardReportModal .dashboard-report-statline{
  gap:12px!important;
}
#dashboardReportModal .dashboard-report-statline>div{
  min-height:142px!important;
  padding:18px!important;
  display:grid!important;
  align-content:center!important;
  background:#fff!important;
  border:1px dashed #d7e0eb!important;
}
#dashboardReportModal .dashboard-report-statline b{
  color:#475569!important;
  font-size:clamp(24px,2.4vw,34px)!important;
  font-weight:850!important;
}
#dashboardReportModal .modal-section{
  padding:20px!important;
  border:1px dashed #d7e0eb!important;
  background:#fff!important;
}
#dashboardReportModal .modal-section h3{
  color:#475569!important;
  font-size:18px!important;
  font-weight:850!important;
}
#dashboardReportModal .dealer-breakdown-modern{
  max-height:52dvh!important;
  gap:10px!important;
}
#dashboardReportModal .dealer-metric-line{
  min-height:74px!important;
  grid-template-columns:minmax(220px,1.25fr) minmax(140px,.8fr) repeat(4,minmax(92px,.65fr))!important;
  padding:14px 16px!important;
  background:#fbfcfe!important;
  border:1px dashed #d8e1ec!important;
}
#dashboardReportModal .dealer-metric-line:hover{
  background:#f8fafc!important;
  border-color:#aab8c9!important;
}
#dashboardReportModal .dealer-metric-line strong{
  color:#475569!important;
  font-size:14px!important;
  font-weight:820!important;
}
#dashboardReportModal .dealer-metric-line .main-value{
  color:#334155!important;
  font-size:22px!important;
  font-weight:850!important;
}
#dashboardReportModal .dealer-metric-line span{
  color:#64748b!important;
  font-size:13px!important;
  font-weight:780!important;
  border-left:1px dashed #dbe3ec!important;
  padding-left:10px!important;
}
#dashboardReportModal .dealer-metric-line span em{
  color:#94a3b8!important;
  font-size:9px!important;
  font-weight:850!important;
}
#dashboardReportModal .dashboard-report-loading,
#dashboardReportModal .empty{
  color:#8b98aa!important;
  border:1px dashed #d8e1ec!important;
  background:#fbfcfe!important;
}
@media(max-width:1180px){
  #dashboardReportModal .dashboard-report-modal{width:calc(100vw - 24px)!important;padding:22px!important;}
  #dashboardReportModal .dashboard-report-filterbar{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #dashboardReportModal .dashboard-report-filterbar .btn{grid-column:1/-1!important;height:60px!important;min-height:60px!important;}
  #dashboardReportModal .dashboard-report-summary{grid-template-columns:1fr!important;}
  #dashboardReportModal .dashboard-report-statline>div{min-height:96px!important;}
  #dashboardReportModal .dealer-metric-line{grid-template-columns:minmax(150px,1fr) minmax(115px,.8fr) repeat(2,minmax(76px,.65fr))!important;}
}
@media(max-width:640px){
  #dashboardReportModal .dashboard-report-modal{width:calc(100vw - 18px)!important;padding:18px!important;}
  #dashboardReportModal .dashboard-report-filterbar{grid-template-columns:1fr!important;}
  #dashboardReportModal .dashboard-report-filterbar label{min-height:66px!important;}
  #dashboardReportModal .dashboard-report-total{min-height:118px!important;}
  #dashboardReportModal .dashboard-report-statline{grid-template-columns:1fr!important;}
  #dashboardReportModal .dealer-metric-line{grid-template-columns:1fr minmax(110px,.85fr)!important;}
  #dashboardReportModal .dealer-metric-line span{display:none!important;}
}

/* v6.5 global corporate polish */
:root{--radius:0px!important;--radius-sm:0px!important;--font-main:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;}
html,body,button,input,select,textarea{font-family:var(--font-main)!important;}
body{letter-spacing:-.015em;}
.card,.modal-panel,.glass,.btn,.pill,.field input,.field select,.field textarea,input,select,textarea,.metric-card,.pro-tile,.archive-vehicle,.archive-job,.customer-business-card,.customer-ticket-card,.qr-frame,.ticket-link,.dashboard-report-modal,.dashboard-report-controls,.dashboard-report-filterbar label,.dashboard-report-total,.dashboard-report-statline>div,.dealer-metric-line,.modal-section,.role-sync-strip,.role-sync-chip,.admin-row-list [data-admin-row],.empty,.alert{border-width:1px!important;border-radius:0!important;}
*[class*="dash"],*[class*="ticket"],*[class*="card"],*[class*="modal"],*[class*="tile"]{border-radius:0!important;}
.muted,.topbar-meta,.hero-banner p,.card p,.modal-head p,.field label,.dashboard-report-total span,.dashboard-report-total small,.dealer-metric-line span,.customer-card-address{color:#7c8798!important;font-weight:500!important;}
.section-title h2,.modal-head h2,.hero-banner h2,.topbar h1{font-weight:800!important;letter-spacing:-.045em!important;color:#202938!important;}
/* Date fields: the whole box opens the picker */
.modern-date-label,.dashboard-report-filterbar label:has(input[type="date"]),label:has(input[type="date"]){position:relative;cursor:pointer;user-select:none;}
.modern-date-label:after,.dashboard-report-filterbar label:has(input[type="date"]):after,label:has(input[type="date"]):after{content:"⌄";position:absolute;right:13px;bottom:13px;width:24px;height:24px;display:grid;place-items:center;border:1px dashed #cbd5e1;background:#f8fafc;color:#64748b;font-size:14px;pointer-events:none;}
.modern-date-input,input[type="date"],input[type="datetime-local"],input[type="time"]{cursor:pointer;color:#334155!important;font-weight:650!important;background:transparent!important;}
.modern-date-input::-webkit-calendar-picker-indicator,input[type="date"]::-webkit-calendar-picker-indicator,input[type="datetime-local"]::-webkit-calendar-picker-indicator,input[type="time"]::-webkit-calendar-picker-indicator{opacity:0;position:absolute;inset:0;width:100%;height:100%;cursor:pointer;}
#dashboardReportModal .dashboard-report-modal{width:min(1320px,calc(100vw - 26px))!important;border-width:1px!important;background:#fff!important;box-shadow:0 22px 66px rgba(15,23,42,.13)!important;}
#dashboardReportModal .dashboard-report-controls{border-width:1px!important;background:#f8fafc!important;}
#dashboardReportModal .dashboard-report-filterbar{grid-template-columns:minmax(160px,1fr) minmax(220px,1.2fr) minmax(180px,.9fr) minmax(180px,.9fr) minmax(150px,.7fr)!important;gap:12px!important;}
#dashboardReportModal .dashboard-report-filterbar label{min-height:70px!important;padding:12px 44px 10px 14px!important;border-width:1px!important;background:#fff!important;display:grid!important;align-content:center!important;}
#dashboardReportModal .dashboard-report-filterbar select,#dashboardReportModal .dashboard-report-filterbar input{height:34px!important;line-height:34px!important;font-size:13px!important;}
#dashboardReportModal .dashboard-report-filterbar .btn{height:70px!important;min-height:70px!important;border-width:1px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
#dashboardReportModal .dealer-metric-line{border-width:1px!important;background:#fff!important;}
/* Customer business card modal */
.customer-card-modal-panel{width:min(980px,calc(100vw - 28px))!important;max-height:calc(100svh - 28px)!important;padding:24px!important;background:linear-gradient(180deg,#fff,#fbfcfe)!important;border:1px dashed #cbd5e1!important;}
.customer-business-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:18px;align-items:stretch;}
.customer-card-main,.customer-ticket-card{border:1px dashed #cbd5e1;background:#fff;padding:22px;box-shadow:0 14px 38px rgba(15,23,42,.055);}
.customer-card-main{display:grid;align-content:start;gap:14px;background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);}
.customer-card-kicker{display:inline-flex;width:max-content;padding:7px 10px;border:1px dashed #cbd5e1;background:#fff;color:#64748b;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
.customer-card-main>strong{font-size:clamp(26px,3vw,40px);line-height:.98;letter-spacing:-.06em;color:#111827;}
.customer-card-main>small{color:#64748b;font-weight:600;}
.customer-card-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px;}
.customer-card-info-grid span{border:1px dashed #dbe3ec;background:#fff;padding:11px;min-width:0;display:grid;gap:3px;}
.customer-card-info-grid em{font-style:normal;font-size:10px;color:#94a3b8;font-weight:800;text-transform:uppercase;letter-spacing:.08em;}
.customer-card-info-grid b{font-size:12px;color:#334155;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.customer-card-address{border-top:1px dashed #e2e8f0;padding-top:12px;margin:0;line-height:1.55;}
.customer-ticket-card{display:grid;gap:13px;align-content:start;background:#fff;}
.ticket-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px dashed #e2e8f0;padding-bottom:12px;}
.ticket-head strong{font-size:18px;color:#111827;letter-spacing:-.035em;}.ticket-head small{color:#94a3b8;font-weight:700;text-align:right;}
.qr-frame{border:1px dashed #cbd5e1;background:#f8fafc;padding:16px;display:grid;place-items:center;min-height:248px;}
.qr-frame img{width:min(230px,100%);height:auto;image-rendering:pixelated;}
.ticket-link{border:1px dashed #dbe3ec;background:#fbfcfe;padding:10px;font-size:11px;line-height:1.4;color:#64748b;word-break:break-all;}
.ticket-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}.ticket-actions .btn{width:100%;min-width:0;padding-left:8px!important;padding-right:8px!important;}
.btn.disabled{opacity:.45;pointer-events:none;}
@media(max-width:820px){.customer-business-card{grid-template-columns:1fr}.customer-card-modal-panel{padding:18px!important}.customer-card-info-grid{grid-template-columns:1fr}.ticket-actions{grid-template-columns:1fr}.qr-frame{min-height:210px}}
@media print{body.print-customer-ticket *{visibility:hidden!important}body.print-customer-ticket #customerCardModal,body.print-customer-ticket #customerCardModal *{visibility:visible!important}body.print-customer-ticket #customerCardModal{position:fixed!important;inset:0!important;background:#fff!important;display:block!important}body.print-customer-ticket .customer-card-modal-panel{box-shadow:none!important;width:100%!important;max-height:none!important}body.print-customer-ticket .modal-head,body.print-customer-ticket .customer-card-main,body.print-customer-ticket .modal-close{display:none!important}body.print-customer-ticket .customer-business-card{display:block!important}.ticket-actions{display:none!important}}

/* v6.6 thin corporate typography + professional dashboard modal */
:root{
  --font-main:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --text:#283142;
  --muted:#7d8796;
  --line:#d9e0ea;
}
html,body,button,input,select,textarea{font-family:var(--font-main)!important;font-weight:400!important;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;}
body{color:var(--text)!important;letter-spacing:-.006em!important;}
strong,b,.btn,.pill,.badge-count,.nav-link,.field label,th,.metric-card span,.metric-card strong,.pro-tile strong,.section-title h2,.modal-head h2,.hero-banner h2,.topbar h1,.card h2,.card h3{font-weight:500!important;}
.metric-card strong,.dashboard-report-total strong,.dashboard-report-statline b,.dealer-metric-line .main-value{font-weight:500!important;color:#344054!important;}
.metric-card span,.muted,.hero-banner p,.card p,.modal-head p,.field label,.dealer-metric-line span,.dashboard-report-total span,.dashboard-report-total small{font-weight:400!important;color:#7d8796!important;}
.section-title h2,.modal-head h2,.hero-banner h2,.topbar h1,.card h2,.card h3{color:#2f3a4c!important;letter-spacing:-.026em!important;}
.btn{box-shadow:none!important;letter-spacing:-.01em!important;}
.btn:not(.danger):not(.success){background:#2f3a4c!important;color:#fff!important;border:1px dashed #cfd8e5!important;}
.btn.secondary{background:#fff!important;color:#3f4b5f!important;border-color:#d8e0ea!important;}
.dashboard-performance-grid{grid-template-columns:repeat(auto-fit,minmax(205px,1fr))!important;gap:14px!important;}
.dashboard-performance-grid .metric-card{min-height:112px!important;padding:18px 18px 19px!important;background:#fff!important;border:1px dashed #d8e0ea!important;box-shadow:0 10px 30px rgba(15,23,42,.045)!important;}
.dashboard-performance-grid .metric-card span{font-size:12px!important;letter-spacing:.035em!important;text-transform:none!important;}
.dashboard-performance-grid .metric-card strong{font-size:clamp(23px,2.1vw,30px)!important;letter-spacing:-.035em!important;}
.dashboard-performance-grid .metric-card em{height:1px!important;left:18px!important;right:18px!important;bottom:12px!important;background:#d9e0ea!important;}
.metric-card.dashboard-metric-click:after{font-weight:400!important;color:#9aa5b4!important;letter-spacing:.04em!important;}
.metric-card.dashboard-metric-click:hover{border-color:#b8c3d2!important;background:#fbfcfe!important;transform:none!important;}
#dashboardReportModal{background:rgba(15,23,42,.28)!important;}
#dashboardReportModal .dashboard-report-modal.report-modal-pro{width:min(1380px,calc(100vw - 28px))!important;max-height:calc(100svh - 28px)!important;padding:26px!important;background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%)!important;border:1px dashed #c4cedb!important;box-shadow:0 22px 80px rgba(15,23,42,.20)!important;overflow:auto!important;}
#dashboardReportModal .report-modal-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:22px!important;margin:0 0 18px!important;padding:0 0 18px!important;border-bottom:1px dashed #d9e0ea!important;background:transparent!important;position:relative!important;top:auto!important;}
#dashboardReportModal .report-title-block{display:grid!important;gap:6px!important;}
#dashboardReportModal .report-kicker{width:max-content;border:1px dashed #d7dfeb;background:#fff;padding:7px 10px;color:#7d8796;font-size:11px;font-weight:400!important;letter-spacing:.055em;text-transform:uppercase;}
#dashboardReportModal .report-modal-head h2{font-size:clamp(25px,2.3vw,36px)!important;font-weight:500!important;color:#303b4e!important;letter-spacing:-.03em!important;margin:0!important;}
#dashboardReportModal .report-modal-head p{margin:0!important;max-width:720px!important;font-size:13px!important;line-height:1.55!important;}
#dashboardReportModal .modal-close{width:42px!important;height:42px!important;border:1px dashed #d8e0ea!important;background:#fff!important;color:#697586!important;font-weight:400!important;font-size:24px!important;box-shadow:none!important;}
#dashboardReportModal .report-control-panel{display:grid!important;gap:14px!important;padding:18px!important;margin-bottom:16px!important;background:#f8fafc!important;border:1px dashed #d8e0ea!important;box-shadow:none!important;}
#dashboardReportModal .report-control-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;flex-wrap:wrap!important;}
#dashboardReportModal .report-mode-row,#dashboardReportModal .report-range-row{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;}
#dashboardReportModal .report-mode-btn,#dashboardReportModal .report-range-chip{height:40px!important;min-height:40px!important;border:1px dashed #d8e0ea!important;background:#fff!important;color:#667085!important;padding:0 14px!important;font-size:12px!important;font-weight:400!important;letter-spacing:0!important;box-shadow:none!important;cursor:pointer!important;}
#dashboardReportModal .report-range-chip{height:34px!important;min-height:34px!important;padding:0 12px!important;font-size:11.5px!important;}
#dashboardReportModal .report-mode-btn.active,#dashboardReportModal .report-mode-btn:hover,#dashboardReportModal .report-range-chip.active,#dashboardReportModal .report-range-chip:hover{background:#eef2f7!important;color:#344054!important;border-color:#b9c5d4!important;}
#dashboardReportModal .report-range-chip.ghost{background:transparent!important;color:#98a2b3!important;}
#dashboardReportModal .report-filterbar-pro{display:grid!important;grid-template-columns:minmax(170px,1fr) minmax(220px,1.2fr) minmax(190px,.95fr) minmax(190px,.95fr) minmax(132px,.65fr)!important;gap:12px!important;align-items:stretch!important;padding:0!important;background:transparent!important;border:0!important;}
#dashboardReportModal .report-filter-field{position:relative!important;display:grid!important;align-content:center!important;gap:8px!important;min-height:76px!important;padding:13px 14px!important;background:#fff!important;border:1px dashed #d8e0ea!important;color:#7d8796!important;font-size:11px!important;font-weight:400!important;letter-spacing:.025em!important;text-transform:none!important;cursor:pointer!important;}
#dashboardReportModal .report-filter-field>span{font-size:11px!important;font-weight:400!important;color:#98a2b3!important;letter-spacing:.02em!important;}
#dashboardReportModal .report-filter-field select{height:28px!important;line-height:28px!important;padding:0 2px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#344054!important;font-size:13px!important;font-weight:400!important;outline:0!important;}
#dashboardReportModal .report-date-field{padding-right:14px!important;}
#dashboardReportModal .report-date-field:after,.dashboard-report-filterbar label:has(input[type="date"]):after{display:none!important;content:none!important;}
#dashboardReportModal .report-date-button{position:relative!important;z-index:2!important;appearance:none!important;border:0!important;background:transparent!important;padding:0!important;text-align:left!important;display:grid!important;gap:2px!important;color:#344054!important;cursor:pointer!important;}
#dashboardReportModal .report-date-button b{font-size:13px!important;font-weight:400!important;color:#344054!important;line-height:1.2!important;}
#dashboardReportModal .report-date-button small{font-size:10.5px!important;font-weight:400!important;color:#98a2b3!important;}
#dashboardReportModal .report-date-button:after{content:"";position:absolute;right:0;top:50%;width:22px;height:22px;transform:translateY(-50%);border:1px dashed #d8e0ea;background:#f8fafc;}
#dashboardReportModal .report-date-native{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;border:0!important;padding:0!important;cursor:pointer!important;z-index:1!important;}
#dashboardReportModal .report-apply-btn{height:76px!important;min-height:76px!important;width:100%!important;background:#303b4e!important;color:#fff!important;border-color:#303b4e!important;font-size:13px!important;font-weight:500!important;}
#dashboardReportModal .dashboard-report-summary{display:grid!important;grid-template-columns:minmax(290px,.72fr) minmax(0,1.28fr)!important;gap:14px!important;margin-bottom:16px!important;}
#dashboardReportModal .dashboard-report-total,#dashboardReportModal .dashboard-report-statline>div,#dashboardReportModal .modal-section,#dashboardReportModal .dealer-metric-line{background:#fff!important;border:1px dashed #d8e0ea!important;box-shadow:none!important;}
#dashboardReportModal .dashboard-report-total{min-height:128px!important;padding:22px!important;display:grid!important;align-content:center!important;gap:8px!important;}
#dashboardReportModal .dashboard-report-total strong{font-size:clamp(31px,3vw,46px)!important;letter-spacing:-.03em!important;}
#dashboardReportModal .dashboard-report-statline{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;}
#dashboardReportModal .dashboard-report-statline>div{min-height:128px!important;padding:18px!important;display:grid!important;align-content:center!important;gap:6px!important;}
#dashboardReportModal .dashboard-report-statline em{font-style:normal!important;color:#98a2b3!important;font-size:11px!important;font-weight:400!important;}
#dashboardReportModal .dashboard-report-statline b{font-size:clamp(22px,2.2vw,32px)!important;}
#dashboardReportModal .modal-section{padding:18px!important;margin-bottom:0!important;}
#dashboardReportModal .modal-section h3{font-weight:500!important;color:#344054!important;font-size:18px!important;margin:0!important;}
#dashboardReportModal .dealer-breakdown-modern{display:grid!important;gap:10px!important;max-height:52dvh!important;overflow:auto!important;padding-right:4px!important;}
#dashboardReportModal .dealer-metric-line{min-height:68px!important;grid-template-columns:minmax(230px,1.25fr) minmax(135px,.78fr) repeat(4,minmax(88px,.64fr))!important;gap:10px!important;align-items:center!important;padding:13px 15px!important;}
#dashboardReportModal .dealer-metric-line strong{font-size:13px!important;font-weight:400!important;color:#475467!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#dashboardReportModal .dealer-metric-line .main-value{font-size:20px!important;font-weight:500!important;letter-spacing:-.02em!important;}
#dashboardReportModal .dealer-metric-line span{display:grid!important;gap:3px!important;font-size:12px!important;font-weight:400!important;color:#667085!important;border-left:1px dashed #e2e8f0!important;padding-left:10px!important;}
#dashboardReportModal .dealer-metric-line span em{font-style:normal!important;text-transform:none!important;letter-spacing:0!important;font-size:10px!important;font-weight:400!important;color:#98a2b3!important;}
#dashboardReportModal .dashboard-report-loading,#dashboardReportModal .empty{font-weight:400!important;color:#7d8796!important;border:1px dashed #d8e0ea!important;background:#fff!important;}
@media(max-width:1180px){
  #dashboardReportModal .dashboard-report-modal.report-modal-pro{width:calc(100vw - 22px)!important;padding:20px!important;}
  #dashboardReportModal .report-filterbar-pro{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #dashboardReportModal .report-apply-btn{grid-column:1/-1!important;height:56px!important;min-height:56px!important;}
  #dashboardReportModal .dashboard-report-summary{grid-template-columns:1fr!important;}
  #dashboardReportModal .dealer-metric-line{grid-template-columns:minmax(150px,1fr) minmax(115px,.8fr) repeat(2,minmax(72px,.65fr))!important;}
}
@media(max-width:640px){
  #dashboardReportModal .dashboard-report-modal.report-modal-pro{width:calc(100vw - 14px)!important;max-height:calc(100svh - 14px)!important;padding:16px!important;}
  #dashboardReportModal .report-filterbar-pro{grid-template-columns:1fr!important;}
  #dashboardReportModal .report-filter-field{min-height:66px!important;}
  #dashboardReportModal .dashboard-report-statline{grid-template-columns:1fr!important;}
  #dashboardReportModal .dealer-metric-line{grid-template-columns:1fr minmax(110px,.85fr)!important;}
  #dashboardReportModal .dealer-metric-line span{display:none!important;}
}

/* v6.6 final typography guard: sistem genelinde kalın/koyu yazıyı bastır */
body .app-shell *{font-weight:400!important;}
body .app-shell h1,body .app-shell h2,body .app-shell h3,body .app-shell h4,body .app-shell strong,body .app-shell b,body .app-shell .btn,body .app-shell .pill,body .app-shell th,body .app-shell .nav-link.active{font-weight:500!important;}
body .app-shell .muted,body .app-shell small,body .app-shell em,body .app-shell label,body .app-shell .field label{font-weight:400!important;color:#7d8796!important;}
body .app-shell h1,body .app-shell h2,body .app-shell h3,body .app-shell .metric-card strong{color:#344054!important;}
body .app-shell .metric-card span,body .app-shell .metric-card:after{font-weight:400!important;color:#7d8796!important;}
body #dashboardReportModal *{font-weight:400!important;}
body #dashboardReportModal h2,body #dashboardReportModal h3,body #dashboardReportModal strong,body #dashboardReportModal b,body #dashboardReportModal .main-value,body #dashboardReportModal .btn,body #dashboardReportModal .report-apply-btn{font-weight:500!important;}

/* v6.7 root cleanup: ince font, düzenli ana sayfa, özel tarih paneli ve QR etiket modalı */
html,body,button,input,select,textarea{font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;font-weight:400!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
body .app-shell,body .app-shell *{font-weight:400!important;}
body .app-shell h1,body .app-shell h2,body .app-shell h3,body .app-shell h4,
body .app-shell .section-title h2,body .app-shell .hero-banner h2,body .app-shell .topbar h1,
body .app-shell .modal-head h2{font-weight:400!important;color:#303a4a!important;letter-spacing:-.024em!important;}
body .app-shell strong,body .app-shell b,body .app-shell th,body .app-shell .btn,body .app-shell .pill,
body .app-shell .nav-link.active{font-weight:400!important;}
body .app-shell .metric-card strong,body .app-shell .dashboard-report-total strong,
body .app-shell .dashboard-report-statline b,body .app-shell .dealer-metric-line .main-value{font-weight:400!important;color:#364255!important;}
body .modal-backdrop .modal-panel,body .modal-backdrop .modal-panel *{font-weight:400!important;}
body .modal-backdrop .modal-panel h2,body .modal-backdrop .modal-panel h3,body .modal-backdrop .modal-panel strong,body .modal-backdrop .modal-panel b{font-weight:400!important;color:#303a4a!important;}
body .modal-backdrop .muted,body .modal-backdrop small,body .modal-backdrop em{font-weight:400!important;color:#7b8796!important;}

.dashboard-performance-grid{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:10px!important;margin-top:18px!important;align-items:stretch!important;}
.dashboard-performance-grid .metric-card{min-height:96px!important;padding:14px 12px 16px!important;border:1px dashed #d7e0eb!important;background:#fff!important;box-shadow:none!important;gap:8px!important;align-content:center!important;}
.dashboard-performance-grid .metric-card:nth-child(n+9){grid-column:span 2!important;}
.dashboard-performance-grid .metric-card span{font-size:11px!important;line-height:1.25!important;color:#778397!important;letter-spacing:.01em!important;text-transform:none!important;}
.dashboard-performance-grid .metric-card strong{font-size:clamp(18px,1.55vw,24px)!important;line-height:1.08!important;letter-spacing:-.026em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.dashboard-performance-grid .metric-card em{display:block!important;height:1px!important;background:#d9e1eb!important;left:12px!important;right:12px!important;bottom:10px!important;}
.metric-card.dashboard-metric-click:after{content:"Detay"!important;font-size:9px!important;font-weight:400!important;right:10px!important;bottom:7px!important;color:#a1aabb!important;letter-spacing:.02em!important;text-transform:none!important;}
@media(max-width:1280px){.dashboard-performance-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.dashboard-performance-grid .metric-card:nth-child(n+9){grid-column:span 1!important}}
@media(max-width:760px){.dashboard-performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-performance-grid .metric-card{min-height:88px!important}.dashboard-performance-grid .metric-card strong{font-size:19px!important}}
@media(max-width:430px){.dashboard-performance-grid{grid-template-columns:1fr!important}}

#dashboardReportModal .dashboard-report-modal.report-modal-pro{width:min(1360px,calc(100vw - 22px))!important;max-height:calc(100svh - 22px)!important;padding:24px!important;background:#fff!important;border:1px dashed #d8e0ea!important;box-shadow:0 24px 90px rgba(15,23,42,.12)!important;}
#dashboardReportModal .report-modal-head{border-bottom:1px dashed #dbe3ed!important;padding-bottom:16px!important;margin-bottom:16px!important;}
#dashboardReportModal .report-kicker{font-size:11px!important;letter-spacing:.02em!important;color:#8a95a6!important;text-transform:none!important;}
#dashboardReportModal .report-modal-head h2{font-size:clamp(25px,2.4vw,34px)!important;font-weight:400!important;color:#303a4a!important;}
#dashboardReportModal .report-control-panel{padding:14px!important;background:#fafbfd!important;border:1px dashed #d8e0ea!important;box-shadow:none!important;}
#dashboardReportModal .report-control-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;}
#dashboardReportModal .report-mode-row{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;background:#fff!important;border:1px dashed #dce3ee!important;padding:5px!important;}
#dashboardReportModal .report-mode-btn{height:34px!important;min-height:34px!important;border:0!important;background:transparent!important;color:#687386!important;padding:0 12px!important;font-size:12px!important;font-weight:400!important;box-shadow:none!important;}
#dashboardReportModal .report-mode-btn.active{background:#eef2f7!important;color:#344054!important;}
#dashboardReportModal .report-date-status{min-height:34px!important;display:inline-flex!important;align-items:center!important;border:1px dashed #dce3ee!important;background:#fff!important;padding:0 12px!important;color:#667085!important;font-size:12px!important;}
#dashboardReportModal .report-filterbar-smart{display:grid!important;grid-template-columns:minmax(170px,.75fr) minmax(230px,1fr) minmax(360px,1.45fr) minmax(124px,.48fr)!important;gap:10px!important;align-items:stretch!important;background:transparent!important;border:0!important;padding:0!important;}
#dashboardReportModal .report-filter-field{min-height:70px!important;padding:12px!important;background:#fff!important;border:1px dashed #d8e0ea!important;display:grid!important;align-content:center!important;gap:7px!important;position:relative!important;}
#dashboardReportModal .report-filter-field>span{font-size:11px!important;color:#8a95a6!important;font-weight:400!important;letter-spacing:0!important;}
#dashboardReportModal .report-filter-field select{height:30px!important;border:0!important;background:transparent!important;padding:0!important;color:#3d485a!important;font-size:13px!important;font-weight:400!important;outline:0!important;}
#dashboardReportModal .report-smart-date{padding:12px!important;overflow:visible!important;z-index:8!important;}
#dashboardReportModal .report-date-display{appearance:none!important;border:0!important;background:transparent!important;padding:0 28px 0 0!important;text-align:left!important;display:grid!important;gap:2px!important;cursor:pointer!important;position:relative!important;color:#344054!important;}
#dashboardReportModal .report-date-display b{font-size:14px!important;line-height:1.25!important;color:#344054!important;font-weight:400!important;}
#dashboardReportModal .report-date-display small{font-size:10.5px!important;color:#98a2b3!important;font-weight:400!important;}
#dashboardReportModal .report-date-display:after{content:"";position:absolute;right:0;top:50%;width:20px;height:20px;transform:translateY(-50%);border:1px dashed #d8e0ea;background:#f8fafc;}
#dashboardReportModal .report-date-panel{display:none;position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:50;background:#fff;border:1px dashed #cbd5e1;box-shadow:0 24px 70px rgba(15,23,42,.14);padding:12px;min-width:390px;}
#dashboardReportModal .report-date-panel.show{display:block;}
#dashboardReportModal .report-date-panel-head{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:8px;margin-bottom:10px;}
#dashboardReportModal .report-date-panel-head button{height:34px;border:1px dashed #d8e0ea;background:#fff;color:#475467;font-size:20px;cursor:pointer;}
#dashboardReportModal .report-date-panel-head strong{text-align:center;font-size:14px;color:#344054;font-weight:400!important;}
#dashboardReportModal .report-date-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:10px;}
#dashboardReportModal .report-date-presets button{min-height:32px;border:1px dashed #dce3ee;background:#f8fafc;color:#667085;font-size:11px;font-weight:400;cursor:pointer;padding:6px;}
#dashboardReportModal .report-date-presets button:hover{background:#eef2f7;color:#344054;}
#dashboardReportModal .report-calendar-weekdays,#dashboardReportModal .report-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;}
#dashboardReportModal .report-calendar-weekdays{margin-bottom:5px;}
#dashboardReportModal .report-calendar-weekdays span{font-size:10px;color:#98a2b3;text-align:center;}
#dashboardReportModal .report-day{height:34px;border:1px solid transparent;background:#fff;color:#475467;font-size:12px;cursor:pointer;}
#dashboardReportModal .report-day:hover{border-color:#cbd5e1;background:#f8fafc;}
#dashboardReportModal .report-day.muted-day{color:#b0bac8;background:#fbfcfe;}
#dashboardReportModal .report-day.today{border-color:#aab5c4;}
#dashboardReportModal .report-day.in-range{background:#eef2f7;}
#dashboardReportModal .report-day.start,#dashboardReportModal .report-day.end{background:#344054;color:#fff;border-color:#344054;}
#dashboardReportModal .report-date-selection-line{display:grid;grid-template-columns:1fr 18px 1fr;gap:6px;align-items:center;margin-top:10px;padding:9px;border:1px dashed #e0e6ef;background:#fbfcfe;color:#667085;font-size:11px;}
#dashboardReportModal .report-date-selection-line i{height:1px;background:#cbd5e1;display:block;}
#dashboardReportModal .report-date-panel-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px;}
#dashboardReportModal .report-apply-btn{height:70px!important;min-height:70px!important;background:#303a4a!important;color:#fff!important;border:1px dashed #303a4a!important;font-size:13px!important;}
#dashboardReportModal .dashboard-report-summary{grid-template-columns:minmax(260px,.66fr) minmax(0,1.34fr)!important;gap:12px!important;}
#dashboardReportModal .dashboard-report-total,#dashboardReportModal .dashboard-report-statline>div,#dashboardReportModal .modal-section,#dashboardReportModal .dealer-metric-line{border:1px dashed #d8e0ea!important;box-shadow:none!important;background:#fff!important;}
#dashboardReportModal .dashboard-report-total strong{font-size:clamp(28px,2.5vw,40px)!important;font-weight:400!important;}
#dashboardReportModal .dashboard-report-statline b{font-size:clamp(20px,2vw,29px)!important;font-weight:400!important;}
#dashboardReportModal .dealer-metric-line strong,#dashboardReportModal .dealer-metric-line span,#dashboardReportModal .dealer-metric-line .main-value{font-weight:400!important;}
@media(max-width:980px){#dashboardReportModal .report-filterbar-smart{grid-template-columns:1fr 1fr!important}#dashboardReportModal .report-smart-date,#dashboardReportModal .report-apply-btn{grid-column:1/-1!important}#dashboardReportModal .dashboard-report-summary{grid-template-columns:1fr!important}}
@media(max-width:640px){#dashboardReportModal .dashboard-report-modal.report-modal-pro{width:calc(100vw - 12px)!important;max-height:calc(100svh - 12px)!important;padding:14px!important}#dashboardReportModal .report-filterbar-smart{grid-template-columns:1fr!important}#dashboardReportModal .report-date-panel{position:fixed!important;left:10px!important;right:10px!important;top:auto!important;bottom:10px!important;min-width:0!important;max-height:calc(100svh - 20px)!important;overflow:auto!important}.report-date-presets{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

.customer-card-modal-panel{width:min(1040px,calc(100vw - 24px))!important;max-height:calc(100svh - 24px)!important;background:#fff!important;border:1px dashed #d8e0ea!important;box-shadow:0 24px 90px rgba(15,23,42,.12)!important;padding:22px!important;}
.customer-business-card{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)!important;gap:14px!important;}
.customer-card-main,.customer-ticket-card{border:1px dashed #d8e0ea!important;background:#fff!important;box-shadow:none!important;padding:18px!important;}
.customer-card-kicker,.customer-card-main>small,.customer-card-info-grid em,.ticket-head small{font-weight:400!important;color:#8792a2!important;letter-spacing:0!important;text-transform:none!important;}
.customer-card-main>strong{font-size:clamp(25px,2.8vw,38px)!important;font-weight:400!important;color:#303a4a!important;letter-spacing:-.03em!important;line-height:1.05!important;}
.customer-card-info-grid span{border:1px dashed #e0e6ef!important;background:#fbfcfe!important;}
.customer-card-info-grid b{font-weight:400!important;color:#3d485a!important;}
.customer-ticket-trigger{appearance:none!important;text-align:left!important;width:100%!important;cursor:pointer!important;color:inherit!important;display:grid!important;gap:13px!important;align-content:start!important;}
.customer-ticket-trigger:hover{background:#fbfcfe!important;border-color:#bfc9d8!important;}
.customer-ticket-trigger.disabled{opacity:.5!important;pointer-events:none!important;}
.ticket-mini-preview{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center;border:1px dashed #e0e6ef;background:#fbfcfe;padding:13px;}
.ticket-mini-icon{width:54px;height:54px;display:grid;place-items:center;border:1px dashed #cbd5e1;background:#fff;color:#667085;font-size:13px;}
.ticket-mini-preview b{display:block;font-size:15px;color:#344054;font-weight:400!important;margin-bottom:2px;}
.ticket-mini-preview small{display:block;font-size:11px;line-height:1.45;color:#8792a2;font-weight:400!important;}
.customer-qr-label-panel{width:min(430px,calc(100vw - 24px))!important;background:#fff!important;border:1px dashed #d8e0ea!important;padding:18px!important;box-shadow:0 24px 90px rgba(15,23,42,.14)!important;}
.customer-qr-label-head{padding-bottom:12px!important;margin-bottom:12px!important;}
.customer-qr-label-head h2{font-size:24px!important;margin:8px 0 4px!important;font-weight:400!important;color:#303a4a!important;}
.customer-qr-label-card{border:1px dashed #d8e0ea;background:#fbfcfe;padding:14px;display:grid;gap:12px;}
.qr-label-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#667085;font-size:12px;}
.qr-label-topline strong{font-weight:400!important;color:#344054!important;}
.qr-label-frame{border:1px dashed #cbd5e1;background:#fff;min-height:260px;display:grid;place-items:center;padding:16px;}
.qr-label-frame img{width:min(260px,100%);height:auto;image-rendering:pixelated;}
.qr-label-link{font-size:11px!important;background:#fff!important;border:1px dashed #e0e6ef!important;color:#667085!important;}
.qr-label-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.qr-label-actions .btn{width:100%!important;min-width:0!important;padding-left:8px!important;padding-right:8px!important;}
@media(max-width:820px){.customer-business-card{grid-template-columns:1fr!important}.qr-label-actions{grid-template-columns:1fr!important}}

/* v6.7 modal font final guard */
#dashboardReportModal *,#customerCardModal *,#customerQrLabelModal *{font-weight:400!important;}
#dashboardReportModal .btn,#dashboardReportModal button,#dashboardReportModal strong,#dashboardReportModal b,
#customerCardModal .btn,#customerCardModal button,#customerCardModal strong,#customerCardModal b,
#customerQrLabelModal .btn,#customerQrLabelModal button,#customerQrLabelModal strong,#customerQrLabelModal b{font-weight:400!important;}
#dashboardReportModal h2,#dashboardReportModal h3,#customerCardModal h2,#customerCardModal h3,#customerQrLabelModal h2,#customerQrLabelModal h3{font-weight:400!important;color:#303a4a!important;}

/* v6.8 date range, grouped checklists, custom theme polish */
#dashboardReportModal .report-date-warning{display:none;margin-top:8px;border:1px dashed #f3c78a;background:#fffaf0;color:#9a5b10;padding:8px 10px;font-size:11px;line-height:1.35;font-weight:400!important;}
#dashboardReportModal .report-date-warning.show{display:block;}
#dashboardReportModal .report-date-display b,#dashboardReportModal .report-date-display small,#dashboardReportModal .report-date-warning,#dashboardReportModal .report-day,#dashboardReportModal .report-date-panel button,#dashboardReportModal .report-date-panel strong{font-weight:400!important;}

.settings-page .checklist-group-toolbar{align-items:center!important;}
.settings-page .checklist-group-toolbar small{display:block;margin-top:3px;color:#8792a2;font-size:11px;font-weight:400!important;}
.settings-page .checklist-group-list{display:grid!important;gap:12px!important;}
.settings-page .checklist-operation-card{border:1px dashed #d8e0ea!important;background:#fff!important;padding:12px!important;box-shadow:none!important;}
.settings-page .checklist-operation-head{display:grid!important;grid-template-columns:minmax(260px,1fr) auto!important;gap:10px!important;align-items:end!important;margin-bottom:10px!important;padding-bottom:10px!important;border-bottom:1px dashed #e2e8f0!important;}
.settings-page .checklist-operation-head .field label,.settings-page .checklist-item-row .field label{font-size:10px!important;color:#8792a2!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;}
.settings-page .checklist-operation-head input{height:40px!important;border:1px dashed #d8e0ea!important;background:#fbfcfe!important;color:#344054!important;font-size:13px!important;font-weight:400!important;}
.settings-page .checklist-operation-head .btn{height:40px!important;font-weight:400!important;}
.settings-page .checklist-item-list{display:grid!important;gap:8px!important;}
.settings-page .checklist-item-row.admin-edit-row,.settings-page .checklist-admin-row.admin-edit-row.checklist-item-row{grid-template-columns:minmax(260px,1fr) 72px 92px 78px 70px!important;align-items:end!important;padding:10px 10px 10px 42px!important;border:1px dashed #e0e6ef!important;background:#fbfcfe!important;margin:0!important;}
.settings-page .checklist-item-row input,.settings-page .checklist-item-row select{height:38px!important;min-height:38px!important;font-size:12px!important;font-weight:400!important;}
.settings-page .checklist-item-row .main-field input{background:#fff!important;border:1px dashed #d8e0ea!important;}
.settings-page .checklist-item-row .order-field input{text-align:center!important;background:#fff!important;border:1px dashed #d8e0ea!important;}
.settings-page .checklist-item-row .admin-toggle.choice-pill,.settings-page .checklist-item-row .btn.small{height:38px!important;min-height:38px!important;font-weight:400!important;}
.settings-page .checklist-item-row.is-deleting{opacity:.52!important;background:#f8fafc!important;}
.settings-page .checklist-item-row.is-deleting input[name="check_title[]"]{text-decoration:line-through!important;color:#98a2b3!important;}
.settings-page .checklist-operation-card.is-empty .checklist-item-list:after{content:"Bu operasyon için madde yok. + Madde ekle ile başlayın.";display:block;border:1px dashed #e2e8f0;background:#fbfcfe;color:#98a2b3;font-size:12px;padding:12px;font-weight:400!important;}

.settings-page .theme-color-section .muted{font-size:12px;margin:4px 0 12px;color:#8792a2;font-weight:400!important;}
.settings-page .pro-theme-swatches{gap:12px!important;align-items:center!important;}
.settings-page .pro-theme-swatches .theme-swatch{width:46px!important;height:46px!important;border-radius:14px!important;border:1px dashed #cbd5e1!important;box-shadow:none!important;display:inline-grid!important;place-items:center!important;position:relative!important;overflow:hidden!important;background:var(--custom-color,#111827);}
.settings-page .pro-theme-swatches .theme-swatch:has(input:checked){outline:2px solid #344054!important;outline-offset:3px!important;box-shadow:none!important;}
.settings-page .custom-theme-swatch{width:78px!important;background:linear-gradient(135deg,var(--custom-color,#111827) 0 46%,#fff 46% 54%,var(--custom-color,#111827) 54% 100%)!important;}
.settings-page .custom-theme-swatch span{position:relative;z-index:2;background:rgba(255,255,255,.92);border:1px dashed rgba(15,23,42,.18);padding:5px 7px;color:#344054;font-size:11px;font-weight:400!important;}
.settings-page .custom-theme-swatch input[type="color"]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;}

@media(max-width:760px){
  .settings-page .checklist-operation-head{grid-template-columns:1fr!important;}
  .settings-page .checklist-item-row.admin-edit-row,.settings-page .checklist-admin-row.admin-edit-row.checklist-item-row{grid-template-columns:1fr!important;padding-left:10px!important;}
}

/* v6.8.1 custom theme color picker click fix */
.settings-page .custom-theme-swatch{cursor:pointer!important;}
.settings-page .custom-theme-swatch span{pointer-events:none!important;}
.settings-page .custom-theme-swatch input[type="color"]{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;z-index:5!important;pointer-events:auto!important;-webkit-appearance:none!important;appearance:none!important;}
.settings-page .custom-theme-swatch input[data-theme-custom-radio]{display:none!important;}

/* v6.9 grouped catalog + tracking polish */
.settings-page .catalog-group-modal .modal-head h2,
.settings-page .catalog-group-modal .modal-section h3,
.settings-page .catalog-group-modal strong{font-weight:500!important;color:#344054!important;}
.settings-page .catalog-group-layout{align-items:start!important;}
.settings-page .catalog-group-section{background:#fbfcfe!important;border:1px dashed #d8e0ea!important;}
.settings-page .catalog-group-section .admin-section-head small{display:block;margin-top:3px;color:#8a96a8;font-size:11px;font-weight:400!important;}
.settings-page .catalog-group-list{display:grid!important;gap:12px!important;}
.settings-page .catalog-group-card{border:1px dashed #d8e0ea!important;background:#fff!important;padding:12px!important;box-shadow:none!important;}
.settings-page .catalog-group-head{display:grid!important;grid-template-columns:minmax(230px,1fr) auto!important;gap:10px!important;align-items:end!important;margin-bottom:10px!important;padding-bottom:10px!important;border-bottom:1px dashed #e2e8f0!important;}
.settings-page .catalog-group-title label,.settings-page .catalog-item-row .field label{font-size:10px!important;color:#8a96a8!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;}
.settings-page .catalog-group-title input{height:40px!important;border:1px dashed #d8e0ea!important;background:#fbfcfe!important;color:#344054!important;font-size:13px!important;font-weight:400!important;}
.settings-page .catalog-group-head .btn{height:40px!important;font-weight:400!important;}
.settings-page .catalog-item-list{display:grid!important;gap:8px!important;}
.settings-page .catalog-item-row.admin-edit-row{grid-template-columns:minmax(230px,1fr) 72px 92px 70px!important;align-items:end!important;padding:10px 10px 10px 38px!important;border:1px dashed #e0e6ef!important;background:#fbfcfe!important;margin:0!important;}
.settings-page .catalog-item-row input{height:38px!important;min-height:38px!important;font-size:12px!important;font-weight:400!important;}
.settings-page .catalog-item-row .main-field input,
.settings-page .catalog-item-row .order-field input{background:#fff!important;border:1px dashed #d8e0ea!important;}
.settings-page .catalog-item-row .order-field input{text-align:center!important;}
.settings-page .catalog-item-row .admin-toggle.choice-pill,
.settings-page .catalog-item-row .btn.small{height:38px!important;min-height:38px!important;font-weight:400!important;}
.settings-page .catalog-item-row.is-deleting{opacity:.52!important;background:#f8fafc!important;}
.settings-page .catalog-item-row.is-deleting input[name$="_label[]"]{text-decoration:line-through!important;color:#98a2b3!important;}
.settings-page .catalog-group-card.is-empty .catalog-item-list:after{content:"Bu grup için seçenek yok. + Seçenek ekle ile başlayın.";display:block;border:1px dashed #e2e8f0;background:#fbfcfe;color:#98a2b3;font-size:12px;padding:12px;font-weight:400!important;}
.grouped-intake-options{align-items:start!important;}
.catalog-choice-groups{display:grid;gap:10px;}
.catalog-choice-group{border:1px dashed #dbe3ec;background:#fbfcfe;padding:10px;}
.catalog-choice-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px dashed #e5ebf2;}
.catalog-choice-title span{font-size:12px;color:#344054;font-weight:500;}
.catalog-choice-title em{font-style:normal;font-size:10.5px;color:#98a2b3;font-weight:400;}
.catalog-choice-group .choice-grid{gap:7px!important;}
.catalog-choice-group .choice-pill span{font-weight:400!important;color:#475467!important;}

body.track-body-ultra,body:has(.track-ultra){background:radial-gradient(circle at 12% -8%,rgba(69,195,255,.18),transparent 32%),radial-gradient(circle at 100% 4%,rgba(246,189,24,.12),transparent 30%),linear-gradient(180deg,#081326 0%,#07101f 58%,#050914 100%)!important;color:#e5ecf6!important;}
.track-ultra.public-shell{padding:clamp(12px,2vw,24px)!important;background:transparent!important;}
.track-ultra .public-header{border:1px solid rgba(255,255,255,.12)!important;background:linear-gradient(135deg,rgba(18,31,53,.94),rgba(9,16,29,.96))!important;color:#f8fafc!important;border-radius:28px!important;box-shadow:0 28px 80px rgba(0,0,0,.34)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);}
.track-ultra .public-header:before{content:"";position:absolute;right:2%;top:-28%;width:380px;height:380px;background:radial-gradient(circle,rgba(246,189,24,.2),transparent 68%);pointer-events:none;}
.track-ultra .public-header{position:relative;overflow:hidden;}
.track-ultra .public-header h1{color:#f8fafc!important;font-weight:500!important;letter-spacing:-.055em!important;font-size:clamp(28px,4vw,48px)!important;}
.track-ultra .public-header p,.track-ultra .muted{color:#9aa9bf!important;font-weight:400!important;}
.track-ultra .public-pill{border:1px dashed rgba(255,255,255,.18)!important;background:rgba(255,255,255,.08)!important;color:#f4d173!important;font-weight:400!important;}
.track-hero-panel{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:12px!important;align-items:center!important;border:1px dashed rgba(255,255,255,.14)!important;background:rgba(255,255,255,.06)!important;border-radius:22px!important;box-shadow:none!important;}
.track-logo-preview{grid-column:1/-1;margin:0!important;justify-self:start;background:#fff;border-radius:14px;padding:6px;}
.track-progress-orb{--p:calc(var(--track-progress,0)*1%);width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#f6bd18 var(--p),rgba(255,255,255,.1) 0);position:relative;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);}
.track-progress-orb:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#0b1426;border:1px solid rgba(255,255,255,.08);}
.track-progress-orb span,.track-progress-orb small{position:relative;z-index:1;display:block;text-align:center;line-height:1;}
.track-progress-orb span{color:#fff;font-size:22px;font-weight:500!important;letter-spacing:-.04em;}
.track-progress-orb small{margin-top:-16px;color:#9aa9bf;font-size:10px;font-weight:400!important;}
.track-info-list{display:grid!important;gap:7px!important;}
.track-info-list .row{border:1px dashed rgba(255,255,255,.12)!important;background:rgba(255,255,255,.055)!important;border-radius:14px!important;color:#fff!important;padding:9px 10px!important;}
.track-info-list .row span{color:#9aa9bf!important;font-weight:400!important;font-size:10.5px!important;}
.track-info-list .row strong{color:#eef4ff!important;font-weight:500!important;font-size:12px!important;}
.track-hero-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:2px;}
.track-hero-actions .btn{min-height:42px!important;border-radius:14px!important;font-weight:500!important;}
.track-modern-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0;padding:0;}
.track-modern-strip>div{border:1px dashed rgba(255,255,255,.14);background:rgba(255,255,255,.07);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:18px;padding:13px;min-width:0;}
.track-modern-strip span{display:block;color:#9aa9bf;font-size:10.5px;font-weight:400!important;}
.track-modern-strip strong{display:block;margin-top:5px;color:#f8fafc;font-size:16px;font-weight:500!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.track-ultra .public-grid{padding:0!important;gap:14px!important;}
.track-ultra .public-card{border:1px solid rgba(255,255,255,.11)!important;background:linear-gradient(180deg,rgba(20,34,55,.88),rgba(9,16,29,.92))!important;color:#e5ecf6!important;border-radius:24px!important;box-shadow:0 24px 70px rgba(0,0,0,.28)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.track-ultra .public-card h2,.track-ultra .public-card h3,.track-ultra .public-card strong{color:#f4f7fb!important;font-weight:500!important;}
.track-ultra .track-card-head{border-bottom-color:rgba(255,255,255,.12)!important;}
.track-ultra .track-card-head h2{font-weight:500!important;color:#f8fafc!important;}
.track-ultra .track-progress-row{border:1px dashed rgba(255,255,255,.14)!important;background:rgba(255,255,255,.06)!important;border-radius:16px!important;}
.track-ultra .track-progress-row .progress{background:rgba(255,255,255,.1)!important;border-radius:999px!important;overflow:hidden!important;}
.track-ultra .track-progress-row .progress span{background:linear-gradient(90deg,#f6bd18,#45c3ff)!important;border-radius:999px!important;}
.track-ultra .track-progress-row strong{color:#f8fafc!important;font-weight:500!important;}
.track-ultra .track-step-card{border:1px dashed rgba(255,255,255,.13)!important;background:rgba(255,255,255,.055)!important;border-radius:18px!important;box-shadow:none!important;}
.track-ultra .track-step-card.done{background:rgba(21,193,132,.12)!important;border-color:rgba(94,230,168,.42)!important;box-shadow:inset 3px 0 0 #15c184!important;}
.track-ultra .track-step-card.pending{background:rgba(255,255,255,.04)!important;opacity:.55!important;filter:none!important;}
.track-ultra .track-step-icon{border:1px dashed rgba(255,255,255,.16)!important;background:rgba(255,255,255,.07)!important;color:#c5d2e5!important;border-radius:13px!important;}
.track-ultra .track-step-card.done .track-step-icon{background:rgba(21,193,132,.14)!important;color:#8df0c4!important;border-color:rgba(94,230,168,.38)!important;}
.track-ultra .track-step-copy strong{color:#f8fafc!important;font-weight:500!important;}
.track-ultra .track-step-copy small,.track-ultra .track-step-copy em{color:#9aa9bf!important;font-weight:400!important;}
.track-ultra .track-step-state{border:1px dashed rgba(255,255,255,.13)!important;background:rgba(255,255,255,.06)!important;color:#c5d2e5!important;border-radius:999px!important;font-weight:400!important;}
.track-ultra .track-step-card.done .track-step-state{background:rgba(21,193,132,.14)!important;color:#8df0c4!important;border-color:rgba(94,230,168,.38)!important;}
.track-ultra .tracking-summary-grid>div,
.track-ultra .track-mini-block,
.track-ultra .track-signature-card,
.track-ultra .contract-box,
.track-ultra .zone-item,
.track-ultra .media-card,
.track-ultra .tracking-control-item{border:1px dashed rgba(255,255,255,.13)!important;background:rgba(255,255,255,.055)!important;color:#e5ecf6!important;border-radius:16px!important;}
.track-ultra .tracking-summary-grid span,.track-ultra .track-signature-card span,.track-ultra .contract-box,.track-ultra .zone-item small{color:#9aa9bf!important;font-weight:400!important;}
.track-ultra .track-pill-row span{border:1px dashed rgba(255,255,255,.15)!important;background:rgba(255,255,255,.07)!important;color:#eef4ff!important;border-radius:999px!important;font-weight:400!important;}
.track-ultra .btn{border-radius:16px!important;font-weight:500!important;}
body.track-body-ultra .tracking-whatsapp-bubble,.track-ultra .tracking-whatsapp-bubble{border:1px solid rgba(255,255,255,.14)!important;background:rgba(21,193,132,.94)!important;box-shadow:0 18px 46px rgba(0,0,0,.34)!important;}
.track-ultra table{color:#e5ecf6!important;}
.track-ultra th,.track-ultra td{border-color:rgba(255,255,255,.12)!important;}
.track-ultra th{background:rgba(255,255,255,.06)!important;color:#c5d2e5!important;font-weight:500!important;}
@media(max-width:1180px){.settings-page .catalog-item-row.admin-edit-row{grid-template-columns:1fr 72px 92px 70px!important}.track-modern-strip{grid-template-columns:repeat(2,minmax(0,1fr));}.track-hero-panel{grid-template-columns:92px minmax(0,1fr)!important;}}
@media(max-width:760px){.settings-page .catalog-group-head{grid-template-columns:1fr!important}.settings-page .catalog-item-row.admin-edit-row{grid-template-columns:1fr!important;padding-left:10px!important}.track-modern-strip{grid-template-columns:1fr;}.track-hero-panel{grid-template-columns:1fr!important}.track-progress-orb{justify-self:center}.track-hero-actions{grid-template-columns:1fr}.track-ultra.public-shell{padding:10px!important}.track-ultra .public-header{border-radius:22px!important}.track-ultra .public-card{border-radius:20px!important}.track-ultra .public-grid,.track-ultra .grid.cols-2,.track-ultra>.public-card{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}}

/* v6.10 dashboard command hero + instant mail mode UI */
.dashboard-command-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(360px,520px)!important;
  gap:22px!important;
  align-items:stretch!important;
  border:1px dashed #d6dee8!important;
  background:linear-gradient(135deg,#ffffff 0%,#fbfcff 58%,#f8fafc 100%)!important;
  box-shadow:0 18px 48px rgba(15,23,42,.065)!important;
  padding:24px!important;
  overflow:hidden!important;
  position:relative!important;
}
.dashboard-command-hero:before{
  content:"";position:absolute;right:-120px;top:-120px;width:280px;height:280px;border-radius:50%;
  background:radial-gradient(circle, color-mix(in srgb, var(--accent,#111827) 14%, transparent), transparent 67%);
  pointer-events:none;
}
.dashboard-command-copy{position:relative;z-index:1;display:grid!important;align-content:center!important;gap:10px!important;min-height:176px!important;}
.dashboard-command-pill{width:max-content!important;font-weight:400!important;letter-spacing:.02em!important;border-radius:999px!important;padding:8px 12px!important;}
.dashboard-command-copy h2{margin:0!important;font-size:clamp(30px,3.2vw,48px)!important;line-height:.98!important;font-weight:500!important;letter-spacing:-.06em!important;color:#273041!important;}
.dashboard-command-copy p{margin:0!important;max-width:640px!important;color:#667085!important;font-size:14px!important;line-height:1.65!important;font-weight:400!important;}
.dashboard-command-actions{position:relative;z-index:1;display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;align-content:stretch!important;}
.dashboard-command-btn{appearance:none;border:1px dashed #d6dee8!important;background:#fff!important;color:#273041!important;text-decoration:none!important;min-height:84px!important;padding:15px!important;display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;text-align:left!important;cursor:pointer!important;box-shadow:0 12px 28px rgba(15,23,42,.045)!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;font:inherit!important;}
.dashboard-command-btn:hover{transform:translateY(-2px)!important;box-shadow:0 18px 38px rgba(15,23,42,.075)!important;border-color:#b9c5d3!important;}
.dashboard-command-btn strong{display:block!important;font-size:15px!important;font-weight:500!important;color:#273041!important;line-height:1.15!important;letter-spacing:-.025em!important;}
.dashboard-command-btn em{display:block!important;margin-top:5px!important;font-style:normal!important;color:#8a94a6!important;font-size:12px!important;font-weight:400!important;line-height:1.25!important;}
.dashboard-command-icon{width:46px!important;height:46px!important;display:grid!important;place-items:center!important;border:1px dashed #dbe3ec!important;background:#f7f9fc!important;color:var(--accent,#111827)!important;position:relative!important;}
.dashboard-command-icon svg{width:22px!important;height:22px!important;}
.dashboard-command-primary{background:linear-gradient(135deg,var(--accent,#111827),#293344)!important;border-color:color-mix(in srgb, var(--accent,#111827) 62%, #d6dee8)!important;color:#fff!important;}
.dashboard-command-primary strong,.dashboard-command-primary em{color:#fff!important;}
.dashboard-command-primary em{opacity:.74!important;}
.dashboard-command-primary .dashboard-command-icon{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.24)!important;color:#fff!important;}
.dashboard-command-btn .live-dot{position:absolute!important;right:8px!important;top:8px!important;margin:0!important;width:8px!important;height:8px!important;}
.mail-driver-section select[name="mail_driver"]{font-weight:400!important;}
.mail-driver-section .field-note{font-weight:400!important;color:#7a8494!important;}
@media(max-width:1040px){.dashboard-command-hero{grid-template-columns:1fr!important}.dashboard-command-copy{min-height:auto!important}.dashboard-command-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.dashboard-command-hero{padding:16px!important}.dashboard-command-actions{grid-template-columns:1fr!important}.dashboard-command-btn{min-height:76px!important}.dashboard-command-copy h2{font-size:31px!important}}

/* v6.11 premium mail companion: Apple-light tracking + polished dashboard command area */
.dashboard-command-hero{
  grid-template-columns:minmax(320px,.82fr) minmax(560px,1.18fr)!important;
  gap:18px!important;
  align-items:stretch!important;
  padding:22px!important;
  border-radius:30px!important;
  border:1px dashed #d9e1eb!important;
  background:
    radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--accent,#111827) 8%, transparent), transparent 34%),
    linear-gradient(135deg,#ffffff 0%,#fbfcff 50%,#f4f7fb 100%)!important;
  box-shadow:0 22px 60px rgba(15,23,42,.075)!important;
}
.dashboard-command-copy{
  min-height:206px!important;
  padding:6px 8px 6px 2px!important;
  gap:12px!important;
}
.dashboard-command-pill{
  border:1px dashed #d7dee8!important;
  background:#fff!important;
  color:#667085!important;
  font-size:12px!important;
  font-weight:400!important;
  box-shadow:0 10px 22px rgba(15,23,42,.04)!important;
}
.dashboard-command-copy h2{
  font-size:clamp(34px,3.75vw,56px)!important;
  color:#222b3a!important;
  letter-spacing:-.075em!important;
  font-weight:500!important;
}
.dashboard-command-copy p{
  max-width:560px!important;
  color:#707b8f!important;
  font-size:15px!important;
  line-height:1.72!important;
}
.dashboard-command-actions{
  height:100%!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:1fr!important;
  gap:14px!important;
  align-content:stretch!important;
  align-items:stretch!important;
}
.dashboard-command-btn{
  width:100%!important;
  min-height:104px!important;
  border-radius:24px!important;
  padding:18px!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:15px!important;
  border:1px dashed #d5deea!important;
  background:linear-gradient(180deg,#ffffff,#fbfcfe)!important;
  box-shadow:0 14px 34px rgba(15,23,42,.055)!important;
}
.dashboard-command-btn:hover{
  transform:translateY(-3px)!important;
  border-color:#bec9d7!important;
  box-shadow:0 24px 48px rgba(15,23,42,.095)!important;
}
.dashboard-command-icon{
  width:58px!important;
  height:58px!important;
  border-radius:20px!important;
  background:#f5f7fb!important;
  border:1px dashed #d8e0eb!important;
}
.dashboard-command-icon svg{width:25px!important;height:25px!important;}
.dashboard-command-btn strong{
  font-size:17px!important;
  color:#273041!important;
  font-weight:500!important;
  letter-spacing:-.035em!important;
}
.dashboard-command-btn em{
  margin-top:7px!important;
  font-size:12.5px!important;
  color:#7d889b!important;
  font-weight:400!important;
}
.dashboard-command-primary{
  background:linear-gradient(135deg,var(--accent,#111827),#1f2937)!important;
  border-color:color-mix(in srgb, var(--accent,#111827) 54%, #d5deea)!important;
  box-shadow:0 22px 50px color-mix(in srgb, var(--accent,#111827) 22%, transparent)!important;
}
.dashboard-command-primary strong,.dashboard-command-primary em{color:#fff!important;}
.dashboard-command-live-btn,.dashboard-live-btn{position:relative!important;}
@media(max-width:1180px){
  .dashboard-command-hero{grid-template-columns:1fr!important;}
  .dashboard-command-copy{min-height:auto!important;}
  .dashboard-command-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:680px){
  .dashboard-command-hero{padding:16px!important;border-radius:24px!important;}
  .dashboard-command-actions{grid-template-columns:1fr!important;gap:10px!important;}
  .dashboard-command-btn{min-height:88px!important;border-radius:20px!important;grid-template-columns:52px minmax(0,1fr)!important;padding:15px!important;}
  .dashboard-command-icon{width:52px!important;height:52px!important;border-radius:18px!important;}
  .dashboard-command-copy h2{font-size:34px!important;}
}

.otp-modern-shell{
  min-height:100svh!important;
  display:grid!important;
  place-items:center!important;
  padding:24px 14px!important;
  background:
    radial-gradient(circle at 10% 0%,rgba(59,130,246,.11),transparent 34%),
    radial-gradient(circle at 95% 8%,rgba(17,24,39,.08),transparent 30%),
    linear-gradient(180deg,#ffffff 0%,#f7f8fb 48%,#f2f4f7 100%)!important;
}
.otp-modern-card{
  width:min(520px,100%)!important;
  border-radius:34px!important;
  border:1px solid rgba(226,232,240,.95)!important;
  background:rgba(255,255,255,.92)!important;
  color:#111827!important;
  padding:28px!important;
  box-shadow:0 28px 80px rgba(15,23,42,.12)!important;
  backdrop-filter:blur(22px)!important;
  -webkit-backdrop-filter:blur(22px)!important;
}
.otp-modern-card .public-pill{
  border:1px dashed #d7dee8!important;
  background:#f8fafc!important;
  color:#667085!important;
  font-weight:400!important;
  border-radius:999px!important;
}
.otp-modern-card h1{
  margin-top:14px!important;
  color:#1f2937!important;
  font-size:clamp(30px,6vw,44px)!important;
  letter-spacing:-.075em!important;
  line-height:1!important;
  font-weight:500!important;
}
.otp-modern-card .muted,
.otp-modern-card p{
  color:#6b7280!important;
  font-weight:400!important;
  line-height:1.7!important;
}
.otp-lock-badge{
  width:72px!important;
  height:72px!important;
  border-radius:26px!important;
  color:#111827!important;
  background:linear-gradient(180deg,#fff,#f5f7fb)!important;
  border:1px dashed #d9e1eb!important;
  box-shadow:0 16px 34px rgba(15,23,42,.08)!important;
}
.otp-lock-badge svg{width:34px!important;height:34px!important;}
.otp-timer-card{
  border:1px dashed #d8e0eb!important;
  background:#f8fafc!important;
  border-radius:24px!important;
  padding:16px!important;
  color:#1f2937!important;
}
.otp-timer-card span{color:#7b8495!important;font-weight:400!important;}
.otp-timer-card strong{color:#111827!important;font-weight:500!important;letter-spacing:-.03em!important;}
.otp-timer-card small{color:#8a94a6!important;font-weight:400!important;}
.otp-progress{background:#e8edf4!important;border-radius:999px!important;overflow:hidden!important;}
.otp-progress i{background:linear-gradient(90deg,var(--accent,#111827),#64748b)!important;border-radius:999px!important;}
.otp-send-form,.otp-verify-form{margin-top:14px!important;}
.otp-code-field label{color:#6b7280!important;font-weight:400!important;}
.otp-code-field input{
  height:66px!important;
  border-radius:22px!important;
  border:1px solid #dbe3ec!important;
  background:#fff!important;
  color:#111827!important;
  text-align:center!important;
  font-size:30px!important;
  letter-spacing:.28em!important;
  font-weight:500!important;
  box-shadow:inset 0 1px 0 rgba(15,23,42,.03)!important;
}
.otp-open-btn,.otp-send-btn{
  min-height:58px!important;
  border-radius:20px!important;
  font-weight:500!important;
  box-shadow:0 16px 34px rgba(15,23,42,.10)!important;
}
.otp-send-btn{background:#fff!important;border:1px dashed #d8e0eb!important;color:#273041!important;box-shadow:none!important;}
@media(max-width:520px){.otp-modern-card{padding:22px!important;border-radius:28px!important}.otp-code-field input{height:62px!important;font-size:27px!important}.otp-lock-badge{width:64px!important;height:64px!important;border-radius:23px!important}}

body.track-body-ultra{
  background:
    radial-gradient(circle at 10% -8%,rgba(59,130,246,.10),transparent 32%),
    radial-gradient(circle at 100% 0%,rgba(17,24,39,.06),transparent 30%),
    linear-gradient(180deg,#ffffff 0%,#f7f8fb 45%,#f1f3f6 100%)!important;
  color:#111827!important;
}
.track-ultra.public-shell,
.public-shell.track-ultra{
  width:min(1180px,100%)!important;
  padding:18px 14px 96px!important;
  background:transparent!important;
}
.track-ultra .public-header{
  border-radius:34px!important;
  border:1px solid rgba(226,232,240,.98)!important;
  background:rgba(255,255,255,.90)!important;
  color:#111827!important;
  box-shadow:0 26px 76px rgba(15,23,42,.105)!important;
  backdrop-filter:blur(22px)!important;
  -webkit-backdrop-filter:blur(22px)!important;
  padding:24px!important;
}
.track-ultra .public-header h1{
  color:#1f2937!important;
  font-weight:500!important;
  letter-spacing:-.065em!important;
}
.track-ultra .public-header p,
.track-ultra .public-header .muted{
  color:#6b7280!important;
  font-weight:400!important;
}
.track-ultra .public-pill,
.track-ultra .pill{
  border:1px dashed #d8e0eb!important;
  background:#f8fafc!important;
  color:#657186!important;
  font-weight:400!important;
}
.track-hero-panel{
  border:1px dashed #d8e0eb!important;
  background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
  color:#111827!important;
  border-radius:28px!important;
  box-shadow:0 14px 36px rgba(15,23,42,.06)!important;
  padding:16px!important;
}
.track-progress-orb{
  border:1px solid #e3e9f1!important;
  background:conic-gradient(var(--accent,#111827) calc(var(--track-progress)*1%),#eef2f7 0)!important;
  box-shadow:0 18px 42px rgba(15,23,42,.09)!important;
}
.track-progress-orb:before{background:#fff!important;}
.track-progress-orb span{color:#111827!important;font-weight:500!important;}
.track-progress-orb small{color:#7b8495!important;font-weight:400!important;}
.track-info-list .row{border-color:#e8edf4!important;}
.track-info-list .row span{color:#7b8495!important;font-weight:400!important;}
.track-info-list .row strong{color:#111827!important;font-weight:500!important;}
.track-hero-actions{gap:10px!important;}
.track-hero-actions .btn{
  min-height:50px!important;
  border-radius:18px!important;
  font-weight:500!important;
}
.track-hero-actions .btn.secondary{background:#fff!important;border:1px dashed #d8e0eb!important;color:#273041!important;}
.track-modern-strip{gap:12px!important;margin:16px 0!important;}
.track-modern-strip>div{
  border:1px dashed #d8e0eb!important;
  background:rgba(255,255,255,.88)!important;
  border-radius:22px!important;
  box-shadow:0 12px 30px rgba(15,23,42,.055)!important;
  padding:16px!important;
}
.track-modern-strip span{color:#7b8495!important;font-weight:400!important;}
.track-modern-strip strong{color:#111827!important;font-weight:500!important;}
.track-ultra .public-card{
  border:1px solid rgba(226,232,240,.98)!important;
  background:rgba(255,255,255,.92)!important;
  color:#111827!important;
  border-radius:28px!important;
  box-shadow:0 18px 52px rgba(15,23,42,.075)!important;
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
}
.track-ultra .public-card h2,
.track-ultra .public-card h3,
.track-ultra .public-card strong,
.track-ultra .track-card-head h2{
  color:#1f2937!important;
  font-weight:500!important;
}
.track-ultra .track-card-head p,
.track-ultra .public-card p,
.track-ultra .public-card small,
.track-ultra .muted{
  color:#6b7280!important;
  font-weight:400!important;
}
.track-ultra .track-progress-row{
  border:1px dashed #d8e0eb!important;
  background:#f8fafc!important;
  border-radius:18px!important;
}
.track-ultra .track-progress-row .progress{background:#e8edf4!important;}
.track-ultra .track-progress-row .progress span{background:linear-gradient(90deg,var(--accent,#111827),#64748b)!important;}
.track-ultra .track-progress-row strong{color:#111827!important;font-weight:500!important;}
.track-ultra .track-step-card{
  border:1px dashed #d8e0eb!important;
  background:#fff!important;
  border-radius:22px!important;
  color:#111827!important;
  box-shadow:0 10px 24px rgba(15,23,42,.04)!important;
}
.track-ultra .track-step-card.done{
  background:linear-gradient(180deg,#f0fdf4,#ffffff)!important;
  border-color:#bbf7d0!important;
  box-shadow:inset 3px 0 0 #22c55e,0 10px 24px rgba(15,23,42,.04)!important;
}
.track-ultra .track-step-card.pending{background:#f8fafc!important;opacity:1!important;}
.track-ultra .track-step-icon{background:#f8fafc!important;border:1px dashed #d8e0eb!important;color:#657186!important;}
.track-ultra .track-step-card.done .track-step-icon{background:#dcfce7!important;color:#15803d!important;border-color:#bbf7d0!important;}
.track-ultra .track-step-copy strong{color:#1f2937!important;font-weight:500!important;}
.track-ultra .track-step-copy small,.track-ultra .track-step-copy em{color:#6b7280!important;font-weight:400!important;}
.track-ultra .track-step-state{background:#f8fafc!important;border:1px dashed #d8e0eb!important;color:#657186!important;font-weight:400!important;}
.track-ultra .track-step-card.done .track-step-state{background:#dcfce7!important;color:#15803d!important;border-color:#bbf7d0!important;}
.track-ultra .tracking-summary-grid>div,
.track-ultra .track-mini-block,
.track-ultra .track-signature-card,
.track-ultra .contract-box,
.track-ultra .zone-item,
.track-ultra .media-card,
.track-ultra .tracking-control-item{
  border:1px dashed #d8e0eb!important;
  background:#ffffff!important;
  color:#111827!important;
  border-radius:20px!important;
  box-shadow:0 10px 24px rgba(15,23,42,.04)!important;
}
.track-ultra .tracking-summary-grid span,
.track-ultra .track-signature-card span,
.track-ultra .contract-box,
.track-ultra .zone-item small{color:#7b8495!important;font-weight:400!important;}
.track-ultra .track-pill-row span{background:#f8fafc!important;border:1px dashed #d8e0eb!important;color:#273041!important;font-weight:400!important;}
.track-ultra .btn{border-radius:18px!important;font-weight:500!important;}
body.track-body-ultra .tracking-whatsapp-bubble,
.track-ultra .tracking-whatsapp-bubble{background:#25d366!important;border:1px solid rgba(34,197,94,.28)!important;box-shadow:0 18px 46px rgba(21,128,61,.22)!important;}
.track-ultra table{color:#111827!important;}
.track-ultra th,.track-ultra td{border-color:#e8edf4!important;}
.track-ultra th{background:#f8fafc!important;color:#657186!important;font-weight:500!important;}
@media(max-width:900px){
  .track-ultra .public-header{grid-template-columns:1fr!important;border-radius:28px!important;padding:18px!important;}
  .track-hero-panel{grid-template-columns:1fr!important;}
  .track-modern-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:620px){
  .track-ultra.public-shell,.public-shell.track-ultra{padding:10px 10px 92px!important;}
  .track-ultra .public-header{border-radius:24px!important;padding:16px!important;}
  .track-ultra .public-header h1{font-size:28px!important;}
  .track-modern-strip{grid-template-columns:1fr!important;}
  .track-ultra .public-card{border-radius:22px!important;}
  .track-hero-actions{grid-template-columns:1fr!important;}
}


/* v6.12 compact dashboard + clean tracking + grouped dealer applications */
.dashboard-command-hero{
  grid-template-columns:minmax(0,.82fr) minmax(420px,1fr)!important;
  padding:16px!important;
  gap:14px!important;
  border-radius:24px!important;
  min-height:0!important;
  align-items:center!important;
}
.dashboard-command-hero:before{width:190px!important;height:190px!important;right:-86px!important;top:-86px!important;opacity:.7!important;}
.dashboard-command-copy{min-height:104px!important;gap:6px!important;align-content:center!important;}
.dashboard-command-pill{padding:6px 10px!important;font-size:11px!important;}
.dashboard-command-copy h2{font-size:clamp(24px,2.2vw,34px)!important;letter-spacing:-.045em!important;line-height:1.05!important;}
.dashboard-command-copy p{font-size:13px!important;line-height:1.45!important;max-width:520px!important;}
.dashboard-command-actions{gap:10px!important;align-items:stretch!important;}
.dashboard-command-btn{min-height:68px!important;border-radius:18px!important;padding:11px 12px!important;grid-template-columns:42px minmax(0,1fr)!important;align-self:stretch!important;}
.dashboard-command-icon{width:42px!important;height:42px!important;border-radius:15px!important;}
.dashboard-command-btn strong{font-size:14px!important;}
.dashboard-command-btn em{font-size:11.5px!important;margin-top:3px!important;}
@media(max-width:980px){.dashboard-command-hero{grid-template-columns:1fr!important}.dashboard-command-copy{min-height:0!important}.dashboard-command-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.dashboard-command-hero{padding:14px!important;border-radius:22px!important}.dashboard-command-actions{grid-template-columns:1fr!important}.dashboard-command-btn{min-height:64px!important}.dashboard-command-copy h2{font-size:28px!important}}

body.track-clean-body{background:#f5f5f7!important;color:#1d1d1f!important;}
.track-clean.public-shell,.public-shell.track-clean{width:min(1180px,100%)!important;padding:14px 14px 86px!important;margin:0 auto!important;}
.track-clean-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,430px);gap:14px;align-items:stretch;background:linear-gradient(135deg,#fff 0%,#fbfbfd 100%);border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 55px rgba(15,23,42,.07);border-radius:28px;padding:16px;overflow:hidden;}
.track-clean-main{display:grid;align-content:center;gap:9px;min-width:0;padding:6px;}
.track-clean-main h1{margin:0!important;font-size:clamp(42px,8vw,72px)!important;line-height:.92!important;letter-spacing:-.08em!important;font-weight:500!important;color:#1d1d1f!important;}
.track-clean-main p{margin:0!important;color:#596171!important;font-size:16px!important;font-weight:400!important;}
.track-clean-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;}
.track-clean-meta span{border:1px dashed #d9dee7;background:#f8fafc;color:#475467;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:400;}
.track-clean-side{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;border:1px dashed #d9dee7;background:#fff;border-radius:22px;padding:12px;}
.track-clean-side .track-hero-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;}
.track-clean-side .track-logout-form{display:block;margin:0;}
.track-clean-side .track-logout-form .btn{width:100%;}
.track-clean .track-progress-orb{width:96px!important;height:96px!important;background:conic-gradient(var(--accent,#111827) calc(var(--track-progress)*1%),#eceff4 0)!important;box-shadow:none!important;}
.track-clean .track-progress-orb:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff!important;border:1px solid #eef1f6!important;}
.track-clean .track-progress-orb:after{display:none!important;}
.track-clean .track-progress-orb span{font-size:22px!important;color:#1d1d1f!important;font-weight:500!important;margin-top:0!important;}
.track-clean .track-progress-orb small{font-size:10px!important;color:#7a8292!important;font-weight:400!important;margin-top:4px!important;}
.track-clean-strip{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:12px 0!important;}
.track-clean-strip>div{background:#fff!important;border:1px dashed #d9dee7!important;border-radius:18px!important;padding:12px!important;box-shadow:0 8px 24px rgba(15,23,42,.045)!important;}
.track-clean-strip span{color:#7a8292!important;font-size:11px!important;font-weight:400!important;}
.track-clean-strip strong{color:#1d1d1f!important;font-size:16px!important;font-weight:500!important;}
.track-clean-strip .payment-due{border-color:rgba(245,158,11,.38)!important;background:#fffaf0!important;}
.track-payment-banner{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin:0 0 12px;background:linear-gradient(135deg,#111827,#303846);color:#fff;border-radius:22px;padding:14px 16px;box-shadow:0 20px 48px rgba(15,23,42,.16);}
.track-payment-banner span{display:block;opacity:.72;font-size:11px;font-weight:400;}
.track-payment-banner strong{display:block;margin-top:2px;color:#fff;font-size:22px;font-weight:500;}
.track-payment-banner small{display:block;margin-top:1px;color:rgba(255,255,255,.72);font-size:11px;}
.track-payment-banner .btn{background:#fff!important;color:#111827!important;border:0!important;min-height:44px!important;border-radius:16px!important;}
.track-clean .public-grid{grid-template-columns:minmax(0,1.16fr) minmax(320px,.84fr)!important;gap:12px!important;padding:0!important;}
.track-clean .grid.cols-2{gap:12px!important;}
.track-clean .public-card{background:#fff!important;border:1px solid rgba(15,23,42,.08)!important;border-radius:24px!important;box-shadow:0 14px 42px rgba(15,23,42,.06)!important;color:#1d1d1f!important;padding:16px!important;}
.track-clean .public-card h2,.track-clean .public-card h3,.track-clean .public-card strong,.track-clean .track-card-head h2{color:#1d1d1f!important;font-weight:500!important;letter-spacing:-.025em!important;}
.track-clean .track-card-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;border-bottom:1px dashed #e2e8f0!important;padding-bottom:12px!important;margin-bottom:12px!important;}
.track-clean .track-card-head p,.track-clean .public-card p,.track-clean .muted,.track-clean .public-card small{color:#6b7280!important;font-weight:400!important;line-height:1.45!important;}
.track-clean .track-progress-row{display:grid!important;grid-template-columns:1fr auto!important;gap:10px!important;align-items:center!important;background:#f8fafc!important;border:1px dashed #d9dee7!important;border-radius:16px!important;padding:10px!important;margin-bottom:12px!important;}
.track-clean .track-progress-row .progress{height:8px!important;background:#e9edf3!important;border-radius:999px!important;overflow:hidden!important;}
.track-clean .track-progress-row .progress span{background:linear-gradient(90deg,var(--accent,#111827),#667085)!important;border-radius:999px!important;}
.track-clean .track-step-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
.track-clean .track-step-card{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;border:1px dashed #d9dee7!important;background:#f8fafc!important;border-radius:18px!important;padding:11px!important;box-shadow:none!important;opacity:1!important;}
.track-clean .track-step-card.done{background:#f0fdf4!important;border-color:#bbf7d0!important;box-shadow:inset 3px 0 0 #22c55e!important;}
.track-clean .track-step-card.pending{background:#f8fafc!important;color:#7a8292!important;}
.track-clean .track-step-icon{width:44px!important;height:44px!important;border-radius:15px!important;border:1px dashed #d9dee7!important;background:#fff!important;color:#667085!important;display:grid!important;place-items:center!important;}
.track-clean .track-step-icon svg{width:22px!important;height:22px!important;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.track-clean .track-step-card.done .track-step-icon{background:#dcfce7!important;color:#15803d!important;border-color:#bbf7d0!important;}
.track-clean .track-step-copy strong{display:block!important;font-size:14px!important;color:#1d1d1f!important;font-weight:500!important;line-height:1.2!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.track-clean .track-step-copy small{display:block!important;font-size:11.5px!important;color:#7a8292!important;font-weight:400!important;line-height:1.25!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.track-clean .track-step-copy em{display:block!important;margin-top:3px!important;font-size:10.5px!important;color:#667085!important;font-style:normal!important;}
.track-clean .track-step-state{border:1px dashed #d9dee7!important;background:#fff!important;color:#667085!important;border-radius:999px!important;padding:6px 8px!important;font-size:11px!important;font-weight:400!important;}
.track-clean .track-step-card.done .track-step-state{background:#dcfce7!important;color:#15803d!important;border-color:#bbf7d0!important;}
.track-clean .tracking-summary-grid>div,.track-clean .track-mini-block,.track-clean .track-signature-card,.track-clean .contract-box,.track-clean .zone-item,.track-clean .media-card,.track-clean .tracking-control-item{background:#f8fafc!important;border:1px dashed #d9dee7!important;border-radius:16px!important;color:#1d1d1f!important;}
.track-clean .track-pill-row span{background:#fff!important;border:1px dashed #d9dee7!important;color:#273041!important;border-radius:999px!important;font-weight:400!important;}
.track-clean table{color:#1d1d1f!important;}
.track-clean th{background:#f8fafc!important;color:#667085!important;font-weight:500!important;}
.track-clean th,.track-clean td{border-color:#e5e7eb!important;}
.track-clean .tracking-whatsapp-bubble{background:#25d366!important;}
.track-clean .btn{font-weight:500!important;border-radius:16px!important;}
@media(max-width:980px){.track-clean-hero{grid-template-columns:1fr!important}.track-clean-side{grid-template-columns:auto 1fr!important}.track-clean .public-grid{grid-template-columns:1fr!important}.track-clean .track-step-grid{grid-template-columns:1fr!important}}
@media(max-width:620px){.track-clean.public-shell,.public-shell.track-clean{padding:10px 10px 86px!important}.track-clean-hero{border-radius:24px!important;padding:12px!important}.track-clean-main h1{font-size:44px!important}.track-clean-side{grid-template-columns:1fr!important}.track-clean .track-progress-orb{justify-self:center}.track-clean-side .track-hero-actions{grid-template-columns:1fr!important}.track-clean-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}.track-payment-banner{grid-template-columns:1fr!important}.track-clean .public-card{border-radius:20px!important;padding:13px!important}.track-clean .track-step-card{grid-template-columns:42px minmax(0,1fr)!important}.track-clean .track-step-state{grid-column:2/3;width:max-content}}

.application-grouped-list{display:grid!important;gap:14px!important;}
.application-status-group{border:1px dashed #d9dee7;background:#fff;border-radius:24px;padding:14px;box-shadow:0 12px 34px rgba(15,23,42,.05);}
.application-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}
.application-group-head h3{margin:7px 0 0;font-size:18px;font-weight:500;color:#273041;}
.application-group-head>strong{width:42px;height:42px;border-radius:15px;background:#f8fafc;border:1px dashed #d9dee7;display:grid;place-items:center;font-weight:500;color:#273041;}
.application-compact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.application-compact-card{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px dashed #d9dee7;background:#f8fafc;border-radius:18px;padding:12px;min-width:0;}
.application-compact-card h4{margin:0;color:#273041;font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.application-compact-card p{margin:5px 0 0;color:#667085;font-size:12px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.application-compact-card small{display:block;margin-top:5px;color:#98a2b3;font-size:11px;font-weight:400;}
.application-modal-panel{max-width:980px!important;}
.application-modal-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:14px;}
.application-modal-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.application-modal-info>div,.application-modal-form{border:1px dashed #d9dee7;background:#f8fafc;border-radius:16px;padding:12px;}
.application-modal-info span{display:block;color:#667085;font-size:11px;font-weight:400;margin-bottom:5px;}
.application-modal-info strong{display:block;color:#273041;font-size:14px;font-weight:500;word-break:break-word;}
.application-modal-note{grid-column:1/-1;}
.application-modal-note p{margin:0;color:#475467;font-size:13px;line-height:1.5;}
.application-modal-form{display:grid;align-content:start;gap:10px;}
.application-modal-form textarea{min-height:150px;}
@media(max-width:1040px){.application-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.application-modal-grid{grid-template-columns:1fr;}}
@media(max-width:640px){.application-compact-grid,.application-modal-info{grid-template-columns:1fr}.application-compact-card{grid-template-columns:1fr}.application-compact-card .btn{width:100%;}.application-status-group{border-radius:20px;padding:12px}}
.track-clean .track-step-rail{display:flex;gap:8px;overflow-x:auto;padding:2px 0 12px;margin-bottom:2px;scrollbar-width:thin;}
.track-clean .track-rail-item{min-width:92px;max-width:116px;display:grid;justify-items:center;gap:6px;position:relative;}
.track-clean .track-rail-item:not(:last-child):after{content:"";position:absolute;left:calc(50% + 24px);right:-50%;top:22px;border-top:1px dashed #d9dee7;z-index:0;}
.track-clean .track-rail-item span{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:#fff;border:1px dashed #d9dee7;color:#667085;position:relative;z-index:1;}
.track-clean .track-rail-item.done span{background:#dcfce7;border-color:#bbf7d0;color:#15803d;}
.track-clean .track-rail-item svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.track-clean .track-rail-item small{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#667085;font-size:10.5px;font-weight:400;}
.track-clean .track-rail-item.done small{color:#15803d;}


/* v6.13 sharp corporate UI + tracking fit + OTP one-time UX */
:root{--cg-sharp-radius:0px;--cg-dash:#d7dce5;--cg-soft-bg:#f7f7f4;--cg-ink:#1f2933;--cg-muted:#667085;}
body *:not(svg):not(path),
body *::before,
body *::after{border-radius:0!important;}
body .pill,
body .badge,
body .btn,
body input,
body select,
body textarea,
body .modal-panel,
body .card,
body .public-card,
body .metric-card,
body .pro-tile,
body .dashboard-command-hero,
body .dashboard-command-btn{border-radius:0!important;}

/* Dashboard üst komut alanı: alçak, net, soluk kutu, okunur yazı */
.dashboard-command-hero{
  grid-template-columns:minmax(260px,.74fr) minmax(520px,1.26fr)!important;
  align-items:stretch!important;
  padding:10px!important;
  gap:10px!important;
  min-height:0!important;
  background:#fff!important;
  border:1px dashed var(--cg-dash)!important;
  box-shadow:0 8px 24px rgba(15,23,42,.04)!important;
  overflow:visible!important;
}
.dashboard-command-hero:before{display:none!important;}
.dashboard-command-copy{
  min-height:76px!important;
  padding:10px 12px!important;
  display:grid!important;
  align-content:center!important;
  gap:4px!important;
  background:#fafafa!important;
  border:1px dashed #e3e7ee!important;
  color:var(--cg-ink)!important;
}
.dashboard-command-pill{
  justify-self:start!important;
  background:#f1f3f6!important;
  color:#4b5563!important;
  border:1px dashed #dfe4ec!important;
  padding:4px 8px!important;
  font-size:10.5px!important;
  letter-spacing:.04em!important;
  font-weight:500!important;
}
.dashboard-command-copy h2{font-size:clamp(21px,1.6vw,27px)!important;line-height:1.02!important;margin:0!important;color:#2f3742!important;font-weight:500!important;letter-spacing:-.025em!important;}
.dashboard-command-copy p{margin:0!important;font-size:12.5px!important;line-height:1.35!important;color:#6b7280!important;font-weight:400!important;max-width:520px!important;}
.dashboard-command-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;align-items:stretch!important;}
.dashboard-command-btn{
  min-height:76px!important;
  padding:10px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  background:#fbfcfd!important;
  color:#273041!important;
  border:1px dashed #dde3ec!important;
  box-shadow:none!important;
}
.dashboard-command-primary{background:#f8fafc!important;border-color:#cfd8e6!important;}
.dashboard-command-btn:hover{background:#f4f7fa!important;transform:none!important;}
.dashboard-command-icon{width:38px!important;height:38px!important;background:#eef2f6!important;color:#2f3742!important;border:1px dashed #d6dde7!important;box-shadow:none!important;}
.dashboard-command-icon svg{width:19px!important;height:19px!important;}
.dashboard-command-btn strong{display:block!important;color:#25303d!important;font-weight:500!important;font-size:13.5px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.dashboard-command-btn em{display:block!important;color:#7a8493!important;font-weight:400!important;font-style:normal!important;font-size:11px!important;line-height:1.2!important;margin-top:2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.dashboard-command-btn .live-dot{width:7px!important;height:7px!important;background:#22c55e!important;border-radius:0!important;}
@media(max-width:1140px){.dashboard-command-hero{grid-template-columns:1fr!important}.dashboard-command-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-command-copy{min-height:0!important}}
@media(max-width:620px){.dashboard-command-hero{padding:8px!important}.dashboard-command-actions{grid-template-columns:1fr!important}.dashboard-command-btn{min-height:62px!important}.dashboard-command-copy h2{font-size:23px!important}}

/* Tracking: full-fit, systematic, sharp, not cramped */
body.track-clean-body{background:#f6f6f3!important;color:var(--cg-ink)!important;}
.track-clean.public-shell,.public-shell.track-clean{
  width:100%!important;
  max-width:1320px!important;
  margin:0 auto!important;
  padding:clamp(12px,2vw,24px)!important;
  box-sizing:border-box!important;
}
.track-clean-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)!important;
  gap:14px!important;
  align-items:stretch!important;
  background:#ffffff!important;
  border:1px dashed var(--cg-dash)!important;
  box-shadow:none!important;
  padding:14px!important;
  overflow:visible!important;
}
.track-clean-main{
  min-width:0!important;
  background:#fafafa!important;
  border:1px dashed #e2e6ee!important;
  padding:18px!important;
  display:grid!important;
  align-content:center!important;
  gap:8px!important;
}
.track-clean-main .public-pill{background:#eef2f6!important;border:1px dashed #dbe2ec!important;color:#475467!important;font-weight:500!important;width:max-content!important;padding:6px 9px!important;}
.track-clean-main h1{font-size:clamp(34px,5.5vw,62px)!important;line-height:.95!important;letter-spacing:-.045em!important;color:#1f2933!important;font-weight:500!important;margin:0!important;}
.track-clean-main p{font-size:15px!important;line-height:1.3!important;color:#667085!important;margin:0!important;font-weight:400!important;}
.track-clean-meta{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:4px!important;}
.track-clean-meta span{min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;background:#fff!important;border:1px dashed #dfe5ee!important;color:#475467!important;padding:9px 10px!important;font-size:12px!important;font-weight:400!important;}
.track-clean-side{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  align-content:stretch!important;
  background:#ffffff!important;
  border:1px dashed #dfe5ee!important;
  padding:12px!important;
}
.track-logo-preview{max-width:120px!important;justify-self:start!important;border:1px dashed #dfe5ee!important;background:#fafafa!important;padding:8px!important;}
.track-clean .track-progress-orb{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  display:grid!important;
  justify-items:start!important;
  align-items:center!important;
  gap:6px!important;
  padding:12px!important;
  background:#f8fafc!important;
  border:1px dashed #dfe5ee!important;
  color:#1f2933!important;
  box-shadow:none!important;
  position:relative!important;
}
.track-clean .track-progress-orb:before,.track-clean .track-progress-orb:after{display:none!important;}
.track-clean .track-progress-orb span{font-size:28px!important;line-height:1!important;font-weight:500!important;color:#1f2933!important;position:static!important;}
.track-clean .track-progress-orb small{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:#667085!important;font-weight:400!important;position:static!important;}
.track-clean .track-progress-orb::marker{display:none!important;}
.track-clean-side .track-hero-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:0!important;}
.track-clean-side .track-hero-actions .btn{width:100%!important;min-height:44px!important;border:1px dashed #dfe5ee!important;background:#fbfcfd!important;color:#273041!important;box-shadow:none!important;font-weight:500!important;}
.track-clean-side .track-hero-actions .btn.danger,.track-clean-side .track-hero-actions .danger{background:#fff5f5!important;color:#b42318!important;border-color:#fecaca!important;}
.track-clean-strip{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:12px 0!important;}
.track-clean-strip>div{background:#fff!important;border:1px dashed #dfe5ee!important;box-shadow:none!important;padding:12px!important;min-width:0!important;}
.track-clean-strip span{font-size:10.5px!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:#7a8493!important;font-weight:400!important;}
.track-clean-strip strong{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#1f2933!important;font-size:15px!important;font-weight:500!important;}
.track-payment-banner{display:grid!important;grid-template-columns:1fr auto!important;gap:12px!important;align-items:center!important;background:#ffffff!important;color:#1f2933!important;border:1px dashed #f4bf73!important;box-shadow:none!important;padding:12px!important;margin:0 0 12px!important;}
.track-payment-banner span,.track-payment-banner small{color:#925b16!important;font-weight:400!important;}
.track-payment-banner strong{color:#1f2933!important;font-size:20px!important;font-weight:500!important;}
.track-payment-banner .btn{background:#1f2933!important;color:#fff!important;border:1px dashed #1f2933!important;box-shadow:none!important;}
.track-clean .public-grid{display:grid!important;grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr)!important;gap:14px!important;padding:0!important;margin:0!important;}
.track-clean .grid.cols-2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}
.track-clean .public-card{background:#fff!important;border:1px dashed var(--cg-dash)!important;box-shadow:none!important;color:#1f2933!important;padding:16px!important;min-width:0!important;}
.track-clean .track-card-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;border-bottom:1px dashed #e2e6ee!important;padding-bottom:10px!important;margin-bottom:12px!important;}
.track-clean .track-card-head h2{font-size:20px!important;color:#1f2933!important;font-weight:500!important;margin:0!important;}
.track-clean .track-card-head p{margin:4px 0 0!important;font-size:12.5px!important;color:#7a8493!important;font-weight:400!important;}
.track-clean .track-progress-row{display:grid!important;grid-template-columns:1fr auto!important;gap:10px!important;align-items:center!important;background:#fafafa!important;border:1px dashed #dfe5ee!important;padding:9px!important;margin-bottom:12px!important;}
.track-clean .track-progress-row .progress{height:7px!important;background:#e8edf3!important;border-radius:0!important;overflow:hidden!important;}
.track-clean .track-progress-row .progress span{background:#1f2933!important;border-radius:0!important;}
.track-clean .track-progress-row strong{font-size:13px!important;font-weight:500!important;color:#1f2933!important;}
.track-clean .track-step-rail{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(108px,1fr))!important;gap:8px!important;overflow:visible!important;padding:0!important;margin:0 0 12px!important;}
.track-clean .track-rail-item{min-width:0!important;max-width:none!important;display:grid!important;grid-template-rows:auto 1fr!important;justify-items:center!important;gap:6px!important;position:relative!important;border:1px dashed #dfe5ee!important;background:#fafafa!important;padding:9px 7px!important;}
.track-clean .track-rail-item:not(:last-child):after{display:none!important;}
.track-clean .track-rail-item span{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;background:#fff!important;border:1px dashed #dfe5ee!important;color:#667085!important;}
.track-clean .track-rail-item.done{background:#f0fdf4!important;border-color:#bbf7d0!important;}
.track-clean .track-rail-item.done span{background:#dcfce7!important;border-color:#bbf7d0!important;color:#15803d!important;}
.track-clean .track-rail-item svg{width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.track-clean .track-rail-item small{font-size:10.5px!important;line-height:1.18!important;text-align:center!important;color:#667085!important;font-weight:400!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.track-clean .track-step-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
.track-clean .track-step-card{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;border:1px dashed #dfe5ee!important;background:#fafafa!important;padding:10px!important;box-shadow:none!important;opacity:1!important;}
.track-clean .track-step-card.done{background:#f0fdf4!important;border-color:#bbf7d0!important;box-shadow:inset 3px 0 0 #22c55e!important;}
.track-clean .track-step-icon{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;background:#fff!important;border:1px dashed #dfe5ee!important;color:#667085!important;}
.track-clean .track-step-card.done .track-step-icon{background:#dcfce7!important;border-color:#bbf7d0!important;color:#15803d!important;}
.track-clean .track-step-icon svg{width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.track-clean .track-step-copy strong{font-size:14px!important;line-height:1.18!important;font-weight:500!important;color:#1f2933!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.track-clean .track-step-copy small,.track-clean .track-step-copy em{font-size:11px!important;line-height:1.25!important;color:#7a8493!important;font-weight:400!important;font-style:normal!important;}
.track-clean .track-step-state{background:#fff!important;border:1px dashed #dfe5ee!important;color:#667085!important;padding:5px 8px!important;font-size:11px!important;font-weight:400!important;white-space:nowrap!important;}
.track-clean .track-step-card.done .track-step-state{background:#dcfce7!important;color:#15803d!important;border-color:#bbf7d0!important;}
.track-clean .tracking-summary-grid{border:1px dashed #dfe5ee!important;background:#fff!important;}
.track-clean .tracking-summary-grid>div,
.track-clean .track-mini-block,
.track-clean .track-signature-card,
.track-clean .contract-box,
.track-clean .zone-item,
.track-clean .media-card,
.track-clean .tracking-control-item,
.track-clean .table-wrap,
.track-clean .empty{background:#fafafa!important;border:1px dashed #dfe5ee!important;box-shadow:none!important;color:#1f2933!important;}
.track-clean .track-pill-row span{background:#fff!important;border:1px dashed #dfe5ee!important;color:#273041!important;font-weight:400!important;}
.track-clean table{color:#1f2933!important;}
.track-clean th{background:#f7f8fa!important;color:#667085!important;font-weight:500!important;}
.track-clean th,.track-clean td{border-color:#e3e7ee!important;}
body.track-clean-body .tracking-whatsapp-bubble{border:1px dashed #b7ebc6!important;background:#22c55e!important;box-shadow:none!important;color:#fff!important;}
@media(max-width:1050px){.track-clean-hero{grid-template-columns:1fr!important}.track-clean-side{grid-template-columns:1fr!important}.track-clean .public-grid{grid-template-columns:1fr!important}.track-clean .grid.cols-2{grid-template-columns:1fr!important}.track-clean-meta{grid-template-columns:1fr!important}}
@media(max-width:640px){.track-clean.public-shell,.public-shell.track-clean{padding:10px!important}.track-clean-hero{padding:10px!important;gap:10px!important}.track-clean-main{padding:14px!important}.track-clean-main h1{font-size:40px!important}.track-clean-side .track-hero-actions{grid-template-columns:1fr!important}.track-clean-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}.track-payment-banner{grid-template-columns:1fr!important}.track-clean .track-step-card{grid-template-columns:34px minmax(0,1fr)!important}.track-clean .track-step-state{grid-column:2/3;justify-self:start}.track-clean .track-step-icon{width:34px!important;height:34px!important}.track-clean .public-card{padding:12px!important}}

/* v6.14 final fit: sharp corners, fast OTP state, dashboard/card alignment */
:root{--cg-soft-orange:#fff7ed;--cg-soft-orange-border:#fed7aa;--cg-soft-orange-icon:#ffedd5;}
body:not(.web-public-body) *,
body:not(.web-public-body) *::before,
body:not(.web-public-body) *::after{border-radius:0!important;}
.dashboard-command-hero{
  min-height:0!important;
  padding:10px!important;
  gap:10px!important;
  align-items:stretch!important;
  border:1px dashed #dfe4ec!important;
  background:#fff!important;
}
.dashboard-command-copy{min-height:0!important;padding:10px 12px!important;gap:5px!important;background:#fafafa!important;border:1px dashed #e5e7eb!important;}
.dashboard-command-copy h2{font-size:clamp(22px,1.8vw,29px)!important;line-height:1!important;color:#273041!important;}
.dashboard-command-copy p{font-size:12.5px!important;line-height:1.35!important;color:#667085!important;max-width:520px!important;}
.dashboard-command-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;min-width:0!important;}
.dashboard-command-btn,
.dashboard-command-primary,
.dashboard-report-btn,
.dashboard-live-btn{
  min-width:0!important;
  min-height:70px!important;
  padding:10px!important;
  background:var(--cg-soft-orange)!important;
  border:1px dashed var(--cg-soft-orange-border)!important;
  color:#273041!important;
  box-shadow:none!important;
  transform:none!important;
}
.dashboard-command-btn:hover{background:#fff3e3!important;border-color:#fdba74!important;}
.dashboard-command-icon{background:var(--cg-soft-orange-icon)!important;border:1px dashed #fdba74!important;color:#9a3412!important;}
.dashboard-command-btn strong,
.dashboard-command-btn em,
.dashboard-command-primary strong,
.dashboard-command-primary em{color:#273041!important;opacity:1!important;}
@media(max-width:1180px){.dashboard-command-hero{grid-template-columns:1fr!important}.dashboard-command-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.dashboard-command-hero{padding:8px!important}.dashboard-command-copy{padding:9px!important}.dashboard-command-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-command-btn{min-height:64px!important;grid-template-columns:34px minmax(0,1fr)!important;padding:8px!important}.dashboard-command-icon{width:34px!important;height:34px!important}.dashboard-command-btn strong{font-size:12.5px!important}.dashboard-command-btn em{font-size:10.5px!important}}

.otp-status-box:not(.active){display:none!important;}
.otp-send-btn,.otp-open-btn{min-height:52px!important;}

body.track-clean-body{background:#f7f6f2!important;overflow-x:hidden!important;}
.track-clean.public-shell,.public-shell.track-clean{
  width:100%!important;
  max-width:1440px!important;
  padding:clamp(10px,2vw,22px)!important;
  overflow-x:hidden!important;
}
.track-clean-hero{
  width:100%!important;
  grid-template-columns:minmax(0,1.22fr) minmax(320px,.78fr)!important;
  gap:12px!important;
  padding:12px!important;
  background:#fff!important;
  border:1px dashed #dfe5ee!important;
}
.track-clean-main,.track-clean-side,.track-clean .public-card,.track-clean-strip>div,.track-payment-banner{min-width:0!important;box-sizing:border-box!important;}
.track-clean-main{padding:16px!important;background:#fbfbfa!important;}
.track-clean-side{padding:10px!important;background:#fff!important;}
.track-clean-main h1{font-size:clamp(38px,5vw,66px)!important;}
.track-clean-meta{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;}
.track-clean-meta span,.track-clean-strip strong,.track-step-copy strong{min-width:0!important;}
.track-clean-side .track-hero-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;}
.track-clean-side .track-hero-actions .btn{min-width:0!important;padding:0 8px!important;font-size:12.5px!important;white-space:nowrap!important;}
.track-clean-strip{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;width:100%!important;}
.track-clean-strip>div{padding:10px!important;background:#fff!important;}
.track-clean .public-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)!important;gap:12px!important;width:100%!important;}
.track-clean .grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:100%!important;}
.track-clean .public-card{padding:14px!important;background:#fff!important;border:1px dashed #dfe5ee!important;}
.track-clean .track-card-head{gap:8px!important;align-items:flex-start!important;}
.track-clean .track-card-head h2{font-size:19px!important;}
.track-clean .track-card-head p{display:none!important;}
.track-clean .track-progress-row{padding:8px!important;}
.track-clean .track-step-rail{grid-template-columns:repeat(auto-fit,minmax(94px,1fr))!important;gap:7px!important;width:100%!important;}
.track-clean .track-rail-item{padding:8px 6px!important;background:#fbfbfa!important;}
.track-clean .track-rail-item span{width:34px!important;height:34px!important;}
.track-clean .track-step-grid{gap:7px!important;}
.track-clean .track-step-card{grid-template-columns:36px minmax(0,1fr) auto!important;gap:8px!important;padding:9px!important;background:#fbfbfa!important;}
.track-clean .track-step-icon{width:36px!important;height:36px!important;}
.track-clean .track-step-copy strong{font-size:13.5px!important;}
.track-clean .track-step-state{font-size:10.5px!important;padding:5px 7px!important;}
.track-clean .tracking-summary-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;}
.track-clean .tracking-summary-grid>div{min-width:0!important;}
.track-clean .contract-box,.track-clean .table-wrap{overflow:auto!important;}
@media(max-width:1050px){.track-clean-hero,.track-clean .public-grid,.track-clean .grid.cols-2{grid-template-columns:1fr!important}.track-clean-meta{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:700px){.track-clean.public-shell,.public-shell.track-clean{padding:8px!important}.track-clean-hero{padding:8px!important;gap:8px!important}.track-clean-main{padding:12px!important}.track-clean-main h1{font-size:42px!important}.track-clean-meta{grid-template-columns:1fr!important}.track-clean-side .track-hero-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}.track-clean-side .track-hero-actions .btn{min-height:42px!important;font-size:11.5px!important;padding:0 4px!important}.track-clean-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}.track-clean .public-card{padding:10px!important}.track-clean .track-step-rail{grid-template-columns:repeat(2,minmax(0,1fr))!important}.track-clean .track-step-card{grid-template-columns:34px minmax(0,1fr)!important}.track-clean .track-step-state{grid-column:2/3;justify-self:start}.track-clean .tracking-summary-grid{grid-template-columns:1fr!important}}
@media(max-width:380px){.track-clean-side .track-hero-actions{grid-template-columns:1fr!important}.track-clean-strip{grid-template-columns:1fr!important}.track-clean .track-step-rail{grid-template-columns:1fr!important}}


/* v6.15 operation center uniform panels */
.dashboard-command-hero{
  background:#fafafa!important;
  border:1px dashed #e5e7eb!important;
  padding:10px!important;
  gap:10px!important;
}
.dashboard-command-copy,
.dashboard-command-btn,
.dashboard-command-primary,
.dashboard-report-btn,
.dashboard-live-btn{
  background:#fafafa!important;
  border:1px dashed #e5e7eb!important;
  color:#273041!important;
  box-shadow:none!important;
  border-radius:0!important;
}
.dashboard-command-btn:hover,
.dashboard-command-primary:hover,
.dashboard-report-btn:hover,
.dashboard-live-btn:hover{
  background:#f5f5f2!important;
  border-color:#d8d6cf!important;
  transform:none!important;
}
.dashboard-command-icon{
  background:#fffdf9!important;
  border:1px dashed #e5e7eb!important;
  color:#9a5b1f!important;
  border-radius:0!important;
}
.dashboard-command-btn strong,
.dashboard-command-btn em,
.dashboard-command-primary strong,
.dashboard-command-primary em{color:#273041!important;opacity:1!important;}
.dashboard-command-pill{background:#fffdf9!important;border:1px dashed #e5e7eb!important;color:#667085!important;border-radius:0!important;}


/* v6.16 final: dashboard uniform, QR camera corrected */
.dashboard-command-copy,
.dashboard-command-btn,
.dashboard-command-primary,
.dashboard-report-btn,
.dashboard-live-btn,
.dashboard-report-btn::before,
.dashboard-report-btn::after{
  background:#fafafa!important;
  background-image:none!important;
  border:1px dashed #e5e7eb!important;
  color:#273041!important;
  box-shadow:none!important;
  outline:0!important;
  filter:none!important;
}
.dashboard-report-btn .dashboard-command-icon,
.dashboard-command-icon{background:#fffdf9!important;border:1px dashed #e5e7eb!important;color:#9a5b1f!important;box-shadow:none!important;filter:none!important;}
.dashboard-report-btn *{text-shadow:none!important;box-shadow:none!important;filter:none!important;}
.qr-camera-card{background:#fffdf9!important;border:1px dashed #d7d1c7!important;box-shadow:none!important;}
.qr-camera-view{background:#020617!important;border:1px dashed #202938!important;display:grid!important;place-items:stretch!important;}
.qr-camera-view video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;background:#020617!important;z-index:1!important;}
.qr-frame{z-index:2!important;background:transparent!important;border:1px dashed rgba(255,255,255,.75)!important;box-shadow:0 0 0 9999px rgba(2,6,23,.28)!important;}
.qr-frame:before{content:"";position:absolute;inset:10px;border:1px dashed rgba(255,255,255,.42);pointer-events:none;}
.qr-frame span{background:#fff!important;box-shadow:none!important;}
.qr-camera-status{z-index:3!important;background:rgba(2,6,23,.62)!important;border:1px dashed rgba(255,255,255,.42)!important;color:#fff!important;font-weight:500!important;}
.qr-manual-box{border:1px dashed #d7d1c7;background:#fffdf9;padding:10px;display:grid;gap:7px;}
.qr-manual-box label{font-size:11px;color:#667085;text-transform:uppercase;letter-spacing:.06em;font-weight:500;}
.qr-manual-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;}
.qr-manual-row input{width:100%;min-height:44px;border:1px dashed #d7d1c7;background:#fff;padding:0 10px;font:inherit;color:#273041;outline:0;}
@media(max-width:560px){.qr-manual-row{grid-template-columns:1fr}.qr-manual-row .btn{width:100%;}}

/* v6.17 command/report uniform + control QR */
.dashboard-command-hero,
.dashboard-command-copy,
.dashboard-command-btn,
.dashboard-command-primary,
.dashboard-report-btn,
.dashboard-live-btn{
  background:#fafafa!important;
  background-image:none!important;
  border:1px dashed #e5e7eb!important;
  color:#273041!important;
  box-shadow:none!important;
  filter:none!important;
  transition:none!important;
  transform:none!important;
  animation:none!important;
}
.dashboard-command-btn:hover,
.dashboard-command-primary:hover,
.dashboard-report-btn:hover,
.dashboard-live-btn:hover{
  background:#fafafa!important;
  border-color:#e5e7eb!important;
  transform:none!important;
  box-shadow:none!important;
}
.dashboard-report-btn::before,
.dashboard-report-btn::after,
.dashboard-command-btn::before,
.dashboard-command-btn::after{
  content:none!important;
  display:none!important;
  animation:none!important;
  background:none!important;
}
.dashboard-command-icon,
.dashboard-report-btn .dashboard-command-icon,
.dashboard-live-btn .dashboard-command-icon{
  background:#fffdf9!important;
  border:1px dashed #e5e7eb!important;
  color:#9a5b1f!important;
  box-shadow:none!important;
  filter:none!important;
}
.dashboard-report-btn *{animation:none!important;text-shadow:none!important;box-shadow:none!important;filter:none!important;}

.control-qr-gate{display:block!important;}
.control-qr-card{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:12px;align-items:stretch;}
.control-qr-info{min-width:0;display:grid;align-content:center;gap:10px;}
.control-live-results{border:1px dashed #d7d1c7;background:#fffdf9;padding:10px;display:grid;gap:8px;}
.control-live-title{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#667085;font-weight:500;}
.control-live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.control-live-empty{font-size:13px;color:#667085;}
.control-live-card{width:100%;text-align:left;}
@media(max-width:860px){.control-qr-card{grid-template-columns:1fr}.control-live-grid{grid-template-columns:1fr}}


/* v6.17.1 exact dashboard command hero/report button match */
.dashboard-page .hero-banner.clean-hero.dashboard-command-hero{
  background:#fafafa!important;
  background-image:none!important;
  border:1px dashed #e5e7eb!important;
  box-shadow:none!important;
  filter:none!important;
}
.dashboard-page .hero-actions .dashboard-report-btn,
.dashboard-page .hero-actions .dashboard-report-btn.dashboard-command-btn{
  min-height:76px!important;
  padding:10px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  background:#fafafa!important;
  background-image:none!important;
  color:#273041!important;
  border:1px dashed #e5e7eb!important;
  box-shadow:none!important;
  outline:0!important;
  filter:none!important;
  transform:none!important;
  transition:none!important;
  animation:none!important;
}
.dashboard-page .hero-actions .dashboard-report-btn:hover,
.dashboard-page .hero-actions .dashboard-report-btn.dashboard-command-btn:hover{
  background:#fafafa!important;
  border-color:#e5e7eb!important;
  box-shadow:none!important;
  transform:none!important;
  filter:none!important;
}
.dashboard-page .hero-actions .dashboard-report-btn:before,
.dashboard-page .hero-actions .dashboard-report-btn:after,
.dashboard-page .hero-actions .dashboard-report-btn.dashboard-command-btn:before,
.dashboard-page .hero-actions .dashboard-report-btn.dashboard-command-btn:after{
  content:none!important;
  display:none!important;
  background:none!important;
  background-image:none!important;
  animation:none!important;
  box-shadow:none!important;
  filter:none!important;
}
.dashboard-page .hero-actions .dashboard-report-btn .dashboard-command-icon{
  width:38px!important;
  height:38px!important;
  background:#fffdf9!important;
  border:1px dashed #e5e7eb!important;
  color:#9a5b1f!important;
  box-shadow:none!important;
  filter:none!important;
}
.dashboard-page .hero-actions .dashboard-report-btn strong{
  color:#273041!important;
  font-weight:500!important;
}
.dashboard-page .hero-actions .dashboard-report-btn em{
  color:#7a8493!important;
  font-weight:400!important;
}


/* v6.17.2 control QR manual close + dashboard hero white/button hover */
.control-qr-gate.is-closed{display:none!important;}
.dashboard-page .hero-banner.clean-hero.dashboard-command-hero,
.dashboard-command-hero{
  background:#fff!important;
  background-image:none!important;
  border:1px dashed #e5e7eb!important;
  box-shadow:none!important;
  filter:none!important;
}
.dashboard-command-copy{
  background:#fff!important;
  background-image:none!important;
  border:1px dashed #e5e7eb!important;
  box-shadow:none!important;
}
.dashboard-page .hero-actions .dashboard-command-btn,
.dashboard-page .hero-actions .dashboard-command-primary,
.dashboard-page .hero-actions .dashboard-report-btn,
.dashboard-page .hero-actions .dashboard-live-btn,
.dashboard-command-btn,
.dashboard-command-primary,
.dashboard-report-btn,
.dashboard-live-btn{
  background:#fff7ed!important;
  background-image:none!important;
  border:1px dashed #fed7aa!important;
  color:#273041!important;
  cursor:pointer!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease!important;
}
.dashboard-page .hero-actions .dashboard-command-btn:hover,
.dashboard-page .hero-actions .dashboard-command-primary:hover,
.dashboard-page .hero-actions .dashboard-report-btn:hover,
.dashboard-page .hero-actions .dashboard-live-btn:hover,
.dashboard-command-btn:hover,
.dashboard-command-primary:hover,
.dashboard-report-btn:hover,
.dashboard-live-btn:hover{
  background:#ffedd5!important;
  border-color:#fb923c!important;
  box-shadow:inset 0 0 0 1px rgba(251,146,60,.22)!important;
  transform:none!important;
}
.dashboard-page .hero-actions .dashboard-command-icon,
.dashboard-command-icon,
.dashboard-report-btn .dashboard-command-icon,
.dashboard-live-btn .dashboard-command-icon{
  background:#fff!important;
  border:1px dashed #fdba74!important;
  color:#9a3412!important;
  box-shadow:none!important;
}
.dashboard-report-btn::before,
.dashboard-report-btn::after,
.dashboard-command-btn::before,
.dashboard-command-btn::after{content:none!important;display:none!important;}


/* v6.17.3 dashboard hover depth + control camera visibility */
.dashboard-page .hero-actions .dashboard-command-btn,
.dashboard-page .hero-actions .dashboard-command-primary,
.dashboard-page .hero-actions .dashboard-report-btn,
.dashboard-page .hero-actions .dashboard-live-btn,
.dashboard-command-btn,
.dashboard-command-primary,
.dashboard-report-btn,
.dashboard-live-btn{
  box-shadow:0 6px 0 rgba(154,52,18,.08), 0 14px 26px rgba(15,23,42,.045)!important;
}
.dashboard-page .hero-actions .dashboard-command-btn:hover,
.dashboard-page .hero-actions .dashboard-command-primary:hover,
.dashboard-page .hero-actions .dashboard-report-btn:hover,
.dashboard-page .hero-actions .dashboard-live-btn:hover,
.dashboard-command-btn:hover,
.dashboard-command-primary:hover,
.dashboard-report-btn:hover,
.dashboard-live-btn:hover{
  background:#ffedd5!important;
  border-color:#fb923c!important;
  box-shadow:0 9px 0 rgba(154,52,18,.12), 0 20px 34px rgba(15,23,42,.075)!important;
  transform:translateY(-1px)!important;
}
.control-qr-gate .qr-camera-view video,
.control-qr-gate video#controlQrVideo{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:320px!important;
  object-fit:cover!important;
  background:#0f172a!important;
  opacity:1!important;
  visibility:visible!important;
}
.control-qr-gate .qr-camera-view.is-camera-on{
  background:#0f172a!important;
}
@media(max-width:640px){
  .control-qr-gate .qr-camera-view video,
  .control-qr-gate video#controlQrVideo{min-height:260px!important;}
}

/* v6.17.4 dashboard command hero hover: white default, soft orange 3D hover */
.dashboard-page .hero-banner.clean-hero.dashboard-command-hero,
.dashboard-command-hero,
.dashboard-command-copy{
  background:#fff!important;
  background-image:none!important;
  border:1px dashed #e5e7eb!important;
  box-shadow:none!important;
  filter:none!important;
  border-radius:0!important;
}
.dashboard-page .hero-actions .dashboard-command-btn,
.dashboard-page .hero-actions .dashboard-command-primary,
.dashboard-page .hero-actions .dashboard-report-btn,
.dashboard-page .hero-actions .dashboard-live-btn,
.dashboard-command-btn,
.dashboard-command-primary,
.dashboard-report-btn,
.dashboard-live-btn{
  background:#fff!important;
  background-image:none!important;
  border:1px dashed #e5e7eb!important;
  color:#273041!important;
  cursor:pointer!important;
  filter:none!important;
  border-radius:0!important;
  transform:translateY(0) scale(1)!important;
  box-shadow:0 8px 18px rgba(15,23,42,.035)!important;
  transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
  will-change:transform,box-shadow,background-color;
}
.dashboard-page .hero-actions .dashboard-command-btn:hover,
.dashboard-page .hero-actions .dashboard-command-primary:hover,
.dashboard-page .hero-actions .dashboard-report-btn:hover,
.dashboard-page .hero-actions .dashboard-live-btn:hover,
.dashboard-command-btn:hover,
.dashboard-command-primary:hover,
.dashboard-report-btn:hover,
.dashboard-live-btn:hover{
  background:#fff3e3!important;
  background-image:none!important;
  border-color:#fdba74!important;
  transform:translateY(-3px) scale(1.025)!important;
  box-shadow:0 5px 0 rgba(154,52,18,.16),0 18px 34px rgba(15,23,42,.12)!important;
}
.dashboard-page .hero-actions .dashboard-command-btn:active,
.dashboard-page .hero-actions .dashboard-command-primary:active,
.dashboard-page .hero-actions .dashboard-report-btn:active,
.dashboard-page .hero-actions .dashboard-live-btn:active,
.dashboard-command-btn:active,
.dashboard-command-primary:active,
.dashboard-report-btn:active,
.dashboard-live-btn:active{
  transform:translateY(-1px) scale(1.012)!important;
  box-shadow:0 3px 0 rgba(154,52,18,.12),0 12px 24px rgba(15,23,42,.09)!important;
}
.dashboard-page .hero-actions .dashboard-command-icon,
.dashboard-command-icon,
.dashboard-report-btn .dashboard-command-icon,
.dashboard-live-btn .dashboard-command-icon{
  background:#fff!important;
  background-image:none!important;
  border:1px dashed #e5e7eb!important;
  color:#9a3412!important;
  box-shadow:none!important;
  filter:none!important;
  border-radius:0!important;
  transition:background-color .18s ease,border-color .18s ease,transform .18s ease!important;
}
.dashboard-page .hero-actions .dashboard-command-btn:hover .dashboard-command-icon,
.dashboard-page .hero-actions .dashboard-command-primary:hover .dashboard-command-icon,
.dashboard-page .hero-actions .dashboard-report-btn:hover .dashboard-command-icon,
.dashboard-page .hero-actions .dashboard-live-btn:hover .dashboard-command-icon,
.dashboard-command-btn:hover .dashboard-command-icon,
.dashboard-command-primary:hover .dashboard-command-icon,
.dashboard-report-btn:hover .dashboard-command-icon,
.dashboard-live-btn:hover .dashboard-command-icon{
  background:#fff7ed!important;
  border-color:#fb923c!important;
  transform:translateY(-1px)!important;
}
.dashboard-report-btn::before,
.dashboard-report-btn::after,
.dashboard-command-btn::before,
.dashboard-command-btn::after,
.dashboard-live-btn::before,
.dashboard-live-btn::after{
  content:none!important;
  display:none!important;
  animation:none!important;
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}
.dashboard-report-btn *,
.dashboard-command-btn *,
.dashboard-live-btn *{
  text-shadow:none!important;
  filter:none!important;
}


/* v6.17.5 exact dashboard hover + permission/support polish */
body.dashboard-page .dashboard-command-hero .dashboard-command-actions .dashboard-command-btn,
body.dashboard-page .hero-banner.dashboard-command-hero .dashboard-command-btn,
body.dashboard-page .hero-actions .dashboard-command-btn,
body.dashboard-page .hero-actions .dashboard-report-btn,
body.dashboard-page .hero-actions .dashboard-live-btn{
  background:#fff!important;
  background-image:none!important;
  color:#273041!important;
  border:1px dashed #d6dee8!important;
  box-shadow:0 8px 24px rgba(15,23,42,.045)!important;
  transform:none!important;
  transition:background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease!important;
}
body.dashboard-page .dashboard-command-hero .dashboard-command-btn strong,
body.dashboard-page .dashboard-command-hero .dashboard-command-btn em,
body.dashboard-page .hero-actions .dashboard-report-btn strong,
body.dashboard-page .hero-actions .dashboard-report-btn em{
  color:inherit!important;
}
body.dashboard-page .dashboard-command-hero .dashboard-command-btn em{color:#8a94a6!important;}
body.dashboard-page .dashboard-command-hero .dashboard-command-btn:before,
body.dashboard-page .dashboard-command-hero .dashboard-command-btn:after,
body.dashboard-page .hero-actions .dashboard-report-btn:before,
body.dashboard-page .hero-actions .dashboard-report-btn:after{
  display:none!important;
  animation:none!important;
}
body.dashboard-page .dashboard-command-hero .dashboard-command-btn:hover,
body.dashboard-page .hero-actions .dashboard-report-btn:hover,
body.dashboard-page .hero-actions .dashboard-live-btn:hover{
  background:#fff7ed!important;
  border-color:#f2b56f!important;
  box-shadow:0 22px 54px rgba(15,23,42,.10)!important;
  transform:translateY(-2px) scale(1.012)!important;
}
body.dashboard-page .dashboard-command-hero .dashboard-command-btn:hover .dashboard-command-icon{
  background:#fff3df!important;
  border-color:#f2b56f!important;
}
.permission-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.permission-module-card{border:1px dashed #d9e1eb;background:#fff;padding:14px;display:grid;gap:10px;}
.permission-module-card h3{margin:0;font-size:15px;font-weight:500;color:#273041;letter-spacing:-.025em;}
.permission-module-card small{color:#7a8494;font-weight:400;}
.permission-module-card .permission-grid{grid-template-columns:1fr!important;gap:8px!important;}
.support-person-summary{border:1px dashed #d9e1eb;background:#fffaf0;padding:12px;margin-top:10px;color:#334155;}
.support-person-summary strong{font-weight:500;color:#111827;}
@media(max-width:880px){.permission-module-grid{grid-template-columns:1fr;}}


/* v6.17.6 role-aware menus + corporate login */
.login-page{background:radial-gradient(circle at 14% 12%,rgba(245,158,11,.10),transparent 32%),linear-gradient(135deg,#f8fafc 0%,#eef2f7 100%)!important;padding:28px!important;}
.login-card-pro{width:min(1120px,100%)!important;min-height:650px!important;display:grid!important;grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr)!important;border:1px dashed #cbd5e1!important;background:#fff!important;box-shadow:0 22px 65px rgba(15,23,42,.10)!important;overflow:hidden!important;}
.login-hero-pro{position:relative!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;padding:42px!important;background:linear-gradient(135deg,#fff7ed 0%,#fff 48%,#f8fafc 100%)!important;color:#111827!important;border-right:1px dashed #d8e0ea!important;overflow:hidden!important;}
.login-hero-pro:before{content:"";position:absolute;inset:24px;border:1px dashed rgba(245,158,11,.34);pointer-events:none;}
.login-hero-pro:after{content:""!important;position:absolute!important;right:-120px!important;bottom:-120px!important;width:310px!important;height:310px!important;border-radius:0!important;background:linear-gradient(135deg,rgba(251,146,60,.18),rgba(245,158,11,.06))!important;transform:rotate(12deg)!important;}
.login-hero-pro>*{position:relative;z-index:1}.login-hero-pro .login-logo{margin-bottom:40px}.login-hero-pro .login-logo img{max-width:170px;max-height:72px;object-fit:contain}.login-hero-pro .login-logo span{background:#111827!important;color:#fff!important;border-radius:0!important}.login-kicker,.login-form-kicker{display:inline-flex;width:max-content;border:1px dashed #f3c47a;background:#fffaf0;color:#92400e;padding:8px 11px;font-size:11px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;margin-bottom:14px}.login-hero-pro .hero-title{font-size:clamp(34px,4.2vw,58px)!important;line-height:.98!important;letter-spacing:-.065em!important;margin:0 0 16px!important;color:#111827!important;max-width:610px}.login-hero-pro .hero-copy{max-width:560px!important;color:#475569!important;font-size:15px!important;line-height:1.55!important;margin:0!important}.login-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:38px}.login-feature-grid div{border:1px dashed #d8e0ea;background:rgba(255,255,255,.84);padding:15px;min-height:86px;display:grid;align-content:center;gap:5px}.login-feature-grid strong{font-size:15px;font-weight:500;color:#111827}.login-feature-grid small{font-size:12px;color:#64748b}.login-form-pro{padding:46px!important;justify-content:center!important;background:#fff!important}.login-form-pro h2{font-size:34px!important;font-weight:500!important;color:#111827!important;margin:0 0 8px!important;letter-spacing:-.05em}.login-form-pro p{color:#64748b!important;margin-bottom:26px!important}.login-form-pro .field label{font-weight:500!important;color:#334155!important}.login-form-pro .field input{height:54px!important;border:1px dashed #cbd5e1!important;background:#fbfcfe!important;font-size:15px!important}.login-submit-btn{height:54px!important;background:#111827!important;color:#fff!important;border-color:#111827!important;box-shadow:0 14px 30px rgba(15,23,42,.14)!important;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease!important}.login-submit-btn:hover{transform:translateY(-2px)!important;box-shadow:0 18px 40px rgba(15,23,42,.18)!important;background:#0f172a!important}.permission-module-card{border:1px dashed #d8e0ea!important;background:#fff!important}.permission-module-card h3{font-weight:500!important;color:#111827!important}.permission-module-card small{color:#64748b!important}.desktop-top-nav .desktop-top-link[hidden],.nav-list .nav-link[hidden]{display:none!important}
@media(max-width:900px){.login-page{padding:14px!important}.login-card-pro{grid-template-columns:1fr!important;min-height:auto!important}.login-hero-pro{padding:28px 20px!important;border-right:0!important;border-bottom:1px dashed #d8e0ea!important}.login-hero-pro:before{inset:14px}.login-feature-grid{grid-template-columns:1fr 1fr;margin-top:22px}.login-form-pro{padding:28px 20px!important}.login-hero-pro .hero-title{font-size:34px!important}.login-hero-pro .hero-copy{font-size:13px!important}}
@media(max-width:480px){.login-feature-grid{grid-template-columns:1fr}.login-hero-pro .hero-title{font-size:30px!important}.login-card-pro{box-shadow:0 12px 35px rgba(15,23,42,.08)!important}}

/* v6.17.7 PWA logo + modern fast login */
.login-page{
  min-height:100dvh!important;
  display:grid!important;
  place-items:center!important;
  padding:22px!important;
  background:
    radial-gradient(circle at 10% 8%,rgba(245,158,11,.14),transparent 28%),
    radial-gradient(circle at 92% 10%,rgba(17,24,39,.10),transparent 32%),
    linear-gradient(135deg,#f4f5f7 0%,#eef1f5 48%,#f7f7f4 100%)!important;
  color:#111827!important;
}
.login-card-pro.login-pwa-pro{
  width:min(1120px,100%)!important;
  min-height:min(660px,calc(100dvh - 44px))!important;
  grid-template-columns:minmax(0,1fr) minmax(370px,.84fr)!important;
  border:1px dashed #c8d0da!important;
  background:#ffffff!important;
  box-shadow:0 18px 52px rgba(15,23,42,.10)!important;
  overflow:hidden!important;
}
.login-pwa-pro .login-hero-pro{
  padding:42px!important;
  background:
    linear-gradient(135deg,rgba(17,24,39,.96),rgba(39,45,56,.94)),
    radial-gradient(circle at 18% 10%,rgba(245,158,11,.20),transparent 38%)!important;
  color:#fff!important;
  border-right:1px dashed rgba(255,255,255,.22)!important;
}
.login-pwa-pro .login-hero-pro:before{
  inset:22px!important;
  border-color:rgba(245,158,11,.36)!important;
}
.login-pwa-pro .login-hero-pro:after{
  right:-90px!important;
  bottom:-95px!important;
  width:280px!important;
  height:280px!important;
  background:linear-gradient(135deg,rgba(245,158,11,.22),rgba(255,255,255,.05))!important;
  opacity:1!important;
}
.login-splash-brand{
  display:flex!important;
  align-items:center!important;
  gap:15px!important;
  position:relative!important;
  z-index:2!important;
}
.login-pwa-logo{
  width:74px!important;
  height:74px!important;
  margin:0!important;
  padding:0!important;
  border:1px dashed rgba(255,255,255,.34)!important;
  background:#fff!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  flex:0 0 74px!important;
}
.login-pwa-logo img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  display:block!important;
}
.login-mobile-brand-copy{display:grid!important;gap:2px!important;color:#fff!important;}
.login-mobile-brand-copy strong{font-size:18px!important;font-weight:500!important;letter-spacing:-.03em!important;}
.login-mobile-brand-copy small{font-size:12px!important;color:rgba(255,255,255,.64)!important;font-weight:400!important;}
.login-pwa-pro .login-kicker{
  margin-top:52px!important;
  background:rgba(245,158,11,.12)!important;
  border-color:rgba(245,158,11,.40)!important;
  color:#fed7aa!important;
}
.login-pwa-pro .hero-title{
  color:#ffffff!important;
  font-size:clamp(36px,4.4vw,60px)!important;
  font-weight:500!important;
  letter-spacing:-.065em!important;
  max-width:610px!important;
}
.login-pwa-pro .hero-copy{
  color:rgba(255,255,255,.70)!important;
  font-weight:400!important;
  max-width:545px!important;
}
.login-pwa-pro .login-feature-grid div{
  background:rgba(255,255,255,.07)!important;
  border-color:rgba(255,255,255,.22)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
.login-pwa-pro .login-feature-grid strong{color:#fff!important;font-weight:500!important;}
.login-pwa-pro .login-feature-grid small{color:rgba(255,255,255,.62)!important;font-weight:400!important;}
.login-pwa-pro .login-form-pro{
  padding:48px!important;
  background:
    linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%)!important;
}
.mobile-login-splash{display:none!important;}
.login-pwa-pro .login-form-kicker{
  background:#fff7ed!important;
  border-color:#f3c47a!important;
  color:#92400e!important;
  font-weight:500!important;
}
.login-pwa-pro .login-form-pro h2{
  color:#111827!important;
  font-weight:500!important;
  font-size:36px!important;
}
.login-pwa-pro .login-form-pro p{font-weight:400!important;color:#64748b!important;}
.login-pwa-pro .field input{
  height:56px!important;
  background:#f8fafc!important;
  border:1px dashed #cbd5e1!important;
  transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease!important;
}
.login-pwa-pro .field input:focus{
  background:#fff!important;
  border-color:#f59e0b!important;
  box-shadow:0 0 0 3px rgba(245,158,11,.10)!important;
}
.login-pwa-pro .login-submit-btn{
  background:#111827!important;
  color:#fff!important;
  border:1px solid #111827!important;
  box-shadow:0 12px 24px rgba(15,23,42,.14)!important;
}
.login-pwa-pro .login-submit-btn:hover{
  background:#1f2937!important;
  transform:translateY(-1px)!important;
  box-shadow:0 16px 34px rgba(15,23,42,.18)!important;
}
.login-page .pwa-install-btn{
  background:#111827!important;
  border:1px dashed rgba(245,158,11,.45)!important;
  box-shadow:0 16px 38px rgba(15,23,42,.22)!important;
}
.login-page .pwa-install-icon{
  background:#fff7ed!important;
  color:#92400e!important;
  border-color:#f3c47a!important;
}
@media(max-width:900px){
  .login-page{
    padding:0!important;
    place-items:stretch!important;
    background:linear-gradient(180deg,#f4f5f7 0%,#ffffff 46%,#f7f7f4 100%)!important;
  }
  .login-card-pro.login-pwa-pro{
    width:100%!important;
    min-height:100dvh!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto 1fr!important;
    border:0!important;
    box-shadow:none!important;
    background:#fff!important;
  }
  .login-pwa-pro .login-hero-pro{
    min-height:230px!important;
    padding:calc(28px + env(safe-area-inset-top,0px)) 22px 24px!important;
    border-right:0!important;
    border-bottom:1px dashed rgba(15,23,42,.12)!important;
    background:
      radial-gradient(circle at 50% 0%,rgba(245,158,11,.20),transparent 42%),
      linear-gradient(160deg,#111827 0%,#262d38 100%)!important;
    display:grid!important;
    place-items:center!important;
    text-align:center!important;
  }
  .login-pwa-pro .login-hero-pro:before{inset:12px!important;border-color:rgba(255,255,255,.14)!important;}
  .login-pwa-pro .login-hero-pro:after{display:none!important;}
  .login-splash-brand{
    flex-direction:column!important;
    gap:12px!important;
    justify-content:center!important;
  }
  .login-pwa-logo{
    width:96px!important;
    height:96px!important;
    flex-basis:96px!important;
    box-shadow:0 18px 38px rgba(0,0,0,.22)!important;
  }
  .login-mobile-brand-copy strong{font-size:23px!important;}
  .login-mobile-brand-copy small{font-size:12px!important;}
  .login-pwa-pro .login-kicker,
  .login-pwa-pro .hero-title,
  .login-pwa-pro .hero-copy,
  .login-pwa-pro .login-feature-grid{display:none!important;}
  .login-pwa-pro .login-form-pro{
    padding:30px 20px calc(104px + env(safe-area-inset-bottom,0px))!important;
    justify-content:start!important;
  }
  .login-pwa-pro .login-form-kicker{margin-bottom:14px!important;}
  .login-pwa-pro .login-form-pro h2{font-size:30px!important;}
  .login-pwa-pro .login-form-pro p{font-size:13px!important;margin-bottom:24px!important;}
  .login-pwa-pro .field input{height:58px!important;font-size:16px!important;}
  .login-pwa-pro .login-submit-btn{height:58px!important;}
  .login-page .pwa-install-wrap{bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;}
}
@media(min-width:901px) and (max-width:1180px){
  .login-card-pro.login-pwa-pro{width:calc(100vw - 36px)!important;grid-template-columns:minmax(0,.92fr) minmax(360px,.72fr)!important;}
  .login-pwa-pro .login-hero-pro{padding:34px!important;}
  .login-pwa-pro .login-form-pro{padding:38px!important;}
  .login-pwa-pro .login-feature-grid{grid-template-columns:1fr 1fr!important;margin-top:26px!important;}
}
@media(max-width:480px){
  .login-pwa-pro .login-hero-pro{min-height:210px!important;}
  .login-pwa-logo{width:84px!important;height:84px!important;flex-basis:84px!important;}
  .login-pwa-pro .login-form-pro{padding-left:16px!important;padding-right:16px!important;}
  .login-page .pwa-install-btn{width:calc(100vw - 20px)!important;}
}

/* v6.17.8 precise web/PWA logo split + centered mobile login */
.login-system-logo{
  width:74px!important;
  height:74px!important;
  margin:0!important;
  padding:8px!important;
  border:1px dashed rgba(255,255,255,.34)!important;
  background:#fff!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  flex:0 0 74px!important;
}
.login-system-logo img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  display:block!important;
}
.login-page .pwa-install-wrap{
  display:flex!important;
  visibility:visible!important;
}
.login-page .pwa-install-btn{
  display:flex!important;
  align-items:center!important;
}
.login-page .pwa-install-icon{
  overflow:hidden!important;
  padding:0!important;
  background:#fff!important;
}
.login-page .pwa-install-icon img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
@media(max-width:900px){
  .login-pwa-pro .login-hero-pro{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:250px!important;
  }
  .login-splash-brand{
    width:100%!important;
    min-height:160px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    margin:0 auto!important;
  }
  .login-system-logo{
    width:102px!important;
    height:102px!important;
    flex:0 0 102px!important;
    padding:9px!important;
    margin:0 auto!important;
    box-shadow:0 18px 38px rgba(0,0,0,.20)!important;
  }
  .mobile-login-splash{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    margin:0 auto 20px!important;
    width:100%!important;
  }
  .mobile-login-splash img{
    width:78px!important;
    height:78px!important;
    object-fit:contain!important;
    margin:0 auto 10px!important;
    display:block!important;
  }
  .mobile-login-splash span{
    display:block!important;
    color:#111827!important;
    font-weight:500!important;
    letter-spacing:-.03em!important;
  }
}


/* v6.17.9 PWA install visibility + mobile login single logo fix */
.login-page .pwa-install-wrap{display:none!important;}
.login-page .pwa-install-wrap:has(#pwaInstallBtn:not([hidden])){display:flex!important;}
.login-page #pwaInstallBtn[hidden]{display:none!important;}
.login-page.is-pwa-installed .pwa-install-wrap{display:none!important;}
.mobile-login-splash{display:none!important;}
@media(max-width:900px){
  .login-pwa-pro .login-hero-pro{
    min-height:210px!important;
    padding:calc(24px + env(safe-area-inset-top,0px)) 18px 20px!important;
  }
  .login-splash-brand{
    min-height:126px!important;
    gap:10px!important;
  }
  .login-system-logo{
    width:min(230px,62vw)!important;
    height:auto!important;
    min-height:0!important;
    flex:0 0 auto!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .login-system-logo img{
    width:100%!important;
    height:auto!important;
    max-width:230px!important;
    max-height:86px!important;
    object-fit:contain!important;
    display:block!important;
    margin:0 auto!important;
  }
  .login-mobile-brand-copy strong{font-size:22px!important;letter-spacing:-.035em!important;}
  .login-mobile-brand-copy small{display:none!important;}
  .login-pwa-pro .login-form-pro{padding-top:26px!important;}
}
@media(max-width:480px){
  .login-pwa-pro .login-hero-pro{min-height:196px!important;}
  .login-system-logo{width:min(210px,68vw)!important;}
  .login-system-logo img{max-width:210px!important;max-height:78px!important;}
}


/* v6.17.10 final PWA/web logo separation
   - PC login uses system logo in natural ratio, not a square app icon.
   - Mobile login keeps one centered system logo.
   - PWA/app icon uses only root pwa.jpeg; no assets/pwa-icon files. */
.login-card-pro.login-pwa-pro .login-system-logo,
.login-pwa-pro .login-system-logo,
.login-system-logo{
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  max-width:240px!important;
  max-height:92px!important;
  flex:0 0 auto!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.login-card-pro.login-pwa-pro .login-system-logo img,
.login-pwa-pro .login-system-logo img,
.login-system-logo img{
  width:auto!important;
  height:auto!important;
  max-width:240px!important;
  max-height:92px!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  margin:0!important;
}
.login-card-pro.login-pwa-pro .login-splash-brand{
  align-items:flex-start!important;
}
@media(max-width:900px){
  .login-card-pro.login-pwa-pro .login-hero-pro,
  .login-pwa-pro .login-hero-pro{
    min-height:196px!important;
    padding:calc(24px + env(safe-area-inset-top,0px)) 18px 18px!important;
  }
  .login-card-pro.login-pwa-pro .login-splash-brand,
  .login-pwa-pro .login-splash-brand{
    width:100%!important;
    min-height:128px!important;
    margin:0 auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    text-align:center!important;
  }
  .login-card-pro.login-pwa-pro .login-system-logo,
  .login-pwa-pro .login-system-logo{
    width:min(230px,72vw)!important;
    max-width:min(230px,72vw)!important;
    height:auto!important;
    justify-content:center!important;
    margin:0 auto!important;
  }
  .login-card-pro.login-pwa-pro .login-system-logo img,
  .login-pwa-pro .login-system-logo img{
    width:100%!important;
    height:auto!important;
    max-width:min(230px,72vw)!important;
    max-height:86px!important;
    object-fit:contain!important;
    margin:0 auto!important;
  }
  .login-card-pro.login-pwa-pro .login-mobile-brand-copy{
    display:grid!important;
    gap:0!important;
    color:#fff!important;
  }
  .login-card-pro.login-pwa-pro .login-mobile-brand-copy strong{
    font-size:22px!important;
    font-weight:500!important;
    letter-spacing:-.035em!important;
  }
  .login-card-pro.login-pwa-pro .login-mobile-brand-copy small{display:none!important;}
  .mobile-login-splash,.login-pwa-logo{display:none!important;}
}
.login-page.is-pwa-installed .pwa-install-wrap,
.login-page.is-pwa-standalone .pwa-install-wrap,
.login-page #pwaInstallBtn[hidden]{display:none!important;}


/* v6.17.11 PWA install button visibility fix
   :has desteklemeyen mobil tarayıcılarda da JS class ile görünür. */
.login-page .pwa-install-wrap.pwa-install-ready{
  display:flex!important;
}
.login-page .pwa-install-wrap.pwa-install-ready #pwaInstallBtn:not([hidden]){
  display:flex!important;
}
.login-page.is-pwa-standalone .pwa-install-wrap,
.login-page.is-pwa-installed .pwa-install-wrap{
  display:none!important;
}

/* v6.17.14 corporate media source picker + title case polish */
.cg-media-source-box{position:relative;overflow:visible!important}.cg-media-source-box .media-upload-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.cg-media-source-box .media-action{appearance:none;border:1px dashed #d6dce5;background:#fff;color:#1f2937;cursor:pointer;display:flex;align-items:center;justify-content:center;min-height:48px;font-weight:600;transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}.cg-media-source-box .media-action:hover{background:#fff7ed;border-color:#fdba74;transform:translateY(-1px);box-shadow:0 10px 22px rgba(15,23,42,.08)}.media-source-panel{position:absolute;left:16px;right:16px;bottom:18px;z-index:12;background:#fff;border:1px dashed #d6dce5;box-shadow:0 18px 45px rgba(15,23,42,.14);padding:14px}.media-source-panel[hidden]{display:none!important}.media-source-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.media-source-head strong{font-size:15px;font-weight:600;color:#111827}.media-source-head button{width:34px;height:34px;border:1px dashed #d6dce5;background:#f8fafc;color:#475569;cursor:pointer;font-size:22px;line-height:1}.media-source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.media-source-grid button{border:1px dashed #d6dce5;background:#fafafa;color:#1f2937;text-align:left;display:grid;gap:6px;padding:13px;min-height:112px;cursor:pointer;font:inherit;transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}.media-source-grid button:hover{background:#fff7ed;border-color:#fdba74;transform:translateY(-1px);box-shadow:0 10px 22px rgba(15,23,42,.08)}.media-source-grid span{font-size:24px}.media-source-grid strong{font-size:14px;font-weight:600;color:#111827}.media-source-grid small{font-size:12px;line-height:1.35;color:#64748b}.cg-media-source-box.has-file{border-color:#fdba74!important;background:#fffaf4!important}@media(max-width:720px){.media-source-panel{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:9999}.media-source-grid{grid-template-columns:1fr}.media-source-grid button{min-height:82px;grid-template-columns:auto 1fr;align-items:center}.media-source-grid button small{grid-column:2}.cg-media-source-box .media-upload-actions{grid-template-columns:1fr}}
.btn,button,label,.media-action,.section-title,h1,h2,h3,h4,.pill,.badge,.badge-count,.empty,.muted,.note,.page-subtitle,.page-title,.card-header p,.card-header strong,.modal-section h3,.field small,.drop-upload strong,.drop-upload small,.media-upload-main strong,.media-upload-main p,.media-upload-main small{font-variant-caps:normal}


/* v6.17.15 favicon root pwa.jpeg + mobile/tablet login fit + soft splash effects */
@keyframes cgLoginGlowDrift{
  0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.62;}
  50%{transform:translate3d(14px,-10px,0) scale(1.035);opacity:.88;}
}
@keyframes cgLoginGridFloat{
  0%,100%{background-position:0 0,0 0;opacity:.36;}
  50%{background-position:18px 12px,-14px -10px;opacity:.52;}
}
.login-pwa-pro .login-hero-pro{
  isolation:isolate!important;
}
.login-pwa-pro .login-hero-pro:before{
  z-index:0!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.075) 1px,transparent 1px),
    linear-gradient(0deg,rgba(255,255,255,.055) 1px,transparent 1px)!important;
  background-size:34px 34px,34px 34px!important;
  animation:cgLoginGridFloat 11s ease-in-out infinite!important;
}
.login-pwa-pro .login-hero-pro:after{
  z-index:0!important;
  filter:blur(.2px)!important;
  animation:cgLoginGlowDrift 8s ease-in-out infinite!important;
  will-change:transform,opacity!important;
}
.login-pwa-pro .login-hero-pro > *{position:relative!important;z-index:1!important;}
@media(max-width:1024px){
  body.login-page{
    min-height:100dvh!important;
    height:100dvh!important;
    overflow:hidden!important;
    padding:10px!important;
    align-items:center!important;
  }
  .login-card-pro.login-pwa-pro{
    width:calc(100vw - 20px)!important;
    height:calc(100dvh - 20px)!important;
    min-height:0!important;
    max-height:calc(100dvh - 20px)!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    overflow:hidden!important;
  }
  .login-card-pro.login-pwa-pro .login-hero-pro,
  .login-pwa-pro .login-hero-pro{
    min-height:clamp(150px,26dvh,220px)!important;
    height:clamp(150px,26dvh,220px)!important;
    padding:calc(18px + env(safe-area-inset-top,0px)) 16px 16px!important;
    overflow:hidden!important;
  }
  .login-card-pro.login-pwa-pro .login-splash-brand,
  .login-pwa-pro .login-splash-brand{
    min-height:0!important;
    height:100%!important;
    justify-content:center!important;
  }
  .login-card-pro.login-pwa-pro .login-form-pro,
  .login-pwa-pro .login-form-pro{
    min-height:0!important;
    height:100%!important;
    overflow:hidden!important;
    justify-content:center!important;
    padding:clamp(16px,3.4dvh,26px) 18px!important;
  }
  .login-pwa-pro .login-form-pro h2{font-size:clamp(24px,4.6vw,32px)!important;margin-bottom:6px!important;}
  .login-pwa-pro .login-form-pro p{font-size:13px!important;margin-bottom:clamp(14px,2.4dvh,22px)!important;}
  .login-pwa-pro .field input{height:clamp(50px,6.4dvh,58px)!important;}
  .login-pwa-pro .login-submit-btn{height:clamp(50px,6.4dvh,58px)!important;}
  .login-page .pwa-install-wrap{bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;}
  .login-page .pwa-install-btn{min-height:48px!important;padding:9px 11px!important;}
}
@media(max-width:560px){
  body.login-page{padding:8px!important;}
  .login-card-pro.login-pwa-pro{
    width:calc(100vw - 16px)!important;
    height:calc(100dvh - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
  }
  .login-card-pro.login-pwa-pro .login-hero-pro,
  .login-pwa-pro .login-hero-pro{
    height:clamp(138px,24dvh,184px)!important;
    min-height:clamp(138px,24dvh,184px)!important;
    padding:calc(14px + env(safe-area-inset-top,0px)) 14px 12px!important;
  }
  .login-card-pro.login-pwa-pro .login-system-logo,
  .login-pwa-pro .login-system-logo{width:min(210px,72vw)!important;max-width:min(210px,72vw)!important;}
  .login-card-pro.login-pwa-pro .login-system-logo img,
  .login-pwa-pro .login-system-logo img{max-height:74px!important;}
  .login-card-pro.login-pwa-pro .login-mobile-brand-copy strong{font-size:20px!important;}
  .login-card-pro.login-pwa-pro .login-form-pro,
  .login-pwa-pro .login-form-pro{padding:14px 16px!important;}
  .login-pwa-pro .login-form-kicker{margin-bottom:10px!important;padding:7px 9px!important;font-size:10px!important;}
  .login-pwa-pro .field + .field,.login-pwa-pro .field[style]{margin-top:10px!important;}
  .login-pwa-pro .actions{margin-top:12px!important;}
  .login-page .pwa-install-btn small{display:none!important;}
}
@media(max-height:680px) and (max-width:1024px){
  .login-card-pro.login-pwa-pro .login-hero-pro,
  .login-pwa-pro .login-hero-pro{height:132px!important;min-height:132px!important;}
  .login-card-pro.login-pwa-pro .login-system-logo img,
  .login-pwa-pro .login-system-logo img{max-height:58px!important;}
  .login-card-pro.login-pwa-pro .login-mobile-brand-copy strong{font-size:18px!important;}
  .login-pwa-pro .login-form-kicker{display:none!important;}
  .login-pwa-pro .login-form-pro h2{font-size:24px!important;}
  .login-pwa-pro .login-form-pro p{margin-bottom:12px!important;}
}
@media(prefers-reduced-motion:reduce){
  .login-pwa-pro .login-hero-pro:before,
  .login-pwa-pro .login-hero-pro:after{animation:none!important;}
}


/* v6.17.16 mobile/tablet login balance + professional bridge */
.login-mobile-bridge{display:none!important;}
@keyframes cgBridgePulse{0%,100%{transform:translate3d(0,0,0);opacity:.72}50%{transform:translate3d(0,-1px,0);opacity:1}}
@keyframes cgBridgeSweep{0%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@media(max-width:1024px){
  .login-card-pro.login-pwa-pro{
    grid-template-rows:auto minmax(0,1fr)!important;
  }
  .login-card-pro.login-pwa-pro .login-hero-pro,
  .login-pwa-pro .login-hero-pro{
    height:clamp(132px,22dvh,190px)!important;
    min-height:clamp(132px,22dvh,190px)!important;
    padding:calc(16px + env(safe-area-inset-top,0px)) 16px 12px!important;
  }
  .login-card-pro.login-pwa-pro .login-splash-brand,
  .login-pwa-pro .login-splash-brand{
    height:auto!important;
    min-height:0!important;
    gap:8px!important;
  }
  .login-card-pro.login-pwa-pro .login-mobile-brand-copy strong{
    line-height:1.05!important;
  }
  .login-card-pro.login-pwa-pro .login-form-pro,
  .login-pwa-pro .login-form-pro{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    text-align:center!important;
    padding:clamp(14px,2.4dvh,22px) clamp(18px,4vw,34px) calc(96px + env(safe-area-inset-bottom,0px))!important;
    width:100%!important;
  }
  .login-mobile-bridge{
    width:min(100%,520px)!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    margin:0 auto clamp(12px,2.1dvh,18px)!important;
    position:relative!important;
    overflow:hidden!important;
    padding:8px!important;
    border:1px dashed rgba(148,163,184,.46)!important;
    background:
      linear-gradient(135deg,rgba(255,247,237,.92),rgba(248,250,252,.96)),
      radial-gradient(circle at 18% 0%,rgba(245,158,11,.18),transparent 38%)!important;
    box-shadow:0 10px 24px rgba(15,23,42,.055)!important;
  }
  .login-mobile-bridge:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.82),transparent)!important;
    transform:translateX(-120%)!important;
    animation:cgBridgeSweep 5.8s ease-in-out infinite!important;
    pointer-events:none!important;
  }
  .login-mobile-bridge span{
    position:relative!important;
    z-index:1!important;
    min-height:34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    color:#334155!important;
    font-size:clamp(10px,2.3vw,12px)!important;
    font-weight:500!important;
    background:rgba(255,255,255,.68)!important;
    border:1px dashed rgba(203,213,225,.75)!important;
    white-space:nowrap!important;
    animation:cgBridgePulse 4.8s ease-in-out infinite!important;
  }
  .login-mobile-bridge i{
    width:7px!important;
    height:7px!important;
    display:inline-block!important;
    background:#f59e0b!important;
    box-shadow:0 0 0 4px rgba(245,158,11,.10)!important;
  }
  .login-pwa-pro .login-form-kicker{
    align-self:center!important;
    margin:0 auto 8px!important;
    text-align:center!important;
  }
  .login-pwa-pro .login-form-pro h2,
  .login-pwa-pro .login-form-pro p{
    width:min(100%,520px)!important;
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .login-pwa-pro .login-form-pro h2{
    margin-top:0!important;
    margin-bottom:5px!important;
  }
  .login-pwa-pro .login-form-pro p{
    margin-bottom:clamp(12px,2dvh,18px)!important;
    line-height:1.45!important;
  }
  .login-pwa-pro .login-form-pro form,
  .login-pwa-pro .login-form-pro .alert{
    width:min(100%,520px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:left!important;
  }
}
@media(max-width:560px){
  .login-mobile-bridge{
    grid-template-columns:1fr!important;
    gap:6px!important;
    padding:7px!important;
    margin-bottom:10px!important;
  }
  .login-mobile-bridge span{
    min-height:30px!important;
    font-size:11px!important;
  }
  .login-card-pro.login-pwa-pro .login-hero-pro,
  .login-pwa-pro .login-hero-pro{
    height:clamp(126px,21dvh,164px)!important;
    min-height:clamp(126px,21dvh,164px)!important;
  }
  .login-card-pro.login-pwa-pro .login-form-pro,
  .login-pwa-pro .login-form-pro{
    padding-top:12px!important;
  }
}
@media(max-height:680px) and (max-width:1024px){
  .login-mobile-bridge{display:none!important;}
  .login-card-pro.login-pwa-pro .login-form-pro,
  .login-pwa-pro .login-form-pro{justify-content:center!important;padding-top:10px!important;}
}
@media(prefers-reduced-motion:reduce){
  .login-mobile-bridge:before,
  .login-mobile-bridge span{animation:none!important;}
}


/* v6.17.17 mobile login feature bridge: PC hero features reused as 2x2 dashed cards */
@media(max-width:1024px){
  .login-mobile-bridge.login-mobile-feature-grid{
    width:min(100%,520px)!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    margin:0 auto clamp(12px,2.2dvh,18px)!important;
    padding:10px!important;
    overflow:hidden!important;
    position:relative!important;
    border:1px dashed rgba(203,213,225,.86)!important;
    background:
      radial-gradient(circle at 10% 0%,rgba(245,158,11,.12),transparent 38%),
      linear-gradient(135deg,#ffffff 0%,#f8fafc 100%)!important;
    box-shadow:0 10px 24px rgba(15,23,42,.055)!important;
  }
  .login-mobile-bridge.login-mobile-feature-grid:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.68),transparent)!important;
    transform:translateX(-120%)!important;
    animation:cgBridgeSweep 7.2s ease-in-out infinite!important;
    pointer-events:none!important;
  }
  .login-mobile-feature-card{
    position:relative!important;
    z-index:1!important;
    min-height:74px!important;
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    grid-template-rows:auto auto!important;
    column-gap:9px!important;
    row-gap:3px!important;
    align-content:center!important;
    align-items:center!important;
    text-align:left!important;
    padding:12px!important;
    border:1px dashed rgba(203,213,225,.92)!important;
    background:rgba(255,255,255,.84)!important;
    box-shadow:none!important;
    animation:none!important;
  }
  .login-mobile-feature-icon{
    grid-row:1 / span 2!important;
    width:32px!important;
    height:32px!important;
    display:grid!important;
    place-items:center!important;
    border:1px dashed #fed7aa!important;
    background:#fff7ed!important;
    color:#c2410c!important;
    font-size:14px!important;
  }
  .login-mobile-feature-card strong{
    display:block!important;
    color:#111827!important;
    font-size:13px!important;
    font-weight:500!important;
    line-height:1.15!important;
    white-space:nowrap!important;
  }
  .login-mobile-feature-card small{
    display:block!important;
    color:#64748b!important;
    font-size:11px!important;
    font-weight:400!important;
    line-height:1.22!important;
    white-space:normal!important;
  }
  .login-mobile-bridge.login-mobile-feature-grid i{
    width:auto!important;
    height:auto!important;
    display:inline-block!important;
    background:transparent!important;
    box-shadow:none!important;
  }
}
@media(max-width:380px){
  .login-mobile-bridge.login-mobile-feature-grid{gap:7px!important;padding:8px!important;}
  .login-mobile-feature-card{min-height:64px!important;padding:9px!important;column-gap:7px!important;}
  .login-mobile-feature-icon{width:28px!important;height:28px!important;font-size:12px!important;}
  .login-mobile-feature-card strong{font-size:12px!important;}
  .login-mobile-feature-card small{font-size:10px!important;}
}
@media(max-height:680px) and (max-width:1024px){
  .login-mobile-bridge.login-mobile-feature-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;padding:6px!important;margin-bottom:8px!important;}
  .login-mobile-feature-card{min-height:42px!important;padding:7px!important;grid-template-columns:1fr!important;text-align:center!important;place-items:center!important;}
  .login-mobile-feature-icon{display:none!important;}
  .login-mobile-feature-card strong{font-size:10.5px!important;}
  .login-mobile-feature-card small{display:none!important;}
}
@media(prefers-reduced-motion:reduce){
  .login-mobile-bridge.login-mobile-feature-grid:before{animation:none!important;}
}


/* v6.17.18 mobile/tablet login brand lockup + full feature cards */
.login-pwa-pro .login-form-kicker{display:none!important;}
@media(max-width:1024px){
  body.login-page{
    overflow:hidden!important;
  }
  .login-card-pro.login-pwa-pro{
    grid-template-rows:auto minmax(0,1fr)!important;
    background:#fff!important;
  }
  .login-card-pro.login-pwa-pro .login-hero-pro,
  .login-pwa-pro .login-hero-pro{
    height:clamp(138px,23dvh,196px)!important;
    min-height:clamp(138px,23dvh,196px)!important;
    padding:calc(12px + env(safe-area-inset-top,0px)) 14px 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  .login-card-pro.login-pwa-pro .login-hero-pro:before,
  .login-pwa-pro .login-hero-pro:before{
    inset:10px!important;
  }
  .login-card-pro.login-pwa-pro .login-splash-brand,
  .login-pwa-pro .login-splash-brand{
    width:min(100%,520px)!important;
    height:auto!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
    align-items:center!important;
    gap:8px!important;
    padding:14px 16px!important;
    margin:0 auto!important;
    border:1px dashed rgba(255,255,255,.20)!important;
    background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
    box-shadow:0 14px 34px rgba(0,0,0,.12)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
    text-align:center!important;
  }
  .login-card-pro.login-pwa-pro .login-system-logo,
  .login-pwa-pro .login-system-logo{
    width:min(220px,64vw)!important;
    max-width:min(220px,64vw)!important;
    height:auto!important;
    margin:0 auto!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .login-card-pro.login-pwa-pro .login-system-logo img,
  .login-pwa-pro .login-system-logo img{
    width:100%!important;
    max-width:min(220px,64vw)!important;
    max-height:68px!important;
    height:auto!important;
    object-fit:contain!important;
    margin:0 auto!important;
    display:block!important;
  }
  .login-card-pro.login-pwa-pro .login-mobile-brand-copy,
  .login-pwa-pro .login-mobile-brand-copy{
    width:100%!important;
    display:grid!important;
    place-items:center!important;
    gap:0!important;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    text-align:center!important;
  }
  .login-card-pro.login-pwa-pro .login-mobile-brand-copy strong,
  .login-pwa-pro .login-mobile-brand-copy strong{
    font-size:clamp(18px,4.8vw,23px)!important;
    line-height:1.08!important;
    letter-spacing:-.035em!important;
    font-weight:500!important;
    color:#fff!important;
  }
  .login-card-pro.login-pwa-pro .login-mobile-brand-copy small,
  .login-pwa-pro .login-mobile-brand-copy small{display:none!important;}
  .login-card-pro.login-pwa-pro .login-form-pro,
  .login-pwa-pro .login-form-pro{
    justify-content:flex-start!important;
    align-items:center!important;
    overflow:hidden!important;
    padding:clamp(10px,2dvh,18px) clamp(14px,4vw,28px) calc(86px + env(safe-area-inset-bottom,0px))!important;
  }
  .login-mobile-bridge.login-mobile-feature-grid{
    width:min(100%,520px)!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin:0 auto clamp(10px,1.8dvh,14px)!important;
    padding:8px!important;
    border:1px dashed rgba(203,213,225,.9)!important;
    background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%)!important;
    box-shadow:0 8px 20px rgba(15,23,42,.045)!important;
    overflow:visible!important;
  }
  .login-mobile-feature-card{
    min-height:64px!important;
    height:auto!important;
    padding:9px 10px!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    column-gap:8px!important;
    border:1px dashed rgba(203,213,225,.92)!important;
    background:rgba(255,255,255,.92)!important;
    align-content:center!important;
  }
  .login-mobile-feature-icon{
    width:30px!important;
    height:30px!important;
    font-size:13px!important;
  }
  .login-mobile-feature-card strong{
    font-size:12.5px!important;
    line-height:1.12!important;
    white-space:nowrap!important;
  }
  .login-mobile-feature-card small{
    font-size:10.5px!important;
    line-height:1.16!important;
  }
  .login-pwa-pro .login-form-pro h2{
    width:min(100%,520px)!important;
    text-align:center!important;
    font-size:clamp(22px,4.8vw,30px)!important;
    margin:0 0 5px!important;
  }
  .login-pwa-pro .login-form-pro p{
    width:min(100%,520px)!important;
    text-align:center!important;
    font-size:12.5px!important;
    margin:0 auto clamp(10px,1.7dvh,14px)!important;
    line-height:1.36!important;
  }
  .login-pwa-pro .login-form-pro form,
  .login-pwa-pro .login-form-pro .alert{
    width:min(100%,520px)!important;
  }
}
@media(max-width:380px){
  .login-card-pro.login-pwa-pro .login-hero-pro,
  .login-pwa-pro .login-hero-pro{
    height:126px!important;
    min-height:126px!important;
  }
  .login-card-pro.login-pwa-pro .login-splash-brand,
  .login-pwa-pro .login-splash-brand{
    padding:10px 12px!important;
    gap:5px!important;
  }
  .login-card-pro.login-pwa-pro .login-system-logo img,
  .login-pwa-pro .login-system-logo img{max-height:52px!important;}
  .login-card-pro.login-pwa-pro .login-mobile-brand-copy strong,
  .login-pwa-pro .login-mobile-brand-copy strong{font-size:17px!important;}
  .login-mobile-bridge.login-mobile-feature-grid{gap:6px!important;padding:6px!important;margin-bottom:8px!important;}
  .login-mobile-feature-card{min-height:54px!important;padding:7px!important;column-gap:6px!important;}
  .login-mobile-feature-icon{display:none!important;}
  .login-mobile-feature-card strong{font-size:11px!important;}
  .login-mobile-feature-card small{font-size:9.5px!important;}
}
@media(max-height:680px) and (max-width:1024px){
  .login-mobile-bridge.login-mobile-feature-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    padding:6px!important;
    margin-bottom:8px!important;
  }
  .login-mobile-feature-card{
    min-height:50px!important;
    padding:7px 8px!important;
    grid-template-columns:minmax(0,1fr)!important;
    text-align:center!important;
    place-items:center!important;
  }
  .login-mobile-feature-icon{display:none!important;}
  .login-mobile-feature-card strong{font-size:10.5px!important;}
  .login-mobile-feature-card small{display:none!important;}
  .login-pwa-pro .login-form-pro h2{font-size:22px!important;}
  .login-pwa-pro .login-form-pro p{margin-bottom:8px!important;}
}

/* v7.0 education + workshop terminals + real camera */
.real-camera-modal{z-index:9800!important}.real-camera-panel{width:min(920px,100%);background:#0b1220;color:#fff}.real-camera-panel .modal-head h2,.real-camera-panel .modal-head p{color:#fff!important}.real-camera-panel .modal-close{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.15)}.real-camera-stage{position:relative;background:#000;border-radius:24px;overflow:hidden;aspect-ratio:16/9}.real-camera-stage video{width:100%;height:100%;object-fit:cover;display:block}.real-camera-guide{position:absolute;inset:24px;pointer-events:none}.real-camera-guide span{position:absolute;width:44px;height:44px;border-color:#fff;border-style:solid}.real-camera-guide span:nth-child(1){left:0;top:0;border-width:3px 0 0 3px}.real-camera-guide span:nth-child(2){right:0;top:0;border-width:3px 3px 0 0}.real-camera-guide span:nth-child(3){left:0;bottom:0;border-width:0 0 3px 3px}.real-camera-guide span:nth-child(4){right:0;bottom:0;border-width:0 3px 3px 0}.real-camera-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:18px}.real-camera-shutter{min-width:220px!important}.real-camera-timer{position:absolute;top:18px;left:50%;transform:translateX(-50%);background:#ef4444;color:#fff;border-radius:999px;padding:8px 14px;font-size:18px;font-variant-numeric:tabular-nums}.application-modal-actions-column{display:grid;gap:12px;align-content:start}.application-delete-form{padding-top:12px;border-top:1px dashed #d7dee8}.staff-pin-code{display:inline-flex;align-items:center;justify-content:center;min-width:70px;padding:8px 12px;border-radius:12px;background:#0f172a;color:#fff;letter-spacing:.16em;font-size:16px}
.education-page .content-wrap{max-width:1500px}.education-hero{background:linear-gradient(135deg,#0f172a,#253247)!important;color:#fff}.education-hero h2,.education-hero p{color:#fff!important}.education-toc{position:sticky;top:12px;z-index:20}.education-toc-grid{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.education-toc-grid a{padding:9px 13px;border-radius:999px;background:#f1f5f9;color:#334155;text-decoration:none;font-size:12px}.education-section{margin-top:34px;scroll-margin-top:100px}.education-section-title{display:flex;gap:18px;align-items:flex-start;margin-bottom:18px}.education-section-title>span{width:54px;height:54px;border-radius:18px;background:#0f172a;color:#fff;display:grid;place-items:center;font-size:13px;flex:0 0 auto}.education-section-title h2{margin:0 0 6px;font-size:28px}.education-section-title p{margin:0;color:#64748b;max-width:900px}.education-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.education-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.education-card,.education-note,.education-admin-grid article{background:#fff;border:1px solid #e6eaf0;border-radius:24px;padding:20px;box-shadow:0 12px 32px rgba(15,23,42,.04)}.education-card h3,.education-note strong,.education-admin-grid h3{margin:12px 0 8px}.education-card p,.education-note p,.education-admin-grid p{margin:0;color:#64748b;line-height:1.65}.education-icon{width:46px;height:46px;border-radius:15px;background:#eef2f7;color:#0f172a;display:grid;place-items:center}.education-icon svg{width:23px;height:23px}.education-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.education-flow>div{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:18px}.education-flow b{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#0f172a;color:#fff;margin-bottom:14px}.education-flow strong{display:block;font-size:16px}.education-flow p{color:#64748b;line-height:1.55;margin-bottom:0}.education-note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.education-terminal-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.education-terminal-card{border-radius:28px;padding:24px;color:#fff}.education-terminal-card.tv{background:linear-gradient(135deg,#111827,#27364d)}.education-terminal-card.tablet{background:linear-gradient(135deg,#0f766e,#115e59)}.education-terminal-card>span{display:block;width:52px;height:52px}.education-terminal-card svg{width:42px;height:42px}.education-terminal-card h3{font-size:25px;margin:12px 0}.education-terminal-card ol{padding-left:20px;margin:0}.education-terminal-card li{margin:10px 0;line-height:1.55;color:rgba(255,255,255,.9)}.education-callout{margin-top:14px;background:#fff7ed;border:1px solid #fed7aa;border-radius:20px;padding:18px;color:#9a3412}.education-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.education-admin-grid article strong{display:block;margin-top:14px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.education-admin-grid article span{display:block;color:#334155;margin-top:4px;line-height:1.5}.education-checklist{display:grid;gap:10px}.education-checklist>div{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:16px}.education-checklist>div>span{width:32px;height:32px;border-radius:11px;background:#0f172a;color:#fff;display:grid;place-items:center;flex:0 0 auto}.education-checklist p{margin:3px 0;color:#475569}.education-footer{margin:34px 0 10px;background:#0f172a!important;color:#fff}.education-footer p{color:#cbd5e1;margin-bottom:0}
.workshop-tv-page{margin:0;background:#050912;color:#fff;min-height:100vh;font-family:Poppins,Arial,sans-serif;overflow-x:hidden}.workshop-tv-header{height:88px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);background:#08101d;position:sticky;top:0;z-index:20}.workshop-tv-header>div:first-child{display:flex;align-items:center;gap:13px}.workshop-tv-header strong{font-size:24px}.workshop-tv-header small{color:#91a0b7}.workshop-live-dot{width:12px;height:12px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 8px rgba(34,197,94,.12)}.workshop-tv-actions{display:flex;align-items:center;gap:12px}.workshop-tv-actions span{font-size:26px;font-variant-numeric:tabular-nums}.workshop-tv-actions button,.workshop-tv-actions a{border:1px solid rgba(255,255,255,.12);background:#121c2d;color:#fff;padding:10px 14px;border-radius:12px;text-decoration:none}.workshop-tv-main{padding:24px 30px 40px}.workshop-tv-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.workshop-tv-summary>div{background:#0c1524;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.workshop-tv-summary span{color:#91a0b7}.workshop-tv-summary strong{font-size:28px}.workshop-tv-board{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.workshop-tv-column{background:#0a1220;border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:18px;min-height:calc(100vh - 190px)}.workshop-tv-column-head{display:flex;justify-content:space-between;align-items:center;font-size:21px;margin-bottom:14px}.workshop-tv-column-head em{font-style:normal;background:#fff;color:#111827;min-width:38px;height:38px;border-radius:13px;display:grid;place-items:center}.workshop-tv-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workshop-tv-column.active .workshop-tv-list{grid-template-columns:1fr}.workshop-tv-job{background:linear-gradient(145deg,#172337,#101827);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:18px}.workshop-tv-job.is-active{background:linear-gradient(145deg,#103b38,#0d2628)}.workshop-tv-job-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.workshop-tv-job-top span{font-size:12px;color:#9cc4ff}.workshop-tv-job-top em{font-size:10px;font-style:normal;background:#ef4444;padding:5px 8px;border-radius:999px}.workshop-tv-job.is-active .workshop-tv-job-top em{background:#14b8a6}.workshop-tv-job>strong{display:block;font-size:38px;letter-spacing:.03em;margin-top:12px}.workshop-tv-job h3{font-size:18px;margin:0 0 8px;color:#dce6f5}.workshop-tv-job p{color:#a7b4c8;line-height:1.45;margin:0;min-height:44px}.workshop-tv-staff,.workshop-tv-age{margin-top:14px;background:rgba(255,255,255,.07);border-radius:12px;padding:10px}.workshop-tv-empty{grid-column:1/-1;color:#718198;border:1px dashed rgba(255,255,255,.12);padding:40px;border-radius:20px;text-align:center}.workshop-tv-alert{position:fixed;inset:0;z-index:100;background:rgba(239,68,68,.96);display:grid;place-items:center;text-align:center;padding:40px}.workshop-tv-alert-inner>span{display:inline-block;background:#fff;color:#b91c1c;padding:10px 20px;border-radius:999px;font-size:18px;letter-spacing:.12em}.workshop-tv-alert-inner>strong{display:block;font-size:clamp(72px,11vw,180px);line-height:1;margin:22px 0 10px}.workshop-tv-alert-inner h1{font-size:clamp(28px,4vw,58px);max-width:1200px;margin:0 auto}.workshop-tv-alert-inner p{font-size:24px}.workshop-alert-pulses{display:flex;gap:10px;justify-content:center;margin-top:28px}.workshop-alert-pulses i{width:18px;height:18px;background:#fff;border-radius:50%;animation:tvPulse 1s infinite alternate}.workshop-alert-pulses i:nth-child(2){animation-delay:.1s}.workshop-alert-pulses i:nth-child(3){animation-delay:.2s}.workshop-alert-pulses i:nth-child(4){animation-delay:.3s}.workshop-alert-pulses i:nth-child(5){animation-delay:.4s}@keyframes tvPulse{to{transform:scale(.45);opacity:.35}}.workshop-tv-sound-gate{position:fixed;right:24px;bottom:24px;z-index:90;width:min(430px,calc(100% - 48px));background:#fff;color:#111827;border-radius:24px;padding:22px;box-shadow:0 30px 80px rgba(0,0,0,.4)}.workshop-tv-sound-gate[hidden]{display:none}.workshop-tv-sound-gate span{font-size:36px}.workshop-tv-sound-gate h2{margin:6px 0}.workshop-tv-sound-gate p{color:#64748b}.workshop-tv-sound-gate button{width:100%;border:0;background:#111827;color:#fff;border-radius:14px;padding:14px;font-size:16px}
.workshop-tablet-page{margin:0;background:#eef2f6;min-height:100vh;font-family:Poppins,Arial,sans-serif;color:#0f172a}.workshop-tablet-header{height:78px;padding:0 24px;background:#0f172a;color:#fff;display:flex;align-items:center;justify-content:space-between}.workshop-tablet-header>div{display:flex;align-items:center;gap:12px}.workshop-tablet-header svg{width:30px}.workshop-tablet-header strong{font-size:20px}.workshop-tablet-header small{display:block;color:#94a3b8}.workshop-tablet-header a{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.15);padding:10px 14px;border-radius:12px}.workshop-tablet-main{padding:20px}.tablet-pin-screen{min-height:calc(100vh - 118px);display:grid;place-items:center}.tablet-pin-card{width:min(520px,100%);background:#fff;border-radius:34px;padding:30px;box-shadow:0 24px 80px rgba(15,23,42,.12);text-align:center}.tablet-pin-icon{width:64px;height:64px;border-radius:22px;background:#0f172a;color:#fff;display:grid;place-items:center;margin:auto;font-size:28px}.tablet-pin-card h1{font-size:34px;margin:14px 0 6px}.tablet-pin-card p{color:#64748b}.tablet-pin-dots{display:flex;justify-content:center;gap:14px;margin:24px 0}.tablet-pin-dots i{width:18px;height:18px;border:2px solid #94a3b8;border-radius:50%}.tablet-pin-dots i.filled{background:#0f172a;border-color:#0f172a}.tablet-pin-error{min-height:24px;color:#dc2626}.tablet-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tablet-keypad button{height:76px;border:0;border-radius:20px;background:#f1f5f9;font-size:28px;font-weight:600;color:#0f172a}.tablet-keypad button:active{transform:scale(.97);background:#dbe4ee}.tablet-keypad button[data-clear],.tablet-keypad button[data-back]{font-size:14px}.tablet-staff-bar{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:22px;padding:14px 18px;margin-bottom:16px}.tablet-staff-bar>div{display:flex;align-items:center;gap:12px}.tablet-staff-avatar{width:52px;height:52px;border-radius:17px;background:#0f172a;color:#fff;display:grid;place-items:center;font-size:22px}.tablet-staff-bar small,.tablet-staff-bar em{display:block;color:#64748b;font-style:normal}.tablet-staff-bar strong{display:block;font-size:19px}.tablet-staff-bar button{border:0;background:#e2e8f0;border-radius:14px;padding:12px 16px}.tablet-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tablet-work-grid>section{background:#fff;border-radius:26px;padding:18px;min-height:calc(100vh - 190px)}.tablet-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.tablet-section-head>div{display:flex;gap:10px;align-items:center}.tablet-section-head span{width:34px;height:34px;border-radius:12px;background:#0f172a;color:#fff;display:grid;place-items:center}.tablet-section-head h2{margin:0}.tablet-section-head em{font-style:normal;background:#e2e8f0;border-radius:12px;padding:8px 12px}.tablet-job-list{display:grid;gap:12px}.tablet-job-card{border:1px solid #e2e8f0;border-radius:22px;padding:16px;background:#f8fafc}.tablet-job-card.active{border-color:#99f6e4;background:#f0fdfa}.tablet-job-meta{display:flex;justify-content:space-between}.tablet-job-meta span{font-size:12px;color:#475569}.tablet-job-meta em{font-style:normal;font-size:10px;background:#f59e0b;color:#fff;border-radius:999px;padding:5px 8px}.tablet-job-card.active .tablet-job-meta em{background:#0f766e}.tablet-job-card>strong{display:block;font-size:34px;margin-top:10px}.tablet-job-card h3{margin:0 0 6px}.tablet-job-card p{color:#64748b;margin:0 0 10px;line-height:1.45}.tablet-job-card small{color:#94a3b8}.tablet-job-card button{width:100%;margin-top:14px;border:0;background:#0f172a;color:#fff;border-radius:16px;padding:16px;font-size:16px}.tablet-job-card.active button{background:#0f766e}.tablet-empty{padding:34px;text-align:center;border:1px dashed #cbd5e1;border-radius:18px;color:#64748b}.tablet-handoff-modal{position:fixed;inset:0;background:rgba(15,23,42,.72);z-index:200;display:grid;place-items:center;padding:20px}.tablet-handoff-modal[hidden]{display:none}.tablet-handoff-panel{width:min(820px,100%);background:#fff;border-radius:30px;padding:28px;position:relative}.tablet-handoff-panel>span{font-size:12px;letter-spacing:.12em;color:#0f766e}.tablet-handoff-panel h2{font-size:30px;margin:6px 0}.tablet-handoff-panel p{color:#64748b}.tablet-handoff-close{position:absolute;right:18px;top:18px;width:44px;height:44px;border:0;border-radius:14px;background:#e2e8f0;font-size:22px}.tablet-category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.tablet-category-grid button{border:1px solid #dbe4ee;background:#f8fafc;border-radius:18px;padding:18px;text-align:left}.tablet-category-grid button strong,.tablet-category-grid button small{display:block}.tablet-category-grid button strong{font-size:17px}.tablet-category-grid button small{color:#64748b;margin-top:3px}.tablet-category-grid button.final{background:#0f766e;color:#fff;border-color:#0f766e}.tablet-category-grid button.final small{color:#ccfbf1}.tablet-handoff-cancel{width:100%;margin-top:12px;border:0;border-radius:14px;padding:13px;background:#e2e8f0}.tablet-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,30px);opacity:0;background:#0f172a;color:#fff;padding:14px 20px;border-radius:14px;z-index:300;transition:.2s}.tablet-toast.show{opacity:1;transform:translate(-50%,0)}.tablet-toast.bad{background:#b91c1c}
@media(max-width:1000px){.education-grid,.education-admin-grid{grid-template-columns:repeat(2,1fr)}.education-flow{grid-template-columns:repeat(2,1fr)}.workshop-tv-board{grid-template-columns:1fr}.workshop-tv-column{min-height:auto}.tablet-work-grid{grid-template-columns:1fr}.tablet-work-grid>section{min-height:auto}}@media(max-width:700px){.education-grid,.education-grid.three,.education-admin-grid,.education-flow,.education-note-grid,.education-terminal-layout{grid-template-columns:1fr}.education-toc{position:static}.real-camera-panel{border-radius:0!important;height:100dvh;max-height:100dvh}.real-camera-modal{padding:0!important}.real-camera-stage{aspect-ratio:auto;height:58vh}.workshop-tv-header{padding:0 16px}.workshop-tv-header small{display:none}.workshop-tv-actions a{display:none}.workshop-tv-main{padding:14px}.workshop-tv-summary{grid-template-columns:1fr}.workshop-tv-list{grid-template-columns:1fr}.tablet-pin-card{padding:20px}.workshop-tablet-main{padding:12px}.tablet-category-grid{grid-template-columns:1fr}}

/* v7.1 atölye terminal akışı */
.workshop-tv-alert[hidden],.tablet-pin-modal[hidden],.tablet-handoff-modal[hidden],.workshop-tv-sound-gate[hidden]{display:none!important}

.workshop-tv-v2 .workshop-tv-header>div:first-child{display:flex;align-items:center;gap:13px}.workshop-tv-v2 .workshop-tv-header>div:first-child>div{display:grid;gap:2px}.workshop-tv-v2 .tv-setting-summary{font-size:21px!important}.workshop-tv-v2 .tv-setting-summary b{font-size:28px}.workshop-tv-idle{background:#0a1220;border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:22px;min-height:calc(100vh - 205px)}.workshop-tv-idle-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.workshop-tv-idle-head span{font-size:12px;letter-spacing:.16em;color:#8ca1bc}.workshop-tv-idle-head h1{margin:4px 0 0;font-size:30px}.workshop-tv-idle-head small{color:#718198}.workshop-tv-active-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.workshop-tv-active-card{background:linear-gradient(145deg,#103b38,#0d2628);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:22px;min-height:245px;display:flex;flex-direction:column}.workshop-tv-active-card>div{display:flex;justify-content:space-between;gap:12px;align-items:center}.workshop-tv-active-card>div span{font-size:13px;color:#99f6e4}.workshop-tv-active-card>div em{font-style:normal;font-size:11px;background:#14b8a6;padding:6px 9px;border-radius:999px}.workshop-tv-active-card>strong{display:block;font-size:46px;letter-spacing:.03em;margin:15px 0 5px}.workshop-tv-active-card h3{margin:0 0 8px;font-size:19px;color:#e2e8f0}.workshop-tv-active-card p{margin:0;color:#a7b4c8;line-height:1.55;flex:1}.workshop-tv-active-card footer{margin-top:18px;padding:11px 13px;border-radius:13px;background:rgba(255,255,255,.07);font-weight:600}.workshop-tv-alert{background:#8f1118!important}.workshop-tv-alert-inner{width:min(1350px,96vw)}.workshop-tv-alert-department{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#991b1b;border-radius:18px;padding:12px 24px;font-size:clamp(24px,3vw,46px);font-weight:800;margin-bottom:18px}.workshop-tv-alert-ops{max-width:1180px;margin:22px auto 0;padding:18px 24px;border:2px solid rgba(255,255,255,.45);border-radius:20px;background:rgba(0,0,0,.12);font-size:clamp(20px,2.1vw,34px);line-height:1.45}.workshop-tv-alert-status{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:22px;font-size:19px}.workshop-tv-alert-status i{width:13px;height:13px;border-radius:50%;background:#fff;animation:tvPulse .7s infinite alternate}.workshop-alert-progress{height:9px;max-width:820px;margin:22px auto 10px;background:rgba(255,255,255,.22);border-radius:999px;overflow:hidden}.workshop-alert-progress span{display:block;height:100%;width:0;background:#fff}.workshop-tv-alert-inner>small{font-size:15px;opacity:.85}.workshop-tv-alert.is-alerting{animation:tvAlertBlink 1s steps(2,end) infinite}.workshop-tv-alert.is-alerting .workshop-tv-alert-inner{animation:tvAlertInnerPulse 1s ease-in-out infinite alternate}@keyframes tvAlertBlink{0%,49%{background:#8f1118}50%,100%{background:#d31f2b}}@keyframes tvAlertInnerPulse{from{transform:scale(1)}to{transform:scale(1.018)}}@keyframes tvAlertProgress{from{width:0}to{width:100%}}

.workshop-tablet-v2 .workshop-tablet-header{height:auto;min-height:82px;padding:12px 22px}.workshop-tablet-v2 .workshop-tablet-header>div:first-child{display:flex;align-items:center;gap:12px}.workshop-tablet-v2 .workshop-tablet-header>div:first-child>div{display:grid}.tablet-header-actions{display:flex;align-items:center;gap:10px}.tablet-header-actions button,.tablet-header-actions a{border:1px solid rgba(255,255,255,.16);background:#182337;color:#fff;padding:13px 16px;border-radius:14px;font:inherit;text-decoration:none}.tablet-header-actions button{background:#0f766e;border-color:#0f766e;font-weight:700}.tablet-terminal-intro{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:24px;padding:16px 20px;margin-bottom:18px;box-shadow:0 10px 35px rgba(15,23,42,.06)}.tablet-terminal-intro>div:first-child{display:flex;align-items:center;gap:15px}.tablet-terminal-intro>div:first-child>div{display:grid;gap:2px}.tablet-terminal-intro small{color:#64748b}.tablet-terminal-counters{display:flex;gap:10px}.tablet-terminal-counters span{background:#eef2f6;border-radius:14px;padding:10px 14px;color:#475569}.tablet-terminal-counters b{font-size:22px;color:#0f172a;margin-left:5px}.tablet-terminal-section{background:#fff;border-radius:26px;padding:18px;margin-bottom:18px;min-height:220px}.tablet-terminal-section .tablet-section-head small{display:block;color:#64748b;margin-top:2px}.tablet-job-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tablet-job-card{display:flex;flex-direction:column;min-height:310px}.tablet-job-card>p{flex:1}.tablet-job-department{margin:10px 0;padding:9px 11px;background:#eef2ff;border-radius:11px;color:#475569;font-size:12px}.tablet-job-department b{color:#0f172a}.tablet-active-staff{margin-top:10px;padding:10px 12px;background:#ccfbf1;border-radius:12px;color:#115e59;font-weight:700}.tablet-job-card button{font-size:18px!important;font-weight:700}.tablet-pin-modal{position:fixed;inset:0;z-index:260;background:rgba(15,23,42,.78);display:grid;place-items:center;padding:20px}.tablet-pin-modal .tablet-pin-card{position:relative}.tablet-modal-x{position:absolute;right:18px;top:18px;width:44px;height:44px;border:0;border-radius:14px;background:#e2e8f0;font-size:22px}.tablet-my-active-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.tablet-my-active-grid>button{border:1px solid #dbe4ee;background:#f8fafc;border-radius:20px;padding:18px;text-align:left;display:grid;gap:5px}.tablet-my-active-grid>button span{font-size:12px;color:#0f766e;font-weight:700}.tablet-my-active-grid>button strong{font-size:28px}.tablet-my-active-grid>button small{color:#64748b;line-height:1.45}.workshop-target-box{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:18px;padding:14px}.workshop-submit-actions{display:flex;gap:10px;flex-wrap:wrap}.workshop-notify-submit{background:#0f766e!important}.workshop-notify-card{border:1px solid #cbd5e1!important}.workshop-notify-card .pill.green{background:#dcfce7!important;color:#166534!important}

@media(max-width:1180px){.workshop-tv-active-grid,.tablet-job-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.tablet-header-actions{flex-wrap:wrap;justify-content:flex-end}.tablet-header-actions button,.tablet-header-actions a{padding:10px 12px;font-size:12px}.tablet-terminal-intro{align-items:flex-start;gap:12px;flex-direction:column}.tablet-job-grid,.tablet-my-active-grid{grid-template-columns:1fr}.tablet-terminal-counters{width:100%}.tablet-terminal-counters span{flex:1}.workshop-tv-active-grid{grid-template-columns:1fr}.workshop-tv-summary{grid-template-columns:1fr!important}.workshop-tv-alert-inner>strong{font-size:clamp(58px,16vw,110px)!important}}

/* v7.1.2 tablet personel-kilitli bölüm ekranı + canlı terminal */
.tablet-staff-gate[hidden],[data-staff-workspace][hidden]{display:none!important}
.workshop-tablet-v3 .workshop-tablet-main{max-width:1500px;margin:0 auto;padding:22px}
.tablet-staff-gate{min-height:calc(100dvh - 115px);display:grid;place-items:center;padding:22px}
.tablet-staff-gate-card{width:min(560px,100%);background:#fff;border-radius:32px;padding:30px;box-shadow:0 28px 80px rgba(15,23,42,.16);text-align:center}
.tablet-staff-gate-badge{display:inline-flex;padding:7px 11px;border-radius:999px;background:#ecfdf5;color:#047857;font-size:11px;font-weight:800;letter-spacing:.14em}
.tablet-staff-gate-card h1{margin:13px 0 8px;font-size:34px;letter-spacing:-.03em;color:#0f172a}
.tablet-staff-gate-card p{max-width:470px;margin:0 auto 20px;color:#64748b;line-height:1.55}
.tablet-staff-gate-card>small{display:block;margin-top:14px;color:#94a3b8}
.tablet-gate-dots{justify-content:center;margin:18px 0}
.tablet-gate-keypad{max-width:430px;margin:0 auto}
.tablet-staff-session{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:16px;align-items:center;background:linear-gradient(135deg,#0f172a,#17233a);color:#fff;border-radius:26px;padding:18px 20px;margin-bottom:18px;box-shadow:0 14px 36px rgba(15,23,42,.12)}
.tablet-staff-identity{display:flex;align-items:center;gap:14px;min-width:0}
.tablet-staff-identity>div{display:grid;gap:2px;min-width:0}.tablet-staff-identity small{font-size:10px;letter-spacing:.14em;color:#94a3b8}.tablet-staff-identity strong{font-size:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tablet-staff-identity em{font-style:normal;color:#99f6e4;font-weight:700}
.workshop-tablet-v3 .tablet-terminal-counters span{background:rgba(255,255,255,.09);color:#cbd5e1}.workshop-tablet-v3 .tablet-terminal-counters b{color:#fff}
.tablet-lock-button{border:1px solid rgba(255,255,255,.18);background:#fff;color:#0f172a;border-radius:15px;padding:14px 17px;font:inherit;font-weight:800;cursor:pointer}
.workshop-tablet-v3 .tablet-job-card.waiting-card{border:2px solid #dbeafe;background:linear-gradient(180deg,#fff,#f8fbff)}
.workshop-tablet-v3 .tablet-job-card.waiting-card button{background:#1d4ed8}
.workshop-tablet-v3 .tablet-job-card.active{border:2px solid #ccfbf1}
@media(max-width:980px){.tablet-staff-session{grid-template-columns:1fr auto}.tablet-staff-session .tablet-terminal-counters{grid-column:1/-1;order:3}.tablet-lock-button{grid-column:2;grid-row:1}}
@media(max-width:700px){.workshop-tablet-v3 .workshop-tablet-main{padding:12px}.tablet-staff-gate{padding:8px;min-height:calc(100dvh - 96px)}.tablet-staff-gate-card{padding:22px 16px;border-radius:24px}.tablet-staff-gate-card h1{font-size:28px}.tablet-staff-session{grid-template-columns:1fr}.tablet-lock-button{grid-column:1;grid-row:auto;width:100%}.tablet-staff-session .tablet-terminal-counters{grid-column:1}.workshop-tablet-v3 .tablet-terminal-counters{display:grid;grid-template-columns:1fr 1fr}.workshop-tablet-v3 .tablet-terminal-counters span{padding:10px}.workshop-tablet-v3 .tablet-terminal-counters b{display:block;margin:3px 0 0}}


/* v7.1.3 bayi paneli uzaktan TV / tablet terminal kontrolü */
.workshop-terminal-remote-card{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #dbe4ee;background:linear-gradient(135deg,#fff,#f8fafc);overflow:hidden}
.workshop-terminal-remote-copy{max-width:760px}.workshop-terminal-remote-copy h2{margin:10px 0 6px;font-size:24px}.workshop-terminal-remote-copy p{margin:0;color:#64748b;line-height:1.55}
.workshop-terminal-remote-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:min(100%,520px)}.workshop-terminal-remote-actions form{margin:0}
.terminal-remote-danger{width:100%;display:flex!important;align-items:center;justify-content:flex-start!important;gap:12px;padding:14px 16px!important;background:#fff!important;color:#991b1b!important;border:1px solid #fecaca!important;text-align:left!important;box-shadow:none!important}.terminal-remote-danger:hover{background:#fff1f2!important;border-color:#fda4af!important}.terminal-remote-danger>svg{width:25px;height:25px;flex:0 0 auto}.terminal-remote-danger span{display:grid;gap:2px}.terminal-remote-danger strong{font-size:13px}.terminal-remote-danger small{font-size:10px;color:#64748b;font-weight:500}
@media(max-width:980px){.workshop-terminal-remote-card{align-items:stretch;flex-direction:column}.workshop-terminal-remote-actions{width:100%;min-width:0}}
@media(max-width:620px){.workshop-terminal-remote-actions{grid-template-columns:1fr}}

/* CARGLOOS v7.1.4 · Atölye TV premium ekran + kullanıcı listesi düzeni */
.users-page .table-wrap table{min-width:1180px!important}
.users-page .staff-pin-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important;white-space:nowrap!important}
.users-page .staff-pin-actions form{display:inline-flex!important;margin:0!important}
.users-page .staff-pin-code{min-width:66px!important;height:34px!important;padding:0 10px!important;font-size:14px!important;letter-spacing:.13em!important;white-space:nowrap!important}
.users-page .terminal-account-badge{display:inline-flex;align-items:center;height:32px;padding:0 10px;border:1px solid #e2e8f0;background:#f8fafc;color:#64748b;font-size:12px;font-weight:800;white-space:nowrap}
.users-page .user-row-actions{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;flex-wrap:nowrap!important;white-space:nowrap!important}
.users-page .user-row-actions form{display:inline-flex!important;margin:0!important}
.users-page .user-row-actions .btn{min-width:68px!important;height:34px!important;padding:0 10px!important;white-space:nowrap!important}
.users-page .staff-pin-actions .btn{height:34px!important;padding:0 10px!important;white-space:nowrap!important}
@media(max-width:860px){.users-page .table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.users-page .staff-pin-actions,.users-page .user-row-actions{flex-wrap:nowrap!important}}

.workshop-tv-v3{background:#050810!important;color:#f8fafc!important;min-height:100dvh!important;overflow:hidden!important}
.workshop-tv-v3 .workshop-tv-header{height:clamp(68px,7.5vh,92px)!important;padding:0 clamp(18px,2.3vw,44px)!important;background:rgba(7,12,22,.96)!important;border-bottom:1px solid rgba(148,163,184,.14)!important;backdrop-filter:blur(18px)!important;position:relative!important;z-index:20!important}
.workshop-tv-v3 .workshop-tv-brand{display:flex!important;align-items:center!important;gap:14px!important}
.workshop-tv-v3 .workshop-tv-brand>div{display:grid!important;gap:2px!important}
.workshop-tv-v3 .workshop-tv-brand strong{font-size:clamp(18px,1.55vw,29px)!important;letter-spacing:-.02em!important}
.workshop-tv-v3 .workshop-tv-brand small{font-size:clamp(10px,.8vw,14px)!important;color:#8ea0ba!important;letter-spacing:.04em!important}
.workshop-tv-v3 .workshop-live-dot{width:10px!important;height:10px!important;background:#36d399!important;box-shadow:0 0 0 6px rgba(54,211,153,.11),0 0 22px rgba(54,211,153,.32)!important}
.workshop-tv-v3 .workshop-tv-actions{gap:10px!important}
.workshop-tv-v3 .workshop-tv-actions>[data-tv-clock]{font-size:clamp(18px,1.8vw,30px)!important;font-weight:800!important;min-width:72px!important;text-align:right!important}
.workshop-tv-v3 .workshop-tv-actions button{height:38px!important;padding:0 13px!important;border:1px solid rgba(148,163,184,.17)!important;background:#111a2a!important;color:#e5edf8!important;font-size:12px!important;font-weight:800!important;box-shadow:none!important}
.workshop-tv-v3 .workshop-tv-sound-state{font-size:11px!important;font-weight:800!important;color:#94a3b8!important;padding:7px 10px!important;border:1px solid rgba(148,163,184,.12)!important;background:rgba(15,23,42,.68)!important}
.workshop-tv-v3 .workshop-tv-sound-state.is-ready{color:#86efac!important;border-color:rgba(34,197,94,.22)!important;background:rgba(20,83,45,.18)!important}
.workshop-tv-v3 .workshop-tv-main{height:calc(100dvh - clamp(68px,7.5vh,92px))!important;padding:clamp(14px,1.5vw,28px) clamp(18px,2.2vw,42px) clamp(18px,2vw,34px)!important;display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;gap:clamp(12px,1.1vw,20px)!important;overflow:hidden!important}
.workshop-tv-v3 .workshop-tv-summary{display:grid!important;grid-template-columns:.75fr .75fr 1.35fr!important;gap:12px!important;margin:0!important}
.workshop-tv-v3 .workshop-tv-summary>div{min-height:58px!important;padding:10px clamp(14px,1.4vw,22px)!important;background:linear-gradient(180deg,rgba(17,26,42,.94),rgba(10,17,29,.94))!important;border:1px solid rgba(148,163,184,.12)!important;box-shadow:0 16px 38px rgba(0,0,0,.14)!important}
.workshop-tv-v3 .workshop-tv-summary span{font-size:clamp(10px,.78vw,13px)!important;color:#8393a9!important;text-transform:uppercase!important;letter-spacing:.09em!important;font-weight:800!important}
.workshop-tv-v3 .workshop-tv-summary strong{font-size:clamp(20px,2vw,34px)!important;color:#f8fafc!important}
.workshop-tv-v3 .tv-setting-summary{font-size:clamp(13px,1.18vw,19px)!important;color:#dbe7f6!important}
.workshop-tv-v3 .tv-setting-summary b{font-size:inherit!important}
.workshop-tv-v3 .workshop-tv-idle{min-height:0!important;height:100%!important;overflow:hidden!important;background:linear-gradient(155deg,rgba(11,18,31,.98),rgba(6,11,20,.98))!important;border:1px solid rgba(148,163,184,.12)!important;padding:clamp(16px,1.6vw,28px)!important;box-shadow:0 26px 80px rgba(0,0,0,.2)!important}
.workshop-tv-v3 .workshop-tv-idle-head{margin:0 0 clamp(12px,1.3vw,22px)!important;align-items:center!important}
.workshop-tv-v3 .workshop-tv-idle-head span{font-size:clamp(9px,.7vw,12px)!important;color:#6f819b!important;letter-spacing:.18em!important;font-weight:900!important}
.workshop-tv-v3 .workshop-tv-idle-head h1{font-size:clamp(22px,2.15vw,38px)!important;line-height:1.1!important;letter-spacing:-.035em!important}
.workshop-tv-v3 .workshop-tv-idle-head small{font-size:clamp(10px,.8vw,13px)!important;color:#718198!important}
.workshop-tv-v3 .workshop-tv-active-grid{height:calc(100% - 58px)!important;overflow:auto!important;align-content:start!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(10px,1vw,16px)!important;padding-right:2px!important}
.workshop-tv-v3 .workshop-tv-active-card{min-height:clamp(190px,28vh,290px)!important;padding:clamp(16px,1.5vw,24px)!important;background:linear-gradient(150deg,rgba(10,50,50,.88),rgba(8,30,36,.9))!important;border:1px solid rgba(45,212,191,.16)!important;box-shadow:inset 0 1px rgba(255,255,255,.02),0 18px 48px rgba(0,0,0,.12)!important}
.workshop-tv-v3 .workshop-tv-active-card>div span{font-size:clamp(10px,.78vw,13px)!important;font-weight:800!important;letter-spacing:.08em!important;color:#8be7db!important;text-transform:uppercase!important}
.workshop-tv-v3 .workshop-tv-active-card>div em{font-size:10px!important;letter-spacing:.07em!important;background:rgba(45,212,191,.14)!important;color:#99f6e4!important;border:1px solid rgba(45,212,191,.2)!important;padding:6px 9px!important}
.workshop-tv-v3 .workshop-tv-active-card>strong{font-size:clamp(32px,3.2vw,56px)!important;line-height:1!important;margin:clamp(12px,1.4vw,20px) 0 7px!important;letter-spacing:.035em!important}
.workshop-tv-v3 .workshop-tv-active-card h3{font-size:clamp(14px,1.15vw,20px)!important;margin:0 0 8px!important;color:#dce8f4!important}
.workshop-tv-v3 .workshop-tv-active-card p{font-size:clamp(11px,.9vw,15px)!important;color:#9dafc2!important;line-height:1.5!important}
.workshop-tv-v3 .workshop-tv-active-card footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-top:14px!important;padding:9px 11px!important;background:rgba(255,255,255,.055)!important;font-size:11px!important}
.workshop-tv-v3 .workshop-tv-active-card footer span{color:#7f93a9!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-size:9px!important}
.workshop-tv-v3 .workshop-tv-active-card footer strong{font-size:12px!important;color:#edf7f6!important}
.workshop-tv-v3 .workshop-tv-empty{height:100%!important;min-height:220px!important;display:grid!important;place-content:center!important;gap:7px!important;border:1px dashed rgba(148,163,184,.16)!important;background:rgba(15,23,42,.26)!important;color:#65768d!important}
.workshop-tv-v3 .workshop-tv-empty strong{font-size:clamp(18px,1.6vw,26px)!important;color:#8ea0b5!important}
.workshop-tv-v3 .workshop-tv-empty span{font-size:clamp(11px,.9vw,14px)!important}

.workshop-tv-v3 .workshop-tv-alert{position:fixed!important;inset:0!important;z-index:100!important;padding:clamp(22px,3.1vw,58px)!important;display:grid!important;place-items:center!important;background:radial-gradient(circle at 75% 20%,rgba(35,80,132,.18),transparent 33%),radial-gradient(circle at 20% 85%,rgba(18,102,94,.12),transparent 30%),#050912!important;text-align:left!important}
.workshop-tv-v3 .workshop-tv-alert[hidden]{display:none!important}
.workshop-tv-v3 .workshop-tv-alert-frame{position:relative!important;width:min(1500px,94vw)!important;max-height:calc(100dvh - clamp(44px,6.2vw,116px))!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;overflow:hidden!important;padding:clamp(20px,2.2vw,38px)!important;background:linear-gradient(145deg,rgba(15,25,42,.98),rgba(7,13,24,.99))!important;border:1px solid rgba(116,151,192,.22)!important;box-shadow:0 38px 110px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.025)!important}
.workshop-tv-v3 .workshop-tv-alert-frame:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#5ea4ff,#43d6c4);opacity:.9}
.workshop-tv-v3 .workshop-tv-alert-topline{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding-bottom:clamp(14px,1.3vw,22px)!important;border-bottom:1px solid rgba(148,163,184,.13)!important}
.workshop-tv-v3 .workshop-tv-alert-kicker{display:inline-flex!important;align-items:center!important;gap:10px!important;color:#b9cae0!important;font-size:clamp(10px,.8vw,13px)!important;font-weight:900!important;letter-spacing:.19em!important}
.workshop-tv-v3 .workshop-tv-alert-kicker i{width:9px;height:9px;background:#55d6c7;box-shadow:0 0 18px rgba(85,214,199,.7)}
.workshop-tv-v3 .workshop-tv-alert-order{font-size:clamp(10px,.8vw,13px)!important;color:#7f91a8!important;font-weight:800!important;letter-spacing:.04em!important}
.workshop-tv-v3 .workshop-tv-alert-content{display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(240px,.45fr)!important;gap:clamp(22px,3vw,54px)!important;align-items:stretch!important;padding:clamp(18px,2.1vw,38px) 0!important;min-height:0!important}
.workshop-tv-v3 .workshop-tv-alert-main{min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.workshop-tv-v3 .workshop-tv-alert-caption{font-size:clamp(9px,.7vw,12px)!important;font-weight:900!important;letter-spacing:.18em!important;color:#71849d!important;margin-bottom:6px!important}
.workshop-tv-v3 .workshop-tv-alert-main>[data-tv-alert-plate]{display:block!important;font-size:clamp(64px,9.2vw,154px)!important;line-height:.9!important;letter-spacing:.035em!important;color:#f8fbff!important;margin:0 0 clamp(16px,1.6vw,28px)!important;text-shadow:0 12px 50px rgba(0,0,0,.28)!important;white-space:nowrap!important}
.workshop-tv-v3 .workshop-tv-alert-department{display:inline-flex!important;align-self:flex-start!important;padding:8px 12px!important;margin:0 0 clamp(12px,1.1vw,18px)!important;background:rgba(94,164,255,.1)!important;border:1px solid rgba(94,164,255,.22)!important;color:#9dc7ff!important;font-size:clamp(14px,1.35vw,23px)!important;font-weight:900!important;letter-spacing:.015em!important}
.workshop-tv-v3 .workshop-tv-alert-main h1{max-width:100%!important;margin:0!important;font-size:clamp(26px,3vw,52px)!important;line-height:1.08!important;letter-spacing:-.035em!important;color:#edf4fc!important}
.workshop-tv-v3 .workshop-tv-alert-ops-wrap{margin-top:clamp(18px,2vw,34px)!important;padding-top:clamp(15px,1.5vw,24px)!important;border-top:1px solid rgba(148,163,184,.12)!important}
.workshop-tv-v3 .workshop-tv-alert-ops-wrap>span{display:block!important;margin-bottom:7px!important;font-size:clamp(9px,.7vw,11px)!important;letter-spacing:.15em!important;font-weight:900!important;color:#70839b!important}
.workshop-tv-v3 .workshop-tv-alert-ops{margin:0!important;padding:0!important;border:0!important;background:transparent!important;font-size:clamp(17px,1.65vw,28px)!important;line-height:1.38!important;color:#bccbdb!important;max-width:100%!important}
.workshop-tv-v3 .workshop-tv-alert-side{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:14px!important;border-left:1px solid rgba(148,163,184,.13)!important;padding-left:clamp(18px,2vw,34px)!important}
.workshop-tv-v3 .workshop-tv-alert-status-card{padding:clamp(16px,1.6vw,25px)!important;background:rgba(15,30,49,.72)!important;border:1px solid rgba(148,163,184,.13)!important}
.workshop-tv-v3 .workshop-tv-alert-status-card>span{display:block!important;font-size:10px!important;letter-spacing:.16em!important;font-weight:900!important;color:#6e829b!important;margin-bottom:9px!important}
.workshop-tv-v3 .workshop-tv-alert-status-card strong{display:block!important;font-size:clamp(18px,1.65vw,28px)!important;line-height:1.15!important;color:#e8f1fb!important;margin-bottom:9px!important}
.workshop-tv-v3 .workshop-tv-alert-status-card small{display:block!important;font-size:clamp(11px,.86vw,14px)!important;line-height:1.5!important;color:#8294aa!important}
.workshop-tv-v3 .workshop-tv-alert-live{display:flex!important;align-items:center!important;gap:10px!important;padding:12px 14px!important;color:#8ca0b8!important;border:1px solid rgba(148,163,184,.1)!important;background:rgba(9,18,31,.7)!important;font-size:10px!important;font-weight:900!important;letter-spacing:.13em!important}
.workshop-tv-v3 .workshop-tv-alert-live i{width:8px;height:8px;background:#38d6b3;box-shadow:0 0 16px rgba(56,214,179,.7)}
.workshop-tv-v3 .workshop-alert-progress{height:4px!important;width:100%!important;max-width:none!important;margin:0!important;background:rgba(148,163,184,.12)!important;overflow:hidden!important}
.workshop-tv-v3 .workshop-alert-progress span{display:block!important;height:100%!important;width:0;background:linear-gradient(90deg,#5ea4ff,#43d6c4)!important;box-shadow:0 0 15px rgba(67,214,196,.3)!important}
.workshop-tv-v3 .workshop-tv-alert.is-alerting{animation:none!important}
.workshop-tv-v3 .workshop-tv-alert.is-alerting .workshop-tv-alert-frame{animation:tvPremiumPulse 1.35s ease-in-out infinite alternate!important}
@keyframes tvPremiumPulse{from{border-color:rgba(94,164,255,.22);box-shadow:0 38px 110px rgba(0,0,0,.52),0 0 0 0 rgba(94,164,255,0)}to{border-color:rgba(67,214,196,.46);box-shadow:0 38px 110px rgba(0,0,0,.52),0 0 0 7px rgba(67,214,196,.035)}}
@keyframes tvAlertProgress{from{width:0}to{width:100%}}

.workshop-tv-v3 .workshop-tv-sound-gate{right:clamp(14px,2vw,30px)!important;bottom:clamp(14px,2vw,30px)!important;width:min(440px,calc(100% - 28px))!important;padding:22px!important;background:rgba(248,250,252,.98)!important;color:#0f172a!important;border:1px solid rgba(255,255,255,.8)!important;box-shadow:0 24px 80px rgba(0,0,0,.45)!important;z-index:130!important}
.workshop-tv-v3 .workshop-tv-sound-gate[hidden]{display:none!important}
.workshop-tv-v3 .workshop-tv-sound-gate-icon{font-size:30px!important;margin-bottom:5px!important}
.workshop-tv-v3 .workshop-tv-sound-gate h2{font-size:20px!important;margin:0 0 7px!important}
.workshop-tv-v3 .workshop-tv-sound-gate p{font-size:13px!important;line-height:1.55!important;color:#64748b!important;margin:0 0 10px!important}
.workshop-tv-v3 .workshop-tv-sound-gate small{display:block!important;margin:0 0 12px!important;color:#475569!important;font-size:11px!important}
.workshop-tv-v3 .workshop-tv-sound-gate button{height:44px!important;width:100%!important;padding:0 14px!important;border:0!important;background:#0f172a!important;color:#fff!important;font-size:13px!important;font-weight:900!important}
.workshop-tv-v3 .workshop-tv-sound-gate em{display:block!important;min-height:18px!important;margin-top:9px!important;font-style:normal!important;font-size:11px!important;color:#b45309!important;line-height:1.4!important}

@media(max-width:1100px){
 .workshop-tv-v3 .workshop-tv-active-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .workshop-tv-v3 .workshop-tv-alert-content{grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr)!important}
 .workshop-tv-v3 .workshop-tv-alert-main>[data-tv-alert-plate]{font-size:clamp(56px,10vw,116px)!important}
}
@media(max-width:760px){
 .workshop-tv-v3{overflow:auto!important}
 .workshop-tv-v3 .workshop-tv-header{height:auto!important;min-height:72px!important;padding:12px 14px!important;gap:10px!important;align-items:flex-start!important}
 .workshop-tv-v3 .workshop-tv-brand small,.workshop-tv-v3 .workshop-tv-sound-state{display:none!important}
 .workshop-tv-v3 .workshop-tv-actions{flex-wrap:wrap!important;justify-content:flex-end!important}
 .workshop-tv-v3 .workshop-tv-actions button{height:34px!important;padding:0 9px!important;font-size:10px!important}
 .workshop-tv-v3 .workshop-tv-main{height:auto!important;min-height:calc(100dvh - 72px)!important;overflow:visible!important;padding:12px!important}
 .workshop-tv-v3 .workshop-tv-summary{grid-template-columns:repeat(2,1fr)!important}
 .workshop-tv-v3 .workshop-tv-summary>div:last-child{grid-column:1/-1!important}
 .workshop-tv-v3 .workshop-tv-active-grid{height:auto!important;grid-template-columns:1fr!important;overflow:visible!important}
 .workshop-tv-v3 .workshop-tv-idle{height:auto!important;min-height:55vh!important;overflow:visible!important}
 .workshop-tv-v3 .workshop-tv-alert{padding:12px!important;overflow:auto!important;place-items:start center!important}
 .workshop-tv-v3 .workshop-tv-alert-frame{width:100%!important;max-height:none!important;min-height:calc(100dvh - 24px)!important;padding:18px!important}
 .workshop-tv-v3 .workshop-tv-alert-content{grid-template-columns:1fr!important;gap:18px!important;padding:20px 0!important}
 .workshop-tv-v3 .workshop-tv-alert-side{border-left:0!important;border-top:1px solid rgba(148,163,184,.13)!important;padding:16px 0 0!important}
 .workshop-tv-v3 .workshop-tv-alert-main>[data-tv-alert-plate]{font-size:clamp(52px,17vw,92px)!important;white-space:normal!important}
 .workshop-tv-v3 .workshop-tv-alert-main h1{font-size:clamp(25px,8vw,40px)!important}
 .workshop-tv-v3 .workshop-tv-alert-ops{font-size:16px!important}
}
@media(max-height:720px) and (min-width:761px){
 .workshop-tv-v3 .workshop-tv-header{height:64px!important}
 .workshop-tv-v3 .workshop-tv-main{height:calc(100dvh - 64px)!important;padding-top:12px!important;padding-bottom:14px!important}
 .workshop-tv-v3 .workshop-tv-summary>div{min-height:48px!important;padding-top:7px!important;padding-bottom:7px!important}
 .workshop-tv-v3 .workshop-tv-idle{padding:16px!important}
 .workshop-tv-v3 .workshop-tv-alert-frame{padding:20px 28px!important}
 .workshop-tv-v3 .workshop-tv-alert-content{padding:18px 0!important}
 .workshop-tv-v3 .workshop-tv-alert-main>[data-tv-alert-plate]{font-size:clamp(60px,8.2vw,110px)!important;margin-bottom:14px!important}
 .workshop-tv-v3 .workshop-tv-alert-main h1{font-size:clamp(24px,2.5vw,38px)!important}
 .workshop-tv-v3 .workshop-tv-alert-ops-wrap{margin-top:15px!important;padding-top:13px!important}
}

/* v7.1.5 — TV çağrı ekranı / TR plaka / bekleme ritmi */
.workshop-tv-v3 .workshop-tv-alert-caption{display:flex!important;align-items:center!important;gap:9px!important}
.workshop-tv-v3 .workshop-tv-alert-caption svg,.workshop-tv-v3 .workshop-tv-alert-department svg,.workshop-tv-v3 .workshop-tv-alert-ops-wrap>span svg,.workshop-tv-v3 .workshop-tv-alert-status-card>span svg{width:18px!important;height:18px!important;flex:0 0 auto!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.workshop-tv-v3 .workshop-tv-alert-ops-wrap>span,.workshop-tv-v3 .workshop-tv-alert-status-card>span{display:flex!important;align-items:center!important;gap:8px!important}
.workshop-tv-v3 .workshop-tv-alert-department{gap:10px!important}
.workshop-tv-v3 .workshop-tv-alert-department svg{width:21px!important;height:21px!important}

.workshop-tv-v3 .workshop-tv-plate-stage{position:relative!important;display:inline-flex!important;align-self:flex-start!important;padding:clamp(10px,.9vw,15px)!important;margin:3px 0 clamp(18px,1.7vw,30px)!important;border:2px dashed rgba(116,151,192,.36)!important;background:rgba(5,10,18,.38)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.018)!important}
.workshop-tv-v3 .workshop-tv-plate-stage:before,.workshop-tv-v3 .workshop-tv-plate-stage:after{content:"";position:absolute;width:10px;height:10px;border-color:#5ea4ff;opacity:.8}
.workshop-tv-v3 .workshop-tv-plate-stage:before{left:-2px;top:-2px;border-left:2px solid;border-top:2px solid}
.workshop-tv-v3 .workshop-tv-plate-stage:after{right:-2px;bottom:-2px;border-right:2px solid;border-bottom:2px solid}
.workshop-tv-v3 .workshop-tv-tr-plate{height:clamp(104px,12.6vw,190px)!important;min-width:min(860px,62vw)!important;display:grid!important;grid-template-columns:clamp(58px,5.2vw,86px) minmax(0,1fr)!important;align-items:stretch!important;background:linear-gradient(180deg,#ffffff,#eef2f6)!important;border:4px solid #d7dde4!important;box-shadow:0 18px 50px rgba(0,0,0,.26),inset 0 0 0 2px #111827!important;border-radius:9px!important;overflow:hidden!important}
.workshop-tv-v3 .workshop-tv-tr-strip{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;background:linear-gradient(180deg,#0748a7,#063883)!important;color:#fff!important;border-right:2px solid rgba(0,0,0,.22)!important;text-shadow:none!important}
.workshop-tv-v3 .workshop-tv-tr-strip i{font-style:normal!important;font-size:clamp(13px,1.15vw,19px)!important;line-height:1!important;color:#ffd84d!important}
.workshop-tv-v3 .workshop-tv-tr-strip b{font-size:clamp(15px,1.45vw,24px)!important;line-height:1!important;letter-spacing:.055em!important;font-weight:900!important}
.workshop-tv-v3 .workshop-tv-tr-plate>[data-tv-alert-plate]{display:flex!important;align-items:center!important;justify-content:center!important;padding:0 clamp(20px,2.2vw,36px)!important;margin:0!important;color:#070b10!important;font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(58px,8.25vw,142px)!important;line-height:1!important;font-weight:900!important;letter-spacing:.035em!important;white-space:nowrap!important;text-shadow:none!important;font-variant-numeric:tabular-nums!important}

.workshop-tv-v3 .workshop-tv-waiting-heart{display:flex!important;align-items:center!important;gap:14px!important;padding:15px 16px!important;border:1px solid rgba(94,164,255,.16)!important;background:rgba(8,18,31,.7)!important;color:#9eb1c8!important}
.workshop-tv-v3 .workshop-tv-waiting-heart .heart-core{position:relative!important;width:24px!important;height:24px!important;flex:0 0 24px!important;border-radius:50%!important;background:#5ea4ff!important;box-shadow:0 0 0 0 rgba(94,164,255,.28)!important}
.workshop-tv-v3 .workshop-tv-waiting-heart .heart-core:after{content:"";position:absolute;inset:7px;border-radius:50%;background:#d8eaff}
.workshop-tv-v3 .workshop-tv-waiting-heart div{display:grid!important;gap:2px!important}
.workshop-tv-v3 .workshop-tv-waiting-heart strong{font-size:10px!important;letter-spacing:.12em!important;color:#c8d8e9!important}
.workshop-tv-v3 .workshop-tv-waiting-heart small{font-size:11px!important;color:#71869f!important}
.workshop-tv-v3 .workshop-tv-alert:not(.is-waiting-pulse) .workshop-tv-waiting-heart{opacity:.55!important}
.workshop-tv-v3 .workshop-tv-alert.is-waiting-pulse .workshop-tv-alert-frame{animation:tvHeartbeatFrame 1.9s ease-in-out infinite!important}
.workshop-tv-v3 .workshop-tv-alert.is-waiting-pulse .heart-core{animation:tvHeartbeatDot 1.9s ease-in-out infinite!important}
.workshop-tv-v3 .workshop-tv-alert.is-waiting-pulse .workshop-tv-plate-stage{animation:tvHeartbeatPlate 1.9s ease-in-out infinite!important}
@keyframes tvHeartbeatFrame{0%,100%{border-color:rgba(116,151,192,.22);box-shadow:0 38px 110px rgba(0,0,0,.52),0 0 0 0 rgba(94,164,255,0)}8%{border-color:rgba(94,164,255,.52);box-shadow:0 38px 110px rgba(0,0,0,.52),0 0 0 6px rgba(94,164,255,.045)}15%{border-color:rgba(116,151,192,.26);box-shadow:0 38px 110px rgba(0,0,0,.52),0 0 0 1px rgba(94,164,255,.01)}23%{border-color:rgba(67,214,196,.45);box-shadow:0 38px 110px rgba(0,0,0,.52),0 0 0 4px rgba(67,214,196,.035)}32%,100%{border-color:rgba(116,151,192,.22)}}
@keyframes tvHeartbeatDot{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(94,164,255,.25)}8%{transform:scale(1.34);box-shadow:0 0 0 10px rgba(94,164,255,0)}15%{transform:scale(.96)}23%{transform:scale(1.2);box-shadow:0 0 0 7px rgba(67,214,196,0)}32%,100%{transform:scale(1)}}
@keyframes tvHeartbeatPlate{0%,100%{border-color:rgba(116,151,192,.36)}8%{border-color:rgba(94,164,255,.78)}15%{border-color:rgba(116,151,192,.42)}23%{border-color:rgba(67,214,196,.7)}32%,100%{border-color:rgba(116,151,192,.36)}}

.workshop-tv-v3 .workshop-tv-alert.is-alerting .workshop-tv-alert-frame{animation:tvAnnouncePulse 1.15s ease-in-out infinite alternate!important}
@keyframes tvAnnouncePulse{from{border-color:rgba(94,164,255,.25);box-shadow:0 38px 110px rgba(0,0,0,.52),0 0 0 0 rgba(94,164,255,0)}to{border-color:rgba(94,164,255,.58);box-shadow:0 38px 110px rgba(0,0,0,.52),0 0 0 6px rgba(94,164,255,.04)}}

@media(max-width:1100px){
 .workshop-tv-v3 .workshop-tv-tr-plate{min-width:min(720px,66vw)!important;height:clamp(96px,13vw,155px)!important}
 .workshop-tv-v3 .workshop-tv-tr-plate>[data-tv-alert-plate]{font-size:clamp(50px,8.4vw,106px)!important}
}
@media(max-width:760px){
 .workshop-tv-v3 .workshop-tv-plate-stage{width:100%!important;padding:8px!important}
 .workshop-tv-v3 .workshop-tv-tr-plate{width:100%!important;min-width:0!important;height:clamp(84px,24vw,126px)!important;grid-template-columns:clamp(48px,14vw,68px) minmax(0,1fr)!important}
 .workshop-tv-v3 .workshop-tv-tr-plate>[data-tv-alert-plate]{padding:0 10px!important;font-size:clamp(42px,15vw,78px)!important;white-space:nowrap!important;letter-spacing:.018em!important}
 .workshop-tv-v3 .workshop-tv-alert-topline{align-items:flex-start!important}
 .workshop-tv-v3 .workshop-tv-alert-order{text-align:right!important}
}
@media(max-height:720px) and (min-width:761px){
 .workshop-tv-v3 .workshop-tv-tr-plate{height:100px!important;min-width:min(650px,58vw)!important}
 .workshop-tv-v3 .workshop-tv-tr-plate>[data-tv-alert-plate]{font-size:66px!important}
 .workshop-tv-v3 .workshop-tv-plate-stage{margin-bottom:12px!important;padding:8px!important}
 .workshop-tv-v3 .workshop-tv-waiting-heart{padding:11px 12px!important}
}


/* v7.1.6 — TV kırmızı işlem çağrısı + ses modu ayarları */
.workshop-tv-v3 .workshop-tv-tr-strip{gap:0!important}
.workshop-tv-v3 .workshop-tv-tr-strip i{display:none!important}
.workshop-tv-v3 .workshop-tv-tr-strip b{font-size:clamp(17px,1.5vw,25px)!important;letter-spacing:.06em!important}

.workshop-tv-v3 .workshop-tv-alert-ops-wrap{
 position:relative!important;
 margin-top:clamp(18px,1.7vw,28px)!important;
 padding:clamp(17px,1.55vw,26px) clamp(18px,1.8vw,30px)!important;
 border:2px dashed rgba(248,113,113,.72)!important;
 border-radius:16px!important;
 background:linear-gradient(135deg,rgba(127,29,29,.24),rgba(69,10,10,.16))!important;
 box-shadow:inset 0 0 0 1px rgba(254,202,202,.035),0 0 0 0 rgba(239,68,68,0)!important;
 overflow:hidden!important;
 animation:tvOpsHeartbeat 1.85s ease-in-out infinite!important;
}
.workshop-tv-v3 .workshop-tv-alert-ops-wrap:before{
 content:"";position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(100deg,transparent 0 38%,rgba(248,113,113,.08) 48%,transparent 58%);
 transform:translateX(-120%);animation:tvOpsSweep 4.8s ease-in-out infinite!important;
}
.workshop-tv-v3 .workshop-tv-alert-ops-wrap>span{
 position:relative;z-index:1;color:#fca5a5!important;font-size:clamp(11px,.85vw,15px)!important;
 font-weight:950!important;letter-spacing:.16em!important;margin-bottom:9px!important;
}
.workshop-tv-v3 .workshop-tv-alert-ops-wrap>span svg{width:clamp(20px,1.4vw,26px)!important;height:clamp(20px,1.4vw,26px)!important;stroke:#fb7185!important}
.workshop-tv-v3 .workshop-tv-alert-ops{
 position:relative;z-index:1;color:#fff1f2!important;font-size:clamp(24px,2.5vw,46px)!important;
 line-height:1.12!important;font-weight:950!important;letter-spacing:.025em!important;text-transform:uppercase!important;
 text-shadow:0 4px 26px rgba(127,29,29,.28)!important;
}
@keyframes tvOpsHeartbeat{
 0%,100%{border-color:rgba(248,113,113,.54);box-shadow:inset 0 0 0 1px rgba(254,202,202,.025),0 0 0 0 rgba(239,68,68,0);transform:scale(1)}
 7%{border-color:rgba(251,113,133,1);box-shadow:inset 0 0 0 1px rgba(254,202,202,.08),0 0 0 7px rgba(239,68,68,.07),0 0 30px rgba(220,38,38,.18);transform:scale(1.008)}
 14%{border-color:rgba(248,113,113,.62);box-shadow:inset 0 0 0 1px rgba(254,202,202,.03),0 0 0 1px rgba(239,68,68,.015);transform:scale(1)}
 22%{border-color:rgba(244,63,94,.95);box-shadow:inset 0 0 0 1px rgba(254,202,202,.07),0 0 0 5px rgba(244,63,94,.05),0 0 24px rgba(225,29,72,.14);transform:scale(1.005)}
 31%,100%{border-color:rgba(248,113,113,.54);box-shadow:inset 0 0 0 1px rgba(254,202,202,.025),0 0 0 0 rgba(239,68,68,0);transform:scale(1)}
}
@keyframes tvOpsSweep{0%,58%{transform:translateX(-120%)}76%,100%{transform:translateX(120%)}}
.workshop-tv-v3 .workshop-tv-alert.is-waiting-pulse .workshop-tv-alert-ops-wrap{animation:tvOpsHeartbeat 1.65s ease-in-out infinite!important}

.tv-sound-mode-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:5px}
.tv-sound-mode-picker label{display:block;cursor:pointer;min-width:0}
.tv-sound-mode-picker input{position:absolute;opacity:0;pointer-events:none}
.tv-sound-mode-picker span{height:100%;min-height:88px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:14px 15px;border:1px solid #dbe2ea;border-radius:14px;background:#fff;color:#334155;transition:.18s ease;box-shadow:0 4px 16px rgba(15,23,42,.035)}
.tv-sound-mode-picker span>b{font-size:14px;color:#111827}
.tv-sound-mode-picker span>small{font-size:11px;line-height:1.35;color:#64748b}
.tv-sound-mode-picker input:checked+span{border-color:#111827;background:#111827;color:#fff;box-shadow:0 10px 26px rgba(15,23,42,.16)}
.tv-sound-mode-picker input:checked+span>b,.tv-sound-mode-picker input:checked+span>small{color:#fff}
.tv-sound-mode-picker label:hover span{transform:translateY(-1px)}
@media(max-width:760px){.tv-sound-mode-picker{grid-template-columns:1fr}.workshop-tv-v3 .workshop-tv-alert-ops{font-size:clamp(22px,7vw,34px)!important}.workshop-tv-v3 .workshop-tv-alert-ops-wrap{padding:15px!important}}

/* v7.1.7 — TV responsive plate fix + centered red operations + ambient gradient */
.workshop-tv-v3{
 background:
  radial-gradient(circle at 12% 18%,rgba(20,94,130,.22),transparent 28%),
  radial-gradient(circle at 86% 22%,rgba(67,56,202,.16),transparent 30%),
  radial-gradient(circle at 72% 88%,rgba(127,29,29,.16),transparent 34%),
  linear-gradient(125deg,#050912 0%,#07111f 34%,#091827 62%,#12080d 100%)!important;
 background-size:140% 140%,150% 150%,160% 160%,220% 220%!important;
 animation:tvAmbientGradient 22s ease-in-out infinite alternate!important;
}
.workshop-tv-v3 .workshop-tv-alert{
 background:
  radial-gradient(circle at 16% 20%,rgba(14,116,144,.20),transparent 28%),
  radial-gradient(circle at 82% 18%,rgba(67,56,202,.16),transparent 32%),
  radial-gradient(circle at 78% 88%,rgba(153,27,27,.15),transparent 30%),
  linear-gradient(125deg,#040812,#07111d 38%,#081726 68%,#10070b)!important;
 background-size:145% 145%,155% 155%,165% 165%,220% 220%!important;
 animation:tvAmbientGradient 20s ease-in-out infinite alternate!important;
}
@keyframes tvAmbientGradient{
 0%{background-position:0% 0%,100% 0%,70% 100%,0% 50%}
 45%{background-position:24% 12%,74% 18%,52% 78%,48% 50%}
 100%{background-position:42% 22%,55% 30%,36% 58%,100% 50%}
}

.workshop-tv-v3 .workshop-tv-plate-stage{max-width:100%!important;min-width:0!important}
.workshop-tv-v3 .workshop-tv-tr-plate{width:min(900px,100%)!important;min-width:0!important;max-width:100%!important;grid-template-columns:clamp(62px,5vw,84px) minmax(0,1fr)!important}
.workshop-tv-v3 .workshop-tv-tr-strip{min-width:0!important;overflow:hidden!important;position:relative!important;z-index:2!important}
.workshop-tv-v3 .workshop-tv-tr-plate>[data-tv-alert-plate]{min-width:0!important;max-width:100%!important;overflow:hidden!important;padding-inline:clamp(14px,1.8vw,30px)!important;font-size:clamp(54px,7.6vw,132px)!important;letter-spacing:.025em!important}
.workshop-tv-v3 .workshop-tv-tr-plate.is-long>[data-tv-alert-plate]{font-size:clamp(48px,6.8vw,116px)!important;letter-spacing:.015em!important}
.workshop-tv-v3 .workshop-tv-tr-plate.is-very-long>[data-tv-alert-plate]{font-size:clamp(42px,5.9vw,100px)!important;letter-spacing:.005em!important;padding-inline:10px!important}
.workshop-tv-v3 .workshop-tv-tr-strip b{white-space:nowrap!important;writing-mode:horizontal-tb!important;transform:none!important}

.workshop-tv-v3 .workshop-tv-alert-main h1{
 font-size:clamp(20px,2.05vw,36px)!important;
 line-height:1.08!important;
 letter-spacing:-.025em!important;
 white-space:nowrap!important;
 overflow:hidden!important;
 text-overflow:ellipsis!important;
 max-width:100%!important;
}

.workshop-tv-v3 .workshop-tv-alert-ops-wrap{
 display:grid!important;
 place-items:center!important;
 text-align:center!important;
 min-height:clamp(128px,16vh,220px)!important;
 padding:clamp(20px,2vw,32px)!important;
 border:2px dashed rgba(251,113,133,.9)!important;
 background:
  radial-gradient(circle at 50% 20%,rgba(248,113,113,.17),transparent 48%),
  linear-gradient(145deg,rgba(127,29,29,.48),rgba(69,10,10,.40))!important;
 box-shadow:inset 0 0 42px rgba(127,29,29,.25),inset 0 0 0 1px rgba(254,202,202,.05),0 18px 46px rgba(69,10,10,.18)!important;
 overflow:hidden!important;
 isolation:isolate!important;
}
.workshop-tv-v3 .workshop-tv-alert-ops-wrap:before{display:none!important;animation:none!important}
.workshop-tv-v3 .workshop-tv-alert-ops-wrap:after{
 content:""!important;position:absolute!important;inset:7px!important;border:1px solid rgba(254,202,202,.07)!important;border-radius:11px!important;pointer-events:none!important;z-index:0!important
}
.workshop-tv-v3 .workshop-tv-alert-ops-wrap>span{
 position:relative!important;z-index:1!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
 width:100%!important;margin:0 0 10px!important;text-align:center!important;color:#fecdd3!important;font-size:clamp(12px,.95vw,17px)!important;letter-spacing:.18em!important
}
.workshop-tv-v3 .workshop-tv-alert-ops{
 position:relative!important;z-index:1!important;width:100%!important;max-width:100%!important;text-align:center!important;
 color:#fff5f5!important;font-size:clamp(28px,3vw,56px)!important;line-height:1.08!important;font-weight:950!important;letter-spacing:.035em!important;
 overflow-wrap:anywhere!important
}
.workshop-tv-v3 .workshop-alert-progress{display:none!important}
.workshop-tv-v3 .workshop-tv-alert.is-waiting-pulse .workshop-tv-alert-ops-wrap{animation:tvOpsHeartbeat717 1.7s ease-in-out infinite!important}
@keyframes tvOpsHeartbeat717{
 0%,100%{transform:scale(1);border-color:rgba(251,113,133,.66);box-shadow:inset 0 0 42px rgba(127,29,29,.22),0 18px 46px rgba(69,10,10,.16)}
 7%{transform:scale(1.006);border-color:rgba(255,105,130,1);box-shadow:inset 0 0 58px rgba(190,24,93,.30),0 0 0 5px rgba(239,68,68,.055),0 20px 52px rgba(127,29,29,.24)}
 14%{transform:scale(1);border-color:rgba(251,113,133,.72)}
 22%{transform:scale(1.004);border-color:rgba(244,63,94,.96);box-shadow:inset 0 0 52px rgba(159,18,57,.27),0 0 0 3px rgba(244,63,94,.045),0 20px 50px rgba(127,29,29,.21)}
 31%,100%{transform:scale(1);border-color:rgba(251,113,133,.66)}
}
.workshop-tv-v3 .workshop-tv-ai-disclosure{font-size:9px!important;letter-spacing:.12em!important;font-weight:900!important;padding:6px 8px!important;border:1px solid rgba(94,164,255,.18)!important;color:#9dc7ff!important;background:rgba(30,64,175,.12)!important}
.workshop-tv-v3 .workshop-tv-ai-disclosure[hidden]{display:none!important}

.tv-tts-engine-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:5px}
.tv-tts-engine-picker label{display:block;cursor:pointer;min-width:0}.tv-tts-engine-picker input{position:absolute;opacity:0;pointer-events:none}
.tv-tts-engine-picker span{height:100%;min-height:84px;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:14px 15px;border:1px solid #dbe2ea;border-radius:14px;background:#fff;color:#334155;transition:.18s ease}
.tv-tts-engine-picker b{font-size:14px;color:#111827}.tv-tts-engine-picker small{font-size:11px;line-height:1.4;color:#64748b}
.tv-tts-engine-picker input:checked+span{border-color:#111827;background:#111827;color:#fff;box-shadow:0 10px 26px rgba(15,23,42,.16)}
.tv-tts-engine-picker input:checked+span b,.tv-tts-engine-picker input:checked+span small{color:#fff}

@media(max-width:1100px){
 .workshop-tv-v3 .workshop-tv-alert-main h1{font-size:clamp(18px,2.3vw,30px)!important}
 .workshop-tv-v3 .workshop-tv-alert-ops{font-size:clamp(25px,3.2vw,44px)!important}
}
@media(max-width:760px){
 .workshop-tv-v3 .workshop-tv-alert-main h1{white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;font-size:clamp(18px,5.8vw,26px)!important}
 .workshop-tv-v3 .workshop-tv-tr-plate{grid-template-columns:52px minmax(0,1fr)!important}
 .workshop-tv-v3 .workshop-tv-tr-plate>[data-tv-alert-plate]{font-size:clamp(38px,13vw,68px)!important;padding-inline:7px!important}
 .workshop-tv-v3 .workshop-tv-tr-plate.is-long>[data-tv-alert-plate]{font-size:clamp(34px,11.8vw,60px)!important}
 .workshop-tv-v3 .workshop-tv-tr-plate.is-very-long>[data-tv-alert-plate]{font-size:clamp(30px,10vw,52px)!important}
 .workshop-tv-v3 .workshop-tv-alert-ops-wrap{min-height:120px!important;padding:16px!important}
 .workshop-tv-v3 .workshop-tv-alert-ops{font-size:clamp(22px,7vw,34px)!important}
 .tv-tts-engine-picker{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.workshop-tv-v3,.workshop-tv-v3 .workshop-tv-alert{animation:none!important}.workshop-tv-v3 .workshop-tv-alert-ops-wrap{animation:none!important}}

/* v7.1.8 — Google Cloud TTS + premium TV composition */
.google-tts-provider-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 15px;border:1px solid #dbe5f0;background:linear-gradient(135deg,#fff,#f8fbff);box-shadow:0 8px 24px rgba(15,23,42,.045)}
.google-tts-provider-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;font-weight:950;font-size:20px;box-shadow:0 8px 18px rgba(37,99,235,.18)}
.google-tts-provider-card>div{display:grid;gap:3px;min-width:0}.google-tts-provider-card b{font-size:14px;color:#0f172a}.google-tts-provider-card small{font-size:11px;line-height:1.4;color:#64748b}.google-tts-provider-card em{font-style:normal;font-size:9px;letter-spacing:.12em;font-weight:950;color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;padding:6px 8px}

.workshop-tv-v3{position:relative!important;isolation:isolate!important;background:#040812!important}
.workshop-tv-v3:before{content:"";position:fixed;z-index:-3;inset:-28%;pointer-events:none;background:radial-gradient(circle at 18% 25%,rgba(14,165,233,.32),transparent 24%),radial-gradient(circle at 78% 18%,rgba(79,70,229,.24),transparent 27%),radial-gradient(circle at 72% 78%,rgba(190,24,93,.19),transparent 24%),radial-gradient(circle at 28% 82%,rgba(13,148,136,.20),transparent 26%),linear-gradient(135deg,#03070d 0%,#07111f 46%,#0b101b 68%,#12080f 100%);filter:saturate(1.08);animation:tvBackstageGradient718 28s ease-in-out infinite alternate;transform:translate3d(0,0,0)}
.workshop-tv-v3:after{content:"";position:fixed;z-index:-2;inset:0;pointer-events:none;background-image:linear-gradient(rgba(148,163,184,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.022) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.35),transparent 78%);opacity:.55}
@keyframes tvBackstageGradient718{0%{transform:translate3d(-2%,-2%,0) scale(1.02) rotate(0deg)}45%{transform:translate3d(3%,1%,0) scale(1.07) rotate(1.2deg)}100%{transform:translate3d(-1%,4%,0) scale(1.04) rotate(-1deg)}}
.workshop-tv-v3 .workshop-tv-header,.workshop-tv-v3 .workshop-tv-main{position:relative!important;z-index:2!important}
.workshop-tv-v3 .workshop-tv-header{background:rgba(5,10,18,.84)!important;backdrop-filter:blur(24px) saturate(1.15)!important}
.workshop-tv-v3 .workshop-tv-summary>div,.workshop-tv-v3 .workshop-tv-idle{background:linear-gradient(145deg,rgba(12,21,36,.80),rgba(5,12,22,.76))!important;backdrop-filter:blur(18px)!important}

.workshop-tv-v3 .workshop-tv-alert{isolation:isolate!important;background:rgba(3,7,13,.90)!important;overflow:hidden!important}
.workshop-tv-v3 .workshop-tv-alert:before{content:"";position:absolute;z-index:0;inset:-24%;pointer-events:none;background:radial-gradient(circle at 14% 24%,rgba(14,165,233,.26),transparent 24%),radial-gradient(circle at 84% 16%,rgba(99,102,241,.23),transparent 27%),radial-gradient(circle at 77% 82%,rgba(190,24,93,.20),transparent 24%),radial-gradient(circle at 26% 83%,rgba(20,184,166,.17),transparent 25%);filter:blur(4px);animation:tvAlertBackdrop718 21s ease-in-out infinite alternate}
.workshop-tv-v3 .workshop-tv-alert:after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.018),transparent 22%,transparent 78%,rgba(255,255,255,.014));}
@keyframes tvAlertBackdrop718{0%{transform:translate3d(-2%,-1%,0) scale(1.04)}55%{transform:translate3d(3%,2%,0) scale(1.10)}100%{transform:translate3d(-1%,4%,0) scale(1.06)}}
.workshop-tv-v3 .workshop-tv-alert-frame{z-index:2!important;width:min(1540px,95vw)!important;background:linear-gradient(145deg,rgba(11,20,34,.92),rgba(4,10,19,.95))!important;border:1px solid rgba(130,160,199,.23)!important;backdrop-filter:blur(22px) saturate(1.08)!important}
.workshop-tv-v3 .workshop-tv-alert-content{grid-template-columns:minmax(0,1.62fr) minmax(255px,.38fr)!important;gap:clamp(24px,3vw,58px)!important;align-items:center!important}
.workshop-tv-v3 .workshop-tv-alert-main{justify-content:flex-start!important;align-self:center!important;min-width:0!important;padding-right:clamp(2px,.6vw,10px)!important}
.workshop-tv-v3 .workshop-tv-alert-caption{align-self:flex-start!important;margin:0 0 9px!important}
.workshop-tv-v3 .workshop-tv-plate-stage{align-self:flex-start!important;width:min(920px,100%)!important;max-width:100%!important;margin:0 0 clamp(16px,1.55vw,26px)!important;padding:clamp(8px,.72vw,12px)!important;background:rgba(4,10,18,.58)!important;border-color:rgba(126,160,204,.42)!important}
.workshop-tv-v3 .workshop-tv-tr-plate{width:100%!important;min-width:0!important;max-width:100%!important;height:clamp(100px,11vw,172px)!important;grid-template-columns:clamp(62px,5vw,82px) minmax(0,1fr)!important;border-radius:8px!important}
.workshop-tv-v3 .workshop-tv-tr-strip{min-width:0!important;overflow:hidden!important;z-index:3!important}
.workshop-tv-v3 .workshop-tv-tr-strip b{font-size:clamp(16px,1.35vw,23px)!important;letter-spacing:.05em!important;white-space:nowrap!important}
.workshop-tv-v3 .workshop-tv-tr-plate>[data-tv-alert-plate]{min-width:0!important;max-width:100%!important;overflow:hidden!important;white-space:nowrap!important;padding:0 clamp(12px,1.6vw,26px)!important;font-size:clamp(50px,7.3vw,122px)!important;line-height:1!important;letter-spacing:.018em!important;text-align:center!important;justify-content:center!important}
.workshop-tv-v3 .workshop-tv-tr-plate.is-long>[data-tv-alert-plate]{font-size:clamp(44px,6.45vw,106px)!important;letter-spacing:.008em!important}
.workshop-tv-v3 .workshop-tv-tr-plate.is-very-long>[data-tv-alert-plate]{font-size:clamp(38px,5.6vw,92px)!important;letter-spacing:0!important;padding-inline:8px!important}
.workshop-tv-v3 .workshop-tv-alert-department{align-self:flex-start!important;margin:0 0 10px!important;font-size:clamp(13px,1.05vw,18px)!important;padding:8px 11px!important}
.workshop-tv-v3 .workshop-tv-alert-main h1{align-self:flex-start!important;margin:0!important;max-width:100%!important;font-size:clamp(18px,1.55vw,28px)!important;line-height:1.12!important;font-weight:800!important;letter-spacing:-.015em!important;color:#d8e4f2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

.workshop-tv-v3 .workshop-tv-alert-ops-wrap{width:100%!important;min-height:clamp(132px,16vh,205px)!important;margin-top:clamp(18px,2vw,30px)!important;padding:clamp(18px,2.1vw,30px)!important;display:grid!important;place-content:center!important;text-align:center!important;border:2px dashed rgba(251,113,133,.88)!important;background:radial-gradient(circle at 50% 15%,rgba(248,113,113,.18),transparent 46%),linear-gradient(145deg,rgba(127,29,29,.58),rgba(69,10,10,.52))!important;box-shadow:inset 0 0 58px rgba(127,29,29,.24),inset 0 0 0 1px rgba(254,202,202,.055),0 18px 52px rgba(69,10,10,.20)!important;overflow:hidden!important}
.workshop-tv-v3 .workshop-tv-alert-ops-wrap>span{justify-content:center!important;width:100%!important;margin:0 0 9px!important;font-size:clamp(11px,.82vw,15px)!important;letter-spacing:.20em!important;color:#fecdd3!important}
.workshop-tv-v3 .workshop-tv-alert-ops{width:100%!important;text-align:center!important;font-size:clamp(29px,2.75vw,52px)!important;line-height:1.08!important;letter-spacing:.025em!important;font-weight:950!important;color:#fff7f7!important;text-wrap:balance!important;overflow-wrap:anywhere!important}
.workshop-tv-v3 .workshop-tv-alert.is-waiting-pulse .workshop-tv-alert-ops-wrap{animation:tvOpsHeartbeat718 1.72s ease-in-out infinite!important}
@keyframes tvOpsHeartbeat718{0%,100%{transform:scale(1);border-color:rgba(251,113,133,.72);box-shadow:inset 0 0 58px rgba(127,29,29,.24),0 18px 52px rgba(69,10,10,.20)}7%{transform:scale(1.006);border-color:#fb7185;box-shadow:inset 0 0 70px rgba(190,24,93,.34),0 0 0 5px rgba(239,68,68,.055),0 22px 58px rgba(69,10,10,.24)}14%{transform:scale(1);border-color:rgba(251,113,133,.74)}22%{transform:scale(1.004);border-color:#f43f5e;box-shadow:inset 0 0 65px rgba(159,18,57,.32),0 0 0 3px rgba(244,63,94,.045),0 21px 56px rgba(69,10,10,.22)}31%,100%{transform:scale(1);border-color:rgba(251,113,133,.72)}}
.workshop-tv-v3 .workshop-tv-alert-side{align-self:stretch!important;justify-content:center!important}
.workshop-tv-v3 .workshop-tv-alert-status-card strong{font-size:clamp(17px,1.35vw,23px)!important;line-height:1.2!important}
.workshop-tv-v3 .workshop-tv-ai-disclosure{color:#b9ddff!important;background:rgba(2,132,199,.14)!important;border-color:rgba(56,189,248,.22)!important}

@media(max-width:1100px){.workshop-tv-v3 .workshop-tv-alert-content{grid-template-columns:minmax(0,1.45fr) minmax(220px,.55fr)!important;gap:22px!important}.workshop-tv-v3 .workshop-tv-alert-main h1{font-size:clamp(17px,1.8vw,24px)!important}.workshop-tv-v3 .workshop-tv-alert-ops{font-size:clamp(26px,3vw,44px)!important}}
@media(max-width:760px){.google-tts-provider-card{grid-template-columns:38px minmax(0,1fr)}.google-tts-provider-card em{grid-column:2;justify-self:start}.workshop-tv-v3 .workshop-tv-alert-content{grid-template-columns:1fr!important}.workshop-tv-v3 .workshop-tv-alert-main h1{white-space:normal!important;display:block!important;font-size:clamp(17px,5.4vw,24px)!important}.workshop-tv-v3 .workshop-tv-tr-plate{height:clamp(82px,22vw,118px)!important;grid-template-columns:clamp(46px,13vw,62px) minmax(0,1fr)!important}.workshop-tv-v3 .workshop-tv-tr-plate>[data-tv-alert-plate]{font-size:clamp(36px,12.2vw,64px)!important;padding-inline:6px!important}.workshop-tv-v3 .workshop-tv-alert-ops-wrap{min-height:120px!important;margin-top:16px!important;padding:16px!important}.workshop-tv-v3 .workshop-tv-alert-ops{font-size:clamp(22px,7vw,34px)!important}}
@media(prefers-reduced-motion:reduce){.workshop-tv-v3:before,.workshop-tv-v3 .workshop-tv-alert:before{animation:none!important}}


/* v7.1.9 — TV performance hotfix: GPU-friendly background, no expensive backdrop blur */
.workshop-tv-v3{
  background:linear-gradient(135deg,#03070d 0%,#07111f 50%,#100912 100%)!important;
  overflow-x:hidden!important;
}
.workshop-tv-v3:before{
  content:""!important;
  position:fixed!important;
  z-index:-3!important;
  inset:-12%!important;
  pointer-events:none!important;
  background:linear-gradient(118deg,rgba(14,165,233,.16) 0%,rgba(14,165,233,0) 28%,rgba(79,70,229,.13) 48%,rgba(190,24,93,.10) 70%,rgba(13,148,136,.12) 100%)!important;
  opacity:.72!important;
  filter:none!important;
  will-change:transform!important;
  transform:translate3d(-2%,0,0)!important;
  animation:tvBackstageLite719 46s linear infinite alternate!important;
}
.workshop-tv-v3:after{display:none!important}
@keyframes tvBackstageLite719{
  0%{transform:translate3d(-2%,0,0) scale(1.01)}
  100%{transform:translate3d(2.5%,1.5%,0) scale(1.025)}
}
.workshop-tv-v3 .workshop-tv-header{
  background:rgba(5,10,18,.96)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.workshop-tv-v3 .workshop-tv-summary>div,
.workshop-tv-v3 .workshop-tv-idle{
  background:linear-gradient(145deg,rgba(12,21,36,.96),rgba(5,12,22,.95))!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.workshop-tv-v3 .workshop-tv-alert{
  background:linear-gradient(145deg,#03070d 0%,#07111f 56%,#100912 100%)!important;
}
.workshop-tv-v3 .workshop-tv-alert:before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(120deg,rgba(14,165,233,.08),transparent 38%,rgba(190,24,93,.06) 78%,transparent)!important;
  filter:none!important;
  animation:none!important;
  transform:none!important;
}
.workshop-tv-v3 .workshop-tv-alert-frame{
  background:linear-gradient(145deg,rgba(11,20,34,.985),rgba(4,10,19,.99))!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
/* Heartbeat remains visible but only animates transforms; no continuously repainted shadows. */
.workshop-tv-v3 .workshop-tv-alert.is-waiting-pulse .workshop-tv-alert-frame{animation:none!important}
.workshop-tv-v3 .workshop-tv-alert.is-waiting-pulse .workshop-tv-plate-stage{animation:tvHeartbeatPlateLite719 1.9s ease-in-out infinite!important;will-change:transform!important}
.workshop-tv-v3 .workshop-tv-alert.is-waiting-pulse .heart-core{animation:tvHeartbeatDotLite719 1.9s ease-in-out infinite!important;will-change:transform!important}
.workshop-tv-v3 .workshop-tv-alert.is-waiting-pulse .workshop-tv-alert-ops-wrap{animation:tvOpsHeartbeatLite719 1.72s ease-in-out infinite!important;will-change:transform!important}
.workshop-tv-v3 .workshop-tv-alert.is-alerting .workshop-tv-alert-frame{animation:tvAnnounceLite719 1.15s ease-in-out infinite alternate!important;will-change:transform!important}
@keyframes tvHeartbeatPlateLite719{0%,15%,32%,100%{transform:scale(1)}8%{transform:scale(1.004)}23%{transform:scale(1.002)}}
@keyframes tvHeartbeatDotLite719{0%,15%,32%,100%{transform:scale(1)}8%{transform:scale(1.28)}23%{transform:scale(1.14)}}
@keyframes tvOpsHeartbeatLite719{0%,14%,31%,100%{transform:scale(1)}7%{transform:scale(1.005)}22%{transform:scale(1.003)}}
@keyframes tvAnnounceLite719{from{transform:scale(1)}to{transform:scale(1.002)}}
@media(max-width:900px){
  .workshop-tv-v3:before{animation-duration:60s!important;opacity:.58!important}
}
@media(prefers-reduced-motion:reduce){
  .workshop-tv-v3:before,
  .workshop-tv-v3 .workshop-tv-alert.is-waiting-pulse .workshop-tv-plate-stage,
  .workshop-tv-v3 .workshop-tv-alert.is-waiting-pulse .heart-core,
  .workshop-tv-v3 .workshop-tv-alert.is-waiting-pulse .workshop-tv-alert-ops-wrap,
  .workshop-tv-v3 .workshop-tv-alert.is-alerting .workshop-tv-alert-frame{animation:none!important}
}


/* v7.2.0 — Atölye TV anons şablonu ayarları */
.workshop-announcement-template-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:10px;
  padding:14px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:16px;
  background:rgba(15,23,42,.035);
}
.workshop-announcement-template-grid>.field{margin:0;min-width:0}
.workshop-announcement-template-grid code{
  font-size:.78rem;
  padding:2px 6px;
  border-radius:6px;
  background:rgba(15,23,42,.07);
  white-space:nowrap;
}
@media (max-width:760px){
  .workshop-announcement-template-grid{grid-template-columns:1fr;padding:10px}
}


/* v7.2.2 — TV müşteri başlığı + tam genişlik plaka */
.workshop-tv-v3 .workshop-tv-alert-main{
  width:100%!important;
}
.workshop-tv-v3 .workshop-tv-customer{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:clamp(12px,1.25vw,22px)!important;
  margin:0 0 clamp(12px,1.35vw,20px)!important;
  padding:clamp(10px,.95vw,15px) clamp(14px,1.35vw,22px)!important;
  border-left:3px solid rgba(56,189,248,.82)!important;
  background:linear-gradient(90deg,rgba(14,165,233,.10),rgba(14,165,233,.025) 54%,transparent)!important;
  overflow:hidden!important;
}
.workshop-tv-v3 .workshop-tv-customer-label{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#7dd3fc!important;
  font-size:clamp(10px,.75vw,13px)!important;
  font-weight:900!important;
  letter-spacing:.18em!important;
  white-space:nowrap!important;
}
.workshop-tv-v3 .workshop-tv-customer-label svg{
  width:clamp(18px,1.25vw,23px)!important;
  height:clamp(18px,1.25vw,23px)!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.workshop-tv-v3 .workshop-tv-customer strong{
  min-width:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  color:#f8fbff!important;
  font-size:clamp(26px,2.8vw,52px)!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.055em!important;
  text-align:left!important;
  text-transform:uppercase!important;
  transform:translate3d(0,0,0)!important;
  animation:tvCustomerArrival722 2.8s ease-in-out infinite!important;
  will-change:transform,opacity!important;
}
@keyframes tvCustomerArrival722{
  0%,100%{transform:translate3d(0,0,0);opacity:.88}
  12%{transform:translate3d(5px,0,0);opacity:1}
  24%{transform:translate3d(0,0,0);opacity:.94}
}
.workshop-tv-v3 .workshop-tv-alert-caption{
  width:100%!important;
}
.workshop-tv-v3 .workshop-tv-plate-stage{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  align-self:stretch!important;
}
.workshop-tv-v3 .workshop-tv-tr-plate{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
.workshop-tv-v3 .workshop-tv-tr-plate>[data-tv-alert-plate]{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  justify-content:center!important;
  text-align:center!important;
}
@media(max-width:1100px){
  .workshop-tv-v3 .workshop-tv-customer strong{font-size:clamp(24px,3vw,42px)!important}
}
@media(max-width:760px){
  .workshop-tv-v3 .workshop-tv-customer{grid-template-columns:1fr!important;gap:5px!important;padding:10px 12px!important}
  .workshop-tv-v3 .workshop-tv-customer strong{font-size:clamp(22px,7vw,34px)!important;letter-spacing:.035em!important}
  .workshop-tv-v3 .workshop-tv-customer-label{font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){
  .workshop-tv-v3 .workshop-tv-customer strong{animation:none!important}
}

/* v7.3.1 — operasyon ilerleme görünümü */
.workshop-tv-v3 .workshop-tv-alert-ops{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:center!important;
  align-content:center!important;
  gap:clamp(8px,.8vw,14px)!important;
  width:100%!important;
  min-height:clamp(74px,8vh,126px)!important;
  padding:clamp(8px,1vw,16px)!important;
  overflow:hidden!important;
  text-align:center!important;
}
.workshop-tv-v3 .tv-op-chip{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  max-width:100%!important;
  padding:.28em .55em!important;
  line-height:1.08!important;
  font-size:clamp(20px,2.15vw,42px)!important;
  font-weight:950!important;
  letter-spacing:.025em!important;
  overflow-wrap:anywhere!important;
  text-align:center!important;
}
.workshop-tv-v3 .workshop-tv-alert-ops[data-op-count="4"] .tv-op-chip,
.workshop-tv-v3 .workshop-tv-alert-ops[data-op-count="5"] .tv-op-chip{font-size:clamp(18px,1.8vw,34px)!important}
.workshop-tv-v3 .workshop-tv-alert-ops[data-op-count="6"] .tv-op-chip,
.workshop-tv-v3 .workshop-tv-alert-ops[data-op-count="7"] .tv-op-chip,
.workshop-tv-v3 .workshop-tv-alert-ops[data-op-count="8"] .tv-op-chip{font-size:clamp(16px,1.45vw,28px)!important}
.workshop-tv-v3 .tv-op-chip.is-completed{
  color:rgba(254,202,202,.62)!important;
  text-decoration:line-through!important;
  text-decoration-thickness:3px!important;
  text-decoration-color:rgba(248,113,113,.95)!important;
  opacity:.62!important;
}
.workshop-tv-v3 .tv-op-chip.is-pending{color:#fff!important;text-shadow:0 0 22px rgba(248,113,113,.24)!important}

/* v7.3.1 — tablet işlem seçimi, geçmiş ve güvenli geri dönüş */
.tablet-accept-modal,.tablet-confirm-modal,.tablet-auto-lock{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:24px;background:rgba(2,6,23,.72)}
.tablet-accept-modal[hidden],.tablet-confirm-modal[hidden],.tablet-auto-lock[hidden]{display:none!important}
.tablet-accept-panel,.tablet-confirm-panel{width:min(760px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;background:#fff;border:1px solid #dbe3ec;box-shadow:0 28px 90px rgba(2,6,23,.28);padding:24px;position:relative;display:grid;gap:16px}
.tablet-accept-panel>span,.tablet-confirm-panel>span{font-size:12px;font-weight:950;letter-spacing:.1em;color:#64748b}
.tablet-accept-panel h2,.tablet-confirm-panel h2{margin:0;font-size:clamp(28px,4vw,42px);letter-spacing:-.04em}
.tablet-accept-panel p,.tablet-confirm-panel p{margin:0;color:#64748b;font-size:17px;line-height:1.55;font-weight:700}
.tablet-operation-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tablet-operation-picker label{display:block;cursor:pointer}
.tablet-operation-picker input{position:absolute;opacity:0;pointer-events:none}
.tablet-operation-picker span{min-height:72px;border:2px solid #e2e8f0;background:#f8fafc;padding:16px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:18px;font-weight:950;line-height:1.25}
.tablet-operation-picker input:checked+span{background:#111827;color:#fff;border-color:#111827;box-shadow:inset 0 0 0 4px rgba(255,255,255,.14)}
.tablet-primary-action{min-height:62px;border:0;background:#111827;color:#fff;font-size:18px;font-weight:950;padding:14px 18px;cursor:pointer}
.tablet-confirm-actions{display:grid;grid-template-columns:1fr 1.3fr;gap:12px}
.tablet-history-section{margin-bottom:26px}
.tablet-history-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:12px}
.tablet-history-card{border:1px solid #dbe3ec;background:#fff;padding:16px;display:grid;gap:10px}
.tablet-history-card>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:center}
.tablet-history-card>div:first-child span{font-weight:950;color:#334155}.tablet-history-card>div:first-child em{font-style:normal;font-size:11px;font-weight:950;padding:6px 8px;background:#eef2ff;color:#3730a3}
.tablet-history-card>strong{font-size:30px;letter-spacing:.04em}.tablet-history-card>p{margin:0;color:#475569;font-weight:850;line-height:1.45}
.tablet-history-card dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.tablet-history-card dl div{border:1px solid #eef2f7;background:#f8fafc;padding:9px}.tablet-history-card dt{font-size:10px;color:#94a3b8;font-weight:900;text-transform:uppercase}.tablet-history-card dd{margin:3px 0 0;font-size:12px;color:#334155;font-weight:900}
.tablet-auto-lock{backdrop-filter:blur(8px);background:rgba(15,23,42,.58)}
.tablet-auto-lock-card{width:min(520px,calc(100vw - 32px));background:rgba(15,23,42,.94);color:#fff;padding:28px;text-align:center;border:1px solid rgba(255,255,255,.15);box-shadow:0 30px 90px rgba(0,0,0,.35);display:grid;gap:12px}
.tablet-auto-lock-card>span{font-size:12px;letter-spacing:.14em;color:#94a3b8;font-weight:950}.tablet-auto-lock-card>strong{font-size:clamp(72px,13vw,118px);line-height:.9;font-variant-numeric:tabular-nums}.tablet-auto-lock-card p{margin:0;color:#cbd5e1;font-size:16px;line-height:1.5;font-weight:700}
@media(max-width:700px){.tablet-operation-picker{grid-template-columns:1fr}.tablet-confirm-actions{grid-template-columns:1fr}.tablet-history-grid{grid-template-columns:1fr}.tablet-accept-panel,.tablet-confirm-panel{padding:18px}}
.workshop-tv-v3 .workshop-tv-alert-ops.many-ops .tv-op-chip{font-size:clamp(13px,1.12vw,22px)!important;padding:.22em .42em!important}

/* v7.4.0 — tablet workflow routing, fullscreen history and safe idle session */
.workshop-tablet-v3{height:100dvh;overflow:hidden}
.workshop-tablet-v3 .workshop-tablet-main{height:calc(100dvh - 82px);max-width:none!important;overflow:hidden;padding:16px 18px 18px!important}
.workshop-tablet-v3 [data-staff-workspace]{height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:14px;overflow:hidden}
.workshop-tablet-v3 .tablet-staff-session{grid-column:1/-1;margin:0!important}
.workshop-tablet-v3 .tablet-terminal-section{margin:0!important;min-height:0!important;display:flex;flex-direction:column;overflow:hidden;padding:16px!important}
.workshop-tablet-v3 .tablet-terminal-section .tablet-section-head{flex:0 0 auto;margin-bottom:10px}
.workshop-tablet-v3 .tablet-job-grid{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;align-content:start;padding-right:3px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.workshop-tablet-v3 .tablet-job-card{min-height:0!important;padding:14px!important}
.workshop-tablet-v3 .tablet-job-card>strong{font-size:clamp(26px,3vw,38px)!important}
.workshop-tablet-v3 .tablet-next-step-wrap{display:grid;gap:6px;margin-top:8px}
.workshop-tablet-v3 .tablet-next-step{display:grid;gap:2px;padding:8px 10px;border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;font-size:11px;font-weight:900}
.workshop-tablet-v3 .tablet-next-step b{font-size:13px}.workshop-tablet-v3 .tablet-next-step small{color:#475569;line-height:1.25}
.workshop-tablet-v3 .tablet-next-step.done{border-color:#bbf7d0;background:#f0fdf4;color:#166534}
.catalog-operation-row{grid-template-columns:minmax(230px,2fr) minmax(190px,1.35fr) minmax(100px,.55fr) auto auto!important;align-items:end}
.catalog-department-field select{min-width:0}
.tablet-history-dock{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:1080;border:0;background:#0f172a;color:#fff;min-height:178px;width:58px;padding:12px 7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;box-shadow:10px 16px 35px rgba(15,23,42,.2);border-radius:0 18px 18px 0}
.tablet-history-dock[hidden]{display:none!important}.tablet-history-dock span{font-size:22px}.tablet-history-dock strong{font-size:11px;line-height:1.1;writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.06em;text-transform:uppercase}.tablet-history-dock em{font-style:normal;min-width:26px;height:26px;padding:0 5px;display:grid;place-items:center;background:#2563eb;border-radius:999px;font-size:11px;font-weight:950}
.tablet-history-overlay{position:fixed;inset:0;z-index:1450;background:#e9eef5;padding:14px;overflow:hidden}.tablet-history-overlay[hidden]{display:none!important}
.tablet-history-screen{height:100%;background:#fff;border:1px solid #dbe3ec;box-shadow:0 26px 80px rgba(15,23,42,.18);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}
.tablet-history-screen>header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#0f172a;color:#fff}.tablet-history-screen>header span{font-size:10px;font-weight:950;letter-spacing:.14em;color:#93c5fd}.tablet-history-screen>header h2{margin:2px 0 0;font-size:25px}.tablet-history-screen>header small{color:#cbd5e1}.tablet-history-screen>header button{width:48px;height:48px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;font-size:26px}
.tablet-history-screen-grid{min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;padding:12px;overflow:hidden}.tablet-history-screen-grid .tablet-history-card{min-height:0;overflow:hidden;padding:13px;align-content:start}.tablet-history-screen-grid .tablet-history-card>strong{font-size:clamp(22px,2.4vw,34px)}.tablet-history-screen-grid .tablet-history-card>p{font-size:12px;line-height:1.3;max-height:3.9em;overflow:hidden}.tablet-history-screen-grid .tablet-history-card dl{gap:6px}.tablet-history-screen-grid .tablet-history-card dl div{padding:7px}.tablet-history-screen-grid>.tablet-empty{grid-column:1/-1;grid-row:1/-1;display:grid;place-items:center}
.tablet-history-screen>footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:10px 14px;border-top:1px solid #e2e8f0;background:#f8fafc}.tablet-history-screen>footer button{border:1px solid #cbd5e1;background:#fff;color:#0f172a;padding:11px 14px;font-weight:900}.tablet-history-screen>footer button:last-child{justify-self:end}.tablet-history-screen>footer button:disabled{opacity:.35}.tablet-history-screen>footer strong{font-variant-numeric:tabular-nums;min-width:70px;text-align:center}
.tablet-idle-prompt{position:fixed;inset:0;z-index:1550;display:grid;place-items:center;padding:24px;background:rgba(15,23,42,.42);backdrop-filter:blur(7px)}.tablet-idle-prompt[hidden]{display:none!important}.tablet-idle-prompt-card{width:min(600px,calc(100vw - 36px));background:#fff;padding:28px;text-align:center;box-shadow:0 30px 100px rgba(15,23,42,.35);display:grid;gap:11px}.tablet-idle-prompt-card>span{font-size:11px;letter-spacing:.15em;font-weight:950;color:#64748b}.tablet-idle-prompt-card h2{font-size:clamp(25px,3vw,38px);margin:0}.tablet-idle-prompt-card p{margin:0;color:#64748b;line-height:1.5;font-weight:650}.tablet-idle-prompt-card>strong{font-size:72px;line-height:1;font-variant-numeric:tabular-nums;color:#0f172a}.tablet-idle-prompt-card button{max-width:330px;width:100%;margin:2px auto 0}
.tablet-auto-lock-card,.tablet-idle-prompt-card,.tablet-history-screen,.tablet-history-card,.tablet-history-screen>footer button,.tablet-next-step{border-radius:16px}
.tablet-category-grid button{position:relative}.tablet-category-grid button small{line-height:1.35}.tablet-category-grid button.final{background:#166534!important;border-color:#166534!important}
@media(max-width:980px){.workshop-tablet-v3 [data-staff-workspace]{grid-template-columns:1fr 1fr}.workshop-tablet-v3 .tablet-job-grid{grid-template-columns:1fr}.tablet-history-screen-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}.catalog-operation-row{grid-template-columns:1fr 1fr!important}.catalog-operation-row .main-field{grid-column:1/-1}}
@media(max-width:700px){.workshop-tablet-v3 .workshop-tablet-main{height:calc(100dvh - 96px);padding:10px!important}.workshop-tablet-v3 [data-staff-workspace]{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) minmax(0,1fr);gap:8px}.workshop-tablet-v3 .tablet-staff-session{grid-column:1}.tablet-history-dock{width:48px;min-height:145px}.tablet-history-screen-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));padding:8px;gap:7px}.tablet-history-screen-grid .tablet-history-card{padding:9px}.tablet-history-screen-grid .tablet-history-card dl{grid-template-columns:1fr 1fr}.tablet-history-screen>header{padding:12px 14px}.tablet-history-screen>footer{padding:7px 9px}.tablet-idle-prompt-card{padding:20px}.catalog-operation-row{grid-template-columns:1fr!important}.catalog-operation-row .main-field{grid-column:auto}}


/* v7.4.0 — TV active board auto-fit: zero scroll on wall display */
.workshop-tv-v3 .workshop-tv-idle{overflow:hidden!important}
.workshop-tv-v3 .workshop-tv-active-grid{
  height:calc(100% - 58px)!important;min-height:0!important;overflow:hidden!important;
  display:grid!important;gap:clamp(7px,.72vw,13px)!important;align-content:stretch!important;
  grid-auto-flow:row!important;padding:0!important
}
.workshop-tv-v3 .workshop-tv-active-grid.tv-cols-1{grid-template-columns:minmax(0,1fr)!important}
.workshop-tv-v3 .workshop-tv-active-grid.tv-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.workshop-tv-v3 .workshop-tv-active-grid.tv-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.workshop-tv-v3 .workshop-tv-active-grid.tv-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.workshop-tv-v3 .workshop-tv-active-grid.tv-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.workshop-tv-v3 .workshop-tv-active-grid.tv-rows-1{grid-template-rows:minmax(0,1fr)!important}
.workshop-tv-v3 .workshop-tv-active-grid.tv-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))!important}
.workshop-tv-v3 .workshop-tv-active-grid.tv-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))!important}
.workshop-tv-v3 .workshop-tv-active-grid.tv-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))!important}
.workshop-tv-v3 .workshop-tv-active-grid.tv-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))!important}
.workshop-tv-v3 .workshop-tv-active-card{min-width:0!important;min-height:0!important;height:100%!important;overflow:hidden!important;padding:clamp(10px,1.05vw,18px)!important;border-radius:clamp(14px,1.3vw,22px)!important}
.workshop-tv-v3 .workshop-tv-active-card>strong{font-size:clamp(24px,3vw,48px)!important;line-height:1!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.workshop-tv-v3 .workshop-tv-active-card h3{font-size:clamp(12px,1.15vw,18px)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.workshop-tv-v3 .workshop-tv-active-card p{font-size:clamp(10px,.9vw,14px)!important;line-height:1.25!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.workshop-tv-v3 .workshop-tv-active-card footer{margin-top:clamp(6px,.7vw,12px)!important;padding:clamp(6px,.65vw,10px)!important;font-size:clamp(10px,.78vw,13px)!important}
.workshop-tv-v3 .workshop-tv-active-grid.is-dense .workshop-tv-active-card{padding:clamp(8px,.75vw,13px)!important}
.workshop-tv-v3 .workshop-tv-active-grid.is-dense .workshop-tv-active-card>strong{font-size:clamp(20px,2vw,34px)!important;margin:7px 0 3px!important}
.workshop-tv-v3 .workshop-tv-active-grid.is-dense .workshop-tv-active-card h3{font-size:clamp(10px,.9vw,14px)!important;margin-bottom:4px!important}
.workshop-tv-v3 .workshop-tv-active-grid.is-dense .workshop-tv-active-card p{-webkit-line-clamp:2;font-size:clamp(9px,.72vw,12px)!important}
.workshop-tv-v3 .workshop-tv-active-grid.is-dense .workshop-tv-active-card footer{margin-top:5px!important;padding:5px 7px!important}
.workshop-tv-v3 .workshop-tv-active-grid.is-ultra-dense .workshop-tv-active-card>div em{display:none}
.workshop-tv-v3 .workshop-tv-active-grid.is-ultra-dense .workshop-tv-active-card p{-webkit-line-clamp:1}
@media(max-width:900px){
 .workshop-tv-v3 .workshop-tv-active-grid.tv-cols-4,.workshop-tv-v3 .workshop-tv-active-grid.tv-cols-5{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}


/* v7.4.2 — tablet accept/handoff success countdown */
.tablet-success-modal{position:fixed;inset:0;z-index:1650;display:grid;place-items:center;padding:24px;background:rgba(15,23,42,.5);backdrop-filter:blur(8px)}
.tablet-success-modal[hidden]{display:none!important}
.tablet-success-card{width:min(580px,calc(100vw - 36px));background:#fff;border:1px solid #dbe3ec;border-radius:18px;padding:28px;text-align:center;box-shadow:0 30px 100px rgba(15,23,42,.32);display:grid;justify-items:center;gap:10px}
.tablet-success-card>span{font-size:11px;letter-spacing:.16em;font-weight:950;color:#64748b}
.tablet-success-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#ecfdf5;border:1px solid #86efac;color:#15803d;font-size:34px;font-weight:950}
.tablet-success-card h2{margin:2px 0 0;font-size:clamp(27px,3.5vw,42px);line-height:1.05;letter-spacing:-.04em;color:#0f172a}
.tablet-success-card p{margin:0;max-width:470px;color:#64748b;font-size:15px;line-height:1.45;font-weight:700}
.tablet-success-card>strong{font-size:clamp(72px,12vw,112px);line-height:.95;font-variant-numeric:tabular-nums;color:#0f172a;min-width:1.3ch}
.tablet-success-card>small{font-size:12px;font-weight:850;color:#64748b;letter-spacing:.03em}

/* v7.6.0 — müşteri araç hikayesi / servis raporu */
.customer-history-modal-panel{width:min(1380px,96vw)!important;max-width:1380px!important;height:min(92vh,980px);max-height:92vh!important;overflow:hidden!important;display:flex;flex-direction:column;border-radius:28px!important}
.customer-history-modal-panel>.modal-head{flex:0 0 auto;padding-bottom:14px;border-bottom:1px solid #e7ebf0}
.customer-history-body{flex:1 1 auto;min-height:0;overflow:auto;padding:2px 4px 20px;display:grid;gap:18px}
.history-vehicle-card{border:1px solid #e5eaf0;border-radius:24px;background:#f8fafc;padding:18px;display:grid;gap:16px}
.history-vehicle-head{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#111827;color:#fff;border-radius:20px;padding:18px 20px}
.history-vehicle-head span{font-size:10px;letter-spacing:.13em;opacity:.68}.history-vehicle-head h3{font-size:30px;letter-spacing:.04em;margin:2px 0 4px;color:#fff!important}.history-vehicle-head p{margin:0;font-size:13px;opacity:.78}
.history-vehicle-stats{display:flex;gap:10px}.history-vehicle-stats span{min-width:92px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:10px 12px;text-align:center;font-size:11px}.history-vehicle-stats b{display:block;color:#fff!important;font-size:22px!important}
.history-timeline{display:grid;gap:12px}.history-visit-card,.history-control-card{background:#fff;border:1px solid #e6ebf1;border-radius:20px;padding:16px;box-shadow:0 8px 24px rgba(15,23,42,.04)}
.history-visit-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px dashed #dce2e9}.history-visit-card>header>div{display:grid;gap:3px}.history-visit-type{font-size:10px;letter-spacing:.12em;color:#64748b}.history-visit-card>header strong{font-size:18px!important}.history-visit-card>header small{font-size:11px}
.history-visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.history-visit-grid>div{border:1px solid #edf0f4;border-radius:14px;padding:12px;background:#fbfcfd}.history-visit-grid em{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}.history-visit-grid p{margin:0;font-size:12px;line-height:1.5}
.history-chip-row{display:flex;flex-wrap:wrap;gap:6px}.history-chip-row span{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eef2ff;color:#34427a;font-size:11px;border:1px solid #dde4ff}.history-chip-row.done span{background:#ecfdf3;color:#166534;border-color:#c8f0d6}.history-chip-row.compact span{padding:4px 7px;font-size:10px}
.history-subtitle{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#475569;margin:15px 0 8px}
.history-route{display:grid;gap:7px}.history-route-row{display:grid;grid-template-columns:32px minmax(0,1fr) 260px;gap:10px;align-items:center;border:1px dashed #dce3ea;border-radius:14px;padding:9px 10px}.history-route-index{width:30px;height:30px;border-radius:10px;background:#111827;color:#fff;display:grid;place-items:center;font-size:11px}.history-route-main{display:grid;gap:3px}.history-route-main strong{font-size:13px!important}.history-route-main>span{font-size:11px;color:#64748b}.history-route-time{display:grid;grid-template-columns:1fr 1fr auto;gap:6px;align-items:center}.history-route-time span{font-size:9px;color:#64748b}.history-route-time b{font-size:11px!important;padding:6px 8px;border-radius:9px;background:#f1f5f9;white-space:nowrap}
.history-visit-card>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid #edf0f3}.history-visit-card>footer span{font-size:10px;color:#64748b}
.history-control-card{display:grid;grid-template-columns:minmax(220px,.55fr) 1fr;gap:14px;border-left:4px solid #0f766e}.history-control-card>div:first-child{display:grid;gap:3px}.history-control-card>div:first-child>span{font-size:10px;letter-spacing:.1em;color:#0f766e}.history-control-card>div:first-child>strong{font-size:17px!important}.history-control-card p{margin:5px 0 0;color:#64748b;font-size:12px;line-height:1.5}
@media(max-width:900px){.customer-history-modal-panel{width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}.history-visit-grid{grid-template-columns:1fr}.history-route-row{grid-template-columns:32px 1fr}.history-route-time{grid-column:2;grid-template-columns:1fr 1fr auto}.history-control-card{grid-template-columns:1fr}.history-vehicle-head{align-items:flex-start;flex-direction:column}.history-vehicle-stats{width:100%}.history-vehicle-stats span{flex:1}}


/* v7.7.0 — TV/tablet fit, operation density, sound gate and personnel reports */
.workshop-tv-v3 .workshop-tv-sound-gate{z-index:5000!important;pointer-events:auto!important;touch-action:manipulation!important;isolation:isolate!important}
.workshop-tv-v3 .workshop-tv-sound-gate *{pointer-events:auto!important}
.workshop-tv-v3 .workshop-tv-sound-gate button{position:relative!important;z-index:2!important;cursor:pointer!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important}
.workshop-tv-v3 .workshop-tv-alert-ops{display:grid!important;grid-template-columns:repeat(var(--tv-op-cols,2),minmax(0,1fr))!important;grid-auto-rows:minmax(0,1fr)!important;align-items:stretch!important;justify-content:stretch!important;gap:clamp(5px,.55vw,10px)!important;max-height:clamp(118px,17vh,210px)!important;min-height:0!important;padding:clamp(5px,.55vw,9px)!important;overflow:hidden!important}
.workshop-tv-v3 .tv-op-chip{min-width:0!important;width:100%!important;height:100%!important;min-height:0!important;border:1px solid rgba(254,202,202,.22)!important;border-radius:10px!important;background:rgba(69,10,10,.32)!important;padding:.28em .45em!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:normal!important;overflow:hidden!important;line-height:1.08!important;font-size:clamp(14px,1.45vw,27px)!important;text-wrap:balance!important}
.workshop-tv-v3 .workshop-tv-alert-ops[data-op-count="1"] .tv-op-chip,.workshop-tv-v3 .workshop-tv-alert-ops[data-op-count="2"] .tv-op-chip{font-size:clamp(22px,2.4vw,44px)!important}
.workshop-tv-v3 .workshop-tv-alert-ops[data-op-count="3"] .tv-op-chip,.workshop-tv-v3 .workshop-tv-alert-ops[data-op-count="4"] .tv-op-chip{font-size:clamp(18px,1.9vw,34px)!important}
.workshop-tv-v3 .workshop-tv-alert-ops[data-op-count="5"] .tv-op-chip,.workshop-tv-v3 .workshop-tv-alert-ops[data-op-count="6"] .tv-op-chip{font-size:clamp(15px,1.55vw,28px)!important}
.workshop-tv-v3 .workshop-tv-alert-ops[data-op-count="7"] .tv-op-chip,.workshop-tv-v3 .workshop-tv-alert-ops[data-op-count="8"] .tv-op-chip,.workshop-tv-v3 .workshop-tv-alert-ops[data-op-count="9"] .tv-op-chip,.workshop-tv-v3 .workshop-tv-alert-ops[data-op-count="10"] .tv-op-chip,.workshop-tv-v3 .workshop-tv-alert-ops[data-op-count="11"] .tv-op-chip,.workshop-tv-v3 .workshop-tv-alert-ops[data-op-count="12"] .tv-op-chip{font-size:clamp(12px,1.16vw,21px)!important;padding:.2em .32em!important}
.workshop-tv-v3 .workshop-tv-alert-ops.many-ops .tv-op-chip{font-size:clamp(10px,.95vw,18px)!important;padding:.16em .25em!important}
.workshop-tv-page{width:100vw!important;height:100dvh!important;overflow:hidden!important}
.workshop-tv-v3 .workshop-tv-main{height:calc(100dvh - 88px)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
.workshop-tv-v3 .workshop-tv-summary{flex:0 0 auto!important}.workshop-tv-v3 .workshop-tv-idle{flex:1 1 auto!important;min-height:0!important}
@media(max-height:820px){.workshop-tv-header{height:68px!important;padding-inline:22px!important}.workshop-tv-v3 .workshop-tv-main{height:calc(100dvh - 68px)!important;padding:12px 18px 18px!important}.workshop-tv-v3 .workshop-tv-summary{margin-bottom:10px!important}.workshop-tv-v3 .workshop-tv-alert-frame{max-height:96dvh!important}.workshop-tv-v3 .workshop-tv-alert-ops-wrap{min-height:112px!important;margin-top:10px!important;padding:12px!important}}
@media(max-width:1100px){.workshop-tv-v3 .workshop-tv-alert-ops{gap:5px!important}.workshop-tv-v3 .tv-op-chip{font-size:clamp(11px,1.3vw,19px)!important}}

.workshop-tablet-page{width:100vw!important;height:100dvh!important;overflow:hidden!important}
@media(max-height:820px){.workshop-tablet-v3 .workshop-tablet-header{height:64px!important;padding-block:8px!important}.workshop-tablet-v3 .workshop-tablet-main{height:calc(100dvh - 64px)!important;padding:10px 12px 12px!important}.workshop-tablet-v3 [data-staff-workspace]{gap:9px!important}.workshop-tablet-v3 .tablet-staff-session{padding:9px 12px!important}.workshop-tablet-v3 .tablet-terminal-section{padding:10px!important}.workshop-tablet-v3 .tablet-section-head{margin-bottom:6px!important}.workshop-tablet-v3 .tablet-job-grid{gap:7px!important}.workshop-tablet-v3 .tablet-job-card{padding:10px!important;gap:5px!important}.workshop-tablet-v3 .tablet-job-card>strong{font-size:clamp(22px,2.6vw,32px)!important}.workshop-tablet-v3 .tablet-job-card p{font-size:12px!important;line-height:1.25!important}.workshop-tablet-v3 .tablet-job-card button{min-height:42px!important}}
@media(max-width:900px) and (orientation:portrait){.workshop-tablet-v3 [data-staff-workspace]{grid-template-columns:1fr!important;grid-template-rows:auto minmax(0,1fr) minmax(0,1fr)!important}.workshop-tablet-v3 .tablet-staff-session{grid-column:1!important}.workshop-tablet-v3 .tablet-job-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

.job-status-key{display:grid;align-content:center;gap:3px;min-width:110px}.job-status-key small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-weight:900}.job-status-key code{font-size:11px;background:#f1f5f9;border-radius:8px;padding:7px 8px;color:#334155;white-space:nowrap}
.user-report-modal-panel{width:min(1450px,96vw)!important;max-width:1450px!important;height:min(92dvh,980px);max-height:92dvh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.user-report-toolbar{display:flex;align-items:end;gap:10px;padding:14px 0;border-bottom:1px solid #e7ebf0;flex:0 0 auto}.user-report-toolbar label{display:grid;gap:5px;font-size:10px;font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:.06em}.user-report-toolbar input{min-width:160px}
.user-report-body{flex:1 1 auto;min-height:0;overflow:auto;padding:16px 2px 24px;display:grid;gap:22px}.user-report-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.user-report-metric{border:1px solid #e5eaf0;background:#f8fafc;border-radius:16px;padding:15px;display:grid;gap:4px}.user-report-metric span{font-size:10px;font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:.07em}.user-report-metric strong{font-size:27px;color:#0f172a}.user-report-metric small{font-size:10px;color:#94a3b8}
.user-report-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.user-report-section-head h3{margin:0;font-size:17px}.user-report-section-head small{color:#64748b}.user-period-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.user-period-card{border:1px solid #dfe6ee;border-radius:16px;padding:14px;background:#fff;display:grid;gap:3px}.user-period-card>span{font-size:10px;font-weight:950;color:#64748b;letter-spacing:.08em}.user-period-card>strong{font-size:32px}.user-period-card>small{font-size:10px;color:#94a3b8}.user-period-card>div{margin-top:7px;padding-top:7px;border-top:1px dashed #e2e8f0;font-size:11px;color:#475569}
.user-report-split{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.user-report-table{border:1px solid #e6ebf1;border-radius:14px;overflow:auto;background:#fff}.user-report-table table{width:100%;min-width:680px}.user-report-table th,.user-report-table td{padding:10px;font-size:11px}.user-operation-cloud{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;border:1px solid #e6ebf1;border-radius:14px;padding:12px;min-height:120px;background:#fff}.user-operation-cloud span{display:flex;align-items:center;gap:8px;background:#f1f5f9;border-radius:999px;padding:8px 10px}.user-operation-cloud b{font-size:11px}.user-operation-cloud em{font-style:normal;min-width:24px;height:24px;border-radius:50%;background:#111827;color:#fff;display:grid;place-items:center;font-size:10px}
@media(max-width:900px){.user-report-modal-panel{width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}.user-report-metrics,.user-period-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-report-split{grid-template-columns:1fr}.user-report-toolbar{flex-wrap:wrap}.user-report-toolbar label{flex:1}.user-report-toolbar input{min-width:0;width:100%}}

.pill.teal{background:rgba(13,148,136,.13)!important;color:#0f766e!important}


/* v7.7.1 — Personel analitiği tarih filtresi + TV uzun devir başlığı */
.user-report-filter-shell{flex:0 0 auto;margin:12px 0 2px;padding:14px;border:1px solid #e1e7ef;border-radius:20px;background:linear-gradient(180deg,#fbfcfe,#f7f9fc);box-shadow:0 10px 30px rgba(15,23,42,.045)}
.user-report-filter-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.user-report-filter-head>div:first-child{display:grid;gap:2px}.user-report-filter-head>div:first-child span{font-size:9px;font-weight:900;letter-spacing:.12em;color:#94a3b8}.user-report-filter-head>div:first-child strong{font-size:17px;line-height:1.15;color:#0f172a}
.user-report-quick-ranges{display:flex;align-items:center;gap:6px;padding:4px;border:1px solid #e2e8f0;border-radius:13px;background:#fff}.user-report-quick-ranges button{height:32px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:#64748b;font-size:11px;font-weight:800;cursor:pointer;transition:background .14s ease,color .14s ease,transform .14s ease}.user-report-quick-ranges button:hover{background:#f1f5f9;color:#0f172a}.user-report-quick-ranges button.active{background:#111827;color:#fff;box-shadow:0 5px 13px rgba(15,23,42,.18)}
.user-report-filter-shell .user-report-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 26px minmax(220px,1fr) minmax(210px,.72fr);align-items:end;gap:10px;padding:0;border:0}.user-report-date-field{display:grid!important;gap:6px!important;text-transform:none!important;letter-spacing:0!important}.user-report-date-field>span{font-size:10px;font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:.08em}.user-report-date-field>div{height:48px;display:grid;grid-template-columns:30px 1fr;align-items:center;padding:0 12px;border:1px solid #dce4ed;border-radius:13px;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.user-report-date-field>div:focus-within{border-color:#94a3b8;box-shadow:0 0 0 3px rgba(148,163,184,.12)}.user-report-date-field i{font-style:normal;font-size:14px;color:#94a3b8}.user-report-date-field input{width:100%!important;min-width:0!important;height:44px!important;border:0!important;padding:0!important;background:transparent!important;color:#111827;font-size:14px!important;font-weight:800!important;outline:0!important}.user-report-date-arrow{height:48px;display:grid;place-items:center;color:#94a3b8;font-size:18px}.user-report-apply-btn{height:48px;border:0;border-radius:13px;background:linear-gradient(135deg,#111827,#334155);color:#fff;padding:0 16px;display:grid;align-content:center;gap:1px;text-align:left;cursor:pointer;box-shadow:0 9px 22px rgba(15,23,42,.15)}.user-report-apply-btn span{font-size:12px;font-weight:900}.user-report-apply-btn small{font-size:9px;color:#cbd5e1;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:900px){.user-report-filter-head{align-items:flex-start;flex-direction:column}.user-report-quick-ranges{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}.user-report-quick-ranges button{padding:0 6px}.user-report-filter-shell .user-report-toolbar{grid-template-columns:1fr 22px 1fr}.user-report-apply-btn{grid-column:1/-1}.user-report-date-arrow{display:grid}}
@media(max-width:560px){.user-report-filter-shell{padding:11px;border-radius:16px}.user-report-quick-ranges{grid-template-columns:repeat(2,1fr)}.user-report-filter-shell .user-report-toolbar{grid-template-columns:1fr}.user-report-date-arrow{display:none}.user-report-apply-btn{grid-column:auto}}

.workshop-tv-v3 .workshop-tv-alert-main h1[data-tv-alert-text]{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;display:block!important;width:100%!important;max-width:100%!important;min-height:0!important;max-height:none!important;font-size:clamp(20px,1.55vw,30px)!important;line-height:1.15!important;text-wrap:balance!important;overflow-wrap:normal!important;word-break:normal!important}
.workshop-tv-v3 .workshop-tv-alert-main h1[data-tv-alert-text].is-long-title{font-size:clamp(18px,1.38vw,26px)!important;line-height:1.13!important;letter-spacing:-.02em!important}
.workshop-tv-v3 .workshop-tv-alert-main h1[data-tv-alert-text].is-very-long-title{font-size:clamp(16px,1.22vw,23px)!important;line-height:1.12!important;letter-spacing:-.018em!important}
@media(max-width:1100px){.workshop-tv-v3 .workshop-tv-alert-main h1[data-tv-alert-text]{font-size:clamp(17px,1.85vw,25px)!important}.workshop-tv-v3 .workshop-tv-alert-main h1[data-tv-alert-text].is-long-title{font-size:clamp(16px,1.65vw,22px)!important}.workshop-tv-v3 .workshop-tv-alert-main h1[data-tv-alert-text].is-very-long-title{font-size:clamp(15px,1.5vw,20px)!important}}
@media(max-width:760px){.workshop-tv-v3 .workshop-tv-alert-main h1[data-tv-alert-text],.workshop-tv-v3 .workshop-tv-alert-main h1[data-tv-alert-text].is-long-title,.workshop-tv-v3 .workshop-tv-alert-main h1[data-tv-alert-text].is-very-long-title{font-size:clamp(16px,4.9vw,23px)!important;line-height:1.14!important}}


/* v7.7.2 — TV ses izin kilidi + uzun devir metni için performanslı kayan başlık */
.workshop-tv-v3 .workshop-tv-sound-gate{
  position:fixed!important;z-index:2147483000!important;pointer-events:auto!important;touch-action:manipulation!important;
  transform:none!important;contain:layout paint!important;isolation:isolate!important;
}
.workshop-tv-v3 .workshop-tv-sound-gate,.workshop-tv-v3 .workshop-tv-sound-gate *{pointer-events:auto!important}
.workshop-tv-v3 .workshop-tv-sound-gate button{
  position:relative!important;z-index:5!important;pointer-events:auto!important;touch-action:manipulation!important;cursor:pointer!important;
  user-select:none!important;-webkit-user-select:none!important;-webkit-tap-highlight-color:rgba(0,0,0,0)!important;
}
.workshop-tv-v3 .workshop-tv-transition-ticker{
  --tv-ticker-shift:0px;--tv-ticker-duration:10s;
  position:relative!important;width:100%!important;max-width:100%!important;min-width:0!important;
  min-height:clamp(50px,5.3vh,66px)!important;margin:clamp(7px,.75vh,11px) 0 clamp(9px,.9vh,13px)!important;
  display:flex!important;align-items:center!important;overflow:hidden!important;
  border:1px dashed rgba(125,211,252,.44)!important;border-left:3px solid rgba(56,189,248,.9)!important;
  background:linear-gradient(90deg,rgba(8,47,73,.34),rgba(15,23,42,.68) 16%,rgba(15,23,42,.68) 84%,rgba(8,47,73,.34))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018)!important;
}
.workshop-tv-v3 .workshop-tv-transition-ticker:before,.workshop-tv-v3 .workshop-tv-transition-ticker:after{
  content:"";position:absolute;z-index:3;top:0;bottom:0;width:clamp(22px,3vw,54px);pointer-events:none;
}
.workshop-tv-v3 .workshop-tv-transition-ticker:before{left:0;background:linear-gradient(90deg,rgba(7,20,34,.98),rgba(7,20,34,0))}
.workshop-tv-v3 .workshop-tv-transition-ticker:after{right:0;background:linear-gradient(270deg,rgba(7,20,34,.98),rgba(7,20,34,0))}
.workshop-tv-v3 .workshop-tv-transition-ticker h1[data-tv-alert-text],
.workshop-tv-v3 .workshop-tv-transition-ticker h1[data-tv-alert-text].is-long-title,
.workshop-tv-v3 .workshop-tv-transition-ticker h1[data-tv-alert-text].is-very-long-title{
  width:100%!important;min-width:0!important;margin:0!important;padding:0 clamp(24px,3.3vw,56px)!important;
  overflow:hidden!important;white-space:nowrap!important;text-overflow:clip!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  font-size:clamp(18px,1.45vw,27px)!important;line-height:1!important;letter-spacing:-.02em!important;
  color:#f4f8ff!important;font-weight:850!important;text-align:center!important;box-sizing:border-box!important;
}
.workshop-tv-v3 .workshop-tv-transition-ticker h1[data-tv-alert-text]>span{
  display:inline-block!important;flex:0 0 auto!important;white-space:nowrap!important;max-width:none!important;
  transform:translate3d(0,0,0);will-change:transform;
}
.workshop-tv-v3 .workshop-tv-transition-ticker.is-scrolling h1[data-tv-alert-text]{justify-content:flex-start!important;padding-left:clamp(28px,3.7vw,62px)!important;padding-right:clamp(28px,3.7vw,62px)!important}
.workshop-tv-v3 .workshop-tv-transition-ticker.is-scrolling h1[data-tv-alert-text]>span{
  animation:tvTransitionTicker772 var(--tv-ticker-duration) ease-in-out infinite!important;
}
@keyframes tvTransitionTicker772{
  0%,10%{transform:translate3d(0,0,0)}
  46%,54%{transform:translate3d(calc(-1 * var(--tv-ticker-shift)),0,0)}
  90%,100%{transform:translate3d(0,0,0)}
}
@media(max-width:1100px){
  .workshop-tv-v3 .workshop-tv-transition-ticker{min-height:48px!important}
  .workshop-tv-v3 .workshop-tv-transition-ticker h1[data-tv-alert-text],
  .workshop-tv-v3 .workshop-tv-transition-ticker h1[data-tv-alert-text].is-long-title,
  .workshop-tv-v3 .workshop-tv-transition-ticker h1[data-tv-alert-text].is-very-long-title{font-size:clamp(16px,1.8vw,23px)!important}
}
@media(max-width:760px){
  .workshop-tv-v3 .workshop-tv-transition-ticker{min-height:46px!important;margin:6px 0 8px!important}
  .workshop-tv-v3 .workshop-tv-transition-ticker h1[data-tv-alert-text],
  .workshop-tv-v3 .workshop-tv-transition-ticker h1[data-tv-alert-text].is-long-title,
  .workshop-tv-v3 .workshop-tv-transition-ticker h1[data-tv-alert-text].is-very-long-title{font-size:clamp(14px,4vw,19px)!important;padding-left:24px!important;padding-right:24px!important}
}
@media(prefers-reduced-motion:reduce){.workshop-tv-v3 .workshop-tv-transition-ticker.is-scrolling h1[data-tv-alert-text]>span{animation-duration:18s!important}}


/* v7.7.3 — TV fixed-stage operations panel: no vertical drift */
.workshop-tv-v3 .workshop-tv-alert-content{
  min-height:0!important;
  overflow:hidden!important;
}
.workshop-tv-v3 .workshop-tv-alert-main{
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:auto auto auto auto minmax(0,1fr)!important;
  align-content:stretch!important;
  justify-content:stretch!important;
}
.workshop-tv-v3 .workshop-tv-customer,
.workshop-tv-v3 .workshop-tv-alert-caption,
.workshop-tv-v3 .workshop-tv-plate-stage,
.workshop-tv-v3 .workshop-tv-alert-department{min-height:0!important}
.workshop-tv-v3 .workshop-tv-alert-ops-wrap{
  position:relative!important;
  width:100%!important;
  height:clamp(220px,29vh,316px)!important;
  min-height:0!important;
  max-height:clamp(220px,29vh,316px)!important;
  margin-top:clamp(10px,1.2vh,16px)!important;
  padding:clamp(66px,7.2vh,78px) clamp(12px,1.3vw,20px) clamp(12px,1.4vh,18px)!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:clamp(7px,.8vh,11px)!important;
  place-content:stretch!important;
  align-content:stretch!important;
  text-align:center!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.workshop-tv-v3 .workshop-tv-alert-ops-wrap>.workshop-tv-transition-ticker{
  position:absolute!important;
  z-index:4!important;
  top:clamp(8px,.9vh,12px)!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:calc(100% - clamp(20px,2vw,34px))!important;
  height:clamp(44px,5.2vh,56px)!important;
  min-height:0!important;
  margin:0!important;
  border:1px dashed rgba(125,211,252,.50)!important;
  border-left:1px dashed rgba(125,211,252,.50)!important;
  border-radius:10px!important;
  background:linear-gradient(90deg,rgba(8,47,73,.42),rgba(15,23,42,.78) 17%,rgba(15,23,42,.78) 83%,rgba(8,47,73,.42))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)!important;
}
.workshop-tv-v3 .workshop-tv-alert-ops-wrap>.workshop-tv-transition-ticker h1[data-tv-alert-text],
.workshop-tv-v3 .workshop-tv-alert-ops-wrap>.workshop-tv-transition-ticker h1[data-tv-alert-text].is-long-title,
.workshop-tv-v3 .workshop-tv-alert-ops-wrap>.workshop-tv-transition-ticker h1[data-tv-alert-text].is-very-long-title{
  height:100%!important;
  min-height:0!important;
  font-size:clamp(15px,1.28vw,24px)!important;
  line-height:1!important;
  padding-inline:clamp(24px,3vw,52px)!important;
}
.workshop-tv-v3 .workshop-tv-alert-ops-wrap>span[data-tv-alert-ops-title]{
  align-self:center!important;
  justify-self:center!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  min-height:0!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.workshop-tv-v3 .workshop-tv-alert-ops{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:repeat(var(--tv-op-cols,2),minmax(0,1fr))!important;
  grid-template-rows:repeat(var(--tv-op-rows,1),minmax(0,1fr))!important;
  grid-auto-rows:0!important;
  gap:clamp(4px,.48vw,8px)!important;
  padding:0!important;
  align-items:stretch!important;
  align-content:stretch!important;
}
.workshop-tv-v3 .workshop-tv-alert-ops .tv-op-chip,
.workshop-tv-v3 .workshop-tv-alert-ops[data-op-count] .tv-op-chip,
.workshop-tv-v3 .workshop-tv-alert-ops.many-ops .tv-op-chip{
  min-width:0!important;
  min-height:0!important;
  width:100%!important;
  height:100%!important;
  max-height:100%!important;
  margin:0!important;
  padding:clamp(3px,.38vh,6px) clamp(5px,.45vw,9px)!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  font-size:var(--tv-op-font,16px)!important;
  line-height:1.06!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.workshop-tv-v3 .workshop-tv-alert-ops .tv-op-chip>span,
.workshop-tv-v3 .workshop-tv-alert-ops .tv-op-chip>b{
  max-width:100%!important;max-height:100%!important;overflow:hidden!important;
}
@media(max-height:850px){
  .workshop-tv-v3 .workshop-tv-alert-ops-wrap{height:clamp(185px,27vh,230px)!important;max-height:clamp(185px,27vh,230px)!important;padding-top:58px!important;padding-bottom:10px!important;margin-top:8px!important}
  .workshop-tv-v3 .workshop-tv-alert-ops-wrap>.workshop-tv-transition-ticker{height:42px!important;top:8px!important}
  .workshop-tv-v3 .workshop-tv-alert-ops-wrap>.workshop-tv-transition-ticker h1[data-tv-alert-text],
  .workshop-tv-v3 .workshop-tv-alert-ops-wrap>.workshop-tv-transition-ticker h1[data-tv-alert-text].is-long-title,
  .workshop-tv-v3 .workshop-tv-alert-ops-wrap>.workshop-tv-transition-ticker h1[data-tv-alert-text].is-very-long-title{font-size:clamp(13px,1.15vw,19px)!important}
  .workshop-tv-v3 .workshop-tv-alert-ops-wrap>span[data-tv-alert-ops-title]{font-size:10px!important}
}
@media(max-width:1100px){
  .workshop-tv-v3 .workshop-tv-alert-ops-wrap{height:clamp(190px,28vh,245px)!important;max-height:clamp(190px,28vh,245px)!important;padding-top:58px!important}
  .workshop-tv-v3 .workshop-tv-alert-ops-wrap>.workshop-tv-transition-ticker{height:42px!important}
}
@media(max-width:760px){
  .workshop-tv-v3 .workshop-tv-alert-main{display:flex!important;height:auto!important;overflow:visible!important}
  .workshop-tv-v3 .workshop-tv-alert-ops-wrap{height:clamp(205px,31vh,270px)!important;max-height:clamp(205px,31vh,270px)!important;padding:57px 10px 10px!important}
  .workshop-tv-v3 .workshop-tv-alert-ops-wrap>.workshop-tv-transition-ticker{width:calc(100% - 16px)!important;top:8px!important}
}

/* v7.7.4 — TV full-height alert stage; operations always stay fully visible */
.workshop-tv-v3 .workshop-tv-alert{
  padding:clamp(9px,1.25vh,14px) clamp(12px,1.25vw,22px)!important;
}
.workshop-tv-v3 .workshop-tv-alert-frame{
  width:min(1660px,97.5vw)!important;
  height:calc(100dvh - clamp(18px,2.5vh,28px))!important;
  max-height:calc(100dvh - clamp(18px,2.5vh,28px))!important;
  padding:clamp(15px,1.35vw,24px)!important;
  box-sizing:border-box!important;
}
.workshop-tv-v3 .workshop-tv-alert-topline{
  min-height:32px!important;
  padding-bottom:clamp(7px,.9vh,12px)!important;
}
.workshop-tv-v3 .workshop-tv-alert-content{
  height:100%!important;
  min-height:0!important;
  padding:clamp(8px,1.1vh,14px) 0 0!important;
  gap:clamp(16px,1.9vw,30px)!important;
  align-items:stretch!important;
  overflow:hidden!important;
}
.workshop-tv-v3 .workshop-tv-alert-main{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:auto auto clamp(130px,20vh,190px) auto minmax(250px,1fr)!important;
  row-gap:clamp(4px,.65vh,8px)!important;
  align-content:stretch!important;
  justify-content:stretch!important;
}
.workshop-tv-v3 .workshop-tv-customer{
  margin:0!important;
  padding:clamp(7px,.72vh,10px) clamp(12px,1.1vw,18px)!important;
}
.workshop-tv-v3 .workshop-tv-customer strong{
  font-size:clamp(25px,2.35vw,44px)!important;
  line-height:1!important;
}
.workshop-tv-v3 .workshop-tv-alert-caption{
  margin:0!important;
  align-self:end!important;
}
.workshop-tv-v3 .workshop-tv-plate-stage{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:clamp(5px,.58vw,9px)!important;
  align-self:stretch!important;
  box-sizing:border-box!important;
}
.workshop-tv-v3 .workshop-tv-tr-plate{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
}
.workshop-tv-v3 .workshop-tv-alert-department{
  margin:0!important;
  align-self:start!important;
  padding:6px 10px!important;
}
.workshop-tv-v3 .workshop-tv-alert-ops-wrap{
  width:100%!important;
  height:100%!important;
  min-height:250px!important;
  max-height:390px!important;
  margin:0!important;
  align-self:end!important;
  padding:clamp(54px,6.2vh,66px) clamp(10px,1vw,16px) clamp(9px,1vh,14px)!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:clamp(6px,.72vh,10px)!important;
}
.workshop-tv-v3 .workshop-tv-alert-ops-wrap>.workshop-tv-transition-ticker{
  top:clamp(7px,.8vh,10px)!important;
  height:clamp(40px,4.8vh,52px)!important;
}
.workshop-tv-v3 .workshop-tv-alert-ops-wrap>span[data-tv-alert-ops-title]{
  min-height:18px!important;
  margin:0!important;
  align-self:center!important;
  justify-self:center!important;
}
.workshop-tv-v3 .workshop-tv-alert-ops{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  align-self:stretch!important;
}
.workshop-tv-v3 .workshop-tv-alert-side{
  min-height:0!important;
  overflow:hidden!important;
  align-self:stretch!important;
}
/* 720p / short TV viewports: compact top content, preserve operations area. */
@media(max-height:780px){
  .workshop-tv-v3 .workshop-tv-alert{padding:7px 12px!important}
  .workshop-tv-v3 .workshop-tv-alert-frame{height:calc(100dvh - 14px)!important;max-height:calc(100dvh - 14px)!important;padding:12px 16px!important}
  .workshop-tv-v3 .workshop-tv-alert-topline{min-height:27px!important;padding-bottom:6px!important}
  .workshop-tv-v3 .workshop-tv-alert-content{padding-top:6px!important}
  .workshop-tv-v3 .workshop-tv-alert-main{grid-template-rows:auto auto clamp(100px,18vh,140px) auto minmax(210px,1fr)!important;row-gap:3px!important}
  .workshop-tv-v3 .workshop-tv-customer{padding:5px 10px!important}
  .workshop-tv-v3 .workshop-tv-customer strong{font-size:clamp(21px,2.2vw,34px)!important}
  .workshop-tv-v3 .workshop-tv-alert-department{padding:5px 9px!important;font-size:clamp(12px,1.15vw,18px)!important}
  .workshop-tv-v3 .workshop-tv-alert-ops-wrap{min-height:210px!important;max-height:300px!important;padding:47px 8px 7px!important}
  .workshop-tv-v3 .workshop-tv-alert-ops-wrap>.workshop-tv-transition-ticker{height:36px!important;top:6px!important}
  .workshop-tv-v3 .workshop-tv-alert-ops-wrap>span[data-tv-alert-ops-title]{font-size:9px!important}
}
/* Narrow TV/browser windows keep both the operation area and status rail on-screen. */
@media(max-width:1100px){
  .workshop-tv-v3 .workshop-tv-alert-frame{width:98vw!important}
  .workshop-tv-v3 .workshop-tv-alert-content{grid-template-columns:minmax(0,1fr) minmax(205px,.34fr)!important;gap:14px!important}
  .workshop-tv-v3 .workshop-tv-alert-main{grid-template-rows:auto auto clamp(105px,18vh,155px) auto minmax(220px,1fr)!important}
  .workshop-tv-v3 .workshop-tv-alert-ops-wrap{min-height:220px!important;max-height:340px!important}
}


/* v7.7.5 — responsive TV stage + operation focus (only current step animates) */
.workshop-tv-v3 .workshop-tv-alert-frame{
  width:97.7vw!important;
  max-width:none!important;
  height:97.7dvh!important;
  max-height:97.7dvh!important;
}
.workshop-tv-v3 .workshop-tv-alert-content{
  grid-template-columns:minmax(0,1fr) clamp(205px,18vw,315px)!important;
  gap:clamp(12px,1.45vw,28px)!important;
}
/* The operations container itself is stable: no heartbeat / pulse on the whole red panel. */
.workshop-tv-v3 .workshop-tv-alert-ops-wrap,
.workshop-tv-v3 .workshop-tv-alert.is-waiting-pulse .workshop-tv-alert-ops-wrap,
.workshop-tv-v3 .workshop-tv-alert.is-alerting .workshop-tv-alert-ops-wrap{
  animation:none!important;
  transform:none!important;
  will-change:auto!important;
}
.workshop-tv-v3 .workshop-tv-alert-ops .tv-op-chip{
  transition:border-color .22s ease,background-color .22s ease,color .22s ease,opacity .22s ease!important;
}
/* Completed items are history only: quiet, crossed out, never animated. */
.workshop-tv-v3 .workshop-tv-alert-ops .tv-op-chip.is-completed{
  animation:none!important;
  transform:none!important;
  opacity:.46!important;
  color:rgba(254,202,202,.68)!important;
  border-color:rgba(248,113,113,.20)!important;
  background:rgba(69,10,10,.18)!important;
  text-decoration:line-through!important;
  text-decoration-thickness:2px!important;
  text-decoration-color:rgba(254,202,202,.56)!important;
}
/* Future operations stay neutral. */
.workshop-tv-v3 .workshop-tv-alert-ops .tv-op-chip.is-pending{
  animation:none!important;
  transform:none!important;
  opacity:.76!important;
  color:#d7e0eb!important;
  border-color:rgba(148,163,184,.20)!important;
  background:linear-gradient(180deg,rgba(15,23,42,.46),rgba(15,23,42,.26))!important;
}
/* Operations that belong to the current department are green. */
.workshop-tv-v3 .workshop-tv-alert-ops .tv-op-chip.is-current-stage{
  animation:none!important;
  transform:none!important;
  opacity:1!important;
  color:#ecfdf5!important;
  border-color:rgba(52,211,153,.72)!important;
  background:linear-gradient(145deg,rgba(6,78,59,.92),rgba(5,46,42,.94))!important;
  box-shadow:inset 0 0 0 1px rgba(167,243,208,.08),0 8px 24px rgba(5,150,105,.12)!important;
}
/* Only the very next operation breathes. Keep the animation GPU-only. */
.workshop-tv-v3 .workshop-tv-alert-ops .tv-op-chip.is-current{
  position:relative!important;
  z-index:2!important;
  opacity:1!important;
  color:#ffffff!important;
  border-color:#6ee7b7!important;
  background:linear-gradient(145deg,#087f5b,#065f46)!important;
  box-shadow:inset 0 0 0 1px rgba(236,253,245,.16),0 10px 30px rgba(16,185,129,.20)!important;
  animation:tvCurrentOperation775 1.7s ease-in-out infinite!important;
  will-change:transform,opacity!important;
}
@keyframes tvCurrentOperation775{
  0%,100%{transform:scale(1);opacity:1}
  45%{transform:scale(1.026);opacity:.92}
  62%{transform:scale(1.012);opacity:1}
}
/* 1080p / common workshop TVs */
@media (min-width:1400px) and (min-height:800px){
  .workshop-tv-v3 .workshop-tv-alert-main{grid-template-rows:auto auto clamp(145px,20.5vh,205px) auto minmax(285px,1fr)!important}
  .workshop-tv-v3 .workshop-tv-alert-ops-wrap{min-height:285px!important;max-height:430px!important}
}
/* 1366x768 and similar: preserve every operation without vertical drift. */
@media (max-width:1399px), (max-height:799px){
  .workshop-tv-v3 .workshop-tv-alert-frame{width:98.4vw!important;height:98.2dvh!important;max-height:98.2dvh!important;padding:clamp(10px,1vw,16px)!important}
  .workshop-tv-v3 .workshop-tv-alert-content{grid-template-columns:minmax(0,1fr) clamp(190px,18vw,245px)!important;gap:clamp(10px,1.15vw,18px)!important;padding-top:5px!important}
  .workshop-tv-v3 .workshop-tv-alert-main{grid-template-rows:auto auto clamp(100px,17.5vh,145px) auto minmax(220px,1fr)!important;row-gap:3px!important}
  .workshop-tv-v3 .workshop-tv-alert-ops-wrap{min-height:220px!important;max-height:350px!important;padding-bottom:7px!important}
  .workshop-tv-v3 .workshop-tv-customer strong{font-size:clamp(22px,2.4vw,36px)!important}
}
/* Compact landscape tablet / small monitor. */
@media (max-width:1050px) and (orientation:landscape){
  .workshop-tv-v3 .workshop-tv-alert-content{grid-template-columns:minmax(0,1fr) 190px!important;gap:10px!important}
  .workshop-tv-v3 .workshop-tv-alert-main{grid-template-rows:auto auto clamp(86px,16vh,118px) auto minmax(205px,1fr)!important}
  .workshop-tv-v3 .workshop-tv-alert-side{font-size:.88em!important}
  .workshop-tv-v3 .workshop-tv-alert-ops-wrap{min-height:205px!important;padding-inline:7px!important}
  .workshop-tv-v3 .workshop-tv-alert-ops{gap:4px!important}
}
@media (max-height:650px) and (orientation:landscape){
  .workshop-tv-v3 .workshop-tv-alert-topline{min-height:22px!important;padding-bottom:3px!important}
  .workshop-tv-v3 .workshop-tv-alert-main{grid-template-rows:auto auto 82px auto minmax(185px,1fr)!important}
  .workshop-tv-v3 .workshop-tv-customer{padding:4px 8px!important}
  .workshop-tv-v3 .workshop-tv-customer strong{font-size:clamp(19px,2.2vw,30px)!important}
  .workshop-tv-v3 .workshop-tv-alert-department{padding:4px 7px!important}
  .workshop-tv-v3 .workshop-tv-alert-ops-wrap{min-height:185px!important;padding-top:43px!important}
  .workshop-tv-v3 .workshop-tv-alert-ops-wrap>.workshop-tv-transition-ticker{height:33px!important;top:5px!important}
}
@media(prefers-reduced-motion:reduce){
  .workshop-tv-v3 .workshop-tv-alert-ops .tv-op-chip.is-current{animation:none!important}
}

/* v7.7.6 — control visit automatically follows completed vehicle operations */
.control-check-card .control-performed-operations{margin:0 0 14px;padding:13px 14px;border:1px dashed #b8c5d6;background:linear-gradient(180deg,#f8fbff,#f4f8fc);}
.control-operation-summary-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;color:#526277;}
.control-operation-summary-head span{font-size:10px;font-weight:900;letter-spacing:.13em;}
.control-operation-summary-head strong{display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border:1px solid #d8e2ed;background:#fff;color:#0f172a;font-size:13px;}
.control-operation-chips{display:flex;flex-wrap:wrap;gap:7px;}
.control-operation-chips span{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border:1px solid #cfe0d5;background:#eefbf2;color:#166534;font-size:11px;font-weight:800;line-height:1.25;}
.control-task-card.is-auto-control{position:relative;border-color:#ccd8e5!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;}
.control-task-card.is-auto-control:before{content:"OTOMATİK";position:absolute;right:9px;top:7px;font-size:8px;line-height:1;letter-spacing:.12em;font-weight:900;color:#64748b;background:#eef2f7;border:1px solid #dbe3ec;padding:4px 6px;}
.control-auto-source{display:inline-flex;max-width:calc(100% - 58px);margin:0 0 5px;padding:4px 7px;background:#eef6ff;border:1px solid #d7e7fa;color:#1d4f84;font-size:9px;font-weight:900;letter-spacing:.04em;line-height:1.15;white-space:normal;}
@media(max-width:1024px){
  .control-check-card .control-performed-operations{padding:11px;}
  .control-operation-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
  .control-operation-chips span{justify-content:center;text-align:center;}
  .control-task-card.is-auto-control:before{top:6px;right:7px;}
}
@media(max-width:640px){
  .control-operation-chips{grid-template-columns:1fr;}
  .control-auto-source{max-width:100%;margin-right:54px;}
}

/* v7.7.7 — one control card per completed operation */
.control-task-card.is-operation-control{grid-template-columns:auto minmax(180px,1fr) minmax(220px,1fr);align-items:end;}
.control-task-card.is-operation-control .control-operation-name-field{min-width:0;}
.control-operation-name{display:flex;align-items:center;min-height:42px;padding:10px 12px;border:1px solid #d8e3ee;background:#f8fbff;color:#0f172a;font-size:13px;font-weight:900;line-height:1.25;overflow-wrap:anywhere;}
.control-task-card.is-operation-control .control-done-pill span{min-height:42px;display:flex;align-items:center;justify-content:center;padding-inline:14px;}
@media(max-width:900px){.control-task-card.is-operation-control{grid-template-columns:1fr 1fr}.control-task-card.is-operation-control .control-done-pill{grid-column:1/-1}.control-task-card.is-operation-control .control-done-pill span{width:100%}}
@media(max-width:620px){.control-task-card.is-operation-control{grid-template-columns:1fr}.control-task-card.is-operation-control .control-done-pill{grid-column:auto}}

/* v7.8.0 — kontrol operasyon yaşam döngüsü */
.control-workflow-dashboard{display:grid;gap:14px}.control-workflow-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.control-workflow-tab{min-width:0;display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:14px 15px;border:1px solid #dbe3ee;border-radius:16px;background:#fff;color:#0f172a;text-decoration:none;box-shadow:0 8px 24px rgba(15,23,42,.04);transition:.18s ease}.control-workflow-tab:hover,.control-workflow-tab.active{transform:translateY(-1px);border-color:var(--accent,#f59e0b);box-shadow:0 12px 28px rgba(15,23,42,.08)}.control-workflow-tab span{font-size:12px;font-weight:850;letter-spacing:.02em}.control-workflow-tab strong{grid-row:1/3;grid-column:2;font-size:28px;line-height:1;font-variant-numeric:tabular-nums}.control-workflow-tab small{font-size:10px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.control-workflow-list-card{padding:16px}.control-workflow-list{display:grid;gap:9px}.control-workflow-row{display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(220px,.9fr) minmax(190px,.8fr) auto;gap:14px;align-items:center;padding:13px;border:1px dashed #d5deea;border-radius:14px;background:linear-gradient(180deg,#fff,#fbfdff)}.control-workflow-main{display:flex;align-items:center;gap:11px;min-width:0}.control-workflow-main>div{min-width:0}.control-workflow-main strong,.control-workflow-main small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.control-workflow-main strong{font-size:14px}.control-workflow-main small{font-size:11px;color:#64748b;margin-top:3px}.control-state-dot{width:12px;height:12px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 5px rgba(148,163,184,.12);flex:none}.control-state-dot.warning{background:#f59e0b;box-shadow:0 0 0 5px rgba(245,158,11,.13)}.control-state-dot.info{background:#3b82f6;box-shadow:0 0 0 5px rgba(59,130,246,.12)}.control-state-dot.accent{background:#8b5cf6;box-shadow:0 0 0 5px rgba(139,92,246,.12)}.control-state-dot.success{background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.12)}.control-workflow-meta{display:flex;gap:7px;flex-wrap:wrap}.control-workflow-meta span{font-size:10px;font-weight:750;padding:6px 8px;border-radius:9px;background:#f1f5f9;color:#475569}.control-workflow-status b,.control-workflow-status small{display:block}.control-workflow-status b{font-size:12px}.control-workflow-status small{font-size:10px;color:#64748b;margin-top:3px}.control-workflow-actions{display:flex;justify-content:flex-end}.control-workflow-actions form{margin:0}.control-workflow-empty{padding:30px;text-align:center;color:#64748b;border:1px dashed #d5deea;border-radius:14px}.control-schema-warning{border:1px solid #f59e0b;background:#fffbeb}.control-signature-later{border:1px dashed #94a3b8;background:linear-gradient(135deg,#f8fafc,#fff)}.control-signature-later h3{margin:8px 0 5px}.control-create-actions{justify-content:flex-end}.control-finalize-card{border:1px solid #c4b5fd;box-shadow:0 16px 42px rgba(76,29,149,.09)}.control-finalize-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.control-finalize-check{display:grid;grid-template-columns:auto minmax(140px,1fr) minmax(160px,1fr);gap:10px;align-items:center;padding:11px;border:1px dashed #d7dee8;border-radius:13px;background:#fff}.control-finalize-check strong{font-size:12px}.control-finalize-check input[type=text],.control-finalize-check input:not([type]){min-width:0}.control-signature-grid{margin:14px 0}.control-signature-grid .card{box-shadow:none;border:1px dashed #d7dee8}.control-form .control-check-card .control-done-pill{opacity:.55;pointer-events:none}.control-form .control-check-card .control-done-pill span{font-size:0}.control-form .control-check-card .control-done-pill span:after{content:'Kontrol planı';font-size:12px}.tablet-job-card.is-control-card{border-color:#93c5fd;background:linear-gradient(180deg,#eff6ff,#fff)}.tablet-job-card.is-control-card .tablet-job-meta em{background:#dbeafe;color:#1d4ed8}.tablet-control-number{font-size:11px;font-weight:850;letter-spacing:.08em;color:#1d4ed8;margin:4px 0 7px}
@media(max-width:1180px){.control-workflow-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.control-workflow-row{grid-template-columns:minmax(240px,1fr) minmax(190px,.8fr) auto}.control-workflow-status{grid-column:1/3}.control-finalize-checks{grid-template-columns:1fr}}
@media(max-width:760px){.control-workflow-tabs{grid-template-columns:1fr 1fr}.control-workflow-row{grid-template-columns:1fr}.control-workflow-status{grid-column:auto}.control-workflow-actions{justify-content:stretch}.control-workflow-actions .btn,.control-workflow-actions form{width:100%}.control-finalize-check{grid-template-columns:1fr}.control-signature-grid{grid-template-columns:1fr!important}.control-create-actions{display:grid;grid-template-columns:1fr}.control-create-actions .btn{width:100%}}
.control-super-dealer-filter{display:flex;justify-content:flex-end}.control-super-dealer-filter label{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #dbe3ee;border-radius:12px;background:#fff}.control-super-dealer-filter span{font-size:11px;font-weight:800;color:#64748b}.control-super-dealer-filter select{min-width:240px;height:38px;margin:0}
@media(max-width:760px){.control-super-dealer-filter,.control-super-dealer-filter label{width:100%}.control-super-dealer-filter label{display:grid}.control-super-dealer-filter select{width:100%;min-width:0}}

/* v7.8.1 — araç raporu ve teslim sonrası kontrol planı */
.delivery-control-plan-field{padding:14px;border:1px dashed #cbd5e1;background:#f8fafc;border-radius:16px}.delivery-control-plan-field select{min-height:46px;font-weight:900}.vehicle-report-modal{width:min(1180px,calc(100vw - 28px))!important;max-height:calc(100dvh - 28px)!important;overflow:auto!important;background:#f8fafc!important}.vehicle-report-body{display:grid;gap:14px}.vehicle-report-summary{display:grid;grid-template-columns:1fr 1.35fr .7fr;gap:10px}.vehicle-report-summary>div{background:#fff;border:1px dashed #cbd5e1;border-radius:15px;padding:14px;min-width:0}.vehicle-report-summary span{display:block;font-size:10px;font-weight:950;letter-spacing:.08em;color:#64748b}.vehicle-report-summary strong{display:block;margin-top:5px;font-size:clamp(18px,2.2vw,27px);letter-spacing:-.045em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vehicle-report-control{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:center;border:1px dashed #cbd5e1;border-radius:18px;padding:16px;background:#fff}.vehicle-report-control-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:25px;font-weight:1000;background:#f1f5f9;color:#334155}.vehicle-report-control small,.vehicle-report-visit section>small{display:block;font-size:10px;font-weight:950;letter-spacing:.08em;color:#64748b}.vehicle-report-control strong{display:block;font-size:20px;letter-spacing:-.035em;margin-top:2px}.vehicle-report-control p{margin:4px 0 0;color:#64748b;font-weight:800}.vehicle-report-control em{display:inline-block;margin-top:7px;font-style:normal;font-size:11px;font-weight:950;border:1px dashed currentColor;border-radius:999px;padding:5px 9px}.vehicle-report-control.is-done{background:#f0fdf4;border-color:#86efac}.vehicle-report-control.is-done .vehicle-report-control-icon{background:#16a34a;color:#fff}.vehicle-report-control.is-upcoming{background:#eff6ff;border-color:#93c5fd}.vehicle-report-control.is-upcoming .vehicle-report-control-icon{background:#2563eb;color:#fff}.vehicle-report-control.is-overdue{background:#fff1f2;border-color:#fda4af}.vehicle-report-control.is-overdue .vehicle-report-control-icon{background:#e11d48;color:#fff}.vehicle-report-control.is-active{background:#fff7ed;border-color:#fdba74}.vehicle-report-control.is-active .vehicle-report-control-icon{background:#ea580c;color:#fff}.vehicle-report-timeline{display:grid;gap:10px}.vehicle-report-section-title{display:flex;align-items:center;gap:10px;padding:4px 2px}.vehicle-report-section-title>span{width:10px;height:10px;border-radius:50%;background:var(--accent,#f59e0b);box-shadow:0 0 0 5px rgba(245,158,11,.12)}.vehicle-report-section-title strong{display:block;font-size:14px;letter-spacing:.03em}.vehicle-report-section-title small{display:block;color:#64748b;font-weight:800;margin-top:2px}.vehicle-report-visit{background:#fff;border:1px dashed #cbd5e1;border-radius:18px;padding:14px;display:grid;gap:12px;position:relative}.vehicle-report-visit.is-current{border-color:#111827;box-shadow:0 0 0 2px rgba(15,23,42,.04)}.vehicle-report-visit header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.vehicle-report-visit header>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.vehicle-report-visit header span{font-size:11px;color:#64748b;font-weight:900}.vehicle-report-visit header strong{font-size:17px}.vehicle-report-visit header em{font-style:normal;font-size:9px;font-weight:950;background:#111827;color:#fff;border-radius:999px;padding:4px 7px}.vehicle-report-visit header>b{font-size:11px;border:1px dashed #cbd5e1;padding:6px 8px;border-radius:999px;white-space:nowrap}.vehicle-report-ops{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.vehicle-report-ops span{border:1px solid #dbe3ec;background:#f8fafc;border-radius:10px;padding:7px 9px;font-size:12px;font-weight:900}.vehicle-report-fallback{display:block;color:#94a3b8;margin-top:7px;font-weight:800}.vehicle-report-note{margin:0;background:#fffbeb;border-left:3px solid #f59e0b;padding:9px 11px;border-radius:7px;color:#475569;font-size:12px}.vehicle-report-staff-list{display:grid;gap:7px}.vehicle-report-staff{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(230px,1.3fr);gap:10px;padding:10px;border:1px dashed #e2e8f0;border-radius:12px;background:#fbfdff}.vehicle-report-staff>div:first-child strong,.vehicle-report-staff>div:first-child small{display:block}.vehicle-report-staff>div:first-child small{color:#64748b;font-weight:800;margin-top:3px}.vehicle-report-staff>div:nth-child(2){display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.vehicle-report-staff>div:nth-child(2) span{font-size:10.5px;color:#64748b;font-weight:800}.vehicle-report-staff>div:nth-child(2) b{font-size:11px;background:#eef2ff;padding:5px 7px;border-radius:8px}.vehicle-report-staff>p{grid-column:1/-1;margin:0;font-size:11px;font-weight:850;color:#334155}.vehicle-report-controls{display:grid;gap:7px;border-top:1px dashed #dbe3ec;padding-top:10px}.vehicle-report-controls>strong{font-size:10px;letter-spacing:.08em;color:#64748b}.vehicle-report-controls>div{display:flex;gap:9px;align-items:center;background:#f0fdf4;border:1px dashed #86efac;padding:9px;border-radius:11px}.vehicle-report-check{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#16a34a;color:#fff;font-weight:1000}.vehicle-report-controls p{margin:0}.vehicle-report-controls b,.vehicle-report-controls small,.vehicle-report-controls em{display:block}.vehicle-report-controls small{color:#64748b;font-size:10px;font-weight:800}.vehicle-report-controls em{font-style:normal;font-size:10.5px;color:#334155;margin-top:2px}.vehicle-report-visit footer{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px dashed #e2e8f0;padding-top:10px}.vehicle-report-visit footer span{font-size:11px;color:#64748b;font-weight:850}.vehicle-report-empty-inline{font-size:12px;color:#94a3b8;font-weight:850}
@media(max-width:760px){.vehicle-report-modal{width:calc(100vw - 12px)!important;max-height:calc(100dvh - 12px)!important}.vehicle-report-summary{grid-template-columns:1fr 1fr}.vehicle-report-summary>div:last-child{grid-column:1/-1}.vehicle-report-staff{grid-template-columns:1fr}.vehicle-report-staff>div:nth-child(2){justify-content:flex-start}.vehicle-report-visit header{flex-direction:column}.vehicle-report-visit footer{align-items:flex-start;flex-direction:column}.vehicle-report-control{grid-template-columns:46px 1fr;padding:12px}.vehicle-report-control-icon{width:44px;height:44px;font-size:20px}}


/* v7.8.3 — kontrol panosu tamamen modal + tek teknik onay */
.control-workflow-tab{font:inherit;text-align:left;cursor:pointer;width:100%;appearance:none}
.control-status-modal{z-index:420}
.control-status-modal-panel{width:min(1180px,calc(100vw - 28px))!important;max-height:calc(100dvh - 28px)!important;overflow:auto!important}
.control-modal-count{display:inline-flex;align-items:center;gap:10px;border:1px dashed #cbd5e1;background:#f8fafc;padding:9px 12px;margin-bottom:12px}
.control-modal-count span{font-size:10px;letter-spacing:.08em;color:#64748b;font-weight:900}.control-modal-count strong{font-size:22px;font-variant-numeric:tabular-nums}
.control-modal-workflow-list{max-height:min(68dvh,720px);overflow:auto;padding-right:3px}
.control-finalize-modal{z-index:460}
.control-finalize-modal-panel{width:min(1120px,calc(100vw - 28px))!important;max-height:calc(100dvh - 28px)!important;overflow:auto!important}
.control-technician-approved{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:center;padding:14px;border:1px solid #86efac;background:#f0fdf4;margin-bottom:14px}
.control-approved-icon{width:50px;height:50px;display:grid;place-items:center;background:#16a34a;color:#fff;border-radius:50%;font-size:27px;font-weight:900}
.control-technician-approved small,.control-technician-approved strong,.control-technician-approved em{display:block}.control-technician-approved small{font-size:9px;letter-spacing:.09em;color:#15803d;font-weight:900}.control-technician-approved strong{font-size:17px;margin-top:2px}.control-technician-approved em{font-style:normal;color:#64748b;font-size:11px;margin-top:3px}
.control-finalize-readonly{border:1px dashed #cbd5e1;background:#fff;padding:13px;margin-bottom:14px}.control-finalize-readonly-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:900;letter-spacing:.04em;margin-bottom:10px}.control-finalize-readonly-title span{min-width:30px;height:30px;display:grid;place-items:center;background:#111827;color:#fff;font-variant-numeric:tabular-nums}
.control-finalize-readonly-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.control-finalize-readonly-item{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:center;border:1px solid #e5eaf1;background:#f8fafc;padding:10px}.control-finalize-readonly-item i{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#16a34a;color:#fff;font-style:normal;font-weight:900}.control-finalize-readonly-item strong,.control-finalize-readonly-item small{display:block}.control-finalize-readonly-item strong{font-size:12px}.control-finalize-readonly-item small{font-size:10px;color:#64748b;margin-top:2px}
.control-finalize-modal .control-signature-grid{margin-top:0}
@media(max-width:900px){.control-status-modal-panel,.control-finalize-modal-panel{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important}.control-finalize-readonly-grid{grid-template-columns:1fr}.control-modal-workflow-list{max-height:64dvh}}
@media(max-width:620px){.control-status-modal,.control-finalize-modal{padding:0!important}.control-status-modal-panel,.control-finalize-modal-panel{width:100vw!important;height:100dvh!important;max-height:100dvh!important;border:0!important}.control-finalize-readonly-grid{grid-template-columns:1fr}.control-technician-approved{grid-template-columns:44px 1fr}.control-approved-icon{width:42px;height:42px;font-size:22px}}


/* v7.8.4 — live awaiting-signature control bubble */
.control-live-badge{
  display:none!important;align-items:center!important;justify-content:center!important;
  min-width:24px!important;height:24px!important;padding:0 7px!important;border-radius:999px!important;
  background:#ef4444!important;color:#fff!important;border:2px solid #fff!important;
  font-size:11px!important;font-weight:900!important;line-height:1!important;font-style:normal!important;
  font-variant-numeric:tabular-nums!important;letter-spacing:-.02em!important;
  box-shadow:0 0 0 0 rgba(239,68,68,.55),0 5px 14px rgba(127,29,29,.28)!important;
  position:relative!important;z-index:8!important;white-space:nowrap!important;pointer-events:none!important;
}
.control-live-badge.is-visible{display:inline-flex!important;animation:controlBadgePulse 1.35s ease-out infinite!important}
@keyframes controlBadgePulse{
  0%,42%{transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,.52),0 5px 14px rgba(127,29,29,.28)}
  58%{transform:scale(1.08);box-shadow:0 0 0 7px rgba(239,68,68,.13),0 7px 18px rgba(127,29,29,.30)}
  100%{transform:scale(1);box-shadow:0 0 0 12px rgba(239,68,68,0),0 5px 14px rgba(127,29,29,.28)}
}
.desktop-top-link{position:relative!important}
.desktop-top-link>.control-live-badge{position:absolute!important;right:-8px!important;top:-8px!important}
.sidebar .nav-link{position:relative!important}
.control-live-badge-sidebar{margin-left:auto!important;flex:0 0 auto!important}
.mobile-link{position:relative!important}
.control-live-badge-mobile{position:absolute!important;right:2px!important;top:2px!important;min-width:20px!important;height:20px!important;padding:0 5px!important;font-size:10px!important;border-width:1.5px!important}
.global-control-btn{position:relative!important;display:inline-flex!important;align-items:center!important;gap:8px!important;overflow:visible!important}
.control-live-badge-button{position:absolute!important;right:-10px!important;top:-10px!important}
a.has-control-alert .nav-icon,a.has-control-alert .mobile-icon,.desktop-top-link.has-control-alert>span{filter:drop-shadow(0 0 6px rgba(239,68,68,.32))}
@media (prefers-reduced-motion:reduce){.control-live-badge.is-visible{animation:none!important}}


/* v7.8.5 — TV browsers: persistent desktop-site switch on login */
.login-display-mode{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;
  margin:0 0 24px;padding:14px;border:1px dashed #cbd5e1;background:linear-gradient(135deg,#f8fafc,#fff);
}
.login-display-mode-copy{display:flex;align-items:center;gap:11px;min-width:0}
.login-display-mode-copy>div{min-width:0}
.login-display-mode-copy strong,.login-display-mode-copy small{display:block}
.login-display-mode-copy strong{font-size:13px;color:#0f172a;font-weight:800}
.login-display-mode-copy small{margin-top:3px;color:#64748b;font-size:10.5px;line-height:1.35}
.login-display-mode-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;background:#111827;color:#fff;font-size:16px}
.login-desktop-mode-btn{
  min-height:44px;padding:10px 13px;border:1px solid #111827;background:#fff;color:#111827;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font:inherit;font-size:11px;font-weight:800;white-space:nowrap;
  transition:transform .16s ease,background-color .16s ease,color .16s ease;
  touch-action:manipulation;-webkit-tap-highlight-color:transparent;
}
.login-desktop-mode-btn:hover{transform:translateY(-1px);background:#111827;color:#fff}
.login-desktop-mode-btn.is-active{background:#0f766e;border-color:#0f766e;color:#fff}
html.cargloos-desktop-site .login-display-mode{border-color:#86cbbf;background:linear-gradient(135deg,#ecfdf5,#fff)}
@media(max-width:720px){
  .login-display-mode{grid-template-columns:1fr;padding:12px;gap:10px}
  .login-desktop-mode-btn{width:100%;white-space:normal;text-align:center}
}


/* v7.8.6 — TV masaüstü modu: gerçek viewport korunur, sahte 1280px zoom yok */
html.cargloos-desktop-site,
html.cargloos-desktop-site body{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
html.cargloos-desktop-site body.login-page{
  max-width:100vw!important;
}

/* TV'ler yatay kullanılır. Ekran yeterliyse masaüstü login kompozisyonu,
   gerçek ekran genişliğine akışkan biçimde oturur; transform/zoom kullanılmaz. */
@media (orientation:landscape) and (min-width:700px){
  html.cargloos-desktop-site body.login-page{
    min-height:100dvh!important;
    padding:clamp(10px,1.8vw,24px)!important;
    display:grid!important;
    place-items:center!important;
    overflow:auto!important;
    background:
      radial-gradient(circle at 10% 8%,rgba(245,158,11,.14),transparent 28%),
      radial-gradient(circle at 92% 10%,rgba(17,24,39,.10),transparent 32%),
      linear-gradient(135deg,#f4f5f7 0%,#eef1f5 48%,#f7f7f4 100%)!important;
  }
  html.cargloos-desktop-site .login-card-pro.login-pwa-pro{
    width:min(1180px,100%)!important;
    max-width:100%!important;
    min-height:min(680px,calc(100dvh - 24px))!important;
    height:auto!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(330px,.82fr)!important;
    grid-template-rows:minmax(0,1fr)!important;
    overflow:hidden!important;
  }
  html.cargloos-desktop-site .login-card-pro.login-pwa-pro .login-hero-pro,
  html.cargloos-desktop-site .login-pwa-pro .login-hero-pro{
    height:auto!important;
    min-height:0!important;
    padding:clamp(26px,3vw,42px)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:space-between!important;
    border-right:1px dashed rgba(255,255,255,.22)!important;
    border-bottom:0!important;
    overflow:hidden!important;
  }
  html.cargloos-desktop-site .login-card-pro.login-pwa-pro .login-splash-brand,
  html.cargloos-desktop-site .login-pwa-pro .login-splash-brand{
    width:auto!important;
    max-width:none!important;
    min-height:0!important;
    display:flex!important;
    grid-template-columns:none!important;
    justify-items:initial!important;
    align-items:center!important;
    gap:15px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    text-align:left!important;
  }
  html.cargloos-desktop-site .login-card-pro.login-pwa-pro .login-system-logo,
  html.cargloos-desktop-site .login-pwa-pro .login-system-logo{
    width:auto!important;
    max-width:190px!important;
    height:auto!important;
    margin:0!important;
    flex:0 1 auto!important;
  }
  html.cargloos-desktop-site .login-card-pro.login-pwa-pro .login-system-logo img,
  html.cargloos-desktop-site .login-pwa-pro .login-system-logo img{
    width:auto!important;
    max-width:190px!important;
    max-height:68px!important;
  }
  html.cargloos-desktop-site .login-card-pro.login-pwa-pro .login-mobile-brand-copy,
  html.cargloos-desktop-site .login-pwa-pro .login-mobile-brand-copy{
    width:auto!important;
    display:grid!important;
    place-items:initial!important;
    text-align:left!important;
  }
  html.cargloos-desktop-site .login-card-pro.login-pwa-pro .login-mobile-brand-copy strong,
  html.cargloos-desktop-site .login-pwa-pro .login-mobile-brand-copy strong{
    font-size:18px!important;
  }
  html.cargloos-desktop-site .login-pwa-pro .login-kicker{
    display:inline-flex!important;
    margin-top:clamp(22px,4vh,52px)!important;
  }
  html.cargloos-desktop-site .login-pwa-pro .hero-title{
    display:block!important;
    font-size:clamp(30px,3.6vw,56px)!important;
    margin:0 0 16px!important;
  }
  html.cargloos-desktop-site .login-pwa-pro .hero-copy{
    display:block!important;
    font-size:clamp(12px,1.25vw,15px)!important;
  }
  html.cargloos-desktop-site .login-pwa-pro .login-feature-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    margin-top:clamp(18px,3vh,38px)!important;
  }
  html.cargloos-desktop-site .login-card-pro.login-pwa-pro .login-form-pro,
  html.cargloos-desktop-site .login-pwa-pro .login-form-pro{
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    padding:clamp(24px,3.6vw,48px)!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:stretch!important;
    overflow:visible!important;
  }
  html.cargloos-desktop-site .login-mobile-bridge.login-mobile-feature-grid{
    display:none!important;
  }
  html.cargloos-desktop-site .login-pwa-pro .login-form-pro h2,
  html.cargloos-desktop-site .login-pwa-pro .login-form-pro p,
  html.cargloos-desktop-site .login-pwa-pro .login-form-pro form,
  html.cargloos-desktop-site .login-pwa-pro .login-form-pro .alert{
    width:100%!important;
    max-width:none!important;
    text-align:left!important;
  }
  html.cargloos-desktop-site .login-pwa-pro .login-form-pro h2{
    font-size:clamp(26px,2.8vw,36px)!important;
  }
}

/* Çok dar/portre bir browser TV diye işaretlense bile içerik küçültülmez;
   güvenli responsive düzen korunur. */
@media (orientation:portrait), (max-width:699px){
  html.cargloos-desktop-site body.login-page{
    width:100%!important;
    transform:none!important;
    zoom:1!important;
  }
}


/* v7.8.8 — sade TV / tablet terminal hesabı oluşturma */
.terminal-quick-create{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 16px}
.terminal-create-card{appearance:none;width:100%;min-width:0;border:1px solid #dbe3ec;border-radius:20px;background:#fff;padding:18px 20px;display:grid;grid-template-columns:58px minmax(0,1fr) 36px;align-items:center;gap:14px;text-align:left;color:#0f172a;cursor:pointer;box-shadow:0 10px 30px rgba(15,23,42,.055);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.terminal-create-card:hover{transform:translateY(-2px);border-color:#b8c5d5;box-shadow:0 16px 38px rgba(15,23,42,.09)}
.terminal-create-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:#0f172a;color:#fff}.terminal-create-icon svg{width:29px;height:29px}
.terminal-create-card-tablet .terminal-create-icon{background:#0f766e}.terminal-create-copy{min-width:0;display:grid;gap:3px}.terminal-create-copy small{font-size:9px;font-weight:950;letter-spacing:.14em;color:#94a3b8}.terminal-create-copy strong{font-size:19px;line-height:1.15}.terminal-create-copy em{font-style:normal;font-size:11px;font-weight:700;color:#64748b}.terminal-create-arrow{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f1f5f9;color:#334155;font-size:18px;font-weight:900}
.terminal-create-modal{width:min(660px,calc(100vw - 30px))}.terminal-create-modal .modal-head>div{position:relative;padding-left:54px;min-height:44px}.terminal-modal-icon{position:absolute;left:0;top:0;width:42px;height:42px;border-radius:13px;background:#0f172a;color:#fff;display:grid;place-items:center}.terminal-modal-icon svg{width:22px;height:22px}.terminal-create-modal .modal-head h2{margin:0 0 3px}.terminal-create-modal .modal-head p{margin:0}.terminal-modal-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:6px}.terminal-modal-fields .field.full{grid-column:1/-1}
@media(max-width:760px){.terminal-quick-create{grid-template-columns:1fr}.terminal-create-card{padding:15px;grid-template-columns:50px minmax(0,1fr) 32px}.terminal-create-icon{width:50px;height:50px;border-radius:15px}.terminal-create-copy strong{font-size:17px}.terminal-modal-fields{grid-template-columns:1fr}.terminal-modal-fields .field.full{grid-column:auto}}


/* v7.8.9 — kullanıcı oluşturma modalları + 15 kayıtlık tam genişlik liste */
.users-create-actions.terminal-quick-create{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}
.terminal-create-card-normal .terminal-create-icon{background:linear-gradient(135deg,#1d4ed8,#2563eb)}
.terminal-create-card-tv .terminal-create-icon{background:linear-gradient(135deg,#111827,#334155)}
.terminal-create-card-tablet .terminal-create-icon{background:linear-gradient(135deg,#0f766e,#0d9488)}
.users-list-card{width:100%;max-width:none;margin:0;padding:0;overflow:hidden}
.users-list-title{padding:18px 20px 14px;margin:0;border-bottom:1px solid #e5e7eb;align-items:center}
.users-list-title>div{min-width:0}.users-list-title h2{margin:0}.users-list-title small{display:block;margin-top:4px;color:#94a3b8;font-size:11px;font-weight:700}
.users-table-wrap{width:100%;margin:0;border:0;border-radius:0;overflow-x:auto}
.users-table-wrap table{width:100%;min-width:1120px;margin:0}
.users-table-wrap th:first-child,.users-table-wrap td:first-child{padding-left:20px}
.users-table-wrap th:last-child,.users-table-wrap td:last-child{padding-right:20px}
.normal-user-modal{width:min(920px,calc(100vw - 28px))}
.normal-user-modal .modal-head>div{position:relative;padding-left:56px;min-height:44px}
.normal-user-modal-icon{background:linear-gradient(135deg,#1d4ed8,#2563eb)}
.normal-user-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;margin-top:6px}
.normal-user-form-grid .field{margin:0;min-width:0}
.users-pagination{display:grid;grid-template-columns:42px minmax(0,1fr) auto 42px;align-items:center;gap:10px;padding:14px 18px;border-top:1px solid #e5e7eb;background:#fbfcfe}
.users-page-numbers{display:flex;align-items:center;justify-content:flex-start;gap:6px;min-width:0;flex-wrap:wrap}
.users-page-btn{width:38px;height:38px;border:1px solid #dbe3ec;border-radius:11px;background:#fff;color:#334155;display:inline-grid;place-items:center;text-decoration:none;font-size:13px;font-weight:900;transition:.16s ease}
.users-page-btn:hover{border-color:#94a3b8;transform:translateY(-1px)}
.users-page-btn.is-active{background:#111827;border-color:#111827;color:#fff;box-shadow:0 6px 16px rgba(15,23,42,.14)}
.users-page-btn.is-disabled{opacity:.35;pointer-events:none}
.users-page-gap{width:24px;text-align:center;color:#94a3b8;font-weight:900}
.users-page-summary{white-space:nowrap;color:#64748b;font-size:11px;font-weight:750}.users-page-summary b{color:#111827;font-size:13px}
@media(max-width:1050px){.users-create-actions.terminal-quick-create{grid-template-columns:repeat(2,minmax(0,1fr))}.terminal-create-card-normal{grid-column:1/-1}.normal-user-modal{width:min(820px,calc(100vw - 24px))}}
@media(max-width:760px){.users-create-actions.terminal-quick-create{grid-template-columns:1fr}.terminal-create-card-normal{grid-column:auto}.normal-user-form-grid{grid-template-columns:1fr}.users-pagination{grid-template-columns:38px minmax(0,1fr) 38px;padding:12px}.users-page-summary{grid-column:1/-1;grid-row:2;text-align:center}.users-page-numbers{justify-content:center}.users-page-btn{width:36px;height:36px}.users-list-title{padding:15px}.users-list-title small{font-size:10px}}

/* v7.9.1 — teklifler, araç kabul operasyon modalı, çoklu personel bölümü */
.user-department-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px;padding:12px;border:1px dashed #d7dee8;background:#f8fafc;border-radius:18px}
.user-department-option{cursor:pointer;position:relative}.user-department-option input{position:absolute;opacity:0;pointer-events:none}.user-department-option span{display:flex;min-height:44px;align-items:center;justify-content:center;padding:9px 12px;border:1px solid #dbe2ea;border-radius:13px;background:#fff;font-size:12px;font-weight:800;text-align:center;color:#475569;transition:.16s}.user-department-option input:checked+span{background:#111827;color:#fff;border-color:#111827;box-shadow:0 8px 22px rgba(15,23,42,.15)}

.login-display-mode-compact{display:flex!important;justify-content:center!important;align-items:center!important;padding:0!important;margin:10px 0 18px!important;border:0!important;background:transparent!important;box-shadow:none!important}.login-desktop-mode-btn-compact{width:auto!important;min-width:190px!important;min-height:45px!important;padding:7px 14px 7px 8px!important;border:1px dashed #cbd5e1!important;border-radius:15px!important;background:#fff!important;color:#334155!important;box-shadow:0 8px 24px rgba(15,23,42,.06)!important}.login-desktop-mode-btn-compact:hover,.login-desktop-mode-btn-compact.is-active{background:#111827!important;color:#fff!important;border-color:#111827!important}.login-desktop-mode-symbol{width:32px;height:32px;border-radius:10px;background:#eef2f7;display:grid;place-items:center;font-size:14px;color:#0f172a}.login-desktop-mode-btn-compact:hover .login-desktop-mode-symbol,.login-desktop-mode-btn-compact.is-active .login-desktop-mode-symbol{background:rgba(255,255,255,.14);color:#fff}

/* Ruhsat QR: camera + action panel remain aligned on desktop/tablet */
.qr-intake-gate-polished{margin-top:16px}.qr-intake-gate-polished .qr-camera-card{display:grid!important;grid-template-columns:minmax(320px,.95fr) minmax(360px,1.05fr)!important;gap:0!important;overflow:hidden!important;border:1px solid #dbe2ea!important;border-radius:26px!important;background:#fff!important;box-shadow:0 18px 50px rgba(15,23,42,.08)!important}.qr-intake-gate-polished .qr-camera-view{min-height:280px!important;border:0!important;border-radius:0!important;background:linear-gradient(145deg,#0f172a,#1e293b)!important}.qr-intake-gate-polished .qr-camera-info{padding:28px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important}.qr-intake-gate-polished .qr-camera-info h2{font-size:26px!important;margin:8px 0!important}.qr-intake-gate-polished .qr-camera-info p{margin:0 0 16px!important;line-height:1.5!important}.qr-intake-gate-polished .qr-manual-box{border:1px dashed #cbd5e1!important;background:#f8fafc!important;border-radius:17px!important;padding:13px!important}.qr-intake-gate-polished .qr-manual-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}.qr-intake-gate-polished .actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin-top:14px!important}.qr-intake-gate-polished .actions .btn{width:100%!important;min-height:46px!important}

/* Operation selection: selected operations live on the form, full catalog lives only in modal */
.intake-operation-builder{min-height:235px!important}.operation-builder-head{align-items:center!important}.operation-builder-head>div{display:grid;gap:3px}.operation-builder-head small{color:#64748b;font-size:12px}.operation-selected-list{display:grid;gap:8px;margin-top:13px}.selected-operation-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:9px;align-items:center;min-height:48px;border:1px solid #dbe2ea;border-radius:14px;background:#fff;padding:7px 8px;transition:.15s}.selected-operation-row.is-dragging{opacity:.45;transform:scale(.99)}.selected-operation-row strong{font-size:13px;color:#172033}.selected-operation-drag{display:grid;place-items:center;height:32px;border-radius:9px;background:#f1f5f9;color:#64748b;cursor:grab;font-weight:900}.selected-operation-row>div{display:flex;gap:4px}.selected-operation-row button{border:0;width:30px;height:30px;border-radius:9px;background:#f1f5f9;color:#334155;font-weight:900;cursor:pointer}.selected-operation-row button[data-op-remove]{background:#fff1f2;color:#be123c}.operation-builder-empty{margin-top:14px;padding:25px 14px;border:1px dashed #cbd5e1;border-radius:15px;background:#f8fafc;color:#64748b;text-align:center;font-size:13px}.operation-picker-modal{max-width:980px!important}.operation-picker-groups{display:grid;gap:14px;max-height:min(62vh,620px);overflow:auto;padding:2px 4px 6px}.operation-picker-group{border:1px dashed #d9e0e8;border-radius:17px;background:#fbfcfe;padding:13px}.operation-picker-group header{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.operation-picker-group header strong{font-size:14px}.operation-picker-group header span{font-size:11px;color:#64748b}.operation-picker-group>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:7px}.operation-picker-option{border:1px solid #dde3eb;background:#fff;border-radius:12px;padding:10px;display:flex;gap:8px;align-items:center;text-align:left;cursor:pointer;color:#334155;transition:.15s}.operation-picker-option>span{width:24px;height:24px;border-radius:8px;background:#eef2f7;display:grid;place-items:center;font-size:16px}.operation-picker-option strong{font-size:12px}.operation-picker-option:hover,.operation-picker-option.is-selected{border-color:#111827;background:#111827;color:#fff}.operation-picker-option.is-selected>span{background:rgba(255,255,255,.15);color:#fff}.proposal-transfer-banner{margin-bottom:15px;border:1px dashed #86cbbf;border-radius:18px;background:#ecfdf5;padding:14px 16px;display:grid;gap:3px;color:#14532d}.proposal-transfer-banner>span{font-size:10px;letter-spacing:.12em;font-weight:900}.proposal-transfer-banner>strong{font-size:15px}.proposal-transfer-banner>small{color:#3f6f57}

/* Proposals */
.proposal-hero{align-items:center}.proposal-filter-bar{margin:16px 0 18px;display:grid;grid-template-columns:minmax(230px,.7fr) minmax(320px,1.4fr) auto;gap:10px;align-items:end;padding:13px;border:1px solid #e1e6ec;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.05)}.proposal-filter-field{display:grid;gap:6px}.proposal-filter-field>span{font-size:10px;font-weight:900;letter-spacing:.1em;color:#64748b}.proposal-filter-field select,.proposal-filter-field input{height:47px;border:1px solid #dce2e9;background:#f8fafc;border-radius:13px;padding:0 13px;min-width:0}.proposal-search-btn{height:47px!important;min-width:90px}.proposal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.proposal-empty{grid-column:1/-1}.proposal-card{position:relative;border:1px solid #e0e5eb;border-radius:24px;background:#fff;padding:17px;box-shadow:0 16px 42px rgba(15,23,42,.07);overflow:hidden;transition:.17s}.proposal-card:hover{transform:translateY(-2px);box-shadow:0 21px 54px rgba(15,23,42,.1)}.proposal-card.is-converted{background:#f8fafc;box-shadow:none}.proposal-card-top{display:flex;gap:10px;align-items:stretch;margin-bottom:14px}.proposal-number-box{min-width:118px;border:1px dashed #cbd5e1;border-radius:16px;background:#f8fafc;padding:10px 13px;display:grid;align-content:center}.proposal-number-box span{font-size:10px;letter-spacing:.14em;color:#64748b;font-weight:900}.proposal-number-box strong{font-size:23px;line-height:1;color:#111827;margin-top:4px}.proposal-date-box{margin-left:auto;min-width:154px;border:1px solid #111827;border-radius:16px;background:#111827;color:#fff;padding:9px 13px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;font-style:normal}.proposal-date-box strong{font-size:30px;line-height:1;grid-row:1/3}.proposal-date-box span{font-size:12px;font-weight:900;letter-spacing:.08em}.proposal-date-box em{font-style:normal;font-size:11px;color:#cbd5e1}.proposal-delete-trigger{position:absolute;right:9px;top:9px;z-index:3;width:34px;height:34px;border-radius:11px;border:1px solid #fecdd3;background:#fff;color:#be123c;font-size:22px;line-height:1;cursor:pointer;opacity:0;transform:translateY(-4px);transition:.15s;box-shadow:0 8px 22px rgba(190,18,60,.12)}.proposal-card:hover .proposal-delete-trigger,.proposal-delete-trigger:focus{opacity:1;transform:none}.proposal-person{padding:2px 2px 13px}.proposal-person>span,.proposal-info-grid span{font-size:9px;letter-spacing:.12em;font-weight:900;color:#94a3b8}.proposal-person h3{font-size:22px;margin:2px 0 3px;letter-spacing:-.025em}.proposal-person small{color:#64748b}.proposal-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.proposal-info-grid>div{border:1px dashed #dbe2ea;border-radius:14px;padding:10px;background:#fbfcfe;display:grid;gap:3px}.proposal-info-grid strong{font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proposal-info-grid .proposal-total{background:#ecfdf5;border-color:#86cbbf}.proposal-info-grid .proposal-total strong{font-size:20px;color:#166534}.proposal-option-list{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.proposal-option-list>span{border-radius:999px;background:#f1f5f9;border:1px solid #e2e8f0;padding:6px 9px;font-size:11px;font-weight:800;color:#475569}.proposal-notes{margin:10px 0;padding:10px 12px;border-left:3px solid #cbd5e1;background:#f8fafc;border-radius:0 12px 12px 0;font-size:12px;color:#475569}.proposal-card-footer{display:flex;justify-content:flex-end;align-items:center;margin-top:13px}.proposal-card-footer .btn{min-height:43px}.proposal-converted-badge{display:inline-flex;border-radius:13px;background:#dcfce7;color:#166534;padding:10px 12px;font-size:11px;font-weight:900}.proposal-create-modal{max-width:920px!important}.proposal-option-picker{margin-top:16px;border:1px dashed #cbd5e1;border-radius:19px;background:#f8fafc;padding:14px;max-height:390px;overflow:auto}.proposal-picker-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.proposal-picker-head>div{display:grid;gap:2px}.proposal-picker-head small{color:#64748b;font-size:11px}.proposal-picker-head>span{border-radius:999px;background:#111827;color:#fff;padding:6px 10px;font-size:10px;font-weight:900}.proposal-option-picker section{margin-top:12px}.proposal-option-picker section h4{margin:0 0 7px;font-size:12px}.proposal-option-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:7px}.proposal-option-grid label{position:relative;cursor:pointer}.proposal-option-grid input{position:absolute;opacity:0}.proposal-option-grid label>span{min-height:47px;border:1px solid #dce2e9;background:#fff;border-radius:12px;padding:8px 10px;display:flex;justify-content:space-between;gap:7px;align-items:center}.proposal-option-grid label b{font-size:11px}.proposal-option-grid label em{font-style:normal;font-size:10px;color:#64748b;white-space:nowrap}.proposal-option-grid input:checked+span{background:#111827;color:#fff;border-color:#111827}.proposal-option-grid input:checked+span em{color:#cbd5e1}.proposal-delete-modal{max-width:470px!important}.proposal-delete-modal .actions{justify-content:flex-end}.proposal-options-admin-list{display:grid;gap:8px;max-height:55vh;overflow:auto;margin-top:13px}.proposal-option-admin-row{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(130px,.8fr) 150px 80px auto auto;gap:8px;align-items:end;padding:10px;border:1px dashed #dbe2ea;border-radius:15px;background:#fbfcfe}.proposal-option-admin-row .field{gap:4px}.proposal-option-admin-row .field label{font-size:10px}.proposal-option-admin-row .field input{padding:9px 10px;border-radius:10px}.proposal-option-sort{max-width:80px}

@media(max-width:960px){.qr-intake-gate-polished .qr-camera-card{grid-template-columns:1fr!important}.qr-intake-gate-polished .qr-camera-view{min-height:230px!important}.proposal-grid{grid-template-columns:1fr}.proposal-filter-bar{grid-template-columns:1fr 1fr}.proposal-search-btn{grid-column:1/-1}.proposal-option-admin-row{grid-template-columns:1fr 1fr 120px 75px}.proposal-option-admin-row>.admin-toggle,.proposal-option-admin-row>[data-remove-proposal-option]{align-self:center}.parts-operation-layout.grouped-intake-options{grid-template-columns:1fr!important}}
@media(max-width:640px){.qr-intake-gate-polished .qr-camera-info{padding:18px!important}.qr-intake-gate-polished .actions{grid-template-columns:1fr!important}.proposal-filter-bar{grid-template-columns:1fr}.proposal-search-btn{grid-column:auto}.proposal-card{padding:13px;border-radius:19px}.proposal-number-box{min-width:96px}.proposal-date-box{min-width:134px}.proposal-date-box strong{font-size:25px}.proposal-info-grid{grid-template-columns:1fr 1fr}.proposal-option-admin-row{grid-template-columns:1fr}.proposal-option-sort{max-width:none}.operation-picker-group>div{grid-template-columns:1fr 1fr}.user-department-picker{grid-template-columns:1fr 1fr}}

/* v7.9.2 — repeatable intake operations + completed TV staff credit */
.selected-operation-row{grid-template-columns:32px minmax(0,1fr) auto auto!important}
.selected-operation-order{display:grid;place-items:center;min-width:34px;height:28px;padding:0 8px;border-radius:999px;background:#eef2f7;color:#64748b;font-size:10px;font-weight:900;letter-spacing:.04em}
.operation-picker-option{position:relative}
.operation-picker-option.has-added{border-color:#94a3b8;background:#f8fafc;color:#0f172a}
.operation-picker-option.has-added>span{background:#111827;color:#fff}
.operation-picker-option>em[data-operation-added-count]{margin-left:auto;white-space:nowrap;font-style:normal;font-size:9px;font-weight:900;letter-spacing:.03em;color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;padding:4px 7px}
@media(max-width:640px){.selected-operation-row{grid-template-columns:30px minmax(0,1fr) auto!important}.selected-operation-order{display:none}.operation-picker-option>em[data-operation-added-count]{font-size:8px;padding:3px 5px}}

.workshop-tv-v3 .workshop-tv-alert-ops .tv-op-chip.is-completed{
  opacity:1!important;
  text-decoration:none!important;
  flex-direction:column!important;
  gap:clamp(2px,.32vh,5px)!important;
  color:rgba(254,202,202,.74)!important;
}
.workshop-tv-v3 .workshop-tv-alert-ops .tv-op-chip.is-completed .tv-op-label{
  display:block!important;
  max-width:100%!important;
  color:rgba(254,202,202,.58)!important;
  font:inherit!important;
  font-weight:900!important;
  line-height:1.02!important;
  text-decoration:line-through!important;
  text-decoration-thickness:2px!important;
  text-decoration-color:rgba(254,202,202,.60)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.workshop-tv-v3 .workshop-tv-alert-ops .tv-op-staff{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  max-width:96%!important;
  padding:3px 8px!important;
  border:1px solid rgba(110,231,183,.24)!important;
  border-radius:999px!important;
  background:rgba(6,78,59,.34)!important;
  color:#d1fae5!important;
  font-size:clamp(8px,.54em,13px)!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.04em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-decoration:none!important;
}
.workshop-tv-v3 .workshop-tv-alert-ops .tv-op-staff i{font-style:normal;color:#6ee7b7;font-size:1.05em}

/* v7.93 — proposal modal: wide layout + license QR intake */
.proposal-modal-backdrop{padding:14px!important;align-items:center!important}
.proposal-create-modal{
  width:min(1380px,calc(100vw - 28px))!important;
  max-width:none!important;
  max-height:94vh!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #dfe5ec!important;
  border-radius:26px!important;
  background:#fff!important;
  box-shadow:0 34px 100px rgba(15,23,42,.24)!important;
}
.proposal-create-modal .proposal-modal-head{
  margin:0!important;
  padding:22px 26px 18px!important;
  border-bottom:1px solid #e8edf2!important;
  background:rgba(255,255,255,.97)!important;
  position:relative!important;
  z-index:5!important;
}
.proposal-create-modal .proposal-modal-head h2{font-size:30px!important;margin-top:5px!important}
.proposal-create-modal .proposal-modal-head p{margin:6px 0 0!important;max-width:780px!important;line-height:1.45!important}
.proposal-create-modal>form{display:flex!important;flex-direction:column!important;min-height:0!important;max-height:calc(94vh - 96px)!important}
.proposal-modal-scroll{padding:22px 26px 18px;overflow:auto;min-height:0;overscroll-behavior:contain;background:#f8fafc}
.proposal-step-kicker{display:block;font-size:10px!important;line-height:1.2;font-weight:950!important;letter-spacing:.13em!important;color:#64748b!important;text-transform:uppercase}

.proposal-qr-gate{display:grid;grid-template-columns:minmax(420px,.96fr) minmax(500px,1.04fr);min-height:390px;border:1px solid #dce3eb;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 16px 40px rgba(15,23,42,.07)}
.proposal-qr-camera{position:relative;min-height:390px;background:radial-gradient(circle at 50% 40%,#26364d 0,#111827 54%,#020617 100%);overflow:hidden}
.proposal-qr-camera:before{content:"KAMERA";position:absolute;left:22px;top:20px;z-index:2;padding:6px 9px;border-radius:999px;background:rgba(15,23,42,.7);border:1px solid rgba(255,255,255,.16);color:#e2e8f0;font-size:9px;font-weight:900;letter-spacing:.14em}
.proposal-qr-camera video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:.18;transition:.2s;background:#020617}
.proposal-qr-gate.is-camera-on .proposal-qr-camera video{opacity:1}
.proposal-qr-frame{position:absolute;left:50%;top:50%;width:min(52%,270px);aspect-ratio:1;transform:translate(-50%,-54%);z-index:3}
.proposal-qr-frame span{position:absolute;width:42px;height:42px;border-color:#fff;border-style:solid;filter:drop-shadow(0 4px 10px rgba(0,0,0,.25))}
.proposal-qr-frame span:nth-child(1){left:0;top:0;border-width:4px 0 0 4px;border-radius:12px 0 0 0}
.proposal-qr-frame span:nth-child(2){right:0;top:0;border-width:4px 4px 0 0;border-radius:0 12px 0 0}
.proposal-qr-frame span:nth-child(3){left:0;bottom:0;border-width:0 0 4px 4px;border-radius:0 0 0 12px}
.proposal-qr-frame span:nth-child(4){right:0;bottom:0;border-width:0 4px 4px 0;border-radius:0 0 12px 0}
.proposal-qr-camera-label{position:absolute;z-index:4;left:20px;right:20px;bottom:18px;display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(2,6,23,.74);backdrop-filter:blur(10px);color:#fff;font-size:12px;font-weight:800}
.proposal-qr-camera-label i{width:9px;height:9px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 5px rgba(245,158,11,.14);flex:none}
.proposal-qr-gate.is-camera-on .proposal-qr-camera-label i{background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.14)}
.proposal-qr-info{padding:30px 32px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.proposal-qr-info h3{margin:8px 0 7px;font-size:29px;line-height:1.05;letter-spacing:-.045em;color:#111827}
.proposal-qr-info>p{margin:0 0 18px;color:#5b6678;line-height:1.55;max-width:670px}
.proposal-qr-info>small{display:block;margin-top:10px;color:#7a8797;font-size:11px}
.proposal-qr-data-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}
.proposal-qr-data-preview>div{min-width:0;border:1px solid #e1e7ee;border-radius:15px;background:#f8fafc;padding:11px 12px;display:grid;gap:4px}
.proposal-qr-data-preview span{font-size:9px;font-weight:950;letter-spacing:.1em;color:#94a3b8}
.proposal-qr-data-preview strong{font-size:13px;color:#253046;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.proposal-qr-manual-box{border:1px dashed #ccd5df;border-radius:16px;background:#fbfcfe;padding:12px}
.proposal-qr-manual-box>label{display:block;margin-bottom:7px;font-size:10px;font-weight:900;letter-spacing:.08em;color:#64748b;text-transform:uppercase}
.proposal-qr-manual-box>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.proposal-qr-manual-box input{min-width:0;height:46px;border:1px solid #dbe2ea;border-radius:12px;background:#fff;padding:0 12px;font:inherit;color:#111827}
.proposal-qr-manual-box .btn{min-height:46px!important}
.proposal-qr-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}
.proposal-qr-actions .btn{width:100%!important;min-height:48px!important}

.proposal-form-content{display:grid;gap:14px}
.proposal-scan-summary{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(420px,1.3fr) auto;gap:12px;align-items:center;border:1px solid #dce4ec;border-radius:19px;background:#fff;padding:12px 14px;box-shadow:0 8px 24px rgba(15,23,42,.04)}
.proposal-scan-summary.is-scanned{border-color:#a7d9c1;background:#f3fcf7}
.proposal-summary-title{display:flex;align-items:center;gap:10px;min-width:0}
.proposal-summary-check{width:34px;height:34px;border-radius:11px;background:#eef2f7;color:#475569;display:grid;place-items:center;font-weight:950;flex:none}
.proposal-scan-summary.is-scanned .proposal-summary-check{background:#dcfce7;color:#15803d}
.proposal-summary-title>div{display:grid;gap:2px;min-width:0}.proposal-summary-title strong{font-size:13px;color:#172033}.proposal-summary-title small{font-size:10px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.proposal-summary-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;min-width:0}
.proposal-summary-values>span{border-left:1px solid #e5eaf0;padding-left:11px;min-width:0;display:grid;gap:2px}
.proposal-summary-values em{font-style:normal;font-size:8px;font-weight:900;letter-spacing:.08em;color:#94a3b8;text-transform:uppercase}.proposal-summary-values b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#273244}

.proposal-form-section{border:1px solid #dfe5ec;border-radius:21px;background:#fff;padding:18px;box-shadow:0 10px 26px rgba(15,23,42,.04)}
.proposal-section-head{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:13px}
.proposal-section-head h3{margin:4px 0 2px;font-size:20px;letter-spacing:-.035em}.proposal-section-head p{margin:0;color:#64748b;font-size:12px}
.proposal-create-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px!important}
.proposal-create-grid .field{min-width:0!important}.proposal-create-grid .field label{display:flex;align-items:center;gap:7px}
.proposal-create-grid .field label>span{display:inline-flex;padding:3px 6px;border-radius:999px;background:#ecfdf5;color:#15803d;font-size:8px;font-weight:950;letter-spacing:.05em}
.proposal-create-grid .field input,.proposal-create-grid .field select{width:100%;min-width:0;height:48px;border:1px solid #dbe2ea;border-radius:13px;background:#fbfcfe;padding:0 12px;font:inherit}
.proposal-create-grid .proposal-scan-field input{background:#f6fbf8;border-color:#cfe6d8}
.proposal-field-dealer{grid-column:span 2}

.proposal-options-section .proposal-picker-head{margin:0 0 12px!important}.proposal-options-section .proposal-picker-head>div{display:grid;gap:3px}.proposal-options-section .proposal-picker-head>div>strong{font-size:20px;letter-spacing:-.03em}.proposal-options-section .proposal-picker-head>span{font-size:11px;padding:7px 11px}
.proposal-options-section .proposal-option-picker{margin:0!important;max-height:360px!important;padding:0 4px 2px 0!important;border:0!important;border-radius:0!important;background:transparent!important}
.proposal-options-section .proposal-option-picker section{margin:0 0 14px!important;padding:13px;border:1px dashed #dbe2ea;border-radius:16px;background:#fbfcfe}
.proposal-options-section .proposal-option-picker section:last-child{margin-bottom:0!important}
.proposal-options-section .proposal-option-picker section h4{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 9px!important;font-size:12px!important;color:#334155}.proposal-options-section .proposal-option-picker section h4 span{font-size:9px;color:#94a3b8;font-weight:800}
.proposal-options-section .proposal-option-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr))!important;gap:8px!important}
.proposal-options-section .proposal-option-grid label>span{min-height:52px!important;border-radius:13px!important;padding:9px 11px!important}
.proposal-options-section .proposal-option-grid label b{font-size:12px!important}.proposal-options-section .proposal-option-grid label em{font-size:10px!important}

.proposal-final-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.65fr);gap:14px;align-items:stretch}
.proposal-final-grid textarea{min-height:126px!important;border:1px solid #dbe2ea!important;border-radius:14px!important;background:#fbfcfe!important;padding:12px!important;resize:vertical}
.proposal-total-card{border:1px solid #c9e5d3;border-radius:17px;background:linear-gradient(145deg,#f2fbf5,#fff);padding:16px;display:flex;flex-direction:column;justify-content:center}
.proposal-total-card>span{font-size:9px;letter-spacing:.12em;font-weight:950;color:#4b8060}.proposal-total-card>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;margin:6px 0 7px;border-bottom:1px solid #b8dbc5}
.proposal-total-card input{width:100%;min-width:0;border:0!important;background:transparent!important;padding:6px 0!important;font-size:30px!important;font-weight:950!important;letter-spacing:-.04em!important;color:#14532d!important;outline:0}.proposal-total-card b{font-size:24px;color:#15803d}.proposal-total-card small{color:#5e7667;line-height:1.4;font-size:10px}

.proposal-modal-actions{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:14px 26px;border-top:1px solid #e5eaf0;background:#fff;box-shadow:0 -8px 24px rgba(15,23,42,.04);flex:none}
.proposal-modal-actions>div:first-child{display:grid;gap:2px}.proposal-modal-actions>div:first-child strong{font-size:13px}.proposal-modal-actions>div:first-child span{font-size:10px;color:#64748b}.proposal-modal-actions>div:last-child{display:flex;gap:8px}.proposal-modal-actions .btn{min-width:140px;min-height:45px!important}

@media(max-width:1120px){
 .proposal-create-modal{width:min(1050px,calc(100vw - 20px))!important}
 .proposal-qr-gate{grid-template-columns:1fr 1fr}.proposal-qr-info{padding:24px}.proposal-qr-data-preview{grid-template-columns:1fr}.proposal-create-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.proposal-field-dealer{grid-column:span 1}.proposal-scan-summary{grid-template-columns:1fr auto}.proposal-summary-values{grid-column:1/-1;grid-row:2}.proposal-final-grid{grid-template-columns:1fr 340px}
}
@media(max-width:820px){
 .proposal-modal-backdrop{padding:7px!important;align-items:stretch!important}.proposal-create-modal{width:100%!important;max-height:calc(100dvh - 14px)!important;border-radius:20px!important}.proposal-create-modal>form{max-height:calc(100dvh - 99px)!important}.proposal-modal-scroll{padding:14px}.proposal-create-modal .proposal-modal-head{padding:17px 18px 14px!important}.proposal-create-modal .proposal-modal-head h2{font-size:25px!important}.proposal-qr-gate{grid-template-columns:1fr;min-height:0}.proposal-qr-camera{min-height:260px}.proposal-qr-info{padding:20px}.proposal-qr-info h3{font-size:25px}.proposal-qr-data-preview{grid-template-columns:repeat(3,minmax(0,1fr))}.proposal-create-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.proposal-scan-summary{grid-template-columns:1fr}.proposal-summary-values{grid-column:auto;grid-row:auto}.proposal-scan-summary>[data-proposal-rescan]{width:100%}.proposal-final-grid{grid-template-columns:1fr}.proposal-modal-actions{padding:11px 14px}.proposal-modal-actions>div:first-child{display:none}.proposal-modal-actions>div:last-child{width:100%;display:grid;grid-template-columns:1fr 1fr}.proposal-modal-actions .btn{min-width:0;width:100%}
}
@media(max-width:560px){
 .proposal-modal-scroll{padding:10px}.proposal-qr-camera{min-height:220px}.proposal-qr-info{padding:16px}.proposal-qr-info h3{font-size:22px}.proposal-qr-data-preview{grid-template-columns:1fr}.proposal-qr-manual-box>div,.proposal-qr-actions{grid-template-columns:1fr}.proposal-create-grid{grid-template-columns:1fr!important}.proposal-field-dealer{grid-column:auto}.proposal-summary-values{grid-template-columns:1fr}.proposal-summary-values>span{border-left:0;border-top:1px solid #e5eaf0;padding:7px 0 0}.proposal-form-section{padding:13px}.proposal-options-section .proposal-option-grid{grid-template-columns:1fr!important}.proposal-modal-actions>div:last-child{grid-template-columns:1fr}.proposal-modal-actions .btn{min-height:42px!important}
}

/* v7.94 — proposal modal refinement: clean post-scan state, compact options, fixed footer */
.proposal-create-modal{
  height:min(920px,calc(100dvh - 28px))!important;
  max-height:calc(100dvh - 28px)!important;
  display:flex!important;
  flex-direction:column!important;
}
.proposal-create-modal .proposal-modal-head{
  flex:0 0 auto!important;
  padding:19px 24px 15px!important;
}
.proposal-create-modal .proposal-modal-head h2{font-size:28px!important}
.proposal-create-modal>form{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
.proposal-modal-scroll{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:18px 24px 22px!important;
  scrollbar-gutter:stable;
}
.proposal-form-content{gap:16px!important}

/* QR tamamlandıktan sonra yalnızca yeniden okutma kontrolü görünür. */
.proposal-rescan-bar{
  width:100%;
  border:0;
  background:transparent;
  padding:0;
  margin:0;
}
.proposal-rescan-button{
  appearance:none;
  width:100%;
  min-height:54px;
  border:1px solid #d8e0e9;
  border-radius:16px;
  background:linear-gradient(180deg,#fff,#f8fafc);
  box-shadow:0 7px 20px rgba(15,23,42,.045);
  color:#1e293b;
  padding:9px 14px;
  cursor:pointer;
  display:grid;
  grid-template-columns:36px auto 1fr;
  align-items:center;
  gap:10px;
  text-align:left;
  transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease,background .15s ease;
}
.proposal-rescan-button>span{
  width:36px;height:36px;border-radius:11px;
  display:grid;place-items:center;
  background:#111827;color:#fff;
  font-size:19px;font-weight:900;
}
.proposal-rescan-button strong{font-size:12px;font-weight:950;white-space:nowrap}
.proposal-rescan-button small{justify-self:end;color:#64748b;font-size:10px;font-weight:700;text-align:right}
.proposal-rescan-button:hover{border-color:#aeb9c7;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.075);transform:translateY(-1px)}
.proposal-rescan-bar.is-scanned .proposal-rescan-button{border-color:#c8ded1;background:linear-gradient(180deg,#fbfffc,#f4fbf7)}

/* Teklif seçenekleri: modal içinde ikinci bir scrollbar oluşturmaz, daha kompakt görünür. */
.proposal-options-section{padding:16px!important}
.proposal-options-section .proposal-picker-head{margin-bottom:10px!important}
.proposal-options-section .proposal-picker-head>div>strong{font-size:18px!important}
.proposal-options-section .proposal-option-picker{
  max-height:none!important;
  overflow:visible!important;
  padding:0!important;
}
.proposal-options-section .proposal-option-picker section{
  margin:0 0 10px!important;
  padding:10px!important;
  border-radius:14px!important;
}
.proposal-options-section .proposal-option-picker section h4{margin-bottom:7px!important;font-size:11px!important}
.proposal-options-section .proposal-option-grid{
  grid-template-columns:repeat(auto-fill,minmax(165px,1fr))!important;
  gap:6px!important;
}
.proposal-options-section .proposal-option-grid label>span{
  min-height:42px!important;
  border-radius:11px!important;
  padding:6px 8px!important;
}
.proposal-options-section .proposal-option-grid label b{font-size:10.5px!important;line-height:1.15!important}
.proposal-options-section .proposal-option-grid label em{font-size:9px!important}

/* Not ve toplam alanı birbirinden nefes alan iki ayrı kart gibi görünür. */
.proposal-final-section{padding:16px!important;margin-top:2px!important}
.proposal-final-grid{gap:16px!important;align-items:stretch!important}
.proposal-final-grid>.field{
  margin:0!important;
  padding:14px!important;
  border:1px solid #e1e7ee;
  border-radius:16px;
  background:#fbfcfe;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
.proposal-final-grid>.field label{font-size:11px!important;font-weight:900!important;color:#334155!important}
.proposal-final-grid textarea{
  flex:1 1 auto;
  min-height:112px!important;
  margin:0!important;
  background:#fff!important;
  border-radius:12px!important;
}
.proposal-total-card{min-height:100%!important;padding:17px!important}

/* Alt aksiyon çubuğu daima modal içinde, görünür ve profesyonel kalır. */
.proposal-modal-actions{
  flex:0 0 auto!important;
  min-height:72px!important;
  padding:11px 24px!important;
  border-top:1px solid #dfe6ed!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 -12px 28px rgba(15,23,42,.065)!important;
  position:relative!important;
  z-index:8!important;
}
.proposal-modal-actions>div:first-child strong{font-size:14px!important;color:#0f172a}
.proposal-modal-actions>div:first-child span{font-size:10.5px!important}
.proposal-modal-actions .btn{min-height:44px!important}

@media(max-height:760px) and (min-width:821px){
 .proposal-create-modal{height:calc(100dvh - 18px)!important;max-height:calc(100dvh - 18px)!important}
 .proposal-modal-backdrop{padding:9px!important}
 .proposal-create-modal .proposal-modal-head{padding:14px 20px 12px!important}
 .proposal-create-modal .proposal-modal-head h2{font-size:24px!important}
 .proposal-create-modal .proposal-modal-head p{font-size:11px!important;margin-top:3px!important}
 .proposal-modal-scroll{padding:14px 20px 18px!important}
 .proposal-modal-actions{min-height:64px!important;padding:9px 20px!important}
}
@media(max-width:820px){
 .proposal-create-modal{height:calc(100dvh - 14px)!important;max-height:calc(100dvh - 14px)!important}
 .proposal-create-modal>form{max-height:none!important}
 .proposal-rescan-button{grid-template-columns:34px 1fr;min-height:52px}
 .proposal-rescan-button small{display:none}
 .proposal-rescan-button>span{width:34px;height:34px}
 .proposal-options-section .proposal-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .proposal-modal-actions{min-height:62px!important;padding:9px 14px!important}
}
@media(max-width:560px){
 .proposal-create-modal .proposal-modal-head{padding:14px 15px 12px!important}
 .proposal-modal-scroll{padding:10px 10px 14px!important}
 .proposal-rescan-button{border-radius:13px;padding:8px 10px}
 .proposal-options-section .proposal-option-grid{grid-template-columns:1fr!important}
 .proposal-final-grid>.field{padding:11px!important}
 .proposal-modal-actions{padding:8px 10px!important}
}


/* v7.95 — QR accordion close + green selected proposal options */
.proposal-qr-gate[hidden],
.proposal-qr-gate.is-collapsed{
  display:none!important;
}
.proposal-options-section .proposal-option-grid input:checked+span{
  background:linear-gradient(145deg,#ecfdf5,#dcfce7)!important;
  border-color:#86efac!important;
  color:#166534!important;
  box-shadow:0 5px 14px rgba(22,163,74,.10),inset 0 0 0 1px rgba(34,197,94,.06)!important;
}
.proposal-options-section .proposal-option-grid input:checked+span b{
  color:#14532d!important;
}
.proposal-options-section .proposal-option-grid input:checked+span em{
  color:#15803d!important;
  font-weight:850!important;
}
.proposal-options-section .proposal-option-grid label:hover>span{
  border-color:#bbf7d0;
}

/* v8.0.0 - Education center professional card system */
.education-page{
 --edu-ink:#172033;
 --edu-muted:#667085;
 --edu-line:#e3e8ef;
 --edu-soft:#f6f8fb;
 --edu-green:#178451;
 --edu-green-soft:#edf9f2;
 --edu-navy:#101828;
 --edu-radius:24px;
}
.education-page .content-wrap{max-width:1540px}
.education-page .education-hero{
 position:relative;overflow:hidden;isolation:isolate;
 min-height:220px;padding:34px 36px!important;border:1px solid rgba(255,255,255,.08);border-radius:30px!important;
 background:linear-gradient(122deg,#101828 0%,#1d2939 62%,#173b2c 100%)!important;
 box-shadow:0 22px 55px rgba(16,24,40,.16);
}
.education-page .education-hero:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-80px;top:-150px;background:radial-gradient(circle,rgba(75,222,148,.18),rgba(75,222,148,0) 70%);z-index:-1}
.education-page .education-hero-copy{max-width:950px}
.education-hero-kicker{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:16px}
.education-hero-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.09);color:#fff}
.education-hero-mark svg{width:20px;height:20px}
.education-role-badge{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;background:rgba(64,211,134,.14);border:1px solid rgba(103,232,166,.22);color:#b7f7d1;font-size:10px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
.education-page .education-hero h2{margin:0 0 10px!important;font-size:clamp(28px,2.5vw,38px)!important;line-height:1.08!important;letter-spacing:-.035em!important;font-weight:800!important}
.education-page .education-hero p{max-width:940px!important;margin:0!important;font-size:14px!important;line-height:1.7!important;color:#d0d5dd!important}
.education-page .education-hero .hero-actions{display:flex;gap:9px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.education-action-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:44px!important;padding:0 15px!important;border-color:rgba(255,255,255,.17)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;backdrop-filter:blur(8px)}
.education-action-btn:hover{background:rgba(255,255,255,.14)!important}
.education-action-btn>span{width:18px;height:18px;display:grid;place-items:center}
.education-action-btn svg{width:17px;height:17px}

.education-page .education-toc{position:sticky;top:12px;z-index:20;margin-top:18px!important;padding:16px 18px!important;border:1px solid var(--edu-line)!important;border-radius:22px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 12px 34px rgba(16,24,40,.07)!important;backdrop-filter:blur(16px)}
.education-toc-head{display:flex;align-items:center;gap:10px}
.education-toc-head>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--edu-green-soft);color:var(--edu-green);flex:none}
.education-toc-head>span svg{width:18px;height:18px}
.education-toc-head>div{display:grid;gap:1px}
.education-toc-head strong{font-size:13px!important;line-height:1.25;color:var(--edu-ink)}
.education-toc-head small{font-size:10.5px;color:#8a94a6}
.education-toc-grid{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px!important}
.education-toc-grid a{display:inline-flex!important;align-items:center;gap:6px;min-height:34px;padding:0 11px!important;border:1px solid #e5eaf0;border-radius:11px!important;background:#f8fafc!important;color:#475467!important;text-decoration:none;font-size:11px!important;font-weight:750;transition:.16s ease}
.education-toc-grid a span{width:15px;height:15px;display:grid;place-items:center;color:#6b7586}
.education-toc-grid a svg{width:14px;height:14px}
.education-toc-grid a:hover{border-color:#b7dec9;background:var(--edu-green-soft)!important;color:#166b45;transform:translateY(-1px)}
.education-toc-grid a:hover span{color:var(--edu-green)}

.education-page .education-section{position:relative;margin-top:22px!important;padding:25px;border:1px solid var(--edu-line);border-radius:28px;background:#fff;box-shadow:0 10px 34px rgba(16,24,40,.045);scroll-margin-top:110px}
.education-section-title{display:grid!important;grid-template-columns:42px 42px minmax(0,1fr);gap:11px!important;align-items:center!important;margin-bottom:20px!important;padding-bottom:18px;border-bottom:1px solid #edf0f4}
.education-section-title>.education-section-number{width:42px!important;height:42px!important;border-radius:13px!important;background:#f2f4f7!important;color:#667085!important;font-size:10px!important;font-weight:900;letter-spacing:.09em;display:grid!important;place-items:center!important}
.education-section-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--edu-green-soft);color:var(--edu-green);border:1px solid #d9f0e3}
.education-section-icon svg{width:20px;height:20px}
.education-section-title>div{min-width:0}
.education-section-title h2{margin:0 0 4px!important;font-size:22px!important;line-height:1.25!important;letter-spacing:-.025em!important;font-weight:800!important;color:var(--edu-ink)}
.education-section-title p{margin:0!important;max-width:980px!important;font-size:12.5px!important;line-height:1.55!important;color:var(--edu-muted)!important}

.education-grid,.education-note-grid,.education-flow,.education-terminal-layout,.education-admin-grid{align-items:stretch}
.education-grid{gap:12px!important}
.education-grid.three{gap:12px!important}
.education-card,.education-note,.education-admin-grid article,.education-flow>div,.education-checklist>div,.education-terminal-card{
 border:1px solid #e3e8ef!important;border-radius:19px!important;box-shadow:none!important;
}
.education-card,.education-note,.education-admin-grid article{padding:17px!important;background:linear-gradient(180deg,#fff,#fbfcfd)!important}
.education-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.education-icon,.education-admin-icon{width:38px!important;height:38px!important;border-radius:12px!important;background:#f0f7f3!important;color:var(--edu-green)!important;display:grid!important;place-items:center!important;flex:0 0 auto}
.education-icon svg,.education-admin-icon svg{width:18px!important;height:18px!important}
.education-card h3,.education-note>strong,.education-admin-grid h3,.education-terminal-card h3,.education-flow strong{
 font-size:15px!important;line-height:1.35!important;font-weight:800!important;letter-spacing:-.012em!important;color:var(--edu-ink)!important;
}
.education-card h3{margin:11px 0 6px!important}
.education-card p,.education-note p,.education-admin-grid p,.education-flow p,.education-checklist p,.education-terminal-card li{
 font-size:12.5px!important;line-height:1.65!important;color:var(--edu-muted)!important;
}
.education-card p,.education-note p,.education-admin-grid p{margin:0!important}
.education-card strong,.education-note strong,.education-admin-grid p strong,.education-flow p strong,.education-checklist strong,.education-terminal-card strong{font-weight:800;color:#344054}

.education-flow{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.education-flow>div{position:relative;padding:16px!important;background:#fbfcfd!important;min-height:150px}
.education-flow b{width:32px!important;height:32px!important;border-radius:10px!important;margin-bottom:12px!important;background:var(--edu-navy)!important;color:#fff!important;font-size:10px!important;font-weight:900}
.education-flow strong{display:block!important;margin-bottom:5px!important}
.education-flow p{margin:0!important}

.education-note-grid{gap:10px!important}
.education-note{position:relative;padding-left:17px!important}
.education-note:before{content:"";position:absolute;left:0;top:13px;bottom:13px;width:3px;border-radius:999px;background:#6fc99a}
.education-note>strong{display:block;margin:0 0 5px!important}

.education-terminal-layout{gap:12px!important}
.education-terminal-card{position:relative;padding:20px!important;background:linear-gradient(145deg,#f7fbf9,#fff)!important;color:var(--edu-ink)!important;overflow:hidden}
.education-terminal-card:after{content:"";position:absolute;right:-60px;top:-70px;width:180px;height:180px;border-radius:50%;background:rgba(23,132,81,.055)}
.education-terminal-card>span{width:42px!important;height:42px!important;border-radius:13px;display:grid!important;place-items:center!important;background:#e9f7ef;color:var(--edu-green);position:relative;z-index:1}
.education-terminal-card>span svg{width:20px!important;height:20px!important}
.education-terminal-card h3{position:relative;z-index:1;margin:11px 0 9px!important}
.education-terminal-card ol{position:relative;z-index:1;margin:0!important;padding-left:20px!important}
.education-terminal-card li{margin:7px 0!important;padding-left:2px}

.education-callout{position:relative;margin-top:10px!important;padding:14px 16px 14px 43px!important;border:1px solid #d9eadf!important;border-radius:16px!important;background:#f7fbf8!important;color:#52625a!important;font-size:12.5px!important;line-height:1.65!important}
.education-callout:before{content:"i";position:absolute;left:14px;top:14px;width:20px;height:20px;border-radius:7px;display:grid;place-items:center;background:#dff3e7;color:#18764b;font-size:11px;font-weight:900;font-family:Arial,sans-serif}
.education-callout>strong:first-child{color:#176d47!important;font-weight:850}

.education-checklist{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important}
.education-checklist>div{min-height:74px;padding:14px!important;background:#fbfcfd!important}
.education-checklist>div>span{width:32px!important;height:32px!important;border-radius:10px!important;background:#eaf6ef!important;color:var(--edu-green)!important;font-size:10px!important;font-weight:900}
.education-checklist p{margin:1px 0 0!important}

.education-admin-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important}
.education-admin-grid article{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:17px!important}
.education-admin-icon{margin-bottom:10px}
.education-admin-grid h3{margin:0 0 7px!important}
.education-admin-grid article>p{flex:1}
.education-admin-grid article>strong{display:inline-flex!important;align-items:center;min-height:22px;margin:14px 0 5px!important;padding:0 8px;border-radius:7px;background:#f2f4f7;color:#667085!important;font-size:8.5px!important;line-height:1!important;font-weight:900!important;letter-spacing:.075em!important;text-transform:uppercase}
.education-admin-grid article>span:not(.education-admin-icon){display:block!important;margin:0!important;font-size:11.5px!important;line-height:1.55!important;color:#475467!important}

.education-footer{display:flex!important;align-items:flex-start;gap:14px;margin:22px 0 10px!important;padding:20px!important;border-radius:22px!important;background:linear-gradient(135deg,#101828,#1d2939)!important;color:#fff!important;box-shadow:0 14px 34px rgba(16,24,40,.12)!important}
.education-footer-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:rgba(67,214,139,.14);border:1px solid rgba(102,226,163,.18);color:#9ce2bb;flex:none}
.education-footer-icon svg{width:20px;height:20px}
.education-footer>div{min-width:0}
.education-footer strong{font-size:14px!important;line-height:1.35}
.education-footer p{margin:4px 0 0!important;font-size:12.5px!important;line-height:1.65!important;color:#cbd5e1!important}

@media(max-width:1180px){
 .education-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .education-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .education-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
 .education-page .education-hero{padding:27px!important}
 .education-page .education-hero .hero-actions{justify-content:flex-start;margin-top:20px}
 .education-flow{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .education-terminal-layout{grid-template-columns:1fr!important}
 .education-grid.three{grid-template-columns:1fr!important}
}
@media(max-width:700px){
 .education-page .education-toc{position:static!important;padding:14px!important}
 .education-page .education-section{padding:17px!important;border-radius:22px!important}
 .education-section-title{grid-template-columns:36px 36px minmax(0,1fr)!important;gap:8px!important;padding-bottom:14px!important;margin-bottom:15px!important}
 .education-section-title>.education-section-number,.education-section-icon{width:36px!important;height:36px!important;border-radius:11px!important}
 .education-section-icon svg{width:17px;height:17px}
 .education-section-title h2{font-size:18px!important}
 .education-section-title p{font-size:11.5px!important}
 .education-grid,.education-grid.three,.education-admin-grid,.education-flow,.education-note-grid,.education-checklist{grid-template-columns:1fr!important}
 .education-flow>div{min-height:0}
 .education-page .education-hero{min-height:0;padding:23px 20px!important;border-radius:23px!important}
 .education-page .education-hero h2{font-size:27px!important}
 .education-action-btn{width:100%!important}
 .education-page .education-hero .hero-actions{width:100%}
 .education-toc-grid a{flex:1 1 calc(50% - 7px);justify-content:flex-start}
}
@media(max-width:440px){
 .education-toc-grid a{flex-basis:100%}
 .education-section-title{grid-template-columns:34px minmax(0,1fr)!important}
 .education-section-title>.education-section-number{display:none!important}
 .education-section-icon{width:34px!important;height:34px!important}
}
@media print{
 .education-page .education-toc{position:static!important;box-shadow:none!important}
 .education-page .education-section{break-inside:avoid;box-shadow:none!important}
 .education-page .education-hero{box-shadow:none!important}
}
