/* 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%}
.visual-editor-toolbar,.analytics-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.visual-editor-toolbar #editor-selection-status{font-size:11px;color:#687679}
.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}.visual-editor-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.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-editor-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:8px 0}.visual-editor-actions button{font-size:.78rem;padding:9px 7px}.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; }
.visual-editor-actions #visual-delete-selected{border-color:#A8472E;color:#A8472E}
.visual-editor-actions #visual-delete-selected:hover{background:#A8472E;color:#EEE6D3}
/* Editor UX: responsive viewport controls and expanded effects inspector */
.editor-device-label{font-size:11px;font-weight:700;color:var(--muted,#667)}
.visual-editor-toolbar select{width:auto;min-width:112px;max-width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel,#fff);color:inherit}
.visual-editor-toolbar{align-items:center}
.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){.visual-editor-toolbar select{min-width:100px}.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-toolbar{gap:8px}.visual-editor-toolbar select{background:#202020;color:#ddd;border:1px solid #393939;border-radius:8px;padding:8px}.visual-editor-toolbar #editor-selection-status{font-size:11px;color:var(--ui-muted)}.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-editor-actions{gap:5px}.visual-editor-actions button{font-size:11px;padding:7px 8px}.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,.unified-preview-head>strong{color:var(--ui-heading,var(--ui-text))}
.eyebrow,.panel-heading .eyebrow,.workspace-status,.subcopy,.setting-field small,.muted,.unified-preview-note,.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-preview-head>div{width:100%}.unified-preview-head>div button{flex:1}.unified-editor-preview .visual-editor-toolbar{gap:6px}.unified-editor-preview .visual-editor-toolbar button,.unified-editor-preview .visual-editor-toolbar select,.unified-editor-preview .visual-editor-toolbar a{flex:1 1 auto;min-width:0}.unified-editor-preview .visual-editor-toolbar .editor-device-label{flex:0 0 auto}.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))}.visual-editor-toolbar .editor-open-site{color:var(--ui-text);border-color:var(--ui-divider)}

/* 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,.visual-color-help{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}}