/* Admin CSS bundle v23.07. Consolidated source stylesheets plus a final WCAG contrast layer. */

/* ===== SOURCE: admin-notifications.css | preserved cascade order ===== */
.admin-notifications{position:fixed;z-index:12000;right:18px;bottom:18px;display:grid;gap:10px;width:min(420px,calc(100vw - 32px));pointer-events:none}
.admin-notification{display:flex;align-items:flex-start;gap:14px;justify-content:space-between;padding:14px 15px;border:1px solid #3a4746;border-radius:12px;background:#101918;color:#eee6d3;box-shadow:0 12px 36px #0007;font:500 14px/1.5 system-ui,sans-serif;pointer-events:auto;animation:admin-notification-in .16s ease-out}
.admin-notification--success{border-color:#387c60}.admin-notification--error{border-color:#b95646}.admin-notification--warning{border-color:#c0924d}
.admin-notification__message{min-width:0;overflow-wrap:anywhere}.admin-notification__close{flex:0 0 auto;border:0;background:transparent;color:inherit;font-size:22px;line-height:1;cursor:pointer;padding:0 2px}
@keyframes admin-notification-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.admin-notification{animation:none}}


/* ===== SOURCE: admin-base.css | preserved cascade order ===== */
/* RELEASE V13: CSS consolidado do painel. Ordem preservada: admin.css → admin-shell.css → admin-ux-final.css. */

/* ===== Regras incorporadas de admin.css ===== */
:root{--mustard:#C0924D;--terracotta:#A8472E;--navy:#0E2D3A;--sage:#627A7E;--cream:#EEE6D3;--paper:#F8F6F0;--line:rgba(14,45,58,.15);--body:"Arial",sans-serif;--display:"Arial Narrow","Aptos Narrow",Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--navy);font-family:var(--body);line-height:var(--admin-line-height,1.55);letter-spacing:var(--admin-letter-spacing,0.01em)}.admin-header{height:76px;padding:0 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:rgba(248,246,240,.94)}.wordmark{font:28px var(--display);letter-spacing:-.07em;text-decoration:none;color:var(--navy)}.wordmark span{color:var(--terracotta)}a{color:inherit}.back-link{font-size:13px;font-weight:700;text-decoration:none}.admin-main{width:min(var(--admin-main-width,1200px),88%);margin:58px auto 90px}.intro{max-width:650px;margin-bottom:34px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--terracotta)}h1, h2{font-family:var(--display);letter-spacing:var(--admin-heading-spacing,-.025em);line-height:1.02}h1{font-size:clamp(48px,7vw,82px);margin:14px 0}h1 span{color:var(--terracotta)}.intro>p:last-child{color:#526367;max-width:520px}.notice{background:#fff4df;border:1px solid #e8d2a8;border-radius:12px;padding:18px 20px;margin:26px 0 34px;font-size:13px}.notice strong{display:block;margin-bottom:4px}.notice p{margin:0;max-width:1000px}.admin-layout{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:22px;align-items:start}.panel{background:var(--admin-panel-bg,#fff);border:1px solid var(--line);border-radius:18px;padding:var(--admin-panel-padding,25px);box-shadow:0 12px 35px rgba(14,45,58,.04)}.panel-heading{margin-bottom:23px}.panel-heading .eyebrow{margin:0 0 10px}.panel-heading h2{font-size:32px;margin:0 0 10px}.subcopy{font-size:12px;color:#687679;margin:0}form{display:flex;flex-direction:column;gap:var(--admin-gap,8px)}label{font-size:12px;font-weight:700;margin-top:9px}input, select{width:100%;padding:12px;border:1px solid #ccd3d0;border-radius:8px;background:#fff;color:var(--navy);font:var(--admin-font-size,14px) var(--body)}input:focus, select:focus{outline:2px solid var(--mustard);outline-offset:1px}input[type=file]{padding:9px;font-size:12px}small{font-size:11px;color:#6b7779}.form-actions, .toolbar{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}button, .import-button{border:0;border-radius:999px;padding:12px 16px;font-size:12px;font-weight:700;cursor:pointer}.primary{background:var(--navy);color:white}.primary:hover{background:var(--terracotta)}.secondary, .import-button{background:#edf0eb;color:var(--navy);border:1px solid var(--line)}.status{font-size:12px;min-height:18px;color:#315c43}.image-preview{margin-top:10px;max-width:220px;aspect-ratio:4/3;overflow:hidden;background:#f0eee6;border-radius:8px}.image-preview img{width:100%;height:100%;object-fit:cover}.toolbar{margin:0 0 20px}.toolbar button, .toolbar .import-button{font-size:11px;padding:10px 13px}.items-list{display:grid;gap:12px}.item{display:grid;grid-template-columns:92px minmax(0,1fr);gap:13px;border:1px solid var(--line);border-radius:12px;padding:10px;align-items:center}.thumb{width:92px;height:82px;object-fit:cover;border-radius:7px;background:var(--cream)}.item h3{font-size:15px;margin:0 0 4px}.item p{font-size:11px;color:#687679;margin:0 0 8px}.item-actions{display:flex;gap:7px;flex-wrap:wrap}.item-actions button{padding:6px 10px;font-size:10px}.edit-btn{background:#e7eeec}.delete-btn{background:#f7e8e3;color:#8c2f1d}.empty{color:#687679;font-size:13px;padding:20px 0}.admin-footer{border-top:1px solid var(--line);padding:24px 6%;display:flex;justify-content:space-between;gap:16px;font-size:10px;color:#687679}.admin-footer-link{font-size:10px}@media(max-width:850px){.admin-layout{grid-template-columns:1fr}.admin-main{margin-top:35px}.panel{padding:20px}}@media(max-width:520px){.admin-header{padding:0 5%;height:68px}.wordmark{font-size:21px}.back-link{font-size:11px}.admin-main{width:92%;margin-bottom:55px}.item{grid-template-columns:72px minmax(0,1fr);gap:10px}.thumb{width:72px;height:72px}.admin-footer{flex-direction:column}}

/* Configurações ajustáveis da área administrativa */
.settings-panel{margin:0 0 22px}.settings-panel .panel-heading{margin-bottom:18px}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 22px}.setting-field{min-width:0;padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(238,230,211,.18)}.setting-field label{display:block;margin:0 0 9px;font-size:12px;letter-spacing:.015em}.setting-field input[type=range]{padding:0;border:0;background:transparent;accent-color:var(--terracotta);min-width:0}.range-line{display:flex;align-items:center;gap:12px}.range-line input{flex:1}.range-line output{min-width:58px;text-align:right;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.setting-field select{font-size:13px}.setting-field small{display:block;margin-top:7px;line-height:1.45;letter-spacing:0}.settings-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px}.settings-status{font-size:11px;color:#526367;letter-spacing:0}.density-compact{--admin-gap:5px;--admin-panel-padding:20px}.density-comfortable{--admin-gap:8px;--admin-panel-padding:25px}.density-spacious{--admin-gap:13px;--admin-panel-padding:30px}.theme-white{--paper:#fff;--admin-panel-bg:#fff}.theme-dark{--paper:#102d38;--navy:#f3eee2;--line:rgba(238,230,211,.22);--admin-panel-bg:#173b47;--cream:#314c54;color:var(--navy)}.theme-dark .admin-header{background:#102d38}.theme-dark .notice{background:#3b3325;border-color:#746044;color:#f6e8cb}.theme-dark .intro>p:last-child, .theme-dark .subcopy, .theme-dark small, .theme-dark .settings-status, .theme-dark .item p, .theme-dark .admin-footer{color:#c4d0ce}.theme-dark input, .theme-dark select{background:#102d38;color:#f3eee2;border-color:#526b70}.theme-dark .setting-field{background:rgba(255,255,255,.035)}.theme-dark .secondary, .theme-dark .import-button{background:#284a54;color:#f3eee2}.theme-dark .empty{color:#c4d0ce}
@media(max-width:850px){.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.settings-grid{grid-template-columns:1fr}.settings-panel .panel-heading h2{font-size:27px}.setting-field{padding:12px}}

/* Autenticação local e ferramentas avançadas para editar a página principal */
[hidden]{display:none}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 80% 10%,rgba(192,146,77,.22),transparent 35%),var(--paper)}.auth-card{width:min(460px,100%);padding:clamp(25px,5vw,44px);background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 22px 70px rgba(14,45,58,.12);display:flex;flex-direction:column;gap:10px}.auth-card h1{font-size:clamp(42px,8vw,64px);margin:5px 0}.auth-card>p:not(.eyebrow){font-size:13px;color:#667477}.auth-card small{margin-top:8px;line-height:1.5}.auth-card button{margin-top:8px}.site-settings-panel, .security-panel{margin:0 0 22px}.advanced-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.advanced-grid .setting-field{display:flex;flex-direction:column;gap:8px}.advanced-grid textarea{width:100%;resize:vertical;padding:12px;border:1px solid #ccd3d0;border-radius:8px;background:#fff;color:var(--navy);font:var(--admin-font-size,14px)/1.5 var(--body)}.advanced-grid input[type=color]{height:42px;padding:4px;cursor:pointer}.advanced-grid .check-options{display:grid;gap:8px}.advanced-grid .check-options label{display:flex;align-items:center;gap:8px;margin:0;font-weight:500}.advanced-grid .check-options input{width:auto}.site-settings-form{gap:14px}.site-settings-form .form-actions{margin-top:4px}.theme-dark .auth-card{background:#173b47;color:#f3eee2}.theme-dark .auth-card>p:not(.eyebrow){color:#c4d0ce}.theme-dark .advanced-grid textarea{background:#102d38;color:#f3eee2;border-color:#526b70}
@media(max-width:950px){.advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.advanced-grid{grid-template-columns:1fr}.auth-card{padding:25px}}

/* Gerenciador de seções extras e conteúdo multimídia */
.custom-sections-manager{margin-top:28px;padding:24px;border:1px solid var(--line,#d8d0bd);border-radius:14px;background:rgba(255,255,255,.28)}
.custom-sections-manager h3{margin:0 0 8px;font-size:1.35rem}.custom-sections-manager h4{margin:22px 0 10px}.custom-section-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.custom-section-form .form-actions, .custom-section-form .status{grid-column:1/-1}.custom-sections-list{display:grid;gap:10px}.custom-section-item{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px;border:1px solid var(--line,#d8d0bd);border-radius:10px;background:var(--panel,#fff)}.custom-section-item p{margin:5px 0 0;color:var(--muted,#667)}.custom-section-item .section-actions{display:flex;gap:8px;flex-shrink:0}.custom-section-item button{cursor:pointer}@media(max-width:700px){.custom-section-form{grid-template-columns:1fr}.custom-section-item{flex-direction:column}.custom-section-item .section-actions{flex-wrap:wrap}}

.hero-image-preview{min-height:150px;border:1px solid var(--line,#d6d1c5);border-radius:12px;background:#e8e2d6 center/cover no-repeat;display:flex;align-items:center;justify-content:center;padding:16px;margin-top:10px;color:#0e2d3a;font-size:12px;font-weight:600;text-shadow:0 1px 5px #ffffffa0}.hero-image-preview.has-image{color:white;text-shadow:0 1px 5px #000a}

/* Configurações do site organizadas por abas e seções */
.settings-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 0;padding:0 0 12px;border-bottom:1px solid var(--line)}
.settings-tab{appearance:none;border:1px solid var(--line);background:transparent;color:var(--navy);border-radius:999px;padding:10px 15px;font:600 12px var(--body);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.settings-tab:hover, .settings-tab.active{background:var(--navy);color:var(--paper);border-color:var(--navy)}
.settings-tab:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.settings-tab-panel{padding:18px 0 6px}
.settings-tab-description{margin:0 0 18px;color:var(--muted);font-size:13px;line-height:1.5}
.settings-tab-panel[hidden]{display:none}
.settings-tab-panel .tab-fields{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}
.section-style-controls{border:1px solid var(--line);border-radius:14px;padding:18px;margin:8px 0 20px;min-width:0}
.section-style-controls legend{padding:0 8px;font-weight:700;font-size:13px;color:var(--navy)}
.style-help{margin:0 0 15px;color:var(--muted);font-size:12px;line-height:1.5}
.section-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.section-style-grid .setting-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.section-style-grid input[type=color]{height:42px;width:100%;padding:4px;cursor:pointer}
.section-style-grid select{width:100%;min-width:0}
.style-scale-output{font-size:12px;color:var(--muted)}
@media(max-width:950px){.settings-tab-panel .tab-fields, .section-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.settings-tab-panel .tab-fields, .section-style-grid{grid-template-columns:1fr}.settings-tabs{gap:6px}.settings-tab{padding:9px 11px}}

/* Administração reorganizada em abas laterais */
.admin-shell-main{width:min(1600px,96%);margin:20px auto 40px;display:grid;grid-template-columns:238px minmax(0,1fr);gap:22px;align-items:start}
.admin-sidebar{position:sticky;top:16px;min-height:calc(100vh - 32px);background:#24232E;color:#F8F6F0;border-radius:20px;padding:20px 14px;display:flex;flex-direction:column;gap:24px}
.sidebar-brand{display:flex;align-items:center;gap:10px;padding:5px 7px 18px;border-bottom:1px solid #45434F}
.sidebar-monogram{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#C0924D;color:#24232E;font:22px var(--display)}
.sidebar-brand strong{display:block;font:18px var(--display);letter-spacing:-.04em}
.sidebar-brand small{display:block;margin-top:3px;font-size:8px;letter-spacing:.12em;color:#BEBAC8}
.admin-nav{display:grid;gap:5px}
.admin-nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 13px;border-radius:11px;border:1px solid transparent;background:transparent;color:#D8D5E0;text-align:left;font-size:12px;cursor:pointer}
.admin-nav-item:hover{background:#343240;color:white}
.admin-nav-item.active{background:#EEE6D3;color:#24232E;font-weight:800}
.nav-symbol{display:inline-grid;place-items:center;width:22px;font-size:18px}
.sidebar-bottom{margin-top:auto;padding:14px 8px 4px;border-top:1px solid #45434F;font-size:11px;color:#D8D5E0}
.sidebar-bottom a{text-decoration:none}
.admin-workspace{min-width:0}
.workspace-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:4px 2px 20px;padding:6px 4px}
.workspace-topbar h1{font-size:34px;margin:4px 0 0}
.workspace-status{font-size:11px;color:#687679;display:flex;align-items:center;gap:7px}
.workspace-status i{width:7px;height:7px;border-radius:50%;background:#64876C}
.workspace-content{min-width:0}
.workspace-content>[hidden]{display:none}
.workspace-content>.panel, .workspace-content>.admin-layout{margin-bottom:18px}
.admin-shell-footer{margin-left:2%;margin-right:2%}
.analytics-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}

.editor-open-site{display:inline-flex;align-items:center;padding:11px 14px;border-radius:999px;text-decoration:none;font-size:12px;font-weight:700}
.visual-editor-frame-wrap{height:min(78vh,920px);min-height:520px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
#site-preview-frame{display:block;width:100%;height:100%;border:0;background:white}
.analytics-toolbar label{margin:0}
.analytics-toolbar select{width:auto;min-width:160px}
.analytics-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}
.analytics-card, .analytics-chart-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}
.analytics-card span, .analytics-card small{display:block;color:#687679;font-size:11px}
.analytics-card strong{display:block;font:32px var(--display);margin:10px 0;color:var(--navy);overflow-wrap:anywhere}
.analytics-chart-card h3{margin:0 0 14px;font:24px var(--display)}
.analytics-chart-empty{min-height:170px;display:grid;place-items:center;border:1px dashed #ccd3d0;border-radius:10px;color:#687679;font-size:12px;text-align:center;padding:22px}
@media(max-width:1000px){.admin-shell-main{grid-template-columns:190px minmax(0,1fr);gap:14px}.admin-sidebar{padding:15px 9px}.analytics-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.admin-shell-main{display:block;width:94%;margin-top:12px}.admin-sidebar{position:static;min-height:0;margin-bottom:18px;padding:12px;border-radius:15px}.sidebar-brand{padding-bottom:12px}.admin-nav{display:flex;overflow-x:auto;gap:5px;padding-bottom:3px}.admin-nav-item{width:auto;flex:0 0 auto;white-space:nowrap;padding:10px}.sidebar-bottom{display:none}.workspace-topbar h1{font-size:29px}.visual-editor-frame-wrap{min-height:420px;height:70vh}.analytics-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}

.analytics-bars{height:190px;display:flex;align-items:stretch;gap:7px;padding:15px 4px 0;border-bottom:1px solid var(--line)}
.analytics-bar-item{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px}
.analytics-bar{width:min(100%,28px);min-height:3px;background:var(--mustard);border-radius:5px 5px 0 0;margin-top:auto}
.analytics-bar-item small{font-size:9px;color:#687679;white-space:nowrap;transform:rotate(-35deg);transform-origin:top center}
.analytics-bar-item b{font-size:10px;color:var(--navy)}
@media(max-width:600px){.analytics-bars{gap:3px}.analytics-bar-item small{font-size:8px}}

/* Editor visual interativo */
.visual-editor-workspace{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:16px;align-items:start}.visual-editor-frame-wrap{min-width:0}.visual-inspector{position:sticky;top:16px;background:var(--panel,#fff);border:1px solid var(--line,#ddd);border-radius:16px;padding:16px;display:grid;gap:8px}.visual-inspector h3{margin:0}.visual-inspector label{font-size:.82rem;font-weight:600}.visual-inspector input, .visual-inspector select{width:100%;min-width:0}.visual-inspector-actions{display:grid;gap:8px;margin-top:8px}.visual-inspector .status{font-size:.8rem}.visual-editor-frame-wrap iframe{width:100%;min-height:610px;border:0;border-radius:12px;background:#fff}.ve-selected{outline:2px solid #C0924D;outline-offset:2px;cursor:move}.ve-hover{outline:1px dashed #C0924D;outline-offset:1px}@media(max-width:1000px){.visual-editor-workspace{grid-template-columns:1fr}.visual-inspector{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.visual-inspector h3, .visual-inspector>p, .visual-inspector-actions{grid-column:1/-1}}
/* Ferramentas adicionais do editor visual */
.visual-layers{border:1px solid var(--line,#ddd);border-radius:12px;padding:10px;min-width:0}.visual-layers summary{font-weight:700;cursor:pointer}.visual-layers .muted{font-size:.75rem;color:var(--muted,#777)}#visual-layer-list{display:grid;gap:5px;max-height:260px;overflow:auto}.visual-layer-item{width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;padding:8px 9px;border:1px solid var(--line,#ddd);border-radius:8px;background:transparent;color:inherit;font-size:.78rem;cursor:pointer}.visual-layer-item.active{background:#EEE6D3;color:#0E2D3A;border-color:#C0924D;font-weight:700}.visual-inspector{max-height:calc(100vh - 36px);overflow:auto}.visual-editor-frame-wrap iframe{display:block}


/* Ajuste de legibilidade dos títulos e rótulos do painel de configurações/editor */
.workspace-topbar h1, .panel-heading h2, .visual-inspector h3, .visual-layers summary, .settings-panel h2, .settings-panel h3, .settings-tab, .section-style-controls legend, .visual-inspector label, .visual-selected-name{
  letter-spacing: normal;
  word-spacing: normal;
  line-height: 1.3;
  text-transform: none;
  font-kerning: normal;
} 
.panel-heading h2, .visual-inspector h3, .settings-panel h2, .settings-panel h3{
  letter-spacing: -0.01em;
  line-height: 1.2;
} 
.visual-inspector label, .section-style-controls legend{
  font-size: 0.875rem;
  font-weight: 700;
} 
.settings-tab{ font-size: 0.8125rem; padding-inline: 14px; }


/* Correção de legibilidade: remove o espaçamento excessivo herdado e dá respiro aos títulos. */
body, .admin-shell, .admin-shell-main, .workspace-topbar, .panel, .panel-heading, .settings-panel, .settings-tab-panel, .notice, .visual-inspector, .sidebar-brand, .admin-nav, .admin-nav-item, .sidebar-bottom{
  letter-spacing: normal;
  word-spacing: normal;
}
.wordmark{ letter-spacing: -0.045em; }
.sidebar-brand strong{ letter-spacing: -0.025em; line-height: 1.25; }
.sidebar-brand small{ letter-spacing: 0.07em; line-height: 1.4; }
.workspace-topbar h1, .panel-heading h2, .visual-inspector h3, .settings-panel h2, .settings-panel h3{
  letter-spacing: -0.015em;
  word-spacing: 0.02em;
  line-height: 1.25;
}
.eyebrow{ letter-spacing: 0.12em; line-height: 1.5; }
.admin-nav-item{ line-height: 1.35; }
.notice, .notice p, .subcopy{ line-height: 1.6; }
/* Inspetor contextual: grupos claros e tipografia legível */
.visual-property-group{border:1px solid var(--line,#ddd);border-radius:12px;padding:12px;display:grid;gap:8px;margin:4px 0 8px;min-width:0}
.visual-property-group summary{font-weight:750;letter-spacing:.025em;line-height:1.45;cursor:pointer;padding:3px 0 7px;color:var(--ink,#0E2D3A)}
.visual-inspector h3{letter-spacing:.015em;line-height:1.4;margin-bottom:4px}
.visual-inspector label{letter-spacing:.01em;line-height:1.5;margin-top:3px}
.visual-inspector input, .visual-inspector select, .visual-inspector textarea{font:inherit;letter-spacing:normal;line-height:1.45}
.visual-inspector textarea{width:100%;resize:vertical;border:1px solid var(--line,#ddd);border-radius:9px;padding:10px;min-height:72px}

/* Ajustes finais do inspetor contextual: títulos legíveis e grupos realmente condicionais. */
.wordmark{ letter-spacing: -0.012em ; }
.sidebar-brand strong{ letter-spacing: 0 ; line-height: 1.3; }
.workspace-topbar h1, .panel-heading h2, .visual-inspector h3, .visual-property-group summary, .settings-panel h2, .settings-panel h3{
  letter-spacing: 0 ; word-spacing: 0.015em; line-height: 1.3;
}
.visual-inspector label, .visual-property-group label{ letter-spacing: 0 ; line-height: 1.5; }
.visual-property-group[hidden]{ display: none ; }
.visual-inspector input, .visual-inspector select, .visual-inspector textarea{ min-height: 40px; }
.visual-inspector textarea{ min-height: 82px; }


/* Editor UX: responsive viewport controls and expanded effects inspector */
.editor-device-label{font-size:11px;font-weight:700;color:var(--muted,#667)}


.visual-inspector .visual-property-group{scroll-margin-top:14px}
.visual-inspector .visual-property-group summary{position:sticky;top:0;background:var(--panel,#fff);z-index:1}
@media(max-width:700px){.editor-device-label{font-size:10px}}

/* Redesign minimalista inspirado na interface do ChatGPT: navegação leve, tipografia compacta e divisões discretas */
:root{--ui-bg:#111111;--ui-sidebar:#171717;--ui-surface:#1b1b1b;--ui-hover:#252525;--ui-text:#ececec;--ui-muted:#a5a5a5;--ui-divider:#303030;--ui-accent:#d1a15b;--line:var(--ui-divider);--paper:var(--ui-bg);--navy:var(--ui-text);--admin-panel-bg:transparent;--admin-panel-padding:20px;--admin-gap:8px;--body:Arial,Helvetica,sans-serif;--display:Arial,Helvetica,sans-serif}
html{scroll-behavior:smooth}body{background:var(--ui-bg);color:var(--ui-text);font-family:Arial,Helvetica,sans-serif;font-size:14px;letter-spacing:0;line-height:1.55}#admin-app{background:var(--ui-bg);min-height:100vh}.admin-header{display:none}.admin-shell-main{width:100%;max-width:none;min-height:calc(100vh - 48px);margin:0;padding:0 24px 24px 0;grid-template-columns:244px minmax(0,1fr);gap:0;align-items:stretch}.admin-sidebar{top:0;height:100vh;min-height:100vh;border-radius:0;background:var(--ui-sidebar);color:var(--ui-text);border-right:1px solid var(--ui-divider);padding:18px 12px;gap:22px;box-shadow:none}.sidebar-brand{padding:0 10px 18px;border-bottom:1px solid var(--ui-divider);gap:10px}.sidebar-monogram{width:34px;height:34px;border-radius:9px;background:var(--ui-accent);color:#171717;font:700 15px Arial,sans-serif}.sidebar-brand strong{font:600 14px Arial,sans-serif;letter-spacing:0;line-height:1.4}.sidebar-brand small{font-size:9px;letter-spacing:.035em;color:var(--ui-muted)}.admin-nav{gap:3px}.admin-nav-item{padding:10px 11px;gap:10px;border:0;border-radius:8px;background:transparent;color:#c7c7c7;font-size:13px;font-weight:400;line-height:1.4}.admin-nav-item:hover{background:var(--ui-hover);color:#fff}.admin-nav-item.active{background:#292929;color:#fff;font-weight:500}.nav-symbol{width:19px;font-size:16px;color:#b8b8b8}.sidebar-bottom{padding:14px 10px 4px;border-top:1px solid var(--ui-divider);color:#bdbdbd;font-size:12px}.sidebar-bottom a:hover{color:#fff}.admin-workspace{min-width:0;padding:0 0 30px 28px}.workspace-topbar{min-height:76px;margin:0 0 20px;padding:17px 0 15px;border-bottom:1px solid var(--ui-divider);gap:12px}.workspace-topbar .eyebrow{font-size:10px;letter-spacing:.07em;color:var(--ui-muted)}.workspace-topbar h1{font:500 24px/1.3 Arial,sans-serif;letter-spacing:0;margin:3px 0 0;color:var(--ui-text)}.workspace-status{font-size:11px;color:var(--ui-muted)}.workspace-status i{background:#6a9f75}.workspace-content>.panel, .workspace-content>.admin-layout{margin-bottom:12px}.panel, .workspace-content>.panel, .workspace-content>.admin-layout>.panel{background:transparent;border:0;border-radius:0;box-shadow:none;padding:20px 0}.panel+.panel, .workspace-content>.panel+.panel{border-top:1px solid var(--ui-divider)}.panel-heading{margin-bottom:16px}.panel-heading .eyebrow, .eyebrow{font-size:10px;letter-spacing:.075em;font-weight:600;color:#b7b7b7}.panel-heading h2{font:500 21px/1.35 Arial,sans-serif;letter-spacing:0;margin:0 0 6px;color:var(--ui-text)}.panel-heading h3, .custom-sections-manager h3{font:500 17px/1.4 Arial,sans-serif;color:var(--ui-text)}.subcopy, .intro>p:last-child{font-size:13px;color:var(--ui-muted);line-height:1.55;max-width:780px}.intro{margin:0;max-width:none}.intro h1{font:500 27px/1.3 Arial,sans-serif;letter-spacing:0;margin:4px 0 8px;color:var(--ui-text)}.intro h1 span{color:var(--ui-accent)}.notice{border:0;border-left:2px solid var(--ui-accent);border-radius:0;background:#202020;color:#dedede;padding:12px 15px;font-size:12px;box-shadow:none}.setting-field, .analytics-card, .analytics-chart-card, .custom-sections-manager, .custom-section-item, .visual-layers{border:0;border-radius:0;box-shadow:none;background:transparent}.setting-field{padding:10px 0;border-bottom:1px solid #292929}.settings-grid, .advanced-grid{gap:8px 24px}.setting-field label, label, .visual-inspector label{font-size:12px;font-weight:500;color:#d4d4d4;letter-spacing:0}.setting-field small, small, .subcopy{letter-spacing:0}.setting-field input, .setting-field select, .advanced-grid textarea, input, select, textarea{background:#202020;color:var(--ui-text);border:1px solid #393939;border-radius:8px;padding:9px 11px;font:13px Arial,sans-serif;box-shadow:none}.setting-field input[type=range], input[type=range]{padding:0;border:0;background:transparent;accent-color:var(--ui-accent)}.setting-field input[type=color], input[type=color]{padding:3px;height:34px;background:#202020}.setting-field input:focus, .setting-field select:focus, input:focus, select:focus, textarea:focus{outline:1px solid #777;outline-offset:1px}.form-actions, .toolbar, .settings-actions{gap:8px}.form-actions button, button, .import-button, .editor-open-site{border-radius:8px;padding:8px 12px;font-size:12px;font-weight:500;box-shadow:none;transition:background .15s ease,color .15s ease}.primary{background:#ececec;color:#171717}.primary:hover{background:#d8d8d8}.secondary, .import-button{background:transparent;color:#dedede;border:1px solid #424242}.secondary:hover, .import-button:hover{background:#292929;color:white}.status{font-size:12px;color:#9bc7a5}.items-list{gap:0}.item{grid-template-columns:76px minmax(0,1fr);gap:14px;padding:13px 0;border:0;border-bottom:1px solid var(--ui-divider);border-radius:0;background:transparent}.thumb{width:76px;height:66px;border-radius:6px}.item h3{font-size:13px;font-weight:500}.item p{font-size:12px;color:var(--ui-muted)}.item-actions button{padding:6px 9px;font-size:11px}.edit-btn, .delete-btn{background:transparent;border:1px solid #3b3b3b;color:#ddd}.admin-shell-footer{border-top:1px solid var(--ui-divider);color:var(--ui-muted);padding:16px 24px;font-size:11px}.visual-editor-frame-wrap{border:1px solid #383838;border-radius:8px;background:#202020}.visual-inspector{background:transparent;border:0;border-left:1px solid var(--ui-divider);border-radius:0;box-shadow:none;padding:0 0 0 16px;gap:8px}.visual-inspector h3{font:500 16px/1.4 Arial,sans-serif;color:var(--ui-text)}.visual-layers{border-top:1px solid var(--ui-divider);padding:12px 0}.visual-layers summary, .visual-property-group summary{font-size:12px;font-weight:500;color:#e0e0e0}.visual-layer-item{border:0;border-radius:6px;background:transparent;color:#c7c7c7;font-size:12px;padding:7px 8px}.visual-layer-item:hover, .visual-layer-item.active{background:#292929;color:white;border:0}.visual-property-group{border-top:1px solid var(--ui-divider);border-radius:0;padding:11px 0}.visual-property-group label{margin-top:7px}.visual-inspector input, .visual-inspector select, .visual-inspector textarea{font-size:12px}.analytics-cards{gap:0;border-top:1px solid var(--ui-divider);border-bottom:1px solid var(--ui-divider)}.analytics-card{padding:14px 16px;border-right:1px solid var(--ui-divider)}.analytics-card:last-child{border-right:0}.analytics-card span, .analytics-card small{font-size:11px;color:var(--ui-muted)}.analytics-card strong{font:500 25px Arial,sans-serif;color:var(--ui-text);margin:8px 0}.analytics-chart-empty{border:1px dashed #3a3a3a;border-radius:8px;background:#191919;color:var(--ui-muted)}.settings-tabs{gap:3px;border-bottom:1px solid var(--ui-divider)}.settings-tab{border:0;border-radius:7px;padding:8px 11px;font-size:12px;color:#bdbdbd}.settings-tab.active, .settings-tab:hover{background:#292929;color:#fff}.custom-section-item{border-bottom:1px solid var(--ui-divider);padding:12px 0}.auth-screen{background:var(--ui-bg)}.auth-card{background:var(--ui-sidebar);border:1px solid var(--ui-divider);border-radius:12px;box-shadow:none;color:var(--ui-text)}.auth-card h1{font:500 26px Arial,sans-serif}.auth-card>p:not(.eyebrow){color:var(--ui-muted)}.theme-dark{--paper:var(--ui-bg);--navy:var(--ui-text);--line:var(--ui-divider);--admin-panel-bg:transparent;color:var(--ui-text)}.theme-dark .admin-header{background:var(--ui-bg)}.theme-dark .setting-field, .theme-dark .secondary, .theme-dark .import-button{background:transparent}.theme-dark input, .theme-dark select, .theme-dark .advanced-grid textarea{background:#202020;color:var(--ui-text);border-color:#393939}
@media(max-width:1000px){.admin-shell-main{grid-template-columns:205px minmax(0,1fr);padding-right:16px}.admin-workspace{padding-left:20px}.visual-editor-workspace{grid-template-columns:minmax(0,1fr) 235px}}
@media(max-width:700px){.admin-shell-main{display:block;width:100%;padding:0 14px 20px}.admin-sidebar{height:auto;min-height:0;margin:0 -14px 12px;padding:12px 14px;border-right:0;border-bottom:1px solid var(--ui-divider)}.sidebar-brand{padding:0 5px 10px}.admin-nav{display:flex;overflow-x:auto;gap:3px}.admin-nav-item{flex:0 0 auto;padding:8px 10px;font-size:12px}.sidebar-bottom{display:none}.admin-workspace{padding:0}.workspace-topbar{min-height:60px;margin-bottom:10px}.workspace-topbar h1{font-size:21px}.panel, .workspace-content>.panel{padding:16px 0}.visual-editor-workspace{grid-template-columns:1fr}.visual-inspector{border-left:0;border-top:1px solid var(--ui-divider);padding:14px 0 0}.visual-editor-frame-wrap{min-height:400px;height:65vh}.settings-grid, .advanced-grid{grid-template-columns:1fr}.analytics-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-card:nth-child(2){border-right:0}.admin-shell-footer{padding:14px}}

/* Biblioteca gráfica, controles RGB e camadas do editor */
.rgb-editor{margin-top:12px;padding:12px;border:1px solid #393939;border-radius:8px;background:#191919}.rgb-editor>strong{display:block;font-size:12px;margin-bottom:8px;color:#eee}.rgb-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.rgb-fields label{display:block;font-size:11px}.rgb-fields input{margin-top:5px;width:100%;min-width:0}.layer-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px}.layer-actions button{white-space:normal;min-height:34px}.graphics-toolbar{display:grid;grid-template-columns:minmax(0,2fr) minmax(140px,1fr);gap:8px 12px;max-width:760px;margin:18px 0}.graphics-toolbar label{grid-row:1;font-size:12px}.graphics-toolbar input, .graphics-toolbar select{grid-row:2}.graphic-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:8px;margin:20px 0}.graphic-item{display:flex;min-height:96px;align-items:center;justify-content:center;flex-direction:column;gap:10px;border:1px solid #363636;background:#1b1b1b;color:#eee;border-radius:10px}.graphic-item:hover{border-color:#C0924D;background:#252525}.graphic-symbol{font-size:28px;line-height:1;color:#C0924D}.graphics-custom{border-top:1px solid #343434;padding-top:18px;margin-top:24px}.graphics-custom h3{font-size:16px;font-weight:500}.graphics-custom-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(100px,1fr) minmax(100px,1fr);gap:12px}.graphics-custom-grid label{display:flex;flex-direction:column;gap:6px}.graphics-custom-grid input[type=color]{height:38px}.graphics-custom>button{margin-top:14px}@media(max-width:600px){.graphics-toolbar, .graphics-custom-grid{grid-template-columns:1fr}.graphics-toolbar label, .graphics-toolbar input, .graphics-toolbar select{grid-row:auto}.graphic-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.rgb-triple{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:7px}.rgb-triple label{display:flex;align-items:center;gap:5px;font-size:10px;color:#aaa}.rgb-triple input{width:100%;min-width:0;padding:6px;font-size:11px}.setting-field .rgb-triple input{margin:0}
/* Fundos e efeitos */
.bg-effects-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:24px;align-items:start}.bg-effects-controls, .bg-effects-preview-column{min-width:0}.bg-effects-controls>label{display:block;font-size:13px;font-weight:650;margin:15px 0 7px}.bg-effects-controls input:not([type=checkbox]):not([type=color]):not([type=range]), .bg-effects-controls select{width:100%;min-width:0}.bg-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.bg-color-field{padding:12px;border:1px solid var(--line,#d8d6d0);border-radius:12px;min-width:0}.bg-color-field>label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}.bg-color-field>div>input[type=color]{width:100%;height:36px;padding:2px;border:0;background:transparent}.bg-color-field input[type=text]{width:100%;margin-top:6px;text-transform:uppercase}.bg-rgb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:8px}.bg-rgb label{font-size:10px;color:var(--muted,#777)}.bg-rgb input{width:100%;padding:5px 2px;min-width:0;font-size:12px}.bg-effects-controls output{float:right;color:var(--muted,#888);font-weight:500}.bg-check{display:flex;align-items:center;gap:8px}.bg-check input{width:auto}.bg-effect-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.bg-effects-preview{position:relative;isolation:isolate;min-height:320px;overflow:hidden;border-radius:16px;border:1px solid var(--line,#d8d6d0);display:flex;align-items:flex-end;padding:24px;background:#0b0b0c;color:#EEE6D3;background-size:180% 180%}.bg-preview-effect-layer{position:absolute;inset:-1px;z-index:0;pointer-events:none;overflow:hidden}.bg-preview-copy{position:relative;z-index:2;display:grid;gap:12px;text-shadow:0 2px 14px #0005}.bg-preview-copy span{font-size:10px;letter-spacing:.18em}.bg-preview-copy strong{font-size:clamp(28px,4vw,48px);line-height:.98;letter-spacing:-.05em}.bg-preview-copy small{font-size:12px}.bg-effects-preview-column h3{margin-top:0}.bg-effects-preview-column>.muted{font-size:12px;line-height:1.5;margin-top:12px}#bg-video-controls{border:1px solid var(--line,#d8d6d0);border-radius:12px;padding:12px;margin-top:14px}#bg-video-controls[hidden]{display:none}.bg-effects-controls .status{margin-top:12px}.bg-global-scope-check{margin-top:18px;padding:10px 12px;border:1px solid var(--line,#d8d6d0);border-radius:10px}.bg-global-scope-help{margin:5px 0 12px;font-size:12px;line-height:1.5}@media(max-width:850px){.bg-effects-layout{grid-template-columns:1fr}.bg-effects-preview{min-height:250px}}@media(max-width:480px){.bg-color-grid{grid-template-columns:1fr}.bg-effect-actions button{flex:1 1 100%}}


/* Temas adicionais e personalização RGB da interface administrativa */
.theme-midnight{--paper:#090909;--navy:#f5f5f5;--line:rgba(245,245,245,.2);--admin-panel-bg:#171717;color:var(--navy)}
.theme-midnight .admin-header{background:#090909}.theme-midnight input, .theme-midnight select{background:#171717;color:#f5f5f5;border-color:#484848}.theme-midnight .setting-field{background:rgba(255,255,255,.025)}
.theme-forest{--paper:#14251e;--navy:#f1f0e6;--terracotta:#91a878;--mustard:#b5c99a;--line:rgba(241,240,230,.2);--admin-panel-bg:#20372d;color:var(--navy)}
.theme-forest .admin-header{background:#14251e}.theme-forest input, .theme-forest select{background:#20372d;color:#f1f0e6;border-color:#496451}
.theme-terracotta{--paper:#f3e8dd;--navy:#3a211c;--terracotta:#a8472e;--mustard:#c0924d;--line:rgba(58,33,28,.2);--admin-panel-bg:#fff8f0;color:var(--navy)}
.theme-terracotta .admin-header{background:#f3e8dd}
.theme-lavender{--paper:#f0edf8;--navy:#29233b;--terracotta:#8b78c6;--mustard:#b4a3e0;--line:rgba(41,35,59,.18);--admin-panel-bg:#faf8ff;color:var(--navy)}
.theme-lavender .admin-header{background:#f0edf8}
.theme-custom{color:var(--admin-custom-text,var(--navy))}.theme-custom .admin-header{background:var(--paper)}.theme-custom .panel, .theme-custom .setting-field{background:var(--admin-panel-bg,var(--paper))}.theme-custom input, .theme-custom select{background:color-mix(in srgb,var(--paper) 88%,var(--navy));color:var(--admin-custom-text,var(--navy));border-color:var(--line)}
.custom-theme-controls{display:none;grid-column:1/-1;gap:12px;margin-top:12px;padding:14px;border:1px solid var(--line);border-radius:12px}.custom-theme-controls.is-visible{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.rgb-color-row{display:grid;grid-template-columns:42px repeat(3,minmax(45px,1fr));gap:6px;align-items:end}.rgb-color-row input[type=color]{width:42px;height:38px;padding:3px;border:1px solid var(--line);border-radius:8px;background:transparent}.rgb-color-row label{font-size:11px;color:inherit}.rgb-color-row input[type=number]{width:100%;min-width:0;padding:8px 5px}.custom-theme-controls>small{grid-column:1/-1}

/* Correção dos controles RGB e respeito real aos temas do painel. */
.rgb-color-row{grid-template-columns:42px repeat(3,minmax(0,1fr));align-items:end}
.rgb-color-row label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px;min-width:0;margin:0;white-space:nowrap}
.rgb-color-row input[type=number]{display:block;width:100%;min-width:0;box-sizing:border-box;padding:8px 5px}
.rgb-color-row input[type=color]{box-sizing:border-box;min-width:0}
.custom-theme-controls{min-width:0;box-sizing:border-box}
.custom-theme-controls .setting-field{min-width:0}
@media(max-width:640px){.custom-theme-controls.is-visible{grid-template-columns:minmax(0,1fr)}.rgb-color-row{grid-template-columns:42px repeat(3,minmax(0,1fr));gap:5px}.rgb-color-row label{grid-template-columns:1fr;gap:3px}.rgb-color-row label input[type=number]{width:100%}}

/* Revisão de usabilidade do editor: tokens de cor reais, campos legíveis e transformações precisas. */
body{font-size:var(--admin-font-size,14px);letter-spacing:var(--admin-letter-spacing,.01em);line-height:var(--admin-line-height,1.55)}
.workspace-content{max-width:var(--admin-main-width,1200px);min-width:0}
.workspace-topbar h1, .panel-heading h2, .visual-inspector h3, .settings-panel h2, .settings-panel h3{color:var(--ui-heading,var(--ui-text))}
.eyebrow, .panel-heading .eyebrow, .workspace-status, .subcopy, .setting-field small, .muted, .unified-action-note{color:var(--ui-muted,#627A7E)}
label, .setting-field label, .panel label, .visual-inspector label, .visual-property-group label, .settings-panel label{color:var(--ui-text,#0E2D3A)}
.admin-nav-item{color:var(--ui-text)}
.admin-nav-item:hover{background:var(--ui-hover);color:var(--ui-heading)}
.admin-nav-item.active{background:var(--ui-hover);color:var(--ui-heading);border-left:2px solid var(--ui-accent)}
.nav-symbol, .editor-tab-icon, .unified-editor-tab .editor-tab-icon, .sidebar-brand .nav-symbol{color:var(--ui-icon,var(--ui-accent))}
.unified-editor-tab{color:var(--ui-text)}
.unified-editor-tab.active{background:var(--ui-accent);color:#161616}
input:not([type=range]):not([type=checkbox]):not([type=radio]), select, textarea{background:var(--ui-surface,#F7F1E5);color:var(--ui-text,#0E2D3A);border-color:var(--ui-divider,#D0C4AC)}
input[type=color]{background:var(--ui-surface,#F7F1E5);border-color:var(--ui-divider,#D0C4AC)}
input::placeholder, textarea::placeholder{color:var(--ui-muted,#627A7E);opacity:.95}
input:focus, select:focus, textarea:focus{outline:2px solid var(--ui-accent);outline-offset:1px}
button.primary, .primary{background:var(--ui-accent,#C0924D);border-color:var(--ui-accent,#C0924D);color:#151515}
button.secondary, .secondary, .import-button, .editor-open-site{background:transparent;border-color:var(--ui-divider,#D0C4AC);color:var(--ui-text,#0E2D3A)}
button:disabled{opacity:.42;cursor:not-allowed}
.settings-panel .setting-field{min-width:0}
.custom-theme-controls .setting-field label{color:var(--ui-text)}
.visual-inspector .visual-dimension-row{margin:8px 0}
.visual-inspector .visual-dimension-row label{display:block;margin-bottom:5px}
.visual-inspector .visual-ratio-lock{display:flex;align-items:center;gap:8px;margin:10px 0;font-weight:500}
.visual-inspector .visual-ratio-lock input{width:auto;min-height:0;accent-color:var(--ui-accent)}
.visual-inspector .visual-transform-actions button{min-width:0;white-space:normal}
.visual-inspector .visual-layer-item{border:1px solid var(--ui-divider);background:transparent;color:var(--ui-text)}
.visual-inspector .visual-layer-item.active{border-color:var(--ui-accent);background:var(--ui-hover);color:var(--ui-heading)}
.ve-selected{outline-color:var(--ui-accent,#C0924D)}
@media(max-width:900px){.workspace-content{max-width:none}.unified-site-editor{grid-template-columns:minmax(0,1fr)}.unified-editor-preview{position:relative;max-height:none}.unified-editor-preview .visual-editor-frame-wrap{height:54vh;min-height:340px}}
@media(max-width:540px){.admin-nav-item{min-width:max-content}.workspace-content{max-width:none}.unified-editor-preview .visual-editor-frame-wrap{height:58vh;min-height:350px}}

/* Contraste e cores configuráveis da biblioteca e dos ícones minimalistas. */
.graphic-symbol{color:var(--ui-icon,var(--ui-accent,#C0924D))}.nav-symbol svg{stroke:currentColor}.sidebar-brand, .admin-nav-item{min-width:0}.unified-editor-tab:focus-visible, .admin-nav-item:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}.unified-editor-tab .editor-tab-icon{color:var(--ui-icon,var(--ui-accent))}

/* O tema escolhido em Personalizar painel deve refletir-se também nos cartões e em toda a biblioteca. */
.graphic-item{background:var(--ui-surface,#1b1b1b);color:var(--ui-text,#ececec);border-color:var(--ui-divider,#303030)}.graphic-item:hover{background:var(--ui-hover,#252525);border-color:var(--ui-accent,#C0924D)}.graphic-symbol{color:var(--ui-icon,var(--ui-accent,#C0924D))}.notice{background:var(--ui-surface,#1b1b1b);color:var(--ui-text,#ececec);border-color:var(--ui-divider,#303030)}.notice strong, .notice p{color:inherit}.settings-tab, .settings-tab.active, .settings-tab:hover{border-color:var(--ui-divider,#303030)}.settings-tab.active, .settings-tab:hover{background:var(--ui-hover,#252525);color:var(--ui-heading,var(--ui-text))}

/* Diagnóstico seguro da conexão Supabase: somente leituras e verificações de sessão. */
.supabase-diagnostic-panel{display:grid;gap:10px;margin-top:12px;min-width:0}
.supabase-diagnostic-button{justify-self:start;max-width:100%;white-space:normal}
.supabase-diagnostic-output{min-width:0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.supabase-diagnostic-output:empty{display:none}
.diagnostic-summary{padding:10px 12px;border-radius:8px;margin:0 0 8px;font-weight:650}
.diagnostic-summary-success{background:#e5efe5;color:#1c5130}
.diagnostic-summary-warning{background:#fff0df;color:#78400d}
.diagnostic-list{list-style:none;display:grid;gap:7px;margin:0;padding:0}
.diagnostic-list li{display:grid;gap:3px;border:1px solid var(--ui-divider,#d8d5cd);border-radius:8px;padding:9px 10px;background:var(--ui-surface,#fff)}
.diagnostic-list li strong{font-weight:750}
.diagnostic-list li span{color:var(--ui-muted,#5c6267);font-size:12px}
.diagnostic-ok strong{color:#247444}.diagnostic-fail strong{color:#b63a30}.diagnostic-skipped strong{color:#8b661f}
@media(max-width:600px){.supabase-diagnostic-button{width:100%}.diagnostic-list li{padding:8px}.supabase-diagnostic-output{font-size:12px}}


/* Explicit solid background picker and quick per-element text color */
.bg-solid-color-control[hidden]{display:none}.bg-solid-color-control{border:1px solid var(--line,#d8d6d0);border-radius:12px;padding:12px;margin:12px 0;background:rgba(255,255,255,.025)}.bg-solid-color-control>label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}.bg-solid-color-row{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;align-items:center}.bg-solid-color-row input[type=color]{width:72px;height:42px;padding:3px}.bg-solid-color-row input[type=text]{width:100%;text-transform:uppercase}.bg-solid-color-control .muted{font-size:12px;line-height:1.45;margin:8px 0 0}.visual-quick-text-color{display:grid;gap:7px;padding:12px;border:1px solid var(--ui-accent,#C0924D);border-radius:9px;background:rgba(192,146,77,.07);margin:2px 0 8px}.visual-quick-text-color>label{font-weight:700;color:var(--ui-heading,#f3eee2)}.visual-quick-text-color>input[type=color]{width:100%;height:42px;cursor:pointer}.visual-quick-text-color .rgb-editor{display:grid;gap:7px}.visual-quick-text-color .rgb-editor strong{font-size:11px;color:var(--ui-muted,#aaa)}.visual-quick-text-color .rgb-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.visual-quick-text-color .rgb-fields label{display:grid;gap:4px;font-size:10px}.visual-quick-text-color small{font-size:11px;line-height:1.45;color:var(--ui-muted,#aaa);margin:0}.visual-quick-text-color input:disabled{opacity:.48;cursor:not-allowed}

/* Capas desktop/mobile e estados de prévia com mensagens legíveis. */
.field-help{margin:0;color:#526367;font-size:12px;line-height:1.5}
.hero-image-setting h3{margin:0;color:var(--ui-text,var(--navy));font:700 15px/1.3 Arial,sans-serif}
.hero-image-preview.is-loading{background-image:linear-gradient(135deg,#EEE6D3,#D8D1C3);color:#0E2D3A;text-shadow:none}
.hero-image-preview.has-error{background:#FBEAE5;color:#8C2F1D;border-color:#B94D34;text-shadow:none}
.hero-image-setting button{min-height:42px;white-space:normal;line-height:1.35}


/* Device-specific cover controls v9 */
.hero-responsive-editor{ grid-column: 1 / -1; padding: 20px; border: 1px solid var(--line, rgba(255,255,255,.13)); border-radius: 14px; background: rgba(255,255,255,.025); }
.hero-responsive-editor > h3{ margin-top: 0; }
.hero-responsive-text-grid, .hero-device-focal-grid{ display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin-top: 14px; }
.hero-responsive-text-grid .setting-field, .hero-device-focal-grid .setting-field{ min-width: 0; }
.hero-responsive-editor textarea, .hero-responsive-editor input[type="url"], .hero-responsive-editor select{ width: 100%; box-sizing: border-box; }
.hero-responsive-editor input[type="range"]{ width: 100%; }
.hero-responsive-editor output{ float: right; font-variant-numeric: tabular-nums; opacity: .8; }
.hero-device-preview-wrap{ margin-top: 18px; padding: 12px; border: 1px solid var(--line, rgba(255,255,255,.13)); border-radius: 12px; background: rgba(0,0,0,.14); }
.hero-device-preview{ position: relative; width: 100%; max-width: 720px; margin: 0 auto; overflow: hidden; aspect-ratio: 16/9; border-radius: 8px; background: #0e2d3a; isolation: isolate; }
.hero-device-preview[data-profile="tabletLandscape"]{ aspect-ratio: 4/3; max-width: 560px; }
.hero-device-preview[data-profile="tabletPortrait"]{ aspect-ratio: 3/4; max-width: 340px; }
.hero-device-preview[data-profile="mobile"]{ aspect-ratio: 9/14; max-width: 260px; }
.hero-device-preview > img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.hero-device-preview-shade{ position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,rgba(4,16,18,.82),rgba(4,16,18,.2)),linear-gradient(0deg,rgba(4,16,18,.58),transparent 55%); pointer-events: none; }
.hero-device-preview-copy{ position: absolute; inset: 12% 9%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; color: #eee6d3; text-align: left; }
.hero-device-preview-copy span{ max-width: 100%; font-size: clamp(7px,1.2vw,11px); letter-spacing: .12em; text-transform: uppercase; margin-bottom: .8em; }
.hero-device-preview-copy strong{ max-width: 100%; font-family: "Arial Narrow","Aptos Narrow",Arial,sans-serif; font-size: clamp(17px,4vw,48px); font-weight: 700; line-height: .96; letter-spacing: -.035em; white-space: pre-line; overflow-wrap: anywhere; }
.hero-device-preview-copy p{ max-width: 90%; font-size: clamp(8px,1.2vw,13px); line-height: 1.45; margin: .8em 0 0; }
.hero-device-preview[data-profile="tabletPortrait"] .hero-device-preview-copy, .hero-device-preview[data-profile="mobile"] .hero-device-preview-copy{ inset: auto 8% 8%; justify-content: flex-end; }
.hero-device-preview[data-align="center"] .hero-device-preview-copy{ align-items: center; text-align: center; }
.hero-device-preview[data-align="right"] .hero-device-preview-copy{ align-items: flex-end; text-align: right; }
.hero-device-preview[data-align="center"] .hero-device-preview-copy strong, .hero-device-preview[data-align="center"] .hero-device-preview-copy p{ margin-left: auto; margin-right: auto; }
.hero-device-preview[data-align="right"] .hero-device-preview-copy strong, .hero-device-preview[data-align="right"] .hero-device-preview-copy p{ margin-left: auto; }
@media(max-width:680px){.hero-responsive-text-grid, .hero-device-focal-grid{grid-template-columns:minmax(0,1fr)}.hero-responsive-editor{padding:14px}.hero-device-preview-copy strong{font-size:clamp(18px,7vw,30px)}}


/* Editor panel v11: dedicated object alignment, spacing distribution and stacking controls. */
.visual-align-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.visual-align-grid button, .visual-align-distribute button{min-width:0;white-space:normal;line-height:1.3;min-height:36px;padding:7px 8px}
.visual-align-distribute{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:7px}
.visual-alignment-help{font-size:.76rem;line-height:1.45;margin:0 0 6px;color:var(--muted,#888)}
#visual-layer-list{max-height:360px;overscroll-behavior:contain}
.visual-layer-item{line-height:1.35;overflow-wrap:anywhere}
.visual-layer-item[aria-selected="true"]{outline:1px solid var(--ui-accent,#C0924D);outline-offset:-1px}
#visual-z-index{font-variant-numeric:tabular-nums}
.visual-inspector button:disabled{opacity:.42;cursor:not-allowed}
@media(max-width:600px){.visual-align-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-align-distribute{grid-template-columns:1fr}}

/* Editor panel v12: searchable and complete layer list without editor-only handles. */
.visual-layer-search-label{display:block;margin:10px 0 5px;font-size:.82rem;font-weight:600}
#visual-layer-filter{width:100%;box-sizing:border-box;min-height:38px;margin-bottom:6px}
#visual-layer-count{font-size:.76rem;line-height:1.4;margin:4px 0 8px}
#visual-layer-list{max-height:420px;overflow:auto;overscroll-behavior:contain}
.visual-layer-item{display:block;width:100%;text-align:left;white-space:normal;overflow-wrap:anywhere}
.visual-layer-item[aria-selected="true"]{outline:1px solid var(--ui-accent,#C0924D);outline-offset:-1px}



.visual-inline-accent{display:grid;gap:8px;margin:8px 0 12px;padding:12px;border:1px solid var(--ui-accent,#C0924D);border-radius:10px;background:rgba(192,146,77,.08)}
.visual-inline-accent[hidden]{display:none!important}
.visual-inline-accent>label{font-weight:750;color:var(--ui-heading,#102D38)}
.visual-inline-accent-row{display:grid;grid-template-columns:minmax(76px,100px) minmax(0,1fr);gap:8px;align-items:center}
.visual-inline-accent-row input[type=color]{width:100%;height:42px;padding:3px;cursor:pointer}
.visual-inline-accent-row button{min-height:38px;white-space:normal}
.visual-inline-accent small{font-size:11px;line-height:1.45;color:var(--ui-muted,#617177)}
@media(max-width:520px){.visual-inline-accent-row{grid-template-columns:1fr}.visual-inline-accent-row input[type=color]{height:36px}}

/* Exceções de tema são explícitas; por padrão cada seção herda o sistema global. */
.section-inherit-toggle{ display:flex; align-items:center; gap:9px; padding:10px 12px; margin:8px 0 12px; border:1px solid var(--admin-border,#d6d9d7); border-radius:9px; background:rgba(192,146,77,.08); font-weight:600; }
.section-inherit-toggle input{ width:17px; height:17px; flex:none; accent-color:#A8472E; }
.section-style-grid[hidden]{ display:none !important; }

/* Organização visual das publicações por bloco no painel administrativo */
.admin-content-group{margin:18px 0 26px;padding:0 0 12px;border:1px solid var(--ui-divider,#393939);border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--ui-sidebar,#171717) 45%,transparent)}
.admin-content-group-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 17px;background:var(--ui-hover,#202020);border-bottom:1px solid var(--ui-divider,#393939)}
.admin-content-group-heading h3{margin:0;font-size:15px;font-weight:600;color:var(--ui-text,#eee)}
.admin-content-group-heading p{margin:3px 0 0;font-size:11px;color:var(--ui-muted,#aaa)}
.admin-content-group-count{flex:0 0 auto;border:1px solid var(--ui-divider,#444);border-radius:999px;padding:4px 9px;font-size:11px;color:var(--ui-text,#eee);white-space:nowrap}
.admin-content-group-list{padding:0 16px}
.admin-content-group-list .item:first-child{padding-top:13px}
.admin-content-group-list .item:last-child{border-bottom:0}
.admin-content-group-list .empty{padding:14px 0;margin:0}
@media(max-width:650px){.admin-content-group-heading{align-items:flex-start;padding:12px;}.admin-content-group-list{padding:0 10px}.admin-content-group-count{font-size:10px}}


/* ===== SOURCE: admin-shell.css | preserved cascade order ===== */
/* ===== Regras incorporadas de admin-shell.css ===== */
/* Gilmar Amaro — interface administrativa: hierarquia simples, superfícies leves e foco no trabalho. */
:root{
  --shell-bg: var(--ui-bg, #eee6d3);
  --shell-text: var(--ui-text, #0e2d3a);
  --shell-heading: var(--ui-heading, #0e2d3a);
  --shell-muted: var(--ui-muted, #627a7e);
  --shell-panel: var(--ui-surface, #f7f1e5);
  --shell-sidebar: var(--ui-sidebar, #e5dcc8);
  --shell-line: var(--ui-divider, #d0c4ac);
  --shell-hover: var(--ui-hover, #dcd1ba);
  --shell-accent: var(--ui-accent, #c0924d);
  --shell-radius: 16px;
}

body.admin-shell-ready{ background: var(--shell-bg) ; color: var(--shell-text) ; }
body.admin-shell-ready .admin-header{ display: none ; }
body.admin-shell-ready button, body.admin-shell-ready input, body.admin-shell-ready select, body.admin-shell-ready textarea{ font-family: inherit; }
body.admin-shell-ready button{ letter-spacing: normal; }
body.admin-shell-ready button:focus-visible, body.admin-shell-ready a:focus-visible, body.admin-shell-ready summary:focus-visible, body.admin-shell-ready input:focus-visible, body.admin-shell-ready select:focus-visible, body.admin-shell-ready textarea:focus-visible{ outline: 2px solid var(--shell-accent) ; outline-offset: 2px ; }

.admin-shell-main{
  display: grid ;
  grid-template-columns: 236px minmax(0, 1fr) ;
  align-items: start ;
  gap: 20px ;
  width: calc(100% - 40px) ;
  max-width: none ;
  margin: 16px auto 28px ;
  padding: 0 ;
}
.admin-sidebar{
  position: sticky ;
  top: 16px ;
  display: flex ;
  flex-direction: column ;
  gap: 22px ;
  min-width: 0 ;
  min-height: calc(100vh - 32px) ;
  height: calc(100vh - 32px) ;
  padding: 18px 12px 12px ;
  overflow: auto ;
  border: 1px solid var(--shell-line) ;
  border-radius: 18px ;
  background: var(--shell-sidebar) ;
  color: var(--shell-text) ;
  box-shadow: 0 10px 28px rgba(14, 45, 58, .04) ;
}
.sidebar-brand{
  display: flex ;
  align-items: center ;
  gap: 10px ;
  min-width: 0 ;
  padding: 3px 6px 17px ;
  border: 0 ;
  border-bottom: 1px solid var(--shell-line) ;
  border-radius: 0 ;
  color: var(--shell-text) ;
  text-decoration: none ;
}
.sidebar-monogram{
  display: grid ;
  place-items: center ;
  flex: 0 0 40px ;
  width: 40px ;
  height: 40px ;
  border-radius: 12px ;
  background: var(--shell-accent) ;
  color: #171717 ;
  font: 22px var(--display, Arial, sans-serif) ;
}
.sidebar-brand-copy{ display: block; min-width: 0; }
.sidebar-brand strong{ display: block ; font: 18px var(--display, Arial, sans-serif) ; letter-spacing: -.025em ; color: var(--shell-heading) ; line-height: 1.25 ; }
.sidebar-brand small{ display: block ; margin-top: 4px ; color: var(--shell-muted) ; font-size: 8px ; letter-spacing: .09em ; line-height: 1.4 ; }
.admin-nav{ display: grid ; gap: 4px ; min-width: 0 ; }
.admin-nav-link{ color: inherit; text-decoration: none; font: inherit; }
.admin-nav-link:visited{ color: inherit; }
.admin-nav-item{
  display: flex ;
  align-items: center ;
  gap: 10px ;
  width: 100% ;
  min-width: 0 ;
  padding: 10px 10px ;
  border: 1px solid transparent ;
  border-radius: 10px ;
  background: transparent ;
  color: var(--shell-text) ;
  text-align: left ;
  cursor: pointer ;
  transition: background .16s ease, border-color .16s ease, transform .16s ease ;
}
.admin-nav-item:hover{ background: var(--shell-hover) ; border-color: var(--shell-line) ; }
.admin-nav-item.active{ background: var(--shell-panel) ; border-color: var(--shell-line) ; box-shadow: inset 3px 0 0 var(--shell-accent) ; color: var(--shell-heading) ; }
.nav-symbol{ flex: 0 0 19px ; width: 19px ; height: 19px ; color: var(--ui-icon, var(--shell-accent)) ; }
.nav-item-copy{ display: grid; gap: 3px; min-width: 0; }
.nav-item-label{ display: block; font-size: 12px; font-weight: 680; line-height: 1.25; }
.nav-item-description{ display: block; font-size: 10px; font-weight: 400; color: var(--shell-muted); line-height: 1.35; }
.admin-nav-item.active .nav-item-description{ color: var(--shell-muted); }
.sidebar-bottom{ margin-top: auto ; padding: 13px 8px 5px ; border: 0 ; border-top: 1px solid var(--shell-line) ; color: var(--shell-muted) ; font-size: 11px ; }
.sidebar-bottom a{ color: inherit ; text-decoration: none ; }
.sidebar-bottom a:hover{ color: var(--shell-heading) ; }

.admin-workspace{ min-width: 0 ; padding: 0 ; }
.workspace-topbar{
  display: flex ;
  align-items: center ;
  justify-content: space-between ;
  gap: 16px ;
  min-height: 64px ;
  margin: 0 0 16px ;
  padding: 4px 2px 14px ;
  border-bottom: 1px solid var(--shell-line) ;
}
.workspace-topbar .eyebrow{ display: block; margin: 0 0 3px ; color: var(--shell-muted) ; font-size: 9px ; letter-spacing: .13em ; }
.workspace-topbar h1{ margin: 0 ; color: var(--shell-heading) ; font: 29px/1.15 var(--display, Arial, sans-serif) ; letter-spacing: -.02em ; }
.workspace-status{ display: inline-flex ; align-items: center ; gap: 7px ; padding: 7px 10px ; border: 1px solid var(--shell-line) ; border-radius: 999px ; background: var(--shell-panel) ; color: var(--shell-muted) ; font-size: 10px ; white-space: nowrap; }
.workspace-status svg{ width: 14px; height: 14px; color: var(--shell-muted); }
.workspace-content{ min-width: 0 ; max-width: none ; }
.workspace-content > [hidden], .editor-subpane[hidden]{ display: none ; }
.workspace-content > .preferences-view, .workspace-content > .projects-view, .workspace-content > .analytics-view, .workspace-content > .security-view{ min-width: 0; }

/* Overview */
.overview-intro{ max-width: none ; margin: 0 0 18px ; padding: 8px 3px 0 ; }
.overview-intro .eyebrow{ margin: 0 0 8px ; font-size: 9px ; letter-spacing: .13em ; }
.overview-intro h1{ margin: 0 0 10px ; color: var(--shell-heading) ; font: clamp(34px, 3.4vw, 46px)/1.02 var(--display, Arial, sans-serif) ; letter-spacing: -.035em ; }
.overview-intro h1 span{ color: var(--shell-accent) ; }
.overview-intro > p:last-child{ max-width: 680px ; margin: 0 ; color: var(--shell-muted) ; font-size: 13px ; line-height: 1.65 ; }
.quick-actions{ margin: 22px 0 20px; }
.quick-actions-heading{ display: block; margin-bottom: 12px; }
.quick-actions-heading .eyebrow{ margin: 0 0 5px; font-size: 9px; letter-spacing: .13em; color: var(--shell-muted); }
.quick-actions-heading h2{ margin: 0; color: var(--shell-heading); font: 24px/1.15 var(--display, Arial, sans-serif); letter-spacing: -.02em; }
.quick-actions-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.quick-action-card{ display: grid ; grid-template-columns: 38px minmax(0, 1fr) 16px ; align-items: center ; gap: 11px ; min-width: 0 ; min-height: 112px ; padding: 16px ; border: 1px solid var(--shell-line) ; border-radius: 14px ; background: var(--shell-panel) ; color: var(--shell-text) ; text-align: left ; white-space: normal ; box-shadow: 0 5px 18px rgba(14, 45, 58, .025) ; }
.quick-action-card:hover{ background: var(--shell-hover) ; transform: translateY(-1px); }
.quick-action-icon{ display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--shell-line); border-radius: 11px; color: var(--ui-icon, var(--shell-accent)); }
.quick-action-icon svg{ width: 19px; height: 19px; }
.quick-action-copy{ display: grid; gap: 5px; min-width: 0; }
.quick-action-copy strong{ color: var(--shell-heading); font-size: 12px; line-height: 1.35; }
.quick-action-copy small{ color: var(--shell-muted) ; font-size: 10px ; line-height: 1.45 ; }
.quick-action-arrow{ width: 15px; height: 15px; color: var(--shell-muted); }
.connection-card{ margin: 22px 0 0 ; padding: 16px ; border: 1px solid var(--shell-line) ; border-radius: 14px ; background: var(--shell-panel) ; color: var(--shell-text) ; font-size: 12px ; }
.connection-heading{ display: flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 750; color: var(--shell-heading); }
.connection-heading svg{ width: 19px; height: 19px; color: var(--ui-icon, var(--shell-accent)); }
.connection-summary{ margin: 8px 0 12px ; color: var(--shell-muted) ; line-height: 1.55 ; }
.connection-details{ margin: 10px 0 0; padding-top: 10px; border-top: 1px solid var(--shell-line); }
.connection-details summary{ color: var(--shell-muted); font-size: 11px; font-weight: 650; cursor: pointer; }
.connection-details > p{ margin: 10px 0 ; font-size: 11px ; line-height: 1.6 ; overflow-wrap: anywhere; }
.connection-card .supabase-diagnostic-panel{ display: grid; gap: 8px; margin-top: 13px; }
.connection-card .supabase-diagnostic-button{ justify-self: start; }

/* Editor: smaller controls area and generous live preview. */


.editor-page-copy{ margin: 0; color: var(--shell-muted); font-size: 12px; line-height: 1.5; }
.unified-site-editor{ display: grid ; grid-template-columns: minmax(410px, .78fr) minmax(0, 1.22fr) ; gap: 14px ; align-items: start ; width: 100% ; min-width: 0 ; }

.unified-editor-tabs{ display: flex ; flex-direction: column ; align-items: stretch ; gap: 4px ; min-width: 0 ; min-height: 100% ; max-height: calc(100vh - 160px) ; overflow: auto ; overscroll-behavior: contain; padding: 8px ; border-right: 1px solid var(--shell-line) ; background: var(--shell-sidebar) ; }
.editor-tab-button{ display: flex ; align-items: center ; gap: 9px ; width: 100% ; min-width: 0 ; min-height: 42px ; padding: 9px 8px ; border: 1px solid transparent ; border-radius: 9px ; background: transparent ; color: var(--shell-text) ; text-align: left ; white-space: normal ; cursor: pointer; }
.editor-tab-button:hover{ background: var(--shell-hover) ; }
.editor-tab-button.active{ border-color: var(--shell-line) ; background: var(--shell-panel) ; box-shadow: inset 2px 0 0 var(--shell-accent) ; color: var(--shell-heading) ; font-weight: 700 ; }
.editor-tab-icon{ display: block; flex: 0 0 18px; width: 18px; height: 18px; color: var(--ui-icon, var(--shell-accent)); }
.editor-tab-label{ min-width: 0; color: inherit; font-size: 11px; line-height: 1.3; overflow-wrap: anywhere; }
.unified-editor-panes{ min-width: 0 ; max-height: calc(100vh - 160px) ; overflow: auto ; overscroll-behavior: contain; padding: 12px ; scrollbar-gutter: stable; }



















.unified-section-actions button{ min-height: 34px; padding: 8px 11px ; border-radius: 8px ; font-size: 11px ; }















.editor-subtabs{ display: flex; align-items: center; flex-wrap: wrap; gap: 5px; margin: 0 0 12px; padding: 0 0 10px; border-bottom: 1px solid var(--shell-line); }
.editor-subtab{ display: inline-flex ; align-items: center ; gap: 7px ; width: auto ; min-height: 33px ; padding: 7px 9px ; border: 1px solid transparent ; border-radius: 8px ; background: transparent ; color: var(--shell-text) ; }
.editor-subtab .editor-tab-icon{ width: 15px; height: 15px; flex-basis: 15px; }
.editor-subtab .editor-tab-icon svg{ width: 15px; height: 15px; }
.editor-subtab .editor-tab-label{ font-size: 10px; }
.editor-subtab.active{ border-color: var(--shell-line) ; background: var(--shell-hover) ; color: var(--shell-heading) ; font-weight: 700 ; }
.editor-subpanes{ min-width: 0; }

.editor-fallback{ padding: 13px; border: 1px dashed var(--shell-line); border-radius: 10px; color: var(--shell-muted); font-size: 12px; line-height: 1.5; }
.unified-section-actions{ display: flex ; align-items: center; flex-wrap: wrap; gap: 8px ; margin-top: 12px ; padding: 12px 0 0 ; border-top: 1px solid var(--shell-line) ; }
.unified-action-note{ flex: 1 1 100%; color: var(--shell-muted) ; font-size: 10px ; line-height: 1.5 ; }

.unified-editor-preview{ position: sticky ; top: 16px ; display: flex ; flex-direction: column ; gap: 9px ; min-width: 0 ; height: calc(100vh - 32px) ; min-height: 540px ; max-height: calc(100vh - 32px) ; padding: 12px ; overflow: hidden ; border: 1px solid var(--shell-line) ; border-radius: var(--shell-radius) ; background: var(--shell-panel) ; box-shadow: 0 10px 28px rgba(14,45,58,.035) ; }

.unified-preview-title{ display: grid; gap: 2px; }
.unified-preview-title strong{ color: var(--shell-heading) ; font-size: 13px ; }
.unified-preview-title span{ color: var(--shell-muted); font-size: 10px; }
.unified-preview-actions{ display: flex ; align-items: center; gap: 5px ; flex-wrap: wrap ; }
.unified-preview-actions button{ min-height: 31px ; padding: 7px 9px ; border-radius: 8px ; font-size: 10px ; }
.unified-preview-actions .unified-reset-layout{ border-color: var(--shell-line) ; color: var(--shell-muted) ; }


.preview-tools-label{ flex:0 0 auto; margin-right:3px; color:var(--shell-muted); font-size:10px; font-weight:700; white-space:nowrap; }














.unified-editor-preview .editor-shortcuts-help{ flex: 1 1 100%; margin: 0; color: var(--shell-muted) ; font-size: 10px ; }
.unified-editor-preview .visual-editor-frame-wrap{ display: flex ; flex: 1 1 0 ; align-items: stretch ; justify-content: center ; width: 100% ; min-width: 0 ; min-height: 0 ; height: auto ; overflow: hidden ; border: 1px solid var(--shell-line) ; border-radius: 10px ; background: #e9e8e2 ; }
.unified-editor-preview #site-preview-frame{ display: block ; flex: 1 1 auto ; width: 100% ; height: 100% ; min-width: 0 ; min-height: 0 ; border: 0 ; background: #fff ; }

/* Preferences, project inventory, metrics and security share the same visual language. */
.preferences-view > .panel, .projects-view .panel, .analytics-view > .panel, .security-view > .panel{ margin: 0 0 14px ; padding: 20px ; border: 1px solid var(--shell-line) ; border-radius: var(--shell-radius) ; background: var(--shell-panel) ; box-shadow: none ; }
.preferences-view .panel-heading, .projects-view .panel-heading, .analytics-view .panel-heading, .security-view .panel-heading{ margin-bottom: 16px ; }
.preferences-view .panel-heading h2, .projects-view .panel-heading h2, .analytics-view .panel-heading h2, .security-view .panel-heading h2{ margin: 0 0 8px ; color: var(--shell-heading) ; font-size: 25px ; line-height: 1.2 ; }
.preferences-view label, .projects-view label, .analytics-view label, .security-view label{ color: var(--shell-text) ; font-size: 11px ; }
.preferences-view input:not([type=range]):not([type=checkbox]):not([type=radio]), .preferences-view select, .projects-view input:not([type=range]):not([type=checkbox]):not([type=radio]), .projects-view select, .security-view input{ background: var(--shell-panel) ; color: var(--shell-text) ; border-color: var(--shell-line) ; }
.preferences-view .setting-field{ background: transparent ; border-color: var(--shell-line) ; }
.projects-view .admin-layout{ grid-template-columns: minmax(280px, .8fr) minmax(0, 1.2fr) ; gap: 14px ; }
.projects-view .form-panel, .projects-view .list-panel{ min-width: 0; }
.projects-view .toolbar{ gap: 7px ; }
.projects-view .items-list{ gap: 0 ; }
.projects-view .item{ grid-template-columns: 72px minmax(0, 1fr) ; gap: 12px ; padding: 12px 0 ; border: 0 ; border-bottom: 1px solid var(--shell-line) ; border-radius: 0 ; background: transparent ; }
.projects-view .thumb{ width: 72px ; height: 66px ; border-radius: 8px ; }
.projects-view .item h3{ color: var(--shell-heading) ; font-size: 13px ; }
.projects-view .item p{ color: var(--shell-muted) ; }
.projects-view .item-actions{ gap: 5px ; }
.projects-view .analytics-card, .analytics-view .analytics-card, .analytics-view .analytics-chart-card{ background: var(--shell-panel) ; color: var(--shell-text) ; border-color: var(--shell-line) ; box-shadow: none ; }
.analytics-view .analytics-cards{ gap: 10px ; border: 0 ; }
.analytics-view .analytics-card{ padding: 14px ; border: 1px solid var(--shell-line) ; border-radius: 12px ; }
.analytics-view .analytics-card span, .analytics-view .analytics-card small{ color: var(--shell-muted) ; }
.analytics-view .analytics-card strong{ color: var(--shell-heading) ; }
.analytics-view .analytics-chart-empty{ background: transparent ; border-color: var(--shell-line) ; color: var(--shell-muted) ; }
.security-view form{ max-width: 620px; }
.admin-shell-footer{ display: flex ; justify-content: space-between; gap: 12px; width: calc(100% - 40px) ; max-width: none ; margin: 0 auto 18px ; padding: 12px 2px ; border-top: 1px solid var(--shell-line) ; color: var(--shell-muted) ; font-size: 10px ; }

@media (max-width: 1380px) {
  .admin-shell-main{ grid-template-columns: 218px minmax(0, 1fr) ; gap: 14px ; }
  .unified-site-editor{ grid-template-columns: minmax(390px, .83fr) minmax(0, 1.17fr) ; gap: 10px ; }
  
  .unified-editor-panes{ padding: 9px ; }
  .quick-actions-grid{ gap: 8px; }
  .quick-action-card{ padding: 13px ; grid-template-columns: 32px minmax(0, 1fr) 14px ; gap: 8px ; }
  .quick-action-icon{ width: 32px; height: 32px; }
}
@media (max-width: 1150px) {
  .unified-site-editor{ grid-template-columns: minmax(0, 1fr) ; }
  .unified-editor-preview{ position: relative ; top: auto ; grid-row: 1; height: 68vh ; min-height: 420px ; max-height: 720px ; }
  
  .unified-editor-panes{ max-height: none ; }
  .unified-editor-tabs{ max-height: none ; }
}
@media (max-width: 1000px) {
  .admin-shell-main{ grid-template-columns: 190px minmax(0, 1fr) ; width: calc(100% - 28px) ; gap: 12px ; }
  .admin-sidebar{ padding-inline: 9px ; }
  .nav-item-description{ display: none; }
  .quick-actions-grid{ grid-template-columns: 1fr; }
  .quick-action-card{ min-height: 78px ; }
  .projects-view .admin-layout{ grid-template-columns: minmax(0, 1fr) ; }
  .advanced-grid, .settings-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)) ; }
}
@media (max-width: 720px) {
  .admin-shell-main{ display: block ; width: calc(100% - 24px) ; margin: 12px auto 22px ; }
  .admin-sidebar{ position: relative ; top: auto ; height: auto ; min-height: 0 ; margin-bottom: 14px ; padding: 10px 10px 8px ; border-radius: 14px ; gap: 10px ; overflow: visible ; }
  .sidebar-brand{ padding: 2px 4px 9px ; }
  .sidebar-monogram{ width: 34px ; height: 34px ; flex-basis: 34px ; border-radius: 10px ; font-size: 19px ; }
  .sidebar-brand strong{ font-size: 16px ; }
  .sidebar-brand small{ font-size: 7px ; }
  .admin-nav{ display: flex ; gap: 4px ; overflow-x: auto ; padding-bottom: 2px ; }
  .admin-nav-item{ flex: 0 0 auto ; width: auto ; gap: 6px ; min-height: 36px ; padding: 8px 9px ; white-space: nowrap ; }
  .admin-nav-item .nav-symbol{ width: 15px ; height: 15px ; flex-basis: 15px ; }
  .nav-item-label{ font-size: 10px; }
  .sidebar-bottom{ display: none ; }
  .workspace-topbar{ min-height: 51px ; margin-bottom: 12px ; padding-bottom: 10px ; }
  .workspace-topbar h1{ font-size: 24px ; }
  .workspace-status{ padding: 6px 8px ; font-size: 9px ; }
  .overview-intro h1{ font-size: clamp(32px, 9vw, 42px) ; }
  .quick-actions-heading h2{ font-size: 21px; }
  .connection-card{ padding: 13px ; }
  .unified-site-editor{ gap: 12px ; }
  .unified-editor-preview{ height: 62vh ; min-height: 360px ; max-height: 640px ; padding: 9px ; }
  
  .unified-editor-tabs{ display: grid ; grid-template-columns: repeat(5, minmax(0, 1fr)) ; max-height: none ; gap: 3px ; padding: 5px ; border-right: 0 ; border-bottom: 1px solid var(--shell-line) ; }
  .unified-editor-tabs .editor-tab-button{ display: flex ; flex-direction: column ; align-items: center ; justify-content: center ; gap: 4px ; min-height: 57px ; padding: 5px 2px ; text-align: center ; }
  .unified-editor-tabs .editor-tab-label{ font-size: 9px ; line-height: 1.2 ; text-align: center; overflow-wrap: anywhere; }
  .unified-editor-panes{ max-height: none ; padding: 11px ; }
  
  
  .unified-preview-actions{ justify-content: flex-start; width: 100%; }
  .unified-preview-actions button{ flex: 1 1 auto; }
  
  
  .preferences-view > .panel, .projects-view .panel, .analytics-view > .panel, .security-view > .panel{ padding: 14px ; }
  .advanced-grid, .settings-grid{ grid-template-columns: minmax(0, 1fr) ; }
  .analytics-view .analytics-cards{ grid-template-columns: repeat(2, minmax(0, 1fr)) ; }
  .admin-shell-footer{ flex-direction: column; width: calc(100% - 24px) ; }
}
@media (max-width: 420px) {
  .workspace-topbar{ align-items: start ; }
  .workspace-status{ max-width: 120px; white-space: normal; line-height: 1.3; }
  .workspace-status svg{ flex: 0 0 14px; }
  .quick-action-card{ grid-template-columns: 32px minmax(0, 1fr) 14px ; }
  .unified-preview-actions .unified-reset-layout{ flex-basis: 100%; }
  .unified-editor-tabs .editor-tab-label{ font-size: 8px ; }
  .editor-subtab{ flex: 1 1 auto; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
  .admin-nav-item, .quick-action-card{ transition: none ; }
}

/* Mobile: bleed the sidebar to the viewport edge without introducing 2px horizontal scroll. */
@media (max-width: 720px) {
  body.admin-shell-ready .admin-shell-main > .admin-sidebar{
    margin-left: -12px ;
    margin-right: -12px ;
  }
}

/* A tool bar that stays legible on phones: device and zoom controls keep their labels. */
@media (max-width: 720px) {
  
  
  
  
  
  
  
}

/* Wide workspaces: move the five editor areas into a horizontal toolbar.
   This restores width to forms and prevents nested controls from feeling compressed. */
@media (min-width: 721px) {
  
  .unified-editor-tabs{
    display: grid ;
    grid-template-columns: repeat(5, minmax(0, 1fr)) ;
    grid-auto-flow: row ;
    align-items: stretch ;
    min-height: 0 ;
    max-height: none ;
    overflow-x: auto ;
    overflow-y: hidden ;
    padding: 7px ;
    gap: 5px ;
    border-right: 0 ;
    border-bottom: 1px solid var(--shell-line) ;
  }
  .unified-editor-tabs .editor-tab-button{
    display: flex ;
    flex-direction: column ;
    align-items: center ;
    justify-content: center ;
    gap: 5px ;
    min-height: 58px ;
    padding: 7px 4px ;
    text-align: center ;
    white-space: normal ;
  }
  .unified-editor-tabs .editor-tab-button.active{
    box-shadow: inset 0 -2px 0 var(--shell-accent) ;
  }
  .unified-editor-tabs .editor-tab-label{
    text-align: center ;
    font-size: 10px ;
    line-height: 1.25 ;
    overflow-wrap: anywhere ;
  }
  .unified-editor-panes{
    max-height: calc(100vh - 235px) ;
    min-height: 360px;
    padding: 14px ;
  }
  
}

/* On tablets, let tool categories wrap rather than shrink into unreadable labels. */
@media (min-width: 721px) and (max-width: 900px) {
  .unified-editor-tabs{
    grid-template-columns: repeat(3, minmax(0, 1fr)) ;
    overflow: visible ;
  }
  .unified-editor-panes{
    max-height: none ;
  }
}

/* RGB is an advanced option, not an always-visible second row under every color. */
body.admin-shell-ready .rgb-controls{
  margin-top: 5px;
  min-width: 0;
}
body.admin-shell-ready .rgb-controls > summary{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 0;
  color: var(--shell-muted) ;
  font-size: 10px ;
  font-weight: 600 ;
  cursor: pointer;
  list-style-position: inside;
}
body.admin-shell-ready .rgb-controls[open]{
  padding: 5px 7px 7px;
  border: 1px solid var(--shell-line);
  border-radius: 8px;
  background: color-mix(in srgb, var(--shell-panel) 92%, transparent);
}
body.admin-shell-ready .rgb-controls .rgb-triple{
  margin-top: 5px ;
  gap: 5px ;
}
body.admin-shell-ready .rgb-controls .rgb-triple label{
  gap: 4px ;
  color: var(--shell-muted) ;
  font-size: 9px ;
}
body.admin-shell-ready .rgb-controls .rgb-triple input{
  min-height: 29px ;
  padding: 5px 6px ;
  font-size: 11px ;
}

/* Every primary admin area remains visible in a compact mobile navigation grid. */
@media (max-width: 720px) {
  body.admin-shell-ready .admin-nav{
    display: grid ;
    grid-template-columns: repeat(3, minmax(0, 1fr)) ;
    align-items: stretch ;
    overflow: visible ;
    gap: 5px ;
  }
  body.admin-shell-ready .admin-nav-item{
    display: flex ;
    justify-content: flex-start ;
    width: 100% ;
    min-width: 0 ;
    min-height: 38px ;
    padding: 7px 6px ;
    white-space: normal ;
  }
  body.admin-shell-ready .admin-nav-item .nav-item-label{
    white-space: normal ;
    font-size: 9px ;
    line-height: 1.2 ;
  }
}
@media (max-width: 350px) {
  body.admin-shell-ready .admin-nav{ grid-template-columns: repeat(2, minmax(0, 1fr)) ; }
}


/* Preview focus mode: enlarge the viewport without changing the site's CSS viewport width. */
body.admin-preview-expanded::before{
  content: "";
  position: fixed;
  inset: 0;
  z-index: 99990;
  background: rgba(8, 8, 8, .88);
  backdrop-filter: blur(2px);
}
.unified-editor-preview.is-expanded{
  position: fixed ;
  inset: 10px ;
  z-index: 99991 ;
  width: auto ;
  max-width: none ;
  height: auto ;
  min-height: 0 ;
  max-height: none ;
  margin: 0 ;
  border-radius: 12px ;
  box-shadow: 0 18px 60px rgba(0, 0, 0, .45) ;
}
.unified-editor-preview.is-expanded .visual-editor-frame-wrap{
  flex: 1 1 0 ;
  width: 100% ;
  min-height: 0 ;
  height: auto ;
}
@media (max-width: 720px) {
  .unified-editor-preview.is-expanded{ inset: 4px ; padding: 8px ; }
}
@media (max-height: 600px) {
  .unified-editor-preview.is-expanded{ inset: 4px ; min-height: 0 ; }
}


/* Correção de contraste e foco: os campos do painel não dependem das cores escolhidas para o tema. */
body.admin-shell-ready .preferences-view input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), body.admin-shell-ready .preferences-view select, body.admin-shell-ready .projects-view input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), body.admin-shell-ready .projects-view select, body.admin-shell-ready .security-view input, body.admin-shell-ready .site-settings-panel input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), body.admin-shell-ready .site-settings-panel select, body.admin-shell-ready .site-settings-panel textarea{
  background-color: #F8F6F0 ;
  color: #102D38 ;
  -webkit-text-fill-color: #102D38 ;
  border-color: #B9B3A6 ;
  caret-color: #A8472E ;
  opacity: 1 ;
}
body.admin-shell-ready .site-settings-panel input::placeholder, body.admin-shell-ready .site-settings-panel textarea::placeholder{
  color: #617177 ;
  -webkit-text-fill-color: #617177 ;
  opacity: 1 ;
}

body.admin-shell-ready .site-settings-panel input[type="color"]{
  -webkit-text-fill-color: initial ;
}
body.admin-shell-ready .site-settings-panel input:not(:disabled), body.admin-shell-ready .site-settings-panel select:not(:disabled), body.admin-shell-ready .site-settings-panel textarea:not(:disabled){
  pointer-events: auto ;
  user-select: text ;
  cursor: text;
}


body.admin-shell-ready .settings-tab{ background: #252525 ; color: #F3EEE2 ; border-color: #454545 ; }
body.admin-shell-ready .settings-tab.active, body.admin-shell-ready .settings-tab:hover{ background: #C0924D ; color: #111111 ; border-color: #C0924D ; }
body.admin-shell-ready .editor-subtab{ background: #252525 ; color: #F3EEE2 ; border-color: #454545 ; }
body.admin-shell-ready .editor-subtab.active, body.admin-shell-ready .editor-subtab:hover{ background: #C0924D ; color: #111111 ; border-color: #C0924D ; }
body.admin-shell-ready .editor-tab-button.active{ background: #C0924D ; color: #111111 ; border-color: #C0924D ; }
body.admin-shell-ready .editor-tab-button.active .editor-tab-label, body.admin-shell-ready .editor-tab-button.active .editor-tab-icon{ color: #111111 ; }
body.admin-shell-ready #visual-content:disabled{ background-color: #E3E0D8 ; color: #555D60 ; -webkit-text-fill-color: #555D60 ; }


/* Campos administrativos legíveis em todas as abas, independentemente do tema escolhido. */
body.admin-shell-ready input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="button"]):not([type="submit"]), body.admin-shell-ready textarea, body.admin-shell-ready select{
  background: #F8F6F0 ;
  color: #102D38 ;
  -webkit-text-fill-color: #102D38 ;
  border-color: #B9B3A6 ;
  caret-color: #A8472E ;
  opacity: 1 ;
  box-shadow: none;
}
body.admin-shell-ready input::placeholder, body.admin-shell-ready textarea::placeholder{
  color: #617177 ;
  -webkit-text-fill-color: #617177 ;
  opacity: 1 ;
}
body.admin-shell-ready input:disabled, body.admin-shell-ready textarea:disabled, body.admin-shell-ready select:disabled{
  background: #E3E0D8 ;
  color: #555D60 ;
  -webkit-text-fill-color: #555D60 ;
  cursor: not-allowed ;
}
body.admin-shell-ready input:not(:disabled):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]), body.admin-shell-ready textarea:not(:disabled), body.admin-shell-ready select:not(:disabled){
  pointer-events: auto ;
  user-select: text ;
  cursor: text;
}
body.admin-shell-ready select:not(:disabled){ cursor: pointer; }
body.admin-shell-ready input[type="file"]{ color: #102D38 ; }
body.admin-shell-ready input[type="color"]{ cursor: pointer; }

/* Usabilidade 2026-10: leitura clara dos controles, estados de imagem e alvos de toque. */
body.admin-shell-ready .site-settings-form .setting-field{
  min-width: 0 ;
  display: flex ;
  flex-direction: column ;
  gap: 9px ;
  padding: 14px ;
}
body.admin-shell-ready .site-settings-form .setting-field h3{
  margin: 0 ;
  color: var(--ui-text) ;
  font-size: 14px ;
  font-weight: 700 ;
  line-height: 1.35 ;
}
body.admin-shell-ready .site-settings-form .field-help, body.admin-shell-ready .site-settings-form .setting-field small{
  display: block ;
  color: var(--ui-muted) ;
  font-size: 12px ;
  line-height: 1.5 ;
  overflow-wrap: anywhere;
}
body.admin-shell-ready .site-settings-form .setting-field label{
  margin: 4px 0 0 ;
  color: var(--ui-text) ;
  font-size: 13px ;
  font-weight: 700 ;
  line-height: 1.4 ;
}
body.admin-shell-ready .site-settings-form input:not([type="file"]):not([type="color"]):not([type="range"]), body.admin-shell-ready .site-settings-form textarea, body.admin-shell-ready .site-settings-form select{
  min-width: 0 ;
  min-height: 44px ;
  padding: 11px 12px ;
  background: #F8F6F0 ;
  color: #0E2D3A ;
  -webkit-text-fill-color: #0E2D3A ;
  border: 1px solid #B9B5AA ;
  border-radius: 8px ;
  font-size: 14px ;
  line-height: 1.45 ;
}
body.admin-shell-ready .site-settings-form input[type="file"]{
  min-height: 44px ;
  padding: 8px ;
  background: #F8F6F0 ;
  color: #0E2D3A ;
  border: 1px solid #B9B5AA ;
  border-radius: 8px ;
  font-size: 12px ;
  line-height: 1.4 ;
}
body.admin-shell-ready .site-settings-form input[type="color"]{
  min-height: 44px ;
  width: 100% ;
  border: 1px solid #B9B5AA ;
  border-radius: 8px ;
}
body.admin-shell-ready .site-settings-form .hero-image-preview{
  position: relative;
  display: grid ;
  place-items: center ;
  width: 100% ;
  min-height: 170px ;
  aspect-ratio: 16 / 9;
  margin: 3px 0 0 ;
  padding: 12px ;
  overflow: hidden ;
  border: 1px solid var(--ui-divider) ;
  border-radius: 10px ;
  background-color: #EEE6D3 ;
  background-position: center ;
  background-size: cover ;
  color: #0E2D3A ;
  text-align: center ;
  font-size: 12px ;
  font-weight: 700 ;
  line-height: 1.45 ;
  text-shadow: 0 1px 2px #FFFFFF, 0 0 7px #FFFFFF ;
}
body.admin-shell-ready .site-settings-form .hero-image-preview.has-image{
  color: #FFFFFF ;
  text-shadow: 0 1px 4px #000000, 0 0 8px #000000 ;
}
body.admin-shell-ready .site-settings-form .hero-image-preview.is-loading{
  background-image: linear-gradient(135deg,#EEE6D3,#D8D1C3) ;
  color: #0E2D3A ;
  text-shadow: none ;
}
body.admin-shell-ready .site-settings-form .hero-image-preview.has-error{
  background: #FBEAE5 ;
  color: #8C2F1D ;
  border: 1px solid #B94D34 ;
  text-shadow: none ;
}
body.admin-shell-ready #site-settings-status{
  padding: 10px 12px ;
  border-radius: 8px ;
  background: #E8F2EA ;
  color: #245336 ;
  font-size: 13px ;
  line-height: 1.5 ;
  overflow-wrap: anywhere ;
}
body.admin-shell-ready .site-settings-form .form-actions button, body.admin-shell-ready .site-settings-form button{
  min-height: 44px ;
  padding: 10px 14px ;
  font-size: 12px ;
  line-height: 1.35 ;
  white-space: normal ;
}
body.admin-shell-ready :is(input,textarea,select,button,a,[tabindex]):focus-visible{
  outline: 3px solid #C0924D ;
  outline-offset: 3px ;
}
@media (max-width: 720px) {
  body.admin-shell-ready .site-settings-form .advanced-grid, body.admin-shell-ready .site-settings-form .settings-tab-panel .advanced-grid{
    grid-template-columns: minmax(0,1fr) ;
  }
  body.admin-shell-ready .site-settings-form .hero-image-preview{ min-height: 150px ; }
  body.admin-shell-ready .site-settings-form input:not([type="file"]):not([type="color"]):not([type="range"]), body.admin-shell-ready .site-settings-form textarea, body.admin-shell-ready .site-settings-form select{ font-size: 16px ; }
  body.admin-shell-ready .site-settings-form .form-actions{ display: grid ; grid-template-columns: minmax(0,1fr) ; }
  body.admin-shell-ready .site-settings-form .form-actions button{ width: 100% ; }
  body.admin-shell-ready .unified-editor-tabs{ grid-template-columns: repeat(3,minmax(0,1fr)) ; }
  body.admin-shell-ready .unified-editor-tabs .editor-tab-button{ min-height: 56px ; padding: 8px 5px ; }
  body.admin-shell-ready .unified-editor-tabs .editor-tab-label{ font-size: 11px ; line-height: 1.3 ; overflow-wrap: normal ; word-break: normal ; }
  body.admin-shell-ready .admin-nav-item{ min-height: 44px ; }
}
@media (max-width: 420px) {
  body.admin-shell-ready .unified-editor-tabs{ grid-template-columns: repeat(3,minmax(0,1fr)) ; }
  body.admin-shell-ready .unified-editor-tabs .editor-tab-label{ font-size: 11px ; }
  body.admin-shell-ready .site-settings-form .setting-field{ padding: 12px ; }
}
@media (max-width: 600px) {
  body.admin-shell-ready .analytics-bar-item small{ font-size: 10px ; }
  body.admin-shell-ready .sidebar-brand small{ font-size: 9px ; letter-spacing: .04em ; }
  
  body.admin-shell-ready .layer-actions button, body.admin-shell-ready .visual-inspector-actions button{ min-height: 44px ; }
}


/* UX refinement: explicit text editing, readable helper copy, and balanced desktop workbench. */
.visual-edit-text-direct{
  grid-column: 1 / -1 ;
  width: 100% ;
  min-height: 44px ;
  padding: 11px 14px ;
  border: 1px solid #B17D32 ;
  border-radius: 10px ;
  background: #C0924D ;
  color: #0E2D3A ;
  font-size: 12px ;
  font-weight: 800 ;
  letter-spacing: .005em ;
  cursor: pointer ;
}
.visual-edit-text-direct:hover:not(:disabled){ background: #D3A45E ; box-shadow: 0 3px 10px rgba(192,146,77,.18) ; }
.visual-edit-text-direct:disabled{ opacity: .5 ; cursor: not-allowed ; box-shadow: none ; }

#visual-content{ min-height: 92px ; line-height: 1.55 ; }
#visual-content-help{ display: block; margin: 5px 0 10px ; color: var(--shell-muted, #697174) ; font-size: 10px ; line-height: 1.5 ; }

.unified-editor-preview :is(button, input, select, textarea, summary, a):focus-visible{ outline: 2px solid var(--shell-accent, #C0924D) ; outline-offset: 2px ; }
@media (min-width: 1151px) {
  .unified-site-editor{ grid-template-columns: minmax(380px, .86fr) minmax(0, 1.14fr) ; gap: 16px ; }
  .unified-editor-preview{ min-width: 0 ; }
}
@media (max-width: 720px) {
  .visual-edit-text-direct{ min-height: 46px ; }
  
}


/* Clear, always-visible direct text editing action in the preview toolbar. */
.preview-edit-text-direct{
  min-height: 38px ;
  padding: 8px 12px ;
  border: 1px solid rgba(192,146,77,.9) ;
  border-radius: 8px ;
  background: var(--shell-accent, #C0924D) ;
  color: #171512 ;
  font-size: 12px ;
  font-weight: 700 ;
  white-space: nowrap ;
}
.preview-edit-text-direct:hover:not(:disabled){ filter: brightness(1.05); }
.preview-edit-text-direct:disabled{ opacity: .48 ; cursor: not-allowed ; }
.preview-edit-text-direct:focus-visible, .visual-edit-text-direct:focus-visible{ outline: 3px solid #F5D7A2 ; outline-offset: 2px ; }
@media (max-width: 850px) {
  .preview-edit-text-direct{ flex: 1 1 100%; min-height: 44px ; white-space: normal ; }
}



@media (max-width:720px) {
  
  .preview-tools-label{ display:none; }
  
  
  
}

/* v22.46 — Atenção agora (tela Início) */
.home-alerts{ margin: 0 0 28px; }
.home-alerts-list{ list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 8px; }
.home-alert{ display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 12px 14px; border: 1px solid rgba(224,160,64,.55); border-left-width: 4px; border-radius: 12px; background: rgba(224,160,64,.08); }
.home-alert-link{ color: inherit; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }


/* ===== SOURCE: admin-editor.css | preserved cascade order ===== */
/* ===== Regras incorporadas de admin-ux-final.css ===== */
/* Final UX pass — the browser owns page zoom; the application only reflows its layout. */
body.admin-shell-ready .admin-shell-main,
body.admin-shell-ready .admin-workspace,
body.admin-shell-ready .workspace-content,
body.admin-shell-ready .unified-site-editor,
body.admin-shell-ready .unified-editor-tools,
body.admin-shell-ready .unified-editor-preview { min-width: 0 ; }

/* Make the most important action visible and comfortable to hit. */
body.admin-shell-ready .unified-editor-preview .visual-editor-toolbar #preview-edit-text-direct {
  display: inline-flex ;
  align-items: center ;
  justify-content: center ;
  min-height: 40px ;
  padding: 8px 12px ;
  border: 1px solid var(--shell-accent, #C0924D) ;
  border-radius: 8px ;
  background: var(--shell-accent, #C0924D) ;
  color: #171512 ;
  font-size: 12px ;
  font-weight: 750 ;
  white-space: normal ;
  line-height: 1.35 ;
  flex: 0 1 auto ;
}
body.admin-shell-ready .unified-editor-preview .visual-editor-toolbar #preview-edit-text-direct:disabled {
  opacity: .62 ;
  cursor: not-allowed ;
}
body.admin-shell-ready .unified-editor-preview .visual-editor-toolbar #preview-edit-text-direct:not(:disabled) {
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--shell-accent, #C0924D) 22%, transparent) ;
}
body.admin-shell-ready .unified-editor-preview .visual-editor-toolbar button,
body.admin-shell-ready .unified-editor-preview .visual-editor-toolbar select,
body.admin-shell-ready .unified-editor-preview .visual-editor-toolbar a {
  min-height: 38px ;
}
body.admin-shell-ready .visual-editing-hint,
body.admin-shell-ready .unified-preview-note,
body.admin-shell-ready .unified-live-status {
  max-width: 78ch;
  overflow-wrap: anywhere;
}

/* Desktop zoom-out creates a very wide CSS viewport. Expand max-width shells instead of
   leaving a small centered admin island. The same rule is useful on true ultrawide monitors. */
@media screen and (min-width: 2200px) and (pointer: fine) {
  body.admin-shell-ready .admin-shell-main {
    width: calc(100% - clamp(40px, 2.4vw, 120px)) ;
    max-width: none ;
    grid-template-columns: clamp(270px, 8vw, 430px) minmax(0, 1fr) ;
    gap: clamp(18px, 1.25vw, 34px) ;
    margin: clamp(12px, .8vw, 24px) auto 28px ;
  }
  body.admin-shell-ready .admin-shell-footer {
    width: calc(100% - clamp(40px, 2.4vw, 120px)) ;
    max-width: none ;
  }
  body.admin-shell-ready .admin-sidebar {
    top: 14px ;
    height: calc(100vh - 28px) ;
    min-height: calc(100vh - 28px) ;
  }
  body.admin-shell-ready .unified-site-editor {
    width: 100% ;
    grid-template-columns: minmax(420px, .82fr) minmax(0, 1.18fr) ;
    gap: clamp(16px, 1.1vw, 32px) ;
  }
  body.admin-shell-ready .unified-editor-preview {
    height: calc(100vh - 40px) ;
    min-height: 560px ;
    max-height: none ;
  }
  body.admin-shell-ready .workspace-content { max-width: none ; }
  body.admin-shell-ready .workspace-topbar h1 { font-size: clamp(30px, 1.25vw, 52px) ; }
  body.admin-shell-ready .nav-item-label { font-size: clamp(12px, .34vw, 18px) ; }
  body.admin-shell-ready .nav-item-description { font-size: clamp(10px, .27vw, 15px) ; }
}

@media (max-width: 1150px) {
  body.admin-shell-ready .unified-editor-preview { position: relative ; top: auto ; }
}
@media (max-width: 720px) {
  body.admin-shell-ready .unified-editor-preview .visual-editor-toolbar #preview-edit-text-direct {
    flex: 1 1 100% ;
    min-height: 44px ;
  }
}

/* Final layout contract: the browser owns zoom; the application must not stay trapped in a max-width island. */
body.admin-shell-ready .admin-shell-main {
  width: calc(100% - clamp(24px, 2.4vw, 64px)) ;
  max-width: none ;
  margin-left: auto ;
  margin-right: auto ;
  min-width: 0 ;
}
body.admin-shell-ready .admin-shell-footer {
  width: calc(100% - clamp(24px, 2.4vw, 64px)) ;
  max-width: none ;
  margin-left: auto ;
  margin-right: auto ;
}
body.admin-shell-ready .admin-workspace,
body.admin-shell-ready .workspace-content,
body.admin-shell-ready .unified-site-editor,
body.admin-shell-ready .unified-editor-preview,
body.admin-shell-ready .visual-editor-frame-wrap { min-width: 0 ; }

@media screen and (min-width: 1800px) and (pointer: fine) {
  body.admin-shell-ready .admin-shell-main {
    grid-template-columns: clamp(236px, 8vw, 360px) minmax(0, 1fr) ;
    gap: clamp(18px, 1.25vw, 30px) ;
  }
  body.admin-shell-ready .unified-site-editor {
    grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr) ;
    gap: clamp(16px, 1.25vw, 30px) ;
  }
  body.admin-shell-ready .unified-editor-preview {
    height: calc(100vh - 32px) ;
    min-height: 520px ;
    max-height: none ;
  }
  body.admin-shell-ready .unified-editor-tools { min-width: 0 ; }
  body.admin-shell-ready .unified-editor-panes { min-width: 0 ; }
}

/* Dedicated preview-size status: resize observations must not overwrite editor/save feedback. */
body.admin-shell-ready .editor-viewport-status {
  flex: 1 1 100% ;
  display: block ;
  min-width: 0 ;
  margin: 0 ;
  color: var(--shell-muted, #B8B5AA) ;
  font-size: 11px ;
  line-height: 1.45 ;
  overflow-wrap: anywhere ;
}
@media (max-width: 720px) {
  body.admin-shell-ready .editor-viewport-status { font-size: 12px ; }
}


/* Single source of truth for extreme zoom-out recovery. Browser zoom remains native;
   these rules only reflow the page when its logical CSS viewport becomes ultrawide. */
html[data-browser-zoom-low="true"] body.admin-shell-ready {
  font-size: clamp(16px, .8vw, 36px) ;
}
html[data-browser-zoom-low="true"] body.admin-shell-ready .admin-shell-main {
  width: calc(100% - clamp(24px, 2vw, 96px)) ;
  max-width: none ;
  grid-template-columns: clamp(260px, 9vw, 430px) minmax(0, 1fr) ;
  gap: clamp(14px, 1.1vw, 38px) ;
}
html[data-browser-zoom-low="true"] body.admin-shell-ready .admin-shell-footer {
  width: calc(100% - clamp(24px, 2vw, 96px)) ;
  max-width: none ;
}
html[data-browser-zoom-low="true"] body.admin-shell-ready .unified-site-editor {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) ;
  gap: clamp(14px, 1vw, 36px) ;
}
html[data-browser-zoom-low="true"] body.admin-shell-ready .unified-editor-tools {
  grid-template-columns: minmax(0, 1fr) ;
}
html[data-browser-zoom-low="true"] body.admin-shell-ready .unified-editor-tabs,
html[data-browser-zoom-low="true"] body.admin-shell-ready .unified-editor-panes {
  max-height: calc(100vh - clamp(240px, 15vh, 420px)) ;
}
html[data-browser-zoom-low="true"] body.admin-shell-ready .workspace-content,
html[data-browser-zoom-low="true"] body.admin-shell-ready .unified-editor-preview {
  max-width: none ;
}
html[data-browser-zoom-low="true"] body.admin-shell-ready .unified-editor-preview {
  height: min(82vh, 2200px) ;
  min-height: clamp(520px, 40vh, 900px) ;
  max-height: none ;
}
html[data-browser-zoom-low="true"] body.admin-shell-ready .workspace-topbar h1 {
  font-size: clamp(30px, 1.1vw, 54px) ;
}
html[data-browser-zoom-low="true"] body.admin-shell-ready .nav-item-label {
  font-size: clamp(14px, .55vw, 26px) ;
}
html[data-browser-zoom-low="true"] body.admin-shell-ready .nav-item-description {
  display: block ;
  font-size: clamp(12px, .4vw, 20px) ;
}
html[data-browser-zoom-low="true"] body.admin-shell-ready .editor-tab-label,
html[data-browser-zoom-low="true"] body.admin-shell-ready .unified-editor-pane label,
html[data-browser-zoom-low="true"] body.admin-shell-ready .unified-editor-pane .subcopy {
  font-size: clamp(12px, .42vw, 22px) ;
}
html[data-browser-zoom-low="true"] body.admin-shell-ready input:not([type="range"]):not([type="color"]):not([type="checkbox"]):not([type="radio"]),
html[data-browser-zoom-low="true"] body.admin-shell-ready textarea,
html[data-browser-zoom-low="true"] body.admin-shell-ready select,
html[data-browser-zoom-low="true"] body.admin-shell-ready button {
  min-height: 40px ;
  font-size: clamp(13px, .42vw, 22px) ;
}
html[data-browser-zoom-low="true"] body.admin-shell-ready .visual-editor-toolbar {
  display: flex ;
  flex-wrap: wrap ;
  align-items: center ;
  gap: clamp(8px, .55vw, 22px) ;
}
html[data-browser-zoom-low="true"] body.admin-shell-ready { overflow-x: clip ; }
.browser-zoom-notice {
  position: fixed; top: 10px; left: 50%; transform: translateX(-50%);
  z-index: 2147483647; display: flex; align-items: center; gap: 12px;
  width: max-content; max-width: calc(100vw - 24px); min-width: 0;
  padding: 10px 14px; border: 1px solid #8d672d; border-radius: 12px;
  background: #f0d5a7; color: #17252a; box-shadow: 0 6px 24px #0003;
  font: 600 14px/1.4 Arial, sans-serif; letter-spacing: normal;
}
.browser-zoom-notice span { min-width: 0; overflow-wrap: anywhere; }
.browser-zoom-notice-dismiss {
  flex: 0 0 auto; min-height: 36px; padding: 6px 10px;
  border: 1px solid #8d672d; border-radius: 8px; background: #fff4df;
  color: #17252a; font: inherit; cursor: pointer;
}
html[data-browser-zoom-low="true"] .browser-zoom-notice {
  gap: 12px; padding: 12px 16px; font-size: clamp(18px, .55vw, 28px);
  max-width: calc(100vw - 32px);
}
html[data-browser-zoom-low="true"] .browser-zoom-notice-dismiss { min-height: 40px; padding: 8px 14px; }
@media (max-width: 1150px) {
  html[data-browser-zoom-low="true"] body.admin-shell-ready .admin-shell-main {
    display: block ; width: calc(100% - 24px) ;
    padding: 0 ; grid-template-columns: minmax(0, 1fr) ;
  }
  html[data-browser-zoom-low="true"] body.admin-shell-ready .unified-site-editor {
    grid-template-columns: minmax(0, 1fr) ;
  }
  html[data-browser-zoom-low="true"] body.admin-shell-ready .unified-editor-preview {
    height: min(74vh, 1200px) ; min-height: 420px ;
  }
}


/* V13 — estado geral de salvamento, sem substituir os status específicos de cada painel. */
.admin-save-state {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  margin: 0 0 22px;
  padding: 11px 14px;
  border: 1px solid var(--line, rgba(14,45,58,.15));
  border-radius: 10px;
  background: rgba(255,255,255,.68);
  color: var(--navy, #0E2D3A);
  font-size: 12px;
  line-height: 1.45;
}
.admin-save-state[hidden] { display: none ; }
.admin-save-state .save-state-dot {
  flex: 0 0 9px;
  width: 9px;
  height: 9px;
  margin-top: 4px;
  border-radius: 50%;
  background: #627A7E;
  box-shadow: 0 0 0 3px rgba(98,122,126,.12);
}
.admin-save-state .save-state-copy { min-width: 0; }
.admin-save-state strong { display: block; margin-bottom: 2px; font-size: 12px; }
.admin-save-state p { margin: 0; color: #526367; overflow-wrap: anywhere; }
.admin-save-state[data-state="dirty"] { border-color: rgba(192,146,77,.5); background: #FBF4E7; }
.admin-save-state[data-state="dirty"] .save-state-dot { background: #C0924D; box-shadow: 0 0 0 3px rgba(192,146,77,.14); }
.admin-save-state[data-state="saving"] .save-state-dot { background: #627A7E; animation: v13-save-pulse 1.1s ease-in-out infinite; }
.admin-save-state[data-state="saved"] .save-state-dot { background: #3D7A55; box-shadow: 0 0 0 3px rgba(61,122,85,.12); }
.admin-save-state[data-state="error"] { border-color: rgba(168,71,46,.45); background: #FFF1EC; }
.admin-save-state[data-state="error"] .save-state-dot { background: #A8472E; box-shadow: 0 0 0 3px rgba(168,71,46,.12); }
@keyframes v13-save-pulse { 50% { opacity: .35; } }
@media (prefers-reduced-motion: reduce) { .admin-save-state .save-state-dot { animation: none ; } }

/* v15.4 — o tema escolhido no painel deve afetar a interface inteira, não só as variáveis. */
body.admin-shell-ready .admin-nav-item { color: var(--ui-muted) ; }
body.admin-shell-ready .admin-nav-item:hover,
body.admin-shell-ready .admin-nav-item.active { background: var(--ui-hover) ; color: var(--ui-text) ; }
body.admin-shell-ready .panel-heading .eyebrow,
body.admin-shell-ready .intro .eyebrow { color: var(--ui-accent) ; }
body.admin-shell-ready .setting-field label,
body.admin-shell-ready label,
body.admin-shell-ready .visual-inspector label { color: var(--ui-text) ; }
body.admin-shell-ready .setting-field input:not([type="range"]):not([type="color"]),
body.admin-shell-ready .setting-field select,
body.admin-shell-ready .setting-field textarea,
body.admin-shell-ready .advanced-grid input:not([type="range"]):not([type="color"]),
body.admin-shell-ready .advanced-grid select,
body.admin-shell-ready .advanced-grid textarea,
body.admin-shell-ready .visual-inspector input:not([type="range"]):not([type="color"]),
body.admin-shell-ready .visual-inspector select,
body.admin-shell-ready .visual-inspector textarea { background: var(--ui-surface) ; color: var(--ui-text) ; border-color: var(--ui-divider) ; }
body.admin-shell-ready .setting-field input[type="color"],
body.admin-shell-ready input[type="color"] { border-color: var(--ui-divider) ; }
body.admin-shell-ready .primary { background: var(--ui-accent) ; color: var(--ui-accent-text, #111111) ; border-color: transparent ; }
body.admin-shell-ready .primary:hover { filter: brightness(.94); }
body.admin-shell-ready .secondary,
body.admin-shell-ready .import-button { background: transparent ; color: var(--ui-text) ; border-color: var(--ui-divider) ; }
body.admin-shell-ready .secondary:hover,
body.admin-shell-ready .import-button:hover { background: var(--ui-hover) ; color: var(--ui-text) ; }
body.admin-shell-ready .setting-field,
body.admin-shell-ready .analytics-cards,
body.admin-shell-ready .analytics-chart-card,
body.admin-shell-ready .custom-section-item,
body.admin-shell-ready .visual-layers { border-color: var(--ui-divider) ; }
body.admin-shell-ready .notice { background: var(--ui-surface) ; color: var(--ui-text) ; border-left-color: var(--ui-accent) ; }
body.admin-shell-ready .notice code { color: var(--ui-text) ; }
body.admin-shell-ready .analytics-chart-empty { background: var(--ui-surface) ; color: var(--ui-muted) ; border-color: var(--ui-divider) ; }
body.admin-shell-ready .settings-tab.active,
body.admin-shell-ready .settings-tab:hover { background: var(--ui-hover) ; color: var(--ui-text) ; }
body.admin-shell-ready .visual-layer-item { color: var(--ui-muted) ; }
body.admin-shell-ready .visual-layer-item:hover,
body.admin-shell-ready .visual-layer-item.active { background: var(--ui-hover) ; color: var(--ui-text) ; }
body.admin-shell-ready .auth-screen { background: var(--ui-bg) ; color: var(--ui-text) ; }
body.admin-shell-ready .auth-card { background: var(--ui-surface) ; color: var(--ui-text) ; border-color: var(--ui-divider) ; }
body.admin-shell-ready .auth-card input { background: var(--ui-bg) ; color: var(--ui-text) ; border-color: var(--ui-divider) ; }
/* Equal-specificity overrides for legacy global input rules in the merged admin shell. */
body.admin-shell-ready input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="button"]):not([type="submit"]),
body.admin-shell-ready textarea,
body.admin-shell-ready select { background: var(--ui-surface) ; color: var(--ui-text) ; border-color: var(--ui-divider) ; }
body.admin-shell-ready .setting-field input[type="color"],
body.admin-shell-ready input[type="color"] { background: var(--ui-surface) ; border-color: var(--ui-divider) ; }


/* v15.7 — inspector mais compacto, com ferramentas contextuais ao selecionar um elemento. */
.visual-inspector { position:relative; }
.visual-inspector > h3 { margin-bottom:6px; }
.visual-inspector .visual-editing-hint { font-size:11px; line-height:1.45; }
.visual-inspector .visual-quick-text-color { padding:10px; border-radius:10px; }
.visual-inspector .visual-quick-text-color .rgb-editor { margin-top:8px; }
.visual-inspector .visual-editor-actions { gap:6px; }
.visual-inspector details:not([open]) > :not(summary) { display:none; }
.visual-inspector details > summary { cursor:pointer; }
@media(min-width:701px){.visual-inspector { scrollbar-gutter:stable; }}


/* v22.21 — editor em página única, com ferramentas agrupadas e sem navegação redundante */
body.admin-shell-ready .unified-single-page {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 48%);
  align-items: start;
  gap: 18px;
}
body.admin-shell-ready .unified-single-page > .unified-editor-tools {
  min-width: 0;
  max-height: calc(100vh - 190px);
  overflow: auto;
  overscroll-behavior: contain;
  padding: 14px;
  border: 1px solid var(--shell-line, #d9dedf);
  border-radius: 14px;
  background: var(--shell-panel, #fff);
}
body.admin-shell-ready .unified-single-page .unified-editor-tabs,
body.admin-shell-ready .unified-single-page .editor-subtabs { display: none !important; }
body.admin-shell-ready .unified-single-page .unified-editor-panes,
body.admin-shell-ready .unified-single-page .editor-subpanes {
  display: flex !important;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}
body.admin-shell-ready .unified-single-page .unified-editor-pane,
body.admin-shell-ready .unified-single-page .editor-subpanes > [data-pane] {
  display: block !important;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--shell-line, #e0e4e5);
  border-radius: 12px;
  background: var(--shell-surface, #fff);
}
body.admin-shell-ready .unified-single-page .unified-editor-pane[hidden],
body.admin-shell-ready .unified-single-page .editor-subpanes > [data-pane][hidden] { display: block !important; }
body.admin-shell-ready .unified-single-page .unified-editor-pane > .panel,
body.admin-shell-ready .unified-single-page .editor-subpanes .panel { margin: 0; }
body.admin-shell-ready .unified-single-page .unified-editor-preview {
  position: sticky;
  top: 14px;
  align-self: start;
  min-width: 0;
  max-height: calc(100vh - 150px);
  overflow: hidden;
}
body.admin-shell-ready .unified-single-page .visual-editor-panel > .panel-heading { margin-bottom: 12px; }
body.admin-shell-ready .unified-single-page .visual-editor-workspace { min-width: 0; }
body.admin-shell-ready .unified-single-page .unified-editor-pane h2,
body.admin-shell-ready .unified-single-page .unified-editor-pane h3 { scroll-margin-top: 18px; }
body.admin-shell-ready .unified-single-page .unified-editor-pane + .unified-editor-pane::before {
  content: ""; display: block; height: 1px; margin: 0 0 12px; background: var(--shell-line, #e0e4e5);
}
body.admin-shell-ready .unified-single-page .unified-section-actions { position: sticky; bottom: 0; z-index: 2; padding: 10px 0 0; background: inherit; }
@media (max-width: 1100px) {
  body.admin-shell-ready .unified-single-page { grid-template-columns: minmax(0, 1fr); }
  body.admin-shell-ready .unified-single-page > .unified-editor-tools { max-height: none; overflow: visible; order: 2; }
  body.admin-shell-ready .unified-single-page .unified-editor-preview { position: relative; top: auto; order: 1; max-height: 72vh; }
}
@media (max-width: 640px) {
  body.admin-shell-ready .unified-single-page > .unified-editor-tools { padding: 8px; }
  body.admin-shell-ready .unified-single-page .unified-editor-pane,
  body.admin-shell-ready .unified-single-page .editor-subpanes > [data-pane] { padding: 10px; }
}

.motion-fx-card{margin:18px 0;padding:14px 16px;border:1px solid var(--adm-line,rgba(255,255,255,.14));border-radius:12px}
.motion-fx-card legend{padding:0 8px;font-weight:700}
.motion-fx-row{display:flex;align-items:center;gap:10px;margin:10px 0 4px;cursor:pointer}
.motion-fx-row input{width:auto;flex:0 0 auto}
.motion-fx-card input[type=range]{width:100%}

/* Avisos contextuais: deixam explícitas as propriedades estruturais que não são persistidas em certas camadas. */
.visual-inspector-restrictions{margin:6px 0 12px;padding:9px 10px;border-left:2px solid #C0924D;background:rgba(192,146,77,.08);font-size:12px;line-height:1.45;color:inherit}
.visual-inspector-restrictions[hidden]{display:none}


/* ===== SOURCE: admin-redesign.css | preserved cascade order ===== */
/* v16.3 — visual redesign layer: dark editorial, responsive and token-based. */
:root{--adm-bg:#0b171b;--adm-surface:#10242a;--adm-surface-2:#163139;--adm-line:rgba(238,230,211,.14);--adm-text:#eee6d3;--adm-muted:#a9b8b8;--adm-gold:#c0924d;--adm-radius:16px;color-scheme:dark}
html{background:var(--adm-bg)}body{background:radial-gradient(ellipse at 12% 0%,rgba(98,122,126,.14),transparent 42%),var(--adm-bg);color:var(--adm-text);font-family:Arial,Helvetica,sans-serif}
.auth-screen{min-height:100svh;background:radial-gradient(ellipse at 50% 0%,rgba(192,146,77,.12),transparent 48%),var(--adm-bg);padding:clamp(16px,4vw,40px)}
.auth-card,.panel,.notice,.admin-save-state,.analytics-card,.setting-field,.project-card,.media-library-card{background:var(--adm-surface);color:var(--adm-text);border:1px solid var(--adm-line);border-radius:var(--adm-radius);box-shadow:0 18px 48px rgba(0,0,0,.16)}
.auth-card{width:min(100%,480px);padding:clamp(22px,4vw,38px)}
.auth-card h1,.intro h1,.panel h2,.panel-heading h2{color:var(--adm-text);letter-spacing:-.035em}
.eyebrow{color:var(--adm-gold);letter-spacing:.14em;font-size:.72rem;font-weight:700}
.auth-card label,.setting-field>label,.panel label{color:var(--adm-text)}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea{background:#0b1a1f;color:var(--adm-text);border:1px solid rgba(238,230,211,.2);border-radius:10px;max-width:100%}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--adm-gold);outline-offset:3px}
button,.button{border-radius:10px;transition:background .18s ease,border-color .18s ease,transform .18s ease}
button.primary,.primary{background:var(--adm-gold);border-color:var(--adm-gold);color:#102027;font-weight:700}
button.secondary,.secondary{background:var(--adm-surface-2);border:1px solid var(--adm-line);color:var(--adm-text)}
button:hover,.button:hover{border-color:var(--adm-gold)}
.admin-header{background:rgba(11,23,27,.9);border-bottom:1px solid var(--adm-line);backdrop-filter:blur(16px);color:var(--adm-text)}
.admin-header a,.wordmark{color:var(--adm-text)}
.admin-main{width:min(1480px,100%);margin-inline:auto;padding:clamp(14px,3vw,36px)}
.panel,.notice,.admin-save-state{padding:clamp(16px,2.5vw,28px);margin-block:18px}
.panel-heading{border-bottom:1px solid var(--adm-line);padding-bottom:16px;margin-bottom:20px}
.settings-grid,.analytics-grid,.project-grid{gap:14px}
.setting-field{padding:16px;box-shadow:none;min-width:0}
.subcopy,.setting-field small,.notice p,.auth-card small,.admin-save-state p{color:var(--adm-muted)}
.admin-save-state[data-state=dirty],.status[data-state=error]{border-color:rgba(192,146,77,.65)}
input[type=range]{accent-color:var(--adm-gold)}
input[type=checkbox],input[type=radio]{accent-color:var(--adm-gold)}
hr,.divider,.panel hr{border-color:var(--adm-line)}
/* Keep preview and editor usable on narrow touch screens. */
.hero-device-preview-wrap,.visual-editor-preview,.visual-editor-canvas-wrap{max-width:100%;min-width:0;overflow:auto}
img,canvas,video{max-width:100%}
@media(max-width:760px){.admin-header{gap:12px;align-items:flex-start;padding:14px;flex-wrap:wrap}.admin-header .back-link{font-size:.86rem}.admin-main{padding:12px}.intro h1{font-size:clamp(2rem,9vw,3.2rem)}.settings-grid,.analytics-grid,.project-grid{grid-template-columns:minmax(0,1fr)}.panel,.notice,.admin-save-state{border-radius:12px;padding:14px}.auth-card{padding:22px 18px}.auth-card button{width:100%;min-height:44px}input,select,textarea,button{font-size:16px;min-height:42px}input[type=range]{min-height:24px}.panel-heading{margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto;transition:none;animation:none}}

/* v16.3 — tipografia editorial e edição de publicações por toque/arraste. */
.auth-card h1,#auth-title,body.admin-shell-ready .workspace-topbar h1,
body.admin-shell-ready .panel-heading h2,
body.admin-shell-ready .overview-intro h1,
body.admin-shell-ready .quick-actions-heading h2,
body.admin-shell-ready .auth-card h1,
body.admin-shell-ready #auth-title{font-family:"Arial Narrow","Aptos Narrow",Arial,sans-serif;font-weight:400;letter-spacing:.015em}
body.admin-shell-ready .sidebar-brand strong,
body.admin-shell-ready .sidebar-monogram{font-family:"Arial Narrow","Aptos Narrow",Arial,sans-serif;font-weight:400;letter-spacing:.035em}
body.admin-shell-ready .workspace-content{min-width:0}
body.admin-shell-ready .projects-view .item{grid-template-columns:30px 72px minmax(0,1fr);align-items:center;gap:10px}
body.admin-shell-ready .projects-view .item-content{min-width:0}
body.admin-shell-ready .projects-view .drag-handle{display:grid;place-items:center;align-self:stretch;min-width:28px;min-height:44px;padding:4px;border:1px solid var(--adm-line);border-radius:8px;background:var(--adm-surface);color:var(--adm-gold);cursor:grab;touch-action:manipulation;font-size:19px;line-height:1}
body.admin-shell-ready .projects-view .drag-handle:active{cursor:grabbing}
body.admin-shell-ready .projects-view .item.is-dragging{opacity:.45}
body.admin-shell-ready .projects-view .item.is-drop-target{background:rgba(192,146,77,.09);outline:1px dashed var(--adm-gold);outline-offset:3px}
body.admin-shell-ready .projects-view .move-item-btn{min-width:34px;min-height:36px;padding:5px 9px;border:1px solid var(--adm-line);background:var(--adm-surface-2);color:var(--adm-text)}
body.admin-shell-ready .projects-view .move-item-btn:disabled{opacity:.32;cursor:not-allowed}
.project-image-dropzone{display:grid;gap:6px;place-items:center;min-height:100px;margin:9px 0 6px;padding:16px;border:1px dashed rgba(192,146,77,.6);border-radius:12px;background:rgba(192,146,77,.055);color:var(--adm-text);text-align:center;cursor:pointer;transition:background .18s ease,border-color .18s ease}
.project-image-dropzone strong{font-size:13px;font-weight:650}
.project-image-dropzone span{font-size:11px;color:var(--adm-muted);line-height:1.45}
.project-image-dropzone input[type=file]{display:block;width:100%;max-width:360px;margin-top:6px;border:0;background:transparent;font-size:12px;cursor:pointer}
.project-image-dropzone.is-dragover{border-color:var(--adm-gold);background:rgba(192,146,77,.14)}
.project-image-dropzone:focus-visible{outline:2px solid var(--adm-gold);outline-offset:3px}
@media(max-width:720px){
 body.admin-shell-ready .projects-view .item{grid-template-columns:26px 56px minmax(0,1fr);gap:8px;padding:12px 0}
 body.admin-shell-ready .projects-view .thumb{width:56px;height:64px;object-fit:cover}
 body.admin-shell-ready .projects-view .item-actions{display:flex;flex-wrap:wrap;gap:5px}
 body.admin-shell-ready .projects-view .item-actions button{min-height:38px;padding:8px 10px;font-size:11px}
 body.admin-shell-ready .projects-view .drag-handle{min-height:44px}
 .project-image-dropzone{min-height:108px;padding:12px}
}
@media(max-width:380px){
 body.admin-shell-ready .projects-view .item{grid-template-columns:24px 48px minmax(0,1fr);gap:6px}
 body.admin-shell-ready .projects-view .thumb{width:48px;height:56px}
 body.admin-shell-ready .projects-view .item-actions button{padding:7px}
}

/* v17.1 — capa individual de cada projeto, com acesso pelo menu lateral. */
.project-cover-editor{margin-top:18px;padding:18px;border:1px solid var(--adm-line);border-radius:14px;background:rgba(192,146,77,.045);scroll-margin:28px;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.project-cover-editor.is-menu-target{border-color:var(--adm-gold);background:rgba(192,146,77,.10);box-shadow:0 0 0 2px rgba(192,146,77,.10)}
.project-cover-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.project-cover-editor-heading .eyebrow{margin:0 0 5px}
.project-cover-editor-heading h3{margin:0;font-size:19px;color:var(--adm-text)}
.project-cover-badge{padding:5px 8px;border:1px solid var(--adm-line);border-radius:999px;color:var(--adm-gold);font-size:10px;font-weight:700;white-space:nowrap}
.project-cover-help{max-width:70ch;margin:12px 0;color:var(--adm-muted);font-size:12px;line-height:1.55}
.cover-edit-btn{background:rgba(192,146,77,.12);border:1px solid rgba(192,146,77,.45);color:var(--adm-text)}
.cover-edit-btn:hover{background:rgba(192,146,77,.22)}
@media(max-width:720px){.project-cover-editor{padding:13px}.project-cover-editor-heading h3{font-size:17px}}

/* v17.2 — estado de publicação explícito para evitar publicar rascunhos ao trocar a capa. */
.project-publish-control{display:grid;gap:6px;margin:12px 0;padding:12px 13px;border:1px solid var(--adm-line);border-radius:10px;background:rgba(192,146,77,.035)}
.project-publish-toggle{display:flex;align-items:center;gap:9px;margin:0;color:var(--adm-text);font-size:12px;font-weight:650;cursor:pointer}
.project-publish-toggle input{width:16px;min-width:16px;height:16px;margin:0;accent-color:var(--adm-gold)}
.project-publish-control>small{display:block;margin:0 0 0 25px;line-height:1.45;color:var(--adm-muted)}
.project-publication-state{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:3px 7px;margin:0 0 8px;border:1px solid var(--adm-line);border-radius:999px;font-size:10px;font-weight:700;line-height:1.3}
.project-publication-state.is-published{color:#8fc8a3;background:rgba(58,132,82,.09)}
.project-publication-state.is-draft{color:#e0b76f;background:rgba(192,146,77,.09)}

/* Galeria de imagens por projeto */
.project-gallery-editor{margin-top:14px;padding-top:14px;border-top:1px solid var(--adm-line)}.project-gallery-preview{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.project-gallery-thumb{position:relative;width:112px;max-width:30%;border:1px solid var(--adm-line);border-radius:9px;overflow:hidden;background:var(--adm-surface,#10242A)}.project-gallery-thumb img{display:block;width:100%;height:88px;object-fit:cover}.project-gallery-thumb button{width:100%;padding:6px;border:0;border-radius:0;font-size:11px}.project-gallery-strip{display:flex;gap:8px;overflow-x:auto;padding:8px 0 2px;scrollbar-width:thin}.project-gallery-strip-item{flex:0 0 72px;width:72px;height:auto;aspect-ratio:var(--project-gallery-ratio,4 / 3);padding:0;border:1px solid rgba(192,146,77,.45);border-radius:7px;overflow:hidden;background:transparent;cursor:pointer}.project-gallery-strip-item img{display:block;width:100%;height:100%;object-fit:cover}.project-gallery-viewer{width:min(92vw,1100px);max-width:92vw;max-height:92vh;padding:16px;border:1px solid rgba(192,146,77,.65);border-radius:14px;background:#0B171B;color:#EEE6D3}.project-gallery-viewer::backdrop{background:rgba(0,0,0,.82)}.project-gallery-viewer>img{display:block;max-width:100%;max-height:78vh;margin:10px auto;object-fit:contain}.project-gallery-viewer-close{display:block;margin-left:auto;padding:8px 12px}


/* ===== SOURCE: admin-enhancements.css | preserved cascade order ===== */
/* v16.4 — isolated storytelling and inbox controls */
.storytelling-admin-block { margin-top:32px;padding:24px;border:1px solid var(--ui-divider,#30464d);border-radius:16px;background:var(--ui-surface,#12242a);color:var(--ui-text,#eee6d3); }
.storytelling-admin-head { margin-bottom:18px; }
.storytelling-admin-head h3 { margin:7px 0 10px;font-size:1.3rem;color:var(--ui-heading,#eee6d3); }
.storytelling-form-grid { display:grid;grid-template-columns:minmax(0,1fr);gap:9px; }
.storytelling-form-grid label { display:block;margin-top:8px;font-weight:650; }
.storytelling-form-grid input,.storytelling-form-grid textarea { width:100%;max-width:100%;box-sizing:border-box; }
.testimonial-admin-list,.contacts-inbox-list { display:grid;gap:12px;margin-top:18px; }
.testimonial-admin-item,.contact-message-card { display:grid;gap:8px;padding:16px;border:1px solid var(--ui-divider,#30464d);border-radius:12px;background:var(--ui-bg,#0b171b); }
.testimonial-admin-item p,.contact-message-card p { white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65; }
.testimonial-admin-item small { color:var(--ui-muted,#9aa8aa); }
.testimonial-admin-item button { justify-self:start; }
.contacts-inbox-toolbar { display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0; }
.contacts-inbox-toolbar span { color:var(--ui-muted,#9aa8aa);font-size:.86rem; }
.contact-message-header { display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:start; }
.contact-message-header time { color:var(--ui-muted,#9aa8aa);font-size:.78rem; }
.contact-message-card h3 { font-size:1rem;margin-top:4px; }
.contact-message-card>a { color:var(--ui-accent,#c0924d);overflow-wrap:anywhere; }
@media (max-width:720px) { .storytelling-admin-block { padding:16px; } .contacts-inbox-toolbar { align-items:stretch;flex-direction:column; } .contact-message-header { flex-direction:column; } }


/* v22.43 — controles para atribuir conteúdo a um bloco específico. */
.content-block-filter{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0 18px;padding:12px 14px;border:1px solid rgba(238,230,211,.14);border-radius:12px;background:rgba(255,255,255,.025)}
.content-block-filter label{font-weight:600;margin:0}
.content-block-filter select,#content-block{width:100%;max-width:100%;min-height:42px}
.content-block-chip{display:inline-flex;align-items:center;max-width:100%;margin:7px 0;padding:4px 9px;border:1px solid rgba(192,146,77,.35);border-radius:999px;color:var(--admin-text,#eee6d3);background:rgba(192,146,77,.09);font-size:.76rem;overflow-wrap:anywhere}
.custom-section-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px);margin-top:28px}
.custom-section-project-grid .custom-section-project-card{min-width:0}
@media(max-width:680px){.custom-section-project-grid{grid-template-columns:minmax(0,1fr)}}


/* ===== SOURCE: admin-navigation-v16.5.css | preserved cascade order ===== */
/* v16.6 — editorial task navigation, mobile layout, and section recovery controls. */
:root {
  --adm-nav-focus: #c0924d;
  --adm-nav-surface: rgba(16, 36, 42, .96);
}
body.admin-shell-ready .workspace-content > [hidden] { display: none; }
body.admin-shell-ready .admin-nav-item[aria-current="page"] {
  border-color: rgba(192, 146, 77, .52);
  background: linear-gradient(115deg, rgba(192, 146, 77, .16), rgba(192, 146, 77, .035));
}
body.admin-shell-ready .nav-item-label { line-height: 1.22; }
body.admin-shell-ready .nav-item-description { max-width: 100%; line-height: 1.35; }
body.admin-shell-ready .workspace-topbar h1,
body.admin-shell-ready .advanced-view-intro h2 { font-family: "Arial Narrow", "Aptos Narrow", Arial, sans-serif; }
body.admin-shell-ready .advanced-view-intro {
  margin-bottom: 18px;
  padding: clamp(18px, 3vw, 28px);
  border: 1px solid var(--adm-line);
  border-radius: var(--adm-radius);
  background: linear-gradient(120deg, rgba(192,146,77,.08), transparent 62%), var(--adm-surface);
}
.advanced-view-intro h2 { margin: 8px 0; color: var(--adm-text); font-size: clamp(1.8rem, 4vw, 2.7rem); }
.advanced-view-intro p:last-child { max-width: 68ch; color: var(--adm-muted); line-height: 1.6; }
.advanced-feature {
  margin: 12px 0;
  padding: 15px 17px;
  border: 1px solid var(--adm-line);
  border-radius: 13px;
  background: var(--adm-surface);
  color: var(--adm-text);
}
.advanced-feature > summary,
.per-section-advanced > summary { cursor: pointer; font-weight: 700; line-height: 1.5; }
.advanced-feature > summary::marker,
.per-section-advanced > summary::marker { color: var(--adm-gold); }
.advanced-feature-help { margin: 9px 0 13px; color: var(--adm-muted); font-size: .88rem; line-height: 1.55; }
.advanced-feature > .panel,
.advanced-feature > .notice { margin: 12px 0 0; }
.advanced-feature > .primary { margin: 8px 0 2px; }
.section-recovery-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
  padding: 12px;
  border: 1px solid var(--adm-line);
  border-radius: 10px;
  background: rgba(11, 23, 27, .55);
}
.section-recovery-label { margin-right: auto; color: var(--adm-muted); font-size: .82rem; }
.section-recovery-actions button { min-height: 38px; padding: 8px 12px; }
.section-undo-status { flex: 1 0 100%; color: var(--adm-muted); font-size: .82rem; line-height: 1.45; }
.per-section-advanced {
  grid-column: 1 / -1;
  margin: 8px 0;
  padding: 13px 15px;
  border: 1px solid var(--adm-line);
  border-radius: 10px;
  background: rgba(11, 23, 27, .48);
}
.per-section-advanced > .setting-field { margin-top: 12px; }
#open-image-library-from-cover { display: inline-flex; margin: 0 0 14px; }
.extras-section-heading { margin: 16px 0 8px; }
.extras-section-heading h3 { margin: 0 0 5px; color: var(--adm-text); }
.extras-section-heading p { margin: 0; color: var(--adm-muted); font-size: .9rem; line-height: 1.5; }
.custom-sections-manager { max-width: 100%; }
.unified-preview-note::after { content: " · Rascunho local até salvar."; color: var(--adm-muted); }
@media (max-width: 720px) {
  body.admin-shell-ready .admin-nav { gap: 5px; }
  body.admin-shell-ready .admin-nav-item { max-width: 80vw; }
  body.admin-shell-ready .admin-nav-item .nav-item-copy { min-width: 0; }
  body.admin-shell-ready .nav-item-label { white-space: normal; }
  body.admin-shell-ready .nav-item-description { display: none; }
  .section-recovery-actions { align-items: stretch; }
  .section-recovery-label { flex-basis: 100%; }
  .section-recovery-actions button { flex: 1 1 calc(50% - 8px); }
  .advanced-feature { padding: 13px; }
  #open-image-library-from-cover { width: 100%; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
  .advanced-feature, .section-recovery-actions, .admin-nav-item { scroll-behavior: auto; transition-duration: 0s; }
}


/* ===== SOURCE: admin-v16.6.css | preserved cascade order ===== */
/* v16.6 — compact login challenge and smaller screens. */
/* Preserve the HTML hidden contract after removal of legacy cascade overrides. */
[hidden][hidden] { display:none; }
.captcha-slot { min-height:0; margin:10px 0 14px; overflow:hidden; }
.captcha-slot:empty { display:none; }
.captcha-slot.is-loading { display:block; min-height:64px; }
.captcha-slot iframe { max-width:100%; }
@media (max-width:760px) {
  .admin-header { padding:12px 16px; gap:10px; flex-wrap:wrap; }
  .admin-header .wordmark { font-size:1rem; }
  .admin-header .back-link { margin-left:auto; font-size:.72rem; }
  .admin-main { padding:20px 14px 56px; }
  .intro { margin-bottom:22px; }
  .intro h1 { font-size:clamp(2rem,8vw,3rem); }
  .panel { padding:18px 14px; }
  .unified-editor-shell, .visual-editor-layout { min-width:0; }
  .unified-editor-tabs, .settings-navigation, [role="tablist"] { max-width:100%; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin; }
  .visual-editor-frame-wrap { order:2; }
  .visual-editor-controls, .visual-editor-settings, .unified-editor-controls { order:1; }
}


/* Avoid duplicate navigation: the task sidebar is the only menu outside the advanced editor. */
body:not(.show-editor-sub-navigation) .unified-editor-tabs { display:none; }
body:not(.show-editor-sub-navigation) .unified-editor-tools { grid-template-columns:minmax(0,1fr); }
body.show-editor-sub-navigation .unified-editor-tabs { display:flex; }
body.show-editor-sub-navigation .unified-editor-tools { grid-template-columns:136px minmax(0,1fr); }
.unified-preview-note::after { content:" · Rascunho local até salvar."; }
.unified-action-note { font-size:11px; line-height:1.35; }
@media (max-width:760px) {
  /* Compact one-row navigation at the top, without the large brand block. */
  body.admin-shell-ready .admin-sidebar { position:sticky; top:0; z-index:80; margin:0 -14px 10px; border-radius:0; padding:7px 10px; gap:0; background:var(--ui-sidebar); }
  body.admin-shell-ready .sidebar-brand { display:none; }
  body.admin-shell-ready .admin-nav { display:flex; flex-wrap:nowrap; overflow-x:auto; overscroll-behavior-x:contain; gap:4px; padding:2px 0 5px; scrollbar-width:thin; }
  body.admin-shell-ready .admin-nav-item { flex:0 0 auto; min-height:36px; padding:7px 10px; white-space:nowrap; }
  body.admin-shell-ready .nav-item-description { display:none; }
  body:not(.show-editor-sub-navigation) .unified-site-editor { grid-template-columns:minmax(0,1fr); gap:12px; }
  body:not(.show-editor-sub-navigation) .unified-editor-tools { grid-template-columns:minmax(0,1fr); }
  body:not(.show-editor-sub-navigation) .unified-editor-panes { max-height:none; overflow:visible; padding:12px; }
  body:not(.show-editor-sub-navigation) .unified-editor-preview { height:52vh; min-height:360px; max-height:560px; }
  body.show-editor-sub-navigation .unified-site-editor { grid-template-columns:minmax(0,1fr); gap:12px; }
  body.show-editor-sub-navigation .unified-editor-tools { grid-template-columns:minmax(0,1fr); }
  body.show-editor-sub-navigation .unified-editor-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; max-height:none; min-height:0; overflow:visible; border-right:0; border-bottom:1px solid var(--shell-line); }
  body.show-editor-sub-navigation .unified-editor-tabs .editor-tab-button { min-height:42px; flex-direction:row; justify-content:flex-start; padding:6px; }
  body.show-editor-sub-navigation .unified-editor-tabs .editor-tab-label { font-size:10px; }
  .visual-editor-frame-wrap { order:2; }
  .visual-editor-controls, .visual-editor-settings, .unified-editor-controls { order:1; }
}

/* v16.7 — keep the site canvas interactive for element selection and drag editing. */
.unified-editor-preview .visual-editor-frame-wrap { position: relative; pointer-events: auto; isolation: isolate; }
.unified-editor-preview #site-preview-frame { position: relative; z-index: 1; pointer-events: auto; touch-action: pan-x pan-y; }

/* movido do admin.html (CSP sem inline) */
.editor-shortcuts-help{font-size:13px;line-height:1.6;letter-spacing:normal;color:#42515a}.editor-shortcuts-help summary{cursor:pointer;font-weight:700;letter-spacing:.02em;padding:5px 0}.editor-shortcuts-help p{max-width:900px;margin:6px 0 10px}.editor-shortcuts-help kbd{font:600 12px/1.4 system-ui,sans-serif;letter-spacing:normal;background:#ece8df;border:1px solid #d5d0c6;border-radius:4px;padding:2px 5px;white-space:nowrap}


/* ===== SOURCE: editor-pro-features.css | preserved cascade order ===== */
/* Professional editor features: restrained UI, no duplicate field controls. */
#editor-appearance-design .editor-pro-card,
.site-settings-panel .editor-pro-card,
#media-library-panel .editor-pro-card {
  margin: 1rem 0; padding: 1rem; border: 1px solid var(--admin-border, #d6d9d7);
  border-radius: 14px; background: var(--admin-card, #fff); color: var(--admin-text, #243238);
}
.editor-pro-card h3 { margin: 0 0 .45rem; font-size: 1rem; line-height: 1.3; }
.editor-pro-card > p { margin: .35rem 0 .85rem; }
.editor-token-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .45rem; }
.editor-token-row { display: flex; align-items: center; justify-content: space-between; gap: .6rem; min-width: 0; padding: .65rem .75rem; border: 1px solid var(--admin-border, #d6d9d7); border-radius: 10px; background: transparent; color: inherit; text-align: left; cursor: pointer; }
.editor-token-row:hover, .editor-token-row:focus-visible { border-color: var(--admin-accent, #c0924d); outline: 2px solid color-mix(in srgb, var(--admin-accent, #c0924d) 22%, transparent); }
.editor-token-name { font-size: .83rem; }
.editor-token-value { display: inline-flex; align-items: center; gap: .4rem; font-size: .75rem; font-variant-numeric: tabular-nums; }
.editor-token-swatch { width: 1.15rem; height: 1.15rem; flex: 0 0 auto; border: 1px solid #0002; border-radius: 5px; }
.editor-token-row code { font-size: .72rem; }
.editor-global-bg-status { margin: .75rem 0 0 !important; padding: .65rem .75rem; border-radius: 9px; font-size: .82rem; background: var(--admin-surface, #f2f2ef); }
.editor-global-bg-status[data-state="warning"] { border-inline-start: 3px solid #c0924d; }
.editor-global-bg-status[data-state="ok"] { border-inline-start: 3px solid #3b8f67; }
.editor-token-focus { outline: 2px solid #c0924d !important; outline-offset: 2px; }
.editor-pro-media-actions, .editor-pro-diagnostic-actions, .editor-pro-media-item-actions { display: flex; flex-wrap: wrap; gap: .45rem; margin: .6rem 0; }
.editor-pro-media input[type="search"] { width: 100%; }
.editor-pro-media-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(145px,1fr)); gap: .7rem; margin-top: .75rem; }
.editor-pro-media-item { min-width: 0; padding: .55rem; border: 1px solid var(--admin-border, #d6d9d7); border-radius: 11px; background: var(--admin-surface, #f8f7f3); overflow: hidden; }
.editor-pro-media-item > img { display: block; width: 100%; height: 105px; object-fit: contain; border-radius: 7px; background: #e8e7e2; }
.editor-pro-media-name { margin-top: .45rem; font-size: .82rem; font-weight: 600; overflow-wrap: anywhere; }
.editor-pro-media-item > small { display: block; margin-top: .2rem; color: var(--admin-muted, #687478); font-size: .7rem; }
.editor-pro-media-item-actions button { flex: 1 1 auto; padding: .45rem .55rem; font-size: .72rem; min-width: 0; }
.editor-pro-selected-media { font-size: .8rem; color: var(--admin-muted, #687478); }
.editor-pro-diagnostic-results { display: grid; gap: .45rem; margin-top: .7rem; }
.editor-pro-diagnostic-summary { padding: .75rem; border-radius: 9px; font-size: .85rem; font-weight: 650; background: var(--admin-surface, #f2f2ef); }
.editor-pro-diagnostic-item { display: grid; grid-template-columns: 60px minmax(0,1fr); align-items: start; gap: .65rem; padding: .7rem; border: 1px solid var(--admin-border, #d6d9d7); border-radius: 9px; }
.editor-pro-diagnostic-item strong { display: block; font-size: .83rem; }
.editor-pro-diagnostic-item p { margin: .22rem 0 0; font-size: .77rem; overflow-wrap: anywhere; color: var(--admin-muted, #687478); }
.editor-pro-diagnostic-badge { display: inline-flex; justify-content: center; border-radius: 6px; padding: .2rem .3rem; font-size: .68rem; font-weight: 700; background: #e8e9e7; color: #364247; }
.editor-pro-diagnostic-item.is-ok .editor-pro-diagnostic-badge { background: #e3f2e9; color: #1e6640; }
.editor-pro-diagnostic-item.is-warning .editor-pro-diagnostic-badge { background: #fff1d8; color: #805410; }
.editor-pro-diagnostic-item.is-error .editor-pro-diagnostic-badge { background: #fde8e6; color: #942d25; }
.editor-pro-diagnostic-item.is-info .editor-pro-diagnostic-badge { background: #e8eef7; color: #344f79; }
.visual-layer-row { display: grid; grid-template-columns: minmax(0,1fr) 30px 30px; align-items: stretch; gap: 3px; margin: 3px 0; }
.visual-layer-row .visual-layer-item { min-width: 0; width: 100%; margin: 0; text-align: left; overflow-wrap: anywhere; white-space: normal; }
.visual-layer-row .visual-layer-mini { display: inline-grid; place-items: center; min-width: 28px; padding: .25rem; border: 1px solid var(--admin-border, #d6d9d7); border-radius: 7px; background: transparent; color: inherit; cursor: pointer; }
.visual-layer-row .visual-layer-mini.is-locked { color: #a8472e; background: #a8472e12; }
.visual-layer-row.is-dragging { opacity: .4; }
.visual-layer-row.drop-target { outline: 2px solid #c0924d; outline-offset: 1px; }
.st-draft-save { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; border: 1px solid var(--admin-border, #c8cfcc); border-radius: 9px; padding: .6rem .8rem; background: var(--admin-card, #fff); color: inherit; cursor: pointer; font: inherit; font-size: .8rem; font-weight: 650; }
.st-draft-save.is-saved { border-color: #4c966c; }
.st-global-background { margin-left: auto; }
.st-ctx [hidden], .st-tools [hidden], .st-color-pair[hidden] { display: none !important; }
@media (max-width: 850px) {
  .editor-token-list { grid-template-columns: minmax(0,1fr); }
  .editor-pro-media-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .editor-pro-media-item-actions { flex-direction: column; }
  .editor-pro-media-item-actions button { width: 100%; }
}

/* Contextual image dimensions reuse the same canonical width/height fields. */
.st-image-dimensions { display: flex; align-items: end; gap: .45rem; flex-wrap: wrap; }
.st-image-dimensions .visual-dimension-row { display: grid; grid-template-columns: minmax(68px, 92px) 52px; gap: 4px; align-items: end; }
.st-image-dimensions .visual-dimension-row label { display: block; margin-bottom: 3px; font-size: .66rem; color: var(--st-muted, #9ba8ac); }
.st-image-dimensions .visual-dimension-row input, .st-image-dimensions .visual-dimension-row select { min-width: 0; width: 100%; height: 30px; padding: 3px 5px; font-size: .74rem; }
.st-image-dimensions .visual-dimension-row > div { min-width: 0; }
.st-image-dimensions:empty { display: none; }
.editor-spacing-control { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .35rem .8rem; align-items: center; margin: .8rem 0; padding: .75rem; border: 1px solid var(--admin-border, #d6d9d7); border-radius: 10px; }
.editor-spacing-control > span { font-size: .82rem; font-weight: 650; }
.editor-spacing-control input { grid-column: 1; width: 100%; }
.editor-spacing-value { grid-column: 2; grid-row: 1 / span 2; font-size: .82rem; font-weight: 750; font-variant-numeric: tabular-nums; }

/* Hierarquia real do painel de camadas e estados de árvore. */
.visual-layer-branch { min-width: 0; }
.visual-layer-children { margin-inline-start: 12px; padding-inline-start: 7px; border-inline-start: 1px solid var(--admin-border, #d6d9d7); min-width: 0; }
.visual-layer-row { grid-template-columns: 24px minmax(0, 1fr) 30px 30px; }
.visual-layer-row[aria-selected="true"] { background: color-mix(in srgb, #C0924D 12%, transparent); border-radius: 8px; }
.visual-layer-expand { font-size: 13px; padding: 0 !important; }
.visual-layer-expand:disabled { opacity: .35; cursor: default; }
.visual-layer-row .visual-layer-item { text-overflow: ellipsis; }
.visual-layer-row[draggable="false"] { cursor: default; }
.st-image-dimensions { display: flex; align-items: end; flex-wrap: wrap; gap: 8px; }
.st-image-dimensions .visual-dimension-row { flex: 1 1 90px; min-width: 80px; }
.editor-spacing-control { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px 12px; align-items: center; }
.editor-spacing-control input[type="range"] { grid-column: 1 / -1; width: 100%; }
.editor-spacing-value { font-variant-numeric: tabular-nums; font-weight: 650; }
@media (max-width: 620px) {
  .visual-layer-row { grid-template-columns: 22px minmax(0,1fr) 28px 28px; gap: 2px; }
  .visual-layer-children { margin-inline-start: 7px; padding-inline-start: 5px; }
}

/* v22.46 — histórico de versões */
.editor-versions-card .version-list { list-style: none; margin: .5rem 0 0; padding: 0; display: grid; gap: .5rem; max-height: 280px; overflow: auto; }
.editor-versions-card .version-row { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .55rem .7rem; border: 1px solid var(--st-line, rgba(255,255,255,.14)); border-radius: 10px; }
.editor-versions-card .version-info { display: grid; min-width: 0; }
.editor-versions-card .version-info strong { overflow-wrap: anywhere; font-size: .85rem; }
.editor-versions-card .version-info small { opacity: .75; }


/* v22.79 — Camadas em estilo Photoshop: nomes semânticos, indicador ativo e dock de ações. */
body.studio-on .st-props .visual-layers{min-width:0;background:#171b1c;border:1px solid rgba(238,230,211,.12);border-radius:12px;padding:12px}
body.studio-on .st-props .visual-layers>summary{display:flex;align-items:center;gap:9px;min-height:34px;color:#eee6d3;font-size:13px;font-weight:750;letter-spacing:.01em}
body.studio-on .st-props .visual-layers>summary::before{content:"";width:7px;height:7px;border-radius:50%;background:#c0924d;box-shadow:0 0 0 3px rgba(192,146,77,.12)}
.visual-layer-toolbar{display:flex;gap:6px;margin:8px 0;flex-wrap:wrap}
.visual-layer-toolbar button{min-height:28px;padding:4px 8px;font-size:10px;border-radius:7px}
#visual-layer-list{display:grid;gap:2px;max-height:390px;overflow:auto;overscroll-behavior:contain;padding:4px 2px 8px;scrollbar-width:thin;scrollbar-color:#596165 transparent}
.visual-layer-branch{min-width:0}
.visual-layer-children{margin-inline-start:15px;padding-inline-start:7px;border-inline-start:1px solid rgba(238,230,211,.14)}
.visual-layer-row{display:grid;grid-template-columns:23px minmax(0,1fr) 27px 27px 27px;align-items:center;gap:3px;min-height:42px;margin:2px 0;padding:2px 4px;border:1px solid transparent;border-radius:8px;transition:background .16s,border-color .16s}
.visual-layer-row:hover{background:rgba(238,230,211,.055)}
.visual-layer-row[aria-selected="true"],.visual-layer-row.active{background:rgba(192,146,77,.12);border-color:rgba(192,146,77,.32)}
.visual-layer-row .visual-layer-item{display:flex;align-items:center;gap:9px;min-width:0;width:100%;height:37px;margin:0;padding:4px 7px;border:0;border-radius:6px;background:transparent;color:#d8d7d0;text-align:left;white-space:normal;overflow:hidden;cursor:pointer}
.visual-layer-row .visual-layer-item:hover{background:rgba(238,230,211,.06);color:#fff}
.visual-layer-indicator{display:block;flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:transparent;box-shadow:none}
.visual-layer-item.is-current .visual-layer-indicator{background:#d5a451;box-shadow:0 0 0 3px rgba(213,164,81,.16),0 0 10px rgba(213,164,81,.4)}
.visual-layer-label-wrap{display:grid;gap:2px;min-width:0;line-height:1.15}
.visual-layer-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:650;color:inherit}
.visual-layer-subtitle{display:block;font-size:9px;color:#899394;letter-spacing:.035em}
.visual-layer-row .visual-layer-mini{width:26px;height:27px;min-width:26px;padding:0;border:1px solid rgba(238,230,211,.12);border-radius:6px;background:transparent;color:#9da7a5;font-size:12px}
.visual-layer-row .visual-layer-mini:hover:not(:disabled){border-color:rgba(192,146,77,.55);color:#eee6d3;background:rgba(192,146,77,.1)}
.visual-layer-row .visual-layer-mini:disabled{opacity:.28}
.visual-layer-row.is-dragging{opacity:.35}
.visual-layer-row.drop-target{outline:1px solid #c0924d;outline-offset:1px}
.visual-layer-dock-wrap{display:grid;gap:6px;margin:10px 0 13px;padding:9px 8px 8px;border:1px solid rgba(238,230,211,.1);border-radius:11px;background:linear-gradient(180deg,rgba(36,42,43,.96),rgba(20,24,25,.98))}
.visual-layer-dock-caption{font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:#929d9c;text-align:center}
.visual-layer-dock{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px}
.visual-layer-dock button{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;padding:0;border:1px solid rgba(238,230,211,.14);border-radius:9px;background:rgba(238,230,211,.055);color:#eee6d3;font-size:17px;line-height:1;cursor:pointer;transform:translateY(0) scale(1);transition:transform .16s ease,background .16s,border-color .16s,box-shadow .16s}
.visual-layer-dock button:hover:not(:disabled),.visual-layer-dock button:focus-visible{z-index:2;transform:translateY(-4px) scale(1.22);border-color:#c0924d;background:rgba(192,146,77,.18);box-shadow:0 5px 16px rgba(0,0,0,.28);outline:none}
.visual-layer-dock button:disabled{opacity:.3;cursor:not-allowed}
.visual-layer-dock button[data-layer-action="delete"]{color:#e39a88}
@media(max-width:620px){#visual-layer-list{max-height:300px}.visual-layer-dock{gap:4px}.visual-layer-dock button{width:31px;height:31px;flex-basis:31px}}
@media(prefers-reduced-motion:reduce){.visual-layer-row,.visual-layer-dock button{transition:none}}


/* ===== SOURCE: admin-studio.css | preserved cascade order ===== */
/* v18.3 — Estúdio de edição. Todas as regras ficam sob body.studio-on / .studio para não afetar o painel normal. */
.studio{ display: none; }
body.studio-on{ overflow: hidden !important; --st-bg:#0b171c; --st-panel:#101f26; --st-panel-2:#152a32; --st-line:#26404a; --st-text:#eee6d3; --st-muted:#9db0b4; --st-accent:#c0924d; --st-accent-ink:#1b1306; --st-danger:#e0735a; --st-top:56px; --st-ctx:48px; --st-rail:76px; --st-fly:348px; --st-props:320px; }
body.studio-on .editor-view{ position: fixed !important; inset: 0 !important; z-index: 5000 !important; background: var(--st-bg) !important; margin: 0 !important; padding: 0 !important; max-width: none !important; width: auto !important; display: block !important; }
body.studio-on .studio{ display: block; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; color: var(--st-text); }
body.studio-on .studio *, body.studio-on .studio *::before, body.studio-on .studio *::after{ box-sizing: border-box; }

/* O Estúdio usa uma única estrutura de navegação e uma única barra contextual. */


/* ---- área central (o iframe nunca é movido) ---- */
body.studio-on .unified-site-editor{ width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; grid-template-columns: none !important; position: fixed !important; top: calc(var(--st-top) + var(--st-ctx)); bottom: 0; left: var(--st-rail); right: 0; display: block !important; padding: 14px !important; margin: 0 !important; background: var(--st-bg); z-index: 1; transition: left .18s ease, right .18s ease; }
body.studio-on.studio-flyout .unified-site-editor{ left: calc(var(--st-rail) + var(--st-fly)); }
body.studio-on.studio-props .unified-site-editor{ right: var(--st-props); }
body.studio-on .unified-editor-preview{ position: relative !important; display: flex !important; flex-direction: column; width: 100% !important; height: 100% !important; max-height: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; top: auto !important; }
body.studio-on .unified-editor-preview .visual-editor-frame-wrap{ flex: 1 1 0 !important; height: auto !important; min-height: 0 !important; border: 1px solid var(--st-line) !important; border-radius: 12px !important; box-shadow: 0 18px 50px rgba(0,0,0,.45); }
body.studio-on .st-canvas-note{ position: fixed; bottom: 18px; left: calc(var(--st-rail) + 24px); z-index: 12; padding: 4px 10px; border-radius: 999px; background: rgba(11,23,28,.82); color: var(--st-muted); font-size: .72rem; pointer-events: none; }
body.studio-on .st-canvas-note:empty{ display: none; }
body.studio-on.studio-flyout .st-canvas-note{ left: calc(var(--st-rail) + var(--st-fly) + 24px); }

/* ---- barra superior ---- */
body.studio-on .st-top{ position: fixed; z-index: 30; top: 0; left: 0; right: 0; height: var(--st-top); display: flex; align-items: center; gap: 12px; padding: 0 14px; background: linear-gradient(180deg,#12262e,#0e1e25); border-bottom: 1px solid var(--st-line); }
.st-exit{ display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 12px 0 8px; border: 1px solid var(--st-line); border-radius: 9px; background: transparent; color: var(--st-text); font: 600 .82rem/1 inherit; cursor: pointer; }
.st-exit svg{ width: 18px; height: 18px; }
.st-exit:hover{ background: var(--st-panel-2); }
.st-title{ display: flex; flex-direction: column; line-height: 1.15; min-width: 0; }
.st-title strong{ font-size: .95rem; white-space: nowrap; }
.st-title small{ color: var(--st-muted); font-size: .7rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.studio .st-group{ display: inline-flex; align-items: center; gap: 4px; }
.studio .st-spacer{ flex: 1 1 auto; }
.studio .st-btn{ width: 36px; height: 36px; display: inline-grid; place-items: center; padding: 0; border: 0; border-radius: 9px; background: transparent; color: var(--st-text); cursor: pointer; }
.studio .st-btn svg{ width: 19px; height: 19px; }
.studio .st-btn:hover:not(:disabled){ background: var(--st-panel-2); }
.studio .st-btn:disabled{ opacity: .35; cursor: default; }
.studio .st-btn.active{ background: rgba(192,146,77,.22); color: var(--st-accent); }
.studio .st-btn.st-danger:hover{ color: var(--st-danger); }
.studio .st-bold b{ font: 800 1rem/1 Georgia, serif; }
.studio .st-seg{ display: inline-flex; gap: 2px; padding: 3px; border-radius: 11px; background: var(--st-panel); border: 1px solid var(--st-line); }
.studio .st-seg .st-btn{ width: 34px; height: 30px; border-radius: 8px; }
.studio .st-zoom, .studio select.st-in-toolbar, .studio .st-slot input, .studio .st-slot select{ height: 34px; border: 1px solid var(--st-line); border-radius: 8px; background: var(--st-panel); color: var(--st-text); font: 500 .8rem/1 inherit; padding: 0 8px; margin: 0; }
.studio .st-zoom{ width: 92px; }
.st-chip{ display: inline-flex; align-items: center; gap: 8px; height: 32px; padding: 0 12px; border-radius: 999px; background: var(--st-panel); border: 1px solid var(--st-line); font-size: .76rem; color: var(--st-muted); max-width: 240px; }
.st-chip-text{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.st-chip-dot{ width: 8px; height: 8px; border-radius: 50%; background: #6bbf8a; flex: none; }
.st-chip[data-state="dirty"] .st-chip-dot{ background: #e0b34f; }
.st-chip[data-state="saving"] .st-chip-dot{ background: #7fb2e5; animation: st-pulse 1s infinite; }
.st-chip[data-state="error"] .st-chip-dot{ background: var(--st-danger); }
.st-chip[data-state="dirty"], .st-chip[data-state="error"]{ color: var(--st-text); }
@keyframes st-pulse { 50%{ opacity: .35; } }
.st-link{ display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 10px; border-radius: 9px; color: var(--st-text); text-decoration: none; font-size: .82rem; font-weight: 600; }
.st-link svg{ width: 17px; height: 17px; }
.st-link:hover{ background: var(--st-panel-2); }
.st-save{ display: inline-flex; align-items: center; gap: 7px; height: 38px; padding: 0 18px; border: 0; border-radius: 10px; background: var(--st-accent); color: var(--st-accent-ink); font: 800 .85rem/1 inherit; cursor: pointer; }
.st-save svg{ width: 18px; height: 18px; }
.st-save:hover{ filter: brightness(1.08); }
.st-save.is-busy{ opacity: .7; }

/* ---- barra contextual ---- */
body.studio-on .st-ctx{ position: fixed; z-index: 29; top: var(--st-top); left: 0; right: 0; height: var(--st-ctx); display: flex; align-items: center; padding: 0 14px 0 calc(var(--st-rail) + 12px); background: var(--st-panel); border-bottom: 1px solid var(--st-line); overflow-x: auto; scrollbar-width: none; }
body.studio-on .st-ctx::-webkit-scrollbar{ display: none; }
.st-hint{ margin: 0; color: var(--st-muted); font-size: .82rem; white-space: nowrap; }
/* v18.7: seleção assistida de elementos difíceis de acertar na prévia. */
.st-tools{ display: flex; align-items: center; gap: 12px; min-width: max-content; }
.st-tools[hidden], .studio [hidden]{ display: none !important; }
.st-tools > .st-group + .st-group, .st-tools > .st-pos{ padding-left: 12px; border-left: 1px solid var(--st-line); }
.st-slot{ display: inline-flex; }
.st-slot-family select{ width: 150px; }
.st-slot-size input{ width: 62px; }
.st-slot-fit select{ width: 120px; }
.st-slot-radius input, .st-slot-opacity input{ width: 62px; }
.st-slot-color input[type="color"]{ width: 29px; min-width: 29px; height: 27px; padding: 2px; border-radius: 7px; cursor: pointer; }
.st-color-group{ gap: 9px; }
.st-color-pair{ display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
.st-color-pair .st-mini{ font-size: .63rem; letter-spacing: .035em; color: var(--st-muted); }
.st-color-pair .st-slot{ align-items: center; }
.st-color-pair input[type="color"]:focus-visible{ outline: 2px solid var(--st-accent); outline-offset: 2px; }
@media (max-width: 1180px) { .st-color-pair{ gap: 3px; } .st-color-pair .st-mini{ font-size: .58rem; } .st-slot-color input[type="color"]{ width: 25px; min-width: 25px; } }
.st-mini{ font-size: .7rem; color: var(--st-muted); text-transform: uppercase; letter-spacing: .06em; }
.st-textbtn{ display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 12px; border: 1px solid var(--st-line); border-radius: 8px; background: var(--st-panel-2); color: var(--st-text); font: 600 .8rem/1 inherit; cursor: pointer; white-space: nowrap; }
.st-textbtn svg{ width: 16px; height: 16px; }
.st-textbtn:hover:not(:disabled){ border-color: var(--st-accent); }
.st-textbtn:disabled{ opacity: .45; cursor: default; }
.st-label-hidden{ display: none !important; }

/* ---- barra lateral ---- */
body.studio-on .st-rail{ position: fixed; z-index: 28; top: calc(var(--st-top) + var(--st-ctx)); bottom: 0; left: 0; width: var(--st-rail); display: flex; flex-direction: column; gap: 4px; padding: 10px 6px; background: #0e1e25; border-right: 1px solid var(--st-line); overflow-y: auto; }
.st-rail-btn{ display: flex; flex-direction: column; align-items: center; gap: 5px; padding: 10px 2px 8px; border: 0; border-radius: 12px; background: transparent; color: var(--st-muted); font: 600 .68rem/1.1 inherit; cursor: pointer; }
.st-rail-btn svg{ width: 22px; height: 22px; }
.st-rail-btn:hover{ background: var(--st-panel-2); color: var(--st-text); }
.st-rail-btn.active{ background: rgba(192,146,77,.18); color: var(--st-accent); }
.st-rail-btn:focus-visible, .studio .st-btn:focus-visible, .st-textbtn:focus-visible, .st-save:focus-visible, .st-exit:focus-visible{ outline: 2px solid var(--st-accent); outline-offset: 2px; }

/* ---- painéis laterais ---- */
body.studio-on .st-flyout, body.studio-on .st-props{ position: fixed; z-index: 27; top: calc(var(--st-top) + var(--st-ctx)); bottom: 0; display: none; flex-direction: column; background: var(--st-panel); border-right: 1px solid var(--st-line); }
body.studio-on .st-flyout{ left: var(--st-rail); width: var(--st-fly); }
body.studio-on .st-props{ right: 0; width: var(--st-props); border-right: 0; border-left: 1px solid var(--st-line); }
body.studio-on.studio-flyout .st-flyout, body.studio-on.studio-props .st-props{ display: flex; }
.st-flyout-head{ display: flex; align-items: center; justify-content: space-between; padding: 12px 12px 12px 18px; border-bottom: 1px solid var(--st-line); }
.st-flyout-head h2{ margin: 0; font: 700 1rem/1.2 inherit; color: var(--st-text); letter-spacing: 0; text-transform: none; }
.st-flyout-body{ flex: 1 1 auto; overflow-y: auto; padding: 14px 16px 90px; overscroll-behavior: contain; }

/* conteúdo reaproveitado: visual limpo e em coluna única */
body.studio-on .st-flyout-body .panel, body.studio-on .st-props .visual-inspector{ background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 0 14px !important; border-radius: 0 !important; position: static !important; max-height: none !important; width: auto !important; }
body.studio-on .st-flyout-body .panel-heading, body.studio-on .st-flyout-body .eyebrow, body.studio-on .st-flyout-body .subcopy, body.studio-on .st-flyout-body .settings-tab-description{ display: none !important; }
body.studio-on .st-flyout-body h3{ font-size: .85rem; margin: 14px 0 6px; color: var(--st-text); }
body.studio-on .st-flyout-body label, body.studio-on .st-props label{ display: block; margin: 10px 0 4px; font-size: .76rem !important; color: var(--st-muted) !important; letter-spacing: 0 !important; text-transform: none !important; }
body.studio-on .st-flyout-body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), body.studio-on .st-flyout-body select, body.studio-on .st-flyout-body textarea, body.studio-on .st-props input:not([type="checkbox"]):not([type="color"]), body.studio-on .st-props select, body.studio-on .st-props textarea{ width: 100% !important; min-height: 38px; padding: 8px 10px !important; border: 1px solid var(--st-line) !important; border-radius: 8px !important; background: var(--st-bg) !important; color: var(--st-text) !important; font-size: .85rem !important; letter-spacing: 0 !important; }
body.studio-on .st-flyout-body .advanced-grid, body.studio-on .st-flyout-body .tab-fields, body.studio-on .st-flyout-body .settings-grid, body.studio-on .st-flyout-body .storytelling-form-grid, body.studio-on .st-flyout-body .graphics-custom-grid, body.studio-on .st-flyout-body .bg-effects-layout, body.studio-on .st-flyout-body [class*="-grid"]{ display: grid !important; grid-template-columns: minmax(0,1fr) !important; gap: 8px !important; }
body.studio-on .st-flyout-body .graphic-library-grid{ grid-template-columns: repeat(3, minmax(0,1fr)) !important; }
body.studio-on .st-flyout-body .setting-field, body.studio-on .st-flyout-body fieldset{ border: 0 !important; padding: 0 !important; margin: 0 !important; background: transparent !important; min-width: 0; }
body.studio-on .st-flyout-body .settings-tabs{ display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 6px; margin: 0 0 12px !important; padding: 0 !important; border: 0 !important; }
body.studio-on .st-flyout-body .settings-tab{ min-height: 38px; padding: 8px 10px !important; border: 1px solid var(--st-line) !important; border-radius: 9px !important; background: var(--st-panel-2) !important; color: var(--st-text) !important; font: 600 .8rem/1.15 inherit !important; text-align: center; cursor: pointer; }
body.studio-on .st-flyout-body .settings-tab.active{ background: rgba(192,146,77,.2) !important; border-color: var(--st-accent) !important; color: var(--st-accent) !important; }
body.studio-on .st-flyout-body .settings-tab-panel{ padding: 0 !important; border: 0 !important; background: transparent !important; }
body.studio-on .st-flyout-body .settings-tab-panel[hidden]{ display: none !important; }
body.studio-on .st-flyout-body button.primary, body.studio-on .st-props button.primary{ background: var(--st-accent); color: var(--st-accent-ink); border: 0; border-radius: 9px; padding: 10px 14px; font-weight: 800; min-height: 38px; cursor: pointer; }
body.studio-on .st-flyout-body button.secondary, body.studio-on .st-props button.secondary{ background: var(--st-panel-2); color: var(--st-text); border: 1px solid var(--st-line); border-radius: 9px; padding: 8px 12px; min-height: 36px; cursor: pointer; }
body.studio-on .st-flyout-body .form-actions, body.studio-on .st-flyout-body .unified-section-actions{ position: sticky; bottom: -90px; padding: 12px 0; background: linear-gradient(180deg, transparent, var(--st-panel) 28%); display: flex; flex-wrap: wrap; gap: 8px; }
body.studio-on .st-flyout-body .status, body.studio-on .st-flyout-body small, body.studio-on .st-flyout-body .muted{ color: var(--st-muted); font-size: .74rem; }
body.studio-on .st-flyout-body .image-preview img, body.studio-on .st-flyout-body img{ max-width: 100%; height: auto; }

/* inspetor completo (painel “Posição e mais”) */

body.studio-on .st-props #visual-selected-name{ margin: 0 0 8px; padding: 8px 10px; border-radius: 8px; background: var(--st-bg); color: var(--st-accent); font-size: .78rem; word-break: break-all; }
body.studio-on .st-props details{ border: 1px solid var(--st-line) !important; border-radius: 10px !important; background: var(--st-bg) !important; margin: 8px 0 !important; padding: 0 12px !important; }
body.studio-on .st-props details > summary{ padding: 11px 0 !important; color: var(--st-text) !important; font: 700 .82rem/1.2 inherit !important; cursor: pointer; text-transform: none !important; letter-spacing: 0 !important; }
body.studio-on .st-props details[open] > summary{ border-bottom: 1px solid var(--st-line); margin-bottom: 6px; }
body.studio-on .st-props .visual-align-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
body.studio-on .st-props .visual-dimension-row{ display: grid; grid-template-columns: 1fr 78px; gap: 8px; }
body.studio-on .st-props .layer-actions, body.studio-on .st-props .visual-align-distribute{ display: grid; gap: 6px; margin: 8px 0; }
body.studio-on .st-props #visual-layer-list{ max-height: 220px; overflow: auto; }

/* ---- navegação lateral do painel: item de entrada ---- */
.studio-nav-item{ border-color: rgba(192,146,77,.55) !important; }
.studio-nav-item .nav-item-label{ font-weight: 800; }

/* ---- celular e tablet estreito ---- */
@media (max-width: 900px) {
  body.studio-on{ --st-top: 52px; --st-ctx: 52px; --st-bar: 62px; }
  body.studio-on .st-title, body.studio-on .st-link span, body.studio-on .st-chip-text, body.studio-on .st-exit span, body.studio-on .st-zoom, body.studio-on .st-seg{ display: none; }
  body.studio-on .st-chip{ padding: 0 10px; }
  body.studio-on .st-ctx{ padding-left: 12px; }
body.studio-on .st-rail{ top: auto; bottom: 0; left: 0; right: 0; width: auto; height: var(--st-bar); flex-direction: row; padding: 6px 8px; border-right: 0; border-top: 1px solid var(--st-line); overflow-x: auto; overflow-y: hidden; }
  .st-rail-btn{ flex: 0 0 auto; min-width: 66px; padding: 6px 4px; }
  body.studio-on .st-flyout, body.studio-on .st-props{ top: auto; left: 0; right: 0; bottom: var(--st-bar); width: auto; height: 52vh; border: 0; border-top: 1px solid var(--st-line); border-radius: 16px 16px 0 0; box-shadow: 0 -12px 30px rgba(0,0,0,.45); z-index: 40; }
  body.studio-on .unified-site-editor{ left: 0 !important; right: 0 !important; bottom: var(--st-bar); padding: 8px !important; }
  body.studio-on.studio-flyout .unified-site-editor, body.studio-on.studio-props .unified-site-editor{ bottom: calc(var(--st-bar) + 52vh); }
  body.studio-on .st-canvas-note{ display: none; }
  body.studio-on .st-save span{ display: none; }
  body.studio-on .st-save{ padding: 0 12px; }
}
@media (prefers-reduced-motion: reduce) { body.studio-on .unified-site-editor{ transition: none; } .st-chip-dot{ animation: none !important; } }
.studio-nav-wrap{ padding: 0 0 10px; margin-bottom: 6px; border-bottom: 1px solid var(--shell-line, rgba(255,255,255,.1)); }
.studio-nav-wrap .admin-nav-item{ width: 100%; }
@media (max-width: 900px) { .studio-nav-wrap{ padding: 0; margin: 0 0 8px; border: 0; } }

/* campos da barra contextual: texto sempre legível sobre o fundo escuro */
body.studio-on .studio .st-in-toolbar, body.studio-on .studio .st-in-toolbar option, body.studio-on .studio .st-zoom{ color: var(--st-text) !important; -webkit-text-fill-color: var(--st-text) !important; background-color: var(--st-panel) !important; opacity: 1 !important; font-size: .8rem !important; }
body.studio-on .studio input[type="color"].st-in-toolbar{ padding: 2px !important; background: var(--st-panel) !important; }
body.studio-on .studio .st-in-toolbar:disabled{ opacity: .5 !important; }

/* correções de legibilidade nos painéis reaproveitados */
body.studio-on .st-flyout-body input, body.studio-on .st-flyout-body select, body.studio-on .st-flyout-body textarea, body.studio-on .st-props input, body.studio-on .st-props select, body.studio-on .st-props textarea{ color: var(--st-text) !important; -webkit-text-fill-color: var(--st-text) !important; opacity: 1 !important; }
body.studio-on .st-flyout-body input::placeholder, body.studio-on .st-flyout-body textarea::placeholder, body.studio-on .st-props input::placeholder, body.studio-on .st-props textarea::placeholder{ color: #6f858b !important; -webkit-text-fill-color: #6f858b !important; opacity: 1; }
body.studio-on .st-flyout-body input:disabled, body.studio-on .st-props input:disabled, body.studio-on .st-props select:disabled{ opacity: .55 !important; }
body.studio-on .st-props details > summary, body.studio-on .st-flyout-body details > summary{ background: transparent !important; color: var(--st-text) !important; -webkit-text-fill-color: var(--st-text) !important; border: 0 !important; box-shadow: none !important; }
body.studio-on .st-flyout-body details{ border: 1px solid var(--st-line) !important; border-radius: 10px !important; background: var(--st-bg) !important; padding: 0 12px !important; margin: 8px 0 !important; }
body.studio-on .st-props .visual-color-controls, body.studio-on .st-props .rgb-editor, body.studio-on .st-props .visual-inline-accent{ border: 0 !important; background: transparent !important; padding: 0 !important; box-shadow: none !important; margin: 8px 0 !important; }
body.studio-on .st-props .rgb-editor strong{ display: block; margin: 4px 0; font-size: .8rem; }
body.studio-on .st-props .rgb-fields{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }

body.studio-on .st-canvas-note{ display: none !important; }
body.studio-on .st-slot-radius input, body.studio-on .st-slot-opacity input{ width: 74px; }

/* v18.6: aviso permanente quando o painel é aberto em host de pré-visualização. */
.preview-safe-mode-banner{ position: relative; z-index: 50; margin: 10px 14px; padding: 10px 14px; border: 1px solid #c0924d; border-radius: 10px; background: #fff1ce; color: #3c2a0c; font: 700 .82rem/1.45 system-ui, sans-serif; }

/* v20.0 — acesso direto à loja sempre disponível no editor visual. */

.studio .st-store-link{ border: 1px solid rgba(192,146,77,.52); background: rgba(192,146,77,.09); color: var(--st-text); white-space: nowrap; }
.studio .st-store-link svg{ width: 17px; height: 17px; color: var(--st-accent); }
.studio .st-store-link:hover{ border-color: var(--st-accent); background: rgba(192,146,77,.18); }
@media (max-width: 760px) { body.studio-on .st-store-link{ padding: 0 9px; border-color: rgba(192,146,77,.65); } }

/* v20.1 — ação da loja sempre visível na barra do editor. */
.studio .st-top{ min-width: 0; }
.studio .st-title{ flex-shrink: 0; }
.studio .st-store-link{ display: inline-flex !important; align-items: center; gap: 7px; flex: 0 0 auto; border: 1px solid rgba(192,146,77,.75); background: rgba(192,146,77,.12); color: var(--st-text); white-space: nowrap; }
.studio .st-store-link span{ display: inline !important; }
@media (max-width: 1100px) { .studio .st-store-link span{ display: none !important; } .studio .st-store-link{ width: 38px; min-width: 38px; justify-content: center; padding: 0; } }


/* v22.22 — reduzir duplicação entre Estilo global e barra contextual. */
body.studio-on .st-global-style-hint{ margin: 0 0 12px !important; padding: 10px 12px !important; border: 1px solid var(--st-line) !important; border-radius: 9px !important; background: rgba(192,146,77,.08) !important; color: var(--st-muted) !important; font-size: .78rem !important; line-height: 1.5 !important; }
body.studio-on #editor-appearance-design .unified-extracted-settings > .panel-heading{ display: none !important; }


/* v22.28 — retirar da lateral os controles que já existem na barra contextual superior.
   Os elementos permanecem no DOM para que os handlers legados e a sincronização de estado
   continuem funcionando; apenas a UI duplicada é removida do inspetor. */

body.studio-on .st-props-hint{ margin: 0 0 10px; padding: 9px 10px; border: 1px solid var(--st-line); border-radius: 8px; color: var(--st-muted); font-size: .73rem; line-height: 1.45; }
body.studio-on .st-tools .st-kind-text{ gap: 6px; }
body.studio-on .st-tools .st-kind-text .st-btn[data-align="justify"]{ min-width: 34px; }


/* v22.29 — uma única fonte de ferramentas durante a edição contextual.
   A barra antiga do shell continua disponível fora do Estúdio, mas não deve competir
   com a barra contextual e a barra lateral do editor visual. */


/* Botão de rascunho com contraste próprio: não depender dos estilos genéricos do painel. */
body.studio-on .studio .st-draft-save{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  flex: 0 0 auto;
  min-width: 0;
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid #49616a;
  border-radius: 10px;
  background: #1a3038;
  color: #eee6d3;
  font: 700 .8rem/1.1 system-ui, sans-serif;
  white-space: nowrap;
  cursor: pointer;
}
body.studio-on .studio .st-draft-save svg{ width: 17px; height: 17px; flex: 0 0 auto; }
body.studio-on .studio .st-draft-save:hover:not(:disabled){ border-color: #c0924d; background: #223b44; }
body.studio-on .studio .st-draft-save:focus-visible{ outline: 2px solid #c0924d; outline-offset: 2px; }
body.studio-on .studio .st-draft-save:disabled{ opacity: .55; cursor: wait; }

/* A barra superior não sobrepõe rótulos em larguras intermediárias: ela rola horizontalmente
   em vez de comprimir os botões ou colocar texto sobre texto. */
body.studio-on .studio .st-top{
  gap: 8px;
  justify-content: flex-start;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
}
body.studio-on .studio .st-top::-webkit-scrollbar{ display: none; }
body.studio-on .studio .st-top > *{ flex-shrink: 0; }
body.studio-on .studio .st-title{ max-width: 180px; }
body.studio-on .studio .st-title small{ max-width: 180px; }
body.studio-on .studio .st-spacer{ flex: 1 0 8px; min-width: 8px; }
body.studio-on .studio .st-chip{ max-width: 180px; flex: 0 1 180px; }
body.studio-on .studio .st-chip-text{ min-width: 0; }

/* A barra contextual permanece em uma única linha, com rolagem horizontal acessível. */
body.studio-on .studio .st-ctx{ gap: 10px; overscroll-behavior-x: contain; }
body.studio-on .studio .st-hint{ flex: 0 0 auto; }
body.studio-on .studio .st-tools{ flex: 0 0 auto; }

@media (min-width: 901px) and (max-width: 1180px) {
  body.studio-on .studio .st-title{ max-width: 125px; }
  body.studio-on .studio .st-title small{ display: none; }
  body.studio-on .studio .st-chip{ max-width: 140px; flex-basis: 140px; }
  body.studio-on .studio .st-link{ padding-inline: 7px; }
  body.studio-on .studio .st-draft-save{ padding-inline: 9px; }
}
@media (max-width: 900px) {
  body.studio-on .studio .st-top{ gap: 6px; padding-inline: 8px; }
  body.studio-on .studio .st-draft-save{ width: 38px; padding: 0; }
  body.studio-on .studio .st-draft-save span{ display: none; }
  body.studio-on .studio .st-chip{ flex: 0 0 auto; max-width: 42px; }
  body.studio-on .studio .st-spacer{ flex: 1 0 2px; min-width: 2px; }
}


/* v22.31 — painel enxuto: uma única entrada para ações rápidas e ajustes avançados.
   Os nós legados permanecem fora da vista para preservar IDs e handlers existentes. */

body.studio-on .st-props-hint{ margin: 0 0 8px; padding: 8px 10px; font-size: .72rem; line-height: 1.4; }
body.studio-on .st-tools .st-pos{ white-space: nowrap; }
body.studio-on .st-rail-btn{ min-height: 54px; }


/* Ferramentas opcionais de inserção, recolhidas para manter a navegação enxuta. */
body.studio-on .st-add-tools{ margin: 0 0 14px; border: 1px solid var(--st-line); border-radius: 10px; background: var(--st-panel-2); overflow: hidden; }
body.studio-on .st-add-tools > summary{ padding: 11px 12px; color: var(--st-text); font-size: .8rem; font-weight: 700; cursor: pointer; }
body.studio-on .st-add-tools-content{ padding: 0 12px 10px; }
body.studio-on .st-add-tools-content > .panel{ margin: 0 0 12px !important; }
body.studio-on .st-add-tools-content > .panel:last-child{ margin-bottom: 0 !important; }


/* Consolidated from the previous Studio style modules in their original cascade order. */

/* v22.24 — refinamento do editor visual único */
body.studio-on{ --st-bg:#0b171c; --st-panel:#11232b; --st-panel-2:#1a3038; --st-line:#2b454e; --st-text:#eee6d3; --st-muted:#a8b8ba; --st-accent:#c0924d; --st-accent-ink:#172126; }
body.studio-on .st-top{ background:#0e2027 !important; border-bottom-color:#29414a !important; box-shadow:0 4px 18px rgba(0,0,0,.12); }
body.studio-on .st-ctx{ background:#132830 !important; border-bottom-color:#29414a !important; }
body.studio-on .st-rail{ background:#0e2027 !important; border-right-color:#29414a !important; }
body.studio-on .st-flyout, body.studio-on .st-props{ background:#10232a !important; border-color:#29414a !important; box-shadow:12px 0 36px rgba(0,0,0,.2); }
body.studio-on .st-flyout-head{ background:#10232a !important; border-bottom-color:#29414a !important; }
body.studio-on .st-rail-btn{ min-height:58px; border-radius:10px; }
body.studio-on .st-rail-btn.active, body.studio-on .st-rail-btn[aria-pressed="true"]{ background:rgba(192,146,77,.16) !important; border-color:rgba(192,146,77,.65) !important; color:#e5c38a !important; }
body.studio-on .st-flyout-body{ padding:16px !important; }
body.studio-on .st-flyout-body .settings-tabs{ position:sticky; top:0; z-index:2; padding:6px 0 10px !important; background:#10232a !important; }
body.studio-on .st-flyout-body .setting-field:has(#site-hero-eyebrow-color), body.studio-on .st-flyout-body .setting-field:has(#site-header-signature-color), body.studio-on .st-flyout-body .setting-field:has(#site-header-subtitle-color), body.studio-on .st-flyout-body .setting-field:has(#site-footer-text-color), body.studio-on .st-flyout-body .setting-field:has(#site-footer-link-color), body.studio-on .st-flyout-body .setting-field:has(#site-footer-heading-color){ display:none !important; }
/* As cores específicas são editadas na barra contextual. Não duplicar no painel de conteúdo. */
body.studio-on .st-flyout-body .site-settings-panel .setting-field:has(input[type="color"]){ display:none !important; }
body.studio-on .st-flyout-body .site-settings-panel .setting-field:has(input[type="color"]) + .setting-field{ margin-top:8px; }
body.studio-on .st-flyout-body .site-settings-panel .setting-field:has(input[type="color"]) input[type="color"]{ display:none !important; }
body.studio-on .st-color-pair{ display:flex; align-items:center; gap:6px; padding:0 6px; border-left:1px solid var(--st-line); }
body.studio-on .st-color-pair .st-mini{ font-size:.68rem; color:var(--st-muted); }

body.studio-on .st-canvas-note{ background:rgba(14,32,39,.94) !important; border:1px solid #29414a; color:#d9e2df !important; }
body.studio-on .unified-editor-preview .visual-editor-frame-wrap{ background:#eee6d3 !important; }
@media (min-width:901px) {
  body.studio-on .st-flyout{ width:var(--st-fly) !important; }
  body.studio-on .st-props{ width:var(--st-props) !important; }
  body.studio-on .st-flyout-body{ overscroll-behavior:contain; }
}
@media (max-width:900px) {
  body.studio-on .st-rail-btn{ min-height:48px; }
  body.studio-on .st-flyout, body.studio-on .st-props{ background:#10232a !important; }
  body.studio-on .st-ctx{ gap:8px; }
}

/* v22.25 — espaço de trabalho minimalista, seis categorias e prévia prioritária */
body.studio-on{ --st-top:54px; --st-ctx:48px; --st-rail:66px; --st-fly:300px; --st-props:286px; }
body.studio-on .st-top{ gap:10px; padding-inline:16px; background:#10242b !important; }
body.studio-on .st-title strong{ font-size:.88rem; letter-spacing:.045em; }
body.studio-on .st-title small{ font-size:.68rem; }
body.studio-on .st-ctx{ padding-right:12px; gap:10px; background:#142a32 !important; }


body.studio-on .st-hint{ font-size:.76rem; }
body.studio-on .st-rail{ padding:12px 5px; gap:5px; }
body.studio-on .st-rail-btn{ min-height:56px; padding:8px 2px; gap:4px; font-size:.65rem; border:1px solid transparent; }
body.studio-on .st-rail-btn svg{ width:20px; height:20px; }
body.studio-on .st-rail-btn.active{ background:rgba(192,146,77,.13) !important; border-color:rgba(192,146,77,.38) !important; }
body.studio-on .unified-site-editor{ padding:16px !important; }
body.studio-on .unified-editor-preview .visual-editor-frame-wrap{ border:1px solid #314850 !important; border-radius:10px !important; background:#eee6d3 !important; box-shadow:0 14px 38px rgba(0,0,0,.28) !important; }
body.studio-on .st-flyout, body.studio-on .st-props{ background:#10232a !important; box-shadow:0 12px 40px rgba(0,0,0,.22); }
body.studio-on .st-flyout-head{ min-height:52px; padding:12px 16px; }
body.studio-on .st-flyout-body{ padding:14px 16px 30px !important; }
body.studio-on .st-flyout-body .settings-tabs{ display:flex !important; flex-wrap:wrap; gap:6px; }
body.studio-on .st-flyout-body .settings-tab{ flex:1 1 105px; }
body.studio-on .st-props{ border-left-color:#29414a !important; }
body.studio-on .st-canvas-note{ left:calc(var(--st-rail) + 24px); }
body.studio-on.studio-flyout .st-canvas-note{ left:calc(var(--st-rail) + var(--st-fly) + 24px); }
/* Only show the contextual inspector after an element is selected or requested. */
body.studio-on:not(.studio-props) .st-props{ display:none !important; }
@media (min-width:1250px) {
  body.studio-on{ --st-rail:66px; --st-fly:292px; --st-props:280px; }
  body.studio-on .unified-site-editor{ padding:18px 20px !important; }
}
@media (max-width:900px) {
  body.studio-on{ --st-rail:62px; --st-fly:300px; --st-props:300px; }
  body.studio-on .st-rail-btn{ min-width:62px; min-height:48px; }
  body.studio-on .st-ctx{ gap:8px; }
  
  
}

/* v22.25 — espaço de trabalho minimalista, seis categorias e prévia prioritária */
body.studio-on{ --st-top:54px; --st-ctx:48px; --st-rail:66px; --st-fly:300px; --st-props:286px; }
body.studio-on .st-top{ gap:10px; padding-inline:16px; background:#10242b !important; }
body.studio-on .st-title strong{ font-size:.88rem; letter-spacing:.045em; }
body.studio-on .st-title small{ font-size:.68rem; }
body.studio-on .st-ctx{ padding-right:12px; gap:10px; background:#142a32 !important; }


body.studio-on .st-hint{ font-size:.76rem; }
body.studio-on .st-rail{ padding:12px 5px; gap:5px; }
body.studio-on .st-rail-btn{ min-height:56px; padding:8px 2px; gap:4px; font-size:.65rem; border:1px solid transparent; }
body.studio-on .st-rail-btn svg{ width:20px; height:20px; }
body.studio-on .st-rail-btn.active{ background:rgba(192,146,77,.13) !important; border-color:rgba(192,146,77,.38) !important; }
body.studio-on .unified-site-editor{ padding:16px !important; }
body.studio-on .unified-editor-preview .visual-editor-frame-wrap{ border:1px solid #314850 !important; border-radius:10px !important; background:#eee6d3 !important; box-shadow:0 14px 38px rgba(0,0,0,.28) !important; }
body.studio-on .st-flyout, body.studio-on .st-props{ background:#10232a !important; box-shadow:0 12px 40px rgba(0,0,0,.22); }
body.studio-on .st-flyout-head{ min-height:52px; padding:12px 16px; }
body.studio-on .st-flyout-body{ padding:14px 16px 30px !important; }
body.studio-on .st-flyout-body .settings-tabs{ display:flex !important; flex-wrap:wrap; gap:6px; }
body.studio-on .st-flyout-body .settings-tab{ flex:1 1 105px; }
body.studio-on .st-props{ border-left-color:#29414a !important; }
body.studio-on .st-canvas-note{ left:calc(var(--st-rail) + 24px); }
body.studio-on.studio-flyout .st-canvas-note{ left:calc(var(--st-rail) + var(--st-fly) + 24px); }
body.studio-on:not(.studio-props) .st-props{ display:none !important; }
@media (min-width:1250px) {
  body.studio-on{ --st-rail:66px; --st-fly:292px; --st-props:280px; }
  body.studio-on .unified-site-editor{ padding:18px 20px !important; }
}
@media (max-width:900px) {
  body.studio-on{ --st-rail:62px; --st-fly:300px; --st-props:300px; }
  body.studio-on .st-rail-btn{ min-width:62px; min-height:48px; }
  body.studio-on .st-ctx{ gap:8px; }
  
  
}


/* Consolidated from the previous Studio style modules in their original cascade order. */

/* v22.32 — Direção minimalista para o Estúdio visual.
   Camada visual exclusiva: não altera handlers, IDs ou persistência. */
body.studio-on{
  --st-bg: #111719;
  --st-panel: #171f21;
  --st-panel-2: #202a2c;
  --st-line: rgba(238, 230, 211, .11);
  --st-text: #eee6d3;
  --st-muted: #9aa8a5;
  --st-accent: #c0924d;
  --st-accent-ink: #151816;
  --st-danger: #e0735a;
  --st-top: 54px;
  --st-ctx: 46px;
  --st-rail: 60px;
  --st-fly: 276px;
  --st-props: 272px;
  background: var(--st-bg) !important;
  color: var(--st-text);
}

/* Workspace sem molduras pesadas: a prévia é o foco. */
body.studio-on .st-top{
  height: var(--st-top);
  gap: 8px;
  padding: 0 14px;
  background: #121a1c !important;
  border-bottom: 1px solid var(--st-line) !important;
  box-shadow: none !important;
}
body.studio-on .st-title strong{ font-size: .86rem; font-weight: 650; letter-spacing: .015em; }
body.studio-on .st-title small{ margin-top: 3px; color: var(--st-muted); font-size: .66rem; }
body.studio-on .st-exit, body.studio-on .st-link{
  border: 0;
  border-radius: 7px;
  color: #d5d9d1;
  background: transparent;
  font-weight: 550;
}
body.studio-on .st-exit:hover, body.studio-on .st-link:hover{ background: rgba(238,230,211,.06); }
body.studio-on .st-store-link{ border: 1px solid rgba(192,146,77,.4) !important; background: rgba(192,146,77,.07) !important; }
body.studio-on .st-store-link:hover{ background: rgba(192,146,77,.13) !important; }
body.studio-on .st-save{
  min-height: 36px;
  height: 36px;
  padding: 0 14px;
  border-radius: 7px;
  background: var(--st-accent);
  font-size: .78rem;
  font-weight: 700;
  box-shadow: none;
}
body.studio-on .st-draft-save{
  height: 34px;
  min-height: 34px;
  padding: 0 10px;
  border: 1px solid var(--st-line);
  border-radius: 7px;
  background: transparent;
  color: var(--st-text);
  font-weight: 600;
}
body.studio-on .st-draft-save:hover:not(:disabled){ background: rgba(238,230,211,.06); border-color: rgba(238,230,211,.23); }
body.studio-on .st-chip{ height: 28px; padding: 0 9px; border: 0; background: transparent; font-size: .71rem; }
body.studio-on .st-chip-dot{ width: 6px; height: 6px; }
body.studio-on .st-seg{ gap: 1px; padding: 2px; border: 0; border-radius: 7px; background: rgba(238,230,211,.055); }
body.studio-on .st-seg .st-btn{ height: 29px; width: 31px; border-radius: 5px; }
body.studio-on .st-zoom, body.studio-on select.st-in-toolbar, body.studio-on .st-slot input, body.studio-on .st-slot select{ border-radius: 6px; border-color: var(--st-line); background: #182123; }

/* Barra contextual: grupos discretos e uma linha rolável, sem caixinhas por controle. */
body.studio-on .st-ctx{
  top: var(--st-top);
  height: var(--st-ctx);
  padding: 0 12px 0 calc(var(--st-rail) + 10px);
  gap: 9px;
  background: #171f21 !important;
  border-bottom: 1px solid var(--st-line) !important;
}
body.studio-on .st-hint{ font-size: .74rem; color: #a7b0aa; }
body.studio-on .st-tools{ gap: 6px; }
body.studio-on .st-tools > .st-group + .st-group, body.studio-on .st-tools > .st-pos{ padding-left: 8px; border-left: 1px solid var(--st-line); }
body.studio-on .st-btn{ border-radius: 6px; }
body.studio-on .st-btn.active{ color: var(--st-accent); background: rgba(192,146,77,.13); }
body.studio-on .st-textbtn{
  height: 31px;
  padding: 0 9px;
  border: 1px solid var(--st-line);
  border-radius: 6px;
  background: transparent;
  font-size: .74rem;
}
body.studio-on .st-textbtn:hover:not(:disabled){ background: rgba(238,230,211,.055); border-color: rgba(238,230,211,.23); }
body.studio-on .st-color-pair{ gap: 5px; padding: 0 4px; border-color: var(--st-line); }
body.studio-on .st-color-pair .st-mini, body.studio-on .st-mini{ font-size: .61rem; letter-spacing: .045em; }
body.studio-on .st-slot-color input[type="color"]{ width: 25px; min-width: 25px; height: 24px; border-radius: 5px; }
body.studio-on .st-slot-family select{ width: 128px; }
body.studio-on .st-slot-fit select{ width: 106px; }
body.studio-on .st-slot-size input{ width: 54px; }
body.studio-on .st-slot-radius input, body.studio-on .st-slot-opacity input{ width: 54px; }

/* Navegação de ícones: plana, compacta e sem cartões destacados. */
body.studio-on .st-rail{
  top: calc(var(--st-top) + var(--st-ctx));
  width: var(--st-rail);
  gap: 3px;
  padding: 10px 5px;
  background: #121a1c !important;
  border-right: 1px solid var(--st-line) !important;
}
body.studio-on .st-rail-btn{
  position: relative;
  min-width: 0;
  min-height: 51px;
  padding: 7px 2px;
  gap: 5px;
  border: 0 !important;
  border-radius: 7px;
  background: transparent !important;
  color: #929f9c;
  font-size: .61rem;
  font-weight: 550;
}
body.studio-on .st-rail-btn svg{ width: 19px; height: 19px; }
body.studio-on .st-rail-btn:hover{ color: var(--st-text); background: rgba(238,230,211,.055) !important; }
body.studio-on .st-rail-btn.active, body.studio-on .st-rail-btn[aria-pressed="true"]{
  color: #e3bd7e !important;
  background: rgba(192,146,77,.10) !important;
  border-color: transparent !important;
}
body.studio-on .st-rail-btn.active::before, body.studio-on .st-rail-btn[aria-pressed="true"]::before{
  content: "";
  position: absolute;
  left: -5px;
  top: 10px;
  bottom: 10px;
  width: 2px;
  border-radius: 2px;
  background: var(--st-accent);
}

/* Painéis laterais: um separador exterior, sem caixas dentro de caixas. */
body.studio-on .st-flyout, body.studio-on .st-props{
  top: calc(var(--st-top) + var(--st-ctx));
  background: #f1f4f0 !important;
  border-color: var(--st-line) !important;
  box-shadow: none !important;
}
body.studio-on .st-flyout{ width: var(--st-fly) !important; }
body.studio-on .st-props{ width: var(--st-props) !important; }
body.studio-on .st-flyout-head{
  min-height: 49px;
  padding: 0 13px 0 16px;
  background: transparent !important;
  border-bottom: 1px solid var(--st-line) !important;
}
body.studio-on .st-flyout-head h2{ font-size: .86rem; font-weight: 650; letter-spacing: 0; }
body.studio-on .st-flyout-body{ padding: 12px 14px 28px !important; }
body.studio-on .st-props-hint{ padding: 0 0 10px; border: 0; border-bottom: 1px solid var(--st-line); border-radius: 0; color: var(--st-muted); font-size: .7rem; }

/* Campos mais baixos e consistentes; labels sem caixa alta nem decoração. */
body.studio-on .st-flyout-body label, body.studio-on .st-props label{
  margin: 10px 0 4px;
  color: #a7b2ad !important;
  font-size: .72rem !important;
  font-weight: 500;
}
body.studio-on .st-flyout-body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), body.studio-on .st-flyout-body select, body.studio-on .st-flyout-body textarea, body.studio-on .st-props input:not([type="checkbox"]):not([type="color"]), body.studio-on .st-props select, body.studio-on .st-props textarea{
  min-height: 34px;
  padding: 7px 9px !important;
  border: 1px solid rgba(238,230,211,.12) !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  color: var(--st-text) !important;
  box-shadow: none !important;
  font-size: .79rem !important;
}
body.studio-on .st-flyout-body input:focus, body.studio-on .st-flyout-body select:focus, body.studio-on .st-flyout-body textarea:focus, body.studio-on .st-props input:focus, body.studio-on .st-props select:focus, body.studio-on .st-props textarea:focus{ border-color: rgba(192,146,77,.72) !important; outline: 2px solid rgba(192,146,77,.12); outline-offset: 0; }
body.studio-on .st-flyout-body .setting-field, body.studio-on .st-flyout-body fieldset{ margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
body.studio-on .st-flyout-body h3{ margin: 18px 0 7px !important; font-size: .79rem !important; font-weight: 650; }
body.studio-on .st-flyout-body .settings-tabs{
  position: sticky;
  top: -12px;
  z-index: 3;
  display: flex !important;
  flex-wrap: nowrap;
  gap: 4px;
  margin: -12px -14px 14px !important;
  padding: 8px 12px 0 !important;
  background: #f1f4f0 !important;
  border-bottom: 1px solid var(--st-line) !important;
}
body.studio-on .st-flyout-body .settings-tab{
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  min-height: 34px;
  padding: 7px 6px 9px !important;
  border: 0 !important;
  border-radius: 5px 5px 0 0 !important;
  background: transparent !important;
  color: var(--st-muted) !important;
  font-size: .73rem !important;
  font-weight: 550 !important;
}
body.studio-on .st-flyout-body .settings-tab:hover{ color: var(--st-text) !important; background: rgba(238,230,211,.035) !important; }
body.studio-on .st-flyout-body .settings-tab.active{ color: #e5c38a !important; }
body.studio-on .st-flyout-body .settings-tab.active::after{
  content: "";
  position: absolute;
  left: 9px; right: 9px; bottom: -1px;
  height: 2px;
  border-radius: 2px 2px 0 0;
  background: var(--st-accent);
}
body.studio-on .st-flyout-body .settings-tab-panel{ padding: 0 !important; border: 0 !important; background: transparent !important; }
body.studio-on .st-flyout-body .settings-tab-panel[hidden]{ display: none !important; }

/* Inspetor: grupos expandidos com divisores, não cards escuros empilhados. */
body.studio-on .st-props details, body.studio-on .st-flyout-body details:not(.st-add-tools){
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--st-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
}
body.studio-on .st-props details > summary, body.studio-on .st-flyout-body details:not(.st-add-tools) > summary{
  min-height: 39px;
  padding: 11px 2px !important;
  color: var(--st-text) !important;
  font-size: .77rem !important;
  font-weight: 600 !important;
}
body.studio-on .st-props details[open] > summary{ margin: 0 0 8px !important; border-bottom: 0 !important; }
body.studio-on .st-props details > :not(summary){ margin-top: 4px; margin-bottom: 10px; }
body.studio-on .st-props .visual-align-grid{ gap: 4px; }
body.studio-on .st-props .visual-align-grid button, body.studio-on .st-props .layer-actions button, body.studio-on .st-props .visual-align-distribute button{
  min-height: 32px;
  border-radius: 6px !important;
  border: 1px solid var(--st-line) !important;
  background: transparent !important;
  color: var(--st-text) !important;
  font-size: .73rem;
}
body.studio-on .st-props .visual-align-grid button:hover, body.studio-on .st-props .layer-actions button:hover, body.studio-on .st-props .visual-align-distribute button:hover{ background: rgba(238,230,211,.055) !important; }
body.studio-on .st-props #visual-selected-name{
  padding: 2px 0 10px;
  border-radius: 0;
  border-bottom: 1px solid var(--st-line);
  background: transparent;
  color: #e5c38a;
  font-size: .75rem;
}
body.studio-on .st-props #visual-layer-list{ max-height: 280px; }

/* Inserção opcional fica discreta até ser solicitada. */
body.studio-on .st-add-tools{ margin: 14px 0 0; border: 1px solid var(--st-line); border-radius: 7px; background: transparent; }
body.studio-on .st-add-tools > summary{ padding: 10px 11px; font-size: .74rem; font-weight: 600; color: #d3d9d1; }
body.studio-on .st-add-tools[open] > summary{ border-bottom: 1px solid var(--st-line); }
body.studio-on .st-add-tools-content{ padding: 10px; }
body.studio-on .st-flyout-body button.primary, body.studio-on .st-props button.primary{
  min-height: 35px;
  padding: 8px 12px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: var(--st-accent) !important;
  color: var(--st-accent-ink) !important;
  box-shadow: none !important;
  font-size: .77rem !important;
  font-weight: 700 !important;
}
body.studio-on .st-flyout-body button.secondary, body.studio-on .st-props button.secondary{
  min-height: 33px;
  padding: 7px 10px !important;
  border: 1px solid var(--st-line) !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: var(--st-text) !important;
  font-size: .75rem !important;
}
body.studio-on .st-flyout-body button.secondary:hover, body.studio-on .st-props button.secondary:hover{ background: rgba(238,230,211,.055) !important; }
body.studio-on .st-flyout-body small, body.studio-on .st-flyout-body .status, body.studio-on .st-props small{ color: var(--st-muted) !important; font-size: .69rem !important; line-height: 1.45; }

/* A prévia mantém contraste e profundidade sem disputar atenção com a interface. */
body.studio-on .unified-site-editor{ padding: 13px !important; background: var(--st-bg) !important; }
body.studio-on .unified-editor-preview .visual-editor-frame-wrap{
  border: 1px solid rgba(238,230,211,.12) !important;
  border-radius: 7px !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.22) !important;
  overflow: hidden;
}
body.studio-on .st-canvas-note{ display: none !important; }
body.studio-on .st-btn:focus-visible, body.studio-on .st-rail-btn:focus-visible, body.studio-on .st-textbtn:focus-visible, body.studio-on .st-save:focus-visible, body.studio-on .st-exit:focus-visible{ outline: 2px solid var(--st-accent); outline-offset: 2px; }

@media (min-width: 1250px) {
  body.studio-on{ --st-rail: 60px; --st-fly: 276px; --st-props: 272px; }
}
@media (min-width: 901px) and (max-width: 1180px) {
  body.studio-on .st-title small{ display: none; }
  body.studio-on .st-draft-save span{ display: none; }
  body.studio-on .st-draft-save{ width: 34px; padding: 0; justify-content: center; }
  body.studio-on .st-store-link span{ display: none !important; }
  body.studio-on .st-store-link{ width: 36px; min-width: 36px; justify-content: center; padding: 0; }
}
@media (max-width: 900px) {
  body.studio-on{ --st-top: 52px; --st-ctx: 48px; --st-bar: 60px; --st-rail: 60px; --st-fly: 292px; --st-props: 292px; }
  body.studio-on .st-top{ gap: 5px; padding-inline: 8px; }
  body.studio-on .st-title, body.studio-on .st-link span, body.studio-on .st-chip-text, body.studio-on .st-exit span, body.studio-on .st-zoom, body.studio-on .st-seg{ display: none; }
  body.studio-on .st-save{ width: 36px; min-width: 36px; padding: 0; justify-content: center; }
  body.studio-on .st-save span{ display: none; }
  body.studio-on .st-chip{ max-width: 20px; padding: 0 4px; }
  body.studio-on .st-ctx{ padding: 0 8px; }
  body.studio-on .st-flyout, body.studio-on .st-props{ bottom: var(--st-bar); height: 52vh; width: auto !important; border-radius: 12px 12px 0 0; }
  /* v22.45 — a regra "Navegação de ícones" (sem media query) reposicionava o rail no topo e com 60px de largura
     no celular, por cima da prévia. Aqui o rail volta a ser a barra inferior de abas. */
  body.studio-on .st-rail{ top: auto; bottom: 0; left: 0; right: 0; width: auto; height: var(--st-bar); flex-direction: row; padding: 5px 7px; gap: 4px; background: #121a1c !important; border-right: 0 !important; border-top: 1px solid var(--st-line) !important; overflow-x: auto; overflow-y: hidden; padding-bottom: max(5px, env(safe-area-inset-bottom)); }
  body.studio-on .st-ctx .st-hint{ flex: 1 1 auto; min-width: 0; font-size: .68rem; line-height: 1.25; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; }
  body.studio-on .st-rail-btn{ flex: 1 1 0; min-width: 54px; min-height: 46px; padding: 5px 2px; font-size: .59rem; }
  body.studio-on .st-rail-btn.active::before, body.studio-on .st-rail-btn[aria-pressed="true"]::before{ left: 10px; right: 10px; top: auto; bottom: 0; width: auto; height: 2px; }
  body.studio-on .unified-site-editor{ padding: 7px !important; }
  body.studio-on.studio-flyout .unified-site-editor, body.studio-on.studio-props .unified-site-editor{ bottom: calc(var(--st-bar) + 52vh); }
}
@media (prefers-reduced-motion: reduce) {
  body.studio-on .unified-site-editor{ transition: none !important; }
}


/* v22.46 — aviso do tamanho de prévia */
.st-device-badge{ position: fixed; z-index: 27; top: calc(var(--st-top, 54px) + var(--st-ctx, 48px) + 10px); left: 50%; transform: translateX(-50%); display: flex; align-items: flex-start; gap: 8px; max-width: min(560px, calc(100vw - 24px)); padding: 8px 10px 8px 12px; border: 1px solid rgba(192,146,77,.55); border-radius: 10px; background: rgba(14,32,39,.96); color: #eee6d3; font-size: .74rem; line-height: 1.35; box-shadow: 0 6px 20px rgba(0,0,0,.35); }
.st-device-badge[hidden]{ display: none; }
.st-device-badge-close{ flex: 0 0 auto; width: 24px; height: 24px; border: 0; border-radius: 6px; background: transparent; color: inherit; font-size: 1.1rem; line-height: 1; cursor: pointer; }
.st-device-badge-close:hover{ background: rgba(255,255,255,.1); }
body:not(.studio-on) .st-device-badge{ display: none; }
@media (max-width: 900px){ .st-device-badge{ top: calc(var(--st-top, 52px) + var(--st-ctx, 48px) + 6px); } }

/* v22.46 — cartões do editor (diagnóstico, biblioteca, histórico) escuros dentro do painel lateral:
   antes ficavam brancos com título e botões claros, quase ilegíveis. */
body.studio-on .st-flyout-body .editor-pro-card{ background: var(--st-panel-2) !important; border-color: var(--st-line) !important; color: var(--st-text) !important; }
body.studio-on .st-flyout-body .editor-pro-card p, body.studio-on .st-flyout-body .editor-pro-card small{ color: var(--st-muted) !important; }
body.studio-on .st-flyout-body .editor-pro-card button.secondary{ background: transparent !important; color: var(--st-text) !important; border: 1px solid var(--st-line) !important; }
body.studio-on .st-flyout-body .editor-pro-card button.secondary:hover:not(:disabled){ border-color: var(--st-accent) !important; }
body.studio-on .st-flyout-body .editor-pro-card button:disabled{ opacity: .55; }
.st-device-badge{ z-index: 45 !important; }

/* v22.48 — menu do painel no celular: admin-v16.6.css (carregado depois do admin-shell.css) forçava uma faixa rolável em que cada
   item ocupava a largura inteira, então só "Início" aparecia e as outras 7 áreas ficavam escondidas. Restaura a grade de 3 colunas. */
@media (max-width: 720px) {
  body.admin-shell-ready .admin-nav{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: visible; flex-wrap: initial; padding: 0; gap: 5px; }
  body.admin-shell-ready .admin-nav-item{ width: 100%; min-width: 0; flex: initial; }
  body.admin-shell-ready .admin-nav-item .nav-item-description{ display: none; }
}
@media (max-width: 350px) {
  body.admin-shell-ready .admin-nav{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* v22.59 — abas do painel Conteúdo: não sobrepor; rolam na horizontal quando faltar espaço. */
body.studio-on .st-flyout-body .settings-tabs{ overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; flex-wrap: nowrap !important; }
body.studio-on .st-flyout-body .settings-tab{ flex: 0 0 auto !important; white-space: nowrap; padding-left: 12px !important; padding-right: 12px !important; }

/* v22.62 — diagnóstico de saúde do portfólio (somente leitura). */
.admin-diagnostics{ margin: 18px 0 24px; padding: 20px; border: 1px solid rgba(192,146,77,.28); border-radius: 16px; background: linear-gradient(145deg,rgba(14,45,58,.96),rgba(14,32,39,.96)); color: #eee6d3; }
.admin-diagnostics-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.admin-diagnostics-head h2{ margin:3px 0 6px; color:inherit; font-size:1.25rem; }
.admin-diagnostics-description{ max-width:650px; margin:0; color:rgba(238,230,211,.72); font-size:.88rem; }
.admin-diagnostics-summary{ margin:16px 0 10px; font-weight:700; font-size:.9rem; }
.admin-diagnostics-list{ display:grid; gap:8px; margin:0; padding:0; list-style:none; }
.admin-diagnostic-item{ display:grid; gap:3px; padding:10px 12px; border:1px solid rgba(238,230,211,.12); border-left:3px solid #627a7e; border-radius:9px; background:rgba(255,255,255,.035); }
.admin-diagnostic-item.is-warning{ border-left-color:#c0924d; }
.admin-diagnostic-item.is-error{ border-left-color:#c66b5a; }
.admin-diagnostic-item strong{ font-size:.84rem; }
.admin-diagnostic-item span{ color:rgba(238,230,211,.72); font-size:.78rem; overflow-wrap:anywhere; }
@media(max-width:640px){ .admin-diagnostics{ padding:15px; } .admin-diagnostics-head{ flex-direction:column; } .admin-diagnostics-head button{ width:100%; } }
@media(prefers-reduced-motion:reduce){ .admin-diagnostics *{ scroll-behavior:auto!important; transition:none!important; animation:none!important; } }


/* v22.70 — interface de edição em faixa superior, inspirada no fluxo de trabalho do Photoshop.
   Nenhuma ferramenta principal ocupa uma coluna lateral permanente. */
body.studio-on{--st-rail:52px;--st-fly:0px;--st-props:0px;--st-nav:50px}
body.studio-on .st-ctx{padding-left:14px!important}
body.studio-on .st-rail{position:fixed!important;z-index:31!important;top:calc(var(--st-top) + var(--st-ctx))!important;left:0!important;right:0!important;bottom:auto!important;width:auto!important;height:var(--st-nav)!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:7px!important;padding:5px 14px!important;overflow-x:auto!important;overflow-y:hidden!important;border-right:0!important;border-bottom:1px solid var(--st-line)!important;background:#0e1e25!important}
body.studio-on .st-rail-btn{flex:0 0 auto!important;min-width:104px!important;height:38px!important;display:flex!important;flex-direction:row!important;justify-content:center!important;gap:8px!important;padding:7px 12px!important;border:1px solid transparent!important;border-radius:9px!important;font-size:.76rem!important;white-space:nowrap!important}
body.studio-on .st-rail-btn svg{width:17px!important;height:17px!important}
body.studio-on .st-rail-btn.active{border-color:rgba(192,146,77,.55)!important;background:rgba(192,146,77,.16)!important}
body.studio-on .unified-site-editor,body.studio-on.studio-flyout .unified-site-editor,body.studio-on.studio-props .unified-site-editor{top:calc(var(--st-top) + var(--st-ctx) + var(--st-nav))!important;left:0!important;right:0!important;bottom:0!important;padding:12px 14px!important}
body.studio-on .st-flyout,body.studio-on .st-props{position:fixed!important;z-index:35!important;top:calc(var(--st-top) + var(--st-ctx) + var(--st-nav))!important;left:0!important;right:0!important;bottom:auto!important;width:100%!important;max-height:min(44vh,470px)!important;height:auto!important;display:none;flex-direction:column!important;border:0!important;border-bottom:1px solid var(--st-line)!important;border-radius:0 0 14px 14px!important;box-shadow:0 18px 42px rgba(0,0,0,.48)!important;overflow:hidden!important}
body.studio-on.studio-flyout .st-flyout,body.studio-on.studio-props .st-props{display:flex!important}
body.studio-on .st-flyout-body,body.studio-on .st-props .st-flyout-body{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;align-content:start!important;gap:10px!important;overflow:auto!important;padding:12px 16px 18px!important;max-height:calc(min(44vh,470px) - 48px)!important}
body.studio-on .st-flyout-head{flex:0 0 auto!important;min-height:42px!important;padding:7px 16px!important;border-bottom:1px solid var(--st-line)!important}
body.studio-on .st-props .visual-inspector{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;gap:10px!important;max-height:none!important;overflow:visible!important}
body.studio-on .st-props details{min-width:0!important;margin:0!important;align-self:start!important}
body.studio-on .st-props #visual-selected-name,body.studio-on .st-props #visual-inspector-restrictions,body.studio-on .st-props .visual-inspector-actions,body.studio-on .st-props #visual-layout-status{grid-column:1/-1!important}
body.studio-on .st-props .visual-layers{grid-column:1/-1!important}
body.studio-on .st-props .visual-layers #visual-layer-list{max-height:150px!important}
body.studio-on .st-props .visual-color-controls{display:flex!important;gap:12px!important;align-items:start!important}
body.studio-on .st-props .rgb-editor{min-width:0!important;flex:1!important}
body.studio-on .st-props .rgb-fields{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body.studio-on .st-props .visual-property-group[hidden],body.studio-on .st-props details[hidden]{display:none!important}
body.studio-on .st-props .visual-property-group{padding:0 10px!important}
body.studio-on .st-props .visual-property-group[open]{padding-bottom:10px!important}
body.studio-on .st-canvas-note,body.studio-on.studio-flyout .st-canvas-note{left:18px!important}
body.studio-on .st-tools{gap:8px!important}
body.studio-on .st-ctx{height:auto!important;min-height:var(--st-ctx)!important}
@media(max-width:900px){
 body.studio-on{--st-nav:46px;--st-ctx:54px}
 body.studio-on .st-rail{top:calc(var(--st-top) + var(--st-ctx))!important;height:var(--st-nav)!important;bottom:auto!important;left:0!important;right:0!important;flex-direction:row!important;overflow-x:auto!important}
 body.studio-on .st-rail-btn{min-width:92px!important;height:34px!important}
 body.studio-on .unified-site-editor,body.studio-on.studio-flyout .unified-site-editor,body.studio-on.studio-props .unified-site-editor{top:calc(var(--st-top) + var(--st-ctx) + var(--st-nav))!important;left:0!important;right:0!important;bottom:0!important;padding:8px!important}
 body.studio-on .st-flyout,body.studio-on .st-props{top:calc(var(--st-top) + var(--st-ctx) + var(--st-nav))!important;bottom:auto!important;max-height:55vh!important;width:100%!important}
 body.studio-on .st-flyout-body,body.studio-on .st-props .st-flyout-body{max-height:calc(55vh - 48px)!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}
}

/* v22.74 — "Fundos e efeitos": campos legíveis (texto claro sobre fundo escuro).
   Regras antigas forçavam texto escuro (-webkit-text-fill-color), deixando seletores e HEX invisíveis. */
body #background-effects-panel :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]), select, textarea) {
  background-color: var(--shell-panel, #10242A) !important;
  color: var(--shell-text, #EEE6D3) !important;
  -webkit-text-fill-color: var(--shell-text, #EEE6D3) !important;
  border: 1px solid var(--shell-line, rgba(238, 230, 211, .28)) !important;
  opacity: 1 !important;
}
body #background-effects-panel :is(select option) { background: var(--shell-panel, #10242A); color: var(--shell-text, #EEE6D3); }
body #background-effects-panel input[type="file"] { color: var(--shell-text, #EEE6D3) !important; -webkit-text-fill-color: var(--shell-text, #EEE6D3) !important; }
body #background-effects-panel #bg-image-controls { display: grid; gap: 8px; }
body #background-effects-panel #bg-image-controls[hidden] { display: none !important; }

/* v22.74 — Painéis do editor em coluna lateral compacta (computador).
   Antes, Conteúdo/Estilo/Propriedades abriam como uma faixa de largura total por cima da página.
   Agora o painel fica ao lado e a prévia do site se ajusta, continuando visível durante a edição. */
@media (min-width: 901px) {
  body.studio-on{ --st-fly: 340px; --st-props: 320px; }
  body.studio-on .st-flyout,
  body.studio-on .st-props{
    top: calc(var(--st-top) + var(--st-ctx) + var(--st-nav)) !important;
    bottom: 0 !important; height: auto !important; max-height: none !important;
    box-shadow: 0 0 28px rgba(0,0,0,.35);
  }
  body.studio-on .st-flyout{ left: 0 !important; right: auto !important; width: var(--st-fly) !important; border-bottom: 0 !important; border-right: 1px solid var(--st-line) !important; }
  body.studio-on .st-props{ left: auto !important; right: 0 !important; width: var(--st-props) !important; border-bottom: 0 !important; border-left: 1px solid var(--st-line) !important; }
  body.studio-on .st-flyout-body,
  body.studio-on .st-props .st-flyout-body{
    display: block !important; flex: 1 1 auto !important; max-height: none !important;
    overflow-y: auto !important; padding: 12px 16px 90px !important;
  }
  body.studio-on .st-props .visual-color-controls{ flex-direction: column !important; align-items: stretch !important; }
  body.studio-on .st-props .visual-inspector{ display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 8px !important; }
  body.studio-on .st-flyout-body :is(.advanced-grid, .tab-fields, .settings-grid, .bg-effects-layout){ grid-template-columns: minmax(0, 1fr) !important; }
  body.studio-on.studio-flyout .unified-site-editor{ left: var(--st-fly) !important; }
  body.studio-on.studio-props .unified-site-editor{ right: var(--st-props) !important; }
  body.studio-on .unified-site-editor{ transition: left .18s ease, right .18s ease; }
}
@media (min-width: 901px) and (max-width: 1180px) {
  body.studio-on{ --st-fly: 300px; --st-props: 280px; }
}

/* Controles do efeito Lanyard na área de Fundos e efeitos. */
.lanyard-admin-card { border:1px solid rgba(192,146,77,.35); border-radius:14px; padding:16px; margin:22px 0; background:rgba(14,45,58,.22); min-width:0; }
.lanyard-admin-card legend { color:var(--admin-accent,#c0924d); font-weight:700; padding:0 8px; }
.lanyard-admin-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:14px 0; }
.lanyard-admin-grid > div { display:grid; gap:7px; min-width:0; }
.lanyard-admin-grid input[type="url"],.lanyard-admin-grid input[type="file"] { width:100%; min-width:0; }
.lanyard-admin-grid input[type="color"] { width:58px; min-height:38px; }
.lanyard-admin-card .bg-effect-actions { display:flex; gap:8px; flex-wrap:wrap; }
@media(max-width:640px){.lanyard-admin-grid{grid-template-columns:1fr}}

/* Configurações independentes do crachá para telas móveis */
.lanyard-device-settings {
  border: 1px solid rgba(192,146,77,.28);
  border-radius: 12px;
  padding: 14px;
  margin: 16px 0;
  min-width: 0;
  background: rgba(0,0,0,.12);
}
.lanyard-device-settings legend {
  color: var(--admin-accent,#c0924d);
  font-weight: 700;
  padding: 0 8px;
}
.lanyard-device-settings .muted {
  margin: 4px 0 10px;
  line-height: 1.5;
}

/* Controles do efeito magnético no inspetor visual. */
body.studio-on .st-props #visual-magnet-controls:not([hidden]){
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:6px!important;
  margin:9px 0 12px!important;
  padding:10px!important;
  border:1px solid var(--st-line)!important;
  border-radius:7px!important;
  background:rgba(238,230,211,.025)!important;
}
body.studio-on .st-props #visual-magnet-controls[hidden]{display:none!important}
body.studio-on .st-props #visual-magnet-controls small{color:var(--st-muted)!important;font-size:.68rem!important;line-height:1.45!important}


/* ===== SOURCE: admin-ux-v2274.css | preserved cascade order ===== */
/* v22.74 — Melhorias de usabilidade do painel (campos legíveis, cores compactas, busca, celular). */

/* 1. Campos legíveis em qualquer painel (usa as cores do tema ativo do painel). */
body.admin-shell-ready:not(.studio-on) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]), select, textarea) {
  background-color: var(--shell-panel, #10242A) !important;
  color: var(--shell-text, #EEE6D3) !important;
  -webkit-text-fill-color: var(--shell-text, #EEE6D3) !important;
  border-color: var(--shell-line, rgba(238, 230, 211, .28)) !important;
  opacity: 1 !important;
}
body.admin-shell-ready:not(.studio-on) :is(input, textarea)::placeholder { color: var(--shell-muted, #9db0b4) !important; -webkit-text-fill-color: var(--shell-muted, #9db0b4) !important; opacity: .9; }
body.admin-shell-ready:not(.studio-on) select option { background: var(--shell-panel, #10242A); color: var(--shell-text, #EEE6D3); }
body.admin-shell-ready:not(.studio-on) :is(input, select, textarea):disabled { opacity: .55 !important; }

/* 2. Seletor de arquivo em português (o botão nativo é escondido, mantendo o mesmo input). */
.ux-file-input { position: absolute !important; width: 1px; height: 1px; opacity: 0; overflow: hidden; clip: rect(0 0 0 0); pointer-events: none; }
.ux-file { display: flex; align-items: center; gap: 10px; min-width: 0; margin: 4px 0; }
.ux-file-btn { flex: 0 0 auto; }
.ux-file-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .78rem; opacity: .75; }

/* 3. Cores compactas: amostra + HEX na mesma linha; RGB recolhido. */
.bg-color-field > div { display: grid !important; grid-template-columns: 46px minmax(0, 1fr); gap: 8px; align-items: center; }
.bg-color-field > div > input[type="color"] { width: 46px !important; min-width: 46px; height: 38px !important; padding: 2px !important; }
.bg-color-field > div > .ux-rgb, .bg-color-field > div > .bg-rgb { grid-column: 1 / -1; }
.ux-rgb { border: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; }
.ux-rgb > summary { cursor: pointer; font-size: .74rem; opacity: .75; padding: 2px 0 !important; list-style: none; }
.ux-rgb > summary::before { content: "▸ "; }
.ux-rgb[open] > summary::before { content: "▾ "; }
.ux-rgb .bg-rgb { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin-top: 4px; }

/* 4. Aviso quando o fundo global anula as cores das seções. */
.ux-global-note { margin: 8px 0 10px; padding: 9px 11px; border-radius: 9px; border: 1px solid rgba(192,146,77,.55); background: rgba(192,146,77,.12); font-size: .78rem; line-height: 1.45; display: grid; gap: 7px; }
.ux-global-note button { justify-self: start; }

/* 5. Busca de opções no painel lateral + botões fixos sem cobrir o último campo. */
.ux-search { position: sticky; top: -12px; z-index: 5; margin: -12px -16px 10px; padding: 10px 16px; background: var(--st-panel, #101f26); border-bottom: 1px solid var(--st-line, #26404a); }
.ux-search input { width: 100%; }
.ux-search-results { margin: 8px 0 0; padding: 0; list-style: none; max-height: 220px; overflow: auto; border: 1px solid var(--st-line, #26404a); border-radius: 9px; background: var(--st-bg, #0b171c); }
.ux-search-results[hidden] { display: none; }
.ux-search-results li button { all: unset; box-sizing: border-box; display: block; width: 100%; padding: 8px 12px; font-size: .8rem; cursor: pointer; color: var(--st-text, #eee6d3); }
.ux-search-results li button:hover, .ux-search-results li button:focus-visible { background: rgba(192,146,77,.2); }
.ux-search-empty { padding: 8px 12px; font-size: .78rem; opacity: .7; }
@keyframes ux-flash { 0%,100% { box-shadow: none; } 30% { box-shadow: 0 0 0 3px rgba(192,146,77,.85); } }
.ux-flash { animation: ux-flash 1.4s ease; border-radius: 8px; }
body.studio-on .st-flyout-body { padding-bottom: 120px !important; }

/* 6. Indicador de onde as alterações são gravadas. */
.ux-dest { display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 10px; border-radius: 999px; font-size: .72rem; font-weight: 700; white-space: nowrap; border: 1px solid var(--st-line, #26404a); background: var(--st-panel, #101f26); color: var(--st-muted, #9db0b4); }
.ux-dest[data-mode="online"] { color: #8fd3a6; border-color: rgba(107,191,138,.55); }
.ux-dest[data-mode="local"] { color: #f0c56a; border-color: rgba(224,179,79,.7); background: rgba(224,179,79,.1); }
@media (max-width: 1100px) { .ux-dest span { display: none; } .ux-dest { width: 30px; justify-content: center; padding: 0; } }

/* 7. Celular e tablet pequeno: painel como folha na parte de baixo; a página continua visível no topo. */
@media (max-width: 900px) {
  body.studio-on .st-flyout, body.studio-on .st-props {
    top: auto !important; bottom: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important;
    height: 46vh !important; max-height: 46vh !important; border: 0 !important; border-top: 1px solid var(--st-line) !important;
    border-radius: 16px 16px 0 0 !important; box-shadow: 0 -12px 34px rgba(0,0,0,.5) !important;
  }
  body.studio-on .st-flyout-body, body.studio-on .st-props .st-flyout-body { display: block !important; max-height: none !important; flex: 1 1 auto !important; overflow-y: auto !important; padding: 10px 14px 110px !important; }
  body.studio-on .st-props .visual-inspector { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; }
  body.studio-on.studio-flyout .unified-site-editor, body.studio-on.studio-props .unified-site-editor { bottom: 46vh !important; }
  .ux-search { top: -10px; margin: -10px -14px 10px; }
}
/* O ajuste RGB duplicado, criado automaticamente, some nos pontos do gradiente (o RGB original fica recolhido). */
.bg-color-field .rgb-controls { display: none !important; }
/* Botões de salvar fixos no rodapé do painel, sem cobrir campos. */
body.studio-on .st-flyout-body :is(.form-actions, .unified-section-actions) {
  position: sticky !important; bottom: -1px !important; z-index: 4; margin: 12px -16px 0 !important; padding: 10px 16px !important;
  background: var(--st-panel, #101f26) !important; border-top: 1px solid var(--st-line, #26404a);
}
/* A barra de salvar é o último item do painel e gruda na base; sem folga extra que a empurre para cima. */
body.studio-on .st-flyout-body, body.studio-on .st-props .st-flyout-body { padding-bottom: 16px !important; }
@media (max-width: 900px) { body.studio-on .st-flyout-body, body.studio-on .st-props .st-flyout-body { padding-bottom: 16px !important; } }
body.studio-on .st-flyout-body :is(.form-actions, .unified-section-actions) { bottom: 0 !important; }


/* ===== SOURCE: magnet-effects.css | preserved cascade order ===== */
/* Aparência mínima e acessível para os elementos magnéticos. O deslocamento
   é calculado em magnet-effects.js e não altera o layout ao redor. */
[data-ve-hover="magnet"] {
  transform-origin: center;
}
@media (prefers-reduced-motion: reduce) {
  [data-ve-hover="magnet"] {
    transition: none !important;
  }
}


/* ===== SOURCE: project-classification-tabs.css | preserved cascade order ===== */
/* v22.91 — classification tabs */
.content-block-filter{display:block;margin:16px 0 20px;padding:0;border:0;border-bottom:1px solid var(--ui-divider,#39464a);border-radius:0;background:transparent}
.content-block-filter-title{margin:0 0 10px;color:var(--ui-muted,#aeb8b8);font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}
.content-block-tabs{display:flex;align-items:stretch;gap:6px;max-width:100%;overflow-x:auto;padding:0 0 9px;overscroll-behavior-x:contain;scrollbar-width:thin}
.content-block-tab{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:8px 13px;border:1px solid var(--ui-divider,#39464a);border-radius:9px 9px 0 0;background:transparent;color:var(--ui-muted,#aeb8b8);font:600 12px/1.2 Arial,sans-serif;white-space:nowrap;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}
.content-block-tab:hover{color:var(--ui-text,#eee6d3);border-color:var(--ui-accent,#c0924d)}
.content-block-tab.is-active,.content-block-tab[aria-selected="true"]{background:color-mix(in srgb,var(--ui-accent,#c0924d) 16%,var(--ui-sidebar,#171717));color:var(--ui-text,#eee6d3);border-color:var(--ui-accent,#c0924d);box-shadow:inset 0 -2px 0 var(--ui-accent,#c0924d)}
.content-block-tab-count{display:inline-grid;min-width:21px;height:21px;place-items:center;padding:0 5px;border-radius:999px;background:rgba(255,255,255,.08);color:inherit;font-size:10px;font-variant-numeric:tabular-nums}
.content-block-tab:focus-visible{outline:2px solid var(--ui-accent,#c0924d);outline-offset:2px}
.admin-content-group{margin-top:0}
.admin-content-group-heading{border-radius:10px 10px 0 0}
@media(max-width:680px){.content-block-tabs{gap:5px}.content-block-tab{min-height:44px;padding:8px 11px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.content-block-tab{transition:none}}


/* ===== SOURCE: admin-inspector.css | preserved cascade order ===== */
/* v22.91 — Inspetor de propriedades (painel direito do Estúdio).
 *
 * Estrutura:  .vi-head (elemento + abas)  ·  .vi-body (painéis)  ·  .vi-foot (status)
 * Painéis:    Estilo · Layout · Efeitos · Camadas
 * Componentes: .vi-section / .vi-title · .vi-field · .vi-row (.vi-cols-2/3) · .vi-unit-input
 *              .vi-align · .vi-tip · .vi-empty · .vi-link-btn · .vi-icon-btn
 *
 * Carregado depois de admin-studio.css. As regras antigas do inspetor (accordion de <details>) usam !important;
 * por isso os seletores abaixo carregam o prefixo completo `body.studio-on .st-props .vi` para vencer por especificidade.
 */

body.studio-on .st-props .vi {
  --vi-bg: #0b171c;
  --vi-panel: #10232a;
  --vi-raised: #152b33;
  --vi-line: #26404a;
  --vi-line-soft: rgba(238, 230, 211, .09);
  --vi-text: #eee6d3;
  --vi-muted: #98adb1;
  --vi-accent: #c0924d;
  --vi-accent-soft: rgba(192, 146, 77, .14);
  --vi-danger: #e58b78;
  color-scheme: dark;
  display: flex !important;
  flex-direction: column;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--vi-text);
  font-size: .82rem;
  grid-template-columns: none !important;
}
body.studio-on .st-props .vi [hidden] { display: none !important; }

/* O corpo do painel passa a ser gerenciado pelo inspetor (cabeçalho e rodapé fixos, miolo rolável). */
body.studio-on .st-props .st-props-body {
  display: flex !important;
  flex-direction: column;
  flex: 1 1 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
  scrollbar-width: thin;
  scrollbar-color: #3a555e transparent;
}
body.studio-on .st-props .st-props-body > .vi { flex: 1 0 auto; min-height: 0; }

/* ---------- Cabeçalho: elemento selecionado + abas ---------- */
body.studio-on .st-props .vi .vi-head {
  position: sticky; top: 0; z-index: 4;
  background: var(--vi-panel);
  border-bottom: 1px solid var(--vi-line);
}
body.studio-on .st-props .vi .vi-selection {
  display: grid; grid-template-columns: 34px minmax(0, 1fr) 30px; align-items: center; gap: 10px;
  padding: 12px 14px 10px;
}
body.studio-on .st-props .vi .vi-selection-icon {
  display: grid; place-items: center; width: 34px; height: 34px;
  border-radius: 9px; background: var(--vi-accent-soft); color: var(--vi-accent);
}
body.studio-on .st-props .vi .vi-selection-icon svg,
body.studio-on .st-props .vi .vi-icon-btn svg,
body.studio-on .st-props .vi .vi-tab svg,
body.studio-on .st-props .vi .vi-align-btn svg,
body.studio-on .st-props .vi .visual-layer-dock button svg {
  width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; pointer-events: none;
}
body.studio-on .st-props .vi .vi-selection-text { min-width: 0; }
body.studio-on .st-props .vi .vi-selection-text small {
  display: block; margin: 0 0 1px; color: var(--vi-muted) !important;
  font-size: .62rem !important; letter-spacing: .09em; text-transform: uppercase;
}
body.studio-on .st-props .vi #visual-selected-name {
  margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent;
  color: var(--vi-text); font: 650 .8rem/1.3 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: anywhere; word-break: normal;
}
body.studio-on .st-props .vi[data-has-selection="false"] #visual-selected-name { color: var(--vi-muted); font: 500 .8rem/1.35 inherit; }

body.studio-on .st-props .vi .vi-icon-btn {
  display: grid; place-items: center; width: 30px; height: 30px; padding: 0;
  border: 1px solid var(--vi-line); border-radius: 8px; background: transparent; color: var(--vi-muted); cursor: pointer;
  transition: color .15s, border-color .15s, background .15s;
}
body.studio-on .st-props .vi .vi-icon-btn:hover:not(:disabled) { color: var(--vi-text); border-color: var(--vi-accent); background: var(--vi-accent-soft); }
body.studio-on .st-props .vi .vi-icon-btn:disabled { opacity: .35; cursor: not-allowed; }

body.studio-on .st-props .vi .vi-notice {
  margin: 12px 14px 0; padding: 8px 10px; border-left: 2px solid var(--vi-accent); border-radius: 0 6px 6px 0;
  background: var(--vi-accent-soft); color: var(--vi-text); font-size: .72rem; line-height: 1.45;
}

body.studio-on .st-props .vi .vi-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 0 6px; }
body.studio-on .st-props .vi .vi-tab {
  position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
  min-width: 0; min-height: 52px; padding: 8px 2px 9px; margin: 0;
  border: 0; border-radius: 8px 8px 0 0; background: transparent; color: var(--vi-muted);
  font: 600 .68rem/1 inherit; letter-spacing: .01em; cursor: pointer;
  transition: color .15s, background .15s;
}
body.studio-on .st-props .vi .vi-tab::after {
  content: ""; position: absolute; left: 12px; right: 12px; bottom: 0; height: 2px; border-radius: 2px; background: transparent; transition: background .15s;
}
body.studio-on .st-props .vi .vi-tab:hover { color: var(--vi-text); background: rgba(238, 230, 211, .045); }
body.studio-on .st-props .vi .vi-tab[aria-selected="true"] { color: var(--vi-accent); background: var(--vi-accent-soft); }
body.studio-on .st-props .vi .vi-tab[aria-selected="true"]::after { background: var(--vi-accent); }
body.studio-on .st-props .vi .vi-tab:focus-visible,
body.studio-on .st-props .vi .vi-icon-btn:focus-visible,
body.studio-on .st-props .vi .vi-align-btn:focus-visible,
body.studio-on .st-props .vi .vi-link-btn:focus-visible { outline: 2px solid var(--vi-accent); outline-offset: -2px; }

/* ---------- Painéis e seções ---------- */
body.studio-on .st-props .vi .vi-body { flex: 1 0 auto; }
body.studio-on .st-props .vi .vi-pane { display: block; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; min-width: 0; }
body.studio-on .st-props .vi .vi-pane[hidden] { display: none !important; }
body.studio-on .st-props .vi details.vi-pane > summary { display: none !important; }
body.studio-on .st-props .vi details.vi-pane > :not(summary) { margin-top: 0; margin-bottom: 0; }

body.studio-on .st-props .vi .vi-section {
  display: grid; gap: 12px; margin: 0 !important; padding: 16px 14px 18px !important;
  border: 0; border-top: 1px solid var(--vi-line-soft); background: transparent;
}
body.studio-on .st-props .vi .vi-pane > .vi-section:first-of-type,
body.studio-on .st-props .vi .vi-pane > .vi-empty + .vi-section { border-top: 0; }
body.studio-on .st-props .vi .vi-title {
  display: flex; align-items: center; gap: 8px; margin: 0; padding: 0;
  color: var(--vi-accent); font: 700 .66rem/1.2 inherit; letter-spacing: .1em; text-transform: uppercase;
}
body.studio-on .st-props .vi .vi-title::after { content: ""; flex: 1 1 auto; height: 1px; background: var(--vi-line-soft); }

body.studio-on .st-props .vi .vi-empty {
  display: none; margin: 0; padding: 40px 28px; text-align: center; color: var(--vi-muted); font-size: .8rem; line-height: 1.55;
}
body.studio-on .st-props .vi[data-has-selection="false"] .vi-pane:not([data-vi-pane="layers"]) > .vi-empty { display: block; }

body.studio-on .st-props .vi .vi-tip,
body.studio-on .st-props .vi .vi-status,
body.studio-on .st-props .vi small {
  margin: 0; color: var(--vi-muted) !important; font-size: .68rem !important; line-height: 1.5; letter-spacing: 0;
}
body.studio-on .st-props .vi .vi-pane > .vi-tip { padding: 12px 14px 16px; border-top: 1px solid var(--vi-line-soft); }
body.studio-on .st-props .vi .vi-section > .vi-tip { margin-top: -4px; }
body.studio-on .st-props .vi .vi-dims-hint { display: none; margin: 0; }
body.studio-on .st-props .vi[data-dims-in-ribbon="true"] .vi-dims-hint { display: block; }

/* ---------- Campos ---------- */
body.studio-on .st-props .vi .vi-field { display: grid; gap: 5px; min-width: 0; margin: 0; }
body.studio-on .st-props .vi .vi-row { display: grid; gap: 10px; min-width: 0; }
body.studio-on .st-props .vi .vi-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.studio-on .st-props .vi .vi-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

body.studio-on .st-props .vi label {
  display: block; margin: 0 !important; padding: 0;
  color: var(--vi-muted) !important; font-size: .7rem !important; font-weight: 600; line-height: 1.3; letter-spacing: .01em !important; text-transform: none !important;
}
body.studio-on .st-props .vi input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]):not([type="range"]),
body.studio-on .st-props .vi select,
body.studio-on .st-props .vi textarea {
  box-sizing: border-box; width: 100% !important; min-width: 0; min-height: 34px; height: 34px; margin: 0;
  padding: 0 10px !important; border: 1px solid var(--vi-line) !important; border-radius: 8px !important;
  background: var(--vi-bg) !important; color: var(--vi-text) !important; -webkit-text-fill-color: var(--vi-text) !important;
  font: 500 .8rem/1.2 inherit !important; letter-spacing: 0 !important; opacity: 1;
  transition: border-color .15s, box-shadow .15s;
}
body.studio-on .st-props .vi select { padding-right: 26px !important; text-overflow: ellipsis; }
body.studio-on .st-props .vi textarea { height: auto; min-height: 92px; padding: 9px 10px !important; resize: vertical; line-height: 1.5 !important; }
body.studio-on .st-props .vi input::placeholder,
body.studio-on .st-props .vi textarea::placeholder { color: #6a8187 !important; -webkit-text-fill-color: #6a8187 !important; opacity: 1; }
body.studio-on .st-props .vi input:not([type="checkbox"]):not([type="color"]):not([type="file"]):hover,
body.studio-on .st-props .vi select:hover:not(:disabled),
body.studio-on .st-props .vi textarea:hover { border-color: #3b5963 !important; }
body.studio-on .st-props .vi input:not([type="checkbox"]):not([type="color"]):not([type="file"]):focus,
body.studio-on .st-props .vi select:focus,
body.studio-on .st-props .vi textarea:focus { border-color: var(--vi-accent) !important; outline: 0 !important; box-shadow: 0 0 0 3px rgba(192, 146, 77, .18); }
body.studio-on .st-props .vi input:disabled,
body.studio-on .st-props .vi select:disabled,
body.studio-on .st-props .vi textarea:disabled { opacity: .45 !important; cursor: not-allowed; }
body.studio-on .st-props .vi input[type="number"] { font-variant-numeric: tabular-nums; }

body.studio-on .st-props .vi .vi-unit-input { position: relative; min-width: 0; }
body.studio-on .st-props .vi .vi-unit-input input { padding-right: 28px !important; }
body.studio-on .st-props .vi .vi-unit-input > span {
  position: absolute; top: 50%; right: 9px; transform: translateY(-50%);
  color: var(--vi-muted); font-size: .68rem; pointer-events: none;
}

body.studio-on .st-props .vi input[type="file"] {
  box-sizing: border-box; width: 100%; padding: 7px; border: 1px dashed var(--vi-line); border-radius: 8px; background: transparent;
  color: var(--vi-muted); -webkit-text-fill-color: var(--vi-muted); font-size: .72rem;
}
body.studio-on .st-props .vi input[type="file"]::file-selector-button {
  margin-right: 10px; padding: 5px 10px; border: 1px solid var(--vi-line); border-radius: 6px; background: var(--vi-raised); color: var(--vi-text); font: 600 .72rem inherit; cursor: pointer;
}
body.studio-on .st-props .vi input[type="color"] { width: 100%; height: 34px; padding: 3px; border: 1px solid var(--vi-line); border-radius: 8px; background: var(--vi-bg); cursor: pointer; }

body.studio-on .st-props .vi .vi-check { display: flex; align-items: center; gap: 9px; color: var(--vi-text) !important; font-size: .76rem !important; font-weight: 500; cursor: pointer; }
body.studio-on .st-props .vi .vi-check input { width: 16px !important; height: 16px; margin: 0; accent-color: var(--vi-accent); flex: 0 0 16px; }

/* Largura / altura (as linhas migram para a barra superior quando uma imagem é selecionada) */
body.studio-on .st-props .vi .vi-size-rows { display: grid; gap: 10px; }
body.studio-on .st-props .vi .vi-size-rows:not(:has(*)) { display: none; }
body.studio-on .st-props .vi .visual-dimension-row { display: grid; grid-template-columns: minmax(0, 1fr) 76px; gap: 10px; margin: 0; }
body.studio-on .st-props .vi .visual-dimension-row > div { display: grid; gap: 5px; min-width: 0; }

/* Destaque de trecho dentro do texto */
body.studio-on .st-props .vi .vi-accent {
  display: grid; gap: 8px; padding: 10px; border: 1px solid rgba(192, 146, 77, .4); border-radius: 9px; background: var(--vi-accent-soft);
}
body.studio-on .st-props .vi .vi-accent label { color: var(--vi-text) !important; font-size: .74rem !important; font-weight: 700; }
body.studio-on .st-props .vi .vi-accent-row { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 8px; align-items: center; }

body.studio-on .st-props .vi .vi-subgroup {
  display: grid; gap: 8px; padding: 10px; border: 1px solid var(--vi-line); border-radius: 9px; background: rgba(238, 230, 211, .025);
}

/* ---------- Botões ---------- */
body.studio-on .st-props .vi button.secondary {
  box-sizing: border-box; min-width: 0; min-height: 34px; padding: 6px 10px !important;
  border: 1px solid var(--vi-line) !important; border-radius: 8px !important;
  background: rgba(238, 230, 211, .045) !important; color: var(--vi-text) !important;
  font: 600 .74rem/1.2 inherit; text-align: center; white-space: normal; cursor: pointer;
  transition: border-color .15s, background .15s;
}
body.studio-on .st-props .vi button.secondary:hover:not(:disabled) { border-color: var(--vi-accent) !important; background: var(--vi-accent-soft) !important; }
body.studio-on .st-props .vi button:disabled { opacity: .38; cursor: not-allowed; }

body.studio-on .st-props .vi .vi-link-btn {
  padding: 3px 4px; border: 0; background: transparent; color: var(--vi-accent); font: 600 .7rem/1.2 inherit; cursor: pointer; border-radius: 4px;
}
body.studio-on .st-props .vi .vi-link-btn:hover { text-decoration: underline; text-underline-offset: 3px; }
body.studio-on .st-props .vi .vi-link-btn.vi-danger { color: var(--vi-danger); }

/* Alinhamento: seis ícones em uma única fileira, separados por eixo */
body.studio-on .st-props .vi .vi-align {
  display: flex; align-items: stretch; gap: 3px; padding: 3px; border: 1px solid var(--vi-line); border-radius: 10px; background: var(--vi-bg);
}
body.studio-on .st-props .vi .vi-align-btn {
  flex: 1 1 0; display: grid; place-items: center; min-width: 0; height: 34px; padding: 0;
  border: 0; border-radius: 7px; background: transparent; color: var(--vi-text); cursor: pointer; transition: background .15s, color .15s;
}
body.studio-on .st-props .vi .vi-align-btn:hover:not(:disabled) { background: var(--vi-accent-soft); color: var(--vi-accent); }
body.studio-on .st-props .vi .vi-align-sep { flex: 0 0 1px; margin: 5px 3px; background: var(--vi-line); }

/* ---------- Camadas ---------- */
body.studio-on .st-props .vi details.vi-pane.visual-layers { padding: 0 !important; }
body.studio-on .st-props .vi .vi-layer-meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: -4px; }
body.studio-on .st-props .vi .vi-layer-meta .visual-layer-toolbar { display: flex; gap: 2px; margin: 0; flex: 0 0 auto; }
body.studio-on .st-props .vi .vi-layer-meta .vi-status { min-width: 0; }
body.studio-on .st-props .vi .visual-layers #visual-layer-list {
  max-height: min(36vh, 280px) !important; padding: 4px !important; border: 1px solid var(--vi-line); border-radius: 10px; background: var(--vi-bg);
}
body.studio-on .st-props .vi #visual-layer-list:empty { display: none; }
body.studio-on .st-props .vi .visual-layer-dock {
  display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 5px; min-height: 0; padding: 0;
}
body.studio-on .st-props .vi .visual-layer-dock button {
  display: grid; place-items: center; width: auto; height: 36px; flex: none; padding: 0;
  border: 1px solid var(--vi-line); border-radius: 8px; background: rgba(238, 230, 211, .045); color: var(--vi-text);
  transform: none !important; box-shadow: none !important; transition: border-color .15s, background .15s, color .15s;
}
body.studio-on .st-props .vi .visual-layer-dock button:hover:not(:disabled),
body.studio-on .st-props .vi .visual-layer-dock button:focus-visible { border-color: var(--vi-accent); background: var(--vi-accent-soft); color: var(--vi-accent); transform: none !important; outline: 0; }
body.studio-on .st-props .vi .visual-layer-dock button[data-layer-action="delete"] { color: var(--vi-danger); }
body.studio-on .st-props .vi .visual-layer-dock button[data-layer-action="delete"]:hover:not(:disabled) { border-color: var(--vi-danger); background: rgba(229, 139, 120, .12); color: var(--vi-danger); }

body.studio-on .st-props .vi[data-vi-tab="layers"] .vi-notice { display: none !important; }

/* ---------- Rodapé ---------- */
body.studio-on .st-props .vi .vi-foot {
  position: sticky; bottom: 0; z-index: 4; display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 9px 14px; border-top: 1px solid var(--vi-line); background: var(--vi-panel);
}
body.studio-on .st-props .vi .vi-foot .vi-status { flex: 1 1 auto; min-width: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
body.studio-on .st-props .vi .vi-foot .vi-link-btn { flex: 0 0 auto; max-width: 46%; text-align: right; }

/* ---------- Barra contextual de imagem: largura e altura em linha (antes os rótulos empurravam os campos para fora da barra) ---------- */
body.studio-on .st-image-dimensions { display: flex; flex-wrap: nowrap; align-items: center; gap: 8px; }
body.studio-on .st-image-dimensions .visual-dimension-row { display: flex; flex: 0 0 auto; align-items: center; gap: 3px; min-width: 0; margin: 0; }
body.studio-on .st-image-dimensions .visual-dimension-row > div { display: flex; align-items: center; gap: 5px; min-width: 0; }
body.studio-on .st-image-dimensions .visual-dimension-row label { margin: 0; white-space: nowrap; font-size: .62rem; text-transform: uppercase; letter-spacing: .06em; }
body.studio-on .st-image-dimensions .visual-dimension-row > div + div label { display: none; }
body.studio-on .st-image-dimensions .visual-dimension-row input { width: 64px; }
body.studio-on .st-image-dimensions .visual-dimension-row select { width: 54px; }
body.studio-on .st-kind-image .st-slot-radius input { width: 66px; }

/* ---------- Largura do painel e responsividade ---------- */
@media (min-width: 901px) {
  body.studio-on { --st-props: 344px; }
}
@media (min-width: 901px) and (max-width: 1180px) {
  body.studio-on { --st-props: 308px; }
}
/* Telas estreitas: o painel abre como gaveta sob a barra; os campos continuam em colunas legíveis. */
@media (max-width: 900px) {
  body.studio-on .st-props .st-props-body { max-height: calc(55vh - 48px) !important; }
  body.studio-on .st-props .vi .vi-body { max-width: 640px; width: 100%; margin: 0 auto; }
}
@media (max-width: 380px) {
  body.studio-on .st-props .vi .vi-cols-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.studio-on .st-props .vi .vi-tab span { font-size: .64rem; }
}
@media (prefers-reduced-motion: reduce) {
  body.studio-on .st-props .vi * { transition: none !important; }
}

/* ===== v22.99 — mobile editor toolbar refinement ===== */
@media (max-width: 900px) {
  body.studio-on .st-top {
    gap: 6px;
    padding-inline: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }
  body.studio-on .st-top::-webkit-scrollbar { display: none; }
  body.studio-on .st-top > * { flex: 0 0 auto; }
  body.studio-on .st-exit,
  body.studio-on .st-save,
  body.studio-on .st-draft-save,
  body.studio-on .st-refresh,
  body.studio-on .st-link {
    min-width: 38px;
    min-height: 38px;
    justify-content: center;
  }
  body.studio-on .st-chip { min-width: 36px; justify-content: center; }
  body.studio-on .st-save span,
  body.studio-on .st-draft-save span { display: none; }
}
@media (max-width: 480px) {
  body.studio-on .st-top { gap: 4px; padding-inline: 6px; }
  body.studio-on .st-exit,
  body.studio-on .st-save,
  body.studio-on .st-draft-save,
  body.studio-on .st-link { min-width: 34px; min-height: 36px; padding-inline: 8px; }
}

/* v22.99 — progressive disclosure for narrow editor toolbar */
.st-mobile-more { display:none; align-items:center; justify-content:center; gap:5px; min-height:36px; padding:0 10px; border:1px solid var(--st-line); border-radius:9px; background:var(--st-panel); color:var(--st-text); font:inherit; cursor:pointer; }
.st-mobile-more svg { width:16px; height:16px; }
@media (max-width:900px) {
  body.studio-on .st-mobile-more { display:inline-flex; }
  body.studio-on.st-mobile-more-open .st-title,
  body.studio-on.st-mobile-more-open .st-link span,
  body.studio-on.st-mobile-more-open .st-chip-text,
  body.studio-on.st-mobile-more-open .st-exit span,
  body.studio-on.st-mobile-more-open .st-zoom,
  body.studio-on.st-mobile-more-open .st-seg { display:flex; }
  body.studio-on.st-mobile-more-open .st-title { flex-direction:column; min-width:110px; }
  body.studio-on.st-mobile-more-open .st-zoom { min-width:80px; }
}

/* v22.99 — content form wizard */
.project-form-steps { display:flex; gap:8px; margin:0 0 18px; flex-wrap:wrap; }
.project-form-step-tab { border:1px solid var(--line,rgba(14,45,58,.18)); border-radius:999px; padding:9px 14px; background:transparent; color:inherit; cursor:pointer; font:inherit; }
.project-form-step-tab.is-active { background:var(--accent,#c0924d); color:#102a32; border-color:transparent; font-weight:700; }
.project-form-step[hidden], .project-form-step-navigation[hidden] { display:none !important; }
.project-form-step-heading { margin:0 0 14px; }
.project-form-step-heading h3 { margin:0 0 4px; }
.project-form-step-heading p { margin:0; opacity:.72; font-size:.9em; }
.project-form-step-navigation { display:flex; justify-content:space-between; gap:10px; margin:18px 0 8px; }
.project-form-step-navigation button { min-height:42px; }
@media(max-width:600px) {
 .project-form-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; }
 .project-form-step-tab { padding:9px 5px; font-size:.82rem; }
 .project-form-step-navigation { position:sticky; bottom:8px; z-index:4; padding:8px; border-radius:12px; background:var(--panel,#fff); box-shadow:0 4px 20px rgba(0,0,0,.12); }
}



/* ===== v23.01 — refinamento estrutural do Estúdio ===== */
body.studio-on #studio { color-scheme: dark; }
body.studio-on .st-top {
  background: linear-gradient(180deg, #172f38 0%, #10252d 100%);
  box-shadow: 0 5px 22px rgba(0,0,0,.16);
  gap: 10px;
}
body.studio-on .st-title { padding-inline: 4px 10px; }
body.studio-on .st-title strong { letter-spacing: -.025em; font-size: .98rem; }
body.studio-on .st-title small { max-width: 245px; }
body.studio-on .st-seg { background: rgba(255,255,255,.045); border-color: rgba(255,255,255,.11); }
body.studio-on .st-save {
  min-width: 112px; justify-content: center;
  box-shadow: 0 3px 10px rgba(192,146,77,.18);
}
body.studio-on .st-draft-save {
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 9px; background: rgba(255,255,255,.055);
  color: var(--st-text); font-weight: 650;
}
body.studio-on .st-draft-save:hover { background: rgba(255,255,255,.1); }
body.studio-on .st-ctx {
  background: #f8f7f3;
  color: #17323b;
  box-shadow: 0 3px 12px rgba(0,0,0,.06);
}
body.studio-on .st-hint { color: #65777a; }
body.studio-on .st-tools { gap: 9px; }
body.studio-on .st-tools > .st-group + .st-group,
body.studio-on .st-tools > .st-pos { border-color: rgba(14,45,58,.14); }
body.studio-on .st-mini { color: #718184; }
body.studio-on .st-textbtn { background: #fff; color: #17323b; border-color: #d9dfdc; }
body.studio-on .st-textbtn:hover:not(:disabled) { background: #f0eadf; border-color: #c0924d; }
body.studio-on .st-rail { background: #10252d; border-right-color: rgba(255,255,255,.1); }
body.studio-on .st-rail-btn { min-height: 66px; }
body.studio-on .st-rail-btn.active { box-shadow: inset 3px 0 #c0924d; }
body.studio-on .st-flyout,
body.studio-on .st-props { background: #fbfaf7; color: #18343c; border-color: #dce2df; box-shadow: 0 12px 32px rgba(11,31,37,.12); }
body.studio-on .st-flyout-head { background: #f3f1eb; border-color: #e1e4df; }
body.studio-on .st-flyout-head h2 { color: #17323b; }
body.studio-on .st-flyout-body { scrollbar-color: #c3cbc6 transparent; }
body.studio-on .st-props .vi {
  --vi-panel: #fbfaf7; --vi-line: #e1e5e0; --vi-line-soft: #e9ece8;
  --vi-text: #17323b; --vi-muted: #718184; --vi-accent: #9a6b2d;
  --vi-accent-soft: #f2e8d7;
}
body.studio-on .st-props .vi .vi-selection {
  padding: 14px 16px 12px;
  background: linear-gradient(135deg,#fff 0%,#f5f3ed 100%);
}
body.studio-on .st-props .vi .vi-selection-icon { width: 38px; height: 38px; border-radius: 11px; }
body.studio-on .st-props .vi .vi-selection-text p {
  color: #17323b; font-size: .88rem; font-weight: 700; line-height: 1.35;
}
body.studio-on .st-props .vi .vi-tabs { padding: 5px 10px 0; gap: 4px; background: #f3f1eb; }
body.studio-on .st-props .vi .vi-tab {
  min-height: 58px; border-radius: 10px 10px 0 0; font-size: .72rem;
}
body.studio-on .st-props .vi .vi-tab[aria-selected="true"] {
  background: #fff; color: #8a5e27;
}
body.studio-on .st-props .vi .vi-section {
  margin: 10px 12px !important; padding: 16px !important;
  border: 1px solid #e5e8e3; border-radius: 13px; background: #fff;
  box-shadow: 0 2px 8px rgba(18,43,47,.035);
}
body.studio-on .st-props .vi .vi-title { color: #8a5e27; }
body.studio-on .st-props .vi .vi-field label { color: #41595e; font-weight: 650; }
body.studio-on .st-props .vi input:not([type="checkbox"]):not([type="color"]):not([type="file"]),
body.studio-on .st-props .vi textarea,
body.studio-on .st-props .vi select {
  min-height: 38px; border: 1px solid #dce2de; border-radius: 8px;
  background: #fff; color: #17323b; box-shadow: none;
}
body.studio-on .st-props .vi input:focus,
body.studio-on .st-props .vi textarea:focus,
body.studio-on .st-props .vi select:focus {
  border-color: #b88948; outline: 3px solid rgba(192,146,77,.15);
}
body.studio-on .st-props .vi .vi-empty {
  margin: 12px; padding: 12px 14px; border: 1px dashed #d7ded9;
  border-radius: 10px; background: #f5f6f2; color: #687b7c;
}
body.studio-on .st-props .vi .vi-tip { color: #718184; }
body.studio-on .st-props .vi .vi-search-wrap {
  position: relative; padding: 10px 12px; background: #f3f1eb;
}
body.studio-on .st-props .vi .vi-property-search {
  width: 100%; min-height: 38px; padding: 0 12px 0 36px;
  border: 1px solid #dce2de; border-radius: 10px;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23718184' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") no-repeat 11px center;
  color: #17323b; font: 500 .82rem/1.2 inherit;
}
body.studio-on .st-props .vi .vi-search-results {
  position: absolute; z-index: 8; top: calc(100% - 4px); left: 12px; right: 12px;
  max-height: 240px; overflow: auto; padding: 5px;
  border: 1px solid #dce2de; border-radius: 10px; background: #fff;
  box-shadow: 0 12px 28px rgba(17,39,43,.16);
}
body.studio-on .st-props .vi .vi-search-result {
  display: block; width: 100%; padding: 9px 10px; border: 0; border-radius: 7px;
  background: transparent; color: #17323b; text-align: left; cursor: pointer;
}
body.studio-on .st-props .vi .vi-search-result:hover,
body.studio-on .st-props .vi .vi-search-result:focus { background: #f4eee3; outline: 0; }
body.studio-on .st-props .vi .vi-search-empty { margin: 8px; color: #718184; font-size: .8rem; }
body.studio-on .st-props .vi .vi-search-target { outline: 2px solid rgba(192,146,77,.55); outline-offset: 3px; border-radius: 8px; }
body.studio-on .st-statusbar {
  position: fixed; z-index: 26; left: var(--st-rail); right: 0; bottom: 0;
  min-height: 30px; display: flex; align-items: center; gap: 18px;
  padding: 0 14px; border-top: 1px solid rgba(14,45,58,.12);
  background: rgba(248,247,243,.96); color: #617477;
  font-size: .68rem; backdrop-filter: blur(12px);
}
body.studio-on .st-statusbar span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.studio-on .st-status-selection { color: #29474e; font-weight: 700; max-width: 34%; }
body.studio-on .st-status-viewport { padding-left: 14px; border-left: 1px solid #dce2de; }
body.studio-on .st-status-hint { margin-left: auto; }
body.studio-on .st-canvas-note { bottom: 40px; }
body.studio-on .st-props-body { padding-bottom: 44px !important; }
@media (min-width: 901px) {
  body.studio-on { --st-props: 368px; --st-rail: 76px; }
  body.studio-on .st-props { bottom: 30px; }
  body.studio-on .st-flyout { bottom: 30px; }
}
@media (max-width: 900px) {
  body.studio-on .st-statusbar { left: 0; min-height: 26px; gap: 8px; padding-inline: 8px; }
  body.studio-on .st-status-hint { display: none; }
  body.studio-on .st-status-selection { max-width: 55%; }
  body.studio-on .st-status-viewport { margin-left: auto; }
  body.studio-on .st-props { bottom: 26px !important; }
  body.studio-on .st-flyout { bottom: 26px !important; }
  body.studio-on .st-canvas-note { bottom: 34px; left: 12px; }
}
@media (max-width: 600px) {
  body.studio-on .st-title small { display: none; }
  body.studio-on .st-title strong { font-size: .84rem; }
  body.studio-on .st-top { gap: 5px; }
  body.studio-on .st-chip { max-width: 110px; padding-inline: 7px; }
  body.studio-on .st-statusbar { font-size: .62rem; }
  body.studio-on .st-status-selection { max-width: 62%; }
}
@media (prefers-reduced-motion: reduce) {
  body.studio-on .st-props .vi *,
  body.studio-on .st-statusbar { transition: none !important; animation: none !important; }
}


/* ===== v23.02+ — refinamento visual do painel (camada final, só aparência) =====
   Não altera IDs, estrutura de dados nem o Estúdio (body.studio-on). Usa as variáveis --shell-* / --ui-*,
   então funciona em todos os temas do painel (claro, escuro, RGB personalizado etc.). */
:root{
  --shell-accent-soft: rgba(192,146,77,.14);
  --shell-ring: rgba(192,146,77,.45);
  --shell-shadow: 0 1px 2px rgba(0,0,0,.08), 0 10px 28px rgba(0,0,0,.10);
}
@supports (background: color-mix(in srgb, red 10%, transparent)){
  :root{
    --shell-accent-soft: color-mix(in srgb, var(--shell-accent) 15%, transparent);
    --shell-ring: color-mix(in srgb, var(--shell-accent) 55%, transparent);
  }
}

/* --- Estrutura: a barra lateral cabia 36px abaixo do topo e era cortada embaixo --- */
body.admin-shell-ready .admin-shell-main{
  padding: 0 ;
  margin: 16px auto 24px ;
  grid-template-columns: 248px minmax(0, 1fr) ;
  gap: 24px ;
}
body.admin-shell-ready .admin-sidebar{
  top: 16px ;
  height: calc(100vh - 32px) ;
  min-height: 0 ;
  gap: 18px ;
  padding: 16px 12px 12px ;
  border-radius: 20px ;
  box-shadow: var(--shell-shadow) ;
  scrollbar-width: thin ;
}
body.admin-shell-ready .sidebar-brand{ padding: 2px 6px 16px ; }
body.admin-shell-ready .sidebar-brand small{ font-size: 9px ; }
body.admin-shell-ready .admin-nav{ gap: 3px ; }
body.admin-shell-ready .admin-nav-item{ padding: 9px 10px ; border-radius: 12px ; }
body.admin-shell-ready .admin-nav-item:hover{ background: var(--shell-hover) ; border-color: transparent ; }
body.admin-shell-ready .admin-nav-item.active{
  background: var(--shell-accent-soft) ;
  border-color: var(--shell-ring) ;
  box-shadow: none ;
}
body.admin-shell-ready .admin-nav-item.active .nav-item-label{ color: var(--shell-heading) ; }
body.admin-shell-ready .nav-symbol{ flex-basis: 20px ; width: 20px ; height: 20px ; }
body.admin-shell-ready .nav-item-label{ font-size: 13px ; }
body.admin-shell-ready .nav-item-description{ font-size: 11px ; }
body.admin-shell-ready .sidebar-bottom{ padding: 12px 0 0 ; }
body.admin-shell-ready .sidebar-bottom a{
  display: flex ; align-items: center ; justify-content: center ;
  min-height: 38px ; border: 1px solid var(--shell-line) ; border-radius: 12px ;
  font-size: 12px ; font-weight: 650 ; color: var(--shell-text) ;
}
body.admin-shell-ready .sidebar-bottom a:hover{ background: var(--shell-hover) ; }

/* --- Cabeçalho da área de trabalho fica visível ao rolar --- */
body.admin-shell-ready .workspace-topbar{
  position: sticky ; top: 0 ; z-index: 30 ;
  min-height: 68px ; margin: 0 0 20px ; padding: 12px 4px ;
  background: color-mix(in srgb, var(--shell-bg) 88%, transparent) ;
  -webkit-backdrop-filter: blur(10px) ; backdrop-filter: blur(10px) ;
}
body.admin-shell-ready .workspace-topbar h1{ font-size: 30px ; }
body.admin-shell-ready .workspace-topbar .eyebrow{ font-size: 10px ; }
body.admin-shell-ready .workspace-status{ padding: 7px 12px ; font-size: 11px ; }

/* --- Início: saudação compacta, atalhos em destaque, diagnóstico discreto --- */
body.admin-shell-ready .overview-view{ display: flex ; flex-direction: column ; gap: 24px ; }
body.admin-shell-ready .overview-view > *{ margin: 0 ; }
body.admin-shell-ready .overview-view > .overview-intro{ order: 1 ; padding: 0 4px ; }
body.admin-shell-ready .overview-view > .home-alerts{ order: 2 ; }
body.admin-shell-ready .overview-view > .quick-actions{ order: 3 ; }
body.admin-shell-ready .overview-view > .admin-diagnostics{ order: 4 ; }
body.admin-shell-ready .overview-intro .eyebrow{ display: none ; }
body.admin-shell-ready .overview-intro h1{
  margin: 0 0 6px ; font-size: clamp(30px, 3vw, 40px) ; line-height: 1.08 ;
}
body.admin-shell-ready .overview-intro h1 br{ display: none ; }
body.admin-shell-ready .overview-intro h1 span{ margin-left: .25em ; }
body.admin-shell-ready .overview-intro > p:last-child{ font-size: 14px ; max-width: 60ch ; }

body.admin-shell-ready .quick-actions-heading{ margin-bottom: 14px ; }
body.admin-shell-ready .quick-actions-heading h2{ font-size: 20px ; }
body.admin-shell-ready .quick-actions-grid{
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) ; gap: 12px ;
}
body.admin-shell-ready .quick-action-card{
  grid-template-columns: 44px minmax(0, 1fr) 16px ;
  min-height: 92px ; padding: 16px 18px ; gap: 14px ;
  border-radius: 16px ; background: var(--shell-panel) ; text-align: left ;
  box-shadow: 0 1px 2px rgba(0,0,0,.06) ;
  transition: background .16s ease, border-color .16s ease, transform .16s ease, box-shadow .16s ease ;
}
body.admin-shell-ready .quick-action-card:hover{
  background: var(--shell-hover) ; border-color: var(--shell-ring) ;
  transform: translateY(-2px) ; box-shadow: var(--shell-shadow) ;
}
body.admin-shell-ready .quick-action-icon{
  width: 44px ; height: 44px ; border-radius: 13px ;
  background: var(--shell-accent-soft) ; border-color: transparent ;
}
body.admin-shell-ready .quick-action-icon svg{ width: 21px ; height: 21px ; }
body.admin-shell-ready .quick-action-copy strong{ font-size: 14px ; }
body.admin-shell-ready .quick-action-copy small{ font-size: 12px ; }
body.admin-shell-ready .quick-action-card:hover .quick-action-arrow{ color: var(--shell-accent) ; transform: translateX(2px) ; }
body.admin-shell-ready .quick-action-arrow{ transition: transform .16s ease, color .16s ease ; }

body.admin-shell-ready .admin-diagnostics{
  padding: 16px 20px ; border-radius: 16px ;
  border: 1px solid var(--shell-line) ; background: var(--shell-panel) ; color: var(--shell-text) ;
}
body.admin-shell-ready .admin-diagnostics-head{ align-items: center ; }
body.admin-shell-ready .admin-diagnostics-head h2{ font-size: 16px ; margin: 2px 0 4px ; }
body.admin-shell-ready .admin-diagnostics-description{ color: var(--shell-muted) ; font-size: 13px ; }
body.admin-shell-ready .admin-diagnostics-summary{ margin: 12px 0 0 ; font-size: 13px ; color: var(--shell-muted) ; }

/* --- Painéis e formulários (Publicações, Preferências, Estatísticas, Mensagens, Segurança) --- */
body.admin-shell-ready .workspace-content .panel{
  border-radius: 18px ; border-color: var(--shell-line) ; background: var(--shell-panel) ;
  box-shadow: 0 1px 2px rgba(0,0,0,.05) ;
}
body.admin-shell-ready .workspace-content .panel-heading{ margin-bottom: 20px ; padding-bottom: 16px ; }
body.admin-shell-ready .workspace-content .panel-heading h2{ font-size: 24px ; margin: 0 0 8px ; }
body.admin-shell-ready .workspace-content .panel-heading .eyebrow{ font-size: 10px ; color: var(--shell-accent) ; }
body.admin-shell-ready .workspace-content .subcopy{ font-size: 13px ; line-height: 1.55 ; color: var(--shell-muted) ; }

/* textos de ajuda não colam mais no rótulo do campo seguinte */
body.admin-shell-ready .workspace-content small{ display: block ; margin: 6px 0 12px ; font-size: 12px ; line-height: 1.5 ; }
body.admin-shell-ready .workspace-content label{ display: block ; margin-top: 14px ; font-size: 13px ; }
body.admin-shell-ready .workspace-content .range-line label,
body.admin-shell-ready .workspace-content .rgb-color-row label,
body.admin-shell-ready .workspace-content .check-options label{ display: flex ; margin-top: 0 ; }
body.admin-shell-ready .workspace-content form{ gap: 2px ; }
body.admin-shell-ready .workspace-content input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),
body.admin-shell-ready .workspace-content select,
body.admin-shell-ready .workspace-content textarea{
  min-height: 44px ; padding: 10px 14px ; border-radius: 10px ;
  transition: border-color .15s ease, box-shadow .15s ease ;
}
body.admin-shell-ready .workspace-content textarea{ min-height: 96px ; line-height: 1.5 ; }
body.admin-shell-ready .workspace-content input:focus-visible,
body.admin-shell-ready .workspace-content select:focus-visible,
body.admin-shell-ready .workspace-content textarea:focus-visible{
  outline: 0 ; border-color: var(--shell-accent) ; box-shadow: 0 0 0 3px var(--shell-accent-soft) ;
}
body.admin-shell-ready .workspace-content button:not(.admin-nav-item):not(.quick-action-card){ min-height: 38px ; }
body.admin-shell-ready .workspace-content .form-actions{ margin-top: 22px ; padding-top: 18px ; border-top: 1px solid var(--shell-line) ; }

body.admin-shell-ready .setting-field{ padding: 16px ; border-radius: 14px ; }
body.admin-shell-ready .settings-grid{ gap: 14px ; }
body.admin-shell-ready .settings-grid .setting-field label{ margin-top: 0 ; }

/* Publicações: coluna do formulário e lista ficam equilibradas e a lista acompanha a rolagem */
body.admin-shell-ready .projects-view .admin-layout{ grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr) ; gap: 20px ; }
body.admin-shell-ready .projects-view .list-panel{ position: sticky ; top: 92px ; max-height: calc(100vh - 112px) ; overflow: auto ; }
body.admin-shell-ready .projects-view .item{ padding: 12px ; border-radius: 14px ; transition: border-color .15s ease, background .15s ease ; }
body.admin-shell-ready .projects-view .item:hover{ border-color: var(--shell-ring) ; }
body.admin-shell-ready .workspace-content .empty{
  margin: 8px 0 0 ; padding: 28px 16px ; border: 1px dashed var(--shell-line) ; border-radius: 14px ;
  text-align: center ; color: var(--shell-muted) ;
}

/* Cartões de estatísticas */
body.admin-shell-ready .analytics-view .analytics-cards > *{ border-radius: 14px ; }

:where(body.admin-shell-ready) a:focus-visible,
:where(body.admin-shell-ready) button:focus-visible{ outline: 2px solid var(--shell-accent) ; outline-offset: 2px ; }

@media (max-width: 1180px){
  body.admin-shell-ready .admin-shell-main{ grid-template-columns: 212px minmax(0, 1fr) ; gap: 16px ; }
  body.admin-shell-ready .projects-view .admin-layout{ grid-template-columns: minmax(0, 1fr) ; }
  body.admin-shell-ready .projects-view .list-panel{ position: static ; max-height: none ; }
}
@media (max-width: 1000px){
  body.admin-shell-ready .nav-item-description{ display: none ; }
}

/* --- Celular: navegação em barra rolável fixa no topo --- */
@media (max-width: 720px){
  body.admin-shell-ready .admin-shell-main{ display: block ; margin: 0 auto 20px ; }
  body.admin-shell-ready .admin-sidebar{
    position: sticky ; top: 0 ; z-index: 60 ; height: auto ; margin: 0 -12px 12px ;
    padding: 8px 10px ; border-radius: 0 0 16px 16px ; border-top: 0 ; overflow: visible ; gap: 0 ;
    background: color-mix(in srgb, var(--shell-sidebar) 94%, transparent) ;
    -webkit-backdrop-filter: blur(10px) ; backdrop-filter: blur(10px) ;
  }
  body.admin-shell-ready .sidebar-brand{ display: none ; }
  body.admin-shell-ready .admin-nav{
    display: flex ; gap: 6px ; overflow-x: auto ; padding: 2px 2px 4px ;
    scroll-snap-type: x proximity ; scrollbar-width: none ;
  }
  body.admin-shell-ready .admin-nav::-webkit-scrollbar{ display: none ; }
  body.admin-shell-ready .admin-nav-item{
    flex: 0 0 auto ; width: auto ; min-height: 44px ; padding: 8px 14px ; gap: 8px ;
    border-radius: 999px ; border-color: var(--shell-line) ; white-space: nowrap ; scroll-snap-align: center ;
  }
  body.admin-shell-ready .nav-item-label{ font-size: 12px ; }
  body.admin-shell-ready .workspace-topbar{ position: static ; min-height: 0 ; padding: 4px 2px 12px ; margin-bottom: 14px ; background: none ; -webkit-backdrop-filter: none ; backdrop-filter: none ; }
  body.admin-shell-ready .workspace-topbar h1{ font-size: 26px ; }
  body.admin-shell-ready .overview-view{ gap: 20px ; }
  body.admin-shell-ready .overview-intro h1{ font-size: 28px ; }
  body.admin-shell-ready .overview-intro h1 span{ margin-left: 0 ; display: block ; }
  body.admin-shell-ready .quick-actions-grid{ grid-template-columns: 1fr ; }
  body.admin-shell-ready .quick-action-card{ min-height: 76px ; }
  body.admin-shell-ready .admin-diagnostics-head{ flex-direction: column ; align-items: stretch ; }
  body.admin-shell-ready .workspace-content .panel{ padding: 16px ; }
}
@media (prefers-reduced-motion: reduce){
  body.admin-shell-ready .quick-action-card,
  body.admin-shell-ready .quick-action-arrow,
  body.admin-shell-ready .projects-view .item{ transition: none ; }
  body.admin-shell-ready .quick-action-card:hover{ transform: none ; }
}

/* v23.05.1 — correções do painel: título do Estúdio cortado, barra do formulário no celular e botão Publicar visível. */
body.studio-on .studio .st-title{ justify-content: center; }
body.studio-on .studio .st-title small{ margin-top: 2px; }
@media (max-width: 900px) {
  body.studio-on .studio .st-top > .st-save{ position: sticky; right: 0; z-index: 3; box-shadow: -12px 0 12px -4px #10242b; }
}
@media (max-width: 760px) {
  .project-form-step-navigation{ background: var(--panel, #10242a); border: 1px solid rgba(238,230,211,.18); }
  .project-form-step-navigation button.secondary{ color: #EEE6D3; border-color: rgba(238,230,211,.45); }
}

/* v23.05.4 — títulos dos painéis do Estúdio legíveis (contraste era 1,2:1) e campo de tamanho da fonte mais largo. */
body.studio-on .st-flyout-head h2{ color:#EEE6D3; }
body.studio-on .st-props .vi .vi-title{ color:#17323b; }
body.studio-on #visual-font-size, body.studio-on .st-ctx input[type=number]{ min-width:64px; }

body .visual-inspector .vi-section .vi-title{ color:#6B4A1B !important; }

/* ===== v23.06 — Estúdio: correções de layout (camada final) =====
   Só posição, tamanho e aparência. Não altera IDs, eventos nem o salvamento.
   Ordem: variáveis → barra de status → topo → barra contextual → gavetas → celular. */

/* 1. Variáveis: altura única da barra de status, usada por todas as áreas que a respeitam. */
body.studio-on{ --st-status: 30px; }
@media (max-width: 900px){ body.studio-on{ --st-status: 26px; } }

/* 2. Barra de status: começa na borda esquerda (a antiga coluna de ícones virou a faixa de abas)
      e deixa de cobrir a base da prévia e das gavetas. */
body.studio-on .st-statusbar{ left: 0; right: 0; height: var(--st-status); min-height: var(--st-status); z-index: 31; }
html body.studio-on .unified-site-editor,
html body.studio-on.studio-flyout .unified-site-editor,
html body.studio-on.studio-props .unified-site-editor{ bottom: var(--st-status) !important; }
@media (min-width: 901px){
  html body.studio-on .st-flyout,
  html body.studio-on .st-props{ bottom: var(--st-status) !important; }
}

/* 3. Título do Estúdio: centralizado na altura da barra superior, sem subir nem cortar. */
body.studio-on .studio .st-title{ align-self: center; height: auto !important; min-height: 0 !important; justify-content: center; padding: 0; margin: 0; }
body.studio-on .studio .st-title strong{ line-height: 1.2; }
body.studio-on .studio .st-title small{ margin: 1px 0 0 !important; max-width: 220px; }

/* 4. Barra contextual: todos os campos com o mesmo fundo escuro e texto claro (antes misturava
      campos escuros com texto invisível e seletores brancos). */
body.studio-on .st-ctx input:not([type="color"]):not([type="checkbox"]):not([type="range"]),
body.studio-on .st-ctx select{
  background-color: #182a31 !important; color: #eee6d3 !important; -webkit-text-fill-color: #eee6d3 !important;
  border: 1px solid #314850 !important; border-radius: 8px !important; color-scheme: dark; height: 34px; opacity: 1 !important;
}
body.studio-on .st-ctx select option{ background: #182a31; color: #eee6d3; }
body.studio-on .st-ctx input::placeholder{ color: #8aa0a6 !important; -webkit-text-fill-color: #8aa0a6 !important; }
body.studio-on .st-ctx input:disabled, body.studio-on .st-ctx select:disabled{ opacity: .5 !important; }
body.studio-on .st-ctx .st-slot input[type="number"]{ min-width: 64px; }
body.studio-on .st-slot-fit select{ min-width: 112px; }
body.studio-on .st-slot-family select{ width: 150px; }
body.studio-on .st-ctx .st-tools{ min-width: 0; }

/* 5. Gavetas: rodapé de ações em grade (principal em linha inteira, secundárias lado a lado), fundo sólido,
      sem cobrir campos e sem passar do fim da gaveta. */
body.studio-on .st-flyout-body{ padding-bottom: 16px !important; }
body.studio-on .st-flyout-body .form-actions,
body.studio-on .st-flyout-body .unified-section-actions{
  position: sticky; bottom: -16px; z-index: 3; margin: 12px -16px -16px; padding: 12px 16px 14px;
  display: grid; grid-template-columns: 1fr 1fr; gap: 8px;
  background: #10232a !important; border-top: 1px solid #29414a;
}
body.studio-on .st-flyout-body .form-actions > .primary,
body.studio-on .st-flyout-body .unified-section-actions > .primary{ grid-column: 1 / -1; }
body.studio-on .st-flyout-body .form-actions > button,
body.studio-on .st-flyout-body .unified-section-actions > button{ margin: 0; min-width: 0; white-space: normal; }

/* 6. Painel de propriedades: rodapé fixo sem esconder a lista de camadas. */
body.studio-on .st-props{ min-height: 0; }
body.studio-on .st-props > *:not(.st-flyout-head){ min-height: 0; }

/* 7. Celular e tablet estreito. */
@media (max-width: 900px){
  /* Sem rolagem horizontal escondendo botões: ficam Painel, desfazer/refazer, estado, "Mais", rascunho e Publicar. */
  body.studio-on .st-top{ overflow: visible; }
  body.studio-on .st-top > .st-spacer{ flex: 1 1 0; min-width: 0; }
  body.studio-on .st-top > .st-exit{ order: 1; }
  body.studio-on .st-top > .st-group{ order: 2; }
  body.studio-on .st-top > .st-spacer{ order: 3; }
  body.studio-on .st-top > .st-chip{ order: 4; }
  body.studio-on .st-top > .st-mobile-more{ order: 5; padding: 0 8px; min-width: 38px; }
  body.studio-on .st-top > .st-draft-save{ order: 6; }
  body.studio-on .st-top > .st-save{ order: 7; position: static; box-shadow: none; width: auto; padding: 0 12px; min-width: 0; gap: 6px; }
  body.studio-on .st-top > .st-save span{ display: inline !important; font-size: .8rem; }
  body.studio-on .st-top > .st-btn,
  body.studio-on .st-top > .st-link,
  body.studio-on .st-top > .ux-dest,
  .studio .st-top > .st-store-link{ display: none !important; }
  body.studio-on .st-top > .st-title,
  body.studio-on .st-top > .st-seg,
  body.studio-on .st-top > .st-zoom{ display: none; }
  /* "Mais": mostra as opções extras (tamanho da prévia, zoom, atualizar, links) na própria barra, que passa a rolar. */
  body.studio-on.st-mobile-more-open .st-top{ overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
  body.studio-on.st-mobile-more-open .st-top > .st-seg,
  body.studio-on.st-mobile-more-open .st-top > .st-zoom,
  body.studio-on.st-mobile-more-open .st-top > .st-btn,
  body.studio-on.st-mobile-more-open .st-top > .st-link,
  .studio .st-top > .st-store-link{ order: 5; }
  body.studio-on.st-mobile-more-open .st-top > .st-seg,
  body.studio-on.st-mobile-more-open .st-top > .st-zoom,
  body.studio-on.st-mobile-more-open .st-top > .st-btn,
  body.studio-on.st-mobile-more-open .st-top > .st-link,
  body.studio-on.st-mobile-more-open .studio .st-top > .st-store-link{ display: inline-flex !important; }
  body.studio-on.st-mobile-more-open .st-top > .st-save{ position: sticky; right: 0; box-shadow: -12px 0 12px -4px #10242b; }
}

/* 8. Celular estreito: "Mais" vira só ícone e as quatro abas cabem na largura, sem cortar "Camadas". */
@media (max-width: 480px){
  body.studio-on .st-top > .st-mobile-more{ min-width: 38px; width: 38px; padding: 0; font-size: 0; gap: 0; }
  body.studio-on .st-top > .st-mobile-more svg{ width: 18px; height: 18px; }
  body.studio-on .st-rail{ gap: 4px !important; padding: 5px 8px !important; overflow-x: hidden !important; }
  body.studio-on .st-rail-btn{ flex: 1 1 0 !important; min-width: 0 !important; padding: 7px 4px !important; gap: 5px !important; font-size: .72rem !important; }
  body.studio-on .st-rail-btn svg{ width: 15px !important; height: 15px !important; }
}


/* ===== v23.07 — contraste integral do Estúdio de edição =====
/*
 * Corrige o conflito de cascata que mantinha os campos do inspetor escuros
 * mesmo depois da adoção dos painéis claros. Mantém a hierarquia visual:
 * superfícies claras para leitura/edição, barras estruturais escuras e acento dourado.
 * Escopo restrito ao Estúdio; a prévia (iframe) e o site público não são afetados.
 */
body.studio-on .st-flyout,
body.studio-on .st-props {
  background: #f7f8f5 !important;
  color: #17323b !important;
  border-color: #c7d2cd !important;
  color-scheme: light;
}
body.studio-on .st-flyout-head {
  background: #edf1ed !important;
  border-color: #c7d2cd !important;
}
body.studio-on .st-flyout-head h2,
body.studio-on .st-flyout-body,
body.studio-on .st-flyout-body :is(h1,h2,h3,h4,p,legend,summary),
body.studio-on .st-props .vi {
  color: #17323b !important;
}
body.studio-on .st-flyout-body :is(label,.muted,small,.status,.help-text,.field-help,.description),
body.studio-on .st-props .vi :is(.vi-tip,.vi-status,small,.vi-empty) {
  color: #52676b !important;
  opacity: 1 !important;
}
body.studio-on .st-flyout-body label,
body.studio-on .st-props .vi label {
  color: #344f56 !important;
  -webkit-text-fill-color: #344f56 !important;
  font-weight: 650 !important;
}
body.studio-on .st-props .vi {
  --vi-bg: #ffffff;
  --vi-panel: #f1f4f0;
  --vi-raised: #e8eeea;
  --vi-line: #aebdb7;
  --vi-line-soft: #d8e0db;
  --vi-text: #17323b;
  --vi-muted: #52676b;
  --vi-accent: #76501d;
  --vi-accent-soft: #f4ead7;
  color: #17323b !important;
  color-scheme: light;
}
body.studio-on .st-props .vi .vi-head,
body.studio-on .st-props .vi .vi-foot {
  background: #edf1ed !important;
  border-color: #c7d2cd !important;
}
body.studio-on .st-props .vi .vi-selection {
  background: #f7f8f5 !important;
}
body.studio-on .st-props .vi .vi-selection-text :is(small,p),
body.studio-on .st-props .vi .vi-selection-text small {
  color: #52676b !important;
  -webkit-text-fill-color: #52676b !important;
}
body.studio-on .st-props .vi .vi-tabs {
  background: #e9eeea !important;
}
body.studio-on .st-props .vi .vi-tab {
  color: #40585e !important;
  -webkit-text-fill-color: #40585e !important;
}
body.studio-on .st-props .vi .vi-tab[aria-selected="true"] {
  color: #684718 !important;
  -webkit-text-fill-color: #684718 !important;
  background: #fff !important;
}
body.studio-on .st-props .vi .vi-section {
  background: #fff !important;
  border-color: #d4ddd7 !important;
}
body.studio-on .st-props .vi .vi-title,
body.studio-on .st-props .vi .vi-title * {
  color: #684718 !important;
  -webkit-text-fill-color: #684718 !important;
}
body.studio-on .st-props .vi input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]):not([type="range"]),
body.studio-on .st-props .vi select,
body.studio-on .st-props .vi textarea,
body.studio-on .st-flyout-body input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]):not([type="range"]),
body.studio-on .st-flyout-body select,
body.studio-on .st-flyout-body textarea {
  background: #fff !important;
  color: #17323b !important;
  -webkit-text-fill-color: #17323b !important;
  border: 1px solid #9aaba4 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  color-scheme: light;
}
body.studio-on .st-props .vi input::placeholder,
body.studio-on .st-props .vi textarea::placeholder,
body.studio-on .st-flyout-body input::placeholder,
body.studio-on .st-flyout-body textarea::placeholder {
  color: #617477 !important;
  -webkit-text-fill-color: #617477 !important;
  opacity: 1 !important;
}
body.studio-on .st-props .vi select option,
body.studio-on .st-flyout-body select option {
  background: #fff !important;
  color: #17323b !important;
}
body.studio-on .st-props .vi input:disabled,
body.studio-on .st-props .vi select:disabled,
body.studio-on .st-props .vi textarea:disabled,
body.studio-on .st-flyout-body input:disabled,
body.studio-on .st-flyout-body select:disabled,
body.studio-on .st-flyout-body textarea:disabled {
  background: #edf1ed !important;
  color: #52676b !important;
  -webkit-text-fill-color: #52676b !important;
  border-color: #c3cec8 !important;
  opacity: 1 !important;
}
body.studio-on .st-props .vi input:focus-visible,
body.studio-on .st-props .vi select:focus-visible,
body.studio-on .st-props .vi textarea:focus-visible,
body.studio-on .st-flyout-body input:focus-visible,
body.studio-on .st-flyout-body select:focus-visible,
body.studio-on .st-flyout-body textarea:focus-visible,
body.studio-on .st-flyout-body button:focus-visible {
  outline: 2px solid #8b6127 !important;
  outline-offset: 2px !important;
  border-color: #8b6127 !important;
}
body.studio-on .st-props .vi .vi-unit-input > span {
  color: #52676b !important;
}
body.studio-on .st-props .vi .vi-subgroup,
body.studio-on .st-props .vi .vi-empty,
body.studio-on .st-props .vi .vi-notice {
  color: #344f56 !important;
  border-color: #c7d2cd !important;
}
body.studio-on .st-props .vi .vi-notice {
  background: #f4ead7 !important;
}
body.studio-on .st-props .vi button.secondary,
body.studio-on .st-flyout-body button.secondary,
body.studio-on .st-flyout-body .settings-tab {
  background: #edf1ed !important;
  color: #17323b !important;
  -webkit-text-fill-color: #17323b !important;
  border: 1px solid #aebdb7 !important;
}
body.studio-on .st-props .vi button.secondary:hover:not(:disabled),
body.studio-on .st-flyout-body button.secondary:hover:not(:disabled),
body.studio-on .st-flyout-body .settings-tab:hover {
  background: #e2eae4 !important;
  border-color: #8b6127 !important;
}
body.studio-on .st-flyout-body button.primary,
body.studio-on .st-props .vi button.primary {
  background: #c0924d !important;
  color: #17130b !important;
  -webkit-text-fill-color: #17130b !important;
  border-color: #9b7134 !important;
}
body.studio-on .st-flyout-body .settings-tab.active {
  background: #17323b !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-color: #17323b !important;
}
body.studio-on .st-flyout-body .panel,
body.studio-on .st-flyout-body .setting-field,
body.studio-on .st-flyout-body fieldset,
body.studio-on .st-flyout-body .editor-pro-card {
  color: #17323b !important;
}
body.studio-on .st-flyout-body .editor-pro-card {
  background: #fff !important;
  border-color: #c7d2cd !important;
}
body.studio-on .st-flyout-body .editor-pro-card :is(p,small) {
  color: #52676b !important;
}
body.studio-on .st-ctx {
  background: #f7f8f5 !important;
  color: #17323b !important;
  border-color: #c7d2cd !important;
}
body.studio-on .st-hint,
body.studio-on .st-mini,
body.studio-on .st-color-pair .st-mini {
  color: #40585e !important;
}
body.studio-on .st-ctx .st-textbtn,
body.studio-on .st-ctx select,
body.studio-on .st-ctx input:not([type="color"]) {
  background: #fff !important;
  color: #17323b !important;
  -webkit-text-fill-color: #17323b !important;
  border-color: #aebdb7 !important;
}
body.studio-on .st-rail-btn { color: #c1cece !important; }
body.studio-on .st-rail-btn.active { color: #f0c77f !important; }
body.studio-on .st-statusbar { color: #40585e !important; }
body.studio-on .st-status-selection { color: #17323b !important; }
body.studio-on .st-status-viewport { border-color: #c7d2cd !important; }


/* ===== v23.08 — Photoshop-inspired workspace =====
   Reorganiza a experiência do Estúdio: ferramentas verticais à esquerda,
   página no centro e inspetor encaixado à direita. Nenhum motor de edição,
   identificador de formulário ou fluxo de persistência é substituído. */
@media (min-width: 901px) {
  body.studio-on {
    --st-rail: 72px;
    --st-nav: 0px;
    --st-fly: 318px;
    --st-props: 318px;
    --st-top: 54px;
    --st-ctx: 48px;
  }
  body.studio-on .st-rail {
    position: fixed !important;
    z-index: 34 !important;
    top: calc(var(--st-top) + var(--st-ctx)) !important;
    bottom: var(--st-status) !important;
    left: 0 !important;
    right: auto !important;
    width: var(--st-rail) !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    padding: 12px 7px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: #101c21 !important;
    border-right: 1px solid #2b4148 !important;
    border-bottom: 0 !important;
  }
  body.studio-on .st-rail-btn {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    width: 100% !important;
    min-height: 58px !important;
    height: auto !important;
    padding: 8px 3px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    border: 1px solid transparent !important;
    border-radius: 9px !important;
    background: transparent !important;
    color: #b7c4c2 !important;
    font-size: 10px !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    text-align: center !important;
  }
  body.studio-on .st-rail-btn svg {
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 auto !important;
  }
  body.studio-on .st-rail-btn:hover {
    background: #1c3037 !important;
    color: #f1e6d3 !important;
  }
  body.studio-on .st-rail-btn.active,
  body.studio-on .st-rail-btn[aria-pressed="true"] {
    background: rgba(192,146,77,.15) !important;
    border-color: rgba(192,146,77,.55) !important;
    color: #e8c78f !important;
  }
  body.studio-on .st-rail-btn:focus-visible {
    outline: 2px solid #c0924d !important;
    outline-offset: 2px !important;
  }
  body.studio-on .unified-site-editor,
  body.studio-on.studio-flyout .unified-site-editor,
  body.studio-on.studio-props .unified-site-editor {
    top: calc(var(--st-top) + var(--st-ctx)) !important;
    left: var(--st-rail) !important;
    right: 0 !important;
    bottom: var(--st-status) !important;
    padding: 14px 16px !important;
    transition: left .18s ease, right .18s ease !important;
  }
  body.studio-on.studio-flyout .unified-site-editor {
    left: calc(var(--st-rail) + var(--st-fly)) !important;
  }
  body.studio-on.studio-props .unified-site-editor {
    right: var(--st-props) !important;
  }
  body.studio-on .st-flyout,
  body.studio-on .st-props {
    top: calc(var(--st-top) + var(--st-ctx)) !important;
    bottom: var(--st-status) !important;
    height: auto !important;
    max-height: none !important;
    border-radius: 0 !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.24) !important;
    overflow: hidden !important;
  }
  body.studio-on .st-flyout {
    left: var(--st-rail) !important;
    right: auto !important;
    width: var(--st-fly) !important;
    border-right: 1px solid #2b4148 !important;
    border-bottom: 0 !important;
  }
  body.studio-on .st-props {
    left: auto !important;
    right: 0 !important;
    width: var(--st-props) !important;
    border-left: 1px solid #2b4148 !important;
    border-bottom: 0 !important;
  }
  body.studio-on .st-flyout-body,
  body.studio-on .st-props .st-flyout-body {
    display: block !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 12px 15px 22px !important;
    overscroll-behavior: contain !important;
  }
  body.studio-on .st-flyout-head,
  body.studio-on .st-props .st-flyout-head {
    flex: 0 0 50px !important;
    min-height: 50px !important;
    padding: 0 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: #14262c !important;
    border-bottom: 1px solid #2b4148 !important;
  }
  body.studio-on .st-flyout-head h2 {
    margin: 0 !important;
    color: #eee6d3 !important;
    font: 650 13px/1.2 system-ui, sans-serif !important;
    letter-spacing: .01em !important;
  }
  body.studio-on .st-props .visual-inspector {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 9px !important;
    min-width: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }
  body.studio-on .st-props .vi-head {
    position: sticky !important;
    top: -12px !important;
    z-index: 5 !important;
    background: #f1f4f0 !important;
    padding: 0 0 9px !important;
  }
  body.studio-on .st-props .vi-tabs {
    display: grid !important;
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 4px !important;
  }
  body.studio-on .st-props .vi-tab {
    min-width: 0 !important;
    justify-content: center !important;
    padding: 8px 3px !important;
    font-size: 10px !important;
  }
  body.studio-on .st-props .vi-tab svg { width: 14px !important; height: 14px !important; }
  body.studio-on .st-props .vi-search-wrap { margin: 0 0 8px !important; }
  body.studio-on .st-props .vi-pane,
  body.studio-on .st-props .vi-section { min-width: 0 !important; }
  body.studio-on .st-flyout-body .settings-tabs {
    position: sticky !important;
    top: -12px !important;
    z-index: 6 !important;
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 5px !important;
    margin: -12px -15px 14px !important;
    padding: 10px 13px 11px !important;
    background: #f1f4f0 !important;
    border-bottom: 1px solid #34464a !important;
  }
  body.studio-on .st-flyout-body .settings-tab {
    min-width: 0 !important;
    min-height: 34px !important;
    padding: 8px 10px !important;
    border: 1px solid rgba(238,230,211,.12) !important;
    border-radius: 7px !important;
    background: #202b2e !important;
    color: #c5d0cd !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-align: left !important;
  }
  body.studio-on .st-flyout-body .settings-tab.active {
    background: rgba(192,146,77,.16) !important;
    border-color: rgba(192,146,77,.6) !important;
    color: #f0d39e !important;
  }
  body.studio-on .st-flyout-body .settings-tab.active::after { display: none !important; }
  body.studio-on .st-flyout-body .settings-tab-description {
    margin: 0 0 12px !important;
    padding: 0 0 10px !important;
    border-bottom: 1px solid rgba(238,230,211,.1) !important;
    color: #aebdb9 !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
  }
  body.studio-on .st-flyout-body .tab-fields .setting-field {
    padding: 9px 0 !important;
    border-bottom: 1px solid rgba(238,230,211,.08) !important;
  }
  body.studio-on .st-flyout-body .panel-heading { display: none !important; }
  body.studio-on .ux-search {
    position: sticky !important;
    top: -12px !important;
    z-index: 8 !important;
    margin: -12px -15px 10px !important;
    padding: 11px 13px !important;
    background: #f1f4f0 !important;
    border-bottom: 1px solid rgba(238,230,211,.1) !important;
  }
  body.studio-on .ux-search input {
    min-height: 36px !important;
    border-radius: 7px !important;
    background: #0f181b !important;
    color: #eee6d3 !important;
    border-color: #40545a !important;
  }
  body.studio-on .ux-search input::placeholder { color: #91a5a7 !important; }
  body.studio-on .ux-search-results {
    position: relative !important;
    max-height: 210px !important;
    overflow: auto !important;
    margin: 6px 0 0 !important;
    padding: 5px !important;
    background: #0f181b !important;
    border: 1px solid #40545a !important;
    border-radius: 8px !important;
  }
  body.studio-on .st-flyout-body .st-pane > .panel {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  body.studio-on .st-flyout-body .st-pane > .panel > label:first-of-type { margin-top: 2px !important; }
}

/* Em telas menores, a barra de ferramentas permanece horizontal e os painéis viram gavetas. */
@media (max-width: 900px) {
  body.studio-on { --st-nav: 46px; --st-rail: 52px; }
  body.studio-on .st-rail {
    top: calc(var(--st-top) + var(--st-ctx)) !important;
    bottom: auto !important;
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    height: var(--st-nav) !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 5px 8px !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--st-line) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }
  body.studio-on .st-rail-btn {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 76px !important;
    min-height: 34px !important;
    height: 34px !important;
    flex-direction: row !important;
    gap: 6px !important;
    padding: 6px 8px !important;
    font-size: 10px !important;
  }
  body.studio-on .st-rail-btn svg { width: 16px !important; height: 16px !important; }
  body.studio-on .unified-site-editor,
  body.studio-on.studio-flyout .unified-site-editor,
  body.studio-on.studio-props .unified-site-editor {
    top: calc(var(--st-top) + var(--st-ctx) + var(--st-nav)) !important;
    left: 0 !important;
    right: 0 !important;
    bottom: var(--st-status) !important;
    padding: 8px !important;
  }
  body.studio-on .st-flyout,
  body.studio-on .st-props {
    top: calc(var(--st-top) + var(--st-ctx) + var(--st-nav)) !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    width: 100% !important;
    max-height: 55vh !important;
    height: auto !important;
    border-radius: 0 0 12px 12px !important;
  }
  body.studio-on .st-flyout-body,
  body.studio-on .st-props .st-flyout-body {
    display: block !important;
    max-height: calc(55vh - 50px) !important;
    overflow-y: auto !important;
  }
}


/* Redimensionamento acessível dos painéis laterais do Estúdio. */
@media (min-width: 901px) {
  body.studio-on .st-resize-handle {
    position: absolute !important;
    z-index: 20 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 9px !important;
    display: block !important;
    background: transparent !important;
    cursor: col-resize !important;
    touch-action: none !important;
  }
  body.studio-on .st-flyout > .st-resize-handle { right: -4px !important; }
  body.studio-on .st-props > .st-resize-handle { left: -4px !important; }
  body.studio-on .st-resize-handle::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 4px !important;
    width: 1px !important;
    background: transparent !important;
    transition: background .15s ease !important;
  }
  body.studio-on .st-resize-handle:hover::after,
  body.studio-on .st-resize-handle:focus-visible::after,
  body.studio-on .st-resize-handle.is-dragging::after { background: #c0924d !important; }
  body.studio-resizing,
  body.studio-resizing * { cursor: col-resize !important; user-select: none !important; }
}
@media (max-width: 900px) {
  body.studio-on .st-resize-handle { display: none !important; }
}

/* v23.07 — réguas/guias, autosave, linha do tempo e edição dos nomes de camada */
.visual-editor-preview-column{display:flex;flex-direction:column;gap:8px;min-width:0;min-height:0}
.editor-guides-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px 10px;border:1px solid #314850;border-radius:10px;background:#142a32;color:#eee6d3}
.editor-guides-toolbar button{min-height:32px;padding:6px 10px;background:#1b343d;color:#eee6d3;border:1px solid #536c70;border-radius:7px;font-size:11px}
.editor-guides-toolbar button:hover,.editor-guides-toolbar button.is-active{background:#294b55;border-color:#c0924d;color:#fff}
.editor-guides-toolbar button:focus-visible{outline:2px solid #c0924d;outline-offset:2px}
.editor-guides-status,.editor-autosave-status{font-size:10px;line-height:1.4;color:#cbd7d5;padding:2px 3px;flex:1 1 190px;min-width:150px}
.editor-autosave-status{flex-basis:100%;border-top:1px solid #314850;padding-top:6px;color:#b9c9c5}
.editor-autosave-status[data-state="saved"]{color:#a9d5b2}
.editor-autosave-status[data-state="pending"],.editor-autosave-status[data-state="saving"]{color:#e7c782}
.editor-autosave-status[data-state="warning"],.editor-autosave-status[data-state="error"]{color:#f0a39a}
.visual-layer-rename-input{min-width:0;width:100%;height:27px!important;padding:3px 6px!important;border:1px solid #c0924d!important;border-radius:5px!important;background:#101f26!important;color:#fff!important;font:600 11px/1.3 Arial,sans-serif!important}
.ve-history-panel{margin-top:14px;padding-top:12px;border-top:1px solid rgba(98,122,126,.45)}
.ve-history-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px;color:#eee6d3;font-size:11px}
.ve-history-heading span{color:#9eafac;font-size:10px;font-weight:400}
.ve-history-list{list-style:none;display:flex;flex-direction:column;gap:5px;margin:0;padding:0;max-height:300px;overflow:auto}
.ve-history-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px;border:1px solid rgba(98,122,126,.32);border-radius:7px;background:rgba(14,45,58,.18)}
.ve-history-entry-info{display:flex;flex-direction:column;gap:3px;min-width:0}
.ve-history-entry-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eee6d3;font-size:10px;font-weight:600}
.ve-history-entry-info small{color:#9eafac;font-size:9px}
.ve-history-item .vi-link-btn{flex:0 0 auto;color:#dfbd7d;font-size:10px;padding:3px 5px}
.ve-history-item .vi-link-btn:hover{color:#fff;text-decoration:underline}
@media(max-width:700px){.editor-guides-toolbar{padding:7px;gap:5px}.editor-guides-toolbar button{font-size:10px;min-height:30px;padding:5px 7px}.editor-guides-status{flex-basis:100%}.editor-autosave-status{font-size:10px}.visual-editor-preview-column{min-height:0}}

/* v23.07 — cinco colunas reais na árvore de camadas (expandir, selecionar, renomear, visibilidade, bloqueio). */
.visual-layer-row{grid-template-columns:23px minmax(0,1fr) 27px 27px 27px}
.visual-layer-row .visual-layer-rename{color:#dfbd7d;border-color:rgba(192,146,77,.28)}
.visual-layer-row .visual-layer-rename:hover:not(:disabled){color:#fff;background:rgba(192,146,77,.18);border-color:#c0924d}
.visual-layer-rename-input:focus{outline:2px solid #c0924d;outline-offset:1px}
@media(max-width:620px){.visual-layer-row{grid-template-columns:22px minmax(0,1fr) 25px 25px 25px;gap:2px}.visual-layer-row .visual-layer-mini{width:25px;min-width:25px}}

/* v23.08 — limitar trabalho de pintura/layout em árvores extensas e no canvas durante drag. */
.visual-layer-branch{contain:layout style;content-visibility:auto;contain-intrinsic-size:auto 44px}
.visual-layer-children{contain:layout style;content-visibility:auto;contain-intrinsic-size:auto 180px}
.visual-layer-row{contain:layout style paint}

/* v23.09 — linhas virtualizadas: altura fixa para calcular o viewport sem materializar a árvore inteira. */
.visual-layer-branch.is-virtual-row{height:46px;min-height:46px;overflow:hidden}
.visual-layer-branch.is-virtual-row>.visual-layer-row{height:46px;min-height:46px;margin:0;box-sizing:border-box}
.visual-layer-virtual-spacer{grid-column:1/-1;display:block;width:100%;min-height:0;padding:0;border:0;pointer-events:none;contain:strict}

/* ===== SOURCE: admin-studio-unified-v2313.css | painel único de edição =====
   Ferramentas, ajustes rápidos e inspetor ocupam o mesmo dock esquerdo.
*/
body.studio-on {
  --st-top: 54px;
  --st-ctx: 44px;
  --st-rail: 72px;
  --st-fly: 330px;
  --st-status: 30px;
}

/* O mesmo elemento recebe as categorias e o inspetor; não existem dois docks. */
html body.studio-on.studio-flyout .st-panel {
  display: flex !important;
  left: var(--st-rail) !important;
  right: auto !important;
  width: var(--st-fly) !important;
  max-width: calc(100vw - var(--st-rail) - 120px) !important;
  z-index: 35 !important;
  background: #f7f8f5 !important;
  border-right: 1px solid #c7d2cd !important;
  box-shadow: 12px 0 32px rgba(0,0,0,.18) !important;
}
html body.studio-on:not(.studio-flyout) .st-panel { display: none !important; }

/* Área de prévia: somente a navegação e o dock esquerdo reduzem sua largura. */
html body.studio-on .st-rail { bottom: var(--st-status) !important; }
html body.studio-on .st-panel > .st-flyout-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  background: #f7f8f5 !important;
  scrollbar-color: #9aa9a4 #f7f8f5;
}
html body.studio-on .st-panel > .st-flyout-head {
  min-height: 54px;
  padding: 0 14px 0 17px;
  background: #edf1ed !important;
  border-bottom: 1px solid #c7d2cd !important;
}
html body.studio-on .st-panel > .st-flyout-head h2 {
  color: #17323b !important;
  font-size: 13px;
  font-weight: 750;
  letter-spacing: .025em;
}
html body.studio-on .st-panel .st-pane { width: 100%; min-width: 0; }
html body.studio-on .st-panel .st-pane[hidden] { display: none !important; }
html body.studio-on .st-panel .st-pane > .panel {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body.studio-on .st-panel .st-pane input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
html body.studio-on .st-panel .st-pane select,
html body.studio-on .st-panel .st-pane textarea {
  max-width: 100%;
  background: #ffffff !important;
  border: 1px solid #aebdb7 !important;
  color: #17323b !important;
}
html body.studio-on .st-panel .st-pane input::placeholder,
html body.studio-on .st-panel .st-pane textarea::placeholder { color: #5d6f73 !important; }

/* Controles contextuais saem da barra superior e ficam agrupados em Elemento. */
html body.studio-on .st-element-quick {
  margin: 0 0 16px;
  padding: 12px;
  border: 1px solid #c7d2cd;
  border-radius: 10px;
  background: #eef2ee;
}
html body.studio-on .st-element-quick[hidden] { display: none !important; }
html body.studio-on .st-element-quick > h3 {
  margin: 0 0 10px;
  color: #5c3f12 !important;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .06em;
  text-transform: uppercase;
}
html body.studio-on .st-element-quick .st-tools {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 11px;
  width: 100%;
  min-width: 0;
}
html body.studio-on .st-element-quick .st-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  min-width: 0;
  padding: 0;
  border: 0;
}
html body.studio-on .st-element-quick .st-color-group { gap: 7px 10px; }
html body.studio-on .st-element-quick .st-color-pair { gap: 5px; padding: 0; border: 0; }
html body.studio-on .st-element-quick .st-color-pair .st-mini,
html body.studio-on .st-element-quick .st-mini { color: #344f56 !important; font-size: 10px; }
html body.studio-on .st-element-quick .st-slot-family select { width: 132px; max-width: 100%; }
html body.studio-on .st-element-quick .st-slot-size input { width: 58px; }
html body.studio-on .st-element-quick .st-slot-fit select { width: 112px; max-width: 100%; }
html body.studio-on .st-element-quick .st-textbtn,
html body.studio-on .st-element-quick .st-btn {
  min-height: 32px;
  border: 1px solid #aebdb7;
  border-radius: 7px;
  background: #ffffff;
  color: #17323b;
}
html body.studio-on .st-element-quick .st-textbtn:hover,
html body.studio-on .st-element-quick .st-btn:hover { border-color: #17323b; background: #e8eeea; }

/* A alça única redimensiona o dock pelo lado direito. */
@media (min-width: 901px) {
  html body.studio-on .st-resize-handle {
    right: -4px !important;
    left: auto !important;
  }
  body.studio-on { --st-status: 30px; }
  body.studio-on .st-rail { bottom: var(--st-status); }
}

/* Em telas estreitas, a navegação vira uma faixa horizontal e o dock vira gaveta. */
@media (max-width: 900px) {
  body.studio-on { --st-top: 52px; --st-ctx: 44px; --st-nav: 48px; --st-status: 26px; }
  html body.studio-on .st-panel {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: 56vh !important;
    border-right: 0 !important;
    border-radius: 0 0 12px 12px !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.45) !important;
  }
  html body.studio-on .st-panel > .st-flyout-body {
    max-height: calc(56vh - 54px) !important;
    padding: 12px 13px 18px !important;
  }
  html body.studio-on .st-resize-handle { display: none !important; }
  html body.studio-on .st-statusbar { padding-inline: 8px !important; }
}
@media (max-width: 520px) {
  html body.studio-on .st-status-hint { display: none !important; }
  html body.studio-on .st-element-quick .st-color-group { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (prefers-reduced-motion: reduce) {
  html body.studio-on .unified-site-editor { transition: none !important; }
}

/* v23.15 — hierarquia por tarefa: fundo, propriedades e mídia em categorias claras */
html body.studio-on .st-ctx {
  min-height: 34px !important;
  padding: 6px 14px !important;
  display: flex !important;
  align-items: center !important;
  background: #10232b !important;
  border-bottom: 1px solid #29434b !important;
  color: #b4c4c1 !important;
}
html body.studio-on .st-hint {
  margin: 0 !important;
  color: #b4c4c1 !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}
html body.studio-on .st-rail {
  background: #0d1d23 !important;
  border-right: 1px solid #29434b !important;
}
html body.studio-on .st-rail-btn {
  min-height: 58px !important;
  gap: 5px !important;
  padding: 8px 3px !important;
  color: #aebfbd !important;
}
html body.studio-on .st-rail-btn span {
  max-width: 68px !important;
  font-size: 9px !important;
  line-height: 1.15 !important;
  white-space: normal !important;
  text-align: center !important;
}
html body.studio-on .st-rail-btn.active {
  color: #f0d6a5 !important;
  background: rgba(192,146,77,.13) !important;
  box-shadow: inset 2px 0 #c0924d !important;
}
html body.studio-on .st-panel > .st-flyout-body {
  padding: 12px 14px 22px !important;
}
html body.studio-on .st-panel .st-pane > .panel > .panel-heading {
  margin: 0 0 14px !important;
  padding: 2px 0 12px !important;
  border-bottom: 1px solid #c7d2cd !important;
}
html body.studio-on .st-panel .st-pane > .panel > .panel-heading h2 {
  margin: 0 0 5px !important;
  color: #17323b !important;
  font-size: 15px !important;
  font-weight: 750 !important;
}
html body.studio-on .st-panel .st-pane > .panel > .panel-heading .eyebrow {
  color: #76501d !important;
  font-size: 9px !important;
  letter-spacing: .09em !important;
}
html body.studio-on .st-panel .st-pane > .panel > .panel-heading .subcopy {
  color: #4b6064 !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}

/* Fundo do site e da capa: uma categoria por aba, sem uma lista interminável de campos. */
html body.studio-on .st-bg-tabs {
  display: flex !important;
  gap: 5px !important;
  margin: 0 0 12px !important;
  padding: 2px 0 8px !important;
  overflow-x: auto !important;
  scrollbar-width: thin;
  scrollbar-color: #9aa9a4 transparent;
}
html body.studio-on .st-bg-tab {
  flex: 0 0 auto !important;
  min-height: 34px !important;
  padding: 7px 10px !important;
  border: 1px solid #c7d2cd !important;
  border-radius: 8px !important;
  background: #f1f4f0 !important;
  color: #344f56 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}
html body.studio-on .st-bg-tab[aria-selected="true"] {
  background: #17323b !important;
  color: #ffffff !important;
  border-color: #17323b !important;
}
html body.studio-on .st-bg-pane[hidden] { display: none !important; }
html body.studio-on .st-bg-pane {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}
html body.studio-on .st-bg-note {
  margin: 0 0 3px !important;
  color: #4b6064 !important;
  font-size: 10px !important;
  line-height: 1.45 !important;
}
html body.studio-on .st-bg-field {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  gap: 5px !important;
  min-width: 0 !important;
  padding: 9px 10px !important;
  border: 1px solid #c7d2cd !important;
  border-radius: 9px !important;
  background: #ffffff !important;
}
html body.studio-on .st-bg-field > label {
  margin: 0 !important;
  color: #344f56 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}
html body.studio-on .st-bg-field > input:not([type="checkbox"]):not([type="range"]):not([type="color"]),
html body.studio-on .st-bg-field > select {
  width: 100% !important;
  min-width: 0 !important;
}
html body.studio-on .st-bg-field > input[type="range"] { width: 100% !important; }
html body.studio-on .st-bg-field > label.bg-check {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
html body.studio-on .bg-effects-layout { display: block !important; }
html body.studio-on .bg-effects-controls {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  min-width: 0 !important;
}
html body.studio-on .bg-color-grid { grid-template-columns: minmax(0,1fr) !important; gap: 8px !important; }
html body.studio-on .bg-color-field {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  gap: 6px !important;
  padding: 9px !important;
  border: 1px solid #c7d2cd !important;
  border-radius: 9px !important;
  background: #f1f4f0 !important;
}
html body.studio-on .bg-color-field > label { color: #344f56 !important; font-size: 10px !important; }
html body.studio-on .bg-color-field > div { min-width: 0 !important; }
html body.studio-on .bg-effects-controls .bg-effect-actions {
  position: sticky !important;
  bottom: -22px !important;
  z-index: 3 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  padding: 12px 0 8px !important;
  background: linear-gradient(180deg,rgba(247,248,245,0),#f7f8f5 22%) !important;
}
html body.studio-on .bg-effects-controls .bg-effect-actions button { flex: 1 1 100px !important; }
html body.studio-on .st-bg-accordion,
html body.studio-on .st-bg-preview-details {
  margin: 0 !important;
  padding: 0 11px !important;
  border: 1px solid #c7d2cd !important;
  border-radius: 9px !important;
  background: #ffffff !important;
}
html body.studio-on .st-bg-accordion > summary,
html body.studio-on .st-bg-preview-details > summary {
  padding: 11px 0 !important;
  color: #17323b !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  cursor: pointer !important;
}
html body.studio-on .st-bg-accordion[open] > summary,
html body.studio-on .st-bg-preview-details[open] > summary { border-bottom: 1px solid #c7d2cd !important; }
html body.studio-on .st-bg-accordion > fieldset,
html body.studio-on .st-bg-preview-details .bg-effects-preview-column {
  margin: 10px 0 !important;
  min-width: 0 !important;
}
html body.studio-on .st-bg-preview-details .bg-effects-preview-column { display: block !important; }

/* Inspetor do elemento: abas explícitas para cada propriedade. */
html body.studio-on .visual-inspector { display: flex !important; flex-direction: column !important; min-width: 0 !important; gap: 10px !important; }
html body.studio-on .visual-inspector .vi-head { display: flex !important; flex-direction: column !important; gap: 10px !important; }
html body.studio-on .visual-inspector .vi-selection { margin: 0 !important; padding: 9px 10px !important; border: 1px solid #c7d2cd !important; border-radius: 9px !important; background: #f1f4f0 !important; }
html body.studio-on .visual-inspector .vi-tabs {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 5px !important;
  margin: 0 !important;
  padding: 0 0 9px !important;
  border-bottom: 1px solid #c7d2cd !important;
}
html body.studio-on .visual-inspector .vi-category-tab {
  min-width: 0 !important;
  min-height: 33px !important;
  padding: 6px 4px !important;
  border: 1px solid #c7d2cd !important;
  border-radius: 7px !important;
  background: #f1f4f0 !important;
  color: #344f56 !important;
  font-size: 9px !important;
  font-weight: 750 !important;
  line-height: 1.1 !important;
  justify-content: center !important;
  white-space: normal !important;
}
html body.studio-on .visual-inspector .vi-category-tab[aria-selected="true"] {
  background: #17323b !important;
  color: #ffffff !important;
  border-color: #17323b !important;
}
html body.studio-on .visual-inspector .vi-search-wrap { margin: 0 !important; }
html body.studio-on .visual-inspector .vi-search-wrap input { min-height: 34px !important; }
html body.studio-on .visual-inspector .vi-body {
  display: block !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
}
html body.studio-on .visual-inspector .vi-category-pane[hidden] { display: none !important; }
html body.studio-on .visual-inspector .vi-category-pane {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
html body.studio-on .visual-inspector .vi-category-heading {
  margin: 0 !important;
  padding: 0 0 8px !important;
  border-bottom: 1px solid #c7d2cd !important;
}
html body.studio-on .visual-inspector .vi-category-heading h3 {
  margin: 0 0 3px !important;
  color: #17323b !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}
html body.studio-on .visual-inspector .vi-category-heading p {
  margin: 0 !important;
  color: #4b6064 !important;
  font-size: 10px !important;
  line-height: 1.4 !important;
}
html body.studio-on .visual-inspector .vi-quick-slot {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  min-width: 0 !important;
}
html body.studio-on .visual-inspector .vi-quick-slot:empty { display: none !important; }
html body.studio-on .visual-inspector .st-group {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 7px !important;
  min-width: 0 !important;
  padding: 9px !important;
  border: 1px solid #c7d2cd !important;
  border-radius: 9px !important;
  background: #ffffff !important;
}
html body.studio-on .visual-inspector .st-group[hidden] { display: none !important; }
html body.studio-on .visual-inspector .st-group .st-mini {
  flex: 0 0 100% !important;
  color: #344f56 !important;
  font-size: 9px !important;
  font-weight: 750 !important;
  text-transform: uppercase !important;
  letter-spacing: .055em !important;
}
html body.studio-on .visual-inspector .st-slot input,
html body.studio-on .visual-inspector .st-slot select { max-width: 100% !important; }
html body.studio-on .visual-inspector .st-color-pair { display: flex !important; align-items: center !important; gap: 7px !important; min-width: 0 !important; }
html body.studio-on .visual-inspector .st-color-pair[hidden] { display: none !important; }
html body.studio-on .visual-inspector .vi-section {
  margin: 0 !important;
  padding: 11px !important;
  border: 1px solid #c7d2cd !important;
  border-radius: 9px !important;
  background: #ffffff !important;
}
html body.studio-on .visual-inspector .vi-section > .vi-title {
  margin: 0 0 9px !important;
  color: #17323b !important;
  font-size: 11px !important;
  font-weight: 750 !important;
}
html body.studio-on .visual-inspector .vi-categorized-field[hidden],
html body.studio-on .visual-inspector .vi-section[hidden] { display: none !important; }
html body.studio-on .visual-inspector .vi-category-pane .visual-layers { margin: 0 !important; }
html body.studio-on .visual-inspector .visual-layers > summary.vi-sr-only { display: none !important; }
html body.studio-on .visual-inspector .vi-category-pane .visual-property-group,
html body.studio-on .visual-inspector .vi-category-pane details:not(.visual-layers) {
  border: 1px solid #c7d2cd !important;
  border-radius: 9px !important;
  background: #ffffff !important;
}
html body.studio-on .visual-inspector .vi-category-pane .vi-row { gap: 8px !important; }
html body.studio-on .visual-inspector .vi-category-pane .vi-field label,
html body.studio-on .visual-inspector .vi-category-pane label { color: #344f56 !important; }
html body.studio-on .visual-inspector .vi-category-pane small,
html body.studio-on .visual-inspector .vi-category-pane .vi-tip { color: #4b6064 !important; }
html body.studio-on .visual-inspector .vi-category-pane input:disabled,
html body.studio-on .visual-inspector .vi-category-pane select:disabled { opacity: .45 !important; }
html body.studio-on .visual-inspector .st-layer-quick-actions button { flex: 1 1 34px !important; min-width: 34px !important; }
html body.studio-on .visual-inspector .st-layer-quick-actions button svg { width: 16px !important; height: 16px !important; }
html body.studio-on .visual-inspector .vi-body > #visual-inspector-restrictions { margin: 0 0 8px !important; }

@media (max-width: 900px) {
  html body.studio-on .st-bg-tabs { max-width: 100% !important; }
  html body.studio-on .visual-inspector .vi-tabs { grid-template-columns: repeat(4,minmax(0,1fr)) !important; }
  html body.studio-on .visual-inspector .vi-category-pane { max-height: none !important; }
}
@media (max-width: 520px) {
  html body.studio-on .st-ctx { min-height: 30px !important; }
  html body.studio-on .st-rail-btn span { font-size: 8px !important; }
  html body.studio-on .visual-inspector .vi-category-tab { min-height: 31px !important; font-size: 8px !important; }
}

/* v23.16 — UX polish: navigation hierarchy, task-focused content views and clear editor context. */
:root{
  --ui-bg:#0d171b;
  --ui-sidebar:#101d22;
  --ui-surface:#15272d;
  --ui-hover:#1d333a;
  --ui-text:#eee6d3;
  --ui-muted:#a8b8b7;
  --ui-divider:#2b4249;
  --ui-accent:#c0924d;
  --shell-bg:var(--ui-bg);
  --shell-sidebar:var(--ui-sidebar);
  --shell-panel:var(--ui-surface);
  --shell-hover:var(--ui-hover);
  --shell-text:var(--ui-text);
  --shell-heading:#f4ecdc;
  --shell-muted:var(--ui-muted);
  --shell-line:var(--ui-divider);
  --shell-accent:var(--ui-accent);
}
body.admin-shell-ready{min-height:100vh;background:var(--shell-bg);color:var(--shell-text)}
body.admin-shell-ready .admin-shell-main{grid-template-columns:248px minmax(0,1fr);gap:0;width:100%;min-height:100vh;margin:0;padding:0;align-items:stretch}
body.admin-shell-ready .admin-sidebar{position:sticky;top:0;height:100vh;min-height:100vh;padding:22px 14px 16px;border:0;border-right:1px solid var(--shell-line);border-radius:0;background:var(--shell-sidebar);box-shadow:none;gap:20px}
body.admin-shell-ready .sidebar-brand{padding:2px 8px 18px;gap:11px;border-bottom:1px solid var(--shell-line)}
body.admin-shell-ready .sidebar-monogram{width:38px;height:38px;flex-basis:38px;border-radius:11px;background:var(--shell-accent);color:#171c1d;font:700 17px/1 system-ui,sans-serif}
body.admin-shell-ready .sidebar-brand strong{color:var(--shell-heading);font:650 14px/1.25 system-ui,sans-serif;letter-spacing:.01em}
body.admin-shell-ready .sidebar-brand small{margin-top:4px;color:var(--shell-muted);font-size:9px;letter-spacing:.08em}
body.admin-shell-ready .admin-nav{display:grid;gap:17px;align-content:start;min-height:0}
body.admin-shell-ready .admin-nav-group{display:grid;gap:4px;min-width:0}
body.admin-shell-ready .admin-nav-group-label{margin:0 8px 4px;color:#819699;font-size:9px;font-weight:750;letter-spacing:.13em;line-height:1.3}
body.admin-shell-ready .admin-nav-item{min-height:42px;padding:9px 10px;gap:10px;border:1px solid transparent;border-radius:9px;color:#c7d1cd;font-size:12px;transition:background .15s ease,border-color .15s ease,color .15s ease}
body.admin-shell-ready .admin-nav-item:hover{border-color:#2a4248;background:#182b31;color:#fff}
body.admin-shell-ready .admin-nav-item.active{border-color:rgba(192,146,77,.34);background:rgba(192,146,77,.12);box-shadow:inset 3px 0 0 var(--shell-accent);color:#f4e9d3}
body.admin-shell-ready .admin-nav-item.active .nav-symbol{color:#ddb875}
body.admin-shell-ready .nav-symbol{color:#a8b9b6}
body.admin-shell-ready .nav-item-label{font-size:12px;font-weight:650}
body.admin-shell-ready .nav-item-description{color:#9eafae;font-size:10px}
body.admin-shell-ready .sidebar-bottom{padding:14px 8px 3px;border-top:1px solid var(--shell-line);color:#a8b8b7}
body.admin-shell-ready .sidebar-bottom a{display:flex;align-items:center;min-height:36px;padding:0 10px;border:1px solid var(--shell-line);border-radius:9px;color:inherit}
body.admin-shell-ready .sidebar-bottom a:hover{border-color:var(--shell-accent);background:var(--shell-hover);color:var(--shell-heading)}
body.admin-shell-ready .admin-workspace{min-width:0;padding:0 clamp(18px,2.1vw,34px) 28px}
body.admin-shell-ready .workspace-topbar{position:sticky;top:0;z-index:50;min-height:76px;margin:0 0 24px;padding:13px 0;border-bottom:1px solid var(--shell-line);background:rgba(13,23,27,.94);backdrop-filter:blur(16px)}
body.admin-shell-ready .workspace-topbar h1{font:600 25px/1.2 system-ui,sans-serif;letter-spacing:-.025em;color:var(--shell-heading)}
body.admin-shell-ready .workspace-topbar .eyebrow{color:#9eafae;font-size:9px;letter-spacing:.14em}
body.admin-shell-ready .workspace-topbar-actions{display:flex;align-items:center;gap:9px}
body.admin-shell-ready .workspace-status{min-height:32px;padding:7px 10px;border-color:var(--shell-line);background:#15272d;color:#c2ceca;font-size:10px}
body.admin-shell-ready .workspace-status svg{color:#c0924d}
body.admin-shell-ready .workspace-view-link{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 11px;border:1px solid var(--shell-line);border-radius:8px;color:#dce3dc;font-size:11px;font-weight:650;text-decoration:none}
body.admin-shell-ready .workspace-view-link svg{width:14px;height:14px;transform:rotate(-35deg)}
body.admin-shell-ready .workspace-view-link:hover{border-color:var(--shell-accent);background:var(--shell-hover)}
body.admin-shell-ready .workspace-content{width:100%;max-width:1640px;margin:0 auto}
body.admin-shell-ready .workspace-content>[hidden]{display:none}

/* Home is a working dashboard, not a large introductory poster. */
body.admin-shell-ready .overview-intro{margin:0 0 20px;padding:8px 0 0}
body.admin-shell-ready .overview-intro h1{max-width:760px;margin:0 0 10px;font:650 clamp(34px,3.3vw,48px)/1.04 system-ui,sans-serif;letter-spacing:-.045em;color:var(--shell-heading)}
body.admin-shell-ready .overview-intro h1 span{color:#d1aa6c}
body.admin-shell-ready .overview-intro .eyebrow{color:#b3c0bc}
body.admin-shell-ready .overview-intro>p:last-child{max-width:660px;color:#afbfbb;font-size:13px;line-height:1.6}
body.admin-shell-ready .overview-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:23px 0 30px}
body.admin-shell-ready .overview-stat{display:grid;gap:7px;min-width:0;padding:16px 17px;border:1px solid var(--shell-line);border-radius:12px;background:linear-gradient(145deg,#172b31,#13242a)}
body.admin-shell-ready .overview-stat-label{color:#aebdb9;font-size:10px;font-weight:650;letter-spacing:.035em}
body.admin-shell-ready .overview-stat-value{overflow-wrap:anywhere;color:#f0e8d8;font-size:25px;font-weight:650;line-height:1.15;font-variant-numeric:tabular-nums}
body.admin-shell-ready .overview-stat-meta{color:#9aadaa;font-size:10px;line-height:1.45}
body.admin-shell-ready .quick-actions{margin:0 0 24px}
body.admin-shell-ready .quick-actions-heading{margin-bottom:13px}
body.admin-shell-ready .quick-actions-heading .eyebrow{color:#a8b8b7}
body.admin-shell-ready .quick-actions-heading h2{color:var(--shell-heading);font:620 21px/1.25 system-ui,sans-serif;letter-spacing:-.02em}
body.admin-shell-ready .quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
body.admin-shell-ready .quick-action-card{min-height:90px;padding:14px 16px;border-color:var(--shell-line);border-radius:12px;background:#14272d;box-shadow:none}
body.admin-shell-ready .quick-action-card:hover{border-color:#6e5a3b;background:#1a3037;transform:translateY(-1px)}
body.admin-shell-ready .quick-action-icon{width:36px;height:36px;border-color:#344b50;border-radius:10px;color:#d0a35d}
body.admin-shell-ready .quick-action-copy strong{color:#f0e8d8;font-size:12px}
body.admin-shell-ready .quick-action-copy small{color:#a8b8b7;font-size:10px}

/* Page headings and task-specific project workspace. */
body.admin-shell-ready .admin-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 20px;padding:4px 0 17px;border-bottom:1px solid var(--shell-line)}
body.admin-shell-ready .admin-page-heading-copy{min-width:0}
body.admin-shell-ready .admin-page-heading .eyebrow{margin:0 0 7px;color:#aebbb8;font-size:9px;letter-spacing:.14em}
body.admin-shell-ready .admin-page-heading h2{margin:0 0 7px;color:var(--shell-heading);font:620 28px/1.15 system-ui,sans-serif;letter-spacing:-.025em}
body.admin-shell-ready .admin-page-heading-copy>p:last-child{margin:0;color:var(--shell-muted);font-size:12px;line-height:1.5}
body.admin-shell-ready .admin-page-primary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:9px 14px;border:1px solid #c0924d;border-radius:8px;background:#c0924d;color:#1a1c1a;font-size:11px;font-weight:750;white-space:nowrap;cursor:pointer}
body.admin-shell-ready .admin-page-primary-action:hover{background:#d5ad70;border-color:#d5ad70}
body.admin-shell-ready .admin-page-primary-action svg{width:15px;height:15px}
body.admin-shell-ready .projects-view .admin-layout{display:block;margin:0}
body.admin-shell-ready .project-workspace{min-width:0}
body.admin-shell-ready .project-workspace-tabs{display:flex;align-items:center;gap:5px;margin:0 0 14px;padding:0 0 10px;border-bottom:1px solid var(--shell-line)}
body.admin-shell-ready .project-workspace-tab{min-height:36px;padding:8px 13px;border:1px solid transparent;border-radius:8px;background:transparent;color:#b2c0bc;font-size:11px;font-weight:650;cursor:pointer}
body.admin-shell-ready .project-workspace-tab:hover{background:#1a2e34;color:#f0e8d8}
body.admin-shell-ready .project-workspace-tab.is-active{border-color:rgba(192,146,77,.38);background:rgba(192,146,77,.13);color:#f1dfc0}
body.admin-shell-ready .project-workspace-pane[hidden]{display:none}
body.admin-shell-ready .projects-view .panel{margin:0;padding:19px;border:1px solid var(--shell-line);border-radius:12px;background:#13252b;box-shadow:none}
body.admin-shell-ready .projects-view .panel-heading h2{color:var(--shell-heading);font:600 19px/1.3 system-ui,sans-serif}
body.admin-shell-ready .projects-view .subcopy{color:#a9b9b6}
body.admin-shell-ready .projects-view .panel-heading .eyebrow{color:#b0bbb7}
body.admin-shell-ready .projects-view .items-list{gap:0}
body.admin-shell-ready .projects-view .item{grid-template-columns:88px minmax(0,1fr);gap:13px;padding:13px 4px;border-bottom:1px solid rgba(168,184,183,.14)}
body.admin-shell-ready .projects-view .thumb{width:88px;height:76px;border:1px solid #30464c;border-radius:9px;background:#1b3037}
body.admin-shell-ready .projects-view .item h3{color:#f0e8d8;font-size:13px;font-weight:650}
body.admin-shell-ready .projects-view .item p{color:#aab9b5;font-size:10px;line-height:1.45}
body.admin-shell-ready .projects-view .item-actions button{min-height:29px;padding:6px 9px;border:1px solid #344a50;border-radius:7px;background:#1a3037;color:#dce4dc;font-size:10px}
body.admin-shell-ready .projects-view .item-actions .delete-btn{border-color:#70483f;background:#302321;color:#f0b1a3}
body.admin-shell-ready .projects-view .project-publication-state{display:inline-flex;margin:5px 7px 0 0;padding:3px 7px;border:1px solid #39574a;border-radius:999px;background:#1b332a;color:#a8d1b4;font-size:9px;font-weight:700}
body.admin-shell-ready .projects-view .project-publication-state.is-draft{border-color:#6c583a;background:#332b1d;color:#e5c58d}
body.admin-shell-ready .projects-view .toolbar{display:flex;gap:7px;flex-wrap:wrap}
body.admin-shell-ready .projects-view .toolbar button,body.admin-shell-ready .projects-view .import-button{min-height:34px;padding:8px 10px;border:1px solid #354d53;border-radius:8px;background:#1a3037;color:#dae2dc;font-size:10px}
body.admin-shell-ready .projects-view .form-panel label{color:#b5c3bf;font-size:11px}
body.admin-shell-ready .projects-view .form-panel input:not([type=checkbox]):not([type=file]),body.admin-shell-ready .projects-view .form-panel select,body.admin-shell-ready .projects-view .form-panel textarea{border:1px solid #344d53;border-radius:8px;background:#0f1e23;color:#f0e8d8}
body.admin-shell-ready .projects-view .form-panel small{color:#a3b4b1;line-height:1.5}
body.admin-shell-ready .projects-view .project-cover-editor{border-color:#354b50;background:#162b31}
body.admin-shell-ready .projects-view .project-image-dropzone{border-color:#53696c;background:#182f35;color:#e5e8df}

/* The remaining administrative sections share one consistent surface and readable field contrast. */
body.admin-shell-ready .preferences-view>.panel,body.admin-shell-ready .analytics-view>.panel,body.admin-shell-ready .contacts-view>.panel,body.admin-shell-ready .security-view>.panel{margin:0 0 14px;padding:21px;border:1px solid var(--shell-line);border-radius:12px;background:#13252b;box-shadow:none}
body.admin-shell-ready .preferences-view .panel-heading h2,body.admin-shell-ready .analytics-view .panel-heading h2,body.admin-shell-ready .contacts-view .panel-heading h2,body.admin-shell-ready .security-view .panel-heading h2{color:var(--shell-heading);font:620 22px/1.25 system-ui,sans-serif}
body.admin-shell-ready .preferences-view .panel-heading .eyebrow,body.admin-shell-ready .analytics-view .panel-heading .eyebrow,body.admin-shell-ready .contacts-view .panel-heading .eyebrow,body.admin-shell-ready .security-view .panel-heading .eyebrow{color:#b0bbb7}
body.admin-shell-ready .preferences-view .subcopy,body.admin-shell-ready .analytics-view .subcopy,body.admin-shell-ready .contacts-view .subcopy,body.admin-shell-ready .security-view .subcopy{color:#a9b9b6;line-height:1.55}
body.admin-shell-ready .preferences-view label,body.admin-shell-ready .analytics-view label,body.admin-shell-ready .contacts-view label,body.admin-shell-ready .security-view label{color:#c2ceca}
body.admin-shell-ready .preferences-view input:not([type=range]):not([type=checkbox]):not([type=color]),body.admin-shell-ready .preferences-view select,body.admin-shell-ready .security-view input{border:1px solid #354d53;border-radius:8px;background:#0f1e23;color:#f0e8d8}
body.admin-shell-ready .preferences-view small,body.admin-shell-ready .analytics-view small,body.admin-shell-ready .contacts-view small,body.admin-shell-ready .security-view small{color:#a5b5b2}
body.admin-shell-ready .preferences-view .setting-field{border-color:#344b50;border-radius:10px;background:#172b31}
body.admin-shell-ready .analytics-view .analytics-card,body.admin-shell-ready .analytics-view .analytics-chart-card{border-color:#30474e;border-radius:11px;background:#172b31;color:#eee6d3}
body.admin-shell-ready .analytics-view .analytics-card span,body.admin-shell-ready .analytics-view .analytics-card small{color:#a8b8b7}
body.admin-shell-ready .analytics-view .analytics-card strong{color:#f0e8d8}
body.admin-shell-ready .analytics-view .analytics-chart-empty{border-color:#40565a;background:#172b31;color:#afbfbb}
body.admin-shell-ready .contacts-view .contacts-inbox-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
body.admin-shell-ready .contacts-view .contacts-inbox-list{display:grid;gap:10px}
body.admin-shell-ready .contacts-view .contacts-inbox-list>.empty{padding:28px 18px;border:1px dashed #40565a;border-radius:10px;color:#afbfbb;text-align:center}
body.admin-shell-ready .security-view .form-actions{display:flex;gap:9px;flex-wrap:wrap}
body.admin-shell-ready .admin-shell-footer{width:100%;margin:24px auto 0;padding:15px 0;border-top:1px solid var(--shell-line);color:#90a4a3}

/* Editor: give the properties column enough room and improve contrast in all nested controls. */
body.studio-on{--st-fly:320px;--st-rail:66px;--st-bg:#0d171b;--st-panel:#13252b;--st-panel-2:#1b3037;--st-line:#30474e;--st-text:#f0e8d8;--st-muted:#b0bfbb;--st-accent:#c0924d}
body.studio-on .st-flyout-head{min-height:54px;border-bottom-color:#30474e;background:#13252b}
body.studio-on .st-flyout-head h2{color:#f0e8d8;font-size:14px;font-weight:700}
body.studio-on .st-flyout-body{padding:15px 16px 34px;scrollbar-color:#53686b transparent}
body.studio-on .st-flyout-body label{color:#c1ceca;font-size:11px;font-weight:650}
body.studio-on .st-flyout-body small,body.studio-on .st-flyout-body .muted,body.studio-on .st-flyout-body .status{color:#aebfbb;font-size:10px;line-height:1.5}
body.studio-on .st-flyout-body input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),body.studio-on .st-flyout-body select,body.studio-on .st-flyout-body textarea{border-color:#3a5359;background:#0e1c21;color:#f2eadb;-webkit-text-fill-color:#f2eadb}
body.studio-on .st-flyout-body input::placeholder,body.studio-on .st-flyout-body textarea::placeholder{color:#9aacab;-webkit-text-fill-color:#9aacab;opacity:1}
body.studio-on .st-flyout-body .settings-tab{border-color:#3a5359;background:#1a3037;color:#e2e7df}
body.studio-on .st-flyout-body .settings-tab.active{border-color:#c0924d;background:rgba(192,146,77,.16);color:#f2d9ad}
body.studio-on .st-rail-btn{min-height:54px;color:#aebfbb}
body.studio-on .st-rail-btn.active{border-color:rgba(192,146,77,.5);background:rgba(192,146,77,.16);color:#f0d7a8}
body.studio-on .st-flyout-body .setting-field,body.studio-on .st-flyout-body fieldset{border:1px solid #30474e;border-radius:9px;background:#172b31}
body.studio-on .st-flyout-body .site-settings-panel .setting-field:has(input[type=color]){display:flex;align-items:center;gap:9px;padding:8px}
body.studio-on .st-flyout-body .site-settings-panel .setting-field:has(input[type=color]) input[type=color]{display:block;flex:0 0 42px;width:42px;min-width:42px;height:34px}
body.studio-on .st-flyout-body .site-settings-panel .setting-field:has(input[type=color]) label{flex:1}
body.studio-on .st-flyout-body .panel-heading h2,body.studio-on .st-flyout-body h3{color:#f0e8d8}
body.studio-on .st-props .vi .vi-category-heading h3{color:#f0e8d8}
body.studio-on .st-props .vi .vi-category-heading p{color:#aebfbb}
body.studio-on .st-props .vi .vi-tab{font-size:.69rem}
body.studio-on .st-props .vi .vi-tab[aria-selected=true]{color:#f2d9ad}
body.studio-on .st-props .vi label{color:#c1ceca}
body.studio-on .st-props .vi small,body.studio-on .st-props .vi .vi-tip,body.studio-on .st-props .vi .vi-status{color:#aebfbb}
body.studio-on .st-props .vi input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]):not([type=range]),body.studio-on .st-props .vi select,body.studio-on .st-props .vi textarea{background:#0e1c21;border-color:#3a5359;color:#f2eadb;-webkit-text-fill-color:#f2eadb}
body.studio-on .st-props .vi .vi-section{border-top-color:rgba(238,230,211,.13)}
body.studio-on .st-props .vi .vi-title{color:#d7b77d}

@media(max-width:1100px){
  body.admin-shell-ready .admin-shell-main{grid-template-columns:218px minmax(0,1fr)}
  body.admin-shell-ready .admin-nav-group-label{font-size:8px}
  body.studio-on{--st-fly:300px}
}
@media(max-width:900px){
  body.admin-shell-ready .admin-shell-main{grid-template-columns:82px minmax(0,1fr)}
  body.admin-shell-ready .admin-sidebar{padding:16px 8px}
  body.admin-shell-ready .sidebar-brand{justify-content:center;padding-inline:0}
  body.admin-shell-ready .sidebar-brand-copy,body.admin-shell-ready .nav-item-copy,body.admin-shell-ready .admin-nav-group-label,body.admin-shell-ready .sidebar-bottom{display:none}
  body.admin-shell-ready .admin-nav-group{gap:5px}
  body.admin-shell-ready .admin-nav-item{justify-content:center;min-height:42px;padding:9px}
  body.admin-shell-ready .admin-nav-item .nav-symbol{width:20px;height:20px;flex-basis:20px}
}
@media(max-width:720px){
  body.admin-shell-ready .admin-shell-main{display:block;width:100%;margin:0}
  body.admin-shell-ready .admin-sidebar{position:sticky;top:0;z-index:100;height:auto;min-height:0;padding:8px 10px;border-right:0;border-bottom:1px solid var(--shell-line)}
  body.admin-shell-ready .sidebar-brand{display:none}
  body.admin-shell-ready .admin-nav{display:flex;gap:7px;overflow-x:auto;align-items:stretch;padding:0 0 2px;scrollbar-width:thin}
  body.admin-shell-ready .admin-nav-group{display:flex;flex:0 0 auto;gap:5px;padding-right:7px;border-right:1px solid var(--shell-line)}
  body.admin-shell-ready .admin-nav-group:last-child{border-right:0;padding-right:0}
  body.admin-shell-ready .admin-nav-item{flex:0 0 auto;min-height:40px;min-width:42px;width:auto;padding:9px 10px}
  body.admin-shell-ready .admin-nav-item .nav-symbol{width:18px;height:18px;flex-basis:18px}
  body.admin-shell-ready .admin-workspace{padding:0 14px 24px}
  body.admin-shell-ready .workspace-topbar{min-height:62px;margin-bottom:16px;padding:10px 0}
  body.admin-shell-ready .workspace-topbar h1{font-size:21px}
  body.admin-shell-ready .workspace-view-link{min-height:32px;padding:7px 9px;font-size:10px}
  body.admin-shell-ready .workspace-status{display:none}
  body.admin-shell-ready .overview-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0 23px}
  body.admin-shell-ready .overview-stat:last-child{grid-column:1/-1}
  body.admin-shell-ready .overview-stat{padding:12px}
  body.admin-shell-ready .overview-stat-value{font-size:21px}
  body.admin-shell-ready .quick-actions-grid{grid-template-columns:1fr;gap:8px}
  body.admin-shell-ready .quick-action-card{min-height:74px;padding:11px 12px}
  body.admin-shell-ready .admin-page-heading{align-items:flex-start;flex-direction:column}
  body.admin-shell-ready .admin-page-primary-action{width:100%}
  body.admin-shell-ready .projects-view .panel{padding:14px}
  body.admin-shell-ready .projects-view .item{grid-template-columns:68px minmax(0,1fr);gap:10px}
  body.admin-shell-ready .projects-view .thumb{width:68px;height:64px}
  body.studio-on{--st-top:54px;--st-ctx:40px;--st-rail:56px;--st-fly:0px}
  body.studio-on .st-rail{top:calc(var(--st-top) + var(--st-ctx));bottom:auto;left:0;right:0;width:auto;height:60px;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:5px 7px;border-right:0;border-bottom:1px solid var(--st-line)}
  body.studio-on .st-rail-btn{flex:0 0 58px;min-height:48px;padding:5px 2px;font-size:9px}
  body.studio-on .st-flyout{top:calc(var(--st-top) + var(--st-ctx) + 60px);left:0;right:0;bottom:auto;width:100%;max-height:48vh;border-right:0;border-bottom:1px solid var(--st-line);box-shadow:0 15px 35px rgba(0,0,0,.28)}
  body.studio-on.studio-flyout .unified-site-editor{left:0;top:calc(var(--st-top) + var(--st-ctx) + 60px);padding:8px}
  body.studio-on.studio-flyout .st-flyout{display:flex}
  body.studio-on.studio-flyout .st-flyout-body{padding:10px 12px 24px;max-height:calc(48vh - 54px)}
  body.studio-on .st-flyout-head{min-height:42px;padding:8px 12px}
  body.studio-on .st-flyout-head h2{font-size:12px}
  body.studio-on .st-ctx{padding-left:8px}
  body.studio-on.studio-flyout .st-canvas-note{left:10px;bottom:8px}
}
@media(max-width:420px){
  body.admin-shell-ready .admin-workspace{padding-inline:10px}
  body.admin-shell-ready .workspace-topbar h1{font-size:19px}
  body.admin-shell-ready .workspace-view-link span{display:none}
  body.admin-shell-ready .overview-status-grid{grid-template-columns:1fr 1fr}
  body.studio-on .st-rail-btn{flex-basis:52px}
}
@media(prefers-reduced-motion:reduce){body.admin-shell-ready .admin-nav-item,body.admin-shell-ready .quick-action-card{transition:none}}

/* ==========================================================
   ADMIN MONOCHROME SYSTEM — 2026-11-13
   Neutral interface only. Published-site/editor content colors
   remain user-controlled and are not globally filtered.
   ========================================================== */
:root,
html,
body,
body.admin-page,
.admin-shell,
.admin-app,
.admin-layout,
.editor-app,
.studio-app {
  --mustard:#777777;
  --terracotta:#222222;
  --navy:#171717;
  --sage:#777777;
  --cream:#eeeeee;
  --paper:#f5f5f5;
  --line:rgba(0,0,0,.14);
  --admin-panel-bg:#ffffff;
  --admin-bg:#f5f5f5;
  --admin-surface:#ffffff;
  --admin-surface-2:#eeeeee;
  --admin-text:#171717;
  --admin-muted:#666666;
  --admin-border:#d7d7d7;
  --admin-accent:#222222;
  --admin-accent-soft:#e8e8e8;
  color-scheme:light;
}
body,
body.admin-page,
.admin-shell,
.admin-app { background:#f5f5f5; color:#171717; }
.admin-header,.admin-topbar,.admin-sidebar,.admin-nav,.admin-toolbar,
.admin-panel,.panel,.card,.settings-panel,.setting-field,
.auth-card,.modal,.dialog,.dropdown-menu,.popover,.context-menu,
.editor-sidebar,.editor-panel,.inspector,.inspector-panel,
.studio-toolbar,.studio-panel,.editor-dock,.editor-properties,
.admin-card,.admin-section,.admin-widget,.admin-content {
  color:#171717;
  border-color:#d7d7d7;
}
.admin-header,.admin-topbar,.admin-sidebar,.admin-nav,
.admin-panel,.panel,.card,.settings-panel,.auth-card,
.modal,.dialog,.dropdown-menu,.popover,.context-menu,
.editor-sidebar,.editor-panel,.inspector,.inspector-panel,
.studio-toolbar,.studio-panel,.editor-dock,.editor-properties,
.admin-card,.admin-section,.admin-widget {
  background:#ffffff;
  box-shadow:0 2px 10px rgba(0,0,0,.035);
}
.admin-main,.admin-content,.admin-workspace,.editor-workspace { background:#f5f5f5; }
.admin-header a,.admin-nav a,.admin-sidebar a,.admin-menu a,
.admin-tabs button,.editor-tabs button,.studio-tabs button,
.admin-link,.back-link,.wordmark,.wordmark span,.eyebrow,
.admin-title,.admin-heading,.panel-heading h2 { color:#171717; }
.admin-nav a:hover,.admin-sidebar a:hover,.admin-menu a:hover,
.admin-tabs button:hover,.editor-tabs button:hover,
.studio-tabs button:hover { background:#eeeeee; color:#111111; }
.admin-nav .active,.admin-nav a[aria-current="page"],
.admin-sidebar .active,.admin-sidebar a[aria-current="page"],
.admin-tabs .active,.editor-tabs .active,.studio-tabs .active,
[aria-selected="true"] {
  background:#e8e8e8; color:#111111;
  border-color:#777777; box-shadow:none;
}
button,.button,.btn,.primary,.secondary,.import-button,
[role="button"],input[type="button"],input[type="submit"] {
  box-shadow:none; text-shadow:none;
}
button.primary,.primary,.btn-primary,
button[data-variant="primary"] {
  background:#202020; color:#ffffff;
  border:1px solid #202020;
}
button.secondary,.secondary,.btn-secondary,.import-button,
button:not(.primary):not(.btn-primary) {
  border-color:#d0d0d0;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
select,textarea,.form-control,.field-input {
  background:#ffffff; color:#171717;
  border-color:#cfcfcf; box-shadow:none;
}
input:focus,select:focus,textarea:focus,
[contenteditable="true"]:focus {
  outline:2px solid #777777; outline-offset:1px;
  border-color:#555555; box-shadow:none;
}
input[type="checkbox"],input[type="radio"],input[type="range"] { accent-color:#333333; }
input[type="color"] { background:#ffffff; border:1px solid #cccccc; }
hr,.divider,.admin-divider { border-color:#dedede; }
small,.muted,.subcopy,.help-text,.hint,.description,
.admin-muted,.admin-footer,.settings-status { color:#666666; }
.notice,.alert,.admin-alert,.status-message,
.admin-notification,.toast,.notice-box {
  background:#eeeeee; color:#222222;
  border:1px solid #d0d0d0; box-shadow:none;
}
.status,.success,.error,.warning,.danger,.text-success,.text-danger,
.text-warning,.status-success,.status-error,.status-warning,
.admin-notification--success,.admin-notification--error,
.admin-notification--warning {
  color:#333333; border-color:#c9c9c9;
}
.badge,.tag,.pill,.chip,.status-badge { background:#ededed; color:#333333; border-color:#d0d0d0; }
.progress,.progress-bar,.meter-fill { background:#555555; }
::selection { background:#d8d8d8; color:#111111; }
/* Editor chrome: neutralize tool panels, controls and selection chrome,
   but do not recolor the artwork/canvas or its user-created elements. */
.editor-toolbar,.editor-tools,.editor-tool,.tool-button,
.layer-row,.layer-item,.layer-list,.layers-panel,
.property-group,.property-section,.inspector-section,
.editor-control,.studio-control,.studio-action,
.editor-footer,.editor-header,.editor-subnav {
  color:#222222; border-color:#d6d6d6;
}
.editor-toolbar,.editor-tools,.layers-panel,.property-group,
.property-section,.inspector-section,.editor-footer,
.editor-header,.editor-subnav { background:#ffffff; }
.editor-tool:hover,.tool-button:hover,.layer-row:hover,
.layer-item:hover,.editor-control:hover,.studio-action:hover { background:#ededed; }
.editor-tool.active,.tool-button.active,.layer-row.active,
.layer-item.active,.editor-control.active,
.editor-tool[aria-pressed="true"],.tool-button[aria-pressed="true"] {
  background:#e3e3e3; color:#111111;
  border-color:#888888; box-shadow:inset 3px 0 #333333;
}
/* Disable legacy dark/color theme decoration in administrative chrome. */
.theme-dark,.theme-white { color-scheme:light; }
.theme-dark body,.theme-dark .admin-header,.theme-dark .admin-main,
.theme-dark .panel,.theme-dark .auth-card,.theme-dark .admin-sidebar,
.theme-dark .editor-sidebar,.theme-dark .inspector { background:#ffffff; color:#171717; }

/* ===== SOURCE: admin-workspace-v2317.css | layout unificado do painel =====*/
/* ==========================================================================
   v23.17 — Layout do painel unificado (área de trabalho) e legibilidade do Estúdio.
   Causa do problema anterior: a camada "monocromática" de 13/11 (fundo branco) foi
   colada depois da camada escura da v23.16, e as duas disputavam as mesmas peças
   (texto claro sobre fundo claro). Esta camada define UMA direção para o painel:
   área de trabalho clara e neutra, com o Estúdio de edição em chrome escuro legível.
   Sem !important: a prioridade vem da especificidade dos seletores.
   ========================================================================== */
body.admin-shell-ready{
  --wk-bg:#f3f4f6; --wk-surface:#ffffff; --wk-surface-2:#f7f8f9; --wk-hover:#eceef1;
  --wk-line:#dcdfe3; --wk-line-strong:#bfc5cc;
  --wk-ink:#14171a; --wk-text:#262b31; --wk-muted:#565e67;
  --wk-ok:#17663f; --wk-warn:#8a5a00; --wk-bad:#a62119;
  --wk-radius:10px; --wk-side:236px;
}
body.admin-shell-ready:not(.studio-on){
  --shell-bg:var(--wk-bg); --shell-sidebar:var(--wk-surface); --shell-panel:var(--wk-surface);
  --shell-hover:var(--wk-hover); --shell-text:var(--wk-text); --shell-heading:var(--wk-ink);
  --shell-muted:var(--wk-muted); --shell-line:var(--wk-line); --shell-accent:var(--wk-ink);
}
body.admin-shell-ready.theme-midnight{
  --wk-bg:#0c0d0f; --wk-surface:#16181b; --wk-surface-2:#1c1f23; --wk-hover:#24282d;
  --wk-line:#2c3138; --wk-line-strong:#4a525c;
  --wk-ink:#f4f5f6; --wk-text:#dfe3e7; --wk-muted:#a3abb4;
  --wk-ok:#5cc58c; --wk-warn:#e0b04c; --wk-bad:#ff8a80;
}

/* ---------- Estrutura: menu fixo à esquerda + área de trabalho ---------- */
html body.admin-shell-ready:not(.studio-on){background:var(--wk-bg);color:var(--wk-text)}
html body.admin-shell-ready:not(.studio-on) #admin-app{background:var(--wk-bg);color:var(--wk-text)}
html body.admin-shell-ready:not(.studio-on) .admin-shell-main{display:grid;grid-template-columns:var(--wk-side) minmax(0,1fr);gap:0;width:100%;min-height:100vh;margin:0;padding:0;align-items:stretch;background:var(--wk-bg)}
html body.admin-shell-ready:not(.studio-on) .admin-sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:12px;height:100vh;min-height:0;padding:16px 12px 12px;overflow-y:auto;border:0;border-right:1px solid var(--wk-line);border-radius:0;background:var(--wk-surface);box-shadow:none;color:var(--wk-text)}
html body.admin-shell-ready:not(.studio-on) .sidebar-brand{display:flex;align-items:center;gap:10px;padding:2px 6px 14px;border-bottom:1px solid var(--wk-line);color:var(--wk-ink);text-decoration:none}
html body.admin-shell-ready:not(.studio-on) .sidebar-monogram{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px;background:var(--wk-ink);color:var(--wk-surface);font:700 15px/1 system-ui,sans-serif;letter-spacing:.02em}
html body.admin-shell-ready:not(.studio-on) .sidebar-brand strong{display:block;color:var(--wk-ink);font:700 13px/1.2 system-ui,sans-serif;letter-spacing:.02em}
html body.admin-shell-ready:not(.studio-on) .sidebar-brand small{display:block;margin-top:3px;color:var(--wk-muted);font-size:10px;letter-spacing:.06em}
html body.admin-shell-ready:not(.studio-on) .admin-nav{display:grid;gap:14px;align-content:start;flex:1 1 auto;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
html body.admin-shell-ready:not(.studio-on) .admin-nav-group{display:grid;gap:2px;min-width:0}
html body.admin-shell-ready:not(.studio-on) .admin-nav-group-label{margin:0 8px 4px;color:var(--wk-muted);font-size:10px;font-weight:700;letter-spacing:.1em;line-height:1.3}
html body.admin-shell-ready:not(.studio-on) .admin-nav-item{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:7px 10px;border:1px solid transparent;border-radius:8px;background:transparent;box-shadow:none;color:var(--wk-text);font:inherit;text-align:left;text-decoration:none;cursor:pointer;transition:background .12s ease,color .12s ease}
html body.admin-shell-ready:not(.studio-on) .admin-nav-item:hover{border-color:transparent;background:var(--wk-hover);color:var(--wk-ink)}
html body.admin-shell-ready:not(.studio-on) .admin-nav-item:focus-visible{outline:2px solid var(--wk-ink);outline-offset:1px}
html body.admin-shell-ready:not(.studio-on) .admin-nav-item.active{border-color:transparent;background:var(--wk-hover);box-shadow:inset 3px 0 0 var(--wk-ink);color:var(--wk-ink)}
html body.admin-shell-ready:not(.studio-on) .nav-symbol{flex:0 0 18px;width:18px;height:18px;color:var(--wk-muted)}
html body.admin-shell-ready:not(.studio-on) .admin-nav-item:hover .nav-symbol,
html body.admin-shell-ready:not(.studio-on) .admin-nav-item.active .nav-symbol{color:var(--wk-ink)}
html body.admin-shell-ready:not(.studio-on) .nav-item-copy{display:block;min-width:0}
html body.admin-shell-ready:not(.studio-on) .nav-item-label{display:block;color:inherit;font-size:13px;font-weight:600;line-height:1.25}
html body.admin-shell-ready:not(.studio-on) .admin-nav-item.active .nav-item-label{font-weight:700}
html body.admin-shell-ready:not(.studio-on) .nav-item-description{display:none}
html body.admin-shell-ready:not(.studio-on) .sidebar-bottom{display:grid;gap:6px;margin-top:auto;padding:12px 2px 0;border-top:1px solid var(--wk-line);color:var(--wk-muted)}
html body.admin-shell-ready:not(.studio-on) .sidebar-bottom a{display:flex;align-items:center;justify-content:center;min-height:36px;padding:0 10px;border:1px solid var(--wk-line-strong);border-radius:8px;background:var(--wk-surface);color:var(--wk-ink);font-size:12px;font-weight:600;text-decoration:none}
html body.admin-shell-ready:not(.studio-on) .sidebar-bottom a:hover{background:var(--wk-hover)}

/* ---------- Barra superior (título da tela + ações rápidas) ---------- */
html body.admin-shell-ready:not(.studio-on) .admin-workspace{min-width:0;padding:0 clamp(16px,2.4vw,32px) 40px;background:var(--wk-bg)}
html body.admin-shell-ready:not(.studio-on) .workspace-topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;margin:0 calc(-1 * clamp(16px,2.4vw,32px)) 22px;padding:10px clamp(16px,2.4vw,32px);border-bottom:1px solid var(--wk-line);background:var(--wk-surface);backdrop-filter:none}
html body.admin-shell-ready:not(.studio-on) .workspace-topbar .eyebrow{margin:0 0 2px;color:var(--wk-muted);font-size:10px;font-weight:700;letter-spacing:.1em}
html body.admin-shell-ready:not(.studio-on) .workspace-topbar h1{margin:0;color:var(--wk-ink);font:700 20px/1.2 system-ui,sans-serif;letter-spacing:-.01em}
html body.admin-shell-ready:not(.studio-on) .workspace-topbar-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}
html body.admin-shell-ready:not(.studio-on) .workspace-status{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 11px;border:1px solid var(--wk-line);border-radius:999px;background:var(--wk-surface-2);color:var(--wk-text);font-size:11px;font-weight:600}
html body.admin-shell-ready:not(.studio-on) .workspace-status svg{color:var(--wk-ok)}
html body.admin-shell-ready:not(.studio-on) .workspace-view-link{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:6px 13px;border:1px solid var(--wk-ink);border-radius:8px;background:var(--wk-ink);color:var(--wk-surface);font-size:12px;font-weight:700;text-decoration:none}
html body.admin-shell-ready:not(.studio-on) .workspace-view-link:hover{background:var(--wk-text);border-color:var(--wk-text);color:var(--wk-surface)}
html body.admin-shell-ready:not(.studio-on) .workspace-content{width:100%;max-width:1280px;margin:0 auto}

/* ---------- Campos e botões ---------- */
html body.admin-shell-ready:not(.studio-on) .workspace-content input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
html body.admin-shell-ready:not(.studio-on) .workspace-content select,
html body.admin-shell-ready:not(.studio-on) .workspace-content textarea{min-height:38px;padding:8px 11px;border:1px solid var(--wk-line-strong);border-radius:8px;background:var(--wk-surface);box-shadow:none;color:var(--wk-ink);font:inherit;font-size:13px}
html body.admin-shell-ready:not(.studio-on) .workspace-content textarea{min-height:92px;line-height:1.5}
html body.admin-shell-ready:not(.studio-on) .workspace-content input::placeholder,
html body.admin-shell-ready:not(.studio-on) .workspace-content textarea::placeholder{color:var(--wk-muted);opacity:1}
html body.admin-shell-ready:not(.studio-on) .workspace-content input:focus-visible,
html body.admin-shell-ready:not(.studio-on) .workspace-content select:focus-visible,
html body.admin-shell-ready:not(.studio-on) .workspace-content textarea:focus-visible,
html body.admin-shell-ready:not(.studio-on) .workspace-content button:focus-visible{outline:2px solid var(--wk-ink);outline-offset:2px}
html body.admin-shell-ready:not(.studio-on) .workspace-content input[type="file"]{color:var(--wk-text);font-size:12px}
html body.admin-shell-ready:not(.studio-on) .workspace-content input[hidden],
html body.admin-shell-ready:not(.studio-on) .workspace-content select[hidden]{display:none}
html body.admin-shell-ready:not(.studio-on) .workspace-content input[type="range"]{accent-color:var(--wk-ink)}
html body.admin-shell-ready:not(.studio-on) .workspace-content button,
html body.admin-shell-ready:not(.studio-on) .workspace-content .button,
html body.admin-shell-ready:not(.studio-on) .workspace-content .import-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:7px 14px;border:1px solid var(--wk-line-strong);border-radius:8px;background:var(--wk-surface);box-shadow:none;color:var(--wk-ink);font:inherit;font-size:13px;font-weight:600;line-height:1.2;cursor:pointer}
html body.admin-shell-ready:not(.studio-on) .workspace-content button:hover,
html body.admin-shell-ready:not(.studio-on) .workspace-content .import-button:hover{border-color:var(--wk-ink);background:var(--wk-hover)}
html body.admin-shell-ready:not(.studio-on) .workspace-content button.primary,
html body.admin-shell-ready:not(.studio-on) .workspace-content .primary{border-color:var(--wk-ink);background:var(--wk-ink);color:var(--wk-surface)}
html body.admin-shell-ready:not(.studio-on) .workspace-content button.primary:hover,
html body.admin-shell-ready:not(.studio-on) .workspace-content .primary:hover{background:var(--wk-text);border-color:var(--wk-text)}
html body.admin-shell-ready:not(.studio-on) .workspace-content button:disabled{opacity:.5;cursor:not-allowed}
html body.admin-shell-ready:not(.studio-on) .workspace-content .danger,
html body.admin-shell-ready:not(.studio-on) .workspace-content button.danger{color:var(--wk-bad);border-color:var(--wk-bad)}

/* ---------- Início: resumo e atalhos ---------- */
html body.admin-shell-ready:not(.studio-on) .workspace-content>[hidden]{display:none}
html body.admin-shell-ready:not(.studio-on) .overview-view:not([hidden]){display:flex;flex-direction:column}
html body.admin-shell-ready:not(.studio-on) .overview-view .overview-intro{order:0}
html body.admin-shell-ready:not(.studio-on) .overview-view .overview-status-grid{order:1}
html body.admin-shell-ready:not(.studio-on) .overview-view .quick-actions{order:2}
html body.admin-shell-ready:not(.studio-on) .overview-view>:not(.overview-intro):not(.overview-status-grid):not(.quick-actions){order:3}
html body.admin-shell-ready:not(.studio-on) .overview-intro{margin:0 0 18px;padding:0}
html body.admin-shell-ready:not(.studio-on) .overview-intro .eyebrow{margin:0 0 6px;color:var(--wk-muted)}
html body.admin-shell-ready:not(.studio-on) .overview-intro h1{max-width:none;margin:0 0 6px;color:var(--wk-ink);font:700 clamp(24px,2.6vw,32px)/1.15 system-ui,sans-serif;letter-spacing:-.02em}
html body.admin-shell-ready:not(.studio-on) .overview-intro h1 span{color:var(--wk-muted)}
html body.admin-shell-ready:not(.studio-on) .overview-intro>p:last-child{max-width:640px;margin:0 0 4px;color:var(--wk-muted);font-size:13px;line-height:1.55}
html body.admin-shell-ready:not(.studio-on) .overview-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:0 0 22px}
html body.admin-shell-ready:not(.studio-on) .overview-stat{display:grid;align-content:start;gap:4px;min-width:0;padding:14px 16px;border:1px solid var(--wk-line);border-radius:var(--wk-radius);background:var(--wk-surface);box-shadow:none}
html body.admin-shell-ready:not(.studio-on) .overview-stat-label{color:var(--wk-muted);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
html body.admin-shell-ready:not(.studio-on) .overview-stat-value{color:var(--wk-ink);font-size:26px;font-weight:700;line-height:1.15;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
html body.admin-shell-ready:not(.studio-on) .overview-stat-meta{color:var(--wk-muted);font-size:12px;line-height:1.45}
html body.admin-shell-ready:not(.studio-on) .quick-actions{margin:0 0 22px}
html body.admin-shell-ready:not(.studio-on) .quick-actions-heading{margin-bottom:10px}
html body.admin-shell-ready:not(.studio-on) .quick-actions-heading .eyebrow{color:var(--wk-muted)}
html body.admin-shell-ready:not(.studio-on) .quick-actions-heading h2{margin:0;color:var(--wk-ink);font:700 16px/1.3 system-ui,sans-serif;letter-spacing:0}
html body.admin-shell-ready:not(.studio-on) .quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
html body.admin-shell-ready:not(.studio-on) button.quick-action-card{display:flex;align-items:center;gap:12px;min-height:72px;padding:12px 14px;border:1px solid var(--wk-line);border-radius:var(--wk-radius);background:var(--wk-surface);box-shadow:none;color:var(--wk-text);text-align:left;cursor:pointer;transition:border-color .12s ease,background .12s ease}
html body.admin-shell-ready:not(.studio-on) button.quick-action-card:hover{border-color:var(--wk-ink);background:var(--wk-surface-2);transform:none}
html body.admin-shell-ready:not(.studio-on) .quick-action-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid var(--wk-line);border-radius:9px;background:var(--wk-surface-2);color:var(--wk-ink)}
html body.admin-shell-ready:not(.studio-on) .quick-action-copy{display:grid;gap:2px;min-width:0}
html body.admin-shell-ready:not(.studio-on) .quick-action-copy strong{color:var(--wk-ink);font-size:13px;font-weight:700}
html body.admin-shell-ready:not(.studio-on) .quick-action-copy small{color:var(--wk-muted);font-size:11px;line-height:1.35}
html body.admin-shell-ready:not(.studio-on) .quick-action-card>svg{margin-left:auto;color:var(--wk-muted)}

/* ---------- Cabeçalho de cada tela ---------- */
html body.admin-shell-ready:not(.studio-on) .admin-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 16px;padding:0 0 14px;border-bottom:1px solid var(--wk-line)}
html body.admin-shell-ready:not(.studio-on) .admin-page-heading .eyebrow{margin:0 0 4px;color:var(--wk-muted);font-size:10px;letter-spacing:.1em}
html body.admin-shell-ready:not(.studio-on) .admin-page-heading h2{margin:0 0 4px;color:var(--wk-ink);font:700 22px/1.2 system-ui,sans-serif;letter-spacing:-.01em}
html body.admin-shell-ready:not(.studio-on) .admin-page-heading-copy>p:last-child{margin:0;color:var(--wk-muted);font-size:13px;line-height:1.5}
html body.admin-shell-ready:not(.studio-on) button.admin-page-primary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 16px;border:1px solid var(--wk-ink);border-radius:8px;background:var(--wk-ink);color:var(--wk-surface);font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}
html body.admin-shell-ready:not(.studio-on) button.admin-page-primary-action:hover{background:var(--wk-text);border-color:var(--wk-text)}

/* ---------- Painéis, títulos e textos de apoio ---------- */
html body.admin-shell-ready:not(.studio-on) .workspace-content .panel,
html body.admin-shell-ready:not(.studio-on) .workspace-content .notice,
html body.admin-shell-ready:not(.studio-on) .workspace-content .connection-details{margin:0 0 16px;padding:18px 20px;border:1px solid var(--wk-line);border-radius:var(--wk-radius);background:var(--wk-surface);box-shadow:none;color:var(--wk-text)}
html body.admin-shell-ready:not(.studio-on) .workspace-content .notice{background:var(--wk-surface-2)}
html body.admin-shell-ready:not(.studio-on) .workspace-content .panel-heading{margin:0 0 14px;padding:0 0 12px;border-bottom:1px solid var(--wk-line)}
html body.admin-shell-ready:not(.studio-on) .workspace-content .panel-heading .eyebrow,
html body.admin-shell-ready:not(.studio-on) .workspace-content .eyebrow{color:var(--wk-muted);font-size:10px;font-weight:700;letter-spacing:.1em}
html body.admin-shell-ready:not(.studio-on) .workspace-content .panel-heading h2,
html body.admin-shell-ready:not(.studio-on) .workspace-content .panel h2,
html body.admin-shell-ready:not(.studio-on) .workspace-content .panel h3{margin:0 0 4px;color:var(--wk-ink);font-family:system-ui,sans-serif;letter-spacing:-.005em}
html body.admin-shell-ready:not(.studio-on) .workspace-content .panel-heading h2{font-size:17px;font-weight:700}
html body.admin-shell-ready:not(.studio-on) .workspace-content .subcopy,
html body.admin-shell-ready:not(.studio-on) .workspace-content .panel p,
html body.admin-shell-ready:not(.studio-on) .workspace-content .panel small,
html body.admin-shell-ready:not(.studio-on) .workspace-content .notice p,
html body.admin-shell-ready:not(.studio-on) .workspace-content .setting-field small{color:var(--wk-muted);font-size:12.5px;line-height:1.5}
html body.admin-shell-ready:not(.studio-on) .workspace-content .notice strong,
html body.admin-shell-ready:not(.studio-on) .workspace-content .panel strong{color:var(--wk-ink)}
html body.admin-shell-ready:not(.studio-on) .workspace-content label{color:var(--wk-ink);font-size:12.5px;font-weight:600}
html body.admin-shell-ready:not(.studio-on) .workspace-content code{padding:1px 5px;border-radius:4px;background:var(--wk-hover);color:var(--wk-ink)}

/* ---------- Grades de campos (Preferências, configurações) ---------- */
html body.admin-shell-ready:not(.studio-on) .workspace-content .settings-grid,
html body.admin-shell-ready:not(.studio-on) .workspace-content .advanced-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
html body.admin-shell-ready:not(.studio-on) .workspace-content .setting-field{display:grid;align-content:start;gap:7px;min-width:0;padding:14px;border:1px solid var(--wk-line);border-radius:var(--wk-radius);background:var(--wk-surface-2);box-shadow:none}
html body.admin-shell-ready:not(.studio-on) .workspace-content .range-line{display:flex;align-items:center;gap:10px}
html body.admin-shell-ready:not(.studio-on) .workspace-content .range-line input[type="range"]{flex:1 1 auto;min-width:0}
html body.admin-shell-ready:not(.studio-on) .workspace-content .range-line output{flex:0 0 auto;min-width:54px;color:var(--wk-ink);font-size:12px;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}
html body.admin-shell-ready:not(.studio-on) .workspace-content .settings-actions{display:flex;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}
html body.admin-shell-ready:not(.studio-on) .workspace-content .settings-status{color:var(--wk-muted);font-size:12px}


/* ---------- Publicações: lista, filtros e formulário ---------- */
html body.admin-shell-ready:not(.studio-on) .projects-view .toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 16px}
html body.admin-shell-ready:not(.studio-on) .projects-view .toolbar>*{align-self:center}
html body.admin-shell-ready:not(.studio-on) .projects-view .toolbar .import-button{display:inline-flex}
html body.admin-shell-ready:not(.studio-on) .content-block-filter{margin:0 0 14px}
html body.admin-shell-ready:not(.studio-on) .content-block-filter-title{margin:0 0 8px;color:var(--wk-muted);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
html body.admin-shell-ready:not(.studio-on) .content-block-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:0 0 12px;border-bottom:1px solid var(--wk-line);overflow-x:auto}
html body.admin-shell-ready:not(.studio-on) button.content-block-tab{min-height:38px;padding:7px 13px;border:1px solid var(--wk-line-strong);border-radius:8px;background:var(--wk-surface);color:var(--wk-text);font-size:13px;font-weight:600}
html body.admin-shell-ready:not(.studio-on) button.content-block-tab:hover{border-color:var(--wk-ink);color:var(--wk-ink);background:var(--wk-hover)}
html body.admin-shell-ready:not(.studio-on) button.content-block-tab.is-active,
html body.admin-shell-ready:not(.studio-on) button.content-block-tab[aria-selected="true"]{border-color:var(--wk-ink);background:var(--wk-ink);color:var(--wk-surface)}
html body.admin-shell-ready:not(.studio-on) .content-block-tab-count{background:var(--wk-hover);color:var(--wk-ink)}
html body.admin-shell-ready:not(.studio-on) button.content-block-tab.is-active .content-block-tab-count,
html body.admin-shell-ready:not(.studio-on) button.content-block-tab[aria-selected="true"] .content-block-tab-count{background:rgba(255,255,255,.22);color:inherit}
html body.admin-shell-ready:not(.studio-on) .items-list{display:grid;gap:10px}
html body.admin-shell-ready:not(.studio-on) .projects-view .item{position:relative;display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;align-items:start;margin:0;padding:12px 14px 12px 34px;border:1px solid var(--wk-line);border-radius:var(--wk-radius);background:var(--wk-surface);box-shadow:none}
html body.admin-shell-ready:not(.studio-on) .projects-view .item:hover{border-color:var(--wk-line-strong)}
html body.admin-shell-ready:not(.studio-on) .projects-view .item .drag-handle{position:absolute;left:4px;top:50%;transform:translateY(-50%);min-height:44px;padding:0 6px;border:0;background:transparent;color:var(--wk-muted);cursor:grab}
html body.admin-shell-ready:not(.studio-on) .projects-view .thumb{width:88px;height:72px;border:1px solid var(--wk-line);border-radius:8px;background:var(--wk-surface-2);object-fit:cover}
html body.admin-shell-ready:not(.studio-on) .projects-view .item h3{margin:0 0 3px;color:var(--wk-ink);font-size:14px;font-weight:700}
html body.admin-shell-ready:not(.studio-on) .projects-view .item p{margin:0 0 6px;color:var(--wk-muted);font-size:12px;line-height:1.45}
html body.admin-shell-ready:not(.studio-on) .projects-view .project-publication-state,
html body.admin-shell-ready:not(.studio-on) .projects-view .content-block-chip{display:inline-flex;align-items:center;margin:0 6px 0 0;padding:2px 9px;border:1px solid var(--wk-line-strong);border-radius:999px;background:var(--wk-surface-2);color:var(--wk-text);font-size:11px;font-weight:600}
html body.admin-shell-ready:not(.studio-on) .projects-view .project-publication-state.is-published{border-color:var(--wk-ok);color:var(--wk-ok)}
html body.admin-shell-ready:not(.studio-on) .projects-view .project-publication-state.is-draft{border-color:var(--wk-warn);color:var(--wk-warn)}
html body.admin-shell-ready:not(.studio-on) .projects-view .item-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
html body.admin-shell-ready:not(.studio-on) .projects-view .item-actions button{min-height:32px;padding:5px 11px;font-size:12px}
html body.admin-shell-ready:not(.studio-on) .projects-view .item-actions .delete-btn{margin-left:auto;border-color:var(--wk-bad);background:var(--wk-surface);color:var(--wk-bad)}
html body.admin-shell-ready:not(.studio-on) .projects-view .item-actions .delete-btn:hover{background:var(--wk-bad);color:var(--wk-surface)}
html body.admin-shell-ready:not(.studio-on) .projects-view .empty,
html body.admin-shell-ready:not(.studio-on) .contacts-view .contacts-inbox-list>.empty,
html body.admin-shell-ready:not(.studio-on) .analytics-view .analytics-chart-empty{padding:28px 18px;border:1px dashed var(--wk-line-strong);border-radius:var(--wk-radius);background:var(--wk-surface-2);color:var(--wk-muted);text-align:center}
html body.admin-shell-ready:not(.studio-on) .projects-view .toolbar .import-button{gap:10px;padding:0;border:0;background:transparent;box-shadow:none;cursor:default}
html body.admin-shell-ready:not(.studio-on) .projects-view .toolbar .ux-file{display:flex;align-items:center;gap:8px}
html body.admin-shell-ready:not(.studio-on) .projects-view .toolbar .ux-file-name{color:var(--wk-muted);font-size:12px;font-weight:500}
html body.admin-shell-ready:not(.studio-on) .projects-view .form-panel form{max-width:780px}
html body.admin-shell-ready:not(.studio-on) .projects-view .form-panel label:not(:has(input[type="checkbox"])):not(:has(input[type="radio"])){display:block;margin:16px 0 6px;color:var(--wk-ink);font-size:12.5px}
html body.admin-shell-ready:not(.studio-on) .projects-view .form-panel form>label:first-of-type,
html body.admin-shell-ready:not(.studio-on) .projects-view .form-panel label:first-child{margin-top:0}
html body.admin-shell-ready:not(.studio-on) .projects-view .form-panel small{display:block;margin:6px 0 0}
html body.admin-shell-ready:not(.studio-on) .projects-view .form-panel input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="color"]):not([type="range"]),
html body.admin-shell-ready:not(.studio-on) .projects-view .form-panel select,
html body.admin-shell-ready:not(.studio-on) .projects-view .form-panel textarea{width:100%}
html body.admin-shell-ready:not(.studio-on) .projects-view .project-cover-editor{border:1px solid var(--wk-line);border-radius:var(--wk-radius);background:var(--wk-surface)}
html body.admin-shell-ready:not(.studio-on) .projects-view .project-image-dropzone{border:1.5px dashed var(--wk-line-strong);border-radius:var(--wk-radius);background:var(--wk-surface-2);color:var(--wk-text)}

/* ---------- Estatísticas, mensagens e segurança ---------- */
html body.admin-shell-ready:not(.studio-on) .analytics-view .analytics-card,
html body.admin-shell-ready:not(.studio-on) .analytics-view .analytics-chart-card{border:1px solid var(--wk-line);border-radius:var(--wk-radius);background:var(--wk-surface-2);color:var(--wk-text)}
html body.admin-shell-ready:not(.studio-on) .analytics-view .analytics-card span,
html body.admin-shell-ready:not(.studio-on) .analytics-view .analytics-card small{color:var(--wk-muted)}
html body.admin-shell-ready:not(.studio-on) .analytics-view .analytics-card strong{color:var(--wk-ink)}
html body.admin-shell-ready:not(.studio-on) .contacts-view .contacts-inbox-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 14px}
html body.admin-shell-ready:not(.studio-on) .contacts-view .contacts-inbox-list{display:grid;gap:10px}
html body.admin-shell-ready:not(.studio-on) .security-view .form-actions{display:flex;flex-wrap:wrap;gap:9px}
html body.admin-shell-ready:not(.studio-on) .admin-shell-footer{display:flex;justify-content:space-between;gap:12px;width:auto;margin:24px 0 0 var(--wk-side);padding:14px clamp(16px,2.4vw,32px);border-top:1px solid var(--wk-line);background:transparent;color:var(--wk-muted);font-size:11px}

/* ---------- Abas internas (Publicações, classificação) ---------- */
html body.admin-shell-ready:not(.studio-on) .project-workspace-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin:0 0 14px;padding:0 0 10px;border-bottom:1px solid var(--wk-line)}
html body.admin-shell-ready:not(.studio-on) button.project-workspace-tab{min-height:36px;padding:7px 14px;border:1px solid var(--wk-line-strong);border-radius:8px;background:var(--wk-surface);color:var(--wk-text);font-size:13px;font-weight:600;cursor:pointer}
html body.admin-shell-ready:not(.studio-on) button.project-workspace-tab:hover{background:var(--wk-hover);color:var(--wk-ink)}
html body.admin-shell-ready:not(.studio-on) button.project-workspace-tab.is-active{border-color:var(--wk-ink);background:var(--wk-ink);color:var(--wk-surface)}

/* ---------- Estado de salvamento: pílula fixa no canto, sem cobrir a tela ---------- */
html body.admin-shell-ready:not(.studio-on) .admin-save-state{position:fixed;right:18px;bottom:16px;z-index:90;display:flex;align-items:center;gap:10px;width:auto;max-width:min(380px,calc(100vw - 32px));margin:0;padding:8px 14px;border:1px solid var(--wk-line-strong);border-radius:999px;background:var(--wk-surface);box-shadow:0 6px 24px rgba(0,0,0,.14);color:var(--wk-text);font-size:12px}
html body.admin-shell-ready:not(.studio-on) .admin-save-state .save-state-copy{display:flex;align-items:baseline;gap:8px;min-width:0}
html body.admin-shell-ready:not(.studio-on) .admin-save-state strong{display:inline;margin:0;color:var(--wk-ink);font-size:12px;white-space:nowrap}
html body.admin-shell-ready:not(.studio-on) .admin-save-state p{margin:0;color:var(--wk-muted);font-size:11px}
html body.admin-shell-ready:not(.studio-on) .admin-save-state[data-state="clean"] p,
html body.admin-shell-ready:not(.studio-on) .admin-save-state[data-state="saved"] p{display:none}
html body.admin-shell-ready:not(.studio-on) .admin-save-state[data-state="dirty"],
html body.admin-shell-ready:not(.studio-on) .admin-save-state[data-state="saving"],
html body.admin-shell-ready:not(.studio-on) .admin-save-state[data-state="error"]{border-radius:var(--wk-radius);align-items:flex-start;padding:10px 14px}
html body.admin-shell-ready:not(.studio-on) .admin-save-state[data-state="dirty"] .save-state-copy,
html body.admin-shell-ready:not(.studio-on) .admin-save-state[data-state="saving"] .save-state-copy,
html body.admin-shell-ready:not(.studio-on) .admin-save-state[data-state="error"] .save-state-copy{display:block}
html body.admin-shell-ready:not(.studio-on) .admin-save-state[data-state="dirty"]{border-color:var(--wk-warn);background:var(--wk-surface)}
html body.admin-shell-ready:not(.studio-on) .admin-save-state[data-state="error"]{border-color:var(--wk-bad);background:var(--wk-surface)}
html body.admin-shell-ready:not(.studio-on) .admin-save-state[data-state="saved"] .save-state-dot{background:var(--wk-ok)}
html body.admin-shell-ready:not(.studio-on) .admin-save-state[data-state="dirty"] .save-state-dot{background:var(--wk-warn)}
html body.admin-shell-ready:not(.studio-on) .admin-save-state[data-state="error"] .save-state-dot{background:var(--wk-bad)}

/* ---------- Telas estreitas: o menu vira uma faixa rolável no topo ---------- */
@media (max-width:900px){
  html body.admin-shell-ready:not(.studio-on) .admin-shell-main{grid-template-columns:minmax(0,1fr)}
  html body.admin-shell-ready:not(.studio-on) .admin-sidebar{position:sticky;top:0;z-index:60;flex-direction:row;align-items:center;gap:10px;height:auto;padding:8px 10px;overflow:visible;border-right:0;border-bottom:1px solid var(--wk-line)}
  html body.admin-shell-ready:not(.studio-on) .sidebar-brand{flex:0 0 auto;padding:0;border:0}
  html body.admin-shell-ready:not(.studio-on) .sidebar-brand-copy{display:none}
  html body.admin-shell-ready:not(.studio-on) .admin-nav{display:flex;flex:1 1 auto;gap:4px;overflow-x:auto;scrollbar-width:none}
  html body.admin-shell-ready:not(.studio-on) .admin-nav-group{display:flex;flex-direction:row;gap:4px}
  html body.admin-shell-ready:not(.studio-on) .admin-nav-group-label{display:none}
  html body.admin-shell-ready:not(.studio-on) .admin-nav-item{flex:0 0 auto;width:auto;min-height:40px;padding:6px 11px;white-space:nowrap}
  html body.admin-shell-ready:not(.studio-on) .admin-nav-item.active{box-shadow:inset 0 -3px 0 var(--wk-ink)}
  html body.admin-shell-ready:not(.studio-on) .sidebar-bottom{display:none}
  html body.admin-shell-ready:not(.studio-on) .workspace-topbar{position:static;flex-wrap:wrap;margin-bottom:16px}
  html body.admin-shell-ready:not(.studio-on) .admin-shell-footer{margin-left:0}
  html body.admin-shell-ready:not(.studio-on) .admin-page-heading{flex-wrap:wrap}
}
@media (max-width:560px){
  html body.admin-shell-ready:not(.studio-on) .nav-item-label{font-size:12px}
  html body.admin-shell-ready:not(.studio-on) .workspace-topbar-actions{width:100%;justify-content:flex-start}
  html body.admin-shell-ready:not(.studio-on) .quick-actions-grid{grid-template-columns:minmax(0,1fr)}
}


/* ==========================================================================
   Estúdio de edição: superfícies claras para editar, barras estruturais escuras.
   Alinha as peças tardias (abas, busca, barra de ações) com o painel claro do v23.07.
   ========================================================================== */
html body.studio-on.admin-shell-ready aside.st-flyout{--st-text:#17323b;--st-muted:#4b6064;--st-line:#c7d2cd;--st-bg:#f7f8f5;--st-panel:#ffffff;--st-panel-2:#f1f4f0;--st-accent:#17323b;--st-accent-ink:#ffffff;--shell-panel:#ffffff;--shell-text:#17323b;--shell-line:#aebdb7;--shell-muted:#4b6064}
html body.studio-on.admin-shell-ready aside.st-flyout .st-flyout-body .ux-search,
html body.studio-on.admin-shell-ready aside.st-flyout .st-flyout-body .settings-tabs{background:#f1f4f0;border-color:#d8e0db}
html body.studio-on.admin-shell-ready aside.st-flyout .st-flyout-body .settings-tab{border:1px solid #aebdb7;background:#ffffff;color:#17323b}
html body.studio-on.admin-shell-ready aside.st-flyout .st-flyout-body .settings-tab:hover{border-color:#17323b;background:#e8eeea}
html body.studio-on.admin-shell-ready aside.st-flyout .st-flyout-body .settings-tab.active,
html body.studio-on.admin-shell-ready aside.st-flyout .st-flyout-body .settings-tab[aria-selected="true"]{border-color:#17323b;background:#17323b;color:#ffffff}
html body.studio-on.admin-shell-ready aside.st-flyout .st-flyout-body .section-recovery-actions{border:1px solid #d8e0db;background:#eef2ee;color:#17323b}
html body.studio-on.admin-shell-ready aside.st-flyout .st-flyout-body .form-actions{border-color:#c7d2cd;background:#edf1ed}
html body.studio-on.admin-shell-ready aside.st-flyout .st-flyout-body .storytelling-admin-block{border-color:#d8e0db;background:#ffffff;color:#17323b}
html body.studio-on.admin-shell-ready aside.st-flyout .st-flyout-body summary{color:#17323b;font-weight:650}
html body.studio-on.admin-shell-ready aside.st-flyout .st-flyout-body .setting-field,
html body.studio-on.admin-shell-ready aside.st-flyout .st-flyout-body fieldset{border:1px solid #d8e0db;background:#ffffff}
html body.studio-on.admin-shell-ready aside.st-flyout .st-flyout-body button:not(.primary):not(.settings-tab):not(.vi-tab):not(.st-rail-btn){border-color:#aebdb7;background:#ffffff;color:#17323b}
html body.studio-on.admin-shell-ready aside.st-flyout .st-flyout-body button:not(.primary):not(.settings-tab):not(.vi-tab):not(.st-rail-btn):hover{border-color:#17323b;background:#e8eeea}
html body.studio-on.admin-shell-ready aside.st-flyout .st-flyout-body button.primary{border-color:#17323b;background:#17323b;color:#ffffff}
html body.studio-on.admin-shell-ready aside.st-flyout .st-flyout-body input:focus-visible,
html body.studio-on.admin-shell-ready aside.st-flyout .st-flyout-body textarea:focus-visible,
html body.studio-on.admin-shell-ready aside.st-flyout .st-flyout-body select:focus-visible,
html body.studio-on.admin-shell-ready aside.st-flyout .st-flyout-body button:focus-visible,
html body.studio-on.admin-shell-ready aside.st-flyout .st-flyout-body summary:focus-visible{outline:2px solid #17323b;outline-offset:2px}
html body.studio-on.admin-shell-ready aside.st-flyout .st-flyout-body .graphic-symbol{color:#76501d}
html body.studio-on.admin-shell-ready aside.st-flyout .st-flyout-body .ve-history-panel,
html body.studio-on.admin-shell-ready aside.st-flyout .st-flyout-body .ve-history-panel strong{color:#17323b}
html body.studio-on.admin-shell-ready aside.st-flyout .st-flyout-body .ve-history-panel span,
html body.studio-on.admin-shell-ready aside.st-flyout .st-flyout-body .ve-history-panel small,
html body.studio-on.admin-shell-ready aside.st-flyout .st-flyout-body .ve-history-panel p{color:#4b6064}
html body.studio-on.admin-shell-ready aside.st-flyout .st-flyout-body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
html body.studio-on.admin-shell-ready aside.st-flyout .st-flyout-body select,
html body.studio-on.admin-shell-ready aside.st-flyout .st-flyout-body textarea{background:#ffffff;border-color:#aebdb7;color:#17323b}
html body.studio-on.admin-shell-ready aside.st-flyout .ux-search{background:#f1f4f0;border-bottom:1px solid #d8e0db}
html body.studio-on.admin-shell-ready aside.st-flyout .st-flyout-head button{color:#17323b}
html body.admin-shell-ready:not(.studio-on) .projects-view .toolbar .ux-file-name{color:#454d56;opacity:1}
html body.admin-shell-ready:not(.studio-on) .contacts-view .contacts-inbox-count,
html body.admin-shell-ready:not(.studio-on) .contacts-view #contacts-inbox-count{color:var(--wk-muted);opacity:1}