*{box-sizing:border-box}
:root{--purple:#8b3dff;--purple2:#a855f7;--purple-dark:#6d28d9;--black:#09090c;--ink:#17171c;--muted:#62636d;--line:#dedee5;--card:#111116}
html{scroll-behavior:smooth}
body{margin:0;background:#f5f5f7;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.site-header{height:72px;border-bottom:1px solid #24242b;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 1120px)/2));background:var(--black);position:sticky;top:0;z-index:5}
.brand{display:flex;align-items:center;gap:10px;font-weight:850;letter-spacing:.06em;font-size:14px;color:#fff}
.brand b,.brand .crown{color:var(--purple2)}
.crown{font-size:25px}
.back-link{font-size:14px;color:#c7c7d0}
.container{max-width:1120px;margin:0 auto;padding:38px 18px 70px}
.page-intro{max-width:700px;margin-bottom:26px}
.eyebrow{font-size:11px;font-weight:850;letter-spacing:.14em;color:var(--purple);margin:0 0 8px}
.page-intro h1{font-size:clamp(34px,6vw,52px);line-height:1.05;margin:0 0 12px;color:var(--ink)}
.page-intro p:not(.eyebrow){color:var(--muted);font-size:16px;margin:0}
.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.card{background:var(--card);border:1px solid #292932;border-radius:18px;padding:22px;color:#f7f7f8;box-shadow:0 12px 35px rgba(0,0,0,.13)}
.card-head,.result-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.card h2{font-size:21px;margin:0 0 4px}
.card p{color:#9e9eaa;font-size:13px;margin:0}
.ghost-btn{background:transparent;border:1px solid #393942;color:#c7c7d0;border-radius:9px;padding:8px 11px;cursor:pointer}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:22px}
.field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#c8c8d0}
.field.full{grid-column:1/-1}
.input-wrap{height:44px;background:#0a0a0e;border:1px solid #303039;border-radius:10px;display:flex;align-items:center;padding:0 12px;color:#777783}
.input-wrap input{border:0;outline:0;background:transparent;color:#fff;width:100%;font-size:15px;padding:0 7px}
.segmented{display:grid;grid-template-columns:1fr 1fr;background:#09090d;border:1px solid #303039;border-radius:11px;padding:4px;gap:4px}
.seg{border:0;border-radius:8px;background:transparent;color:#9999a5;padding:9px 7px;font-weight:750;cursor:pointer}
.seg.active{background:linear-gradient(135deg,var(--purple-dark),var(--purple2));color:#fff;box-shadow:0 5px 18px rgba(139,61,255,.25)}
.disabled{opacity:.45}
.settings-note{display:flex;gap:10px;margin-top:18px;background:#17131d;border:1px solid #332044;border-radius:12px;padding:11px 12px;color:#aaa1b5;font-size:12px}
.settings-note strong{color:#e8d9f5}
.tax-note{background:#10151d;border-color:#283747;color:#aebdca}
.tax-note strong{color:#c8e2ff}
#buyerShippingField[style*="display: none"]{display:none!important}
.result-top{align-items:center}
.result-top h2{margin:0}
.decision-row{display:flex;align-items:center;gap:9px}
.status-dot{width:13px;height:13px;border-radius:50%;display:inline-block}
.status-dot.buy{background:#35c76f;box-shadow:0 0 0 4px rgba(53,199,111,.10)}
.status-dot.maybe{background:#f5a524;box-shadow:0 0 0 4px rgba(245,165,36,.10)}
.status-dot.pass{background:#ef4b4b;box-shadow:0 0 0 4px rgba(239,75,75,.10)}
.profit-big{font-size:34px;font-weight:850;letter-spacing:-.03em}
.traffic-key{display:flex;flex-wrap:wrap;gap:9px 15px;padding:11px 12px;margin:12px 0 3px;background:#17171d;border:1px solid #2b2b33;border-radius:10px;font-size:10px;color:#aaaab4}
.key-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px}
.key-dot.green{background:#35c76f}.key-dot.orange{background:#f5a524}.key-dot.red{background:#ef4b4b}
.decision-text{margin:4px 0 17px!important}
.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.metric{background:#0b0b10;border:1px solid #292932;border-radius:12px;padding:12px}
.metric span{display:block;font-size:11px;color:#8f8f9a;margin-bottom:4px}
.metric strong{font-size:18px}
.breakdown{margin-top:18px;border-top:1px solid #292932;padding-top:15px}
.breakdown h3{font-size:13px;margin:0 0 8px;color:#ddd}
.line{display:flex;justify-content:space-between;padding:6px 0;color:#a9a9b3;font-size:12px}
.line strong{color:#eee}
.line.total{border-top:1px solid #292932;margin-top:6px;padding-top:11px;color:#fff;font-weight:800}
.margin-bar{height:6px;background:#25252d;border-radius:99px;margin-top:15px;overflow:hidden}
.margin-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--purple-dark),var(--purple2));border-radius:99px;width:0;transition:width .2s}
.small-note{font-size:10px!important;color:#777783!important;margin-top:9px!important}
.ad-placeholder{margin:18px 0 0;border:1px dashed #d4d4db;border-radius:14px;min-height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#85858f;background:#fff}
.ad-placeholder span{font-size:10px;letter-spacing:.14em;font-weight:800}.ad-placeholder small{font-size:10px;margin-top:4px}
.site-footer{border-top:1px solid var(--line);background:#fff;color:#6f6f79;font-size:11px;display:flex;justify-content:space-between;gap:20px;padding:20px max(18px,calc((100vw - 1120px)/2))}
.home-hero{padding:70px 18px 30px;max-width:1120px;margin:auto}
.home-hero .eyebrow{color:var(--purple)}
.home-hero h1{font-size:clamp(42px,7vw,72px);line-height:.98;max-width:780px;margin:0 0 18px;color:var(--ink)}
.home-hero p{max-width:650px;color:var(--muted);font-size:17px}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;padding:13px 20px;border-radius:11px;background:linear-gradient(135deg,#7428ff,#a855f7);color:#fff;font-weight:850;border:1px solid rgba(255,255,255,.18);box-shadow:0 9px 24px rgba(139,61,255,.30);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
.cta:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 13px 30px rgba(139,61,255,.38)}
.tools{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px auto 0;max-width:1120px;padding:0 18px}
.tool-card{background:#111116;border:1px solid #292932;border-radius:16px;padding:20px;color:#fff}
.tool-card h3{margin:0 0 6px}.tool-card p{margin:0;color:#9999a4;font-size:13px}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--purple2);outline-offset:2px}
@media(max-width:800px){.calc-grid{grid-template-columns:1fr}.tools{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.container{padding:28px 12px 55px}.site-header{padding:0 12px}.brand{font-size:12px}.field-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.card{padding:17px}.profit-big{font-size:28px}.seg{font-size:12px}.site-footer{padding:18px 12px;flex-direction:column}.home-hero{padding:48px 18px 20px}.tools{grid-template-columns:1fr;padding:0 12px}.traffic-key{display:grid;grid-template-columns:1fr;gap:7px}}

/* V0.6 homepage components */
.home-hero em{font-style:italic;color:var(--purple)}
.tools-section{max-width:1120px;margin:0 auto;padding:25px 18px 55px}
.section-intro{max-width:700px;margin-bottom:22px}
.section-intro h2{font-size:clamp(30px,5vw,44px);line-height:1.05;margin:0 0 10px;color:var(--ink)}
.section-intro p:not(.eyebrow){color:var(--muted);font-size:16px;margin:0}
.tool-link{display:block;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.tool-link:hover{transform:translateY(-3px);border-color:#4a3a61;box-shadow:0 15px 35px rgba(0,0,0,.22)}
.tool-icon{font-size:26px;margin-bottom:30px}
.tool-card h3{font-size:22px}
.tool-card p{font-size:14px;line-height:1.6}
.tool-arrow{display:block;margin-top:18px;color:var(--purple2);font-size:12px;font-weight:800}
.coming{display:inline-block;margin-top:18px;padding:5px 8px;border:1px solid #37313f;border-radius:6px;color:#8e8e99;font-size:9px;font-weight:800;letter-spacing:.1em}
.vision{max-width:1120px;margin:0 auto 55px;padding:38px 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.vision h2{max-width:750px;font-size:clamp(30px,5vw,46px);line-height:1.05;margin:0 0 12px;color:var(--ink)}
.vision p:not(.eyebrow){max-width:680px;color:var(--muted);font-size:16px;margin:0}
@media(max-width:560px){
 .tools-section{padding:20px 12px 45px}
 .vision{margin-bottom:40px;padding:32px 12px}
 .tool-icon{margin-bottom:22px}
}

/* V0.7 Dark / Light mode */
html{background:#09090c}
.header-actions{display:flex;align-items:center;gap:12px}
.theme-toggle{display:inline-flex;align-items:center;gap:6px;border:1px solid #34343d;background:#15151b;color:#ddd;border-radius:9px;padding:8px 11px;font-size:12px;font-weight:750;cursor:pointer}
.theme-toggle:hover{border-color:#5b3a85;color:#fff}
html[data-theme="dark"] body{background:#09090c;color:#f7f7f8}
html[data-theme="dark"] .page-intro h1,html[data-theme="dark"] .section-intro h2,html[data-theme="dark"] .vision h2{color:#fff}
html[data-theme="dark"] .page-intro p:not(.eyebrow),html[data-theme="dark"] .section-intro p:not(.eyebrow),html[data-theme="dark"] .vision p:not(.eyebrow){color:#aaaab5}
html[data-theme="dark"] .site-footer{background:#0b0b0f;color:#777783;border-color:#24242b}
html[data-theme="dark"] .ad-placeholder{background:#111116;border-color:#303039;color:#777783}
html[data-theme="dark"] .theme-toggle{background:#17171d;border-color:#33333d;color:#eee}
html[data-theme="light"] body{background:#f5f5f7;color:#17171c}
html[data-theme="light"] .site-footer{background:#fff}
@media(max-width:560px){.header-actions{gap:7px}.theme-toggle{padding:7px 9px;font-size:11px}.back-link{font-size:12px}}

/* V0.8 headline contrast fix */
html[data-theme="dark"] .home-hero h1{color:#f7f7f8}
html[data-theme="dark"] .home-hero h1 em{color:#a855f7}
html[data-theme="light"] .home-hero h1{color:#17171c}
html[data-theme="light"] .home-hero h1 em{color:#7c2dff}

/* V1.0 Reseller Command Center */
.dashboard-page,.inventory-page{max-width:1120px;margin:0 auto;padding:34px 18px 70px}
.app-nav{display:flex;gap:7px;overflow:auto;padding:12px max(18px,calc((100vw - 1120px)/2));background:#0d0d12;border-bottom:1px solid #24242b}
.app-nav a{white-space:nowrap;padding:8px 12px;border-radius:8px;color:#aaaab4;font-size:12px;font-weight:750}
.app-nav a.active,.app-nav a:hover{background:#24153b;color:#fff}
.dashboard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}
.dashboard-head h1,.inventory-head h1{margin:0;font-size:clamp(30px,5vw,44px);color:#fff}
.dashboard-head p,.inventory-head p{margin:6px 0 0;color:#9999a5;font-size:13px}
.period-switch{display:flex;background:#111116;border:1px solid #2d2d36;padding:4px;border-radius:10px;gap:3px}
.period-switch button{border:0;background:transparent;color:#9999a5;padding:8px 10px;border-radius:7px;font-size:11px;font-weight:800;cursor:pointer}
.period-switch button.active{background:linear-gradient(135deg,#6d28d9,#a855f7);color:#fff}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.kpi{background:#111116;border:1px solid #292932;border-radius:15px;padding:17px}
.kpi .label{font-size:11px;color:#8d8d98}.kpi .value{display:block;font-size:24px;font-weight:850;margin-top:5px;color:#fff}.kpi .sub{font-size:10px;color:#777783;margin-top:3px;display:block}
.section-card{background:#111116;border:1px solid #292932;border-radius:17px;padding:19px;margin-top:16px;color:#fff}
.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.section-title h2{font-size:17px;margin:0}.section-title span{font-size:10px;color:#7f7f8a}
.recap-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.recap-box{background:#0b0b10;border:1px solid #292932;border-radius:12px;padding:15px}.recap-box h3{font-size:12px;margin:0 0 8px;color:#bbb}
.recap-line{display:flex;justify-content:space-between;padding:5px 0;font-size:12px;color:#9e9eaa}.recap-line strong{color:#fff}
.chart{height:150px;display:flex;align-items:flex-end;gap:7px;padding-top:10px}.bar-wrap{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.bar{width:100%;max-width:28px;background:linear-gradient(180deg,#a855f7,#6d28d9);border-radius:5px 5px 2px 2px;min-height:2px}.bar-label{font-size:8px;color:#777783}
.inventory-list{display:flex;flex-direction:column;gap:10px}.inventory-item{display:grid;grid-template-columns:70px 1fr auto;gap:13px;align-items:center;background:#111116;border:1px solid #292932;border-radius:14px;padding:11px;color:#fff}.item-photo{width:70px;height:70px;border-radius:9px;background:#08080b;border:1px solid #292932;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#666;font-size:9px;text-align:center}.item-photo img{width:100%;height:100%;object-fit:cover}.item-name{font-weight:800;font-size:14px}.item-meta{font-size:10px;color:#858590;margin-top:4px}.item-profit{font-size:15px;font-weight:850;text-align:right}.item-profit small{display:block;font-size:9px;color:#777783;font-weight:500}.status-pill{display:inline-block;margin-top:5px;padding:3px 7px;border-radius:99px;background:#24153b;color:#c99cff;font-size:8px;font-weight:850}
.primary-btn{border:0;border-radius:10px;padding:11px 15px;background:linear-gradient(135deg,#7428ff,#a855f7);color:#fff;font-weight:850;cursor:pointer;box-shadow:0 7px 18px rgba(139,61,255,.22)}.secondary-btn{border:1px solid #393942;background:#17171d;color:#ddd;border-radius:9px;padding:9px 12px;font-weight:750;cursor:pointer}
.form-card{max-width:820px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field.full{grid-column:1/-1}.form-field label{font-size:11px;color:#bbb;font-weight:750}.form-field input,.form-field select,.form-field textarea{width:100%;background:#08080b;border:1px solid #303039;border-radius:9px;color:#fff;padding:11px;outline:none}.form-field textarea{min-height:80px;resize:vertical}
.photo-drop{border:1px dashed #4a3b5c;background:#151019;border-radius:12px;padding:15px;text-align:center;color:#9f91aa}.photo-previews{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.photo-preview{width:70px;height:70px;border-radius:8px;object-fit:cover;border:1px solid #333}
.ship-choice{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ship-choice label{position:relative}.ship-choice input{position:absolute;opacity:0}.ship-choice span{display:block;text-align:center;padding:10px;border:1px solid #303039;border-radius:9px;color:#999;background:#0a0a0e;font-size:11px;font-weight:800}.ship-choice input:checked+span{background:#24153b;border-color:#8b3dff;color:#fff}
.fee-summary{background:#17131d;border:1px solid #332044;border-radius:11px;padding:12px;font-size:11px;color:#aaa1b5}.empty{text-align:center;padding:40px 15px;color:#777783;font-size:13px}
@media(max-width:800px){.kpi-grid{grid-template-columns:1fr 1fr}.dashboard-head{align-items:flex-start;flex-direction:column}.recap-grid{grid-template-columns:1fr}}
@media(max-width:560px){.dashboard-page,.inventory-page{padding:25px 12px 55px}.kpi .value{font-size:20px}.period-switch{width:100%;justify-content:space-between}.period-switch button{flex:1}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.inventory-item{grid-template-columns:55px 1fr}.item-photo{width:55px;height:55px}.item-profit{grid-column:2;text-align:left}}

.dashboard-controls{display:flex;flex-direction:column;gap:8px;align-items:flex-end}
.business-name-control{display:flex;align-items:center;gap:6px}
.business-name-control label{font-size:9px;color:#777783;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.business-name-control input{width:150px;background:#111116;border:1px solid #303039;border-radius:8px;color:#fff;padding:8px 9px;font-size:11px;outline:none}
.business-name-control button{border:1px solid #3a2a4d;background:#21142f;color:#d5b5ff;border-radius:8px;padding:8px 10px;font-size:10px;font-weight:800;cursor:pointer}
@media(max-width:800px){.dashboard-controls{align-items:stretch;width:100%}.business-name-control{width:100%;flex-wrap:wrap}.business-name-control input{flex:1;width:auto}.dashboard-head .period-switch{width:100%}}

/* V1.2 Inventory Upgrade */
.inventory-toolbar{display:grid;grid-template-columns:1fr auto auto;gap:8px;margin:20px 0 14px}
.inventory-search,.inventory-select{background:#111116;border:1px solid #303039;border-radius:10px;color:#fff;padding:11px 12px;outline:none;font-size:12px}
.inventory-search::placeholder{color:#6f6f7a}
.inventory-count{font-size:10px;color:#777783;margin:0 0 12px}
.inventory-item{cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}
.inventory-item:hover{transform:translateY(-2px);border-color:#5b3a85;background:#14131a}
.inventory-item:active{transform:scale(.99)}
.item-arrow{color:#8e5bcb;font-size:18px;font-weight:800}
.item-status-listed{background:#173522;color:#62d58a}.item-status-sold{background:#24153b;color:#c99cff}.item-status-unlisted{background:#28282e;color:#aaa}
.detail-page{max-width:900px;margin:0 auto;padding:30px 18px 70px}
.detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px}
.detail-header h1{font-size:clamp(28px,5vw,42px);margin:0;color:#fff}.detail-header p{color:#9999a5;margin:6px 0}
.detail-actions{display:flex;gap:7px;flex-wrap:wrap}
.detail-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.detail-gallery img{width:100%;aspect-ratio:1;border-radius:12px;object-fit:cover;border:1px solid #292932}
.detail-card{background:#111116;border:1px solid #292932;border-radius:16px;padding:18px;margin-top:15px}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.detail-stat{background:#0b0b10;border:1px solid #292932;border-radius:11px;padding:12px}
.detail-stat span{display:block;font-size:9px;color:#777783;text-transform:uppercase;letter-spacing:.06em}.detail-stat strong{display:block;margin-top:4px;font-size:15px;color:#fff}
.detail-row{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid #292932;color:#9999a5;font-size:12px}.detail-row:last-child{border-bottom:0}.detail-row strong{color:#fff;text-align:right}
.remove-photo{position:relative;width:76px;height:76px}.remove-photo img{width:76px;height:76px;object-fit:cover;border-radius:8px;border:1px solid #333}.remove-photo button,.tx-photo-remove{position:absolute;top:-9px;right:-9px;z-index:2;display:grid;place-items:center;width:30px;height:30px;padding:0;border:2px solid #211b29;border-radius:50%;background:linear-gradient(145deg,#a84c72,#80385e);color:#fff;font:600 18px/1 system-ui,sans-serif;cursor:pointer;box-shadow:0 3px 10px #0008;transition:background .16s ease,transform .16s ease,box-shadow .16s ease}.remove-photo button:hover,.tx-photo-remove:hover{background:linear-gradient(145deg,#c45a83,#99466c);transform:scale(1.08);box-shadow:0 4px 13px #000a}.remove-photo button:focus-visible,.tx-photo-remove:focus-visible{outline:2px solid #c596ed;outline-offset:2px}
.photo-previews{display:flex;gap:10px;flex-wrap:wrap}
.photo-previews:empty{display:none}
.form-actions{display:flex;gap:9px;margin-top:15px}
.danger-btn{border:1px solid #5a2525;background:#2b1515;color:#ff8585;border-radius:9px;padding:10px 12px;font-weight:800;cursor:pointer}
@media(max-width:700px){.inventory-toolbar{grid-template-columns:1fr 1fr}.inventory-search{grid-column:1/-1}.detail-header{flex-direction:column}.detail-grid{grid-template-columns:1fr}.detail-gallery{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.inventory-toolbar{grid-template-columns:1fr 1fr}.inventory-select{min-width:0}.detail-page{padding:25px 12px 55px}}

/* V1.3 polish */
.inventory-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 14px}
.inventory-summary .mini-stat{background:#111116;border:1px solid #292932;border-radius:14px;padding:13px}
.mini-stat span{display:block;font-size:9px;color:#777783;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.mini-stat strong{display:block;color:#fff;font-size:21px;margin-top:4px}
.inventory-toolbar{margin-top:8px}
.inventory-item{grid-template-columns:68px 1fr auto;padding:13px}
.inventory-item .item-profit{min-width:70px}
.save-error{display:none;margin-top:10px;background:#2a1515;border:1px solid #633030;color:#ffaaaa;border-radius:10px;padding:10px;font-size:11px}
@media(max-width:560px){.inventory-summary{grid-template-columns:1fr 1fr}.inventory-summary .mini-stat:last-child{grid-column:1/-1}.inventory-item{grid-template-columns:58px 1fr auto}.item-profit{min-width:0}.item-arrow{display:none}}

/* V1.4 dashboard interactions and accessible light theme */
.kpi-link{display:block;text-decoration:none;cursor:pointer;transition:transform .15s,border-color .15s}
.kpi-link:hover,.recent-sale-link:hover{border-color:var(--purple2);transform:translateY(-2px)}
.recap-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.recap-heading h3{margin:0}
.month-switch{display:flex;gap:4px;background:#0a0a0e;border:1px solid #303039;border-radius:10px;padding:3px}
.month-switch button{border:0;border-radius:7px;padding:7px 10px;background:transparent;color:#b8b8c3;font-size:11px;font-weight:750;cursor:pointer}
.month-switch button.active{background:linear-gradient(135deg,var(--purple-dark),var(--purple2));color:white}
.recent-sale-link{color:inherit}
html[data-theme="light"] body{background:#f5f5f8;color:#191922}
html[data-theme="light"] .dashboard-page,html[data-theme="light"] .inventory-page,html[data-theme="light"] .detail-page{color:#191922}
html[data-theme="light"] h1,html[data-theme="light"] h2,html[data-theme="light"] h3,html[data-theme="light"] .item-name{color:#191922}
html[data-theme="light"] .inventory-head p:not(.eyebrow),html[data-theme="light"] .dashboard-head p:not(.eyebrow),html[data-theme="light"] .item-meta,html[data-theme="light"] .sub{color:#555663}
html[data-theme="light"] .section-card,html[data-theme="light"] .kpi,html[data-theme="light"] .recap-box,html[data-theme="light"] .inventory-item,html[data-theme="light"] .mini-stat{background:#fff;color:#191922;border-color:#d9d9e2}
html[data-theme="light"] .kpi .label,html[data-theme="light"] .mini-stat span,html[data-theme="light"] .section-title span{color:#555663}
html[data-theme="light"] .kpi .value,html[data-theme="light"] .mini-stat strong,html[data-theme="light"] .recap-line strong{color:#191922}
html[data-theme="light"] .recap-line,html[data-theme="light"] .recap-line span{color:#4b4c58}
html[data-theme="light"] .month-switch{background:#f0eff5;border-color:#d5d3df}
html[data-theme="light"] .month-switch button{color:#4c4c59}
html[data-theme="light"] .month-switch button.active{color:#fff}
html[data-theme="light"] .inventory-search,html[data-theme="light"] .inventory-select,html[data-theme="light"] .business-name-control input{background:#fff;color:#191922;border-color:#c9c9d5}
html[data-theme="light"] .empty{color:#555663}
html[data-theme="light"] .status-pill{background:#efe3ff;color:#6423ad}
@media(max-width:560px){.recap-heading{align-items:flex-start}.month-switch{width:100%}.month-switch button{flex:1}}

/* V1.5: Light mode should be genuinely light across every tool, not just the page background. */
html[data-theme="light"]{
 --black:#ffffff;--ink:#191922;--muted:#555663;--line:#d8d8e2;--card:#ffffff;
}
html[data-theme="light"] body{background:#f5f5f8;color:#191922}
html[data-theme="light"] .card,
html[data-theme="light"] .section-card,
html[data-theme="light"] .kpi,
html[data-theme="light"] .recap-box,
html[data-theme="light"] .inventory-item,
html[data-theme="light"] .mini-stat,
html[data-theme="light"] .detail-card,
html[data-theme="light"] .detail-panel,
html[data-theme="light"] .tool-card,
html[data-theme="light"] .feature-card,
html[data-theme="light"] .calculator-card,
html[data-theme="light"] .result-card{
 background:#fff!important;color:#191922!important;border-color:#dedee7!important;
}
html[data-theme="light"] .metric,
html[data-theme="light"] .input-wrap,
html[data-theme="light"] .segmented,
html[data-theme="light"] .month-switch,
html[data-theme="light"] .traffic-key,
html[data-theme="light"] .settings-note,
html[data-theme="light"] .breakdown,
html[data-theme="light"] .recap-box .inner,
html[data-theme="light"] .detail-metric{
 background:#f7f7fa!important;color:#252532!important;border-color:#dedee7!important;
}
html[data-theme="light"] .card h1,html[data-theme="light"] .card h2,html[data-theme="light"] .card h3,
html[data-theme="light"] .tool-card h2,html[data-theme="light"] .feature-card h2,
html[data-theme="light"] .result-card h2,html[data-theme="light"] .detail-card h1,
html[data-theme="light"] .detail-card h2,html[data-theme="light"] .detail-panel h2,
html[data-theme="light"] .page-intro h1,html[data-theme="light"] .dashboard-head h1,
html[data-theme="light"] .inventory-head h1{color:#191922!important}
html[data-theme="light"] .card p,html[data-theme="light"] .field,
html[data-theme="light"] .line,html[data-theme="light"] .line strong,
html[data-theme="light"] .metric span,html[data-theme="light"] .metric strong,
html[data-theme="light"] .profit-big,html[data-theme="light"] .decision-text,
html[data-theme="light"] .tool-card p,html[data-theme="light"] .feature-card p,
html[data-theme="light"] .detail-row,html[data-theme="light"] .detail-row span,
html[data-theme="light"] .detail-row strong,html[data-theme="light"] .recap-line,
html[data-theme="light"] .recap-line span{color:#343442!important}
html[data-theme="light"] .input-wrap input,
html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{
 color:#191922;
}
html[data-theme="light"] .input-wrap input{background:transparent!important}
html[data-theme="light"] .ghost-btn{color:#343442;border-color:#d1d1dd}
html[data-theme="light"] .seg{color:#4b4b59}
html[data-theme="light"] .seg.active{color:#fff}
html[data-theme="light"] .site-footer{background:#fff;color:#555663;border-color:#dedee7}
html[data-theme="light"] .site-header{background:#fff;border-color:#dedee7}
html[data-theme="light"] .brand{color:#191922}
html[data-theme="light"] .back-link{color:#4b4b59}
html[data-theme="light"] .app-nav{background:#fff;border-color:#dedee7}
html[data-theme="light"] .app-nav a{color:#4b4b59}
html[data-theme="light"] .ad-placeholder{background:#fff;color:#666;border-color:#c9c9d5}
html[data-theme="light"] .tool-link{display:inline-flex;color:var(--purple-dark);font-weight:800;margin-top:18px}
.tool-link{display:inline-flex;color:var(--purple2);font-weight:800;margin-top:18px}
.recap-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.month-switch{display:flex;gap:4px;background:#0a0a0e;border:1px solid #303039;border-radius:10px;padding:3px}
.month-switch button{border:0;border-radius:7px;padding:7px 10px;background:transparent;color:#b8b8c3;font-size:11px;font-weight:750;cursor:pointer}
.month-switch button.active{background:linear-gradient(135deg,var(--purple-dark),var(--purple2));color:white}
html[data-theme="light"] .month-switch button{color:#4c4c59}
html[data-theme="light"] .month-switch button.active{color:#fff}


/* V1.5.1 homepage card repair: keep each card in a vertical layout. */
.tools .tool-card-link{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  width:100%;
  min-width:0;
  text-decoration:none;
  box-sizing:border-box;
  gap:0;
}
.tools .tool-card-link .tool-icon{margin-bottom:18px}
.tools .tool-card-link h3{display:block;width:100%;margin:0 0 10px}
.tools .tool-card-link p{display:block;width:100%;margin:0;color:#9999a4}
.tools .tool-card-link .tool-arrow{
  display:block;
  margin-top:18px;
  color:var(--purple2);
  font-weight:800;
}
html[data-theme="light"] .tools .tool-card-link h3{color:#191922!important}
html[data-theme="light"] .tools .tool-card-link p{color:#4f4f5c!important}
html[data-theme="light"] .tools .tool-card-link .tool-arrow{color:#7b2fe0!important}


/* V1.5.2 LIGHT MODE ACCESSIBILITY OVERHAUL
   Use explicit selectors because older dark-mode component rules had higher specificity. */
html[data-theme="light"] body,
html[data-theme="light"] main,
html[data-theme="light"] .page,
html[data-theme="light"] .page-content,
html[data-theme="light"] .content-wrap {
  background:#f5f5f9 !important;
  color:#242431 !important;
}
html[data-theme="light"] .site-header,
html[data-theme="light"] header.site-header,
html[data-theme="light"] .app-nav {
  background:#ffffff !important;
  color:#242431 !important;
  border-color:#dedee8 !important;
}
html[data-theme="light"] .site-header *,
html[data-theme="light"] .app-nav *,
html[data-theme="light"] .site-footer * {
  color:inherit;
}
html[data-theme="light"] .card,
html[data-theme="light"] .panel,
html[data-theme="light"] .form-card,
html[data-theme="light"] .calculator-form,
html[data-theme="light"] .calculator-panel,
html[data-theme="light"] .result-panel,
html[data-theme="light"] .result-card,
html[data-theme="light"] .your-result,
html[data-theme="light"] .results-card,
html[data-theme="light"] .inventory-form,
html[data-theme="light"] .item-form,
html[data-theme="light"] .item-detail,
html[data-theme="light"] .detail-panel,
html[data-theme="light"] .detail-card,
html[data-theme="light"] .recap,
html[data-theme="light"] .recap-box,
html[data-theme="light"] .kpi,
html[data-theme="light"] .metric,
html[data-theme="light"] .inventory-item,
html[data-theme="light"] .tool-card,
html[data-theme="light"] .feature-card,
html[data-theme="light"] .settings-card,
html[data-theme="light"] .tip,
html[data-theme="light"] .tip-box,
html[data-theme="light"] .callout,
html[data-theme="light"] .notice {
  background:#ffffff !important;
  color:#252532 !important;
  border-color:#dedee8 !important;
  box-shadow:0 8px 24px rgba(20,20,40,.05);
}
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] .page-title,
html[data-theme="light"] .section-title,
html[data-theme="light"] .eyebrow,
html[data-theme="light"] label,
html[data-theme="light"] legend,
html[data-theme="light"] .field-label,
html[data-theme="light"] .form-label,
html[data-theme="light"] .result-title,
html[data-theme="light"] .decision-title,
html[data-theme="light"] .metric strong,
html[data-theme="light"] .metric .value,
html[data-theme="light"] .kpi strong,
html[data-theme="light"] .kpi .value,
html[data-theme="light"] .recap-box h3 {
  color:#242431 !important;
}
html[data-theme="light"] p,
html[data-theme="light"] small,
html[data-theme="light"] .muted,
html[data-theme="light"] .subtitle,
html[data-theme="light"] .description,
html[data-theme="light"] .helper,
html[data-theme="light"] .field-help,
html[data-theme="light"] .item-meta,
html[data-theme="light"] .recap-line,
html[data-theme="light"] .recap-line span,
html[data-theme="light"] .detail-row,
html[data-theme="light"] .detail-row span,
html[data-theme="light"] .tip,
html[data-theme="light"] .tip p,
html[data-theme="light"] .tip-box,
html[data-theme="light"] .tip-box p,
html[data-theme="light"] .callout,
html[data-theme="light"] .callout p,
html[data-theme="light"] .notice,
html[data-theme="light"] .notice p {
  color:#4b4b5b !important;
}
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea,
html[data-theme="light"] .input-wrap,
html[data-theme="light"] .input-wrap input,
html[data-theme="light"] .field input,
html[data-theme="light"] .field select,
html[data-theme="light"] .field textarea,
html[data-theme="light"] .form-control {
  background:#ffffff !important;
  color:#222230 !important;
  border-color:#d5d5e1 !important;
  -webkit-text-fill-color:#222230 !important;
}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder {
  color:#777786 !important;
  opacity:1 !important;
  -webkit-text-fill-color:#777786 !important;
}
html[data-theme="light"] .tip,
html[data-theme="light"] .tip-box,
html[data-theme="light"] .callout,
html[data-theme="light"] .notice,
html[data-theme="light"] .shipping-tip {
  background:#f4efff !important;
  color:#343044 !important;
  border:1px solid #d9c5ff !important;
}
html[data-theme="light"] .tip *,
html[data-theme="light"] .tip-box *,
html[data-theme="light"] .callout *,
html[data-theme="light"] .notice *,
html[data-theme="light"] .shipping-tip * {
  color:#343044 !important;
}
html[data-theme="light"] .tip strong,
html[data-theme="light"] .tip-box strong,
html[data-theme="light"] .callout strong,
html[data-theme="light"] .notice strong,
html[data-theme="light"] .shipping-tip strong {
  color:#6120b8 !important;
}
html[data-theme="light"] .decision-legend,
html[data-theme="light"] .legend,
html[data-theme="light"] .result-breakdown,
html[data-theme="light"] .metric-grid > div,
html[data-theme="light"] .result-metric,
html[data-theme="light"] .breakdown-row {
  background:#f7f7fb !important;
  color:#30303e !important;
  border-color:#dedee8 !important;
}
html[data-theme="light"] .decision-legend *,
html[data-theme="light"] .legend *,
html[data-theme="light"] .result-breakdown *,
html[data-theme="light"] .metric-grid > div *,
html[data-theme="light"] .result-metric *,
html[data-theme="light"] .breakdown-row * {
  color:#30303e !important;
}
html[data-theme="light"] a:not(.btn):not(.button):not(.primary-btn):not(.tool-card-link) {
  color:#7028cf;
}
html[data-theme="light"] .primary-btn,
html[data-theme="light"] .btn-primary,
html[data-theme="light"] button.primary,
html[data-theme="light"] .button-primary {
  color:#ffffff !important;
}
html[data-theme="light"] .form-card,
html[data-theme="light"] .calculator-form,
html[data-theme="light"] .inventory-form,
html[data-theme="light"] .item-form {
  background:#ffffff !important;
}
html[data-theme="light"] .form-card *,
html[data-theme="light"] .calculator-form *,
html[data-theme="light"] .inventory-form *,
html[data-theme="light"] .item-form * {
  /* Do not let broad inherited light-mode text colors turn fields invisible. */
  text-shadow:none;
}


/* V1.5.3 contrast patch: header theme toggle, hero CTA, and calculator tips */
html[data-theme="light"] .theme-toggle,
html[data-theme="light"] button.theme-toggle,
html[data-theme="light"] .theme-switch,
html[data-theme="light"] button[aria-label*="Dark"],
html[data-theme="light"] button[aria-label*="theme"] {
  background:#242431 !important;
  color:#ffffff !important;
  border:1px solid #4c4c5b !important;
}
html[data-theme="light"] .theme-toggle *,
html[data-theme="light"] button.theme-toggle *,
html[data-theme="light"] .theme-switch *,
html[data-theme="light"] button[aria-label*="Dark"] *,
html[data-theme="light"] button[aria-label*="theme"] * {
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
html[data-theme="light"] .hero .btn,
html[data-theme="light"] .hero .button,
html[data-theme="light"] .hero a.btn,
html[data-theme="light"] .hero a.button,
html[data-theme="light"] a.primary-btn,
html[data-theme="light"] a.btn-primary,
html[data-theme="light"] .primary-btn,
html[data-theme="light"] .btn-primary {
  background:linear-gradient(135deg,#7027e8,#a13ff0) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border-color:#8a39e8 !important;
}
html[data-theme="light"] .hero .btn *,
html[data-theme="light"] .hero .button *,
html[data-theme="light"] a.primary-btn *,
html[data-theme="light"] a.btn-primary *,
html[data-theme="light"] .primary-btn *,
html[data-theme="light"] .btn-primary * {
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
html[data-theme="light"] .tip strong,
html[data-theme="light"] .tip-box strong,
html[data-theme="light"] .callout strong,
html[data-theme="light"] .notice strong,
html[data-theme="light"] .shipping-tip strong,
html[data-theme="light"] .tip-title,
html[data-theme="light"] .tip-label {
  color:#5920a8 !important;
  -webkit-text-fill-color:#5920a8 !important;
  font-weight:800 !important;
}
html[data-theme="light"] .tip,
html[data-theme="light"] .tip-box,
html[data-theme="light"] .callout,
html[data-theme="light"] .notice,
html[data-theme="light"] .shipping-tip {
  background:#f2eaff !important;
  color:#292536 !important;
  border-color:#cbb0fa !important;
}
html[data-theme="light"] .tip *,
html[data-theme="light"] .tip-box *,
html[data-theme="light"] .callout *,
html[data-theme="light"] .notice *,
html[data-theme="light"] .shipping-tip * {
  color:#292536 !important;
  -webkit-text-fill-color:#292536 !important;
}
html[data-theme="light"] .tip strong,
html[data-theme="light"] .tip-box strong,
html[data-theme="light"] .callout strong,
html[data-theme="light"] .notice strong,
html[data-theme="light"] .shipping-tip strong,
html[data-theme="light"] .tip-title,
html[data-theme="light"] .tip-label {
  color:#5920a8 !important;
  -webkit-text-fill-color:#5920a8 !important;
}


/* V1.5.4 — exact selectors used by the live homepage and calculator */
html[data-theme="light"] .home-hero a.cta,
html[data-theme="light"] a.cta {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(135deg, #6420d8 0%, #8b2be8 100%) !important;
  border: 1px solid #7624df !important;
  text-decoration: none !important;
}
html[data-theme="light"] .home-hero a.cta *,
html[data-theme="light"] a.cta * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html[data-theme="light"] .settings-note {
  background: #f0e7ff !important;
  color: #292336 !important;
  border-color: #c6a7f4 !important;
}
html[data-theme="light"] .settings-note div,
html[data-theme="light"] .settings-note div * {
  color: #292336 !important;
  -webkit-text-fill-color: #292336 !important;
}
html[data-theme="light"] .settings-note strong {
  color: #54209c !important;
  -webkit-text-fill-color: #54209c !important;
  font-weight: 850 !important;
}

/* V1.5.5 — backup, export and spreadsheet import */
.backup-page{max-width:1050px}
.backup-warning{border-color:#6842a2;background:#191323;color:#f1e9ff}
.backup-warning p{margin:6px 0 0;color:#c9bfd9;font-size:13px}
.backup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.backup-card{margin-top:16px;min-width:0}
.backup-card h2{font-size:21px;margin:0 0 8px}
.backup-card>p{color:#aaaab5;font-size:13px;margin:0 0 16px}
.backup-icon{font-size:28px;margin-bottom:12px}
.backup-card .primary-btn,.backup-card .secondary-btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;margin:7px 7px 0 0;text-decoration:none}
.backup-card input[type=file],.backup-card select{display:block;width:100%;max-width:100%;margin:7px 0 12px;background:#09090d;color:#f4f4f7;border:1px solid #383843;border-radius:10px;padding:11px;font:inherit;font-size:13px}
.backup-label{display:block;margin-top:13px;font-size:12px;font-weight:800;color:#d6d6df}
.backup-divider{height:1px;background:#30303a;margin:20px 0}
.fine-print{font-size:11px!important;line-height:1.6;color:#92929f!important;margin-top:14px!important}
.fine-print strong{color:#e5d5ff}
.backup-actions{display:flex;flex-wrap:wrap;gap:8px}
.import-status{margin-top:12px;font-size:12px;line-height:1.5;color:#aaaab5;overflow-wrap:anywhere}
.import-status.success{color:#62d995}.import-status.error{color:#ff8888}
.import-preview{margin-top:13px;border:1px solid #39313f;border-radius:12px;padding:12px;background:#0c0c11}
.preview-count{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px;font-size:12px}.preview-count span{color:#9999a5}
.preview-table-wrap{max-width:100%;overflow-x:auto}.preview-table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}.preview-table th,.preview-table td{padding:8px;border-bottom:1px solid #292932;white-space:nowrap}.preview-table th{color:#b7a1d6}.preview-table td{color:#e8e8ee}
.backup-card #confirmImport{margin-top:12px}
html[data-theme="light"] .backup-warning{background:#f0e8ff;border-color:#c4a5f0;color:#292036}
html[data-theme="light"] .backup-warning p{color:#393047}
html[data-theme="light"] .backup-card>p,html[data-theme="light"] .fine-print{color:#50505d!important}
html[data-theme="light"] .backup-label{color:#343442}
html[data-theme="light"] .backup-divider{background:#e0dfe8}
html[data-theme="light"] .backup-card input[type=file],html[data-theme="light"] .backup-card select{background:#fff;color:#242430;border-color:#d2d2df}
html[data-theme="light"] .import-preview{background:#f8f7fb;border-color:#d7d2e3}
html[data-theme="light"] .preview-table th{color:#5920a8}
html[data-theme="light"] .preview-table td{color:#292936}
html[data-theme="light"] .preview-table th,html[data-theme="light"] .preview-table td{border-bottom-color:#e0dfe8}
html[data-theme="light"] .import-status{color:#50505d}
html[data-theme="light"] .import-status.success{color:#147443}html[data-theme="light"] .import-status.error{color:#b42318}
html[data-theme="light"] .app-nav a.active{background:#eee5ff;color:#5720a6}
@media(max-width:700px){.backup-grid{grid-template-columns:1fr}.backup-page{padding-top:26px}.backup-card{padding:16px}.backup-card .primary-btn,.backup-card .secondary-btn{width:100%;margin-right:0}.backup-actions{display:grid;grid-template-columns:1fr}}

/* v1.5.6 inventory enhancements */
.bulk-toolbar{margin:16px 0;padding:18px}
.bulk-top,.bulk-select-row,.bulk-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}
.bulk-top{margin-bottom:12px}
.bulk-top strong{font-size:1.05rem}
.bulk-top span{color:var(--muted,#777);font-size:.9rem}
.bulk-select-row{justify-content:flex-start;margin-bottom:12px;flex-wrap:wrap}
.bulk-check{display:flex;align-items:center;gap:9px;font-weight:600}
.bulk-check input,.item-select-check{accent-color:#7c3aed;width:18px;height:18px}
.bulk-actions .inventory-select{flex:1;min-width:0}
.compact-btn{white-space:nowrap;padding:10px 14px}
.inventory-item{grid-template-columns:auto 76px minmax(0,1fr) auto;gap:14px;align-items:center}
.item-select{display:flex;align-items:center;justify-content:center;cursor:pointer}
.inventory-item-main{min-width:0}
.inventory-item.is-selected{border-color:#8b5cf6;box-shadow:0 0 0 1px #8b5cf6}
.inventory-item .item-profit{min-width:112px}
.backup-tools-section{margin-top:42px;padding-top:28px;border-top:1px solid var(--border,#ddd);scroll-margin-top:24px}
.backup-inline-head h2{font-size:clamp(1.8rem,4vw,2.5rem);margin:.25rem 0}
.backup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.backup-import{grid-column:1/-1}
.backup-card input[type=file]{max-width:100%;margin:8px 0 14px}
.backup-actions{display:flex;gap:10px;flex-wrap:wrap}
.backup-actions>*{flex:1}
@media(max-width:640px){
 .inventory-item{grid-template-columns:24px 58px minmax(0,1fr);gap:10px;padding:14px}
 .inventory-item .item-photo{width:58px;height:58px}
 .inventory-item .item-profit{grid-column:3;min-width:0;text-align:left}
 .inventory-item .item-arrow{display:none}
 .bulk-actions{align-items:stretch}
 .bulk-actions .inventory-select{font-size:.9rem}
 .backup-grid{grid-template-columns:1fr}
 .backup-import{grid-column:auto}
}

/* v1.5.7 inventory simplification */
.inventory-footer-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.inventory-footer-actions>*{flex:0 1 auto;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.select-mode-btn{width:100%;margin-top:4px;font-weight:700}
.inventory-item:not(.selection-mode) .item-select{display:none}
.bulk-toolbar.selecting .select-mode-btn{margin-bottom:14px}
.bulk-toolbar [hidden]{display:none!important}
@media(max-width:640px){.inventory-footer-actions>*{flex:1}.bulk-toolbar{padding:16px}.bulk-top{margin-bottom:10px}}

/* v1.5.8 inventory layout cleanup */
.inventory-footer-actions{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0 18px}
.inventory-footer-actions>*{flex:0 1 auto;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:46px}
.inventory-item{grid-template-columns:76px minmax(0,1fr) minmax(100px,auto);gap:14px;align-items:center;min-width:0}
.inventory-item-main{min-width:0;overflow-wrap:anywhere}
.inventory-item .item-name{font-size:clamp(14px,3.7vw,18px);line-height:1.3;overflow-wrap:anywhere}
.inventory-item .item-meta{font-size:12px;line-height:1.45;overflow-wrap:anywhere;word-break:break-word}
.inventory-item .item-profit{min-width:0;white-space:nowrap;font-size:clamp(14px,3.8vw,18px)}
.inventory-item .item-profit small{white-space:normal;line-height:1.35}
.inventory-item .item-photo{width:76px;height:76px;flex-shrink:0}
@media(max-width:520px){
 .inventory-item{grid-template-columns:58px minmax(0,1fr);gap:10px;padding:12px}
 .inventory-item .item-photo{width:58px;height:58px;grid-row:1;grid-column:1}
 .inventory-item-main{grid-column:2;grid-row:1;align-self:center}
 .inventory-item .item-profit{grid-column:2;grid-row:2;text-align:left;margin-top:4px}
 .inventory-item .item-arrow{display:none}
 .inventory-footer-actions>*{flex:1 1 140px}
}


/* v1.5.9 — dashboard recap comparison arrows */
.recap-line strong{display:inline-flex;align-items:center;justify-content:flex-end;gap:7px;white-space:nowrap}
.recap-value{display:inline-block}
.recap-trend{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:50%;font-size:17px;font-weight:900;line-height:1;flex-shrink:0}
.recap-trend.trend-up{background:#dcfce7;color:#16733c}
.recap-trend.trend-down{background:#fee2e2;color:#b42318}
.recap-trend.trend-flat{background:#e8e8ef;color:#646475;font-size:14px}
html[data-theme="dark"] .recap-trend.trend-up{background:#123b27;color:#67e49a}
html[data-theme="dark"] .recap-trend.trend-down{background:#4b2025;color:#ff8585}
html[data-theme="dark"] .recap-trend.trend-flat{background:#292932;color:#c2c2ce}
html[data-theme="light"] .recap-line strong{color:#262533}
@media(max-width:420px){.recap-trend{width:20px;height:20px;font-size:15px}.recap-line strong{gap:5px}}


/* v1.6.0 — simpler inventory header and on-demand selection */
.inventory-summary-single{grid-template-columns:minmax(0,1fr)!important}
.inventory-summary-single .mini-stat{width:100%}
.inventory-footer-actions{align-items:stretch}
.inventory-footer-actions #toggleSelectBtn{cursor:pointer}
.bulk-select-panel{margin:14px 0 18px;padding:18px;border:1px solid var(--border,#30303a);border-radius:18px;background:var(--card,#111116)}
.bulk-select-panel[hidden]{display:none!important}
.bulk-select-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.bulk-select-heading strong{font-size:1.05rem}
.bulk-select-heading span{color:var(--muted,#8e8e9c);font-size:.9rem}
.select-all-row{display:flex;align-items:center;gap:10px;margin:12px 0 16px;font-weight:650}
.select-all-row input[type=checkbox],.item-select-check{appearance:auto;-webkit-appearance:checkbox;accent-color:#7c3aed;width:22px;height:22px;min-width:22px;background:#fff;border:1px solid #fff;border-radius:5px;cursor:pointer}
.bulk-edit-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.bulk-edit-controls select,.bulk-edit-controls input{min-width:0;width:100%;padding:12px;border:1px solid var(--border,#393943);border-radius:11px;background:var(--input,#09090d);color:var(--text,#f4f4f7);font:inherit}
.bulk-edit-controls [hidden]{display:none!important}
.bulk-edit-controls #applyBulkBtn{grid-column:1/-1}
.bulk-help,.bulk-message{font-size:.88rem;line-height:1.5;color:var(--muted,#92929f);margin:12px 0 0}
.bulk-message:empty{display:none}
.inventory-item.selection-mode{grid-template-columns:28px 58px minmax(0,1fr);cursor:pointer}
.inventory-item.selection-mode .item-select{display:flex;align-items:center;justify-content:center;grid-column:1;grid-row:1 / span 2}
.inventory-item.selection-mode .item-photo{grid-column:2;grid-row:1}
.inventory-item.selection-mode .inventory-item-main{grid-column:3;grid-row:1}
.inventory-item.selection-mode .item-profit{grid-column:3;grid-row:2;text-align:left;margin-top:4px}
.inventory-item.is-selected{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf6}
html[data-theme="light"] .bulk-select-panel{background:#fff;border-color:#d8d6e2}
html[data-theme="light"] .bulk-select-heading strong,html[data-theme="light"] .select-all-row{color:#292936}
html[data-theme="light"] .bulk-edit-controls select,html[data-theme="light"] .bulk-edit-controls input{background:#fff;color:#292936;border-color:#d6d4e0}
html[data-theme="light"] .bulk-help,html[data-theme="light"] .bulk-message{color:#555465}
html[data-theme="light"] .item-select-check,html[data-theme="light"] .select-all-row input[type=checkbox]{background:#fff;accent-color:#7027e8}
@media(max-width:520px){
 .inventory-footer-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
 .inventory-footer-actions>*{min-width:0;flex:initial;padding:12px 8px;font-size:14px}
 .inventory-footer-actions #toggleSelectBtn{grid-column:1/-1}
 .bulk-select-panel{padding:14px}
 .bulk-edit-controls{grid-template-columns:1fr}
 .bulk-edit-controls #applyBulkBtn{grid-column:auto}
 .inventory-item.selection-mode{grid-template-columns:25px 54px minmax(0,1fr);gap:8px;padding:12px}
 .inventory-item.selection-mode .item-photo{width:54px;height:54px}
}


/* Home footer: about and contact links */
.home-footer{display:flex;flex-direction:column;gap:16px}.footer-links{display:flex;flex-wrap:wrap;gap:20px}.footer-links a,.footer-contact a{color:var(--accent,#a855f7);font-weight:700;text-decoration:none}.footer-links a:hover,.footer-contact a:hover{text-decoration:underline}.footer-contact{color:var(--muted,#9696a5);overflow-wrap:anywhere}.footer-bottom{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:var(--muted,#9696a5)}.about-page{max-width:1100px;margin:0 auto}.about-page .home-hero{padding-bottom:30px}.about-card{margin:22px 0}.about-card p:not(.eyebrow){max-width:850px}.about-card .cta{margin-top:12px}
@media(max-width:600px){.footer-bottom{flex-direction:column;gap:8px}.footer-links{gap:24px}.about-page .home-hero h1{font-size:clamp(2.5rem,12vw,4.2rem)}}

/* Calculator sales-tax panel inspired by the reference layout */
.tax-section{min-width:0;margin:8px 0 0;padding:18px 16px 16px;border:1px solid #45404f;border-radius:12px;}
.tax-section legend{padding:8px 16px;background:#08080b;border:1px solid #45404f;border-radius:8px;color:#fff;font-size:17px;font-weight:800;letter-spacing:.01em;}
.tax-section-inner{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding-top:4px;}
.tax-section .field{font-size:12px;}
.tax-section select{width:100%;height:44px;padding:0 12px;border:1px solid #303039;border-radius:10px;background:#0a0a0e;color:#fff;font:inherit;font-size:14px;}
.tax-estimate{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;background:#17131d;border:1px solid #332044;border-radius:10px;color:#c8c8d0;font-size:13px;}
.tax-estimate strong{color:#d8b7ff;font-size:17px;}
.tax-section-help{grid-column:1/-1!important;font-size:12px!important;line-height:1.5;color:#aaa1b5!important;}
html[data-theme="light"] .tax-section{border-color:#d5d5e1;background:#fff;}
html[data-theme="light"] .tax-section legend{background:#17171c;color:#fff;border-color:#d5d5e1;}
html[data-theme="light"] .tax-section select{background:#fff;color:#222230;border-color:#d5d5e1;}
html[data-theme="light"] .tax-estimate{background:#f7f2ff;border-color:#e0d1f7;color:#343442;}
html[data-theme="light"] .tax-estimate strong{color:#6d28d9;}
html[data-theme="light"] .tax-section-help{color:#555568!important;}
@media(max-width:560px){.tax-section{padding:15px 12px 13px}.tax-section-inner{grid-template-columns:1fr}.tax-section .field.full{grid-column:auto}.tax-estimate,.tax-section-help{grid-column:auto!important}}

/* Calculator light-mode repair: keep the page, panels, and controls on one palette. */
html[data-theme="light"] .calculator-page .card{background:#fff!important;color:#20202a!important;border-color:#dedee8!important;box-shadow:0 12px 32px rgba(25,20,40,.08)}
html[data-theme="light"] .calculator-page .card h2,html[data-theme="light"] .calculator-page .card h3{color:#20202a!important}
html[data-theme="light"] .calculator-page .card p,html[data-theme="light"] .calculator-page .field,html[data-theme="light"] .calculator-page .field span{color:#50505e!important}
html[data-theme="light"] .calculator-page .input-wrap{background:#f8f7fb!important;border-color:#d9d7e1!important;color:#242430!important}
html[data-theme="light"] .calculator-page .input-wrap input,html[data-theme="light"] .calculator-page input,html[data-theme="light"] .calculator-page select{background:transparent!important;color:#20202a!important}
html[data-theme="light"] .calculator-page .segmented,html[data-theme="light"] .calculator-page .traffic-key,html[data-theme="light"] .calculator-page .metric{background:#f7f6fa!important;border-color:#dedee8!important;color:#343442!important}
html[data-theme="light"] .calculator-page .seg{color:#4b4b59!important}
html[data-theme="light"] .calculator-page .seg.active{color:#fff!important}
html[data-theme="light"] .calculator-page .ghost-btn{color:#343442!important;border-color:#d1d1dd!important}