/* Edicao de Sites — modulo nativo do app (index.html).
   Mapeia os tokens "adm" que o modulo usa para o tema do index.html
   (page-bg, card-bg, text-primary, accent, color-ok/warn/danger), com fallback
   escuro se algum token faltar. No :root para que modais e toasts (anexados ao
   body) tambem herdem o tema. */
:root{
  --adm-bg: var(--page-bg, #0f1117);
  --adm-surface: var(--card-bg, #161921);
  --adm-surface2: var(--accent-soft, #1a1d26);
  --adm-border: var(--card-border, #2a2d35);
  --adm-border-soft: var(--card-border, #2a2d3540);
  --adm-border-strong: var(--card-border, #2a2d35);
  --adm-text: var(--text-primary, #e1e4ea);
  --adm-text-muted: var(--text-secondary, #9ca3af);
  --adm-text-dim: var(--text-muted, #6b7280);
  --adm-text-faint: var(--text-muted, #4b5563);
  --adm-gold: var(--accent, #f0b800);
  --adm-gold-soft: var(--accent-soft, #f0b80020);
  --adm-gold-hover: var(--accent-soft, #f0b80025);
  --adm-hover: var(--accent-soft, #ffffff08);
  --adm-ok: var(--color-ok, #22c55e);
  --adm-ok-soft: var(--color-ok-bg, #22c55e20);
  --adm-warn: var(--color-warn, #f59e0b);
  --adm-warn-soft: var(--color-warn-bg, #f59e0b20);
  --adm-err: var(--color-danger, #ef4444);
  --adm-err-soft: var(--color-danger-bg, #ef444420);
  --adm-blue: var(--accent, #3b82f6);
  --adm-blue-soft: var(--accent-soft, #3b82f620);
}
#edsites-root{font-family:'DM Sans',sans-serif;color:var(--adm-text)}
.eds-subtabs{display:flex;gap:8px;margin-bottom:14px;border-bottom:1px solid var(--adm-border);padding-bottom:10px;flex-wrap:wrap}
.eds-subtab{background:none;border:1px solid var(--adm-border);color:var(--adm-text-muted);padding:7px 16px;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}
.eds-subtab:hover{border-color:var(--adm-gold);color:var(--adm-gold)}
.eds-subtab.active{background:var(--adm-gold-soft);border-color:var(--adm-gold);color:var(--adm-gold)}
.eds-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.eds-toolbar .eds-title{font-size:15px;font-weight:700}
.eds-toolbar .eds-spacer{flex:1}
.eds-link{font-size:12px;color:var(--adm-blue);text-decoration:none;border:1px solid var(--adm-border);padding:5px 10px;border-radius:6px}
.eds-link:hover{border-color:var(--adm-blue)}
.eds-badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px}
.eds-badge.warn{background:var(--adm-warn-soft);color:var(--adm-warn)}
.eds-badge.ok{background:var(--adm-ok-soft);color:var(--adm-ok)}
.eds-btn{background:var(--adm-gold);border:none;color:#1a1d23;padding:7px 15px;border-radius:7px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:filter .15s}
.eds-btn:hover{filter:brightness(1.07)}
.eds-btn.ghost{background:none;border:1px solid var(--adm-border);color:var(--adm-text-muted)}
.eds-btn.ghost:hover{border-color:var(--adm-gold);color:var(--adm-gold)}
.eds-btn.danger{background:var(--adm-err);color:#fff}
.eds-btn:disabled{opacity:.5;cursor:not-allowed;filter:none}
.eds-grid{display:grid;grid-template-columns:1fr 360px;gap:14px;align-items:start}
@media(max-width:1100px){.eds-grid{grid-template-columns:1fr}}
.eds-preview{border:1px solid var(--adm-border);border-radius:10px;overflow:hidden;background:var(--adm-surface);height:72vh;min-height:520px}
.eds-preview iframe{width:100%;height:100%;border:0;display:block;background:#fff}
.eds-panel{border:1px solid var(--adm-border);border-radius:10px;background:var(--adm-surface);display:flex;flex-direction:column;max-height:72vh;min-height:520px}
.eds-paneltabs{display:flex;border-bottom:1px solid var(--adm-border)}
.eds-paneltab{flex:1;background:none;border:0;border-bottom:2px solid transparent;color:var(--adm-text-muted);padding:11px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit}
.eds-paneltab.active{color:var(--adm-gold);border-bottom-color:var(--adm-gold)}
.eds-panelbody{padding:12px;overflow:auto;flex:1}
.eds-seclist{display:flex;flex-direction:column;gap:4px}
.eds-secitem{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid transparent;border-radius:7px;cursor:pointer;font-size:13px;color:var(--adm-text)}
.eds-secitem:hover{background:var(--adm-hover)}
.eds-secitem.active{background:var(--adm-gold-soft);border-color:var(--adm-gold)}
.eds-secitem .dot{width:9px;height:9px;border-radius:50%;background:var(--adm-text-faint);flex:none}
.eds-secitem .dot.gostei{background:var(--adm-ok)}
.eds-secitem .dot.alterar{background:var(--adm-warn)}
.eds-secitem .dot.descartar{background:var(--adm-err)}
.eds-secitem .lbl{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eds-editor{margin-top:12px;border-top:1px solid var(--adm-border);padding-top:12px}
.eds-editor .eds-secname{font-size:13px;font-weight:700;margin-bottom:8px}
.eds-statusrow{display:flex;gap:6px;margin-bottom:8px}
.eds-st{flex:1;border:1px solid var(--adm-border);background:none;color:var(--adm-text-muted);border-radius:6px;padding:7px 4px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}
.eds-st.sel.gostei{background:var(--adm-ok-soft);border-color:var(--adm-ok);color:var(--adm-ok)}
.eds-st.sel.alterar{background:var(--adm-warn-soft);border-color:var(--adm-warn);color:var(--adm-warn)}
.eds-st.sel.descartar{background:var(--adm-err-soft);border-color:var(--adm-err);color:var(--adm-err)}
.eds-ta{width:100%;box-sizing:border-box;background:var(--adm-surface2);border:1px solid var(--adm-border);border-radius:7px;color:var(--adm-text);padding:9px;font-size:13px;font-family:inherit;resize:vertical;min-height:74px}
.eds-empty{color:var(--adm-text-dim);font-size:12.5px;text-align:center;padding:24px 8px}
.eds-row{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--adm-border-soft);font-size:12.5px}
.eds-row:last-child{border-bottom:0}
.eds-row .grow{flex:1;min-width:0}
.eds-row .mono{font-family:ui-monospace,monospace;color:var(--adm-text-muted);font-size:11px}
.eds-row .sub{color:var(--adm-text-dim);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eds-chg{font-family:ui-monospace,monospace;font-size:11.5px;color:var(--adm-text-muted);padding:3px 0}
.eds-chg b{color:var(--adm-warn)}
.eds-sectionbox{margin-bottom:14px}
.eds-h{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--adm-text-dim);margin:4px 0 8px}
/* modal */
.eds-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:9999}
.eds-modal{background:var(--adm-surface);border:1px solid var(--adm-border);border-radius:12px;padding:20px;width:min(440px,92vw);box-shadow:0 20px 60px rgba(0,0,0,.4)}
.eds-modal h3{margin:0 0 6px;font-size:15px;color:var(--adm-text)}
.eds-modal p{margin:0 0 14px;font-size:13px;color:var(--adm-text-muted)}
.eds-modal input,.eds-modal textarea{width:100%;box-sizing:border-box;background:var(--adm-surface2);border:1px solid var(--adm-border);border-radius:7px;color:var(--adm-text);padding:9px;font-size:13px;font-family:inherit;margin-bottom:14px}
.eds-modal .acts{display:flex;justify-content:flex-end;gap:8px}
.eds-toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--adm-surface);border:1px solid var(--adm-gold);color:var(--adm-text);padding:11px 18px;border-radius:9px;font-size:13px;z-index:10000;box-shadow:0 10px 30px rgba(0,0,0,.35)}
