/* DevHub Brasil · identidade compartilhada, sem alterações de comportamento */
:root,
body.site-page,body.console-page,body.admin-page,body.docs-page,body.legal-page {
  color-scheme:dark;
  --brand-orange:#ed914e; --brand-hover:#f2a367; --brand-soft:rgba(237,145,78,.12);
  --bg:#080808; --page:#080808; --page-2:#101010; --page-3:#171717;
  --canvas:#080808; --surface:#101010; --surface-1:#101010; --surface-2:#171717;
  --surface-3:#202020; --surface-card:#101010; --surface-raised:#171717;
  --card:#101010; --panel:#101010; --line:#2b2825; --line-soft:#201e1b;
  --border:#2b2825; --border-strong:#453a31; --border-subtle:#201e1b;
  --text:#f5f4ef; --text-primary:#f5f4ef; --text-secondary:#aaa49d;
  --muted:#9e9992; --text-muted:#9e9992; --text-faint:#706b65;
  --accent:#ed914e; --accent-hover:#f2a367; --accent-light:#f2a367;
  --accent-soft:rgba(237,145,78,.12); --accent-tint:rgba(237,145,78,.15);
  --accent-ink:#f2a367; --accent-contrast:#17110c; --primary:#ed914e;
  --mint:#ed914e; --orange:#ed914e; --ink:#f5f4ef;
}
body.site-page,body.console-page,body.admin-page,body.docs-page,body.legal-page {
  background:#080808!important; color:#f5f4ef!important;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
::selection{background:rgba(237,145,78,.28);color:#fff}
:focus-visible{outline-color:#ed914e!important}
body :is(input,textarea,select){color:#f5f4ef!important;border-color:#35302b!important;background-color:#111!important;accent-color:#ed914e}
body :is(input,textarea,select):focus{border-color:#ed914e!important;box-shadow:0 0 0 3px rgba(237,145,78,.1)!important}
body :is(input,textarea)::placeholder{color:#78726b!important}
body :is(button,.button,.button-link,.button-dark){transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s}
:is(.site-page,.console-page,.admin-page,.docs-page,.legal-page) :is(.primary,.button-primary,.button-dark,.send-chat,button[type=submit],.dh-consent-accept,#guideNext){
  background:#ed914e!important;border-color:#ed914e!important;color:#17110c!important;box-shadow:0 3px 16px rgba(237,145,78,.08);
}
:is(.site-page,.console-page,.admin-page,.docs-page,.legal-page) :is(.primary,.button-primary,.button-dark,.send-chat,button[type=submit],.dh-consent-accept,#guideNext):hover:not(:disabled){background:#f2a367!important;border-color:#f2a367!important}
body :is(.ghost,.button-secondary,.text-button,.input-action,.sidebar-toggle,.docs-menu-button){background:transparent!important;color:#c3bdb6!important;border-color:#38322d!important}
body :is(.ghost,.button-secondary,.text-button,.input-action):hover{background:#1b1713!important;color:#f2a367!important;border-color:#70503a!important}
body :is(.eyebrow,.kicker,.text-link,.code-label,.guide-count,.section-num,.studio-spark,.studio-orbit,.topbar-label){color:#ed914e!important}
body :is(.brand,.logo,.brand-wordmark){color:#f5f4ef!important}
body :is(.brand .mark,.admin-symbol,.brand svg,.brand-wordmark svg){color:#ed914e!important}
body :is(.topbar,.site-header){background:rgba(8,8,8,.97)!important;border-color:#25221f!important}
.console-page :is(.sidebar,.console-sidebar),.admin-page>aside,.docs-page .docs-sidebar{background:#0b0b0b!important;border-color:#292521!important}
.console-page :is(.console-content,.console-shell,.workspace),.admin-page>main,.docs-page .docs-main{background:#080808!important}
:is(.console-page,.admin-page,.docs-page) :is(.panel,.card,.metric,.stat-card,.auth-card,.catalog-panel,.summary-card,.account-card,.help-card,.table-wrap){background:#101010!important;border-color:#2b2825!important;color:#f5f4ef!important;box-shadow:none!important}
:is(.console-page,.admin-page,.docs-page) :is(.panel,.card,.metric,.stat-card,.auth-card):hover{border-color:#39312b!important}
:is(.console-page,.admin-page,.docs-page) :is(h1,h2,h3,h4){color:#f5f4ef!important;font-family:Inter,system-ui,sans-serif!important}
:is(.console-page,.admin-page,.docs-page) :is(p,.muted,.hint,td small,.metric span){color:#9e9992}
:is(.console-page,.admin-page,.docs-page) :is(th,td,table,.pagination,.section-head,.panel-head,.console-footer){border-color:#2b2825!important}
:is(.console-page,.admin-page,.docs-page) th{background:#141210!important;color:#a59c93!important}
:is(.console-page,.admin-page,.docs-page) tbody tr:hover{background:#16120f!important}
.console-page .sidebar :is(a,button),.admin-page>aside nav a,.docs-page .docs-sidebar .doc-guide{color:#99928a!important;background:transparent!important;border-color:transparent!important}
.console-page .sidebar :is(a,button):hover,.admin-page>aside nav a:hover,.docs-page .doc-guide:hover{background:#18130f!important;color:#eab586!important}
.console-page .sidebar :is(a,button).active,.console-page .sidebar [aria-current=page],.admin-page>aside nav a.active,.docs-page .doc-guide.active,.docs-page .doc-guide[aria-current]{background:rgba(237,145,78,.12)!important;color:#ed914e!important;border-color:rgba(237,145,78,.2)!important;box-shadow:inset 2px 0 0 #ed914e}
.console-page .tabs .tab.active{background:#251a12!important;color:#f2a367!important;border-color:#70472b!important}
.console-page :is(.hero-code,.key-row,.package-card,.usage-row,.access-status,.model-row){background:#121110!important;border-color:#312923!important}
.console-page .package-card[aria-pressed=true]{background:#21170f!important;border-color:#ed914e!important;box-shadow:0 0 0 1px #ed914e!important}
.console-page :is(.key-icon,.model-avatar,.studio-spark){background:#2a1c12!important;color:#ed914e!important}
.admin-page button{background:#171411!important;border-color:#3b3129!important;color:#e9e0d7!important}
.admin-page :is(#refresh,#confirmAction,#search button){background:#ed914e!important;border-color:#ed914e!important;color:#17110c!important}
.admin-page .badge:not(.off){background:#17251c!important;color:#8bb99b!important;border-color:#294532!important}
.admin-page .badge.off{background:#2a2114!important;color:#d9b07a!important}
.admin-page .metric.warn b{color:#e6b573!important}
body :is(.error,.danger-text,#dialogError){color:#eaa293!important}
body :is(dialog,.model-dialog,.guide-dialog,.dh-consent-banner){background:#111!important;border-color:#40342a!important;color:#f5f4ef!important}
.docs-page :is(.docs-support,.v4-doc-note,.doc-note,.callout),.console-page :is(.guide-resume,.v4-meta-health){background:#1b140e!important;border-color:#49321f!important}
.docs-page :is(.docs-support b,.v4-doc-note strong,.docs-support a,.v4-doc-note a){color:#efae7b!important}
.docs-page :is(pre,.code-block),.console-page :is(pre,.snippet){background:#0d0c0b!important;border-color:#302821!important;color:#ddd5cd!important}
.docs-page code,.legal-page code{color:#edb083!important}
/* O chat usa exatamente o mesmo laranja e os mesmos neutros. */
.console-page #view-playground .chat-studio{background:#0b0b0b!important;border-color:#302821!important}
.console-page :is(.chat-main,.chat-main .studio-toolbar,.chat-main .studio-canvas){background:#0b0b0b!important}
.console-page .chat-history{background:#10100f!important;border-color:#302821!important}
.console-page .chat-room.active{background:#261b13!important;color:#edb185!important}
.console-page .chat-main .studio-composer{background:#151311!important;border-color:#44352a!important}
.console-page .chat-main .studio-composer:focus-within{border-color:#a56b3e!important}
.console-page .chat-main #prompt{background:transparent!important;border:0!important;box-shadow:none!important}
.console-page .chat-bubble.user .chat-bubble-content{background:#251c15!important;color:#f0e6dc!important}
.console-page .chat-bubble.assistant .chat-bubble-label{color:#ed914e!important}
.console-page :is(.model-option.selected,.model-filters button.active){background:#281c13!important;border-color:#a86b3e!important;color:#edb183!important}
/* Páginas legais: mesma identidade, texto jurídico preservado. */
.legal-page .site-header{padding:18px max(24px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #2b2825}
.legal-page .brand-wordmark{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:650;text-transform:none;letter-spacing:-.5px}
.legal-page .brand-wordmark svg{width:31px;height:31px;flex-shrink:0}
.legal-page .brand-wordmark em{font-style:normal;color:#ed914e}
.legal-page .legal{max-width:920px;padding-top:70px;padding-bottom:70px}
.legal-page .legal :is(h1,h2){color:#f5f4ef!important}
.legal-page .legal :is(p,li){color:#b3aaa1!important;line-height:1.9}
.legal-page .legal :is(h2,section){border-color:#302821!important}
.legal-page .legal a,.legal-page footer a{color:#edb083!important}
.legal-page footer{background:#0b0b0b!important;border-color:#2b2825!important;color:#8e8780!important}
@media(max-width:600px){.legal-page .site-header{padding:15px 18px}.legal-page .site-header .button{font-size:9px;padding:9px 12px}.legal-page .legal{padding-top:42px}}
/* Entrada de marca: órbita luminosa, desenho do símbolo e saída em fade. */
html.brand-intro-active{overflow:hidden}
.brand-intro{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:#080808;color:#f5f4ef;isolation:isolate}
.brand-intro[hidden]{display:none!important}
.brand-intro::before{content:'';position:absolute;width:min(460px,80vw);height:min(460px,80vw);border-radius:50%;background:radial-gradient(circle,rgba(237,145,78,.11),transparent 64%);filter:blur(18px);animation:brandGlow 1.65s ease-in-out both}
.brand-intro-core{position:relative;display:grid;justify-items:center;gap:22px;text-align:center;transform:translateY(-12px)}
.brand-intro-orbit{position:absolute;inset:-30px;animation:brandOrbit 1.4s cubic-bezier(.28,.05,.26,1) both}
.brand-intro-orbit::before{content:'';position:absolute;left:50%;top:7px;width:5px;height:5px;border-radius:50%;background:#ffe0bd;box-shadow:0 0 10px #ed914e,0 0 25px #ed914e,0 0 50px #ed914e}
.brand-intro-orbit::after{content:'';position:absolute;left:50%;top:6px;width:31px;height:18px;border-top:1px solid #ed914e;border-radius:50%;transform:translateX(-30px) rotate(-18deg);opacity:.7}
.brand-intro-symbol{width:90px;height:90px;overflow:visible;filter:drop-shadow(0 0 15px rgba(237,145,78,.2))}
.brand-intro-hex{fill:rgba(237,145,78,0);stroke:#ed914e;stroke-width:2;stroke-dasharray:340;stroke-dashoffset:340;animation:brandTrace 1.05s .18s ease both,brandFill .5s .92s ease both}
.brand-intro-code{fill:none;stroke:#080808;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:140;stroke-dashoffset:140;animation:brandCode .5s .96s ease both}
.brand-intro-name{display:flex;gap:5px;align-items:baseline;font:650 24px/1.2 Inter,system-ui,sans-serif;letter-spacing:-.8px;animation:brandName .65s .65s ease both}
.brand-intro-name span:last-child{color:#ed914e;font-weight:500}
.brand-intro-tagline{font:9px/1.5 Inter,system-ui,sans-serif;letter-spacing:2.1px;color:#817569;text-transform:uppercase;margin:9px 0 0;animation:brandName .55s .88s ease both}
.brand-intro-skip{position:absolute;bottom:max(30px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:transparent!important;border:0!important;color:#71685f!important;font:10px Inter,system-ui,sans-serif;letter-spacing:.2px;padding:12px 20px;cursor:pointer}
.brand-intro-skip:hover{color:#edb083!important}
.brand-intro.is-leaving{pointer-events:none;animation:brandExit .42s ease forwards}
.brand-arrived :is(.hero-eyebrow,.hero h1,.hero-lead,.hero-actions,.hero-showcase,.console-header,.admin-page main>header,.docs-main>h1){animation:brandPageIn .7s cubic-bezier(.2,.65,.25,1) both}
.brand-arrived .hero-lead{animation-delay:.08s}.brand-arrived .hero-actions{animation-delay:.15s}.brand-arrived .hero-showcase{animation-delay:.22s}
.dh-reveal{opacity:0;transform:translateY(14px);transition:opacity .65s ease,transform .65s ease}
.dh-reveal.is-visible{opacity:1;transform:none}
@keyframes brandOrbit{0%{transform:rotate(-150deg) scale(.72);opacity:0}18%{opacity:1}78%{opacity:1}100%{transform:rotate(215deg) scale(1.04);opacity:0}}
@keyframes brandTrace{to{stroke-dashoffset:0}}
@keyframes brandFill{to{fill:#ed914e}}
@keyframes brandCode{to{stroke-dashoffset:0}}
@keyframes brandName{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes brandGlow{0%{opacity:0;transform:scale(.7)}55%{opacity:1}100%{opacity:.5;transform:scale(1.12)}}
@keyframes brandExit{to{opacity:0;transform:scale(1.018)}}
@keyframes brandPageIn{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.brand-intro{display:none!important}.dh-reveal{opacity:1!important;transform:none!important}html.brand-intro-active{overflow:auto}}
