:root{
  --bg:#07101e;--panel:#111b2e;--panel2:#0e1828;--line:#25334a;--text:#f6f7fb;--muted:#95a4bf;
  --orange:#ff623d;--orange2:#ff9b2f;--green:#2fd58f;--white:#fff;--danger:#ff6b6b
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#050913;color:var(--text)}
button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}
.auth-view{min-height:100vh;background:radial-gradient(circle at 30% 20%,#172135 0,#070b14 35%,#05070d 100%);display:grid;place-items:center;padding:32px}
.auth-shell{width:min(920px,100%);text-align:center}.brand-mark{font-size:34px}.brand-name{font-size:22px;font-weight:900;margin-top:6px}
.auth-shell h1{font-size:clamp(38px,6vw,72px);letter-spacing:-.055em;margin:22px 0 8px}.auth-shell>p{color:var(--muted);max-width:680px;margin:0 auto 28px;line-height:1.55}
.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;text-align:left}.panel,.tool-card,.opportunity-card{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:24px}
.panel h2{margin-top:0}.panel label{display:block;margin:14px 0;color:#dfe7f5;font-weight:700}.panel input{margin-top:7px}
.form-message{min-height:26px;margin-top:12px;color:var(--muted)}
input,textarea,select{width:100%;background:#0b1526;border:1px solid #2a3951;color:#fff;border-radius:12px;padding:13px 14px;outline:none}
input:focus,textarea:focus,select:focus{border-color:#ff754b;box-shadow:0 0 0 3px rgba(255,98,61,.12)}textarea{resize:vertical}
.btn{border:none;border-radius:12px;padding:13px 18px;font-weight:900}.btn.primary{background:linear-gradient(90deg,var(--orange),var(--orange2));color:white}.btn.dark{background:#0d1728;color:white}.btn.ghost{background:transparent;color:white;border:1px solid #33445e}.btn.wide{width:100%;margin-top:14px}
.onboarding-view{min-height:100vh;display:grid;place-items:center;padding:36px;position:relative;overflow:hidden;background:#050913}
.onboarding-bg{position:absolute;inset:0;background:radial-gradient(circle at 25% 50%,rgba(255,74,69,.18),transparent 28%),radial-gradient(circle at 78% 50%,rgba(255,150,47,.18),transparent 30%)}
.onboarding-card{position:relative;width:min(650px,94vw);max-height:88vh;overflow:auto;background:#111a2b;border:1px solid #32405a;border-radius:26px;padding:26px;box-shadow:0 30px 90px rgba(0,0,0,.55)}
.progress{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:24px}.progress i{height:5px;border-radius:99px;background:#29354b}.progress i.active{background:linear-gradient(90deg,var(--orange),#ffbf2f)}
.mini-brand{font-size:22px;font-weight:900}.mini-brand span{background:var(--orange);padding:7px;border-radius:10px}.onboarding-step h1{font-size:clamp(38px,7vw,58px);letter-spacing:-.055em;margin:25px 0 8px}.onboarding-step p{color:#d3d9e4}
.onboarding-step label{display:block;font-weight:800;margin:14px 0 6px}.onboarding-step label span{font-weight:500;color:var(--muted)}.help{font-size:13px;color:var(--muted)!important;margin:7px 0 20px!important}
.form-grid{display:grid;gap:12px}.form-grid.two{grid-template-columns:1fr 1fr}.onboarding-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #29354a;padding-top:18px;margin-top:18px}
.pain-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pain-grid button,.chips button{background:#111a2b;color:#fff;border:1px solid #35445d;border-radius:12px;padding:14px;text-align:left;font-weight:800}.pain-grid button.selected{border-color:var(--orange);background:rgba(255,98,61,.12)}
.app-view{min-height:100vh;background:radial-gradient(circle at 78% 0,#181c3a 0,#08101e 30%,#050b15 100%);display:grid;grid-template-columns:210px 1fr}
.sidebar{background:#07101d;border-right:1px solid #27344a;padding:25px 14px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}
.sidebar-brand{display:flex;align-items:center;gap:9px;font-size:20px;padding:0 7px 24px}.sidebar-brand span{background:var(--orange);border-radius:10px;padding:7px}
.sidebar nav{display:grid;gap:7px}.nav-item{display:flex;gap:11px;align-items:center;border:none;background:transparent;color:#9eabc1;border-radius:10px;padding:12px 13px;text-align:left;font-weight:800}
.nav-item.active{background:white;color:#172033}.sidebar-bottom{margin-top:auto;display:grid;gap:10px}.business-mini,.credit-box{border:1px solid #2c3a51;border-radius:12px;padding:11px;background:#0c1627}.business-mini{display:grid;gap:3px}.business-mini span{font-size:12px;color:var(--muted)}.business-mini button{border:0;background:transparent;color:#ff8060;padding:4px 0;text-align:left;font-size:12px}
.credit-box{display:flex;justify-content:space-between;color:var(--muted)}.credit-box b{color:#fff}.logout{background:transparent;border:1px solid #29384f;color:#b6c1d4;padding:10px;border-radius:10px}
.main{padding:30px 38px 70px;min-width:0}.main-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:28px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.1em;color:#83c9ff}
.main-header h1{font-size:clamp(32px,4vw,48px);letter-spacing:-.05em;margin:3px 0}.main-header p{color:#7fb8e9;margin:0}.credit-pill{border:1px solid #29405b;border-radius:999px;padding:8px 12px;color:#9eabc0;background:#0e1728}
.tool-view{display:none}.tool-view.active{display:block}.hero-card{background:linear-gradient(110deg,#ff5b3b,#ffad2e);border-radius:22px;padding:28px;color:#111;overflow:hidden;position:relative}
.hero-card:after{content:"";position:absolute;width:150px;height:150px;border:18px solid rgba(255,255,255,.15);border-radius:50%;right:-35px;top:-35px}.hero-card h2{font-size:clamp(34px,4vw,56px);letter-spacing:-.05em;line-height:.92;margin:0 0 12px}.hero-card p{font-weight:700}.quick-input{display:flex;max-width:560px;background:white;border-radius:12px;padding:5px;margin-top:16px}.quick-input input{background:white;border:0;color:#1c2430}.quick-input button{white-space:nowrap}
.section-title{display:flex;justify-content:space-between;align-items:end;margin:24px 0 10px}.section-title h3{margin:0}.section-title span{color:var(--muted);font-size:12px}
.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-grid button{background:#111a2b;border:1px solid #2b3950;color:white;border-radius:14px;padding:18px;text-align:left;display:grid;gap:8px}.quick-grid button:first-child{border-color:#ff6340}.quick-grid span{font-size:12px;color:#9cacbf}
.opportunity-card{margin-top:26px}.opportunity-card label{display:block;font-size:12px;color:#d6deea}.opportunity-card select{margin-top:7px}.opportunity-row{margin-top:14px;border-top:1px solid #2b3850;padding-top:14px;display:grid;gap:8px}.opportunity-row span:last-child{color:var(--muted);font-size:13px}.tag{width:max-content;padding:5px 8px;border-radius:8px;font-size:11px}.tag.warn{background:#342812;color:#ffb02f}
.tool-card h2{font-size:34px;letter-spacing:-.04em;margin:4px 0}.tool-card>p{color:#8fb8e5;margin-top:0}.generation-form label,.modal-card label{display:block;font-weight:800;margin:14px 0 7px}.generation-form label span{font-weight:500;color:var(--muted)}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:9px 0}.chips button{padding:8px 10px;font-size:12px}
.result-panel{margin-top:18px;background:#111a2b;border:1px solid #2a3952;border-radius:20px;padding:22px}.result-head{display:flex;justify-content:space-between;align-items:center}.result-head h2{margin:3px 0}.result-meta{color:#8ba0ba;font-size:13px;margin:8px 0}.result-panel pre{white-space:pre-wrap;font:inherit;line-height:1.65;margin:15px 0 0;color:#f1f4f8}
.toast{position:fixed;top:18px;right:18px;z-index:99;background:#111a2b;border:1px solid #35445d;border-radius:12px;padding:12px 16px;box-shadow:0 15px 45px #0008}.toast.error{border-color:#8b3540;color:#ff9aa2}.toast.success{border-color:#247455;color:#7ceab9}
.modal{position:fixed;inset:0;background:#000a;display:grid;place-items:center;z-index:80;padding:20px}.modal-card{width:min(570px,96vw);max-height:90vh;overflow:auto;background:#111a2b;border:1px solid #2d3d55;border-radius:20px;padding:22px}.modal-head{display:flex;justify-content:space-between}.modal-head h2{margin-top:0}.modal-head button{background:transparent;border:0;color:#fff;font-size:28px}
@media(max-width:900px){.app-view{grid-template-columns:78px 1fr}.sidebar{padding-inline:9px}.sidebar-brand b,.nav-item span,.business-mini,.credit-box span{display:none}.sidebar-brand{justify-content:center}.nav-item{justify-content:center;font-size:18px}.credit-box{justify-content:center}.main{padding:24px 16px}.quick-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.auth-grid,.form-grid.two,.pain-grid,.quick-grid{grid-template-columns:1fr}.auth-view,.onboarding-view{padding:14px}.app-view{display:block}.sidebar{height:auto;min-height:auto;position:fixed;z-index:50;left:0;right:0;bottom:0;top:auto;display:block;border-right:0;border-top:1px solid #27344a;padding:6px}.sidebar-brand,.sidebar-bottom{display:none}.sidebar nav{grid-template-columns:repeat(6,1fr);gap:2px}.nav-item{padding:10px 4px;font-size:15px}.nav-item span{display:none}.main{padding:20px 12px 90px}.main-header{margin-bottom:18px}.main-header h1{font-size:30px}.hero-card{padding:20px}.hero-card h2{font-size:38px}.quick-input{display:grid;background:transparent;padding:0}.quick-input input{margin-bottom:8px}.onboarding-card{padding:20px}.onboarding-step h1{font-size:42px}}


/* Resposta formatada */
.answer-content{
  display:grid;
  gap:14px;
  margin-top:16px;
  color:#f2f5f9;
  line-height:1.65;
}
.answer-section{
  background:#0c1627;
  border:1px solid #26364e;
  border-radius:16px;
  padding:18px 20px;
}
.answer-section h3{
  margin:0 0 12px;
  font-size:20px;
  color:#fff;
  letter-spacing:-.02em;
}
.answer-section p{
  margin:8px 0;
  color:#e9eef6;
}
.answer-section ul,
.answer-section ol{
  margin:8px 0 4px;
  padding-left:24px;
}
.answer-section li{
  margin:7px 0;
  color:#e9eef6;
}
.answer-line{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:9px 0;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.answer-line:last-child{border-bottom:0}
.answer-label{
  flex:0 0 auto;
  font-weight:900;
  color:#ff8a43;
}
.answer-content strong{
  color:#fff;
  font-weight:900;
}
.answer-content code{
  background:#172238;
  border:1px solid #2e405c;
  border-radius:6px;
  padding:2px 6px;
  color:#ffd6c8;
}
@media(max-width:650px){
  .answer-section{padding:15px}
  .answer-line{display:block}
  .answer-label{display:block;margin-bottom:3px}
}


/* Compra de créditos via Pix */
.buy-credits-btn{
  width:100%;
  border:1px solid rgba(255,124,72,.55);
  background:linear-gradient(90deg,rgba(255,98,61,.12),rgba(255,155,47,.12));
  color:#ff9061;
  border-radius:10px;
  padding:10px;
  font-weight:900;
}
.buy-top{
  background:linear-gradient(90deg,var(--orange),var(--orange2));
  color:#fff;
  padding:9px 13px;
}
.header-actions{display:flex;align-items:center;gap:8px}
.pix-modal-card{width:min(760px,96vw)}
.pix-intro{color:var(--muted);margin-top:0}
.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.package-card{
  min-height:150px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
  padding:20px;
  border-radius:16px;
  border:1px solid #34445e;
  background:#0c1627;
  color:#fff;
  text-align:left;
}
.package-card:hover,.package-card.featured{border-color:#ff754b}
.package-card span{font-weight:900;font-size:18px}
.package-card strong{font-size:28px;color:#ff8a43}
.package-card small{color:var(--muted)}
.pix-payment-grid{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start}
.qr-wrap{
  min-height:280px;
  display:grid;
  place-items:center;
  border:1px solid #2d3e58;
  border-radius:18px;
  background:#fff;
  padding:14px;
}
.qr-wrap img{width:100%;height:auto;display:block}
.pix-details h3{font-size:25px;margin:14px 0 4px}
.pix-details>p{color:var(--muted)}
.pix-details label{display:block;font-weight:900;margin:14px 0 7px}
.pix-details textarea{font-size:12px;word-break:break-all}
.pix-status{
  display:inline-flex;
  border-radius:999px;
  padding:7px 10px;
  font-size:12px;
  font-weight:900;
}
.pix-status.waiting{background:#3a2d10;color:#ffc759}
.pix-status.paid{background:#11392c;color:#6de6ac}
.pix-status.failed{background:#401c22;color:#ff9ca5}
.pix-link{display:block;text-align:center;text-decoration:none}
.pix-help{font-size:12px!important;text-align:center}
.pix-back{border:0;background:transparent;color:#ff8a43;font-weight:900;padding:0 0 16px}
@media(max-width:720px){
  .package-grid,.pix-payment-grid{grid-template-columns:1fr}
  .qr-wrap{width:min(280px,100%);margin:0 auto}
  .buy-top{display:none}
}

.refresh-credit-btn{
  background:#101b2d;
  color:#c7d4e8;
  border:1px solid #30425c;
  padding:9px 12px;
}
.refresh-credit-btn:hover{border-color:#ff754b;color:#fff}
@media(max-width:720px){.refresh-credit-btn{display:none}}


/* Minha Conta */
.account-page{display:grid;gap:18px}
.account-hero{
  display:flex;justify-content:space-between;gap:20px;align-items:center;
  background:linear-gradient(120deg,#111a2b,#15213a);
  border:1px solid #2b3b54;border-radius:20px;padding:24px
}
.account-hero h2{font-size:34px;letter-spacing:-.04em;margin:4px 0 6px}
.account-hero p{margin:0;color:var(--muted)}
.account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.stat-card{
  background:#111a2b;border:1px solid #2b3b54;border-radius:16px;
  padding:18px;display:grid;gap:5px
}
.stat-card span{color:#9fb0c7;font-size:13px;font-weight:800}
.stat-card strong{font-size:34px;color:#fff}
.stat-card small{color:#72839b}
.account-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}
.account-card{
  background:#111a2b;border:1px solid #2b3b54;border-radius:18px;padding:20px
}
.account-card-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:14px}
.account-card-head h3{margin:3px 0 0;font-size:22px}
.small-btn{padding:8px 11px}
.profile-list{display:grid;gap:0;margin:0}
.profile-list>div{display:grid;grid-template-columns:160px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.profile-list>div:last-child{border-bottom:0}
.profile-list dt{color:#8899b0;font-weight:800}
.profile-list dd{margin:0;color:#eef3f9}
.history-card{padding-bottom:8px}
.history-list{display:grid}
.history-item{
  display:grid;grid-template-columns:1.2fr .8fr .8fr auto;gap:12px;align-items:center;
  padding:14px 0;border-top:1px solid rgba(255,255,255,.07)
}
.history-item:first-child{border-top:0}
.history-main{display:grid;gap:3px}
.history-main strong{color:#fff}
.history-main span,.history-meta{color:#8fa0b8;font-size:12px}
.status-pill{
  display:inline-flex;width:max-content;padding:5px 8px;border-radius:999px;
  font-size:11px;font-weight:900
}
.status-pill.paid{background:#11392c;color:#70e3ad}
.status-pill.pending{background:#3a2d10;color:#ffc759}
.status-pill.failed{background:#401c22;color:#ff9ca5}
.empty-state{padding:18px 0;color:#788aa2}
@media(max-width:900px){
  .account-stats{grid-template-columns:1fr}
  .account-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  .account-hero{display:grid}
  .history-item{grid-template-columns:1fr}
  .profile-list>div{grid-template-columns:1fr;gap:4px}
}


/* V4 - ajustes de lançamento */
.low-balance-banner{
  margin:-8px 0 20px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:14px 16px;
  border:1px solid rgba(255,155,47,.45);
  background:linear-gradient(90deg,rgba(255,98,61,.12),rgba(255,155,47,.08));
  border-radius:14px;
}
.low-balance-banner>div{display:grid;gap:3px}
.low-balance-banner strong{color:#fff}
.low-balance-banner span{color:#d5deeb;font-size:13px}
.package-card em{
  font-style:normal;
  font-size:12px;
  color:#9fb0c7;
  font-weight:800;
}
.package-card.featured::before{
  content:"MAIS VANTAJOSO";
  position:absolute;
  top:10px;
  right:10px;
  font-size:9px;
  letter-spacing:.08em;
  font-weight:900;
  color:#ffb36e;
}
.package-card{position:relative}
.account-note{
  margin:0;
  color:#9fb0c7;
  line-height:1.55;
}
.launch-ready-card{
  background:linear-gradient(120deg,rgba(17,57,44,.38),rgba(17,26,43,.95));
}
.history-item{
  min-height:62px;
}
.history-main span{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:440px;
}
.credit-pill{
  white-space:nowrap;
}
.btn:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible{
  outline:2px solid #ff8a43;
  outline-offset:2px;
}
@media(max-width:900px){
  .header-actions{flex-wrap:wrap;justify-content:flex-end}
  .low-balance-banner{margin-top:0}
}
@media(max-width:650px){
  .low-balance-banner{display:grid}
  .low-balance-banner .btn{width:100%}
  .account-stats{gap:8px}
  .stat-card strong{font-size:28px}
  .account-hero h2{font-size:28px}
  .main-header{gap:10px}
}


/* Identidade visual Vende Aí */
.brand{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:6px 4px 18px;
}
.brand-logo{
  display:block;
  width:150px;
  max-width:100%;
  height:auto;
  object-fit:contain;
}
.auth-logo-wrap{
  display:flex;
  justify-content:center;
  margin:0 auto 18px;
}
.auth-brand-logo{
  display:block;
  width:min(240px,75%);
  height:auto;
  object-fit:contain;
}
@media(max-width:720px){
  .brand-logo{width:125px}
  .auth-brand-logo{width:min(210px,78%)}
}

/* Correção logo oficial */
.auth-logo-wrap{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  margin:0 auto 24px !important;
}
.auth-brand-logo{
  display:block !important;
  width:290px !important;
  max-width:72vw !important;
  height:auto !important;
  object-fit:contain !important;
}
.brand-logo{
  width:175px !important;
  height:auto !important;
  object-fit:contain !important;
}


/* Logo oficial - correção definitiva */
.auth-logo-wrap{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  margin:0 auto 26px !important;
}
.auth-brand-logo{
  width:300px !important;
  max-width:76vw !important;
  height:auto !important;
  display:block !important;
}
.official-sidebar-brand{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  padding:10px 10px 22px !important;
}
.sidebar-brand-logo{
  display:block !important;
  width:165px !important;
  max-width:100% !important;
  height:auto !important;
  object-fit:contain !important;
}
@media(max-width:720px){
  .auth-brand-logo{width:240px !important}
  .sidebar-brand-logo{width:135px !important}
}


/* Página pública de apresentação */
.marketing-body,.legal-body{background:#070d17;color:#f5f7fb;min-height:100vh}
.marketing-header{
  width:min(1180px,calc(100% - 36px));margin:0 auto;padding:24px 0;
  display:flex;justify-content:space-between;align-items:center;gap:24px
}
.marketing-logo{width:160px;height:auto;display:block}
.marketing-nav{display:flex;align-items:center;gap:22px}
.marketing-nav a:not(.btn),.marketing-footer a,.auth-legal-links a{color:#aebbd0;text-decoration:none}
.marketing-nav a:not(.btn):hover,.marketing-footer a:hover,.auth-legal-links a:hover{color:#fff}
.marketing-main{width:min(1180px,calc(100% - 36px));margin:0 auto}
.marketing-hero{padding:90px 0 70px;max-width:880px}
.marketing-hero h1{font-size:clamp(46px,7vw,88px);line-height:.98;letter-spacing:-.055em;margin:12px 0 24px}
.marketing-hero p{font-size:21px;line-height:1.55;color:#aebbd0;max-width:760px}
.marketing-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 14px}
.marketing-main-cta{font-size:16px;padding:14px 20px}
.marketing-hero small{color:#7f8fa8}
.marketing-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:90px}
.marketing-proof>div{background:#101a2b;border:1px solid #263750;border-radius:18px;padding:22px;display:grid;gap:4px}
.marketing-proof strong{font-size:24px}.marketing-proof span{color:#8fa0b8}
.marketing-section{padding:80px 0;border-top:1px solid rgba(255,255,255,.07)}
.marketing-section>h2,.marketing-final h2{font-size:clamp(34px,5vw,58px);line-height:1.05;letter-spacing:-.04em;max-width:800px;margin:8px 0 26px}
.section-copy{color:#9fb0c7;font-size:18px;max-width:650px}
.marketing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
.marketing-cards article{background:#101a2b;border:1px solid #263750;border-radius:18px;padding:24px}
.marketing-cards article>b{color:#ff8a43;font-size:13px}
.marketing-cards h3{font-size:21px;margin:9px 0}.marketing-cards p{color:#9fb0c7;line-height:1.55}
.price-card{display:grid;gap:8px}.price-card>span{font-weight:800}.price-card>strong{font-size:38px;color:#ff843c}.price-card>small{color:#8fa0b8}
.price-card.featured{border-color:#ff643f;transform:translateY(-6px)}
.marketing-pricing .marketing-main-cta{display:inline-flex;margin-top:26px}
.marketing-final{padding:95px 0;text-align:center;display:grid;justify-items:center}
.marketing-final p{color:#9fb0c7;font-size:18px;max-width:650px}
.marketing-footer{
  width:min(1180px,calc(100% - 36px));margin:0 auto;padding:30px 0 45px;border-top:1px solid rgba(255,255,255,.08);
  display:grid;gap:16px
}
.marketing-footer img{width:125px}.marketing-footer>div{display:flex;gap:18px;flex-wrap:wrap}.marketing-footer small{color:#66778e}

/* Jurídico */
.legal-shell{width:min(820px,calc(100% - 36px));margin:0 auto;padding:54px 0 80px}
.legal-logo{width:150px;margin-bottom:34px}
.legal-shell h1{font-size:48px;letter-spacing:-.04em;margin:8px 0}
.legal-updated{color:#788aa2;margin-bottom:45px}
.legal-shell h2{font-size:21px;margin:31px 0 8px}.legal-shell p{color:#b7c2d3;line-height:1.75}
.legal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:44px}
.auth-legal-links{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:20px;font-size:13px;color:#5e718b}

@media(max-width:800px){
  .marketing-nav>a:not(.btn){display:none}
  .marketing-logo{width:135px}
  .marketing-hero{padding-top:60px}
  .marketing-proof,.marketing-cards{grid-template-columns:1fr}
  .price-card.featured{transform:none}
}


/* V4.2 — correções definitivas para celular */
@media(max-width:720px){

  /* O conteúdo nunca fica escondido atrás da barra inferior */
  .app-main,
  main,
  .main-content,
  .dashboard-main{
    padding-bottom:calc(110px + env(safe-area-inset-bottom)) !important;
  }

  /* Barra inferior mais compacta e respeitando a área segura do iPhone */
  .sidebar,
  .app-sidebar{
    padding-bottom:env(safe-area-inset-bottom) !important;
  }

  .sidebar-nav,
  .mobile-nav,
  .bottom-nav{
    min-height:64px !important;
    padding-bottom:env(safe-area-inset-bottom) !important;
  }

  /* No mobile a marca grande do menu não deve ocupar espaço acima da navegação */
  .official-sidebar-brand,
  .sidebar-brand,
  .brand{
    display:none !important;
  }

  /* Logo da tela de login continua visível, mas menor */
  .auth-logo-wrap{
    margin:0 auto 16px !important;
  }
  .auth-brand-logo{
    width:180px !important;
    max-width:60vw !important;
  }

  /* Evita que blocos e cards encostem na navegação inferior */
  .tool-view,
  .account-page,
  .home-view,
  .dashboard-view{
    padding-bottom:24px !important;
  }

  /* Navegação inferior com ícones mais compactos */
  .nav-item{
    min-width:0 !important;
  }
  .nav-item span{
    font-size:11px;
  }

  /* Área "Oportunidades" e último card continuam totalmente roláveis */
  .opportunities,
  .opportunity-card,
  .home-section:last-child{
    margin-bottom:24px !important;
  }
}

/* iPhones com barra de gesto */
@supports(padding:max(0px)){
  @media(max-width:720px){
    .app-main,
    main,
    .main-content,
    .dashboard-main{
      padding-bottom:max(110px, calc(88px + env(safe-area-inset-bottom))) !important;
    }
  }
}

.auth-domain-note{
  text-align:center;
  margin-top:14px;
  font-size:12px;
  color:#6f8198;
  letter-spacing:.03em;
}

.auth-trust-note{
  text-align:center;
  margin:8px auto 0;
  max-width:680px;
  color:#8fa0b8;
  font-size:12px;
  line-height:1.5;
}
.faq-list{
  display:grid;
  gap:10px;
  margin-top:28px;
  max-width:860px;
}
.faq-list details{
  background:#101a2b;
  border:1px solid #263750;
  border-radius:14px;
  padding:16px 18px;
}
.faq-list summary{
  cursor:pointer;
  font-weight:800;
  color:#fff;
}
.faq-list p{
  color:#9fb0c7;
  line-height:1.6;
  margin:10px 0 0;
}
@media(max-width:720px){
  .auth-trust-note{padding:0 16px}
}

.form-message.success{
  color:#79e3ad;
  background:rgba(17,57,44,.28);
  border:1px solid rgba(112,227,173,.28);
  padding:12px 14px;
  border-radius:12px;
  margin-top:12px;
}


/* V6 — Radar de Trends + Administração */
.trends-page,.admin-page{display:grid;gap:18px}
.trends-hero,.admin-hero{
  display:flex;justify-content:space-between;align-items:center;gap:18px;
  background:linear-gradient(120deg,#111a2b,#162039);
  border:1px solid #2b3b54;border-radius:20px;padding:24px
}
.trends-hero h2,.admin-hero h2{font-size:34px;letter-spacing:-.04em;margin:5px 0 6px}
.trends-hero p,.admin-hero p{margin:0;color:#9fb0c7}
.trend-filters{display:flex;gap:8px;flex-wrap:wrap}
.trend-filter{
  border:1px solid #30415a;background:#0d1728;color:#9fb0c7;
  border-radius:999px;padding:8px 12px;font-weight:800
}
.trend-filter.active{border-color:#ff7448;color:#fff;background:rgba(255,116,72,.12)}
.trends-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.trend-card{
  background:#111a2b;border:1px solid #2b3b54;border-radius:18px;overflow:hidden;
  display:flex;flex-direction:column;min-height:310px
}
.trend-cover{
  aspect-ratio:16/9;background:linear-gradient(135deg,#18253d,#0a1220);
  display:grid;place-items:center;overflow:hidden
}
.trend-cover img{width:100%;height:100%;object-fit:cover;display:block}
.trend-cover-fallback{font-size:42px}
.trend-card-body{padding:17px;display:grid;gap:10px;height:100%}
.trend-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.trend-platform{
  font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;
  background:#1a263a;border:1px solid #32445f;border-radius:999px;padding:5px 8px
}
.trend-date{font-size:11px;color:#7f91aa}
.trend-card h3{margin:0;font-size:20px;line-height:1.2}
.trend-card p{margin:0;color:#9fb0c7;line-height:1.5;font-size:13px}
.trend-actions{display:grid;grid-template-columns:auto 1fr;gap:8px;margin-top:auto}
.trend-open{display:inline-flex;justify-content:center;align-items:center;text-decoration:none}
.trend-adapt{min-width:0}
.admin-badge{
  border:1px solid #ff7448;color:#ff9b75;background:rgba(255,116,72,.1);
  border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900;letter-spacing:.08em
}
.admin-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:14px}
.admin-check{display:flex!important;align-items:center;gap:9px;margin-top:37px!important}
.admin-check input{width:auto}
.admin-form-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.admin-trends-list{display:grid;gap:10px}
.admin-trend-row{
  border:1px solid #293950;background:#0c1627;border-radius:14px;padding:13px;
  display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center
}
.admin-trend-main{display:grid;gap:4px}
.admin-trend-main strong{color:#fff}
.admin-trend-main span{font-size:12px;color:#8fa0b8}
.admin-trend-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.admin-trend-actions button{padding:7px 9px;font-size:11px}
.status-pill.off{background:#2e3440;color:#aeb7c5}
.nav-item.admin-only:not(.hidden){color:#ff9b75}
@media(max-width:1050px){
  .trends-grid{grid-template-columns:repeat(2,1fr)}
  .admin-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  .trends-grid{grid-template-columns:1fr}
  .trends-hero,.admin-hero{display:grid;padding:18px}
  .trends-hero h2,.admin-hero h2{font-size:28px}
  .trend-actions{grid-template-columns:1fr}
  .admin-trend-row{grid-template-columns:1fr}
  .admin-trend-actions{justify-content:flex-start}
  .admin-check{margin-top:8px!important}

  /* Com mais itens, a barra inferior vira uma faixa rolável */
  .sidebar nav{
    display:flex!important;
    overflow-x:auto;
    gap:4px!important;
    scrollbar-width:none;
    padding-bottom:2px;
  }
  .sidebar nav::-webkit-scrollbar{display:none}
  .nav-item{
    flex:0 0 58px;
    min-width:58px!important;
    justify-content:center;
  }
}

/* Comunidade Vende Aí */
.community-nav{
  text-decoration:none;
}
.quick-community-card{
  display:grid;
  gap:4px;
  text-decoration:none;
  color:inherit;
}
.community-account-btn{
  margin-bottom:10px;
  text-decoration:none;
  display:flex;
  justify-content:center;
  align-items:center;
}
.community-section{
  background:linear-gradient(120deg,rgba(22,60,45,.24),transparent);
}
@media(max-width:650px){
  .community-nav{
    flex:0 0 58px;
    min-width:58px!important;
  }
}