/* Blaste IA — base visual compartilhada. Carregada após o CSS de cada módulo. */
:root{--bg:#080808;--panel:#121214;--panel-2:#19191D;--ink:#F8F8F8;--muted:#A1A1AA;--gold:#D4AF37;--gold-deep:#D4AF37;--line:rgba(226,180,62,.18);--ok:#4ade80;--warn:#D4AF37;--bad:#fb7185;--radius:14px;--shadow:0 18px 38px rgba(0,0,0,.32)}
html[data-blaste-ia]{background:var(--bg);color-scheme:dark}html[data-blaste-ia] *,html[data-blaste-ia] *:before,html[data-blaste-ia] *:after{background-image:none!important}html[data-blaste-ia] body,html[data-blaste-ia] body:before,html[data-blaste-ia] body:after{background:#080808!important;background-image:none!important;color:var(--ink)!important;font-family:Inter,"Segoe UI",ui-sans-serif,system-ui,-apple-system,sans-serif!important}html[data-blaste-ia] h1,html[data-blaste-ia] h2,html[data-blaste-ia] h3,html[data-blaste-ia] h4{color:#fff!important;letter-spacing:-.025em}html[data-blaste-ia] p,html[data-blaste-ia] .muted,html[data-blaste-ia] small{color:var(--muted)!important}

/* Superfícies: preto/slate profundo, borda dourada sutil e sem roxo herdado. */
html[data-blaste-ia] .card,html[data-blaste-ia] .panel,html[data-blaste-ia] .section,html[data-blaste-ia] .box,html[data-blaste-ia] .tile,html[data-blaste-ia] .item,html[data-blaste-ia] .row,html[data-blaste-ia] .mode,html[data-blaste-ia] .api,html[data-blaste-ia] .prov,html[data-blaste-ia] .cfg-section,html[data-blaste-ia] .kpi,html[data-blaste-ia] .pub,html[data-blaste-ia] .mitem,html[data-blaste-ia] .fitem,html[data-blaste-ia] .upzone,html[data-blaste-ia] .preview,html[data-blaste-ia] .clip,html[data-blaste-ia] .app-window,html[data-blaste-ia] dialog,html[data-blaste-ia] .modal,html[data-blaste-ia] .mbox,html[data-blaste-ia] .tplBox{background-color:var(--panel)!important;border-color:var(--line)!important;box-shadow:0 10px 26px rgba(0,0,0,.18)!important;border-radius:var(--radius)!important}
html[data-blaste-ia] .card:hover,html[data-blaste-ia] .tile:hover,html[data-blaste-ia] .mode:hover,html[data-blaste-ia] .item:hover{border-color:rgba(245,181,27,.54)!important;transform:translateY(-1px)}
html[data-blaste-ia] .hero,html[data-blaste-ia] .studio-hero,html[data-blaste-ia] .library-hero,html[data-blaste-ia] .feature-band{background-color:#121214!important;border-color:var(--line)!important;box-shadow:var(--shadow)!important;border-radius:18px!important}html[data-blaste-ia] .hero:before,html[data-blaste-ia] .hero:after,html[data-blaste-ia] .hero-art,html[data-blaste-ia] .visual-glow,html[data-blaste-ia] .art-orbit{display:none!important}

/* Formulários, progresso e comandos. */
html[data-blaste-ia] input,html[data-blaste-ia] textarea,html[data-blaste-ia] select{background:#0D0D0F!important;border:1px solid var(--line)!important;border-radius:10px!important;color:var(--ink)!important;box-shadow:none!important}html[data-blaste-ia] input:focus,html[data-blaste-ia] textarea:focus,html[data-blaste-ia] select:focus{outline:2px solid rgba(245,181,27,.18)!important;border-color:var(--gold)!important}
html[data-blaste-ia] button,html[data-blaste-ia] .btn{border-radius:10px!important;box-shadow:none!important}html[data-blaste-ia] .btn-primary,html[data-blaste-ia] .hero-primary,html[data-blaste-ia] .primary,html[data-blaste-ia] .primary-btn,html[data-blaste-ia] .qbtn,html[data-blaste-ia] button.primary{background:#D4AF37!important;border:1px solid #FFD76A!important;color:#1b1200!important;font-weight:800!important}html[data-blaste-ia] button:not(.primary):not(.btn-primary),html[data-blaste-ia] .btn:not(.primary):not(.btn-primary):not(.rose):not(.indigo){background-color:#19191D!important;border-color:var(--line)!important;color:#e7edf7!important}
html[data-blaste-ia] .progress,html[data-blaste-ia] .bar{background-color:#08101f!important;border-color:var(--line)!important}html[data-blaste-ia] .bar i,html[data-blaste-ia] .progress i,html[data-blaste-ia] .audio{background-color:var(--gold)!important}html[data-blaste-ia] .tag,html[data-blaste-ia] .badge,html[data-blaste-ia] .pill,html[data-blaste-ia] .chip{background-color:#19191D!important;border-color:var(--line)!important;color:#dde5f1!important}html[data-blaste-ia] .ok{color:var(--ok)!important}html[data-blaste-ia] .bad{color:var(--bad)!important}

/* Navegação nativa de cada módulo. Não cria segunda barra lateral. */
html[data-blaste-ia] .st-side,html[data-blaste-ia] .side,html[data-blaste-ia] aside{background-color:#0D0D0F!important;border-color:var(--line)!important;box-shadow:10px 0 30px rgba(0,0,0,.2)!important}html[data-blaste-ia] .st-side a,html[data-blaste-ia] .side a,html[data-blaste-ia] aside a{color:#b9c3d3!important}html[data-blaste-ia] .st-side a:hover,html[data-blaste-ia] .side a:hover,html[data-blaste-ia] aside a:hover{background-color:rgba(245,181,27,.08)!important;color:#fff!important}html[data-blaste-ia] .st-side a.on,html[data-blaste-ia] .side a.on,html[data-blaste-ia] aside a.on{background-color:rgba(245,181,27,.14)!important;border-color:rgba(245,181,27,.38)!important;color:#fff!important;box-shadow:inset 3px 0 var(--gold)!important}
html[data-blaste-ia] .tabs button.on,html[data-blaste-ia] .tab.on,html[data-blaste-ia] .step.active,html[data-blaste-ia] .style-card.sel{background-color:rgba(245,181,27,.13)!important;border-color:rgba(245,181,27,.48)!important;color:#fff!important}html[data-blaste-ia] a{color:#FFD76A!important}html[data-blaste-ia] .st-side a,html[data-blaste-ia] .side a,html[data-blaste-ia] aside a{color:#b9c3d3!important}html[data-blaste-ia] h1 .gradient,html[data-blaste-ia] .library-hero h1 span{background:none!important;color:var(--gold)!important;-webkit-text-fill-color:var(--gold)!important}

/* Workstation /blaste. */
html[data-blaste-ia] body.blaste-workstation{background:#080808!important}.blaste-workstation .app{grid-template-columns:264px minmax(0,1fr);background:#080808}.blaste-workstation .side{padding:24px 14px 18px}.blaste-workstation .brand{padding:4px 10px 22px;margin:0;border-bottom:1px solid var(--line);font-size:21px;letter-spacing:-.04em}.blaste-workstation .brand small{display:block;margin-top:4px;color:#A1A1AA}.blaste-workstation .side .grp{margin:22px 10px 8px;color:#64748b}.blaste-workstation .st-step{min-height:44px;margin:3px 0;padding:10px 11px;border-radius:10px;color:#a8b3c6}.blaste-workstation .st-step .n{width:25px;height:25px;border-radius:8px;background:#19191D;color:#cbd5e1}.blaste-workstation .st-step.on .n{background:var(--gold);color:#1b1200}.blaste-workstation .st-step.done .n{background:rgba(74,222,128,.18);color:#86efac}.blaste-workstation .main{max-width:1540px;padding:32px clamp(18px,3vw,46px) 72px}.blaste-workstation .hero{padding:28px 30px}.blaste-workstation .hero .eyebrow{color:var(--gold)}.blaste-workstation .cards{gap:16px}.blaste-workstation .style-card,.blaste-workstation .tl .clip,.blaste-workstation .sheet .v{background:#19191D!important;border-color:var(--line)!important}.blaste-workstation .tl{padding:12px;border:1px solid var(--line);border-radius:13px;background:#0D0D0F}.blaste-workstation .logbox{background:#0D0D0F;border-color:var(--line)}
@media(max-width:900px){.blaste-workstation .app{grid-template-columns:1fr}.blaste-workstation .side{position:static;height:auto;overflow:visible;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.blaste-workstation .brand,.blaste-workstation .st-foot,.blaste-workstation .side .grp{grid-column:1/-1}.blaste-workstation .main{padding:18px 14px 46px}}@media(max-width:760px){html[data-blaste-ia] .wrap,html[data-blaste-ia] .st-main{padding-left:14px!important;padding-right:14px!important}html[data-blaste-ia] .card,html[data-blaste-ia] .panel,html[data-blaste-ia] .section{border-radius:12px!important}}@media(max-width:520px){.blaste-workstation .side{display:block}.blaste-workstation .main{padding:12px}.blaste-workstation .grid.c2,.blaste-workstation .grid.c3,.blaste-workstation .grid.c4{grid-template-columns:1fr}}

/* Componentes que os módulos antigos nomeiam de formas diferentes. */
html[data-blaste-ia] .step,html[data-blaste-ia] .live,html[data-blaste-ia] .log,html[data-blaste-ia] .note,html[data-blaste-ia] .styleopt,html[data-blaste-ia] .style-card,html[data-blaste-ia] .channel-card,html[data-blaste-ia] .queue-card,html[data-blaste-ia] .project-card,html[data-blaste-ia] .media-card,html[data-blaste-ia] .media-item,html[data-blaste-ia] .folder,html[data-blaste-ia] .folder-card,html[data-blaste-ia] .settings-card,html[data-blaste-ia] .settings-group,html[data-blaste-ia] .form-section,html[data-blaste-ia] .toolbar,html[data-blaste-ia] .topbar,html[data-blaste-ia] .timeline,html[data-blaste-ia] .timeline-item,html[data-blaste-ia] .scene,html[data-blaste-ia] .scene-card,html[data-blaste-ia] .empty,html[data-blaste-ia] .dropzone,html[data-blaste-ia] .upload-zone{background-color:#121214!important;border-color:var(--line)!important;color:#e5edf8!important;box-shadow:0 8px 24px rgba(0,0,0,.16)!important}
html[data-blaste-ia] .step.active,html[data-blaste-ia] .step.current,html[data-blaste-ia] .live.active,html[data-blaste-ia] .styleopt.sel,html[data-blaste-ia] .styleopt.selected{background-color:rgba(245,181,27,.12)!important;border-color:rgba(245,181,27,.6)!important;box-shadow:inset 3px 0 var(--gold),0 8px 24px rgba(0,0,0,.16)!important}
html[data-blaste-ia] table,html[data-blaste-ia] .table-wrap{background:#121214!important;border-color:var(--line)!important}html[data-blaste-ia] table th{background:#19191D!important;color:#FFD76A!important;border-color:var(--line)!important}html[data-blaste-ia] table td,html[data-blaste-ia] table tr{background:#121214!important;border-color:var(--line)!important;color:#dce5f2!important}html[data-blaste-ia] table tr:hover td{background:#19191D!important}
html[data-blaste-ia] .primary:disabled,html[data-blaste-ia] button:disabled{opacity:.52!important;cursor:not-allowed!important}html[data-blaste-ia] :focus-visible{outline:2px solid var(--gold)!important;outline-offset:3px!important}html[data-blaste-ia] ::selection{background:rgba(245,181,27,.34);color:#fff}

/* Workstation unificada para as páginas internas. */
body.blaste-module{padding:0 0 56px 278px!important;min-height:100vh;background:#080808!important}body.blaste-module .st-side,body.blaste-module .st-burger,body.blaste-module .st-overlay{display:none!important}.blaste-app-shell{position:fixed!important;z-index:900;inset:0 auto 0 0;width:278px;padding:24px 14px 16px;display:flex!important;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;background:#0D0D0F!important;border-right:1px solid rgba(226,180,62,.19)!important;box-shadow:16px 0 44px rgba(0,0,0,.28)!important}.blaste-shell-brand{display:flex;align-items:center;gap:11px;padding:2px 10px 24px!important;border-bottom:1px solid var(--line);color:#F8F8F8!important;text-decoration:none!important;font-size:20px;font-weight:850;letter-spacing:-.045em}.blaste-shell-brand b{color:var(--gold)}.blaste-shell-brand small{display:block;margin-top:4px;color:#91a0b9!important;font-size:9px;font-weight:800;letter-spacing:.15em}.blaste-shell-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#D4AF37!important;color:#211600!important;font-size:18px;font-weight:950;box-shadow:0 6px 18px rgba(217,145,8,.22)}.blaste-shell-label{padding:21px 11px 8px;color:#70809a;font-size:10px;font-weight:850;letter-spacing:.16em}.blaste-app-shell nav{display:flex;flex-direction:column;gap:3px}.blaste-app-shell nav a,.blaste-shell-bottom a{display:flex;align-items:center;gap:11px;min-height:42px;padding:9px 11px!important;border:1px solid transparent;border-radius:10px;color:#A1A1AA!important;text-decoration:none!important;font-size:13px;font-weight:680;transition:background .16s,border-color .16s,color .16s}.blaste-app-shell nav a i,.blaste-shell-bottom i{display:grid;place-items:center;width:19px;color:#D4AF37;font-style:normal;font-size:15px}.blaste-app-shell nav a:hover,.blaste-shell-bottom a:hover{background:rgba(245,181,27,.08)!important;color:#fff!important}.blaste-app-shell nav a.is-active{background:rgba(245,181,27,.13)!important;border-color:rgba(245,181,27,.3)!important;box-shadow:inset 3px 0 var(--gold)!important;color:#fff!important}.blaste-shell-bottom{display:flex;flex-direction:column;gap:2px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}.blaste-shell-bottom .blaste-admin-link{margin-bottom:7px;background:rgba(245,181,27,.11)!important;border-color:rgba(245,181,27,.3)!important;color:#fff!important}.blaste-shell-bottom button{margin:7px 11px 0;padding:0!important;border:0!important;background:transparent!important;color:#fda4af!important;text-align:left;font-size:12px;cursor:pointer}
.blaste-context-bar{position:relative;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:102px;padding:22px clamp(22px,3.4vw,52px) 17px;border-bottom:1px solid rgba(226,180,62,.14);background:#080808!important}.blaste-context-bar h1{margin:2px 0 0!important;color:#fff!important;font-size:clamp(21px,2.3vw,29px)!important;line-height:1.15}.blaste-context-bar p{margin:4px 0 0!important;color:#98a7bf!important;font-size:13px}.blaste-breadcrumb{color:#D4AF37;font-size:10px;font-weight:850;letter-spacing:.15em}.blaste-context-status{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:9px 12px;border:1px solid rgba(74,222,128,.2);border-radius:999px;background:rgba(74,222,128,.06);color:#b7c8c0;font-size:12px;font-weight:700}.blaste-context-status span{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 12px rgba(74,222,128,.6)}.blaste-menu-toggle{display:none!important}
body.blaste-module .wrap,body.blaste-module .st-main{max-width:1560px!important;width:100%!important;margin:0 auto!important;padding:28px clamp(22px,3.4vw,52px) 64px!important}body.blaste-module .studio-hero{display:none!important}body.blaste-module .studio-jump{position:sticky;z-index:12;top:10px;margin:0 0 20px!important;padding:9px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:#121214!important;box-shadow:0 10px 24px rgba(0,0,0,.2)!important}body.blaste-module .studio-jump a{color:#c9d4e4!important}body.blaste-module .card,body.blaste-module .panel{margin-bottom:16px!important;padding:24px!important;border-radius:16px!important;background:#121214!important}body.blaste-module .card>h2,body.blaste-module .panel>h2{padding-bottom:12px;border-bottom:1px solid rgba(226,180,62,.12);font-size:18px!important}body.blaste-module .grid{gap:14px!important}body.blaste-module .primary{min-height:44px!important}body.blaste-module .secondary{min-height:40px!important}
html[data-blaste-ia] .btn.indigo{background:#D4AF37!important;border-color:#FFD76A!important;color:#211600!important}html[data-blaste-ia] .btn.rose{background:#19191D!important;border-color:rgba(251,113,133,.42)!important;color:#fda4af!important}
@media(max-width:1050px){body.blaste-module{padding-left:0!important}.blaste-app-shell{visibility:hidden;pointer-events:none;transform:translateX(-105%);transition:transform .2s ease,visibility .2s ease}.blaste-menu-open{overflow:hidden}.blaste-menu-open .blaste-app-shell{visibility:visible;pointer-events:auto;transform:translateX(0)}.blaste-menu-toggle{display:grid!important;place-items:center;flex:0 0 auto;width:40px;height:40px;padding:0!important;border:1px solid var(--line)!important;border-radius:10px!important;background:#121214!important;color:#FFD76A!important;font-size:19px}.blaste-context-bar{padding:16px 20px;min-height:86px}.blaste-menu-open:after{content:"";position:fixed;z-index:800;inset:0;background:rgba(0,0,0,.62)}body.blaste-module .wrap,body.blaste-module .st-main{padding:22px 20px 48px!important}}@media(max-width:620px){.blaste-app-shell{width:min(292px,86vw)}.blaste-context-status{display:none}.blaste-context-bar p{display:none}.blaste-context-bar h1{font-size:20px!important}body.blaste-module .wrap,body.blaste-module .st-main{padding:16px 13px 40px!important}body.blaste-module .card,body.blaste-module .panel{padding:16px!important;border-radius:13px!important}}

/* Shell móvel: o botão ocupa sempre a coluna esquerda e nunca invade o título. */
@media(max-width:620px){
  .blaste-context-bar{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;align-items:start!important;justify-content:initial!important;gap:12px!important;padding:14px 13px!important;min-height:76px!important}
  .blaste-menu-toggle{grid-column:1!important;grid-row:1!important;justify-self:start!important;align-self:start!important;position:static!important;display:grid!important;width:40px!important;height:40px!important;margin:0!important;background:#D4AF37!important;border-color:#FFD76A!important;color:#211600!important;box-shadow:0 8px 20px rgba(212,175,55,.22)!important}
  .blaste-context-bar>div:not(.blaste-context-status){grid-column:2!important;grid-row:1!important;min-width:0!important}
  .blaste-context-bar .blaste-breadcrumb{display:block!important;font-size:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .blaste-context-bar h1{margin:2px 0 0!important;line-height:1.1!important}
  .blaste-app-shell{background:#0D0D0F!important;border-right-color:rgba(212,175,55,.3)!important}
  .blaste-app-shell nav a,.blaste-shell-bottom a{color:#E4E4E7!important}
  .blaste-app-shell nav a.is-active{background:rgba(212,175,55,.14)!important;border-color:rgba(255,215,106,.42)!important;box-shadow:inset 3px 0 #D4AF37!important}
}

/* Identidade única de navegação: preto profundo, textos claros e ouro nos sinais. */
html[data-blaste-ia] :is(.blaste-app-shell,.st-side){background:#0D0D0F!important;border-color:rgba(212,175,55,.26)!important}
html[data-blaste-ia] :is(.blaste-app-shell,.st-side) :is(.blaste-shell-brand,.st-logo){color:#F8F8F8!important;border-color:rgba(212,175,55,.2)!important}
html[data-blaste-ia] :is(.blaste-app-shell,.st-side) :is(.blaste-shell-brand b,.st-logo b,.blaste-shell-label,.st-group){color:#D4AF37!important}
html[data-blaste-ia] :is(.blaste-app-shell,.st-side) :is(nav a,.blaste-shell-bottom a,a){color:#E4E4E7!important;background:transparent!important;border-color:transparent!important}
html[data-blaste-ia] :is(.blaste-app-shell,.st-side) :is(nav a i,.blaste-shell-bottom i){color:#D4AF37!important}
html[data-blaste-ia] :is(.blaste-app-shell,.st-side) :is(nav a:hover,.blaste-shell-bottom a:hover,a:hover){color:#FFF8D8!important;background:rgba(212,175,55,.1)!important;border-color:rgba(212,175,55,.26)!important}
html[data-blaste-ia] :is(.blaste-app-shell,.st-side) :is(nav a.is-active,a.on,a[data-p].on){color:#FFF!important;background:rgba(212,175,55,.16)!important;border-color:rgba(255,215,106,.45)!important;box-shadow:inset 3px 0 #D4AF37!important}
html[data-blaste-ia] :is(.blaste-app-shell,.st-side) :is(nav a.is-active i,a.on i,a[data-p].on i){color:#FFD76A!important}

/* Mesmo controle dourado em celular e tablet, em todas as páginas internas. */
@media(max-width:1050px){
  html[data-blaste-ia] .blaste-menu-toggle{background:#D4AF37!important;border-color:#FFD76A!important;color:#211600!important;box-shadow:0 8px 20px rgba(212,175,55,.24)!important}
  html[data-blaste-ia] .blaste-menu-toggle:hover{background:#FFD76A!important;color:#211600!important}
  html[data-blaste-ia] .st-burger{background:#D4AF37!important;border-color:#FFD76A!important;color:#211600!important;box-shadow:0 8px 20px rgba(212,175,55,.24)!important}
  html[data-blaste-ia] .st-burger:hover{background:#FFD76A!important;color:#211600!important}
}