:root{--bg:#0b1220;--panel:#111b2e;--panel2:#0f192a;--line:#26344b;--text:#edf2f7;--muted:#93a4bb;--accent:#f3b61f;--good:#45d39d;--bad:#ff7474}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:.8rem}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 15% 15%,rgba(243,182,31,.13),transparent 30%),var(--bg)}
.login-card{width:min(430px,100%);background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:0 20px 50px rgba(0,0,0,.25)}.login-card h1{margin:8px 0}.logo{width:54px;height:54px;border-radius:16px;background:var(--accent);color:#161616;display:grid;place-items:center;font-weight:900;font-size:1.5rem;margin-bottom:18px}.logo.small{width:40px;height:40px;border-radius:12px;margin:0}.eyebrow{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:850;color:var(--accent);margin-bottom:5px}.stack{display:grid;gap:14px}.error{color:#ffaaaa}
label{display:grid;gap:6px;font-size:.86rem;color:#cbd7e7;font-weight:650}input,select,textarea{width:100%;background:#0d1727;border:1px solid var(--line);color:var(--text);border-radius:12px;padding:11px 12px;outline:none}textarea{resize:vertical;min-height:72px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(243,182,31,.08)}.inline{display:flex;align-items:center;gap:8px}.inline input{width:auto}
.btn{border-radius:12px;border:1px solid transparent;padding:10px 14px;font-weight:800}.btn.primary{background:var(--accent);color:#171717}.btn.ghost{background:#111d30;color:#dfe8f5;border-color:var(--line)}.btn.danger{background:rgba(255,116,116,.08);color:#ff9d9d;border-color:rgba(255,116,116,.28)}.full{width:100%;text-align:center}
.app{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#0d1627;border-right:1px solid var(--line);padding:20px 15px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:4px 6px 20px}.brand b,.brand small{display:block}.brand small{color:var(--muted);font-size:.75rem}.sidebar nav{display:grid;gap:6px}.nav{border:0;background:transparent;color:#aab8cb;text-align:left;padding:12px 14px;border-radius:12px;font-weight:800}.nav.active,.nav:hover{background:#18253b;color:white}.nav.active{box-shadow:inset 3px 0 var(--accent)}.side-bottom{margin-top:auto;display:grid;gap:8px}
main{min-width:0;padding:0 25px 45px}.topbar{position:sticky;top:0;z-index:10;height:84px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to bottom,var(--bg) 74%,transparent)}.topbar h2{margin:0;font-size:1.35rem}.sync{font-size:.82rem;color:var(--good)}.view{max-width:1480px;margin:auto}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:8px 0 18px}.stats article,.panel,.notice{background:var(--panel);border:1px solid var(--line);border-radius:18px}.stats article{padding:18px}.stats span,.stats small{color:var(--muted);font-size:.79rem}.stats strong{display:block;font-size:1.7rem;margin:6px 0 2px}
.panel{padding:18px;margin-bottom:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.panel-head h3{margin:0 0 4px}.panel-head p{margin:0;font-size:.84rem}.filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;margin-bottom:15px}
.table-wrap{border:1px solid var(--line);border-radius:14px;overflow:auto}table{width:100%;border-collapse:collapse;min-width:1030px}th{background:#162238;color:#8396b0;padding:11px;text-align:left;font-size:.72rem;text-transform:uppercase}td{border-top:1px solid #202d42;padding:11px;font-size:.86rem}tbody tr:hover{background:#152138}.productBtn{border:0;background:none;color:white;padding:0;text-align:left;font-weight:850}.productSub{display:block;color:var(--muted);font-size:.75rem;margin-top:3px}.price{font-weight:850}.badge{display:inline-block;border-radius:999px;padding:5px 8px;font-size:.73rem;font-weight:850}.good{background:rgba(69,211,157,.12);color:#74e7bd}.bad{background:rgba(255,116,116,.12);color:#ff9c9c}.neutral{background:rgba(147,164,187,.12);color:#b8c6d8}.info{background:rgba(90,167,255,.12);color:#91c6ff}.empty{text-align:center;color:var(--muted);padding:28px}
.collections{display:grid;gap:9px}.collection{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:10px;align-items:center;background:var(--panel2);border:1px solid var(--line);border-radius:13px;padding:13px}.collection b,.collection small{display:block}.collection small{color:var(--muted);margin-top:2px}
.config-grid{display:grid;grid-template-columns:1.5fr .9fr;gap:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.span2{grid-column:1/-1}.right{text-align:right}.field-title{display:block;font-size:.86rem;font-weight:700;color:#cad6e5;margin-bottom:8px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{display:flex;align-items:center;gap:6px;background:#0d1727;border:1px solid var(--line);border-radius:999px;padding:7px 9px;font-size:.78rem}.chip input{width:auto;accent-color:var(--accent)}
.toggle-list{display:grid;gap:9px}.toggle{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--panel2);border:1px solid var(--line);border-radius:13px;padding:11px}.toggle b,.toggle small{display:block}.toggle small{color:var(--muted)}.switch{width:44px;height:24px;position:relative}.switch input{opacity:0;position:absolute}.switch i{position:absolute;inset:0;background:#39485d;border-radius:999px}.switch i:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.15s}.switch input:checked+i{background:var(--accent)}.switch input:checked+i:after{transform:translateX(20px);background:#111}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.card{background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:13px}.card h4{margin:0 0 4px}.card p{margin:0;color:var(--muted);font-size:.78rem}.meta{display:flex;flex-wrap:wrap;gap:6px;margin:11px 0}.actions{display:flex;justify-content:flex-end;gap:7px}.notice{padding:14px 16px;color:var(--muted)}.notice b{color:var(--accent);margin-right:6px}
dialog{border:0;background:transparent;padding:0;max-width:none;max-height:none}dialog::backdrop{background:rgba(2,7,15,.78);backdrop-filter:blur(4px)}.modal{width:min(560px,calc(100vw - 28px));max-height:calc(100vh - 36px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:19px}.modal.wide{width:min(920px,calc(100vw - 28px))}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.modal-head h3{margin:0}.icon{border:1px solid var(--line);background:#111d30;color:white;border-radius:10px;width:38px;height:38px}.detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.detail-stats div{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:11px}.detail-stats span{display:block;color:var(--muted);font-size:.73rem}.chart{height:250px;background:#0d1727;border:1px solid var(--line);border-radius:13px;margin:14px 0;padding:8px}.chart canvas{width:100%;height:100%}.tiers{display:grid;gap:7px}.tier{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:var(--panel2);border:1px solid var(--line);border-radius:11px;padding:9px}.tier span{display:block;color:var(--muted);font-size:.73rem}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.results{display:grid;gap:6px;max-height:230px;overflow:auto;margin:8px 0}.result{background:var(--panel2);border:1px solid var(--line);border-radius:11px;color:white;text-align:left;padding:9px}.result b,.result small{display:block}.result small{color:var(--muted)}.selected{background:rgba(243,182,31,.07);border:1px solid rgba(243,182,31,.32);border-radius:11px;padding:10px}
.toast{position:fixed;z-index:100;right:18px;bottom:18px;background:#17243a;border:1px solid var(--line);border-radius:12px;padding:11px 14px;opacity:0;transform:translateY(10px);transition:.17s;pointer-events:none}.toast.show{opacity:1;transform:none}.toast.err{border-color:rgba(255,116,116,.4);color:#ffc2c2}.mobile{display:none}
@media(max-width:1050px){.stats{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr 1fr}.config-grid{grid-template-columns:1fr}}
@media(max-width:760px){.app{display:block}.sidebar{position:fixed;z-index:30;width:245px;left:-260px;transition:.18s;box-shadow:0 20px 50px rgba(0,0,0,.35)}.sidebar.open{left:0}main{padding:0 11px 35px}.mobile{display:block}.topbar{justify-content:flex-start;gap:11px}.sync{margin-left:auto}.table-wrap{border:0;overflow:visible}table,tbody,tr,td{display:block;width:100%}table{min-width:0}thead{display:none}tr{background:var(--panel2);border:1px solid var(--line);border-radius:13px;padding:7px;margin-bottom:9px}td{border:0;display:flex;justify-content:space-between;gap:12px;text-align:right;padding:6px 7px}td:before{content:attr(data-label);color:var(--muted);font-size:.72rem;text-transform:uppercase}td.product{display:block;text-align:left}td.product:before{display:none}.cards{grid-template-columns:1fr}.collection{grid-template-columns:1fr 1fr}.detail-stats{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.stats,.form-grid,.detail-stats{grid-template-columns:1fr}.span2{grid-column:auto}.filters{grid-template-columns:1fr}.sync{display:none}}


/* V1.2 - busca ampla + seleção exata */
.search-box{position:relative}
.main-search-results{position:absolute;left:0;right:0;top:100%;z-index:25;display:grid;gap:6px;margin-top:6px;max-height:360px;overflow:auto;background:#0b1424;border:1px solid var(--line);border-radius:13px;padding:7px;box-shadow:0 18px 45px rgba(0,0,0,.38)}
.main-search-results:empty{display:none}
.main-result{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch;background:var(--panel2);border:1px solid var(--line);border-radius:11px;padding:5px}
.main-result-select{min-width:0;border:0;background:transparent;color:var(--text);padding:7px 8px;text-align:left;border-radius:8px}
.main-result-select:hover{background:#18253b}
.main-result-select b,.main-result-select small{display:block;white-space:normal}
.main-result-select b{font-size:.84rem}
.main-result-select small{color:var(--muted);font-size:.72rem;margin-top:3px}
.main-result-monitor{align-self:center;border:1px solid rgba(243,182,31,.35);background:rgba(243,182,31,.08);color:var(--accent);border-radius:9px;padding:8px 9px;font-size:.73rem;font-weight:850}
.main-result-monitor:hover{background:rgba(243,182,31,.16)}
.exact-product{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px;padding:8px 9px;border:1px solid rgba(243,182,31,.38);background:rgba(243,182,31,.08);border-radius:10px;color:#e8eef7;font-size:.76rem}
.exact-product b{color:var(--accent)}
.exact-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.exact-actions button{border:1px solid var(--line);border-radius:8px;background:#101b2d;color:#dce7f5;font-weight:800}
.exact-monitor{padding:5px 8px;font-size:.7rem}
.exact-clear{width:28px;height:28px;padding:0;font-size:1rem}
@media(max-width:760px){.main-search-results{position:fixed;left:11px;right:11px;top:auto;max-height:45vh}.main-result{grid-template-columns:minmax(0,1fr) auto}.exact-product{align-items:flex-start}.exact-product span{line-height:1.35}}

.stack.compact{gap:8px}.stack.compact p{margin:-2px 0 2px}

.general-control{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--panel2);border:1px solid var(--line);border-radius:13px;padding:12px 14px}.general-control .field-title{margin-bottom:3px}.general-control small{display:block;line-height:1.35}

/* ===== BEES V2.0 ===== */
.star-col,.star-cell{width:48px;text-align:center}.starBtn{border:0;background:transparent;color:#74849b;font-size:1.45rem;line-height:1;cursor:pointer;padding:2px 5px}.starBtn.on{color:#ffd25a}.starBtn:hover{transform:scale(1.08)}
.mini-tier-badge{display:inline-block;margin-left:6px;padding:2px 6px;border-radius:999px;background:rgba(90,167,255,.12);color:#91c6ff;font-size:.68rem;font-weight:800;vertical-align:middle}.tier-row{background:rgba(90,167,255,.025)}
.principal-tools{margin-bottom:16px}.principal-config-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(180px,.7fr);gap:14px;align-items:end}.principal-config-grid .toggle-line{grid-column:1/-1}.input-actions{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:8px;margin-top:6px}.quick-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 12px}.quick-actions .inline{margin-left:auto}.toggle-line{padding:10px 12px;background:var(--panel2);border:1px solid var(--line);border-radius:12px}
.chart{position:relative;height:270px;overflow:hidden}.chart-tip{position:absolute;transform:translate(-50%,-105%);z-index:5;background:#07101d;border:1px solid #50627e;box-shadow:0 12px 30px rgba(0,0,0,.42);border-radius:10px;padding:7px 10px;pointer-events:none;min-width:105px;text-align:center}.chart-tip b,.chart-tip span{display:block}.chart-tip span{color:#ffd25a;font-weight:900;margin-top:2px}.history-block{margin:2px 0 16px}.history-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.history-point{display:grid;grid-template-columns:1fr auto auto;gap:9px;align-items:center;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:8px 10px}.history-point span{color:#c6d3e4;font-size:.78rem}.history-point b{color:#fff}.history-point span:last-child{color:#93a4bb;text-align:right}
.group-card{border-color:#334866}.group-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.group-items-preview{display:grid;gap:4px;margin:11px 0;color:#c8d4e5;font-size:.83rem}.group-item-builder{border:1px solid var(--line);border-radius:14px;padding:13px;background:#0d1727}.group-item-builder h4{margin:0 0 10px}.group-draft{display:grid;gap:7px}.group-draft-item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:9px 10px}.group-draft-item b,.group-draft-item small{display:block}.group-draft-item small{color:var(--muted);margin-top:3px}.error-line{color:var(--bad);margin-top:8px}
/* Sugestões no celular ficam logo abaixo do campo, não flutuando fora da tela. */
@media(max-width:760px){.main-search-results{position:absolute;left:0;right:0;top:100%;max-height:45vh;margin-top:6px}.search-box{position:relative;z-index:24}.principal-config-grid{grid-template-columns:1fr}.input-actions{grid-template-columns:1fr 1fr}.input-actions input{grid-column:1/-1}.history-points{grid-template-columns:1fr 1fr}.quick-actions .inline{margin-left:0}.star-cell{display:flex!important;justify-content:flex-end!important}.star-cell:before{display:block!important}}
@media(max-width:480px){.history-points{grid-template-columns:1fr}.input-actions{grid-template-columns:1fr}.input-actions input{grid-column:auto}.chart{height:290px}.group-card-head{display:block}.group-card-head>.badge{margin-top:8px}}

/* V2.1 — regras persistentes de favoritos */
.favorite-rules-block{grid-column:1/-1}.favorite-rule-list{display:flex;flex-wrap:wrap;gap:8px;min-height:38px;align-items:center;margin:7px 0}.favorite-rule-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #5a4722;background:#201b12;border-radius:10px;color:#f6d77f;font-weight:750;line-height:1}.favorite-rule-chip small{color:#c6b98f;font-weight:650}.favorite-rule-chip button{border:0;background:transparent;color:#fff1be;font-size:1.05rem;line-height:1;cursor:pointer;padding:0 1px}.favorite-rule-chip button:hover{color:#fff}.favorite-rule-empty{color:var(--muted);font-size:.84rem;padding:4px 0}.starBtn.rule-only{box-shadow:0 0 0 1px rgba(243,182,31,.25) inset}.input-actions:has(#principalFavoriteTerm){grid-template-columns:minmax(180px,1fr) auto}
@media(max-width:760px){.input-actions:has(#principalFavoriteTerm){grid-template-columns:1fr}.favorite-rule-chip{max-width:100%}}


/* V2.2 - leitura do detalhe, faixas inline e filtros da Principal */
dialog,.modal{color:var(--text)}
.modal h3,.modal h4,.modal b,.detail-stats b,.tier b{color:#f7fbff}
.modal .muted,.detail-stats span,.tier span{color:#aebed2}
.detail-stats div,.tier,.history-point{color:#eef4fb}
#dTitle{color:#ffffff!important}
#dUnit{color:#b5c4d6!important}
.history-block h4,.modal>h4{color:#f3f7fc!important}
.principal-filters{grid-template-columns:2fr 1fr 1fr .8fr .9fr;margin:0 0 12px}
.inline-tier-row:hover{background:transparent}
.inline-tier-row td{padding:0 11px 12px;border-top:0}
.inline-tier-panel{background:#0b1525;border:1px solid #31425c;border-radius:13px;padding:12px 14px;box-shadow:inset 3px 0 #f3b61f}
.inline-tier-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px}
.inline-tier-head b{color:#f7fbff}
.inline-tier-head small{color:#9fb0c5}
.inline-tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.inline-tier-card{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;background:#111d30;border:1px solid #2a3a52;border-radius:11px;padding:10px}
.inline-tier-card .qty{color:#d9e5f3;font-weight:800}
.inline-tier-card .tier-price{color:#ffffff;font-weight:900}
.inline-tier-card .tier-discount{color:#7ee9c1;font-weight:800;font-size:.8rem;text-align:right}
.inline-tier-actions{display:flex;justify-content:flex-end;margin-top:10px}
.productBtn{display:inline-flex;align-items:center;gap:6px}
.productBtn:after{content:"▾";color:#f3b61f;font-size:.8rem;opacity:.9}
.productBtn.open:after{content:"▴"}
@media(max-width:1050px){.principal-filters{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
  .principal-filters{grid-template-columns:1fr}
  .inline-tier-row{background:transparent!important;border:0!important;padding:0!important}
  .inline-tier-row td{display:block!important;padding:0!important}
  .inline-tier-row td:before{display:none!important}
  .inline-tier-panel{margin:-2px 0 10px}
  .inline-tier-grid{grid-template-columns:1fr}
  .inline-tier-card{grid-template-columns:1fr auto}
  .inline-tier-card .tier-discount{grid-column:1/-1;text-align:left}
}

/* V2.4 - Principal limpa, preferencias por usuario, grafico por periodo e coleta geral flexivel */
.principal-rules-only{padding:16px 18px}
.principal-rules-grid{display:grid;gap:15px}
.principal-rules-grid .favorite-rules-block{grid-column:auto}
.principal-view-options{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#0d1727;border:1px solid var(--line);border-radius:12px;padding:9px 11px;margin:0 0 14px}
.principal-view-options label{font-size:.8rem}
.principal-view-options small{font-size:.73rem}
.productBtn.direct-history:after{content:"↗"}
.chart-period{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:14px 0 8px}
.chart-period>span{font-size:.78rem;color:var(--muted);font-weight:750}
.chart-period-buttons{display:flex;gap:6px;flex-wrap:wrap}
.chartPeriodBtn{border:1px solid var(--line);background:#111d30;color:#cbd7e7;border-radius:999px;padding:7px 12px;font-weight:800;font-size:.76rem}
.chartPeriodBtn:hover{border-color:#5d708d;color:#fff}
.chartPeriodBtn.active{background:var(--accent);border-color:var(--accent);color:#171717}
@media(max-width:1050px){.principal-filters{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.principal-filters{grid-template-columns:1fr}.principal-view-options{align-items:flex-start}.chart-period{align-items:flex-start}}


/* V2.5 — Oferta Relâmpago, gráfico por faixa e detalhe compacto */
.relampago-nav{color:#ffd45d!important}
.relampago-hero{border-color:#58461d;box-shadow:inset 0 1px 0 rgba(255,211,74,.04)}
.rel-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}
.rel-status-grid article{background:var(--panel2);border:1px solid var(--line);border-radius:13px;padding:12px}
.rel-status-grid span,.rel-status-grid small{display:block;color:var(--muted);font-size:.74rem}
.rel-status-grid strong{display:block;color:#fff;font-size:1.05rem;margin:5px 0}
.rel-config-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:10px;align-items:end;margin-top:10px}
.rel-config-grid .general-control{grid-column:1/-1}
.rel-config-grid .rel-check{align-self:center;min-height:43px;padding:0 4px}
.rel-config-grid .btn{min-height:43px}
.rel-worker-note{margin-top:12px}
.rel-rule-card.disabled{opacity:.68}
.rel-events{display:grid;gap:8px}
.rel-event{display:grid;grid-template-columns:auto minmax(230px,2fr) .65fr .65fr 1fr 1.05fr auto;gap:12px;align-items:center;background:var(--panel2);border:1px solid var(--line);border-radius:13px;padding:11px 12px}
.rel-event.unread{border-color:#6d5420;box-shadow:inset 3px 0 #f3b61f}
.rel-event>div>span,.rel-event>div>small{display:block;color:var(--muted);font-size:.72rem}
.rel-event>div>b{display:block;color:#f7fbff;margin-top:3px}
.rel-event-main{display:flex!important;align-items:center;gap:10px}
.rel-event-main small{margin-top:3px}
.rel-bolt{display:grid!important;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:rgba(243,182,31,.12);border:1px solid rgba(243,182,31,.35);font-size:1rem!important;color:#ffd45d!important}
.rel-event-price{color:#ffd45d!important;font-size:1rem}
.disabled-block{opacity:.45;pointer-events:none}

.detail-modal{width:min(1180px,calc(100vw - 22px))!important;max-height:calc(100vh - 16px)!important;overflow:hidden!important;padding:14px 16px 12px!important}
.detail-head{margin-bottom:10px!important}
.detail-head #dTitle{font-size:1.08rem;margin-top:2px}
.detail-head #dUnit{margin:5px 0 0}
.detail-modal .detail-stats{gap:7px}
.detail-modal .detail-stats div{padding:8px 10px}
.detail-workspace{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(260px,.75fr);gap:12px;margin-top:10px;min-height:0}
.detail-main,.detail-side{min-width:0;min-height:0}
.detail-side{border:1px solid var(--line);background:#0d1727;border-radius:13px;padding:10px;display:flex;flex-direction:column}
.detail-side h4{margin:0 0 8px!important}
.detail-side .tiers{overflow:auto;scrollbar-width:none;min-height:0}
.detail-side .tiers::-webkit-scrollbar,.detail-modal .history-points::-webkit-scrollbar{display:none}
.chart-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:7px}
.tier-period,.chart-period{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0!important}
.tier-period>span,.chart-period>span{font-size:.74rem;color:var(--muted);font-weight:800}
.tier-period-buttons,.chart-period-buttons{display:flex;gap:6px;flex-wrap:wrap}
.tierGraphBtn{border:1px solid var(--line);background:#111d30;color:#d8e3f1;border-radius:999px;padding:7px 11px;font-weight:850;font-size:.75rem;cursor:pointer}
.tierGraphBtn:hover{border-color:#667995;color:#fff}
.tierGraphBtn.active{background:#21344f;border-color:#f3b61f;color:#ffd45d;box-shadow:0 0 0 1px rgba(243,182,31,.12) inset}
.detail-modal .chart{height:230px;margin:0 0 8px;overflow:visible;z-index:3}
.detail-modal .chart canvas{display:block;border-radius:9px}
.chart-tip{z-index:999!important;transform:translate(-50%,calc(-100% - 12px))!important;overflow:visible!important;white-space:nowrap}
.chart-tip.below{transform:translate(-50%,16px)!important}
.chart-tip small{display:block;color:#aebed2;font-size:.7rem;margin-top:2px}
.detail-modal .history-block{margin:0}
.detail-modal .history-block h4{margin:0 0 7px!important}
.detail-modal .history-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:134px;overflow:auto;scrollbar-width:none;padding-right:2px}
.detail-modal .history-point{padding:7px 9px}
.detail-modal .tier{width:100%;border:1px solid var(--line);font:inherit;color:inherit;text-align:left;cursor:pointer;appearance:none}
.detail-modal .tier:hover{border-color:#526682}
.detail-modal .tier.active{border-color:#f3b61f;box-shadow:inset 3px 0 #f3b61f;background:#142137}
.detail-modal .modal-actions{margin-top:9px}

@media(max-width:1050px){
  .rel-status-grid{grid-template-columns:1fr 1fr}
  .rel-config-grid{grid-template-columns:1fr 1fr}
  .rel-config-grid .general-control{grid-column:1/-1}
  .rel-event{grid-template-columns:minmax(220px,2fr) 1fr 1fr;align-items:start}
  .rel-event>.icon{justify-self:end}
}
@media(max-width:820px){
  .detail-modal{max-height:calc(100vh - 20px)!important;overflow:auto!important;padding:14px!important}
  .detail-workspace{grid-template-columns:1fr}
  .detail-side{display:block}
  .detail-side .tiers{overflow:visible}
  .chart-toolbar{align-items:flex-start;flex-direction:column}
  .detail-modal .chart{height:270px}
  .detail-modal .history-points{grid-template-columns:1fr 1fr;max-height:none;overflow:visible}
}
@media(max-width:760px){
  .rel-status-grid,.rel-config-grid{grid-template-columns:1fr}
  .rel-config-grid .general-control{grid-column:auto}
  .rel-event{grid-template-columns:1fr 1fr}
  .rel-event-main{grid-column:1/-1}
  .rel-event>.icon{grid-column:2;justify-self:end}
}
@media(max-width:480px){
  .detail-modal .history-points{grid-template-columns:1fr}
  .rel-event{grid-template-columns:1fr}
  .rel-event-main,.rel-event>.icon{grid-column:auto}
}
.detail-workspace{grid-template-columns:minmax(0,2.15fr) minmax(300px,.85fr)}
.detail-modal .tier b{white-space:nowrap}
@media(max-width:820px){.detail-workspace{grid-template-columns:1fr}}

/* V2.6 - Oferta Relâmpago, sincronização e push */
.rel-thresholds{grid-column:1/-1;border:1px solid var(--line);border-radius:14px;padding:14px;background:rgba(255,255,255,.018)}
.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.push-setup{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #31517d;background:rgba(38,91,145,.12);border-radius:14px;padding:12px 14px}
.push-setup>div{display:flex;flex-direction:column;gap:3px}
.push-setup .btn{white-space:nowrap}
.rel-trigger{font-weight:800}
.badge.flash{background:rgba(255,188,44,.16);color:#ffd45d;border-color:rgba(255,188,44,.45)}
.badge.very-good{background:rgba(68,182,255,.14);color:#7bc9ff;border-color:rgba(68,182,255,.36)}
.badge.good{background:rgba(53,198,137,.14);color:#68e2ad;border-color:rgba(53,198,137,.36)}
.push-ok{color:#68e2ad}.push-warn{color:#ffd45d}.push-bad{color:#ff8f8f}
@media(max-width:900px){.form-grid.three{grid-template-columns:1fr}.push-setup{align-items:stretch;flex-direction:column}.push-setup .btn{width:100%}}
.rel-event-tiers{font-size:.86rem;line-height:1.35;max-width:280px;display:block}

/* V2.7 - controles independentes do Relâmpago */
.rel-config-grid .rel-mode-control{grid-column:span 2}
@media(max-width:760px){.rel-config-grid .rel-mode-control{grid-column:auto}}

/* Logs V2.7.4 */
.log-stats strong{font-size:1.3rem}.log-filters{grid-template-columns:1fr 1.2fr 1.2fr 1.8fr}.log-list{display:grid;gap:9px}.log-row{display:grid;grid-template-columns:38px 1fr;gap:11px;align-items:flex-start;background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:13px}.log-row.error{border-color:rgba(239,88,96,.45)}.log-row.alert{border-color:rgba(72,204,126,.38)}.log-icon{width:34px;height:34px;border-radius:10px;background:#1a2942;display:grid;place-items:center;font-weight:900;color:var(--accent)}.log-row.error .log-icon{color:var(--bad);background:rgba(239,88,96,.1)}.log-row.alert .log-icon{color:var(--good);background:rgba(72,204,126,.1)}.log-main{min-width:0}.log-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:2px}.log-main>small{color:var(--muted)}.log-main p{margin:8px 0 0;color:var(--muted);font-size:.82rem;overflow-wrap:anywhere}.meta.compact{margin:8px 0 0}.meta.compact .badge{font-size:.68rem}
@media(max-width:760px){.log-filters{grid-template-columns:1fr}.log-row{grid-template-columns:32px 1fr}.log-icon{width:30px;height:30px}.log-title{align-items:flex-start}}

/* V2.7.5 — filtros do Painel */
.offers-filters{grid-template-columns:2fr 1fr 1fr 1fr 1.15fr .9fr 1fr}
@media(max-width:1250px){.offers-filters{grid-template-columns:2fr 1fr 1fr}}
@media(max-width:760px){.offers-filters{grid-template-columns:1fr}}

/* V2.7.6 — filtros alinhados */
.offers-filters>label,.offers-filters>.search-box,.principal-filters>label{align-self:start}

/* V2.7.7 — controle remoto do PC no topo */
.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.pc-mode{width:auto;min-width:154px;height:38px;padding:7px 30px 7px 10px;border-radius:10px;font-size:.78rem;font-weight:800}.pc-power{height:38px;padding:7px 11px;font-size:.78rem;white-space:nowrap}.pc-power.danger{background:rgba(255,116,116,.07);border-color:rgba(255,116,116,.26);color:#ffaaaa}.pc-power.pc-stopped{border-color:rgba(89,212,166,.35);color:#99e6c9}.top-actions .sync{white-space:nowrap}
@media(max-width:760px){.topbar{height:auto;min-height:84px;padding:10px 0;align-items:flex-start}.top-actions{margin-left:auto;gap:5px}.top-actions .sync{width:100%;text-align:right}.pc-mode{min-width:135px;max-width:150px}.pc-power{padding:7px 9px}}

/* V2.7.8 — ação manual de coleta geral */
.general-actions{display:flex;justify-content:flex-end;gap:10px;align-items:center;flex-wrap:wrap}
#collectNow:disabled{opacity:.65;cursor:wait}


/* V2.7.13 - Ofertas detectadas */
.detected-nav{color:#8ed8ff!important}
.detected-hero{background:linear-gradient(135deg,var(--panel),#101f34)}
.detected-stats{margin-top:14px}
.detected-filters{grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(145px,.8fr))}
.detected-events{display:grid;gap:12px;margin-top:14px}
.detected-card{background:var(--panel2);border:1px solid var(--line);border-radius:15px;padding:15px;display:grid;gap:13px}
.detected-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.detectedProductBtn{display:inline-flex;align-items:center;gap:6px;margin:7px 0 2px;padding:0;border:0;background:none;color:#fff;font:inherit;font-size:1rem;font-weight:850;text-align:left;cursor:pointer}.detectedProductBtn:after{content:"↗";color:#f3b61f;font-size:.8rem}.detectedProductBtn:hover{text-decoration:underline;text-decoration-color:#f3b61f;text-underline-offset:3px}
.detected-card-head h4{margin:7px 0 2px;font-size:1rem}.detected-card-head p{margin:0;color:var(--muted);font-size:.82rem}
.detected-price{text-align:right;min-width:120px}.detected-price span,.detected-grid span{display:block;color:var(--muted);font-size:.72rem}.detected-price strong{display:block;color:#ffd45d;font-size:1.12rem;margin-top:4px}
.detected-grid{display:grid;grid-template-columns:1fr 1fr 1.4fr .8fr;gap:12px}.detected-grid>div{background:#0d1728;border:1px solid var(--line);border-radius:11px;padding:9px 10px}.detected-grid b{display:block;margin-top:4px;font-size:.84rem;line-height:1.35}
.rel-event-select{display:flex;align-items:center;justify-content:center}.rel-event-select input{width:18px;height:18px;accent-color:var(--accent)}
@media(max-width:1100px){.detected-filters{grid-template-columns:1fr 1fr}.detected-grid{grid-template-columns:1fr 1fr}.rel-event{grid-template-columns:auto minmax(220px,2fr) 1fr 1fr}}
@media(max-width:700px){.detected-filters,.detected-grid{grid-template-columns:1fr}.detected-card-head{display:grid;grid-template-columns:1fr auto}.rel-event{grid-template-columns:auto 1fr}.rel-event-select{align-self:start}.rel-event-main{grid-column:2}.rel-event>div:not(.rel-event-main){grid-column:2}.rel-event>.icon{grid-column:2}.panel-head .actions{flex-wrap:wrap}}

/* V2.7.16 — catálogo histórico do Painel */
.last-seen-note{display:block;color:#f2c85d;font-size:.68rem;margin-top:3px}


/* ===== RADAR COMERCIAL 3.0 — identidade e login ===== */
:root{
  --bg:#09111f;
  --panel:#111c2f;
  --panel2:#0d1829;
  --line:#263850;
  --text:#f2f6fb;
  --muted:#94a6bd;
  --accent:#f4b72b;
  --accent-soft:rgba(244,183,43,.12);
  --good:#45d39d;
  --bad:#ff7474;
}
body{background:linear-gradient(180deg,#09111f 0%,#0a1423 100%)}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 8% 12%,rgba(244,183,43,.12),transparent 30%),radial-gradient(circle at 92% 88%,rgba(68,148,255,.10),transparent 28%),#09111f;overflow:hidden}
.login-layout{width:min(980px,100%);min-height:590px;display:grid;grid-template-columns:1.08fr .92fr;background:#0c1626;border:1px solid #283a52;border-radius:30px;overflow:hidden;box-shadow:0 34px 90px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.015)}
.login-hero{position:relative;padding:52px 50px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:linear-gradient(145deg,#0d1a2d 0%,#0a1423 55%,#101b2e 100%);border-right:1px solid #24364e}
.login-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 80%,transparent);pointer-events:none}
.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.hero-glow-one{width:300px;height:300px;left:-110px;top:-120px;background:radial-gradient(circle,rgba(244,183,43,.17),transparent 70%)}.hero-glow-two{width:320px;height:320px;right:-160px;bottom:-120px;background:radial-gradient(circle,rgba(67,142,255,.13),transparent 70%)}
.login-hero-copy{position:relative;z-index:2;margin-top:34px}.login-hero-copy h1{margin:8px 0 14px;font-size:clamp(2.45rem,4.4vw,4rem);line-height:.98;letter-spacing:-.045em}.login-hero-copy p{margin:0;max-width:430px;color:#afbed0;font-size:1.06rem;line-height:1.6}.hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.hero-pills span{padding:8px 11px;border-radius:999px;border:1px solid #30425a;background:rgba(255,255,255,.025);color:#c8d4e3;font-size:.75rem;font-weight:800}.hero-foot{position:absolute;left:50px;bottom:34px;z-index:2;color:#73869f;font-size:.75rem;font-weight:700;letter-spacing:.02em}
.login-card{width:auto;background:#111c2f;border:0;border-radius:0;padding:54px 48px;box-shadow:none;display:flex;flex-direction:column;justify-content:center}.login-card h2{font-size:2rem;letter-spacing:-.025em;margin:6px 0 7px}.login-subtitle{margin:0 0 24px;line-height:1.5}.login-card .stack{gap:15px}.login-card label{font-size:.82rem;color:#d3dfec}.login-card input{height:47px;background:#0c1728;border-color:#2a3c55}.login-card input:hover{border-color:#3b4e68}.login-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(244,183,43,.09)}
.password-field{position:relative}.password-field input{padding-right:48px}.password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:9px;background:transparent;color:#8295ad;font-size:1rem}.password-toggle:hover{background:#17243a;color:#f2f6fb}
.login-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:-2px}.remember-option{display:flex!important;align-items:center;gap:8px!important;font-size:.79rem!important;color:#aebdd0!important;cursor:pointer}.remember-option input{width:16px!important;height:16px!important;accent-color:var(--accent)}.secure-note{color:#71849d;font-size:.72rem;font-weight:750}.login-submit{height:48px;margin-top:1px;font-size:.92rem;box-shadow:0 10px 24px rgba(244,183,43,.08)}.login-submit:hover{filter:brightness(1.04)}.install-app{height:44px}
.login-disclaimer{margin-top:22px;padding-top:18px;border-top:1px solid #263850;display:grid;gap:5px}.login-disclaimer b{font-size:.74rem;color:#aebdd0}.login-disclaimer span{font-size:.69rem;color:#71849d;line-height:1.45}.login-brand-mobile{display:none}.error{margin:14px 0 0;padding:10px 12px;border-radius:10px;background:rgba(255,116,116,.07);border:1px solid rgba(255,116,116,.22);font-size:.78rem}
.radar-mark{position:relative;width:54px;height:54px;border-radius:17px;background:linear-gradient(145deg,#f7c143,#e7a819);color:#101827;display:grid;place-items:center;box-shadow:0 12px 34px rgba(244,183,43,.14);overflow:hidden;flex:0 0 auto}.radar-mark:before,.radar-mark:after{content:"";position:absolute;border:1px solid rgba(12,22,38,.24);border-radius:50%}.radar-mark:before{width:35px;height:35px}.radar-mark:after{width:21px;height:21px}.radar-mark i{position:absolute;width:1px;height:31px;background:rgba(12,22,38,.27);transform:rotate(42deg)}.radar-mark span{position:absolute;width:5px;height:5px;border-radius:50%;background:#0d1727;right:14px;top:13px}.radar-mark b{position:relative;z-index:2;font-size:1.3rem;font-weight:950;text-shadow:0 1px 0 rgba(255,255,255,.22)}.radar-mark-hero{width:72px;height:72px;border-radius:22px}.radar-mark-hero:before{width:48px;height:48px}.radar-mark-hero:after{width:29px;height:29px}.radar-mark-hero i{height:43px}.radar-mark-hero span{right:18px;top:17px}.radar-mark-hero b{font-size:1.7rem}.radar-mark-small{width:40px;height:40px;border-radius:12px;box-shadow:none}.radar-mark-small:before{width:27px;height:27px}.radar-mark-small:after{width:16px;height:16px}.radar-mark-small i{height:24px}.radar-mark-small span{width:4px;height:4px;right:10px;top:9px}.radar-mark-small b{font-size:1rem}
.sidebar{background:#0b1525}.brand{padding-top:2px}.brand b{letter-spacing:-.015em}.topbar{background:linear-gradient(to bottom,#09111f 74%,transparent)}.nav.active{background:#17253a;box-shadow:inset 3px 0 var(--accent)}.btn.primary{box-shadow:0 8px 20px rgba(244,183,43,.05)}
@media(max-width:820px){.login-layout{grid-template-columns:1fr;width:min(470px,100%);min-height:0}.login-hero{display:none}.login-card{padding:34px 26px 30px}.login-brand-mobile{display:flex;align-items:center;gap:12px;margin-bottom:28px}.login-brand-mobile strong,.login-brand-mobile small{display:block}.login-brand-mobile strong{font-size:.95rem}.login-brand-mobile small{color:#7f92aa;font-size:.7rem;margin-top:2px}.login-shell{padding:18px}.login-card h2{font-size:1.75rem}}
@media(max-width:480px){.login-shell{padding:10px}.login-layout{border-radius:22px}.login-card{padding:28px 20px 24px}.login-options{align-items:flex-start;flex-direction:column;gap:7px}.secure-note{display:none}}

/* =========================================================
   RADAR COMERCIAL 3.3 — DARK PREMIUM
   Camada visual. Não altera regras, banco ou automações.
   ========================================================= */
:root{
  --bg:#06101d;
  --bg-2:#081423;
  --panel:#0b1828;
  --panel2:#081522;
  --panel3:#0e1d30;
  --line:#20344a;
  --line-strong:#2b4662;
  --text:#f4f7fb;
  --muted:#8fa2b9;
  --accent:#ffb71b;
  --accent-2:#3a8dff;
  --accent-soft:rgba(255,183,27,.10);
  --blue-soft:rgba(58,141,255,.10);
  --good:#37d598;
  --bad:#ff6f79;
  --shadow:0 22px 60px rgba(0,0,0,.26);
}
html{background:var(--bg)}
body{
  min-height:100vh;
  background:
    radial-gradient(circle at 78% -10%,rgba(42,104,178,.12),transparent 34%),
    radial-gradient(circle at 8% 102%,rgba(255,183,27,.055),transparent 26%),
    linear-gradient(180deg,#06101d 0%,#071322 48%,#06101d 100%);
  color:var(--text);
  letter-spacing:-.006em;
}

/* LOGIN */
.login-shell{
  min-height:100vh;
  padding:clamp(18px,3vw,44px);
  background:
    radial-gradient(circle at 10% 12%,rgba(44,113,198,.16),transparent 32%),
    radial-gradient(circle at 15% 88%,rgba(255,183,27,.10),transparent 30%),
    radial-gradient(circle at 92% 86%,rgba(40,110,190,.08),transparent 28%),
    #06101d;
}
.login-layout{
  position:relative;
  width:min(1180px,100%);
  min-height:690px;
  grid-template-columns:1.18fr .82fr;
  background:rgba(7,18,32,.88);
  border:1px solid rgba(64,91,122,.68);
  border-radius:30px;
  box-shadow:0 42px 120px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.025);
  backdrop-filter:blur(18px);
}
.login-layout:before{
  content:"";
  position:absolute;
  inset:-1px;
  pointer-events:none;
  border-radius:30px;
  background:linear-gradient(135deg,rgba(93,154,224,.12),transparent 25%,transparent 75%,rgba(255,183,27,.08));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  padding:1px;
}
.login-hero{
  padding:62px 62px 58px;
  justify-content:flex-start;
  background:
    linear-gradient(110deg,rgba(6,16,29,.20),rgba(5,14,25,.85)),
    radial-gradient(circle at 72% 38%,rgba(32,86,150,.20),transparent 34%),
    linear-gradient(145deg,#091827 0%,#071321 58%,#091625 100%);
  border-right:1px solid rgba(42,65,91,.78);
}
.login-hero:after{
  background-image:
    linear-gradient(rgba(122,159,200,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(122,159,200,.035) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,transparent,black 13%,black 88%,transparent);
}
.login-hero:before{
  content:"";
  position:absolute;
  width:720px;
  height:250px;
  left:-80px;
  bottom:-120px;
  transform:rotate(-6deg);
  background:
    radial-gradient(circle,rgba(255,183,27,.65) 0 1px,transparent 1.5px) 0 0/16px 16px,
    radial-gradient(circle,rgba(64,139,230,.55) 0 1px,transparent 1.5px) 8px 8px/16px 16px;
  opacity:.22;
  mask-image:linear-gradient(90deg,transparent 0%,black 22%,black 72%,transparent 100%);
  pointer-events:none;
}
.radar-mark{
  background:linear-gradient(145deg,#ffd34d 0%,#ffb71b 48%,#f59b12 100%);
  color:#0b1726;
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 14px 44px rgba(255,183,27,.22),inset 0 1px 0 rgba(255,255,255,.34);
}
.radar-mark-hero{width:78px;height:78px;border-radius:23px}
.login-hero-copy{margin-top:34px;max-width:570px}
.login-hero-copy .eyebrow{font-size:.74rem;letter-spacing:.16em;color:#ffc33a}
.login-hero-copy h1{
  margin:9px 0 15px;
  max-width:580px;
  font-size:clamp(3.4rem,5.6vw,5.15rem);
  line-height:.91;
  letter-spacing:-.065em;
  text-wrap:balance;
}
.login-hero-copy p{font-size:1.12rem;color:#b2c0d1;line-height:1.55}
.hero-features{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:28px;
}
.hero-feature{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:70px;
  padding:12px 13px;
  border:1px solid rgba(52,78,107,.80);
  border-radius:15px;
  background:linear-gradient(180deg,rgba(14,31,51,.78),rgba(8,21,36,.72));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.hero-feature-icon{
  width:32px;
  height:32px;
  flex:0 0 32px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:rgba(255,183,27,.08);
  color:#ffc235;
  border:1px solid rgba(255,183,27,.15);
  font-size:1.15rem;
}
.hero-feature b,.hero-feature small{display:block}
.hero-feature b{font-size:.78rem;color:#eaf0f7}
.hero-feature small{margin-top:3px;font-size:.64rem;color:#71859e;line-height:1.3}
.hero-dashboard{
  position:absolute;
  z-index:1;
  right:-30px;
  top:78px;
  width:325px;
  height:220px;
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(61,96,132,.32);
  background:linear-gradient(155deg,rgba(13,35,58,.36),rgba(6,19,33,.16));
  opacity:.42;
  transform:perspective(800px) rotateY(-9deg) rotateZ(3deg);
  filter:saturate(.9);
  pointer-events:none;
}
.hero-dashboard-head{display:flex;justify-content:space-between;align-items:center;color:#7087a0;font-size:.7rem}
.hero-dashboard-head b{color:#ffbd25;font-size:.9rem}
.hero-bars{position:absolute;left:25px;right:22px;bottom:24px;height:70px;display:flex;align-items:end;gap:9px;opacity:.8}
.hero-bars i{flex:1;background:linear-gradient(#185ea9,#123c68);border-radius:4px 4px 0 0}
.hero-bars i:nth-child(1){height:18%}.hero-bars i:nth-child(2){height:32%}.hero-bars i:nth-child(3){height:26%}.hero-bars i:nth-child(4){height:47%}.hero-bars i:nth-child(5){height:61%}.hero-bars i:nth-child(6){height:76%}.hero-bars i:nth-child(7){height:92%}
.hero-line{position:absolute;left:34px;right:28px;top:82px;height:60px;border-bottom:1px solid rgba(92,131,172,.12)}
.hero-line:before{content:"";position:absolute;left:0;right:0;top:30px;height:2px;background:linear-gradient(90deg,#dc9412,#ffc332,#d4931d);transform:skewY(-8deg);box-shadow:0 0 10px rgba(255,183,27,.22)}
.hero-line i{position:absolute;width:5px;height:5px;border-radius:50%;background:#ffb71b;top:28px}
.hero-line i:nth-child(1){left:2%}.hero-line i:nth-child(2){left:24%;top:15px}.hero-line i:nth-child(3){left:48%;top:33px}.hero-line i:nth-child(4){left:70%;top:10px}.hero-line i:nth-child(5){right:0;top:22px}
.hero-foot{
  left:62px;
  bottom:40px;
  display:flex;
  align-items:center;
  gap:10px;
  color:#70849b;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:.63rem;
}
.hero-foot span{width:2px;height:34px;background:#ffb71b;border-radius:999px;box-shadow:0 0 12px rgba(255,183,27,.32)}
.login-card{
  padding:62px 54px;
  background:linear-gradient(180deg,rgba(12,27,46,.97),rgba(8,20,35,.98));
}
.login-card:before{
  content:"";
  position:absolute;
  pointer-events:none;
}
.login-card h2{font-size:2.25rem;letter-spacing:-.045em;margin:7px 0 7px}
.login-card .eyebrow{color:#ffc237;letter-spacing:.16em}
.login-subtitle{font-size:.92rem;color:#93a5bb;margin-bottom:28px}
.login-card label{font-size:.79rem;color:#dce5ef}
.login-card input{
  height:51px;
  border-radius:13px;
  background:#071422;
  border-color:#2a425c;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.015);
}
.login-card input:hover{border-color:#3b5d7d}
.login-card input:focus{border-color:#4f8eca;box-shadow:0 0 0 3px rgba(60,139,218,.11)}
.login-options{margin-top:1px}
.remember-option input{accent-color:#ffb71b}
.login-submit{
  height:52px;
  margin-top:5px;
  border-radius:13px;
  background:linear-gradient(135deg,#ffd149,#ffad16)!important;
  color:#15191f!important;
  box-shadow:0 12px 34px rgba(255,174,18,.18)!important;
  transition:transform .14s ease,filter .14s ease,box-shadow .14s ease;
}
.login-submit:hover{transform:translateY(-1px);filter:brightness(1.045);box-shadow:0 16px 38px rgba(255,174,18,.23)!important}
.login-disclaimer{border-top-color:#20364d;margin-top:25px}
.login-disclaimer b{color:#a9bacd}.login-disclaimer span{color:#6f849c}

/* APP SHELL */
.app{grid-template-columns:260px minmax(0,1fr)}
.sidebar{
  width:auto;
  padding:22px 16px 18px;
  background:linear-gradient(180deg,#071321 0%,#081625 62%,#071321 100%);
  border-right:1px solid #1d3044;
  box-shadow:10px 0 35px rgba(0,0,0,.10);
}
.brand{padding:3px 7px 24px;gap:12px}
.brand .radar-mark-small{width:42px;height:42px;border-radius:13px;box-shadow:0 8px 20px rgba(255,183,27,.12)}
.brand b{font-size:.96rem;color:#f3f6fa}.brand small{margin-top:2px;font-size:.69rem;color:#6f849c}
.sidebar nav{gap:5px}
.nav{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:46px;
  padding:10px 12px;
  border:1px solid transparent;
  border-radius:13px;
  color:#a1b3c7;
  font-size:.82rem;
  font-weight:720;
  transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;
}
.nav-icon{
  width:25px;
  height:25px;
  flex:0 0 25px;
  display:grid;
  place-items:center;
  color:#7ea7d1;
  font-size:1.04rem;
  font-weight:900;
}
.nav:hover{background:#0e2034;border-color:#203b55;color:#eef4fb;transform:translateX(1px)}
.nav.active{
  position:relative;
  background:linear-gradient(90deg,rgba(22,51,83,.96),rgba(15,38,64,.78));
  border-color:#24425e;
  box-shadow:none;
  color:#fff;
}
.nav.active:before{content:"";position:absolute;left:-1px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:#ffb71b;box-shadow:0 0 14px rgba(255,183,27,.28)}
.nav.active .nav-icon,.relampago-nav .nav-icon{color:#ffbd2d}
.detected-nav{color:#a8c8e8!important}.detected-nav .nav-icon{color:#80b5e9}
.side-bottom{gap:8px;padding-top:14px;border-top:1px solid rgba(37,58,80,.54)}
.side-bottom .btn{min-height:42px;border-radius:11px;font-size:.78rem}
.side-bottom .btn:first-child{background:#0b1b2c;border-color:#294867;color:#d9e7f4}
.side-bottom .btn:last-child{background:transparent;border-color:#1f344a;color:#8297ad}

main{padding:0 28px 46px;background:transparent}
.topbar{
  height:96px;
  padding-top:3px;
  background:linear-gradient(to bottom,rgba(6,16,29,.98) 0%,rgba(6,16,29,.94) 72%,rgba(6,16,29,0) 100%);
  backdrop-filter:blur(8px);
}
.topbar-title{min-width:0}.topbar-title h2{font-size:1.55rem;letter-spacing:-.035em}.topbar-title small{display:block;margin-top:4px;color:#71869d;font-size:.73rem}
.top-actions{gap:7px}
.top-actions .sync{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 11px;
  border:1px solid rgba(55,213,152,.24);
  border-radius:11px;
  background:rgba(55,213,152,.055);
  color:#5ce0af;
  font-weight:760;
}
.pc-mode,.pc-power{height:40px;background:#0b1a2b;border:1px solid #243d56;color:#dce8f4}
.pc-mode:hover,.pc-power:hover{border-color:#3a5877}
.view{max-width:1500px}

/* PANELS / CARDS */
.panel,.stats article,.notice{
  border-color:#1f354b;
  background:linear-gradient(180deg,rgba(12,28,46,.96),rgba(8,22,37,.96));
  box-shadow:0 14px 42px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.014);
}
.panel{border-radius:17px;padding:19px;margin-bottom:16px}
.panel:hover{border-color:#254158}
.panel-head{margin-bottom:16px}.panel-head h3{font-size:1rem;letter-spacing:-.015em}.panel-head p{color:#7e93aa;line-height:1.45}
.stats{gap:12px;margin-top:4px}.stats article{position:relative;overflow:hidden;padding:18px 19px;border-radius:16px}
.stats article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#2a6cb5;opacity:.9}
.stats article:nth-child(2):before{background:#ffb71b}.stats article:nth-child(3):before{background:#38d39a}.stats article:nth-child(4):before{background:#7a64e8}
.stats article:after{content:"";position:absolute;width:86px;height:86px;right:-32px;top:-32px;border-radius:50%;background:rgba(47,120,202,.08)}
.stats article:nth-child(2):after{background:rgba(255,183,27,.07)}.stats article:nth-child(3):after{background:rgba(55,213,152,.06)}.stats article:nth-child(4):after{background:rgba(122,100,232,.06)}
.stats span,.stats small{font-size:.72rem;color:#7f94ac}.stats strong{font-size:1.58rem;letter-spacing:-.04em}
.principal-tools{background:linear-gradient(135deg,rgba(13,32,53,.98),rgba(9,24,40,.98));border-color:#26415b}
.relampago-hero{background:linear-gradient(135deg,#0d1d30,#0b1727)!important;border-color:#3d3c2b!important}
.detected-hero{background:linear-gradient(135deg,#0c1d31,#0a1829)!important}

/* FORM CONTROLS */
label{color:#afc0d2;font-size:.78rem}
input,select,textarea{
  background:#071421;
  border-color:#243d56;
  color:#eaf1f8;
  border-radius:11px;
  padding:10px 11px;
}
input::placeholder,textarea::placeholder{color:#526b84}
input:hover,select:hover,textarea:hover{border-color:#31516f}
input:focus,select:focus,textarea:focus{border-color:#3d7fbd;box-shadow:0 0 0 3px rgba(61,127,189,.09)}
.btn{border-radius:10px;padding:9px 13px;font-size:.78rem;transition:transform .14s ease,border-color .14s ease,filter .14s ease,background .14s ease}
.btn:hover{transform:translateY(-1px)}
.btn.primary{background:linear-gradient(135deg,#ffc83a,#ffac16);color:#151a20;border-color:#ffc63a;box-shadow:0 8px 22px rgba(255,183,27,.09)}
.btn.ghost{background:#0b1a2b;color:#d7e3ef;border-color:#264159}
.btn.ghost:hover{border-color:#3a5c7a;background:#0d2034}

/* TABLES */
.table-wrap{border-color:#1e354b;border-radius:13px;background:#071522;box-shadow:inset 0 1px 0 rgba(255,255,255,.01)}
table{background:transparent}
th{
  background:linear-gradient(180deg,#0f2238,#0c1d31);
  color:#7790a9;
  padding:11px 12px;
  border-bottom:1px solid #203850;
  font-size:.66rem;
  letter-spacing:.06em;
  font-weight:780;
}
td{border-top-color:#182e43;padding:11px 12px;color:#d4dfeb;font-size:.80rem}
tbody tr{transition:background .12s ease}
tbody tr:hover{background:#0c2034}
.productBtn{color:#f1f5f9;font-weight:780}.productSub{color:#72879e}.price{color:#f4f6fa}
.badge{border:1px solid transparent;padding:5px 8px;font-size:.67rem}.badge.good,.good{border-color:rgba(55,213,152,.14)}.badge.flash{box-shadow:0 0 0 1px rgba(255,188,44,.05) inset}

/* DETAIL / MODALS */
dialog::backdrop{background:rgba(1,7,13,.82);backdrop-filter:blur(6px)}
.modal{background:linear-gradient(180deg,#0c1b2d,#081624);border-color:#29445f;box-shadow:0 28px 90px rgba(0,0,0,.45);border-radius:18px}
.icon{background:#0b1b2c;border-color:#27435d;color:#d9e6f2}
.card,.toggle,.collection,.log-row,.detected-card,.detail-stats div,.tier,.result{background:#081725;border-color:#1f394f}
.chart{background:#06131f;border-color:#203a51}

/* MOBILE */
@media(max-width:900px){
  .login-layout{grid-template-columns:1fr;width:min(500px,100%);min-height:0}
  .login-hero{display:none}
  .login-card{padding:38px 30px 32px}
  .login-brand-mobile{display:flex;align-items:center;gap:12px;margin-bottom:30px}
  .login-brand-mobile strong,.login-brand-mobile small{display:block}
  .login-brand-mobile small{color:#71869e;font-size:.7rem;margin-top:2px}
}
@media(max-width:760px){
  .app{display:block}
  .sidebar{width:260px;left:-276px}
  main{padding:0 11px 34px}
  .topbar{min-height:90px;padding:11px 0;align-items:flex-start}
  .topbar-title small{display:none}
  .top-actions{max-width:62%}
  .top-actions .sync{padding:0 8px;min-height:34px;font-size:.67rem}
  .pc-mode,.pc-power{height:35px;font-size:.7rem}
  .panel{padding:14px}
}
@media(max-width:480px){
  .login-shell{padding:10px}
  .login-layout{border-radius:23px}
  .login-card{padding:29px 20px 24px}
  .login-card h2{font-size:1.9rem}
  .login-options{flex-direction:row;align-items:center}
  .secure-note{display:block}
  .stats article{padding:15px}
}

/* Notification and voice settings share full-width rows. */
.notification-options,.voice-settings,.rel-save-actions{grid-column:1/-1;min-width:0}
.notification-options{padding:14px 0 4px}
.notification-toggles{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:10px}
.notification-toggles label{margin:0;min-height:30px}
.voice-settings{margin:6px 0 0;padding:16px 18px;border:1px solid #294258;border-radius:14px;background:rgba(14,31,48,.55)}
.voice-settings legend{padding:0 8px;font-size:14px;font-weight:700;color:#e7eff9}
.voice-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
.voice-fields>*{min-width:0}
.voice-fields select,.voice-fields textarea{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
.voice-fields textarea{resize:vertical;min-height:76px}
.voice-fields small{display:block;margin-top:6px;font-weight:400;line-height:1.5}
.voice-class-options:not([hidden]){display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:14px}
.voice-class-options[hidden]{display:none}
.voice-help{margin-top:16px;border-top:1px solid #294258;padding-top:12px}
.voice-help summary{cursor:pointer;color:#a9c7e6;font-size:13px;font-weight:600;width:fit-content;min-height:32px;padding:6px 0}
.voice-help summary:hover{color:#fff}
.voice-help summary:focus-visible{outline:2px solid #ffbf26;outline-offset:4px;border-radius:4px}
.voice-help-content{max-width:900px;line-height:1.65;color:#a9bfd4;font-size:13px;overflow-wrap:anywhere}
.voice-help-content p{margin:8px 0}
.rel-save-actions{display:flex;justify-content:flex-end;padding-top:6px}
.rel-save-actions .btn{min-width:220px}
@media(max-width:760px){.voice-fields{grid-template-columns:1fr;gap:14px}.voice-settings{padding:12px}.notification-toggles{flex-direction:column;gap:10px}.rel-save-actions .btn{width:100%;min-width:0}}

.detected-card-head>div:first-child{min-width:0;flex:1}
.detectedProductBtn{overflow-wrap:anywhere;max-width:100%}
.detected-price{flex-shrink:0}
.detected-supplier{margin-top:12px;white-space:nowrap;font-size:.75rem;padding:7px 10px}
.detected-grid>div{min-width:0;overflow-wrap:anywhere}
@media(max-width:480px){.detected-card-head{gap:10px;grid-template-columns:minmax(0,1fr) auto}.detected-price{min-width:0}.detected-supplier{white-space:normal;max-width:112px;line-height:1.35}.detectedProductBtn{font-size:.92rem}.detected-card{padding:12px;gap:10px}}