:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f4f6fa;color:#19283d;font-size:15px}*{box-sizing:border-box}body{margin:0}header{background:#19283d;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:16px max(20px,calc((100vw - 1200px)/2));gap:12px}.brand{display:flex;align-items:center;gap:12px}.brandicon{font-size:35px;background:#2b445e;padding:4px 11px;border-radius:12px}.brand strong{display:block;font-size:20px}.brand small{display:block;color:#c9d3e2}header button{background:#324c66}main{max-width:1200px;margin:25px auto;padding:0 18px}h1{font-size:26px;margin:0 0 5px}h2{font-size:20px;margin:0 0 15px}h3{margin:0 0 10px}p{color:#5b6675;margin:5px 0 16px}.panel,.metric,.item{background:white;border:1px solid #e0e5ec;border-radius:13px;padding:18px;margin-bottom:15px}.narrow{max-width:440px;margin:65px auto}.headline{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{margin:0 0 20px}.metric strong{font-size:28px;display:block}.metric span{color:#6b7481;font-size:13px}button{border:0;border-radius:8px;background:#2461a6;color:white;padding:10px 14px;cursor:pointer;font-weight:600;font-size:14px}button:hover{filter:brightness(.95)}button.secondary{background:#e9eff7;color:#264866}button.danger{background:#a72e34}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{width:100%;border:1px solid #c7d0dc;border-radius:8px;padding:10px;font:inherit;background:white;color:#172c42}input:focus,select:focus{outline:2px solid #8cb5f6}label{display:block;font-size:13px;font-weight:650;color:#495b6b;margin-bottom:13px}label input,label select,label textarea{margin-top:5px}form .fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}#tabs{display:flex;gap:8px;overflow:auto;margin:0 0 20px;border-bottom:1px solid #dbe1e8;padding-bottom:10px}#tabs button{white-space:nowrap;background:transparent;color:#506075}#tabs button.active{background:#dce9f8;color:#164875}.toolbar{display:flex;gap:10px;margin-bottom:14px}.toolbar input{flex:1}.list{display:grid;gap:10px}.item{margin:0;display:flex;align-items:center;justify-content:space-between;gap:12px}.item strong{font-size:16px}.muted{color:#6c7685;font-size:13px}.right{text-align:right}.count{font-size:22px;font-weight:750}.pill{display:inline-block;border-radius:20px;padding:4px 9px;background:#e6eef8;color:#174b83;font-size:12px;font-weight:700}.low{background:#ffe9c7;color:#7c4300}.actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.actions button{padding:7px 10px}.sub{font-size:13px;color:#5d6d7f;margin-top:6px}.split{display:grid;grid-template-columns:2fr 1fr;gap:16px}.scroller{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #e9edf2}th{font-size:12px;color:#677587}#message{position:fixed;bottom:18px;right:18px;max-width:360px;padding:11px 16px;border-radius:9px;color:white;background:#283d53;display:none;box-shadow:0 6px 25px #0003}#message.visible{display:block}.red{color:#a72e34}.full{grid-column:1/-1}.empty{padding:22px;text-align:center;color:#64748b}@media(max-width:760px){.metrics{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.headline{align-items:flex-start;flex-direction:column}.item{align-items:flex-start;flex-direction:column}.right{text-align:left}.actions{justify-content:flex-start}form .fields{grid-template-columns:1fr}.brand strong{font-size:17px}header{padding:12px}main{padding:0 12px}}

.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.photo-grid img{width:100%;height:130px;object-fit:cover;border-radius:8px}.qr-label{width:max-content;max-width:100%;border:2px solid #ccc;padding:12px;text-align:center;background:white;color:#111}.qr-label img{display:block;max-width:100%}

/* Keyway Professional Blue identity */
:root {background:#f1f5fa;color:#182d46}
header {background:#142d4b;border-bottom:3px solid #438dda}
.brandicon {display:flex;align-items:center;justify-content:center;width:51px;height:51px;padding:4px;background:#f6f9ff;border-radius:12px;color:#17375d;font-size:29px;overflow:hidden}
.brandicon img {display:block;width:100%;height:100%;object-fit:contain}
button {background:#216bbd}
button.secondary {background:#e6f0fc;color:#214c7b}
#tabs button.active {background:#d9eafa;color:#12508d}
.panel,.metric,.item{box-shadow:0 2px 12px #18375b08}

/* Keyway v4 visual finish - Professional Blue */
:root {background:#edf3fa;color:#18304f}
body {background:linear-gradient(180deg,#e7f0fb 0,#f5f8fc 390px)}
header {background:linear-gradient(110deg,#0e2948,#1b538d);border-bottom:3px solid #55a6f5;box-shadow:0 5px 22px #09244224}
.brand strong {letter-spacing:.065em;font-size:23px;font-weight:800}
.brand small {color:#d5e9fa;letter-spacing:.012em}
.brandicon {width:66px;height:59px;border:1px solid #d8e7f4;box-shadow:0 2px 14px #0c26342b;background:#fff}
.headline h1 {color:#163b65;font-size:30px;letter-spacing:-.02em}
.metric {border-top:3px solid #327dce;box-shadow:0 5px 18px #1c5c9410}
.panel,.item {border-color:#d5e3f0;box-shadow:0 3px 14px #1b4b7810}
button {background:#176dc0}
button:not(:disabled):hover {filter:brightness(1.08)}
#tabs button.active {background:#cce2fb;color:#0d4d8a}
@media(max-width:760px){.brandicon{width:52px;height:49px}.brand strong{font-size:19px}.headline h1{font-size:26px}}

/* Keyway Industrial v5 — reactive light/dark design */
:root {color-scheme:light;--bg:#edf2f6;--panel:#ffffff;--ink:#172b40;--muted:#5f7083;--line:#d3dce5;--accent:#cf932e;--head:#11283b;--field:#ffffff;--soft:#e1ebf3}
:root[data-theme="dark"]{color-scheme:dark;--bg:#0d1722;--panel:#182938;--ink:#f0f5fa;--muted:#b5c3cf;--line:#324959;--accent:#f2b34e;--head:#0a1520;--field:#203444;--soft:#2c4255}
html,body {background:var(--bg)!important;color:var(--ink)!important;transition:background-color .15s,color .15s}
header{background:var(--head)!important;border-bottom:3px solid var(--accent)!important}
.panel,.metric,.item{background:var(--panel)!important;color:var(--ink)!important;border:1px solid var(--line)!important;box-shadow:0 3px 14px #0000000d!important}
.metric{border-top:3px solid var(--accent)!important}
p,.muted,.sub,.metric span,th,.headline p{color:var(--muted)!important}
.headline h1,h1,h2,h3,label,.item strong{color:var(--ink)!important}
input,select,textarea{background:var(--field)!important;border-color:var(--line)!important;color:var(--ink)!important}
button{background:#236297!important;color:white!important}
button.secondary{background:var(--soft)!important;color:var(--ink)!important}
button.danger{background:#aa3940!important;color:white!important}
#tabs{border-color:var(--line)}#tabs button{background:transparent!important;color:var(--muted)!important}
#tabs button.active{background:var(--soft)!important;color:var(--ink)!important;border-bottom:2px solid var(--accent)}
th,td{border-color:var(--line)!important;color:var(--ink)!important}
.pill{background:var(--soft)!important;color:var(--ink)!important}
.brandicon{width:48px;height:48px;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}
.brandicon img{width:100%;height:100%;object-fit:contain}
.header-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.header-actions button{font-size:12px;padding:8px 10px}
.login-logo{display:block;width:min(100%,280px);height:160px;object-fit:contain;margin:0 auto 20px;border-radius:0}
:root[data-theme="dark"] .login-logo{filter:none}
:root[data-theme="dark"] .qr-label{background:#fff;color:#111}
:root[data-theme="dark"] .low{background:#704815!important;color:#fff!important}
@media(max-width:760px){.header-actions{gap:5px}.header-actions button{padding:7px;font-size:11px}.brandicon{height:39px;width:39px}.login-logo{height:130px}}

/* Keyway Phase 5 — industrial Home, fixed desktop nav, mobile bottom navigation */
#app{position:relative;padding-left:220px;min-height:76vh}#kwSide{position:absolute;top:0;left:0;width:202px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:0 4px 24px #0001}#kwSide .kw-side-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:900;letter-spacing:1px;padding:8px 6px 16px;border-bottom:1px solid var(--line);margin-bottom:10px}#kwSide .kw-side-title img{width:35px;height:35px;object-fit:contain;border-radius:7px}#kwSide .kw-side-title small{display:block;font-size:8px;letter-spacing:1.1px;color:var(--muted)}#kwSide .kw-side-links{display:grid;gap:4px}#kwSide button{border:0!important;text-align:left;background:transparent!important;color:var(--ink)!important;padding:11px 12px;border-radius:9px;display:flex;gap:12px;width:100%;align-items:center}#kwSide button.current{background:var(--soft)!important;border-left:3px solid var(--accent)!important}.kw-icon{width:20px;font-size:20px;text-align:center}#kwMobile{display:none}.kw-home .kw-section-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.kw-home .kw-section-header h2{margin:0}.kw-home .kw-section-header span{color:var(--muted);font-size:13px}.kw-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 24px}.kw-action{background:var(--panel)!important;color:var(--ink)!important;border:1px solid var(--line)!important;min-height:104px;display:flex;flex-direction:column;justify-content:center;gap:9px;align-items:center;box-shadow:0 2px 9px #0000000d}.kw-action:first-child{border:2px solid var(--accent)!important}.kw-action span{font-size:29px;color:var(--accent)}.kw-home-bottom{display:grid;grid-template-columns:1fr 1fr;gap:16px}.kw-activity{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.kw-activity small{color:var(--muted);max-width:45%;text-align:right}.kw-report-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:18px 0}.kw-report-filters label{margin:0}.kw-report-filters select{min-width:190px}.kw-report-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:15px 0}.kw-more-overlay{position:fixed;inset:0;background:#0009;z-index:9998;display:flex;align-items:center;justify-content:center;padding:15px}.kw-more-panel{width:min(95vw,520px);max-height:85vh;overflow:auto}.kw-more-links{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:10px 0 20px}.kw-more-links button{background:var(--soft)!important;color:var(--ink)!important;text-align:left}.headline{margin-bottom:17px}#metrics[hidden]{display:none!important}
@media(max-width:900px){#app{padding-left:0;padding-bottom:70px}#kwSide{display:none}#kwMobile{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:900;background:var(--panel);border-top:1px solid var(--line);padding:6px 3px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -5px 20px #0003}#kwMobile button{border:0!important;background:transparent!important;color:var(--muted)!important;padding:6px 1px;font-size:11px;display:grid;justify-items:center;gap:4px}#kwMobile button span{font-size:24px}#kwMobile button.current{color:var(--ink)!important;border-top:3px solid var(--accent)!important}.kw-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kw-home-bottom{grid-template-columns:1fr}.kw-report-metrics{grid-template-columns:1fr 1fr}main{padding-bottom:60px}}@media(max-width:440px){.kw-activity{display:block}.kw-activity small{display:block;max-width:100%;text-align:left}.kw-more-links{grid-template-columns:1fr 1fr}.kw-report-metrics .metric strong{font-size:19px}}

/* Keyway Phase 6 — hybrid icon language and accessible micro-interactions */
.kw-svg{display:block;flex:none;width:1.28em;height:1.28em;stroke-width:1.8;vector-effect:non-scaling-stroke}
.kw-icon{display:inline-flex!important;align-items:center;justify-content:center;width:22px;min-width:22px;height:24px;font-size:19px}
#kwSide .kw-side-links button{transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease;transform-origin:left center}
#kwSide .kw-side-links button:hover{transform:translateX(4px);background:var(--soft)!important;box-shadow:inset 3px 0 0 var(--accent)}
#kwSide .kw-side-links button:active{transform:translateX(2px) scale(.99)}
.kw-action{position:relative;overflow:hidden;isolation:isolate;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,border-color .22s ease!important;will-change:transform}
.kw-action::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 4%,var(--accent),transparent 68%);opacity:0;z-index:-1;transition:opacity .22s ease;pointer-events:none}
.kw-action:hover{transform:translateY(-5px) scale(1.025);box-shadow:0 12px 30px #0004,0 0 0 1px var(--accent)!important;border-color:var(--accent)!important}
.kw-action:hover::before{opacity:.09}
.kw-action:active{transform:translateY(-1px) scale(.98)}
.kw-action-icon{width:49px;height:49px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:var(--soft);color:var(--accent);font-size:27px!important;transition:transform .24s ease,background-color .24s ease}
.kw-action-icon .kw-svg{width:29px;height:29px}
.kw-action:hover .kw-action-icon{transform:scale(1.12) rotate(-3deg)}
.kw-action strong{font-size:14px;letter-spacing:.1px}
.kw-tint-vehicles{color:#4f97e6}.kw-tint-customers{color:#4f97e6}.kw-tint-restock{color:#3aa989}.kw-tint-jobs{color:#428ad5}.kw-tint-sales,.kw-tint-sale{color:#e7a843}.kw-tint-scan{color:var(--accent)}
#kwMobile .kw-svg{width:23px;height:23px}
#kwMobile button{transition:color .18s ease,transform .18s ease}
#kwMobile button:active{transform:scale(.93)}
.kw-more-links button{display:flex;align-items:center;gap:10px;transition:transform .18s ease,background-color .18s ease}
.kw-more-links button:hover{transform:translateY(-2px)}
.kw-more-links .kw-svg{width:22px;height:22px}
.kw-action:focus-visible,#kwSide button:focus-visible,#kwMobile button:focus-visible,.kw-more-links button:focus-visible{outline:3px solid var(--accent)!important;outline-offset:3px}
@media(hover:none){.kw-action:hover{transform:none;box-shadow:0 2px 9px #0000000d!important}.kw-action:hover .kw-action-icon{transform:none}#kwSide .kw-side-links button:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.kw-action,.kw-action::before,.kw-action-icon,#kwSide button,#kwMobile button,.kw-more-links button{transition:none!important;animation:none!important;transform:none!important}.kw-action:hover,.kw-action:active{transform:none!important}}

/* Keyway Home v2 — desktop and responsive mobile dashboard */
.kw-home-v2{--kw-card:#172b3b;--kw-line:var(--line);--kw-gold:var(--accent);color:var(--ink)}
.kw-dashboard-main{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,1fr);gap:16px}.kw-dashboard-primary,.kw-dashboard-side{display:grid;gap:16px;align-content:start}.kw-feature-scanner,.kw-feature-mini,.kw-dashboard-section{border:1px solid var(--line);border-radius:15px;background:var(--panel);padding:20px;min-width:0}.kw-feature-scanner{border:2px solid var(--accent)}.kw-feature-head,.kw-section-heading{display:flex;align-items:flex-start;gap:12px}.kw-feature-head h2,.kw-section-heading h2{margin:2px 0 7px;font-size:19px}.kw-feature-head p,.kw-section-heading p{font-size:13px;line-height:1.5;margin:0}.kw-feature-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;background:var(--soft);color:var(--accent);border-radius:12px}.kw-feature-icon svg{width:27px;height:27px}.kw-scanner-illustration{min-height:177px;display:flex;align-items:center;justify-content:center;gap:25px;margin:20px 0;padding:16px;border-radius:13px;background:linear-gradient(125deg,#0d2436,#24435c);color:#eff7ff}.kw-scanner-illustration strong,.kw-scanner-illustration small{display:block}.kw-scanner-illustration small{margin-top:7px;color:#b9d0dc}.kw-scan-corners{display:grid;place-items:center;border:3px solid #f2b54c;border-radius:15px;width:115px;height:115px;color:#ffc75d;box-shadow:0 0 20px #dcae5040}.kw-scan-corners svg{width:72px;height:72px}.kw-feature-cta,.kw-feature-mini button{width:100%;display:flex;justify-content:center;align-items:center;gap:12px;min-height:47px;border-radius:9px}.kw-feature-cta{background:var(--accent)!important;color:#172333!important}.kw-feature-cta svg{width:20px;height:20px}.kw-feature-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.kw-feature-mini{display:flex;flex-direction:column;justify-content:space-between;gap:18px}.kw-feature-mini button:not(.kw-feature-cta){background:var(--soft)!important;color:var(--ink)!important}.kw-section-top{display:flex;justify-content:space-between;align-items:start;gap:10px}.kw-section-top button{white-space:nowrap;font-size:12px;padding:9px}.kw-dashboard-rows{margin-top:16px}.kw-dashboard-row{display:flex;align-items:center;text-align:left;gap:10px;width:100%;border:1px solid var(--line)!important;border-radius:10px;background:var(--field)!important;color:var(--ink)!important;margin-top:9px;padding:12px}.kw-dashboard-row:hover{border-color:var(--accent)!important}.kw-list-icon{width:34px;height:34px;border-radius:8px;background:var(--soft);display:grid;place-items:center;flex-shrink:0;color:var(--accent)}.kw-row-main{min-width:0;flex:1}.kw-row-main strong,.kw-row-main small,.kw-row-end strong,.kw-row-end small{display:block;overflow-wrap:anywhere}.kw-row-main small,.kw-row-end small{font-size:12px;color:var(--muted);margin-top:4px}.kw-row-end{text-align:right;font-size:12px}.kw-warn{color:#dc6262}.kw-job-dot{width:10px;height:10px;border-radius:50%;background:#3cbe85;flex:none}.kw-status-tag{font-size:11px;background:var(--soft);padding:6px 8px;border-radius:16px;white-space:nowrap}.kw-dashboard-empty{padding:16px 0}.kw-home-summary{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px}.kw-home-summary span{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:var(--panel);font-size:12px}.kw-home-summary svg{width:16px;height:16px;color:var(--accent)}
.kw-item-overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;padding:18px;z-index:10050;background:#030c16c9}.kw-item-dialog{width:min(95vw,660px);max-height:88dvh;overflow:auto;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 26px 80px #0008}.kw-item-dialog-top{display:flex;align-items:center;justify-content:space-between;background:var(--head)!important;color:#fff;padding:20px;border-bottom:1px solid var(--line)}.kw-item-dialog-top p{margin:5px 0 0;color:#d3dde7!important}.kw-item-found{font-size:20px;font-weight:800}.kw-item-x{background:transparent!important;color:#fff!important;font-size:25px;padding:5px 12px}.kw-item-dialog-content{display:grid;grid-template-columns:190px 1fr;gap:20px;padding:22px}.kw-item-photo{border:1px solid var(--line);background:var(--soft);border-radius:12px;min-height:205px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;overflow:hidden;color:var(--muted)}.kw-item-photo img{width:100%;height:100%;min-height:205px;max-height:260px;object-fit:contain}.kw-item-photo svg{width:60px;height:60px}.kw-item-info h2{font-size:23px;margin-bottom:7px}.kw-item-info>p{margin-bottom:16px}.kw-item-info dl{margin:0}.kw-item-info dl>div{display:flex;align-items:start;justify-content:space-between;border-bottom:1px solid var(--line);padding:9px 0;gap:10px}.kw-item-info dt{color:var(--muted);font-size:13px}.kw-item-info dd{margin:0;text-align:right;font-size:13px;font-weight:700;overflow-wrap:anywhere}.kw-item-qty{color:#36ae79}.kw-item-dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:9px;padding:0 22px 22px}
@media(max-width:1100px){.kw-dashboard-main{grid-template-columns:minmax(0,1fr) minmax(275px,.9fr)}.kw-feature-pair{grid-template-columns:1fr}}
@media(max-width:900px){.kw-dashboard-main{grid-template-columns:1fr}.kw-dashboard-side{grid-template-columns:1fr}.kw-feature-pair{grid-template-columns:1fr 1fr}.kw-home-v2{padding-bottom:8px}}
@media(max-width:570px){.kw-feature-scanner,.kw-feature-mini,.kw-dashboard-section{padding:15px}.kw-feature-pair{grid-template-columns:1fr 1fr;gap:9px}.kw-feature-mini .kw-feature-head{display:block}.kw-feature-mini .kw-feature-icon{margin-bottom:10px}.kw-feature-mini h2{font-size:16px}.kw-feature-mini p{font-size:12px}.kw-scanner-illustration{min-height:118px;gap:16px}.kw-scan-corners{width:80px;height:80px}.kw-scan-corners svg{width:50px;height:50px}.kw-scanner-illustration strong{font-size:13px}.kw-scanner-illustration small{font-size:11px}.kw-section-top{align-items:center}.kw-section-heading h2{font-size:17px}.kw-item-dialog-content{grid-template-columns:1fr;padding:15px;gap:14px}.kw-item-photo{min-height:170px;max-height:220px}.kw-item-photo img{min-height:170px;max-height:220px}.kw-item-dialog-actions{padding:0 15px 18px}.kw-item-dialog-actions button{flex:1}.kw-item-overlay{padding:10px;align-items:center}.kw-item-dialog{max-height:calc(100dvh - 30px)}}

/* Keyway Home v3 — closer match to approved locksmith mockup */
.kw-home-v3{padding:0 0 18px}
.kw-home-shell{display:grid;gap:18px}
.kw-home-title h1{font-size:42px;line-height:1.04;margin:0 0 6px;font-weight:800}
.kw-home-title p{margin:0;color:var(--muted);font-size:14px}
.kw-dashboard-main-v3{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,.95fr);gap:18px;align-items:start}
.kw-dashboard-primary,.kw-dashboard-side-v3{display:grid;gap:18px}
.kw-scanner-hero,.kw-feature-card,.kw-dashboard-side-v3 .kw-dashboard-section{background:linear-gradient(180deg,rgba(27,45,62,.96),rgba(20,38,54,.98));border:1px solid rgba(108,143,176,.32);border-radius:20px;box-shadow:0 18px 45px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.02)}
.kw-scanner-hero{padding:22px;border:2px solid rgba(242,181,76,.95);background:
 radial-gradient(circle at 22% 18%, rgba(32,110,178,.18), transparent 30%),
 radial-gradient(circle at 84% 14%, rgba(242,181,76,.08), transparent 22%),
 linear-gradient(180deg, rgba(20,42,60,.98), rgba(14,31,46,.98));}
.kw-scanner-top,.kw-section-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.kw-feature-head-v3 h2,.kw-section-heading h2{font-size:24px;margin:0 0 6px;line-height:1.12}
.kw-feature-head-v3 p,.kw-section-heading p{margin:0;color:#c5d2dd;font-size:13px;line-height:1.45;max-width:460px}
.kw-feature-icon{width:56px;height:56px;border-radius:16px;background:rgba(61,88,114,.58);border:1px solid rgba(120,154,186,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.kw-feature-icon svg{width:31px;height:31px}
.kw-info-chip{padding:10px 16px!important;min-height:auto!important;border-radius:12px!important;background:rgba(26,57,86,.55)!important;border:1px solid rgba(109,151,190,.35)!important;color:#e9f1f6!important;white-space:nowrap}
.kw-scanner-body{display:grid;grid-template-columns:minmax(260px,1fr) minmax(220px,.9fr);gap:18px;margin:18px 0}
.kw-scanner-art{display:flex;align-items:center;justify-content:center;min-height:245px;border-radius:18px;background:linear-gradient(180deg,#0d1a28,#10253a 40%,#153454 100%);position:relative;overflow:hidden}
.kw-scanner-art:before,.kw-scanner-art:after{content:"";position:absolute;border-radius:50%;filter:blur(16px);pointer-events:none}
.kw-scanner-art:before{width:220px;height:220px;background:rgba(37,102,180,.22);left:-35px;bottom:-75px}
.kw-scanner-art:after{width:180px;height:180px;background:rgba(242,181,76,.08);right:-45px;top:-45px}
.kw-scanner-stage{position:relative;width:300px;max-width:100%;aspect-ratio:1.28/1;display:grid;place-items:center}
.kw-scanner-stage:before{content:"";position:absolute;inset:6% 10% 22%;background:linear-gradient(180deg,#1d3044 0%,#28384b 24%,#161d27 100%);clip-path:polygon(22% 6%,78% 6%,92% 83%,8% 83%);border-radius:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 45px rgba(0,0,0,.32)}
.kw-scanner-stage:after{content:"";position:absolute;left:10%;right:10%;bottom:7%;height:16%;background:radial-gradient(circle at 50% 15%,rgba(242,181,76,.22),transparent 58%)}
.kw-scanner-frame{position:relative;z-index:1;width:170px;height:170px;border-radius:18px;display:grid;place-items:center;background:rgba(27,39,53,.55);box-shadow:0 0 0 1px rgba(255,255,255,.05),0 0 26px rgba(66,136,214,.14)}
.kw-scanner-frame:before,.kw-scanner-frame:after,.kw-mini-qr:before,.kw-mini-qr:after{content:"";position:absolute;width:34px;height:34px;border-color:#ffd166;border-style:solid}
.kw-scanner-frame:before{left:-14px;top:-14px;border-width:4px 0 0 4px;border-radius:18px 0 0 0}
.kw-scanner-frame:after{right:-14px;top:-14px;border-width:4px 4px 0 0;border-radius:0 18px 0 0}
.kw-mini-qr:before{left:-14px;bottom:-14px;border-width:0 0 4px 4px;border-radius:0 0 0 18px}
.kw-mini-qr:after{right:-14px;bottom:-14px;border-width:0 4px 4px 0;border-radius:0 0 18px 0}
.kw-mini-qr{display:grid;grid-template-columns:repeat(3,18px);grid-auto-rows:18px;gap:8px;padding:14px;background:#dceaf6;border-radius:14px;box-shadow:0 8px 26px rgba(0,0,0,.22);position:relative}
.kw-mini-qr span{background:#27425c;border-radius:3px}
.kw-mini-qr span:nth-child(2),.kw-mini-qr span:nth-child(4),.kw-mini-qr span:nth-child(6),.kw-mini-qr span:nth-child(8){opacity:.35}
.kw-scanner-benefits{display:grid;gap:12px;align-content:center}
.kw-benefit{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:rgba(22,46,69,.72);border:1px solid rgba(108,143,176,.18)}
.kw-benefit-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:rgba(48,74,100,.68);color:var(--accent);flex:none}
.kw-benefit-icon svg{width:23px;height:23px}
.kw-benefit strong{display:block;font-size:14px;margin-bottom:3px}
.kw-benefit small{display:block;color:#c0cfda;line-height:1.4}
.kw-feature-cta-wide{font-size:15px;font-weight:800;min-height:56px;border-radius:14px;box-shadow:0 10px 24px rgba(242,181,76,.1)}
.kw-feature-pair-v3{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.kw-feature-card{padding:0;overflow:hidden;position:relative;min-height:320px}
.kw-feature-card-inner{padding:20px;display:grid;grid-template-rows:auto 1fr auto auto;gap:14px;height:100%}
.kw-feature-card-vehicle{background:
 radial-gradient(circle at 80% 18%, rgba(69,131,196,.22), transparent 26%),
 linear-gradient(180deg, rgba(22,44,66,.98), rgba(16,35,52,.98));}
.kw-feature-card-sale{background:
 radial-gradient(circle at 85% 18%, rgba(142,159,183,.14), transparent 22%),
 linear-gradient(180deg, rgba(22,44,66,.98), rgba(16,35,52,.98));}
.kw-vehicle-art{justify-self:end;width:min(230px,68%);height:118px;position:relative;opacity:.94;margin-top:-8px;background:linear-gradient(155deg,rgba(22,57,90,.08),rgba(64,126,190,.06));}
.kw-vehicle-art:before{content:"";position:absolute;inset:22px 18px 12px auto;width:180px;border-radius:26px 50px 14px 14px/26px 40px 18px 18px;background:linear-gradient(180deg,#213f60 0%,#365b83 26%,#0e1b28 100%);transform:skewX(-8deg);box-shadow:0 18px 30px rgba(0,0,0,.28)}
.kw-vehicle-art:after{content:"";position:absolute;right:26px;top:76px;width:158px;height:16px;border-radius:50%;background:radial-gradient(circle at center,rgba(0,0,0,.35),transparent 70%)}
.kw-feature-card-vehicle .kw-feature-card-inner:before,.kw-feature-card-vehicle .kw-feature-card-inner:after{content:"";position:absolute;border-radius:50%;background:#18283b}
.kw-feature-card-vehicle .kw-feature-card-inner:before{width:42px;height:42px;right:52px;top:132px;box-shadow:0 0 0 7px #303f53 inset}
.kw-feature-card-vehicle .kw-feature-card-inner:after{width:42px;height:42px;right:155px;top:132px;box-shadow:0 0 0 7px #303f53 inset}
.kw-fake-search{width:100%;display:flex;align-items:center;gap:12px;padding:0 16px;height:50px;border-radius:14px;border:1px solid rgba(109,151,190,.45);background:rgba(10,27,42,.86)!important;color:#c5d6e4!important;text-align:left!important;font-size:14px}
.kw-search-lens{font-size:24px;line-height:1;color:#fff;opacity:.96}
.kw-feature-cta-dark{width:100%;min-height:52px;border-radius:14px;background:rgba(45,74,103,.88)!important;color:#eef6fb!important;font-weight:700}
.kw-sale-art{justify-self:end;align-self:end;width:140px;height:112px;position:relative;margin:0 8px 0 auto}
.kw-sale-art:before{content:"";position:absolute;right:6px;bottom:0;width:70px;height:92px;border-radius:14px;background:linear-gradient(180deg,#65768f,#38495f);box-shadow:0 16px 28px rgba(0,0,0,.22);transform:rotate(-7deg)}
.kw-sale-paper{position:absolute;right:54px;bottom:18px;width:76px;height:90px;border-radius:10px;background:linear-gradient(180deg,#fff,#cad4dd);box-shadow:0 16px 32px rgba(0,0,0,.18);transform:rotate(8deg)}
.kw-sale-paper:before,.kw-sale-paper:after{content:"";position:absolute;left:16px;right:16px;height:4px;border-radius:999px;background:#7d8b98}
.kw-sale-paper:before{top:24px;box-shadow:0 16px 0 #9aa7b3,0 32px 0 #b0bcc6}
.kw-dashboard-side-v3 .kw-dashboard-section{padding:20px}
.kw-dashboard-side-v3 .secondary{padding:10px 14px;border-radius:12px;white-space:nowrap}
.kw-stock-panel .kw-dashboard-rows,.kw-jobs-panel .kw-dashboard-rows{margin-top:16px}
.kw-stock-highlight,.kw-job-highlight{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgba(108,143,176,.22)!important;background:rgba(23,49,72,.66)!important;color:var(--ink)!important;text-align:left}
.kw-stock-highlight:hover,.kw-job-highlight:hover{border-color:rgba(242,181,76,.6)!important;transform:translateY(-1px)}
.kw-stock-thumb{width:86px;height:86px;border-radius:18px;background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.09),transparent 38%),linear-gradient(180deg,#1d2f43,#0e1b27);display:grid;place-items:center;flex:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.kw-stock-thumb svg{width:42px;height:42px;color:#dbe7f2}
.kw-stock-copy{flex:1;min-width:0}
.kw-stock-copy strong{display:block;font-size:19px;line-height:1.1;margin-bottom:4px}
.kw-stock-copy small{display:block;color:#d9e3eb;font-size:13px}
.kw-stock-progress{margin-top:16px;height:10px;border-radius:999px;background:rgba(69,89,114,.65);overflow:hidden}
.kw-stock-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#f05469,#ff5d79,#ed6b7d)}
.kw-stock-meta{text-align:right;align-self:flex-start;min-width:95px}
.kw-stock-meta strong,.kw-stock-meta small{display:block}
.kw-stock-meta small{margin-top:10px;color:#d0dce6}
.kw-job-highlight{padding:16px 18px}
.kw-job-signal{width:16px;height:16px;border-radius:50%;background:#36be80;box-shadow:0 0 16px rgba(54,190,128,.4);flex:none}
.kw-job-signal.on-site{background:#f2b54c;box-shadow:0 0 16px rgba(242,181,76,.4)}
.kw-job-signal.new-call{background:#36be80}
.kw-job-highlight .kw-row-main strong{font-size:18px;line-height:1.14}
.kw-job-highlight .kw-row-main small{margin-top:8px;display:flex;align-items:center;gap:8px;font-size:14px;color:#dde8f1}
.kw-job-highlight .kw-row-main small svg{width:16px;height:16px;color:#d9e4ec}
.kw-job-state{display:flex;align-items:center;gap:14px;margin-left:auto}
.kw-job-state .kw-status-tag{text-transform:lowercase;padding:10px 14px;border-radius:999px;background:rgba(50,75,107,.82);font-size:13px;font-weight:700}
.kw-dashboard-side-v3 .kw-dashboard-empty{padding:18px 0;color:#c2d1dc}
@media(max-width:1220px){.kw-dashboard-main-v3{grid-template-columns:minmax(0,1.25fr) minmax(310px,.9fr)}.kw-feature-head-v3 h2,.kw-section-heading h2{font-size:22px}}
@media(max-width:980px){.kw-dashboard-main-v3{grid-template-columns:1fr}.kw-scanner-body{grid-template-columns:1fr}.kw-feature-pair-v3{grid-template-columns:1fr 1fr}.kw-dashboard-side-v3{grid-template-columns:1fr 1fr}.kw-feature-card{min-height:290px}}
@media(max-width:760px){.kw-home-title h1{font-size:34px}.kw-dashboard-side-v3{grid-template-columns:1fr}.kw-feature-pair-v3{grid-template-columns:1fr}.kw-scanner-hero,.kw-feature-card,.kw-dashboard-side-v3 .kw-dashboard-section{border-radius:18px}.kw-scanner-top,.kw-section-top{gap:10px}.kw-info-chip,.kw-dashboard-side-v3 .secondary{font-size:12px;padding:9px 12px!important}.kw-feature-head-v3 h2,.kw-section-heading h2{font-size:20px}.kw-feature-head-v3 p,.kw-section-heading p{font-size:12px}.kw-stock-highlight{align-items:flex-start}}
@media(max-width:560px){.kw-home-v3{padding-bottom:8px}.kw-home-title h1{font-size:30px}.kw-scanner-hero{padding:16px}.kw-feature-card-inner,.kw-dashboard-side-v3 .kw-dashboard-section{padding:16px}.kw-feature-icon{width:48px;height:48px;border-radius:14px}.kw-feature-icon svg{width:27px;height:27px}.kw-scanner-body{margin:14px 0;gap:14px}.kw-scanner-art{min-height:196px}.kw-scanner-stage{width:240px}.kw-scanner-frame{width:128px;height:128px}.kw-mini-qr{grid-template-columns:repeat(3,14px);grid-auto-rows:14px;gap:6px;padding:12px}.kw-benefit{padding:10px 12px}.kw-benefit-icon{width:38px;height:38px}.kw-feature-cta-wide,.kw-feature-cta-dark,.kw-feature-cta,.kw-fake-search{min-height:48px;height:auto}.kw-vehicle-art{width:160px;height:78px}.kw-feature-card-vehicle .kw-feature-card-inner:before{width:33px;height:33px;right:42px;top:116px;box-shadow:0 0 0 6px #303f53 inset}.kw-feature-card-vehicle .kw-feature-card-inner:after{width:33px;height:33px;right:126px;top:116px;box-shadow:0 0 0 6px #303f53 inset}.kw-sale-art{width:118px;height:92px}.kw-stock-highlight,.kw-job-highlight{padding:14px}.kw-stock-thumb{width:62px;height:62px;border-radius:14px}.kw-stock-copy strong,.kw-job-highlight .kw-row-main strong{font-size:16px}.kw-stock-meta{min-width:84px}.kw-job-highlight{gap:12px}.kw-job-state{gap:10px}.kw-job-state .kw-status-tag{padding:7px 10px;font-size:12px}.kw-stock-highlight,.kw-job-highlight{flex-wrap:nowrap}.kw-section-top{flex-direction:column;align-items:stretch}.kw-section-top .secondary,.kw-scanner-top .secondary{align-self:flex-start}.kw-stock-highlight{display:grid;grid-template-columns:62px 1fr;align-items:start}.kw-stock-meta{grid-column:2;text-align:left;margin-top:8px}.kw-job-highlight{display:grid;grid-template-columns:16px 1fr auto}.kw-job-state{margin-left:0}}

/* Home quick actions and responsive low-stock list */
#view{container-type:inline-size}
.kw-home-quick-overlay{position:fixed;inset:0;z-index:10085;display:flex;align-items:center;justify-content:center;padding:22px;padding-bottom:calc(22px + env(safe-area-inset-bottom));background:rgba(2,10,19,.80)}
.kw-home-quick-dialog{width:min(920px,96vw);max-height:calc(100dvh - 44px);overflow:auto;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 26px 75px rgba(0,0,0,.5);color:var(--ink)}
.kw-home-quick-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 20px;background:var(--head);color:white;border-bottom:2px solid var(--accent)}
.kw-home-quick-header strong{font-size:18px}.kw-home-quick-header button{font-size:24px;min-width:40px}
.kw-home-quick-body{padding:18px}.kw-home-quick-body .panel{margin:0}.kw-home-quick-body .fields{min-width:0}
.kw-home-quick-body #qrCamera{max-width:430px}
.kw-dashboard-main-v3,.kw-dashboard-side-v3,.kw-dashboard-primary{min-width:0}
.kw-dashboard-side-v3 .kw-section-heading,.kw-dashboard-side-v3 .kw-stock-copy,.kw-dashboard-side-v3 .kw-row-main{min-width:0}
.kw-dashboard-side-v3 .kw-section-top{align-items:center;flex-wrap:wrap}
.kw-dashboard-side-v3 .kw-section-top .secondary{flex:none;max-width:100%;white-space:normal;text-align:center}
.kw-stock-copy strong,.kw-job-highlight .kw-row-main strong{overflow-wrap:anywhere;word-break:normal}
.kw-stock-highlight{margin-top:10px}
.kw-stock-meta{flex:none}
.kw-home-v3 .kw-dashboard-rows{max-height:none;overflow:visible}
.kw-item-overlay{z-index:10100}
@container (max-width:1000px){.kw-dashboard-main-v3{grid-template-columns:1fr}.kw-dashboard-side-v3{grid-template-columns:1fr 1fr}.kw-feature-pair-v3{grid-template-columns:1fr 1fr}.kw-scanner-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@container (max-width:720px){.kw-dashboard-side-v3{grid-template-columns:1fr}.kw-scanner-body{grid-template-columns:1fr}}
@container (max-width:470px){.kw-feature-pair-v3{grid-template-columns:1fr}}
@media(max-width:620px){.kw-home-quick-overlay{padding:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom));align-items:center}.kw-home-quick-dialog{width:100%;max-height:calc(100dvh - 24px - env(safe-area-inset-bottom))}.kw-home-quick-body{padding:10px}.kw-home-quick-body input,.kw-home-quick-body select{font-size:16px}}

/* Home v5: two-column desktop layout, compact scanner, accessible theme contrast */
#app:has(.kw-home-v3)>.headline{display:none!important}
.kw-home-v3{--kw-home-card:#fff;--kw-home-card-2:#f3f7fb;--kw-home-ink:#152a40;--kw-home-sub:#3e5369;--kw-home-row:#ecf3f9;--kw-home-outline:#c4d4e5;--kw-home-art:#dbe9f5;color:var(--kw-home-ink)!important}
:root[data-theme="dark"] .kw-home-v3{--kw-home-card:#172b3b;--kw-home-card-2:#1b344b;--kw-home-ink:#f4f8fd;--kw-home-sub:#d3dfeb;--kw-home-row:#203d56;--kw-home-outline:#48657c;--kw-home-art:#152c42}
.kw-home-v3 .kw-dashboard-main-v3{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:16px;align-items:start}
.kw-home-v3 .kw-dashboard-primary,.kw-home-v3 .kw-dashboard-side-v3{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-content:start}
.kw-home-v3 .kw-scanner-hero,.kw-home-v3 .kw-feature-card,.kw-home-v3 .kw-dashboard-section{color:var(--kw-home-ink)!important;background:var(--kw-home-card)!important;border-color:var(--kw-home-outline)!important;box-shadow:0 3px 18px #00000012!important}
.kw-home-v3 .kw-scanner-hero{padding:16px;border-color:var(--accent)!important}
.kw-home-v3 h1,.kw-home-v3 h2,.kw-home-v3 strong,.kw-home-v3 .kw-row-main strong,.kw-home-v3 .kw-stock-copy strong{color:var(--kw-home-ink)!important}
.kw-home-v3 p,.kw-home-v3 small,.kw-home-v3 .kw-feature-head-v3 p,.kw-home-v3 .kw-section-heading p,.kw-home-v3 .kw-benefit small,.kw-home-v3 .kw-stock-copy small,.kw-home-v3 .kw-stock-meta small,.kw-home-v3 .kw-job-highlight .kw-row-main small{color:var(--kw-home-sub)!important}
.kw-home-v3 .kw-feature-icon,.kw-home-v3 .kw-benefit-icon{background:var(--kw-home-card-2)!important;border-color:var(--kw-home-outline)!important}
.kw-home-v3 .kw-benefit,.kw-home-v3 .kw-stock-highlight,.kw-home-v3 .kw-job-highlight{background:var(--kw-home-row)!important;border-color:var(--kw-home-outline)!important;color:var(--kw-home-ink)!important}
.kw-home-v3 .kw-info-chip,.kw-home-v3 .kw-dashboard-section button.secondary,.kw-home-v3 .kw-feature-cta-dark{background:var(--kw-home-card-2)!important;color:var(--kw-home-ink)!important;border:1px solid var(--kw-home-outline)!important}
.kw-home-v3 .kw-status-tag{background:var(--kw-home-card-2);color:var(--kw-home-ink)!important}
.kw-home-v3 .kw-warn,.kw-home-v3 .kw-stock-meta .kw-warn{color:#b92840!important}
:root[data-theme="dark"] .kw-home-v3 .kw-warn,:root[data-theme="dark"] .kw-home-v3 .kw-stock-meta .kw-warn{color:#ff8394!important}
.kw-home-v3 .kw-stock-progress{background:var(--kw-home-outline)}
.kw-home-v3 .kw-scanner-top{align-items:center}
.kw-home-v3 .kw-scanner-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:12px 0}
.kw-home-v3 .kw-scanner-art{min-height:148px;max-height:190px;background:var(--kw-home-art)!important}
.kw-home-v3 .kw-scanner-stage{width:195px;max-height:190px}
.kw-home-v3 .kw-scanner-frame{width:110px;height:110px}
.kw-home-v3 .kw-mini-qr{grid-template-columns:repeat(3,12px);grid-auto-rows:12px;gap:6px;padding:10px}
.kw-home-v3 .kw-scanner-benefits{gap:7px}
.kw-home-v3 .kw-benefit{padding:9px 10px;gap:8px}
.kw-home-v3 .kw-benefit-icon{width:32px;height:32px}
.kw-home-v3 .kw-benefit-icon svg{width:19px;height:19px}
.kw-home-v3 .kw-benefit strong{font-size:12px}
.kw-home-v3 .kw-benefit small{font-size:11px}
.kw-home-v3 .kw-feature-cta-wide{min-height:48px}
.kw-home-v3 .kw-feature-head-v3 h2,.kw-home-v3 .kw-section-heading h2{font-size:19px;line-height:1.2}
.kw-home-v3 .kw-feature-head-v3 p,.kw-home-v3 .kw-section-heading p{font-size:12px}
.kw-home-v3 .kw-feature-icon{width:43px;height:43px;flex-basis:43px}
.kw-home-v3 .kw-feature-icon svg{width:24px;height:24px}
.kw-home-v3 .kw-dashboard-section{padding:16px}
.kw-home-v3 .kw-section-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:wrap}
.kw-home-v3 .kw-dashboard-section .kw-section-heading{flex:1 1 175px;min-width:0}
.kw-home-v3 .kw-dashboard-section .secondary{font-size:11px;padding:8px 10px!important;line-height:1.25}
.kw-home-v3 .kw-stock-highlight{gap:9px;padding:10px;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start}
.kw-home-v3 .kw-stock-thumb{width:44px;height:48px}
.kw-home-v3 .kw-stock-thumb svg{width:24px;height:24px}
.kw-home-v3 .kw-stock-copy{min-width:0}
.kw-home-v3 .kw-stock-copy strong{font-size:13px;line-height:1.3;overflow-wrap:anywhere}
.kw-home-v3 .kw-stock-copy small{font-size:11px;line-height:1.35}
.kw-home-v3 .kw-stock-progress{height:6px;margin-top:7px}
.kw-home-v3 .kw-stock-meta{grid-column:2;text-align:left;min-width:0;align-self:auto;display:flex;flex-wrap:wrap;gap:4px 8px}
.kw-home-v3 .kw-stock-meta strong,.kw-home-v3 .kw-stock-meta small{font-size:11px;margin:0}
.kw-home-v3 .kw-job-highlight{padding:11px;gap:9px}
.kw-home-v3 .kw-job-highlight .kw-row-main strong{font-size:13px;overflow-wrap:anywhere}
.kw-home-v3 .kw-job-highlight .kw-row-main small{font-size:11px;line-height:1.3}
.kw-home-v3 .kw-job-state{gap:6px}
.kw-home-v3 .kw-job-state .kw-status-tag{font-size:10px;padding:6px 7px;white-space:normal;text-align:center}
.kw-home-v3 .kw-feature-pair-v3{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.kw-home-v3 .kw-feature-card{min-height:250px}
.kw-home-v3 .kw-feature-card-inner{padding:15px}
.kw-home-v3 .kw-home-title h1{font-size:32px}
/* Container queries use actual app-content width, not whole browser width. */
@container (max-width:1000px){.kw-home-v3 .kw-dashboard-main-v3{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}.kw-home-v3 .kw-dashboard-side-v3{grid-template-columns:minmax(0,1fr)}.kw-home-v3 .kw-scanner-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@container (max-width:750px){.kw-home-v3 .kw-dashboard-main-v3{grid-template-columns:1fr}.kw-home-v3 .kw-dashboard-side-v3{grid-template-columns:1fr}.kw-home-v3 .kw-feature-pair-v3{grid-template-columns:1fr 1fr}}
@container (max-width:520px){.kw-home-v3 .kw-scanner-body{grid-template-columns:1fr}.kw-home-v3 .kw-feature-pair-v3{grid-template-columns:1fr}.kw-home-v3 .kw-scanner-art{min-height:135px}}

/* Keyway V6 — Inventory + QR Scan dedicated mobile-first screens */
.kw-inv-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);gap:20px;align-items:start}
.kw-inv-main,.kw-inv-alerts,.kw-v6-scan-hero{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:20px;min-width:0}
.kw-inv-header,.kw-inv-search{display:flex;align-items:center;justify-content:space-between;gap:12px}
.kw-inv-header{margin-bottom:18px}.kw-inv-header h2,.kw-inv-alerts h2{margin:0 0 5px;font-size:24px}.kw-inv-header p,.kw-inv-alerts p{color:var(--muted);margin:0 0 8px;font-size:13px}
.kw-inv-search{margin-bottom:20px}.kw-inv-search input{flex:1;min-width:0;margin:0}.kw-inv-search button{white-space:nowrap}
.kw-inv-list .item{background:var(--field);color:var(--ink);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;padding:18px;gap:10px;align-items:start}
.kw-inv-list .item strong{overflow-wrap:anywhere}.kw-inv-list .item .sub,.kw-inv-list .item .muted{color:var(--muted)}
.kw-inv-list .actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.kw-inv-list .actions button{white-space:nowrap}
.kw-inv-alerts{position:sticky;top:16px}.kw-v6-low{width:100%;display:grid;gap:5px;background:var(--field)!important;border:1px solid var(--line)!important;color:var(--ink)!important;border-radius:12px;padding:14px;text-align:left;margin-top:10px}.kw-v6-low span,.kw-v6-low small{color:var(--muted)}.kw-v6-low b{color:#df6374}.kw-v6-low:hover{border-color:var(--accent)!important}
.kw-v6-scan-page{max-width:800px;margin:0 auto;display:grid;gap:18px}.kw-v6-scan-hero{text-align:center;padding:35px 22px;background:linear-gradient(155deg,var(--panel),var(--field))}.kw-v6-scan-hero h2{font-size:28px;margin:4px 0 10px}.kw-v6-scan-hero p{max-width:500px;margin:0 auto 20px;color:var(--muted);line-height:1.6}.kw-v6-bigqr{font-size:75px;line-height:1;color:var(--accent)}.kw-v6-scan-hero button{min-width:220px}.kw-v6-scan-helpers{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.kw-v6-modal{position:fixed;inset:0;background:rgba(2,9,18,.8);display:flex;align-items:center;justify-content:center;padding:16px;z-index:11000}.kw-v6-dialog{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:18px;width:min(92vw,760px);max-height:calc(100dvh - 36px);overflow:auto;box-shadow:0 30px 90px rgba(0,0,0,.5)}.kw-v6-dialog header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--panel);border-bottom:1px solid var(--line);padding:14px 20px;z-index:1}.kw-v6-dialog header h2{font-size:19px;margin:0}.kw-v6-dialog header button{font-size:22px;min-width:42px}.kw-v6-body{padding:20px}.kw-v6-body label{display:block;margin-bottom:12px}.kw-v6-body input,.kw-v6-body select{width:100%}.kw-v6-qr-list{display:grid;gap:8px;max-height:50dvh;overflow:auto;margin-top:14px}.kw-v6-qr-list button{display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;border:1px solid var(--line)!important;background:var(--field)!important;color:var(--ink)!important;border-radius:11px;padding:12px}.kw-v6-qr-list button small{display:block;color:var(--muted);margin-top:4px}.kw-v6-print-label{text-align:center;background:#fff;color:#152b3e;border-radius:12px;padding:20px;margin-bottom:16px}.kw-v6-print-label img{width:min(220px,70vw);height:auto;display:block;margin:0 auto 12px}.kw-v6-print-label strong{display:block}
html[data-theme="light"] .kw-inv-main,html[data-theme="light"] .kw-inv-alerts,html[data-theme="light"] .kw-v6-scan-hero,html[data-theme="light"] .kw-v6-dialog{color:#142436}html[data-theme="light"] .kw-inv-list .item,html[data-theme="light"] .kw-v6-low,html[data-theme="light"] .kw-v6-qr-list button{color:#142436!important}
@media(max-width:1080px){.kw-inv-layout{grid-template-columns:1fr}.kw-inv-alerts{position:static}}@media(max-width:650px){.kw-inv-main,.kw-inv-alerts,.kw-v6-scan-hero{padding:15px}.kw-inv-header h2,.kw-inv-alerts h2{font-size:20px}.kw-inv-search{flex-wrap:wrap}.kw-inv-search input{flex:1 1 100%}.kw-inv-search button{flex:1}.kw-inv-list .item{flex-wrap:wrap}.kw-inv-list .right{width:100%}.kw-inv-list .actions{justify-content:flex-start}.kw-v6-modal{padding:8px;align-items:center}.kw-v6-dialog{max-height:calc(100dvh - 20px);width:100%}.kw-v6-body{padding:14px}.kw-v6-scan-helpers button{flex:1 1 100%}}

/* Inventory quick QR stock movement — mobile accessible */
.kw-inv-search .kw-v7-scan-stock{background:var(--accent)!important;color:#102030!important;font-weight:800;border-radius:11px;white-space:normal;min-height:44px}
.kw-inv-search .kw-v7-scan-stock:hover{filter:brightness(1.05)}
.kw-inv-search .kw-v7-scan-stock:focus-visible{outline:3px solid var(--ink);outline-offset:2px}

/* Keyway Sales & Receipts — readable item photos and centered receipt preview */
.kw-sale-item-cell{display:flex;align-items:center;gap:10px;min-width:180px}
.kw-sale-item-cell strong,.kw-sale-item-cell small{display:block}
.kw-sale-item-cell small{color:var(--muted);font-size:12px;margin-top:4px}
.kw-sale-thumb{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:11px;background:var(--soft);border:1px solid var(--line);flex:none;overflow:hidden}
.kw-sale-thumb img{width:100%;height:100%;object-fit:contain}
.kw-sale-thumb svg{width:27px;height:27px;color:var(--muted)}
.kw-sales-table td{vertical-align:middle}
.kw-receipt-overlay{position:fixed;inset:0;background:rgba(3,11,20,.82);z-index:13000;display:flex;align-items:center;justify-content:center;padding:20px}
.kw-receipt-modal{width:min(720px,100%);max-height:calc(100dvh - 36px);overflow:auto;border-radius:17px;background:var(--panel);box-shadow:0 22px 75px rgba(0,0,0,.55);outline:none;border:1px solid var(--line);color:var(--ink)}
.kw-receipt-modal-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line)}
.kw-receipt-x{font-size:26px;background:transparent!important;color:var(--ink)!important;padding:2px 12px!important}
.kw-receipt-paper{background:#fff!important;color:#142d43!important;padding:24px 32px!important;border:0!important;border-radius:0!important}
.kw-receipt-paper h3,.kw-receipt-paper strong,.kw-receipt-paper p{color:#142d43!important}
.kw-receipt-brand{text-align:center}
.kw-receipt-brand img{display:block;margin:0 auto 6px;height:95px;max-width:210px;object-fit:contain}
.kw-receipt-brand-title{font-weight:800;font-size:25px;letter-spacing:3px;color:#142d43}
.kw-receipt-brand-subtitle{font-weight:800;font-size:15px;letter-spacing:4px;margin-top:1px;color:#142d43}
.kw-receipt-brand-type{font-size:18px;font-weight:700;letter-spacing:3px;margin-top:14px;color:#142d43}
.kw-receipt-meta{display:flex;align-items:center;flex-direction:column;gap:5px;margin:10px auto;color:#142d43;text-align:center}
.kw-receipt-divider{height:2px;background:#1a4260;margin:20px 0}
.kw-receipt-product{display:flex;gap:18px;align-items:center;margin-top:6px}
.kw-receipt-product-photo{display:grid;place-items:center;width:118px;height:118px;flex:none;background:#f3f7fa;border:1px solid #d6e0e8;border-radius:10px;overflow:hidden;text-align:center;color:#697987;padding:4px}
.kw-receipt-product-photo img{width:100%;height:100%;object-fit:contain}
.kw-receipt-no-photo{font-size:11px;color:#687b88}
.kw-receipt-product>div:last-child{line-height:1.7;overflow-wrap:anywhere}
.kw-receipt-totals{margin-top:22px}
.kw-receipt-totals>div{display:flex;justify-content:space-between;gap:16px;padding:7px 0;color:#142d43}
.kw-receipt-total{font-size:19px;border-top:2px solid #1a4260;padding-top:14px!important;margin-top:8px}
.kw-receipt-actions{display:flex;flex-wrap:wrap;gap:8px;padding:14px 18px}
@media(max-width:600px){.kw-receipt-overlay{padding:8px;align-items:center}.kw-receipt-modal{max-height:calc(100dvh - 18px);border-radius:14px}.kw-receipt-paper{padding:18px!important}.kw-receipt-brand img{height:76px}.kw-receipt-brand-title{font-size:21px}.kw-receipt-product-photo{width:88px;height:98px}.kw-receipt-product{gap:10px}.kw-receipt-actions button{flex:1 1 42%}}
/* Jobs V9 standalone, mobile-safe field workflow */
.kw-jv9-page{display:grid;gap:18px;max-width:1260px}.kw-jv9-page-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.kw-jv9-page-header h1{font-size:28px;margin:0 0 5px}.kw-jv9-page-header p{margin:0;color:var(--muted)}.kw-jv9-card{border:1px solid var(--line);background:var(--panel);border-radius:17px;padding:21px;color:var(--ink)}.kw-jv9-card h2{font-size:21px;margin:0 0 9px}.kw-jv9-card>p{color:var(--muted)}.kw-jv9-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:17px 0}.kw-jv9-fields label{min-width:0}.kw-jv9-fields input,.kw-jv9-fields select{width:100%;min-width:0;box-sizing:border-box}.kw-jv9-list{display:grid;gap:10px}.kw-jv9-card h3{margin:20px 0 10px}.kw-jv9-job{width:100%;display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--line)!important;background:var(--field)!important;color:var(--ink)!important;border-radius:13px;text-align:left}.kw-jv9-job:hover{border-color:var(--accent)!important}.kw-jv9-job-info{min-width:0;display:grid;gap:5px;flex:1}.kw-jv9-job-info strong{overflow-wrap:anywhere}.kw-jv9-job-info small{color:var(--muted);overflow-wrap:anywhere}.kw-jv9-status{background:var(--soft);padding:7px 11px;border-radius:999px;font-size:12px;white-space:nowrap}.kw-jv9-overlay{position:fixed;inset:0;z-index:12000;background:#06111ccc;padding:16px;display:flex;align-items:center;justify-content:center}.kw-jv9-modal{width:min(92vw,780px);max-height:calc(100dvh - 30px);overflow:auto;border-radius:17px;border:1px solid var(--line);background:var(--panel);color:var(--ink);box-shadow:0 22px 70px #0007}.kw-jv9-modal-head{position:sticky;top:0;z-index:1;background:var(--panel);border-bottom:1px solid var(--line);padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:10px}.kw-jv9-modal-head h2{margin:0;overflow-wrap:anywhere}.kw-jv9-modal-head p{color:var(--muted);margin:5px 0 0}.kw-jv9-modal-body{padding:20px;display:grid;gap:15px}.kw-jv9-info{display:grid;grid-template-columns:160px 1fr;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px}.kw-jv9-info span{overflow-wrap:anywhere}.kw-jv9-map-actions,.kw-jv9-actions{display:flex;flex-wrap:wrap;gap:9px}.kw-jv9-key-box{border:1px solid var(--line);border-radius:13px;background:var(--field);padding:13px}.kw-jv9-key-box h3{margin:0 0 10px}.kw-jv9-key-admin{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.kw-jv9-key-admin select{flex:1;min-width:180px}.kw-jv9-key-detail{display:grid;grid-template-columns:120px minmax(0,1fr) 120px;gap:13px;align-items:start}.kw-jv9-key-detail p{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.kw-jv9-key-photo{height:125px;border:1px solid var(--line);background:var(--panel);border-radius:10px;display:grid;place-items:center;text-align:center;font-size:12px;color:var(--muted)}.kw-jv9-key-photo img{width:100%;height:100%;object-fit:contain}.kw-jv9-key-qr{width:120px;max-width:100%;background:#fff;padding:5px;border-radius:8px}.kw-jv9-modal-body textarea{width:100%;box-sizing:border-box}.kw-jv9-modal-body .muted{color:var(--muted)}
@media(max-width:700px){.kw-jv9-page-header{align-items:start;flex-direction:column}.kw-jv9-fields{grid-template-columns:1fr}.kw-jv9-card{padding:15px}.kw-jv9-overlay{padding:8px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.kw-jv9-modal{width:100%;max-height:calc(100dvh - 20px)}.kw-jv9-modal-head,.kw-jv9-modal-body{padding:14px}.kw-jv9-info{grid-template-columns:1fr;gap:4px}.kw-jv9-key-detail{grid-template-columns:90px minmax(0,1fr)}.kw-jv9-key-qr{grid-column:1 / -1;width:110px;justify-self:center}.kw-jv9-key-photo{height:96px}.kw-jv9-status{white-space:normal}.kw-jv9-actions button{flex:1}.kw-jv9-modal-body{padding-bottom:max(30px,env(safe-area-inset-bottom))}}

/* Jobs V10: fixed desktop hierarchy and VIN finder inside the existing centered modal */
.kw-jv10-main{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.9fr);gap:18px;align-items:start}
.kw-jv10-main>.kw-jv9-card{min-width:0}
.kw-jv10-active{align-self:stretch}
.kw-jv10-active .kw-jv9-list{max-height:690px;overflow:auto;padding-right:3px}
.kw-jv10-recent{width:100%}
.kw-jv10-vin-search{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
.kw-jv10-vin-search input{min-width:160px;flex:1;text-transform:uppercase;background:var(--field);color:var(--ink)}
.kw-jv10-vin-search button{flex:none}
.kw-jv10-vehicle{display:grid;gap:6px;margin-top:10px}
.kw-jv10-vehicle small,.kw-jv10-match small,.kw-jv10-inventory small{display:block;color:var(--muted);overflow-wrap:anywhere}
.kw-jv10-match{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);display:grid;gap:7px;margin-top:10px;color:var(--ink)}
.kw-jv10-confidence{display:inline-block;width:max-content;border:1px solid var(--line);border-radius:20px;padding:3px 8px;font-size:12px;color:var(--ink)}
.kw-jv10-inventory{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:8px 0;border-top:1px solid var(--line)}
.kw-jv10-vin-box{color:var(--ink)}
@media(max-width:1020px){.kw-jv10-main{grid-template-columns:minmax(0,1.15fr) minmax(250px,.85fr)}}
@media(max-width:800px){.kw-jv10-main{grid-template-columns:1fr}.kw-jv10-active .kw-jv9-list{max-height:none}.kw-jv10-vin-search button{width:100%}}

/* V11: direct employee job actions, no popup required for routine status changes */
.kw-jv11-row{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--field);min-width:0}.kw-jv11-row>.kw-jv9-job{border:0!important;border-radius:0;background:transparent!important}.kw-jv11-actions{display:flex;flex-wrap:wrap;gap:9px;padding:0 13px 13px}.kw-jv11-actions:empty{display:none}.kw-jv11-actions button{min-height:38px;padding:8px 13px;border-radius:10px}.kw-jv11-row:focus-within{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:600px){.kw-jv11-actions button{flex:1 1 auto;min-width:95px}.kw-jv9-job{flex-wrap:wrap}.kw-jv9-status{max-width:100%}}

/* Customers V12 */
.kw-c12-page{display:grid;gap:18px;max-width:1260px;color:var(--ink)}.kw-c12-top h1{margin:0 0 7px}.kw-c12-top p{color:var(--muted);margin:0}.kw-c12-panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px}.kw-c12-panel h2{margin:0 0 14px}.kw-c12-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.kw-c12-fields label{min-width:0}.kw-c12-fields input{width:100%;min-width:0;box-sizing:border-box}.kw-c12-list{display:grid;gap:10px;margin-top:14px}.kw-c12-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.kw-c12-row{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:14px;border:1px solid var(--line);background:var(--field);border-radius:13px;min-width:0}.kw-c12-row>div{flex:1;min-width:0}.kw-c12-row strong,.kw-c12-row small{display:block;overflow-wrap:anywhere}.kw-c12-row small{color:var(--muted);margin-top:5px}.kw-c12-overlay{position:fixed;inset:0;z-index:13000;background:#05111bd6;display:grid;place-items:center;padding:15px}.kw-c12-modal{width:min(94vw,820px);max-height:calc(100dvh - 30px);overflow:auto;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 70px #0008}.kw-c12-modal>header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;gap:10px;border-bottom:1px solid var(--line)}.kw-c12-modal>header h2{margin:0}.kw-c12-modal>header p{color:var(--muted);margin:5px 0 0}.kw-c12-tabs{display:flex;gap:8px;overflow-x:auto;padding:12px 20px;border-bottom:1px solid var(--line)}.kw-c12-tabs button{flex:none;background:var(--field)!important;color:var(--ink)!important;border:1px solid var(--line)!important}.kw-c12-tabs button.selected{border-color:var(--accent)!important;box-shadow:inset 0 -3px 0 var(--accent)}.kw-c12-body{padding:20px;display:grid;gap:13px}.kw-c12-body h3{margin:6px 0}.kw-c12-actions{display:flex;gap:10px;flex-wrap:wrap}.kw-c12-service{border:1px solid var(--line);padding:14px;border-radius:13px}.kw-c12-service p{color:var(--muted)}.kw-c12-key{display:flex;gap:12px;align-items:center;padding:9px;background:var(--field);border-radius:10px;flex-wrap:wrap}.kw-c12-key>img:first-child{width:62px;height:62px;object-fit:contain}.kw-c12-key>img:last-child{width:84px;height:84px;background:white;border-radius:6px;padding:4px}.kw-c12-key>div{flex:1;min-width:140px}.kw-c12-key strong,.kw-c12-key small{display:block}.kw-c12-key small{color:var(--muted)}@media(max-width:650px){.kw-c12-fields{grid-template-columns:1fr}.kw-c12-panel{padding:14px}.kw-c12-overlay{padding:7px}.kw-c12-modal{width:100%;max-height:calc(100dvh - 14px)}.kw-c12-body{padding:13px;padding-bottom:max(26px,env(safe-area-inset-bottom))}.kw-c12-tabs{padding:9px 12px}.kw-c12-row{flex-wrap:wrap}.kw-c12-row button{flex:1}.kw-c12-actions button{flex:1}}

/* Keyway V13 suppliers — readable independent directory */
.kw-supplier-page{display:grid;gap:17px;padding-bottom:32px;color:var(--ink)}
.kw-supplier-header{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.kw-supplier-header h1{margin:0 0 5px}.kw-supplier-header p{margin:0}
.kw-supplier-card{display:flex;align-items:center;gap:16px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;min-width:0;box-shadow:0 4px 16px #0000000d}
.kw-supplier-primary{border-left:4px solid var(--accent)}.kw-supplier-mark{width:58px;height:58px;display:grid;place-items:center;color:var(--accent);background:var(--soft);border-radius:14px;flex:none}.kw-supplier-mark .kw-svg{width:29px;height:29px}
.kw-supplier-info{flex:1;min-width:0}.kw-supplier-info h2,.kw-supplier-info h3{font-size:20px;margin:0 0 5px}.kw-supplier-info p{margin:4px 0;font-size:13px;color:var(--muted);overflow-wrap:anywhere}.kw-supplier-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:#236297;color:#fff!important;border-radius:9px;padding:12px 14px;font-weight:700;white-space:nowrap}.kw-supplier-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.kw-supplier-subtitle{margin:6px 0 0}.kw-supplier-list{display:grid;gap:12px}.kw-supplier-empty{background:var(--panel);padding:22px;border-radius:14px;border:1px dashed var(--line);color:var(--muted)}
.kw-supplier-archived{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--panel);border:1px solid var(--line);padding:12px;border-radius:10px;margin:8px 0}.kw-supplier-overlay{position:fixed;inset:0;z-index:11000;background:#000b;display:grid;place-items:center;padding:16px}.kw-supplier-dialog{width:min(95vw,690px);max-height:90dvh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px;color:var(--ink)}.kw-supplier-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.kw-supplier-title h2{margin:0}
@media(max-width:750px){.kw-supplier-card{align-items:flex-start;flex-wrap:wrap;padding:15px}.kw-supplier-info{flex:1 1 calc(100% - 80px)}.kw-supplier-actions{width:100%}.kw-supplier-link{white-space:normal}.kw-supplier-primary>.kw-supplier-link{width:100%}.kw-supplier-overlay{padding:9px}.kw-supplier-dialog{padding:15px;max-height:calc(100dvh - 24px)}}

/* Locations V14 - read-only location contents */
.kw-v14-location{gap:12px;flex-wrap:wrap}.kw-v14-open-location{flex:1 1 200px;min-width:0;text-align:left;background:transparent!important;border:0!important;color:inherit!important;display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:10px;cursor:pointer}.kw-v14-open-location:hover,.kw-v14-open-location:focus-visible{background:var(--field)!important;outline:2px solid var(--line)}.kw-v14-open-location small{color:var(--muted)}.kw-v14-location-info{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.kw-v14-location-info>div{display:flex;gap:12px;flex-wrap:wrap;font-weight:700}.kw-v14-location-info>div span{padding:9px 12px;border-radius:9px;background:var(--field)}.kw-v14-tools{display:flex;gap:8px;margin-bottom:14px}.kw-v14-tools input{flex:1;min-width:0}.kw-v14-items{display:grid;gap:10px}.kw-v14-item{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px}.kw-v14-item-photo{width:88px;height:88px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--field);border-radius:9px;overflow:hidden;font-size:32px}.kw-v14-item-photo img{width:100%;height:100%;object-fit:contain}.kw-v14-item-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.kw-v14-item-text span{color:var(--muted)}.kw-v14-item-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.kw-v14-qr-thumb{width:72px;height:72px;object-fit:contain;background:#fff;padding:4px;border-radius:6px}.kw-v14-zero{color:#e6a23d}@media(max-width:560px){.kw-v14-item{flex-wrap:wrap}.kw-v14-item-photo{width:68px;height:68px}.kw-v14-qr-thumb{width:58px;height:58px}.kw-v14-item-text{flex-basis:calc(100% - 85px)}.kw-v14-tools{flex-wrap:wrap}.kw-v14-tools input{flex-basis:100%}}

/* V16 payment confirmation: responsive and scrollable */
.kw-v16-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kw-v16-form label{display:flex;flex-direction:column;gap:6px;min-width:0}.kw-v16-form input,.kw-v16-form select{width:100%;box-sizing:border-box}.kw-v16-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.kw-v16-form p{grid-column:1/-1}@media(max-width:650px){.kw-v16-form{grid-template-columns:1fr}.kw-v16-actions button{width:100%}}

/* V16.1: unobstructed persistent messages on phones and desktop. */
#message{position:fixed!important;top:calc(env(safe-area-inset-top, 0px) + 14px)!important;right:14px!important;bottom:auto!important;left:auto!important;z-index:2147483640!important;max-width:min(420px,calc(100vw - 28px))!important;min-width:min(250px,calc(100vw - 28px));padding:15px 19px!important;line-height:1.45;overflow-wrap:anywhere;white-space:pre-wrap;border:1px solid #ffffff36;box-shadow:0 12px 38px #0008!important;pointer-events:auto;font-size:14px;}
#message.kw-error{background:#98272d!important;color:#fff!important;}
@media(max-width:700px){#message{top:calc(env(safe-area-inset-top, 0px) + 12px)!important;right:10px!important;max-width:calc(100vw - 20px)!important;}}

/* V16.2 pull-to-refresh indicator, placed below safe area */
#kwPullRefresh{position:fixed;top:calc(env(safe-area-inset-top,0px) + 10px);left:50%;transform:translate(-50%,-140%);opacity:0;pointer-events:none;z-index:11040;border-radius:25px;padding:10px 18px;background:var(--panel);border:1px solid var(--line);color:var(--ink);box-shadow:0 8px 28px #0005;font-weight:700;font-size:13px;transition:transform .16s ease,opacity .16s ease;white-space:nowrap}
#kwPullRefresh.kw-pull-show{opacity:1;transform:translate(-50%,0)}
#kwPullRefresh.kw-pull-ready{border-color:var(--accent)}


/* V17: Keyway glass UI. Styling only; no navigation or transaction logic changed. */
:root[data-theme="dark"]{--kw-glass:rgba(24,48,74,.75);--kw-glass-strong:rgba(26,51,79,.86);--kw-glass-border:rgba(189,219,254,.23);--kw-glass-glow:rgba(94,170,255,.18)}
:root:not([data-theme="dark"]){--kw-glass:rgba(248,251,255,.82);--kw-glass-strong:rgba(249,252,255,.92);--kw-glass-border:rgba(71,128,190,.23);--kw-glass-glow:rgba(77,150,235,.13)}
/* Brand watermark on the lowest visible layer, not over form controls. */
body{position:relative;isolation:isolate;background:radial-gradient(ellipse at 15% 0%,rgba(33,105,180,.21),transparent 58%),radial-gradient(ellipse at 86% 100%,rgba(29,94,157,.18),transparent 54%),var(--bg)!important}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:url('/keyway-logo.png');background-repeat:no-repeat;background-position:center 49%;background-size:min(65vw,690px) auto;opacity:.065;filter:grayscale(1)}
:root:not([data-theme="dark"]) body::before{opacity:.045}
/* Navigation panels and major cards have depth without losing text contrast. */
#kwSide,.panel,.metric,.item,.kw-jv9-card,.kw-c12-panel,.kw-supplier-card,.kw-feature-scanner,.kw-feature-mini,.kw-dashboard-section,.kw-jv9-modal,.kw-c12-modal,.kw-supplier-dialog,.kw-home-quick-dialog{background:var(--kw-glass-strong)!important;border-color:var(--kw-glass-border)!important;box-shadow:0 9px 30px rgba(0,8,24,.13),inset 0 1px 0 rgba(255,255,255,.10)!important;backdrop-filter:blur(15px) saturate(140%);-webkit-backdrop-filter:blur(15px) saturate(140%)}
#kwSide{border-radius:20px!important}
/* Glass finish on navigation tabs and actions; keep danger button semantics. */
#kwSide button,#kwMobile button,#tabs button,.kw-action,.kw-more-links button,.kw-c12-tabs button{border:1px solid transparent!important;border-radius:13px!important;transition:background .18s ease,box-shadow .18s ease,transform .18s ease!important}
#kwSide button:hover,#kwSide button.current,#kwMobile button.current,#tabs button.active,.kw-action:hover,.kw-more-links button:hover,.kw-c12-tabs button.selected{background:var(--kw-glass)!important;border-color:var(--kw-glass-border)!important;box-shadow:0 6px 17px var(--kw-glass-glow),inset 0 1px 0 rgba(255,255,255,.15)!important}
button:not(.danger):not(:disabled):not(.kw-v14-open-location),.kw-supplier-link{border:1px solid rgba(184,217,255,.20);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 5px 13px rgba(0,12,30,.13);background-image:linear-gradient(155deg,rgba(255,255,255,.15),rgba(255,255,255,0) 58%)!important}
button.secondary:not(:disabled){background-color:var(--kw-glass)!important;color:var(--ink)!important;border-color:var(--kw-glass-border)!important}
button.danger{box-shadow:0 4px 11px rgba(90,4,12,.16);border:1px solid rgba(255,255,255,.17)}
button:focus-visible,a:focus-visible{outline:3px solid var(--accent)!important;outline-offset:2px}
button:not(:disabled):active{transform:translateY(1px)}
input,select,textarea{border-color:var(--kw-glass-border)!important}
/* Don't let blur, branding, or fixed navigation cover notifications. */
#message{z-index:2147483640!important;background-image:none!important}
#kwPullRefresh{z-index:11040}
@media(max-width:900px){#kwMobile{background:var(--kw-glass-strong)!important;border:1px solid var(--kw-glass-border);border-radius:19px 19px 0 0;box-shadow:0 -8px 24px rgba(0,11,32,.20)!important;backdrop-filter:blur(22px) saturate(155%);-webkit-backdrop-filter:blur(22px) saturate(155%)}body::before{background-size:min(90vw,390px) auto;opacity:.048}}
@media(prefers-reduced-motion:reduce){#kwSide button,#kwMobile button,#tabs button,.kw-action,.kw-more-links button,.kw-c12-tabs button{transition:none!important}}
@supports not (backdrop-filter:blur(2px)){#kwSide,.panel,.metric,.item,.kw-jv9-card,.kw-c12-panel,.kw-supplier-card,.kw-feature-scanner,.kw-feature-mini,.kw-dashboard-section{background:var(--panel)!important}}


/* V17.1 — theme-aware liquid glass and responsive brand atmosphere.
   Entirely CSS: no app functions, routes, service-worker or events changed. */
:root[data-theme="dark"]{
  --kw-glass:rgba(35,66,105,.61);
  --kw-glass-strong:rgba(16,38,65,.72);
  --kw-glass-border:rgba(163,208,255,.28);
  --kw-glass-glow:rgba(52,147,255,.24);
  --kw-card-text:#eff7ff;
  --kw-card-muted:#bad0e6;
  --kw-card-soft:rgba(33,77,116,.66);
  --kw-scene-a:rgba(32,114,198,.26);
  --kw-scene-b:rgba(33,91,181,.14);
  --kw-watermark:rgba(135,196,255,.16);
}
:root[data-theme="light"]{
  --kw-glass:rgba(255,255,255,.58);
  --kw-glass-strong:rgba(248,252,255,.72);
  --kw-glass-border:rgba(87,141,196,.31);
  --kw-glass-glow:rgba(65,136,216,.15);
  --kw-card-text:#173550;
  --kw-card-muted:#47647e;
  --kw-card-soft:rgba(220,237,255,.67);
  --kw-scene-a:rgba(127,186,247,.30);
  --kw-scene-b:rgba(207,227,255,.53);
  --kw-watermark:rgba(33,99,157,.13);
}
/* Put live gradient light *behind* content; the glyph is an isolated transparent mark. */
html,body{min-height:100%;}
body{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(ellipse 58% 58% at 16% 12%,var(--kw-scene-a),transparent 84%),
    radial-gradient(ellipse 58% 70% at 87% 80%,var(--kw-scene-b),transparent 77%),
    var(--bg)!important;
  background-attachment:fixed!important;
}
body::before{
  content:"";
  position:fixed;
  inset:7% -8% -6% 12%;
  pointer-events:none;
  z-index:0;
  opacity:1!important;
  background:none!important;
  filter:none!important;
  -webkit-mask-image:url('/keyway-monogram-watermark.png');
  mask-image:url('/keyway-monogram-watermark.png');
  -webkit-mask-size:min(56vw,550px) auto;
  mask-size:min(56vw,550px) auto;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:52% 24%;
  mask-position:52% 24%;
  background-color:var(--kw-watermark)!important;
  transform:translate3d(0,0,0) rotate(-11deg);
  animation:kwBrandDrift 24s ease-in-out infinite alternate;
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:radial-gradient(circle at 70% 26%,rgba(112,181,252,.15),transparent 42%);
  animation:kwAmbientShift 18s ease-in-out infinite alternate;
}
body>header,body>main{position:relative;z-index:1}
@keyframes kwBrandDrift{from{transform:translate3d(-12px,-10px,0) rotate(-11deg)}to{transform:translate3d(20px,16px,0) rotate(-7deg)}}
@keyframes kwAmbientShift{from{opacity:.3;transform:translateX(-4%)}to{opacity:.85;transform:translateX(5%)}}
/* Glass must transmit the actual background — not opaque dark cards. */
#kwSide,.panel,.metric,.item,.kw-jv9-card,.kw-c12-panel,.kw-supplier-card,
.kw-scanner-hero,.kw-feature-card,.kw-dashboard-section,.kw-feature-scanner,.kw-feature-mini,
.kw-inv-main,.kw-inv-alerts,.kw-jv9-modal,.kw-c12-modal,.kw-supplier-dialog,
.kw-v6-dialog,.kw-v6-scan-hero{
  background:var(--kw-glass-strong)!important;
  border-color:var(--kw-glass-border)!important;
  color:var(--kw-card-text)!important;
  box-shadow:0 15px 48px rgba(0,15,38,.13),inset 0 1px 0 rgba(255,255,255,.28)!important;
  backdrop-filter:blur(23px) saturate(155%)!important;
  -webkit-backdrop-filter:blur(23px) saturate(155%)!important;
}
.kw-scanner-hero{
 background:radial-gradient(circle at 14% 8%,var(--kw-scene-a),transparent 42%),var(--kw-glass-strong)!important;
 border-color:var(--accent)!important;
}
.kw-home-v3 .kw-feature-head-v3 h2,.kw-home-v3 .kw-section-heading h2,
.kw-home-v3 .kw-feature-card strong,.kw-home-v3 .kw-benefit strong,
.kw-home-v3 .kw-stock-copy strong{color:var(--kw-card-text)!important}
.kw-home-v3 .kw-feature-head-v3 p,.kw-home-v3 .kw-section-heading p,
.kw-home-v3 .kw-benefit small,.kw-home-v3 .kw-stock-copy small,
.kw-home-v3 .kw-stock-meta small,.kw-home-v3 .kw-row-main small,
.kw-home-v3 .kw-row-end small,.kw-home-v3 .kw-dashboard-empty{
 color:var(--kw-card-muted)!important;
}
.kw-benefit,.kw-stock-highlight,.kw-job-highlight,.kw-dashboard-row,
.kw-fake-search,.kw-home-summary span{
 background:var(--kw-card-soft)!important;
 color:var(--kw-card-text)!important;
 border-color:var(--kw-glass-border)!important;
 backdrop-filter:blur(10px);
 -webkit-backdrop-filter:blur(10px);
}
.kw-info-chip,.kw-feature-cta-dark,.kw-home-v3 .secondary{
 background:var(--kw-card-soft)!important;
 color:var(--kw-card-text)!important;
 border-color:var(--kw-glass-border)!important;
}
/* Keep the scanner illustration itself dark for readable white QR-art contrast. */
.kw-scanner-art{background:linear-gradient(145deg,#102f50,#1b4265 62%,#0a1a30)!important;}
/* Navigation and buttons: visible layered specular edge in BOTH modes. */
#kwSide button,#kwMobile button,.kw-c12-tabs button,
button.secondary:not(:disabled){
 background-color:var(--kw-glass)!important;
 color:var(--ink)!important;
 border:1px solid var(--kw-glass-border)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 6px 17px var(--kw-glass-glow)!important;
}
#kwSide button.current,#kwMobile button.current,.kw-c12-tabs button.selected{
 background:linear-gradient(130deg,rgba(103,177,251,.29),var(--kw-glass))!important;
 border-left:3px solid var(--accent)!important;
 color:var(--ink)!important;
}
/* Light mode remains light even where earlier home CSS hard-coded dark text fields. */
:root[data-theme="light"] .kw-scanner-benefits .kw-benefit-icon,
:root[data-theme="light"] .kw-feature-icon{background:rgba(216,234,251,.84)!important}
:root[data-theme="light"] .kw-stock-thumb{background:linear-gradient(145deg,#cfdfed,#a9c8e1)!important}
:root[data-theme="light"] .kw-stock-thumb svg{color:#254e72!important}
:root[data-theme="light"] .kw-stock-progress{background:#c8d9e9!important}
:root[data-theme="light"] .kw-fake-search{color:#234f70!important}
:root[data-theme="light"] .kw-feature-card-vehicle,
:root[data-theme="light"] .kw-feature-card-sale{background:var(--kw-glass-strong)!important}
:root[data-theme="light"] .kw-home-v3 .kw-home-title h1{color:#183955!important}
@media(max-width:900px){
 body::before{-webkit-mask-size:min(98vw,370px) auto;mask-size:min(98vw,370px) auto;inset:4% -20% 0 0;}
 #kwMobile{background:var(--kw-glass-strong)!important;backdrop-filter:blur(24px) saturate(160%)!important;-webkit-backdrop-filter:blur(24px) saturate(160%)!important}
}
@media(prefers-reduced-motion:reduce){body::before,body::after{animation:none!important}}
@supports not (backdrop-filter:blur(2px)){
 #kwSide,.panel,.metric,.item,.kw-scanner-hero,.kw-feature-card,.kw-dashboard-section{background:var(--panel)!important}
}


/* KEYWAY V17.2 — translucent yet legible, theme-specific glass finish.
   Presentation only. No app state, routes, listeners or data are changed. */
:root[data-theme="dark"]{
 --kw-glass:rgba(26,64,104,.35);
 --kw-glass-strong:rgba(18,44,73,.57);
 --kw-glass-border:rgba(156,204,250,.34);
 --kw-card-soft:rgba(49,92,131,.47);
 --kw-watermark:rgba(125,190,255,.29);
}
:root[data-theme="light"]{
 --kw-glass:rgba(255,255,255,.45);
 --kw-glass-strong:rgba(250,253,255,.64);
 --kw-glass-border:rgba(89,148,207,.32);
 --kw-card-soft:rgba(214,233,252,.46);
 --kw-watermark:rgba(61,129,190,.19);
}
/* A blended moving monogram, not an image block. Stay behind all content. */
body::before{
 inset:0!important;
 -webkit-mask-position:66% 22%!important;
 mask-position:66% 22%!important;
 -webkit-mask-size:min(62vw,660px) auto!important;
 mask-size:min(62vw,660px) auto!important;
 background-color:var(--kw-watermark)!important;
 opacity:1!important;
 filter:drop-shadow(0 0 38px rgba(105,176,250,.1))!important;
}
body::after{
 background:
 radial-gradient(ellipse 50% 40% at 54% 13%,rgba(108,177,245,.17),transparent 76%),
 radial-gradient(ellipse 42% 50% at 95% 68%,rgba(75,158,236,.12),transparent 78%)!important;
}
/* Keep cards glassy, but never sacrifice text contrast. */
#kwSide,.panel,.metric,.item,.kw-jv9-card,.kw-c12-panel,.kw-supplier-card,
.kw-scanner-hero,.kw-feature-card,.kw-dashboard-section,.kw-feature-scanner,.kw-feature-mini,
.kw-inv-main,.kw-inv-alerts,.kw-jv9-modal,.kw-c12-modal,.kw-supplier-dialog,
.kw-v6-dialog,.kw-v6-scan-hero{
 background-color:var(--kw-glass-strong)!important;
 box-shadow:0 12px 36px rgba(0,21,50,.13),inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(120,170,220,.07)!important;
 backdrop-filter:blur(18px) saturate(155%)!important;
 -webkit-backdrop-filter:blur(18px) saturate(155%)!important;
}
/* Main desktop and bottom navigation as shallow, optically layered surfaces. */
#kwSide button,#kwMobile button,#tabs button,.kw-more-links button,.kw-c12-tabs button,
button.secondary:not(:disabled),.kw-info-chip,.kw-feature-cta-dark,
.kw-benefit,.kw-stock-highlight,.kw-job-highlight{
 background:linear-gradient(140deg,rgba(255,255,255,.095),transparent 55%),var(--kw-glass)!important;
 border:1px solid var(--kw-glass-border)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 4px 14px rgba(28,94,162,.10)!important;
 backdrop-filter:blur(15px) saturate(155%)!important;
 -webkit-backdrop-filter:blur(15px) saturate(155%)!important;
 color:var(--ink)!important;
}
#kwSide button.current,#kwMobile button.current,#tabs button.active,.kw-c12-tabs button.selected{
 background:linear-gradient(120deg,rgba(95,177,253,.25),rgba(255,255,255,.06)),var(--kw-glass)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 18px rgba(38,125,214,.16)!important;
}
/* Accent actions remain solid enough to identify them as primary controls. */
.kw-feature-cta-wide,.kw-scanner-hero .kw-feature-cta-wide,button[type="submit"]{opacity:1;}
/* Icons can be translucent in their tile, but strokes retain full contrast. */
.kw-feature-icon,.kw-benefit-icon,.kw-stock-thumb,.kw-info-chip .kw-icon,
.kw-action-icon{
 background:var(--kw-card-soft)!important;
 border:1px solid var(--kw-glass-border)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.22)!important;
}
.kw-feature-icon svg,.kw-benefit-icon svg,#kwSide .kw-svg,#kwMobile .kw-svg{opacity:.93;}
/* Avoid rendering both the legacy page header and the new Home header. */
#app:has(.kw-home-v3) > .headline{display:none!important;}
:root[data-theme="light"] header{background:#142b42!important;}
:root[data-theme="light"] .kw-scanner-hero{
 background:radial-gradient(circle at 12% 6%,rgba(127,189,248,.23),transparent 49%),var(--kw-glass-strong)!important;
}
:root[data-theme="light"] .kw-home-v3 .kw-feature-head-v3 h2,
:root[data-theme="light"] .kw-home-v3 .kw-section-heading h2{color:#183955!important;}
@media(max-width:900px){
 body::before{
  -webkit-mask-position:55% 23%!important;mask-position:55% 23%!important;
  -webkit-mask-size:min(108vw,440px) auto!important;mask-size:min(108vw,440px) auto!important;
 }
 #kwMobile{background:var(--kw-glass-strong)!important;}
}
@media(prefers-reduced-motion:reduce){body::before,body::after{animation:none!important;}}


/* V17.3 — Safari-safe visible brand: actual transparent image, NOT CSS mask. */
body::before{display:none!important;}
#kwVisibleBrand{position:fixed;top:clamp(125px,17vh,225px);right:clamp(-48px,8vw,180px);width:clamp(270px,44vw,630px);aspect-ratio:194/199;pointer-events:none!important;user-select:none;z-index:3!important;overflow:visible;transform:rotate(-10deg);animation:kwBrandFloatV173 24s ease-in-out infinite alternate;filter:drop-shadow(0 0 40px rgba(80,157,232,.12));}
#kwVisibleBrand img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;pointer-events:none!important;}
:root[data-theme="dark"] #kwVisibleBrand .kw-brand-dark{opacity:.25;}
:root[data-theme="dark"] #kwVisibleBrand .kw-brand-light{display:none;}
:root[data-theme="light"] #kwVisibleBrand .kw-brand-light{opacity:.21;}
:root[data-theme="light"] #kwVisibleBrand .kw-brand-dark{display:none;}
#kwVisibleBrand{transition:opacity .35s ease;}
/* These are decorative overlays: buttons beneath remain fully clickable. */
@keyframes kwBrandFloatV173{from{transform:translate3d(-9px,-9px,0) rotate(-10deg)}to{transform:translate3d(12px,14px,0) rotate(-7deg)}}
@media(max-width:900px){#kwVisibleBrand{top:115px;right:-45px;width:min(80vw,420px);} :root[data-theme="dark"] #kwVisibleBrand .kw-brand-dark{opacity:.17;} :root[data-theme="light"] #kwVisibleBrand .kw-brand-light{opacity:.15;}}
@media(prefers-reduced-motion:reduce){#kwVisibleBrand{animation:none!important;transform:rotate(-8deg)!important;}}

/* Keyway watermark size and contrast correction */
#kwVisibleBrand {
  right: 2% !important;
  top: 145px !important;
  width: min(35vw, 470px) !important;
  height: 55vh !important;
  pointer-events: none !important;
}

:root[data-theme="dark"] #kwVisibleBrand .kw-brand-dark {
  opacity: .075 !important;
}

:root[data-theme="light"] #kwVisibleBrand .kw-brand-light {
  opacity: .065 !important;
}

@media (max-width: 900px) {
  #kwVisibleBrand {
    right: -5% !important;
    width: min(60vw, 310px) !important;
    height: 45vh !important;
  }
}

/* Keyway: hide duplicate heading inside Home dashboard */
#kwHomeDashboard > h1,
#kwHomeDashboard > h2,
.kw-dashboard-primary > h1,
.kw-dashboard-primary > h2 {
  display: none !important;
}