/* Estúdio • Blue / 01. Shared across the workspace and embedded review screens. */
:root{
  color-scheme:dark;
  --bg:#080f1c;--panel:#101b2d;--raised:#17253b;--panel-2:#132137;
  --border:#273a53;--line:#273a53;--line-2:#38506d;
  --text:#edf4ff;--muted:#a1b2cb;--faint:#889cb8;
  --accent:#79bdff;--accent-2:#a2d4ff;--purple:#3d8cff;
  --green:#83d9b2;--ok:#83d9b2;--warn:#f0c17d;--red:#ffabb7;--bad:#ffabb7;
  --blue:#2678f3;--cyan:#62daed;--blue-soft:#132e4b;
  --font:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --surface-shadow:0 12px 32px rgb(1 7 17 / 18%);
}
html{scroll-behavior:smooth;scrollbar-color:#365376 #0a1423}
body{background:radial-gradient(ellipse at 85% 0,rgba(24,103,191,.12),transparent 43%),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
::selection{background:#2367a9;color:#fff}
button,a,input,textarea,select,summary{ -webkit-tap-highlight-color:transparent }
button,a,input,textarea,select{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}
:where(button,a,input,textarea,select,summary):focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
input:focus,textarea:focus,select:focus,.inp:focus{border-color:#68b7ff;outline:2px solid rgb(64 154 255 / 28%);outline-offset:1px;box-shadow:0 0 0 4px rgb(32 124 244 / 7%)}
input,textarea,select,.search input,select.sel,.inp{background:#0b1627;border-color:var(--border);color:var(--text)}
input::placeholder,textarea::placeholder{color:#899ab3}
label{color:#cad8ea}textarea{caret-color:var(--cyan)}
body>header{background:rgba(9,19,34,.94);backdrop-filter:blur(16px);border-bottom:1px solid #25405c;box-shadow:0 1px 0 rgb(91 174 255 / 5%);gap:24px}
.brand{letter-spacing:-.025em}.brand-name{font-weight:650}.brand-sub{color:#8cb1d6;letter-spacing:.19em;font-size:8px}
.logo,.brand .logo{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#2f8dff,#1751c3);border:1px solid #5aa9ff;box-shadow:0 3px 15px rgb(31 115 229 / 22%),inset 0 1px 0 #8ecbff55;flex-shrink:0}
.logo img{display:block;width:34px;height:34px}
.page-context>span{color:#d4e8fc;font-size:13px}.page-context small{color:var(--muted)}
.sidebar{background:linear-gradient(180deg,#0c1829,#0a1423);border-right:1px solid #203650}
.workspace-nav a{color:#afc1d9;border-radius:9px;position:relative}.workspace-nav a>span{display:grid;place-items:center}.workspace-nav svg{width:19px;height:19px}
.workspace-nav a:hover{background:#142840;color:#e5f3ff}
.workspace-nav a.active{background:linear-gradient(100deg,#193c61,#112942);color:#acd8ff;box-shadow:inset 0 0 0 1px #2b5982}
.workspace-nav a.active:before{content:'';position:absolute;left:0;top:25%;height:50%;width:3px;background:var(--cyan);border-radius:0 3px 3px 0}
.nav-divider{background:#203650}.sidebar-bottom>button:hover{background:#132943;color:var(--text)}
.local-status{border-color:#263a51;color:#9db5d1}.local-status small{color:#859db9}.local-status i{background:#70ddc4;box-shadow:0 0 7px #70ddc433}
.job.selected{background:#143453;border-color:#376c9e}.job:hover{background:#132840}.job .meta{color:#93c9ff}
.primary,.btn.primary,.focus-footer .focus-next{background:linear-gradient(135deg,#2583fb,#2163dc);border:1px solid #3e91ff;color:#fff;box-shadow:inset 0 1px 0 rgb(255 255 255 / 12%),0 4px 12px rgb(0 51 124 / 22%)}
.primary:hover,.btn.primary:hover,.focus-footer .focus-next:hover{background:linear-gradient(135deg,#3994ff,#2875ed);border-color:#7dbaff;box-shadow:0 5px 18px rgb(22 103 223 / 25%)}
.secondary,.btn.ghost{background:#15253b;border:1px solid #314965;color:#d9e9fc}.secondary:hover,.btn.ghost:hover{background:#1b3553;border-color:#5287b6}
button:disabled{cursor:default}.text-button,.action-link{color:#91caff}.text-button:hover{color:#c2e7ff}.icon-button:hover{color:#b9ddff}.icon-button.on{color:#80caff}
.panel,.home-action,.ad-card,.batch-card,.import-card,.mapping-card,.card,.filters,.progress-box,.review-progress,.batch-drive,.batch-docs,.batch-result,.recent-work,.kpi{background:linear-gradient(135deg,#122038,#0f1b2d);border-color:var(--border);box-shadow:var(--surface-shadow)}
.panel{border-radius:16px}.home-heading .eyebrow,.intro .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#91ceff;font-size:10px;letter-spacing:.16em}
.home-heading .eyebrow:before,.intro .eyebrow:before{content:'';width:6px;height:6px;border-radius:2px;background:#68d9f0;box-shadow:0 0 12px #4fc9ed44}
.home-heading h1{font-size:34px;line-height:1.18;letter-spacing:-1px;font-weight:650}.home-heading>p,.intro p{color:#a5b7cf}
.home-actions{gap:20px}.home-action{overflow:hidden;border-radius:16px;padding:28px;isolation:isolate}
.home-action:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 95% 5%,#237bcd26,transparent 48%)}
.home-action:after{content:'';position:absolute;left:28px;right:28px;top:0;height:1px;background:linear-gradient(90deg,transparent,#64bcff88,transparent)}
.home-action:hover{background:#142943;border-color:#447db1;transform:translateY(-3px);box-shadow:0 14px 36px rgb(0 15 35 / 28%)}
.home-action>strong{font-size:24px;letter-spacing:-.5px}.action-kicker{color:#9fbedc;font-size:10px}.home-action>p{line-height:1.75;color:#b0c0d5}
.action-icon{color:#a5dcff;background:linear-gradient(140deg,#193e69,#142c48);border:1px solid #356998;width:46px;height:46px;border-radius:13px}
.action-icon svg{width:24px;height:24px}.action-link{border-color:#2a425d;font-size:13px}.action-link b{transition:transform .16s}.home-action:hover .action-link b{transform:translate(2px,-2px)}
.home-stats>button,.home-stats>div{border-color:#273b55;background:#0e1b2c}.home-stats b{color:#e2f1ff;font-variant-numeric:tabular-nums}.home-stats em{color:#8fcaff}
.home-recent h2{color:#dcecff}.recent-work:hover{border-color:#3f77a8;background:#152c47}.recent-work-icon{color:#86c6ff}.recent-work em{color:#98d5fa}
.home-explainer{border-color:#253c55}.home-explainer span{color:#70b8f5}.home-explainer p{color:var(--muted)}
#composer .modes button{background:#0c192b;border-color:#2b4059;color:#b1c4dd;border-radius:11px}#composer .modes button:hover{border-color:#477aa5;background:#10263f}#composer .modes button.on{background:linear-gradient(130deg,#173a61,#122b48);border-color:#4f9cdd;color:#e5f4ff;box-shadow:inset 0 1px 0 #68bfff18}
#composer .modes small{color:#a9c0db}.wizard-progress{border-color:#2b4059}.wizard-progress button{color:#9fb2cc}.wizard-progress .current{color:#c9e7ff}.wizard-progress .current>span{background:#287de8;color:#fff;border-color:#57a9ff;box-shadow:0 0 0 4px #2c7ceb12}.wizard-progress button>span{border-color:#36516d}
.wizard-progress small{color:#8ca5c3}.wizard-page h2{letter-spacing:-.45px}.wizard-page label{font-size:13px}.wizard-page .hint{font-size:12px}.optional{color:#91a6c1}
.wizard-summary{background:#0c192a;border-color:#2a4563}.wizard-summary small{color:#8db6dc}.wizard-summary strong{color:#e0efff;font-size:14px}.wizard-navigation{background:var(--panel);border-color:#294361}.wizard-page .form-footer{padding-top:5px}
#composer .copy-instructions{background:linear-gradient(120deg,#112b46,#101e33);border-color:#315c83;border-radius:12px;box-shadow:inset 3px 0 0 #419bdf}
#composer #instructionsHelp{color:#a8bfd9}.cw-direction-shortcuts button{background:#183551;color:#b8dfff;border-color:#3c6185}.cw-direction-shortcuts button:hover{background:#214b72;border-color:#64a9e2;transform:translateY(-1px)}
.cw-financial{border-color:#2d4a66}.cw-materials{background:#0d1d30;border-color:#2e4965}.reference{background:#101f33;border-color:#365b7e}.upload{border-color:#416b8f}.upload.over,.drop.over,.drop:hover{background:#143555;border-color:#69b9ed}
.modes,.seg{background:#0b192b;border-color:#2e4560}.modes button.on,.seg button.on{background:#1c4269;color:#b4dfff}.review-nav button.on,.review-list-tabs .selected,.draft-switch .selected{background:#18395d;border-color:#3d7db4;color:#b6deff}
.badge{background:#193a60;color:#a8d9ff}.ad-tags span{background:#182c45;color:#b1c8e3}.ad-card.favorite{border-color:#3b80bc}.ad-card:hover{border-color:#3b5e81}.ad-bottom{border-color:#2b425c}.cw-hook{color:#e6f3ff}.cw-select input{accent-color:#4aa3ff}.cw-compare-bar{background:#122e4d;border-color:#37648d}.cw-state{border-color:#38506d;color:#b4c7de}.state-favorito{background:#153653;color:#9edbff;border-color:#3b79a5}
.state-aprovado{background:#14342c;color:#a3e6c6;border-color:#3e7560}.state-ajustar{background:#342b1d;color:#f3ce8e;border-color:#78613b}.state-descartado{background:#321d29;color:#efb0bc;border-color:#784555}
.cw-checks{background:#2b281e;border-color:#665536;color:#edcf9e}.cw-approve{background:#1d5642;color:#d5ffeb;border-color:#49876b}.cw-reject{background:#2c1d2a;border-color:#795063;color:#ffc0cd}.cw-editor-footer{background:var(--panel);border-color:#2b425e}
.cw-detail>summary{color:#b9cce5}.cw-detail,.cw-comparison section+section{border-color:#2a435f}.cw-comparison h3{color:#a9d8ff}.cw-pre{color:#e7f2ff}
dialog,.modal{background:#101d30;border-color:#365474;border-radius:16px;box-shadow:0 24px 80px #0009,inset 0 1px 0 #72b9ff0d}dialog::backdrop,.overlay{background:#030914d9;backdrop-filter:blur(8px)}.dialog-head,.modal .mh{background:#102139;border-color:#2b4563}.scene{background:#0d1c30;border-color:#2b435e}
.focus-media{background:#091525;border-color:#253c55}.focus-media .player{border-color:#2e4a67}.focus-footer{background:#0e1c2f;border-color:#2d435f}.review-row:hover{background:#152b44;border-color:#4780b2}.review-thumb{background:#1a314c}.batch-start{background:#102139f5;border-color:#315275}.batch-summary>div{background:#0d1c2e;border-color:#2c425b}.batch-steps .current{background:#183c63;border-color:#427eb3;color:#acd9ff}.mapping-card pre,.copy-recognition .copy-preview{background:#0a1829}
.human-review{border-color:#39668f;background:var(--panel)}.human-review textarea{background:#0b192b;border-color:#38536e}.human-review button{border-color:#38536e}.human-review button:hover{background:#193953;color:#dfedff}.human-review button:focus-visible,.human-review textarea:focus-visible{outline-color:var(--cyan)}.human-actions button[aria-pressed=true]{background:#19476b;border-color:#5ba9df;color:#d8efff}
.focus-review .human-actions [data-decision=aprovado]{background:#1d5642;border-color:#4b9072;color:#d5ffeb}.human-actions [data-decision=aprovado][aria-pressed=true]{background:#245e48;border-color:#71cba3;color:#dbffed}.human-actions [data-decision=ajustar][aria-pressed=true]{background:#493817;border-color:#b3914f;color:#ffe0a0}.human-actions [data-decision=reprovado][aria-pressed=true]{background:#512536;border-color:#b76d82;color:#ffd1dc}
.human-badge{background:#1c324b;color:#b7d2ed}.human-badge.aprovado{background:#1d4636;color:#b9efd1}.human-badge.ajustar{background:#46371e;color:#ffdb95}.human-badge.reprovado{background:#492431;color:#ffc5d0}
.next{border-color:#39648e;background:#12314e}.tr.cur{background:#18476b55}
.timeline .prog{background:#2483e62b;border-color:#6dc4ff}.pill.demo{background:#16416b;color:#b7e3ff}.tabs button.on{border-color:#61b5ff;color:#ace0ff}.focus-next{color:#fff}.human-save-state.error{color:var(--red)}
progress::-webkit-progress-bar{background:#1d334c}progress::-webkit-progress-value{background:linear-gradient(90deg,#2878ed,#60cced)}
#toast,.toast{background:#163252;color:#eaf5ff;border:1px solid #427baa;box-shadow:0 8px 28px #0006}.resource-mode .workspace-nav a.active{box-shadow:none}.resource-mode .workspace-nav a.active:before{display:none}
@media(prefers-reduced-motion:no-preference){
  .wizard-page:not([hidden]){animation:blue-arrive .2s ease-out}
  dialog[open]{animation:blue-dialog .18s ease-out}
  @keyframes blue-arrive{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}
  @keyframes blue-dialog{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}
}
@media(max-width:800px){body>header{gap:12px;backdrop-filter:none}.logo,.brand .logo{width:32px;height:32px;border-radius:9px}.logo img{width:29px;height:29px}.sidebar{border-bottom:1px solid #263d57}.home-heading h1{font-size:29px}.home-action{padding:22px}.home-action>strong{font-size:21px}.home-action:after{left:22px;right:22px}.wizard-page label{font-size:13px}.home-action:hover{transform:none}#composer .copy-instructions{padding:16px}.workspace-nav a.active:before{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
