
:root{
  --bg-deep:#0a0a0f;
  --bg-surface:#12121a;
  --bg-elevated:#1a1a2e;
  --text-primary:#f0f0f5;
  --text-secondary:rgba(240,240,245,0.65);
  --accent-blue:#3b82f6;
  --accent-green:#22c55e;
  --accent-amber:#f59e0b;
  --accent-purple:#8b5cf6;
  --accent-purple-glow:rgba(139,92,246,0.3);
  --accent-purple-light:#a78bfa;
  --accent-gold:#f59e0b;
  --accent-gold-glow:rgba(245,158,11,0.25);
  --text-muted:rgba(240,240,245,0.46);
}
body{
background:#071a3a;
color:white;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
margin:0;
-webkit-text-size-adjust:100%;
}

*{
box-sizing:border-box;
}

a{
color:inherit;
}

/* HEADER */


.logo{
display:flex;
align-items:center;
gap:12px;
min-width:0;
}

.logo-copy{
min-width:0;
}

.logo-mark{
width:42px;
height:42px;
border-radius:12px;
object-fit:cover;
box-shadow:0 8px 18px rgba(0,0,0,.24);
flex:0 0 auto;
}

@media (max-width: 640px){
.logo-mark{
width:36px;
height:36px;
border-radius:10px;
}
}


.header{
display:flex;
justify-content:space-between;
align-items:center;
padding:18px 30px;
background:#05122b;
border-bottom:1px solid rgba(255,255,255,0.08);
gap:16px;
}

.logo-main{
font-size:22px;
font-weight:700;
letter-spacing:.3px;
}

.logo-sub{
font-size:13px;
opacity:.75;
}

.logo-quote{
font-size:11px;
opacity:.55;
}

.nav-links{
display:flex;
flex-wrap:wrap;
gap:18px;
}

.nav-links a{
color:white;
text-decoration:none;
opacity:.85;
font-size:14px;
transition:opacity .2s;
}

.nav-links a:hover{
opacity:1;
}

/* APP */

.app-container{
max-width:1050px;
margin:auto;
padding:30px 25px 100px;
}

h1, h2{
letter-spacing:.3px;
}

h1{
margin-bottom:16px;
font-weight:700;
}

h2{
margin-top:30px;
margin-bottom:14px;
}

.tool-intro{
font-size:15px;
opacity:.82;
margin-bottom:22px;
}

/* SEARCH BAR */

.search-bar{
display:flex;
gap:16px;
flex-wrap:wrap;
align-items:flex-end;
justify-content:center;
margin-bottom:18px;
}

.form-group{
display:flex;
flex-direction:column;
flex:1;
min-width:170px;
max-width:220px;
}

.search-item{
flex:2;
max-width:420px;
}

.form-group label{
font-size:13px;
margin-bottom:6px;
opacity:.8;
}

.form-group input,
.form-group select{
padding:14px;
border-radius:12px;
border:none;
font-size:16px;
background:#ffffff;
color:#111;
box-shadow:0 2px 4px rgba(0,0,0,0.1);
width:100%;
}

.form-group input:focus,
.form-group select:focus{
outline:none;
box-shadow:0 0 0 2px #3b82f6;
}

.analyze-btn{
height:48px;
padding:0 22px;
background:linear-gradient(135deg,#3b82f6,#2563eb);
border:none;
border-radius:12px;
color:white;
font-weight:700;
cursor:pointer;
font-size:15px;
transition:all .2s;
box-shadow:0 8px 18px rgba(37,99,235,0.3);
}

.analyze-btn:hover{
transform:translateY(-1px);
}

.platform-pills{
display:flex;
flex-wrap:wrap;
gap:10px;
justify-content:center;
margin-bottom:24px;
}

.platform-pill{
padding:8px 12px;
border-radius:999px;
background:rgba(59,130,246,0.18);
border:1px solid rgba(59,130,246,0.35);
color:#bfdbfe;
font-size:12px;
font-weight:800;
letter-spacing:.35px;
}

/* UPLOAD */

.upload-section{margin-bottom:22px;}

.upload-note{margin-top:8px;font-size:13px;opacity:.8;}

.photo-preview-wrap{margin:14px auto 0;max-width:260px;padding:10px;border-radius:16px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);}

.photo-preview-wrap img{display:block;width:100%;border-radius:12px;object-fit:cover;}

/* SEARCH USED / SUGGESTIONS */

.search-used-box,
.best-platform-box,
.dashboard-status-bar,
.success-box,
.error-box{
box-shadow:0 10px 24px rgba(0,0,0,0.28);
}

.search-used-box{
margin-bottom:22px;
padding:16px 18px;
border-radius:16px;
background:linear-gradient(135deg,#0b244f,#0f2f63);
}

.suggestion-row{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:12px;
}

.suggestion-pill{
padding:8px 12px;
border-radius:999px;
background:rgba(255,255,255,0.08);
border:1px solid rgba(255,255,255,0.08);
font-size:12px;
}

.best-platform-box{
margin-top:22px;
background:linear-gradient(135deg,#0a2342,#0d325e);
border:1px solid rgba(59,130,246,0.18);
padding:22px;
border-radius:18px;
}

.best-platform-title{
font-size:13px;
opacity:.8;
margin-bottom:8px;
}

.best-platform-main{
font-size:28px;
font-weight:800;
margin-bottom:8px;
}

.best-platform-sub{
display:flex;
flex-wrap:wrap;
gap:10px 16px;
font-size:14px;
opacity:.86;
}

/* LISTING PREVIEW */

.listing-preview{
background:#020617;
padding:18px;
border-radius:16px;
display:flex;
gap:16px;
align-items:center;
margin-bottom:28px;
box-shadow:0 6px 18px rgba(0,0,0,0.35);
}

.listing-preview img{
width:72px;
height:72px;
object-fit:contain;
border-radius:8px;
background:#fff;
}

.listing-preview-title{
font-size:15px;
font-weight:600;
line-height:1.3;
}

.listing-preview-price{
color:#22c55e;
font-size:17px;
font-weight:700;
margin-top:3px;
}

/* PRICING */

.price-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:22px;
margin-top:25px;
}

.price-card{
background:#0b244f;
padding:28px;
border-radius:16px;
text-align:center;
box-shadow:0 8px 20px rgba(0,0,0,0.35);
}

.price-card h3{
font-size:14px;
opacity:.8;
margin-bottom:10px;
}

.price-card p{
font-size:30px;
font-weight:800;
margin:0;
}

.fast{
border-top:4px solid #22c55e;
}

.market{
border-top:4px solid #3b82f6;
}

.hold{
border-top:4px solid #a855f7;
}

.local{
border-top:4px solid #2563eb;
}

.deal-temperature-box{
margin-top:22px;
padding:20px 22px;
border-radius:18px;
text-align:center;
box-shadow:0 10px 26px rgba(0,0,0,0.35);
background:linear-gradient(135deg,#0b244f,#0f2f63);
}

.deal-temperature-label{
font-size:13px;
opacity:.78;
margin-bottom:8px;
letter-spacing:.3px;
}

.deal-temperature-main{
font-size:34px;
font-weight:800;
margin:0;
}

.deal-temperature-sub{
margin-top:6px;
font-size:14px;
opacity:.88;
}

.deal-hot{
border:1px solid rgba(34,197,94,.45);
box-shadow:0 10px 24px rgba(34,197,94,.16);
}

.deal-warm{
border:1px solid rgba(234,179,8,.45);
box-shadow:0 10px 24px rgba(234,179,8,.16);
}

.deal-cool{
border:1px solid rgba(59,130,246,.45);
box-shadow:0 10px 24px rgba(59,130,246,.16);
}

.deal-pass{
border:1px solid rgba(239,68,68,.45);
box-shadow:0 10px 24px rgba(239,68,68,.16);
}

/* PROFIT OPPORTUNITY */

.profit-opportunity-card{
margin-top:22px;
background:linear-gradient(135deg,#05203f,#0b3b6a);
border:1px solid rgba(34,197,94,0.25);
padding:24px;
border-radius:18px;
text-align:center;
box-shadow:0 10px 26px rgba(0,0,0,0.35);
}

.profit-headline{
font-size:14px;
opacity:.8;
margin-bottom:8px;
}

.profit-main{
font-size:36px;
font-weight:800;
color:#22c55e;
}

.profit-subline{
margin-top:6px;
font-size:15px;
opacity:.88;
}

/* LISTINGS */

.listing-card{
background:#020617;
padding:18px;
border-radius:12px;
margin-bottom:14px;
font-size:14px;
line-height:1.4;
box-shadow:0 6px 16px rgba(0,0,0,0.35);
}

/* ADVANCED */

.advanced-toggle{
display:inline-flex;
align-items:center;
gap:10px;
font-weight:600;
cursor:pointer;
}

.metric-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
margin-top:20px;
}

.metric-card{
background:#0b244f;
padding:24px;
border-radius:16px;
text-align:center;
box-shadow:0 6px 18px rgba(0,0,0,0.35);
border:1px solid rgba(255,255,255,0.04);
}

.metric-card h3{
font-size:13px;
opacity:.75;
margin-bottom:8px;
}

.metric-card p{
font-size:28px;
font-weight:800;
margin:0;
}

.score-strong{
border:1px solid rgba(34,197,94,0.45);
box-shadow:0 10px 24px rgba(34,197,94,0.16);
}

.score-medium{
border:1px solid rgba(234,179,8,0.45);
box-shadow:0 10px 24px rgba(234,179,8,0.16);
}

.score-weak{
border:1px solid rgba(239,68,68,0.45);
box-shadow:0 10px 24px rgba(239,68,68,0.16);
}

.locked-card{
background:linear-gradient(135deg,#111827,#1f2937);
opacity:.96;
}

.advanced-upsell{
margin-top:18px;
padding:16px 18px;
border-radius:14px;
background:#0f172a;
border:1px solid rgba(124,58,237,0.3);
font-size:14px;
}

.advanced-upsell a{
color:#a78bfa;
font-weight:700;
text-decoration:none;
}

/* UTILITIES */

.hidden{
display:none;
}

.error-box{
background:#7f1d1d;
border:1px solid #b91c1c;
padding:12px 14px;
border-radius:10px;
margin-bottom:18px;
}

.success-box{
background:#14532d;
border:1px solid #16a34a;
padding:12px 14px;
border-radius:10px;
margin-bottom:18px;
font-size:14px;
}

/* MOBILE NAV */

.mobile-nav{
position:fixed;
bottom:0;
left:0;
right:0;
background:#020617;
border-top:1px solid #1e293b;
display:none;
justify-content:space-around;
padding:12px 0;
font-size:14px;
z-index:999;
}

.mobile-nav a{
color:#cbd5f5;
text-decoration:none;
}

/* STATUS BAR */

.dashboard-status-bar{
margin-bottom:22px;
padding:16px 18px;
border-radius:16px;
background:linear-gradient(135deg,#0b244f,#0f2f63);
}

.dashboard-status-pill{
display:inline-block;
padding:8px 12px;
border-radius:999px;
background:rgba(59,130,246,0.18);
border:1px solid rgba(59,130,246,0.35);
color:#bfdbfe;
font-size:12px;
font-weight:800;
letter-spacing:.4px;
margin-bottom:8px;
}

.dashboard-status-sub{
font-size:14px;
opacity:.85;
line-height:1.5;
}

/* LANDING / AUTH */

.center-screen{
min-height:100vh;
display:flex;
align-items:center;
justify-content:center;
padding:24px 16px;
box-sizing:border-box;
}

.landing-card,
.login-card{
width:100%;
max-width:460px;
background:#020617;
padding:28px 22px;
border-radius:20px;
box-shadow:0 14px 34px rgba(0,0,0,0.35);
border:1px solid rgba(255,255,255,0.06);
}

.landing-card h1,
.login-card h1{
margin-top:0;
margin-bottom:8px;
font-size:32px;
line-height:1.15;
}

.landing-card h2{
margin-top:0;
font-size:18px;
opacity:.85;
}

.landing-card p,
.login-card p{
line-height:1.6;
}

.login-card form{
display:flex;
flex-direction:column;
gap:10px;
margin-top:16px;
}

.login-card label{
font-size:13px;
opacity:.82;
}

.login-card input{
padding:14px;
border-radius:12px;
border:none;
font-size:16px;
background:#ffffff;
color:#111;
box-shadow:0 2px 4px rgba(0,0,0,0.1);
width:100%;
}

.login-card input:focus{
outline:none;
box-shadow:0 0 0 2px #3b82f6;
}

.login-card button,
.landing-card button{
width:100%;
padding:14px 16px;
border:none;
border-radius:12px;
background:linear-gradient(135deg,#3b82f6,#2563eb);
color:white;
font-weight:700;
font-size:16px;
cursor:pointer;
}

.secondary-btn{
background:#1e40af !important;
color:white;
}

.ghost-btn{
background:#0f172a !important;
border:1px solid rgba(255,255,255,0.08) !important;
}

.hero-actions{
display:flex;
flex-direction:column;
gap:12px;
margin-top:18px;
}

.compact-actions{
margin-top:16px;
}

/* MOBILE */

@media (max-width:900px){
.header{
flex-direction:column;
align-items:flex-start;
gap:10px;
}

.nav-links{
display:none;
}

.app-container{
padding:24px 16px 95px;
}

.search-bar{
flex-direction:column;
align-items:center;
}

.form-group,
.search-item{
width:100%;
max-width:420px;
}

.analyze-btn{
width:100%;
max-width:420px;
}

.secondary-scan-btn{
margin-left:0;
}

.price-grid,
.metric-grid{
grid-template-columns:1fr;
}

.mobile-nav{
display:flex;
}

.listing-preview{
flex-direction:row;
align-items:flex-start;
}

.profit-main{
font-size:30px;
}

.metric-card p{
font-size:26px;
}

.best-platform-sub,
.suggestion-row,
.platform-pills{
justify-content:flex-start;
}

.landing-card,
.login-card{
max-width:100%;
padding:24px 18px;
border-radius:18px;
}

.landing-card h1,
.login-card h1{
font-size:28px;
}

.center-screen{
align-items:flex-start;
padding-top:34px;
}
}


/* COMPACT / INTELLIGENCE LAYOUT */
.compact-app{max-width:1180px;padding-top:22px;}
.compact-search-bar{gap:12px;margin-bottom:14px;align-items:end;}
.compact-field{max-width:160px;min-width:140px;}
.wide-field{max-width:none;}
.compact-pills{justify-content:flex-start;margin-bottom:18px;}
.compact-upload-section{background:#081a35;border:1px solid rgba(255,255,255,0.06);padding:16px;border-radius:16px;box-shadow:0 8px 18px rgba(0,0,0,.24);}
.upload-row-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:14px;align-items:start;}
.assist-box label{display:block;font-size:13px;margin-bottom:6px;opacity:.8;}
.assist-box input{width:100%;padding:12px;border-radius:12px;border:none;font-size:15px;background:#fff;color:#111;}
.results-top-grid{display:grid;grid-template-columns:1.4fr .9fr;gap:18px;align-items:start;margin-top:18px;}
.compact-box{margin-bottom:16px;}
.section-kicker{font-size:13px;opacity:.78;margin-bottom:10px;letter-spacing:.35px;text-transform:uppercase;}
.flip-intel-card,.price-strategy-card{background:linear-gradient(135deg,#0b244f,#0f2f63);padding:18px;border-radius:18px;box-shadow:0 10px 24px rgba(0,0,0,.28);}
.flip-intel-strip,.price-strategy-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.price-strategy-strip{grid-template-columns:repeat(3,1fr);}
.intel-mini-card,.strategy-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.06);padding:14px;border-radius:14px;min-width:0;}
.intel-label{font-size:12px;opacity:.78;margin-bottom:8px;text-transform:uppercase;letter-spacing:.35px;}
.intel-value{font-size:28px;font-weight:800;line-height:1.05;}
.flip-intel-foot{font-size:13px;opacity:.82;margin-top:12px;}
.compact-metric-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:0;}
.always-open-metrics .metric-card p{font-size:22px;}
.compact-listing-preview{margin-bottom:18px;}
.best-platform-title{font-weight:700;}

@media (max-width:900px){
  .upload-row-grid,.results-top-grid{grid-template-columns:1fr;}
  .flip-intel-strip{display:flex;overflow-x:auto;padding-bottom:6px;}
  .price-strategy-strip{display:flex;overflow-x:auto;padding-bottom:6px;}
  .intel-mini-card,.strategy-card{min-width:180px;}
  .compact-field{max-width:none;width:100%;}
}


/* RADAR */
.radar-preview-box{margin-bottom:18px;background:linear-gradient(135deg,#0b244f,#0f2f63);}
.radar-preview-head{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;}
.radar-status-line{display:flex;gap:8px;align-items:center;font-size:13px;opacity:.86;flex-wrap:wrap;}
.radar-status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.18);}
.radar-status-dot.online{background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.18);}
.radar-status-dot.offline{background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.18);}
.radar-open-link{text-decoration:none;font-weight:700;color:#bfdbfe;}
.radar-preview-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;}
.radar-mini-card{padding:12px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);}
.radar-mini-title{font-weight:700;font-size:14px;margin-bottom:6px;line-height:1.35;}
.radar-mini-meta{font-size:12px;opacity:.82;line-height:1.45;}
.radar-page-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px;}
.radar-page-title{margin:4px 0 10px 0;}
.radar-page-sub{font-size:14px;opacity:.85;line-height:1.6;max-width:760px;}
.radar-health-card{min-width:280px;padding:18px;border-radius:16px;background:#0b244f;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 24px rgba(0,0,0,.28);}
.radar-health-card.is-live{border-color:rgba(34,197,94,.45);box-shadow:0 10px 24px rgba(34,197,94,.12);}
.radar-health-card.is-offline{border-color:rgba(239,68,68,.35);}
.radar-health-label{font-size:12px;opacity:.76;letter-spacing:.45px;text-transform:uppercase;}
.radar-health-main{font-size:30px;font-weight:800;margin:8px 0;}
.radar-health-sub{font-size:13px;opacity:.82;line-height:1.5;margin-top:4px;}
.radar-health-error{margin-top:10px;padding:10px 12px;border-radius:10px;background:rgba(239,68,68,.14);border:1px solid rgba(239,68,68,.22);font-size:12px;line-height:1.45;}
.radar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.radar-deal-card{padding:18px;border-radius:16px;background:linear-gradient(135deg,#0b244f,#0d325e);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 24px rgba(0,0,0,.28);}
.radar-deal-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px;}
.radar-deal-source{font-size:12px;font-weight:800;letter-spacing:.4px;color:#93c5fd;text-transform:uppercase;}
.radar-deal-score{font-size:12px;padding:8px 10px;border-radius:999px;background:rgba(59,130,246,.18);border:1px solid rgba(59,130,246,.32);}
.radar-deal-title{font-size:18px;font-weight:700;line-height:1.4;margin-bottom:14px;}
.radar-metrics-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;}
.radar-metric{padding:12px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:4px;}
.radar-metric span{font-size:12px;opacity:.76;text-transform:uppercase;letter-spacing:.35px;}
.radar-metric strong{font-size:18px;}
.radar-deal-bottom a{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:10px;background:#2563eb;text-decoration:none;font-weight:700;}
@media (max-width:900px){.radar-grid,.radar-preview-list,.results-top-grid{grid-template-columns:1fr;}.radar-page-top{flex-direction:column;}.radar-health-card{min-width:0;width:100%;}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);} }


/* Radar v5 layout */
.radar-shell { gap: 18px; }
.radar-top-wrap, .radar-group-box { margin-top: 12px; }
.radar-top-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px;
  margin-top: 12px;
}
.radar-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
  margin-top: 12px;
}
.radar-group-head { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.radar-card-media {
  width: 100%;
  height: 160px;
  aspect-ratio: 16 / 10;
  border-radius: 14px;
  overflow: hidden;
  background: #0f172a;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom: 10px;
}
.radar-card-media img {
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  background:#0f172a;
  border-radius:12px;
  display:block;
}
.radar-no-image { font-size: 13px; opacity: 0.7; }
.radar-chip-row { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:8px; }
.radar-chip {
  font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
  padding: 6px 9px; border-radius: 999px; background: rgba(64, 180, 255, 0.16); border: 1px solid rgba(64, 180, 255, 0.24);
}
.muted-chip { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.14); }
.radar-top-card { border: 1px solid rgba(255, 214, 10, 0.24); box-shadow: 0 10px 30px rgba(0,0,0,0.18); }
.radar-deal-card { display:flex; flex-direction:column; }
.radar-deal-bottom { margin-top: auto; padding-top: 10px; }
@media (max-width: 640px) {
  .radar-card-media { height: 140px; }
}


.nav-radar-badge{display:inline-block;min-width:18px;padding:2px 7px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:800;vertical-align:middle;}
.nav-radar-live{position:relative;color:#fff !important;text-shadow:0 0 10px rgba(239,68,68,.65);}
.nav-radar-live .nav-radar-badge{box-shadow:0 0 18px rgba(239,68,68,.55);animation:radarPulse 1.6s infinite;}
@keyframes radarPulse{0%{transform:scale(1);opacity:1;}50%{transform:scale(1.08);opacity:.92;}100%{transform:scale(1);opacity:1;}}
.radar-indicator-only .radar-preview-head{align-items:center;}
.radar-indicator-actions{display:flex;align-items:center;gap:10px;}
.radar-action-bar{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:20px;}
.radar-action-buttons{display:flex;gap:10px;flex-wrap:wrap;}
.danger-btn{background:#b91c1c !important;}
.radar-list-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;}
.radar-deal-card{background:#07172d;border:1px solid rgba(255,255,255,.08);padding:16px;border-radius:16px;box-shadow:0 10px 24px rgba(0,0,0,.28);}
.radar-card-title{font-size:15px;font-weight:700;line-height:1.4;margin-bottom:8px;}
.radar-card-meta{font-size:12px;opacity:.75;margin-bottom:6px;}
.radar-card-price{font-size:20px;font-weight:800;margin-bottom:6px;}
.radar-card-profit{font-size:14px;color:#86efac;}
.secondary-btn{background:#1e40af !important;}
@media (max-width:800px){.radar-action-bar{align-items:flex-start;}.radar-action-buttons{width:100%;}}

/* READY-TO-ROLL PREMIUM UI OVERRIDES */
body{background:radial-gradient(circle at top left,rgba(59,130,246,.16),transparent 32%),linear-gradient(180deg,var(--bg-deep),#070711 70%);color:var(--text-primary);}
.text-secondary{color:var(--text-secondary);}
.glass-card{background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.10);border-radius:20px;box-shadow:0 18px 48px rgba(0,0,0,.28);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.glass-card:hover{transform:translateY(-2px);border-color:rgba(139,92,246,.28);box-shadow:0 22px 58px rgba(0,0,0,.34),0 0 28px rgba(139,92,246,.08);}
.btn-primary,.radar-link-btn.primary,.upgrade-btn.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 22px;border-radius:14px;border:0;background:linear-gradient(135deg,var(--accent-blue),#2563eb 55%,var(--accent-purple));color:#fff!important;font-weight:900;text-decoration:none;box-shadow:0 12px 30px rgba(59,130,246,.28);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;}
.btn-primary:hover,.radar-link-btn.primary:hover,.upgrade-btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(59,130,246,.36);}
.btn-build-pack{font-size:16px;min-height:50px;}
.deal-badge{border-radius:999px;box-shadow:0 0 18px rgba(34,197,94,.18);}
.btn-thrift{background:linear-gradient(135deg,var(--accent-amber),#fbbf24);color:#111827!important;border:0;box-shadow:0 12px 28px rgba(245,158,11,.22);}
.refresh-green{background:linear-gradient(135deg,#16a34a,var(--accent-green))!important;color:#fff!important;border:0!important;box-shadow:0 12px 26px rgba(34,197,94,.22);}
.pulse-icon{font-size:42px;animation:radarPulse 1.6s infinite ease-in-out;}
@keyframes radarPulse{0%,100%{transform:scale(1);opacity:.72}50%{transform:scale(1.08);opacity:1}}
.radar-scanning-empty{text-align:center;color:var(--text-primary);}
.radar-scanning-empty p{color:var(--text-secondary);}
.beta-ribbon{display:inline-flex;margin-bottom:10px;padding:6px 10px;border-radius:999px;background:rgba(139,92,246,.18);border:1px solid rgba(139,92,246,.35);color:#ddd6fe;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;}
.reseller-card{border-color:rgba(139,92,246,.42)!important;box-shadow:0 18px 44px rgba(139,92,246,.12);}
.thrift-radar-card{border-color:rgba(245,158,11,.22);}


/* PURPLE PREMIUM ACCENTS — RC1A */
.btn-premium{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:14px 28px;
  font-size:15px;
  font-weight:800;
  background:linear-gradient(135deg,#8b5cf6,#7c3aed);
  color:#fff;
  border:none;
  border-radius:14px;
  text-decoration:none;
  cursor:pointer;
  box-shadow:0 4px 16px rgba(139,92,246,0.35),0 0 0 1px rgba(139,92,246,0.2);
  transition:all .2s ease;
}
.btn-premium:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(139,92,246,0.45),0 0 0 1px rgba(139,92,246,0.3);
  background:linear-gradient(135deg,#9b6bf7,#8c4dfd);
}
.premium-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 14px;
  font-size:12px;
  font-weight:800;
  background:rgba(139,92,246,0.12);
  color:#a78bfa;
  border:1px solid rgba(139,92,246,0.25);
  border-radius:20px;
  box-shadow:0 0 12px rgba(139,92,246,0.15);
}
.glow-purple{
  border-color:rgba(139,92,246,0.3)!important;
  box-shadow:0 8px 32px rgba(139,92,246,0.1), inset 0 1px 0 rgba(139,92,246,0.05)!important;
}
.glow-purple:hover{
  border-color:rgba(167,139,250,0.42)!important;
  box-shadow:0 14px 42px rgba(139,92,246,0.18), inset 0 1px 0 rgba(167,139,250,0.08)!important;
}
.premium-topline{
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  background:linear-gradient(90deg,#8b5cf6,#a78bfa,#8b5cf6);
}
.dashboard-upgrade-prompt{
  margin:20px 0;
  text-align:center;
}
.dashboard-upgrade-prompt h3{
  margin:0 0 8px;
  font-size:18px;
  color:#a78bfa;
}
.dashboard-upgrade-prompt p{
  color:var(--text-secondary);
  font-size:14px;
  margin:0 0 16px;
}

/* PURPLE THEME ENFORCEMENT — RC1B */
:root{
  --accent-blue:#8b5cf6 !important;
  --accent-purple:#8b5cf6 !important;
  --accent-purple-light:#a78bfa !important;
  --accent-purple-glow:rgba(139,92,246,.34) !important;
  --mr-accent:#8b5cf6 !important;
  --mr-accent-2:#7c3aed !important;
  --compact-accent:#8b5cf6 !important;
  --compact-accent2:#7c3aed !important;
}

/* Active nav state: force purple over older blue stabilization block */
body.app-shell-page .app-topbar a.active,
body.app-shell-page .app-topbar a.emphasis,
body.app-shell-page .compact-topbar a.active,
body.app-shell-page .compact-topbar a.emphasis{
  background:linear-gradient(135deg,#8b5cf6,#7c3aed) !important;
  color:#fff !important;
  border-color:rgba(167,139,250,.42) !important;
  box-shadow:0 10px 26px rgba(139,92,246,.34),0 0 0 1px rgba(139,92,246,.18) !important;
}
body.app-shell-page .app-topbar a:hover,
body.app-shell-page .compact-topbar a:hover{
  border-color:rgba(167,139,250,.34) !important;
  box-shadow:0 8px 20px rgba(139,92,246,.18) !important;
}

/* Primary buttons: force purple over old blue button rules */
.analyze-btn,
.app-shell-page .analyze-btn,
.btn-primary,
.app-shell-page .btn-primary,
.app-shell-page .compact-btn--primary,
.app-shell-page .compact-chip--button.active,
.app-shell-page .site-pill.active,
.app-shell-page .btn-link.btn-primary,
.app-shell-page .btn-button.btn-primary,
.app-shell-page button[type="submit"].primary,
.app-shell-page .radar-link-btn.primary,
.radar-link-btn.primary,
.upgrade-btn.btn-primary,
.btn-build-pack,
.btn-premium,
.app-shell-page .btn-premium{
  background:linear-gradient(135deg,#8b5cf6,#7c3aed 58%,#a78bfa) !important;
  color:#fff !important;
  border-color:rgba(167,139,250,.34) !important;
  box-shadow:0 12px 30px rgba(139,92,246,.34),0 0 0 1px rgba(139,92,246,.16) !important;
}
.analyze-btn:hover,
.app-shell-page .analyze-btn:hover,
.btn-primary:hover,
.app-shell-page .btn-primary:hover,
.app-shell-page .compact-btn--primary:hover,
.app-shell-page .btn-link.btn-primary:hover,
.app-shell-page .btn-button.btn-primary:hover,
.app-shell-page button[type="submit"].primary:hover,
.app-shell-page .radar-link-btn.primary:hover,
.radar-link-btn.primary:hover,
.upgrade-btn.btn-primary:hover,
.btn-build-pack:hover,
.btn-premium:hover,
.app-shell-page .btn-premium:hover{
  transform:translateY(-2px) !important;
  background:linear-gradient(135deg,#9b6bf7,#8b5cf6 58%,#c4b5fd) !important;
  box-shadow:0 16px 38px rgba(139,92,246,.45),0 0 0 1px rgba(167,139,250,.28) !important;
}

/* Purple badges/chips/accent UI that were still blue */
.app-shell-page .market-badge,
.app-shell-page .compact-chip--warm,
.dashboard-status-pill,
.platform-pill,
.mode-chip.simple,
.radar-deal-score,
.radar-pill,
.deal-badge,
.premium-badge{
  background:rgba(139,92,246,.15) !important;
  color:#c4b5fd !important;
  border-color:rgba(139,92,246,.32) !important;
  box-shadow:0 0 16px rgba(139,92,246,.12) !important;
}

/* Purple focus rings and status accents */
input:focus,
select:focus,
textarea:focus,
.form-group input:focus,
.form-group select:focus,
.field input:focus,
.field select:focus{
  outline:none !important;
  border-color:#a78bfa !important;
  box-shadow:0 0 0 3px rgba(139,92,246,.18) !important;
}
.app-shell-page .radar-status-dot{
  background:#8b5cf6 !important;
  box-shadow:0 0 0 4px rgba(139,92,246,.18),0 0 18px rgba(139,92,246,.32) !important;
}
.app-shell-page .radar-open-link,
.app-shell-page .advanced-upsell a,
.app-shell-page .hero-side a,
.app-shell-page .site-legal-footer a{
  color:#c4b5fd !important;
}

/* Keep semantic exceptions: profit green, thrift gold, refresh green, danger red */
.btn-thrift{
  background:linear-gradient(135deg,var(--accent-amber),#fbbf24) !important;
  color:#111827 !important;
  box-shadow:0 12px 28px rgba(245,158,11,.22) !important;
}
.refresh-green{
  background:linear-gradient(135deg,#16a34a,var(--accent-green)) !important;
  color:#fff !important;
  box-shadow:0 12px 26px rgba(34,197,94,.22) !important;
}
.danger-btn,
.app-shell-page .danger-btn{
  background:#b91c1c !important;
  color:#fff !important;
}

/* =========================================================
   MARKET RADAR RC1C — REAL APP POLISH / DENSITY PASS
   Purple-first theme, tighter spacing, better hierarchy.
   ========================================================= */
:root{
  --mr-bg:#0a0a0f;
  --mr-surface:#12121a;
  --mr-elevated:#1a1a2e;
  --mr-border:rgba(255,255,255,.10);
  --mr-border-strong:rgba(167,139,250,.30);
  --mr-text:#f0f0f5;
  --mr-muted:rgba(240,240,245,.65);
  --mr-soft:rgba(240,240,245,.48);
  --mr-purple:#8b5cf6;
  --mr-purple-2:#7c3aed;
  --mr-purple-light:#a78bfa;
  --mr-purple-glow:rgba(139,92,246,.34);
  --mr-green:#22c55e;
  --mr-amber:#f59e0b;
  --mr-radius:18px;
  --mr-radius-sm:13px;
  --mr-shadow:0 16px 42px rgba(0,0,0,.34);
  --mr-shadow-soft:0 10px 26px rgba(0,0,0,.22);
}

html{background:var(--mr-bg);}
body{
  background:radial-gradient(circle at top left,rgba(139,92,246,.13),transparent 34%),linear-gradient(180deg,#0a0a0f 0%,#0c1020 58%,#080811 100%) !important;
  color:var(--mr-text) !important;
  font-size:15px;
  line-height:1.45;
}

body.app-shell-page .app-container,
.app-container.compact-app{
  max-width:1120px;
  padding-top:18px !important;
  padding-bottom:78px !important;
}

/* top app nav */
body.app-shell-page .app-topbar-shell,
body.app-shell-page .app-topbar-shell.no-header{
  background:linear-gradient(180deg,rgba(10,10,15,.96),rgba(10,10,15,.82)) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  backdrop-filter:blur(18px) saturate(1.2) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.2) !important;
  padding:8px 12px !important;
}
body.app-shell-page .app-topbar,
body.app-shell-page .compact-topbar{
  max-width:1120px !important;
  gap:7px !important;
  align-items:center !important;
}
body.app-shell-page .app-topbar a,
body.app-shell-page .compact-topbar a{
  min-height:44px !important;
  min-width:90px !important;
  padding:10px 12px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  color:rgba(240,240,245,.72) !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
}
body.app-shell-page .app-topbar a.active,
body.app-shell-page .app-topbar a.emphasis,
body.app-shell-page .compact-topbar a.active,
body.app-shell-page .compact-topbar a.emphasis{
  background:linear-gradient(135deg,var(--mr-purple),var(--mr-purple-2)) !important;
  color:#fff !important;
  border-color:rgba(196,181,253,.36) !important;
  box-shadow:0 10px 24px rgba(139,92,246,.34),inset 0 1px 0 rgba(255,255,255,.18) !important;
}
body.app-shell-page .app-topbar a:hover,
body.app-shell-page .compact-topbar a:hover{
  color:#fff !important;
  background:rgba(139,92,246,.14) !important;
  border-color:rgba(167,139,250,.26) !important;
  transform:translateY(-1px) !important;
}

/* universal cards */
.glass-card,
.card-premium,
.treasure-card,
.radar-card,
.compact-box,
.flip-intel-card,
.price-strategy-card,
.best-platform-box,
.dashboard-status-bar,
.search-used-box,
.profit-opportunity-card,
.deal-temperature-box,
.account-card,
.plan-card,
.hero-side,
.hero-point{
  background:linear-gradient(135deg,rgba(255,255,255,.072),rgba(255,255,255,.026)) !important;
  border:1px solid rgba(255,255,255,.095) !important;
  border-radius:var(--mr-radius) !important;
  box-shadow:var(--mr-shadow-soft) !important;
  color:var(--mr-text) !important;
}
.glass-card:hover,
.card-premium:hover,
.treasure-card:hover,
.radar-card:hover,
.compact-box:hover,
.hero-point:hover{
  border-color:rgba(139,92,246,.24) !important;
  box-shadow:var(--mr-shadow),0 0 26px rgba(139,92,246,.08) !important;
  transform:translateY(-1px);
}
.treasure-card,
.radar-card,
.compact-box,
.flip-intel-card,
.price-strategy-card,
.best-platform-box,
.search-used-box{
  padding:16px !important;
  margin-bottom:12px !important;
}

/* typography hierarchy */
h1,h2,h3,.treasure-title,.radar-title,.analyzer-next-step-title{
  font-weight:950 !important;
  letter-spacing:-.025em !important;
}
h1,.treasure-title{font-size:clamp(30px,4vw,42px) !important;line-height:1.04 !important;}
h2{font-size:clamp(20px,2.4vw,26px) !important;line-height:1.12 !important;}
h3{font-size:17px !important;line-height:1.2 !important;}
p,.hint,.upload-note,.radar-copy,.treasure-sub,.hero-copy p,.dashboard-status-sub{
  color:var(--mr-muted) !important;
  line-height:1.48 !important;
}
.section-kicker,.treasure-kicker,.radar-stat-label,.field label,.form-group label{
  color:rgba(196,181,253,.86) !important;
  font-size:11px !important;
  letter-spacing:.105em !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
}

/* inputs + compact forms */
.form-group label,.field label{margin-bottom:5px !important;}
.form-group input,
.form-group select,
.field input,
.field select,
.assist-box input,
.login-card input,
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
select,
textarea{
  min-height:44px !important;
  padding:11px 13px !important;
  border-radius:13px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.055) !important;
  color:var(--mr-text) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.form-group input::placeholder,
.field input::placeholder,
textarea::placeholder{color:rgba(240,240,245,.38) !important;}
input:focus,select:focus,textarea:focus,
.form-group input:focus,.form-group select:focus,.field input:focus,.field select:focus{
  border-color:rgba(167,139,250,.72) !important;
  box-shadow:0 0 0 3px rgba(139,92,246,.18),inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.search-bar,
.compact-search-bar{
  align-items:end !important;
  gap:10px !important;
  margin-bottom:12px !important;
}
.form-group,.compact-field{min-width:142px !important;}
.search-item,.wide-field{min-width:260px !important;}

/* primary actions */
.analyze-btn,
.btn-primary,
.btn-premium,
.radar-link-btn.primary,
.btn-build-pack,
button[type="submit"],
.app-shell-page .btn-primary,
.app-shell-page .analyze-btn{
  min-height:44px !important;
  padding:12px 18px !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,var(--mr-purple),var(--mr-purple-2) 58%,var(--mr-purple-light)) !important;
  color:#fff !important;
  border:1px solid rgba(196,181,253,.24) !important;
  font-weight:950 !important;
  letter-spacing:-.01em !important;
  box-shadow:0 12px 28px rgba(139,92,246,.32),inset 0 1px 0 rgba(255,255,255,.16) !important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease !important;
}
.analyze-btn:hover,.btn-primary:hover,.btn-premium:hover,.radar-link-btn.primary:hover,.btn-build-pack:hover,button[type="submit"]:hover{
  transform:translateY(-2px) !important;
  filter:saturate(1.08) !important;
  box-shadow:0 18px 40px rgba(139,92,246,.42),inset 0 1px 0 rgba(255,255,255,.22) !important;
}
.radar-link-btn,
.btn-treasure,
.radar-btn,
.ghost-btn,
.secondary-btn{
  min-height:44px !important;
  border-radius:13px !important;
  font-weight:900 !important;
}

/* subtle status areas */
.dashboard-status-bar{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  padding:11px 13px !important;
  background:rgba(255,255,255,.035) !important;
  border-color:rgba(255,255,255,.075) !important;
  box-shadow:none !important;
}
.dashboard-status-pill{
  margin:0 !important;
  padding:6px 10px !important;
  font-size:11px !important;
}
.dashboard-status-sub{font-size:12px !important;opacity:.72 !important;}
.platform-pills,.compact-pills{gap:7px !important;margin-bottom:12px !important;}
.platform-pill,.premium-badge,.deal-badge,.radar-pill,.mode-chip{
  padding:6px 10px !important;
  border-radius:999px !important;
  font-size:11px !important;
  font-weight:950 !important;
}

/* analyzer result density */
.results-top-grid{gap:12px !important;margin-top:12px !important;}
.flip-intel-strip,.price-strategy-strip{gap:9px !important;}
.intel-mini-card,.strategy-card,.metric-card{
  padding:12px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(255,255,255,.085) !important;
}
.intel-label{font-size:10px !important;letter-spacing:.1em !important;color:var(--mr-soft) !important;}
.intel-value{font-size:clamp(22px,2.6vw,28px) !important;}
.analyzer-next-step-card{
  background:linear-gradient(135deg,rgba(139,92,246,.13),rgba(255,255,255,.045)) !important;
  border:1px solid rgba(139,92,246,.24) !important;
  border-radius:20px !important;
  box-shadow:0 16px 38px rgba(0,0,0,.28),0 0 34px rgba(139,92,246,.08) !important;
}
.analyzer-next-step-copy{color:var(--mr-muted) !important;}

/* photo upload cleanup */
.compact-upload-section,.upload-section{
  background:rgba(255,255,255,.035) !important;
  border:1px dashed rgba(167,139,250,.24) !important;
  border-radius:18px !important;
  padding:14px !important;
  box-shadow:none !important;
}
.photo-preview-wrap{
  border:1px solid rgba(167,139,250,.24) !important;
  background:rgba(255,255,255,.045) !important;
}

/* treasure/radar polish */
.treasure-hero{margin:4px 0 14px !important;}
.treasure-sub{max-width:720px !important;}
.button-row{gap:8px !important;margin-top:8px !important;}
.saved-grid{gap:8px !important;}
.saved-hunt{
  border-radius:14px !important;
  background:rgba(245,158,11,.065) !important;
  border:1px solid rgba(245,158,11,.17) !important;
}
.radar-page{padding-top:10px !important;}
.radar-wrap{gap:12px !important;}
.radar-status-grid{gap:8px !important;}
.radar-stat{padding:10px !important;border-radius:14px !important;}
.radar-stat-value{font-size:20px !important;}
.deal-grid{gap:10px !important;}
.deal{
  border-radius:16px !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  color:var(--mr-text) !important;
}
.deal-title{color:#fff !important;}
.deal-img{height:142px !important;}

/* landing polish */
.landing-card.clean-beta{
  background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.03)) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.38),0 0 42px rgba(139,92,246,.10) !important;
}
.beta-pill{background:rgba(139,92,246,.16) !important;border-color:rgba(139,92,246,.32) !important;color:#c4b5fd !important;}
.hero-actions{gap:10px !important;}
.hero-points{gap:8px !important;margin:14px 0 16px !important;}

/* mobile: keep it easy */
@media (max-width:900px){
  body.app-shell-page .app-container,.app-container.compact-app{padding-left:12px !important;padding-right:12px !important;padding-top:12px !important;}
  body.app-shell-page .app-topbar-shell,body.app-shell-page .app-topbar-shell.no-header{padding:7px 8px !important;}
  body.app-shell-page .app-topbar,body.app-shell-page .compact-topbar{display:flex !important;overflow-x:auto !important;grid-auto-flow:unset !important;grid-auto-columns:unset !important;}
  body.app-shell-page .app-topbar a,body.app-shell-page .compact-topbar a{flex:0 0 auto !important;min-width:86px !important;min-height:44px !important;font-size:11px !important;}
  .search-bar,.compact-search-bar{display:grid !important;grid-template-columns:1fr !important;align-items:stretch !important;}
  .form-group,.compact-field,.search-item,.wide-field{max-width:none !important;min-width:0 !important;width:100% !important;}
  .analyze-btn,.btn-primary,.btn-premium,.btn-treasure,.radar-link-btn,.radar-btn,button[type="submit"]{width:100% !important;min-height:46px !important;}
  .dashboard-status-bar{align-items:flex-start !important;flex-direction:column !important;}
  .treasure-card,.radar-card,.compact-box{padding:14px !important;}
  .flip-intel-strip,.price-strategy-strip{display:grid !important;grid-template-columns:1fr !important;overflow:visible !important;}
  .intel-mini-card,.strategy-card{min-width:0 !important;}
  .radar-status-grid{grid-template-columns:1fr 1fr !important;}
  .deal-img{height:132px !important;}
}
@media (max-width:520px){
  h1,.treasure-title{font-size:30px !important;}
  .radar-status-grid{grid-template-columns:1fr !important;}
  .hero-grid{grid-template-columns:1fr !important;}
  .landing-card.clean-beta{padding:22px 15px !important;}
}


/* === RC1D UI CONTRAST + PURPLE APP THEME FIX === */
:root{
  --bg-deep:#0a0a0f;
  --bg-surface:#12121a;
  --bg-elevated:#1a1a2e;
  --text-primary:#f0f0f5;
  --text-secondary:rgba(240,240,245,.72);
  --text-muted:rgba(240,240,245,.56);
  --accent-purple:#8b5cf6;
  --accent-purple-light:#a78bfa;
  --accent-purple-glow:rgba(139,92,246,.34);
}
html,body{background:linear-gradient(180deg,var(--bg-deep) 0%,#0f1220 100%) !important;color:var(--text-primary) !important;}
body.app-shell-page{background:radial-gradient(circle at top left,rgba(139,92,246,.16),transparent 34%),linear-gradient(180deg,var(--bg-deep),#0e1322 100%) !important;color:var(--text-primary) !important;}
body.app-shell-page .header{display:none !important;}
.app-container,.container,.compact-page-shell{color:var(--text-primary) !important;}
.app-topbar-shell{background:rgba(10,10,15,.82) !important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08) !important;}
.app-topbar{gap:8px !important;padding-top:12px !important;padding-bottom:12px !important;overflow-x:auto;scrollbar-width:none;}
.app-topbar::-webkit-scrollbar{display:none;}
.app-topbar a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:999px !important;color:rgba(240,240,245,.78) !important;background:rgba(255,255,255,.04) !important;border:1px solid rgba(255,255,255,.07) !important;font-weight:850 !important;}
.app-topbar a:hover{color:#fff !important;border-color:rgba(167,139,250,.32) !important;background:rgba(139,92,246,.12) !important;transform:translateY(-1px);}
.app-topbar a.active,.nav-links a.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed) !important;color:#fff !important;border-color:rgba(167,139,250,.45) !important;box-shadow:0 10px 26px rgba(139,92,246,.28) !important;}
.glass-card,.card-premium,.account-card,.membership-card,.radar-card,.card,.compact-box,.flip-intel-card,.price-strategy-card,.best-platform-box,.dashboard-status-bar,.search-used-box,.profit-opportunity-card,.deal-temperature-box,.listing-preview,.upload-section,.assist-box,.treasure-card{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035)) !important;color:var(--text-primary) !important;border:1px solid rgba(255,255,255,.10) !important;box-shadow:0 14px 34px rgba(0,0,0,.28) !important;}
.glass-card:hover,.card:hover,.account-card:hover,.membership-card:hover,.radar-card:hover{border-color:rgba(167,139,250,.22) !important;box-shadow:0 18px 42px rgba(139,92,246,.12),0 14px 34px rgba(0,0,0,.30) !important;transform:translateY(-1px);}
h1,h2,h3,.title,.radar-title{color:#fff !important;font-weight:950 !important;letter-spacing:-.02em;}
p,.hint,.upload-note,.radar-copy,.membership-note,.membership-intro,.account-title p,.security-note,.hero-note,.copy-sheet-copy{color:var(--text-secondary) !important;line-height:1.48 !important;}
label,.label,.account-label,.radar-label,.radar-stat-label,.intel-label,.section-kicker,.kicker{color:rgba(240,240,245,.72) !important;font-weight:850 !important;}
input,select,textarea,.field,.select,.area,.radar-field,.login-card input,.form-group input,.form-group select,.assist-box input,.security-form input{background:rgba(8,10,18,.82) !important;color:#fff !important;border:1px solid rgba(255,255,255,.13) !important;box-shadow:none !important;}
input::placeholder,textarea::placeholder{color:rgba(240,240,245,.42) !important;}
input:focus,select:focus,textarea:focus,.field:focus,.select:focus,.area:focus{outline:none !important;border-color:#a78bfa !important;box-shadow:0 0 0 3px rgba(139,92,246,.22) !important;}
button,.btn,.analyze-btn,.btn-primary,.radar-btn:not(.refresh-green):not(.secondary),.secondary-btn,.upgrade-btn,.login-card button,.landing-card button{min-height:44px;}
.btn-primary,.analyze-btn,.btn.btn-primary,.radar-link-btn.primary,.login-card button,.landing-card button,.upgrade-btn,.primary-cta{background:linear-gradient(135deg,#8b5cf6,#7c3aed) !important;color:#fff !important;border:0 !important;box-shadow:0 10px 26px rgba(139,92,246,.32) !important;font-weight:950 !important;}
.btn-primary:hover,.analyze-btn:hover,.btn.btn-primary:hover,.radar-link-btn.primary:hover,.login-card button:hover,.landing-card button:hover,.upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(139,92,246,.42) !important;}
.btn-soft,.radar-btn.soft,.secondary-btn,.ghost-btn{background:rgba(255,255,255,.07) !important;color:#fff !important;border:1px solid rgba(255,255,255,.12) !important;}
.btn-dark,.radar-btn.secondary{background:rgba(8,10,18,.92) !important;color:#fff !important;border:1px solid rgba(255,255,255,.12) !important;}
.dashboard-status-bar{padding:12px 14px !important;margin-bottom:14px !important;opacity:.92;}
.dashboard-status-pill,.membership-pill,.platform-pill,.suggestion-pill,.mode-chip,.premium-badge,.radar-pill,.deal-badge{background:rgba(139,92,246,.16) !important;color:#d8b4fe !important;border:1px solid rgba(167,139,250,.30) !important;box-shadow:0 0 18px rgba(139,92,246,.10) !important;}
.deal-badge.good,.radar-pill.good{background:rgba(34,197,94,.15) !important;color:#86efac !important;border-color:rgba(34,197,94,.30) !important;}
.deal-badge.warn,.radar-pill.warn{background:rgba(245,158,11,.15) !important;color:#fbbf24 !important;border-color:rgba(245,158,11,.32) !important;}
.photo-preview-wrap,.compact-upload-section,.upload-section{border-radius:18px !important;border:1px dashed rgba(167,139,250,.28) !important;background:rgba(139,92,246,.055) !important;}
.search-bar,.compact-search-bar{gap:10px !important;margin-bottom:12px !important;align-items:end !important;}
.form-group label{margin-bottom:5px !important;}
.results-top-grid{gap:14px !important;margin-top:14px !important;}
.flip-intel-card,.price-strategy-card,.compact-box{margin-bottom:12px !important;}
.intel-mini-card,.strategy-card,.radar-stat,.deal{background:rgba(8,10,18,.58) !important;color:#fff !important;border:1px solid rgba(255,255,255,.10) !important;}
.intel-value,.account-value,.radar-stat-value,.best-platform-main,.membership-price{color:#fff !important;}
.copy-sheet{background:linear-gradient(180deg,#12121a,#1a1a2e) !important;color:#fff !important;border:1px solid rgba(255,255,255,.12) !important;}
.copy-sheet-area{background:rgba(8,10,18,.85) !important;color:#fff !important;border:1px solid rgba(255,255,255,.14) !important;}
@media(max-width:900px){
  .app-container{padding:18px 12px 92px !important;}
  .app-topbar{padding-left:12px !important;padding-right:12px !important;}
  .app-topbar a{padding:10px 14px !important;font-size:13px !important;}
  .search-bar,.compact-search-bar{align-items:stretch !important;}
  .form-group,.search-item,.compact-field,.wide-field{max-width:none !important;width:100% !important;}
  .card,.account-card,.membership-card,.radar-card,.glass-card{padding:15px !important;border-radius:18px !important;}
}

/* 010 Sales & Markets Radar buttons */
.sales-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:10px;
}
.sales-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:44px;
  padding:12px 14px;
  border-radius:13px;
  background:linear-gradient(135deg, #8b5cf6, #7c3aed);
  color:#fff;
  text-decoration:none;
  font-weight:900;
  font-size:13px;
  box-shadow:0 10px 26px rgba(139,92,246,.28);
  transition:transform .2s, box-shadow .2s;
  text-align:center;
}
.sales-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 34px rgba(139,92,246,.38);
}
@media (max-width:760px){
  .sales-grid{grid-template-columns:1fr 1fr;}
}


/* RC1G Radar readability polish */
.radar-status-message{
  background:linear-gradient(135deg,rgba(139,92,246,.10),rgba(139,92,246,.04)) !important;
  border:1px solid rgba(167,139,250,.28) !important;
  color:#f0f0f5 !important;
  padding:14px 16px !important;
  border-radius:14px !important;
  margin:12px 0 16px !important;
  font-size:14px !important;
  line-height:1.55 !important;
}
.radar-status-message p,
.radar-status-message strong,
.radar-status-message br{
  color:#f0f0f5 !important;
  margin:0 !important;
}
.radar-empty{
  background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.04)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:20px !important;
  padding:40px 24px !important;
  color:#f0f0f5 !important;
  text-align:center !important;
}
.radar-empty h3{
  color:#fff !important;
  font-size:22px !important;
  font-weight:900 !important;
  letter-spacing:-.01em !important;
  margin:0 0 10px !important;
}
.radar-empty p{
  color:rgba(240,240,245,.74) !important;
  font-size:14px !important;
  line-height:1.55 !important;
  max-width:620px !important;
  margin:0 auto 8px !important;
}
.radar-empty .radar-last-updated{
  color:rgba(240,240,245,.58) !important;
  font-size:13px !important;
  margin:0 auto 20px !important;
}
.radar-empty-actions{
  display:flex !important;
  gap:12px !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  margin-top:14px !important;
}
.radar-empty .btn-primary,
.radar-empty .radar-btn{
  min-height:44px !important;
  padding:12px 20px !important;
}
.radar-status-grid,
.radar-stat-row{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
  margin-bottom:16px !important;
}
.radar-stat{
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.11) !important;
  border-radius:14px !important;
  padding:14px !important;
  color:#fff !important;
}
.radar-stat-label{
  font-size:11px !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
  color:rgba(196,181,253,.88) !important;
  font-weight:950 !important;
  margin-bottom:6px !important;
}
.radar-stat-value{
  font-size:24px !important;
  font-weight:900 !important;
  color:#fff !important;
  line-height:1.08 !important;
}
.pulse-icon{
  animation:radarPulse 1.8s ease-in-out infinite;
}
@keyframes radarPulse{
  0%,100%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(139,92,246,0));}
  50%{transform:scale(1.06);filter:drop-shadow(0 0 16px rgba(139,92,246,.45));}
}
@media(max-width:900px){
  .radar-status-grid,
  .radar-stat-row{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:520px){
  .radar-status-grid,
  .radar-stat-row{grid-template-columns:1fr !important;}
  .radar-empty-actions .btn-primary,
  .radar-empty-actions .radar-btn{width:100% !important;}
}


/* RC1J Local Sales & Shops source cards */
.source-grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:12px;
  margin-top:14px;
}
.source-card{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:18px;
  border-radius:16px;
  background:linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.10);
  text-decoration:none;
  color:#f0f0f5;
  transition:transform .2s, box-shadow .2s, border-color .2s;
}
.source-card:hover{
  transform:translateY(-2px);
  border-color:rgba(139,92,246,.30);
  box-shadow:0 14px 34px rgba(139,92,246,.12);
}
.source-icon{
  font-size:28px;
  line-height:1;
}
.source-name{
  font-size:16px;
  font-weight:900;
  color:#fff;
}
.source-desc{
  font-size:13px;
  line-height:1.45;
  color:rgba(240,240,245,.65);
}
@media (max-width:600px){
  .source-grid{grid-template-columns:1fr;}
}

/* RC1P Radar image fallback + display polish */
.radar-card-media{
  width:100% !important;
  height:160px !important;
  border-radius:14px !important;
  overflow:hidden !important;
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin-bottom:10px !important;
}
.radar-card-media img,
.deal-img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
  border-radius:0 !important;
  border:0 !important;
  background:rgba(255,255,255,.04) !important;
}
.radar-no-image{
  font-size:48px !important;
  opacity:.35 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:100% !important;
  width:100% !important;
  color:#f0f0f5 !important;
}

/* RC1R custom dropdown + billing toggle support */
.custom-dropdown{position:relative;width:100%;}
.custom-dropdown-trigger{width:100%;padding:13px 14px;border-radius:12px;border:1px solid rgba(167,139,250,.28);background:rgba(0,0,0,.22);color:#fff;font-size:15px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;outline:none;}
.custom-dropdown-trigger:focus{border-color:#a78bfa;box-shadow:0 0 0 3px rgba(139,92,246,.18);}
.custom-dropdown-trigger::after{content:"▼";font-size:10px;opacity:.6;margin-left:8px;}
.custom-dropdown-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:280px;overflow-y:auto;background:#0f172a;border:1px solid rgba(167,139,250,.35);border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.5);z-index:100;display:none;padding:6px 0;}
.custom-dropdown-panel.open{display:block;}
.custom-dropdown-option{padding:10px 14px;color:#e2e8f0;font-size:14px;cursor:pointer;transition:background .12s;}
.custom-dropdown-option:hover{background:rgba(139,92,246,.18);}
.custom-dropdown-option.selected{background:rgba(139,92,246,.25);font-weight:700;}
.custom-dropdown-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;display:none;}
.custom-dropdown-backdrop.open{display:block;}
.billing-toggle .toggle-btn.active{background:rgba(139,92,246,.35)!important;color:#fff!important;}
.billing-toggle .toggle-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(139,92,246,.18);}
.membership-card a.upgrade-btn, .membership-card a.btn-premium{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;}


/* PATCH 023 — Radar image zoom fix: show full portrait images instead of cropping */
.deal-card-image,
.deal-image,
.radar-card-image {
  aspect-ratio: 16 / 10;
  background: #0f172a;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.deal-card-image img,
.deal-image img,
.radar-card-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  background: #0f172a;
  border-radius: 12px;
}


/* Patch 028 — Radar empty-board protection */
.radar-warmup-notice{
  background:rgba(251,191,36,.14) !important;
  border:1px solid rgba(251,191,36,.32) !important;
  color:#fbbf24 !important;
  margin-bottom:14px;
}
.radar-btn[aria-disabled="true"],
.radar-btn.soft[aria-disabled="true"]{
  opacity:.72;
  cursor:default;
  pointer-events:none;
}
.deal .radar-pill.warn,
.radar-pill.warn,
.deal-pill.warn{
  background:rgba(251,191,36,.14) !important;
  border-color:rgba(251,191,36,.28) !important;
  color:#fbbf24 !important;
}


/* PATCH 050 — Analyzer public UI cleanup */
body.page-analyze .analyzer-clean-form{
  display:grid;
  gap:14px;
  margin:8px 0 18px;
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
  box-shadow:0 18px 44px rgba(0,0,0,.24);
}
body.page-analyze .analyzer-main-grid{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);
  gap:12px;
  align-items:end;
}
body.page-analyze .analyzer-settings-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr)) auto;
  gap:12px;
  align-items:end;
}
body.page-analyze .analyzer-clean-form .form-group{
  max-width:none;
  min-width:0;
  width:100%;
}
body.page-analyze .analyzer-clean-form label{
  color:#c4b5fd;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body.page-analyze .analyzer-clean-form input,
body.page-analyze .analyzer-clean-form select{
  min-height:44px;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(8,10,18,.72) !important;
  color:#fff !important;
  box-shadow:none !important;
}
body.page-analyze .upc-inline-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
}
body.page-analyze .upc-lookup-btn,
body.page-analyze .analyzer-submit-btn{
  min-height:44px;
  height:44px;
  white-space:nowrap;
}
body.page-analyze .barcode-clean-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:13px 14px;
  border-radius:16px;
  background:rgba(139,92,246,.10);
  border:1px solid rgba(139,92,246,.22);
}
body.page-analyze .barcode-clean-title{
  color:#ddd6fe;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body.page-analyze .barcode-clean-help{
  margin-top:4px;
  color:rgba(240,240,245,.58);
  font-size:12px;
  line-height:1.35;
}
body.page-analyze .barcode-scan-btn{
  flex:0 0 auto;
  min-height:38px;
  padding:0 14px;
  border-radius:12px;
  border:1px solid rgba(167,139,250,.32);
  background:rgba(255,255,255,.07);
  color:#fff;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
}
body.page-analyze .barcode-scan-btn:hover{
  background:rgba(139,92,246,.18);
}
body.page-analyze .compact-upload-section{
  margin-top:10px;
}
@media(max-width:900px){
  body.page-analyze .analyzer-main-grid,
  body.page-analyze .analyzer-settings-grid{
    grid-template-columns:1fr;
  }
  body.page-analyze .upc-inline-row{
    grid-template-columns:1fr;
  }
  body.page-analyze .barcode-clean-card{
    align-items:stretch;
    flex-direction:column;
  }
  body.page-analyze .barcode-scan-btn,
  body.page-analyze .upc-lookup-btn,
  body.page-analyze .analyzer-submit-btn{
    width:100%;
  }
}
