/* Camada visual comum: padroniza controles sem alterar comportamento. */
:where(#content,#modal) :where(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]),select,textarea){
  font-family:Inter,system-ui,sans-serif;
  color:var(--text);
  background:var(--surface-2);
  border:1px solid var(--line);
  border-radius:11px;
  outline:none;
  transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}
:where(#content,#modal) :where(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]),select){min-height:40px}
:where(#content,#modal) textarea{line-height:1.45}
:where(#content,#modal) :where(input,select,textarea):focus{
  border-color:#8c3340;
  box-shadow:0 0 0 3px rgba(224,27,46,.12);
  background:#241d21;
}
:where(#content,#modal) :where(input,textarea)::placeholder{color:#77717a;opacity:1}
:where(#content,#modal) :where(input,select,textarea):disabled{opacity:.55;cursor:not-allowed}

:where(#content,#modal) button{
  font-family:Inter,system-ui,sans-serif;
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease;
}
:where(#content,#modal) button:not(:disabled):active{transform:translateY(1px)}
:where(#content,#modal) button:focus-visible{outline:2px solid rgba(255,79,97,.72);outline-offset:2px}
:where(#content,#modal) button:disabled{cursor:not-allowed;opacity:.5}

:where(#content,#modal) .btn{
  border:1px solid transparent;
  background:#ed1b2f;
  color:#fff;
  box-shadow:none;
}
:where(#content,#modal) .btn:hover{border-color:#ff5365;background:#c91327;box-shadow:0 8px 20px rgba(224,27,46,.18)}
:where(#content,#modal) .btn.ghost{
  border-color:#342f35;
  background:#211e23;
  color:#f4f2f4;
  box-shadow:none;
}
:where(#content,#modal) .btn.ghost:hover{border-color:#5a4850;background:#2b252b;box-shadow:none}
:where(#content,#modal) .btn.dashed{border-color:#443941;background:transparent;color:#b9afb5}
:where(#content,#modal) .btn.dashed:hover{border-color:#e01b2e;background:rgba(224,27,46,.08);color:#ff7180}

#modal{
  border:1px solid #3b333a;
  border-radius:18px;
  background:#171519;
  color:var(--text);
  box-shadow:0 28px 80px rgba(0,0,0,.62);
}
#modal>h2,#modal :where(.universal-modal-form,.mobile-complete-checkout)>h2{font-family:'Bricolage Grotesque',Inter,sans-serif;letter-spacing:-.02em}
#modal .modal-actions{border-color:#342d32;background:linear-gradient(180deg,rgba(23,21,25,.94),#171519)}

:where(#content,#modal) table thead th{background:#211e23;color:#a89ea6}
:where(#content,#modal) table tbody tr{border-color:#302a30}

/* O estúdio tinha estados ativos claros, diferentes de todo o restante do sistema. */
.marketing-tabs-v2 button.active,.brandbook-nav button.active{
  border-color:#7d2735!important;
  background:linear-gradient(135deg,#481723,#26141a)!important;
  color:#fff!important;
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 0 18px rgba(224,27,46,.09)!important;
}
.marketing-tabs-v2 button.active span,.brandbook-nav button.active i{color:#ff5264!important}

@media(max-width:620px){
  #modal{border-radius:16px}
  :where(#content,#modal) :where(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]),select){min-height:44px}
}