:root {
  --bg: #f7f8fc;
  --surface: #ffffff;
  --surface-soft: #f4f5fa;
  --text: #171927;
  --muted: #7b7f91;
  --line: #e7e9f0;
  --primary: #6258e8;
  --primary-2: #776cf4;
  --primary-soft: #efedff;
  --success: #20b879;
  --success-soft: #e9f9f2;
  --warning: #e7a62f;
  --danger: #e65f70;
  --shadow: 0 8px 30px rgba(29, 32, 56, .06);
  --radius: 16px;
  --radius-sm: 10px;
  --sidebar: 248px;
  font-family: Inter, system-ui, sans-serif;
}
* { box-sizing: border-box; }
html, body, #root { min-height: 100%; }
body { margin: 0; background: var(--bg); color: var(--text); -webkit-font-smoothing: antialiased; }
button, input, select { font: inherit; }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .55; }
.app { min-height: 100vh; display: grid; grid-template-columns: var(--sidebar) 1fr; }
.sidebar { background: var(--surface); border-right: 1px solid var(--line); padding: 22px 16px; display: flex; flex-direction: column; position: sticky; top: 0; height: 100vh; z-index: 5; }
.brand { display: flex; align-items: center; gap: 11px; padding: 4px 10px 24px; }
.brand-mark { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; color: white; background: linear-gradient(135deg, var(--primary), #8c82ff); font-weight: 800; box-shadow: 0 8px 20px rgba(98,88,232,.22); }
.brand-name { font-family: Manrope, sans-serif; font-size: 17px; font-weight: 800; letter-spacing: -.02em; }
.nav-title { padding: 10px 12px 7px; color: #a0a3b0; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .11em; }
.nav { display: grid; gap: 3px; }
.nav-btn { border: 0; background: transparent; color: #6d7182; width: 100%; text-align: left; display: flex; align-items: center; gap: 11px; padding: 10px 12px; border-radius: 10px; font-size: 13px; font-weight: 600; transition: .15s ease; }
.nav-btn:hover { background: var(--surface-soft); color: var(--text); }
.nav-btn.active { background: var(--primary-soft); color: var(--primary); }
.nav-icon { width: 18px; text-align: center; font-size: 15px; }
.sidebar-bottom { margin-top: auto; border-top: 1px solid var(--line); padding: 15px 8px 0; }
.user-email { color: var(--muted); font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 9px; }
.logout { border: 0; background: transparent; color: var(--muted); padding: 0; font-size: 12px; }
.main { min-width: 0; padding: 24px 32px 50px; }
.topbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 25px; }
.page-title { font-family: Manrope, sans-serif; font-size: 24px; line-height: 1.2; margin: 0; letter-spacing: -.03em; }
.page-subtitle { margin: 6px 0 0; color: var(--muted); font-size: 12px; }
.toolbar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.control { border: 1px solid var(--line); background: var(--surface); color: var(--text); border-radius: 9px; padding: 9px 12px; font-size: 12px; box-shadow: 0 1px 1px rgba(0,0,0,.02); }
.primary { border: 0; background: var(--primary); color: white; border-radius: 9px; padding: 10px 14px; font-weight: 700; font-size: 12px; box-shadow: 0 7px 18px rgba(98,88,232,.18); }
.ghost { border: 1px solid var(--line); background: var(--surface); color: var(--text); border-radius: 9px; padding: 10px 13px; font-weight: 600; font-size: 12px; }
.notice { background: var(--primary-soft); border: 1px solid #dfdbff; color: #5047bd; padding: 11px 13px; border-radius: 10px; font-size: 12px; margin-bottom: 18px; }
.grid-4 { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 13px; }
.card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
.metric { padding: 17px 18px; min-height: 122px; }
.metric-label { color: var(--muted); font-size: 11px; font-weight: 600; margin-bottom: 10px; }
.metric-value { font-family: Manrope, sans-serif; font-size: 23px; font-weight: 800; letter-spacing: -.03em; }
.metric-meta { margin-top: 9px; font-size: 11px; display: flex; gap: 5px; align-items: center; }
.up { color: var(--success); } .down { color: var(--danger); }
.section { margin-top: 18px; }
.section-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.section-title { margin: 0; font-family: Manrope, sans-serif; font-size: 14px; font-weight: 800; }
.section-note { color: var(--muted); font-size: 11px; }
.chart-card { padding: 18px 18px 11px; }
.chart-wrap { height: 300px; position: relative; }
.chart-svg { width: 100%; height: 100%; display: block; }
.chart-axis { fill: #9b9ead; font-size: 10px; }
.chart-grid { stroke: #eceef4; stroke-width: 1; }
.chart-line { fill: none; stroke: var(--primary); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.chart-area { fill: url(#chartFill); }
.chart-empty { height: 100%; display: grid; place-items: center; color: var(--muted); font-size: 12px; }
.table-card { overflow: hidden; }
.table-scroll { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; min-width: 700px; }
th { background: #fafaff; color: #8a8d9c; font-size: 10px; text-transform: uppercase; letter-spacing: .07em; font-weight: 700; text-align: right; padding: 12px 14px; border-bottom: 1px solid var(--line); }
th:first-child, td:first-child { text-align: left; }
td { padding: 13px 14px; border-bottom: 1px solid #f0f1f5; font-size: 12px; text-align: right; white-space: nowrap; }
tbody tr:hover { background: #fbfbfe; }
.campaign-name { font-weight: 700; color: var(--text); }
.badge { display: inline-flex; align-items: center; gap: 5px; border-radius: 999px; padding: 4px 8px; font-size: 10px; font-weight: 700; background: var(--success-soft); color: var(--success); }
.badge-dot { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.empty { padding: 42px 20px; text-align: center; color: var(--muted); }
.empty strong { display: block; color: var(--text); margin-bottom: 6px; font-size: 13px; }
.login-page { min-height: 100vh; display: grid; place-items: center; padding: 20px; background: radial-gradient(circle at top right, #efedff, transparent 35%), var(--bg); }
.login-card { width: min(420px, 100%); padding: 28px; background: var(--surface); border: 1px solid var(--line); border-radius: 20px; box-shadow: 0 25px 70px rgba(32,35,62,.10); }
.login-card h1 { font-family: Manrope, sans-serif; font-size: 22px; margin: 0; }
.login-card p { color: var(--muted); font-size: 12px; line-height: 1.55; }
.form { display: grid; gap: 12px; margin-top: 18px; }
.form label { color: #737789; font-size: 11px; font-weight: 600; }
.form input { display: block; width: 100%; margin-top: 6px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 9px; outline: none; }
.form input:focus { border-color: #b8b2ff; box-shadow: 0 0 0 3px #efedff; }
.tabs { display: flex; gap: 4px; padding: 4px; background: var(--surface-soft); border-radius: 10px; }
.tab { flex: 1; border: 0; background: transparent; padding: 8px; border-radius: 8px; color: var(--muted); font-size: 11px; font-weight: 700; }
.tab.active { background: white; color: var(--primary); box-shadow: 0 2px 7px rgba(0,0,0,.05); }
.error { color: var(--danger); font-size: 11px; }
.mobile-toggle { display: none; border: 1px solid var(--line); background: white; border-radius: 9px; padding: 8px 10px; }
@media (max-width: 1100px) { .grid-4 { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 800px) {
  .app { grid-template-columns: 1fr; }
  .sidebar { position: fixed; left: -270px; width: 248px; transition: .2s ease; box-shadow: 10px 0 40px rgba(0,0,0,.08); }
  .sidebar.open { left: 0; }
  .mobile-toggle { display: block; }
  .main { padding: 14px 14px 30px; }
  .topbar { align-items: flex-start; }
  .grid-4 { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 520px) { .grid-4 { grid-template-columns: 1fr; } .toolbar { width: 100%; } .toolbar > * { flex: 1; } .page-title { font-size: 21px; } }

.toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.small{padding:7px 10px;font-size:12px}.account-picker{display:grid;gap:8px}.account-option{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:10px;padding:12px 14px}.account-option strong{font-size:13px}.section-note{font-size:11px;color:var(--muted)}
.detail-backdrop{position:fixed;inset:0;background:#f7f8fa;z-index:50;overflow:auto}.detail-panel{min-height:100vh;padding:24px 30px}.detail-tabs{margin:0 0 20px;border-bottom:1px solid #e7e9ef}.detail-content{max-width:1400px}.success-btn{border-color:#b8efd3}.danger-btn{border-color:#f2c1c9}.small{padding:8px 11px;font-size:12px}

.tracking-chart{height:210px;padding:22px;display:flex;align-items:flex-end;gap:4px;overflow:hidden}.tracking-bar{height:165px;flex:1;display:flex;align-items:flex-end;min-width:3px}.tracking-bar span{display:block;width:100%;border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,var(--primary),#8c82ff);min-height:3px}.install-card{padding:18px;display:grid;gap:12px}.install-card pre{margin:0;background:#171927;color:#f4f5fa;border-radius:10px;padding:14px;overflow:auto;font-size:11px;line-height:1.6}.install-card code{font-size:10px}

.danger{border:1px solid #f2c1c9;background:#fff5f6;color:var(--danger);border-radius:9px;padding:8px 11px;font-size:12px;cursor:pointer}.danger:hover{filter:brightness(.98)}
.flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.flow-grid>div{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;padding:14px}.flow-grid strong{display:block;margin-bottom:5px}@media(max-width:900px){.flow-grid{grid-template-columns:1fr 1fr}}
.clickable-row{cursor:pointer}.clickable-row:hover{background:rgba(109,78,255,.05)}
.status-error,.status-danger{color:#b42318;font-weight:700}.status-warning,.status-warn{color:#b54708;font-weight:700}.status-success,.status-ok{color:#087443;font-weight:700}.status-info{color:#175cd3;font-weight:700}
.timeline{position:relative;margin:10px 0 0 8px;padding-left:24px;border-left:2px solid #e4e7ec}.timeline-item{position:relative;padding:0 0 18px 18px}.timeline-dot{position:absolute;left:-31px;top:3px;width:10px;height:10px;border-radius:50%;background:#6941c6;border:3px solid #fff;box-shadow:0 0 0 1px #d6bbfb}.small{font-size:12px;padding:7px 10px}
.gtm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.gtm-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:5px 9px;font-size:10px;font-weight:700;background:var(--surface-soft)}
@media(max-width:900px){.gtm-grid{grid-template-columns:1fr}}
/* Fase 5 — Unified Analytics Dashboard */
.dashboard-secondary{margin-top:14px}.chart-legend{display:flex;gap:18px;align-items:center;margin:0 0 8px;color:#737789;font-size:10px;font-weight:700}.chart-legend span{display:inline-flex;align-items:center;gap:6px}.chart-legend i{width:9px;height:9px;border-radius:50%;display:inline-block}.legend-spend{background:#6258e8}.legend-revenue{background:#16a36a}.legend-clicks{background:#f79009}.unified-line{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.unified-line.spend{stroke:#6258e8}.unified-line.revenue{stroke:#16a36a}.unified-line.clicks{stroke:#f79009}
/* Fase 5A — Customer Journey & Funnel Intelligence */
.funnel-card{padding:18px;overflow:hidden}.funnel-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:7px;align-items:stretch}.funnel-stage{position:relative;min-height:132px;padding:16px 12px;text-align:center;display:flex;flex-direction:column;justify-content:center;clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%);background:var(--surface-soft);border:1px solid var(--line)}.funnel-stage:nth-child(1){transform:scaleX(1)}.funnel-stage:nth-child(2){transform:scaleX(.94)}.funnel-stage:nth-child(3){transform:scaleX(.88)}.funnel-stage:nth-child(4){transform:scaleX(.82)}.funnel-stage:nth-child(5){transform:scaleX(.76)}.funnel-stage-label{font-size:11px;color:var(--muted);font-weight:700}.funnel-stage-value{font:800 25px Manrope,sans-serif;margin-top:8px}.funnel-stage-rate{font-size:10px;color:var(--primary);font-weight:800;margin-top:6px}.journey-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.card-title-inline{display:flex;justify-content:space-between;align-items:center;padding:15px 16px 0;font-size:12px}.card-title-inline span{font-size:10px;color:var(--muted)}.journey-section .table-card{overflow:hidden}.journey-section table{min-width:520px}@media(max-width:900px){.funnel-grid{grid-template-columns:1fr 1fr}.funnel-stage:nth-child(n){transform:none}.journey-cols{grid-template-columns:1fr}}@media(max-width:520px){.funnel-grid{grid-template-columns:1fr}}
/* Fase 5B — Performance Intelligence */
.performance-section .metric{min-height:108px}.performance-score{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:30px;border-radius:9px;font-weight:800;font-size:13px}.performance-score.good{background:#dcfae6;color:#067647}.performance-score.ok{background:#e8f3ff;color:#175cd3}.performance-score.warn{background:#fff4d6;color:#b54708}.performance-score.bad{background:#ffe4e8;color:#b42318}.performance-label{font-size:9px;font-weight:800;margin-top:4px}.performance-label.good,.performance-label.ok{color:#067647}.performance-label.warn{color:#b54708}.performance-label.bad{color:#b42318}.trend-stack{display:grid;gap:4px;font-size:10px}.performance-reasons{display:grid;gap:4px;max-width:240px;white-space:normal;text-align:left}.performance-reasons span{color:var(--muted);font-size:10px;line-height:1.35}.performance-callouts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.performance-callout{padding:15px 16px;display:flex;justify-content:space-between;gap:12px;align-items:center}.performance-callout strong{font-size:11px}.performance-callout span{font-size:11px;color:var(--muted)}.performance-callout.good{border-left:3px solid #12b76a}.performance-callout.warn{border-left:3px solid #f79009}.performance-callout.bad{border-left:3px solid #f04438}@media(max-width:800px){.performance-callouts{grid-template-columns:1fr}}
.seo-priorities{display:grid;gap:8px;padding:16px}.seo-priority{padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--panel);font-size:13px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:900px){.grid-3{grid-template-columns:1fr}}
.seo-ai-list{display:grid;gap:10px;margin-top:14px}.seo-ai-list .seo-priority{padding:12px;border:1px solid var(--border,#e5e7eb);border-radius:10px}.seo-ai-list .seo-priority b{font-size:11px;letter-spacing:.08em}.trend-chart{display:flex;align-items:flex-end;gap:6px;min-height:180px;overflow:auto}.trend-bar{min-width:28px;height:170px;display:flex;flex-direction:column;justify-content:flex-end;gap:5px;font-size:9px;color:var(--muted,#64748b)}.trend-bar-stack{height:145px;display:flex;align-items:flex-end;gap:2px}.trend-bar-stack i{display:block;width:6px;background:currentColor;border-radius:3px 3px 0 0}
.landing-preview{overflow:hidden;border:1px solid #e6e8ef;border-radius:14px;background:#fff}.landing-preview iframe{width:100%;height:100%;border:0;background:#fff}.gtm-chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#f1f3f7;color:#555;font-size:12px;font-weight:700}
.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.studio-editor,.studio-preview{min-width:0}.code-editor{width:100%;height:620px;resize:vertical;background:#0f172a;color:#e5e7eb;border:0;border-radius:10px;padding:16px;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;box-sizing:border-box}.studio-preview{overflow:hidden}.studio-preview iframe{width:100%;height:620px;border:0;background:#fff;border-radius:8px}@media(max-width:900px){.studio-grid{grid-template-columns:1fr}.code-editor,.studio-preview iframe{height:480px}}
/* Fase 9 — Growth Command Center / Madgicx-inspired information architecture */
.eyebrow,.command-label{font-size:9px;letter-spacing:.12em;font-weight:800;color:#7569e8}.command-topbar{align-items:flex-start}.command-hero{margin-bottom:14px;padding:22px 24px;display:flex;justify-content:space-between;gap:20px;align-items:center;background:linear-gradient(135deg,#fff 0%,#f8f7ff 100%);border-color:#e5e2ff}.command-hero h2{margin:7px 0 5px;font:800 20px Manrope,sans-serif;max-width:780px}.command-hero p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.command-score{min-width:130px;text-align:center;padding:15px;border:1px solid #dedaff;background:#fff;border-radius:15px}.command-score span,.command-score small{display:block;color:var(--muted);font-size:9px;font-weight:700}.command-score strong{font:800 32px Manrope,sans-serif;color:#6258e8;display:inline-block;margin-top:4px}.command-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.command-grid-main{grid-template-columns:1.25fr .75fr}.command-panel{padding:0;overflow:hidden}.command-panel-head{display:flex;justify-content:space-between;align-items:center;padding:16px 17px;border-bottom:1px solid var(--line)}.command-panel-head h3{margin:4px 0 0;font:800 14px Manrope,sans-serif}.command-panel .table-scroll{padding:0}.command-funnel{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:18px}.command-funnel div{padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}.command-funnel span{display:block;color:var(--muted);font-size:9px;font-weight:700}.command-funnel strong{display:block;font:800 19px Manrope,sans-serif;margin-top:5px}.command-mini-flow{display:flex;align-items:center;justify-content:center;gap:9px;padding:0 18px 18px;color:var(--muted);font-size:9px;font-weight:700}.command-mini-flow b{color:#9b95c9}.priority-list,.alert-list,.action-list{padding:12px 16px;display:grid;gap:8px}.priority-item{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:11px;border-radius:10px;border:1px solid var(--line);background:#fff}.priority-item.critical{border-left:3px solid #f04438}.priority-item.high{border-left:3px solid #f79009}.priority-item.medium{border-left:3px solid #7a5af8}.priority-item.low{border-left:3px solid #12b76a}.priority-num,.priority-icon{width:26px;height:26px;border-radius:8px;background:var(--surface-soft);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:10px}.priority-item strong{font-size:11px}.priority-item p,.action-row p{margin:3px 0;color:var(--muted);font-size:10px;line-height:1.4}.priority-item small{font-size:9px;color:var(--muted);font-weight:700}.command-alert{display:grid;gap:3px;padding:11px;border:1px solid var(--line);border-radius:10px}.command-alert strong{font-size:11px}.command-alert span{font-size:10px;color:var(--muted)}.command-alert.critical{border-left:3px solid #f04438}.command-alert.high{border-left:3px solid #f79009}.command-alert.medium{border-left:3px solid #7a5af8}.command-alert.low{border-left:3px solid #12b76a}.action-row{display:grid;grid-template-columns:24px 1fr;gap:9px;padding:10px;border-bottom:1px solid var(--line)}.action-row:last-child{border-bottom:0}.action-row>span{font-weight:900;color:#6e62dc}.command-status{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:800}.command-status.good{background:#dcfae6;color:#067647}.command-status.warn{background:#fff4d6;color:#b54708}.command-status.bad{background:#ffe4e8;color:#b42318}.command-module-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-top:12px}.module-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px;text-align:left;cursor:pointer;transition:.15s}.module-card:hover{transform:translateY(-1px);border-color:#cfc9ff;box-shadow:0 7px 22px rgba(44,38,92,.07)}.module-card span{display:block;font-size:18px;color:#695de0;margin-bottom:10px}.module-card strong{display:block;font-size:11px}.module-card small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.command-success{border-color:#b7ebcd;background:#f0fff6}.command-error{border-color:#f4c3ca;background:#fff6f7;color:#b42318}@media(max-width:1000px){.command-module-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.command-grid,.command-grid-main{grid-template-columns:1fr}.command-hero{align-items:flex-start;flex-direction:column}.command-score{width:100%;box-sizing:border-box}.command-funnel{grid-template-columns:1fr 1fr}}@media(max-width:520px){.command-module-grid{grid-template-columns:1fr 1fr}.command-mini-flow{flex-wrap:wrap}.command-funnel{grid-template-columns:1fr}}

/* =========================================================
   Fase 9A — Traqueamento Design System
   Unified Growth OS / Madgicx-inspired information architecture
   ========================================================= */
:root{
  --bg:#f5f6fa;
  --surface:#ffffff;
  --surface-2:#fafaff;
  --surface-soft:#f1f2f7;
  --surface-hover:#f7f7fc;
  --text:#171927;
  --text-strong:#10111b;
  --muted:#737789;
  --muted-2:#969aaa;
  --line:#e5e7ef;
  --line-strong:#d9dbe6;
  --border:var(--line);
  --primary:#6258e8;
  --primary-2:#786df4;
  --primary-dark:#5046c7;
  --primary-soft:#efedff;
  --success:#12a66a;
  --success-soft:#e9f8f1;
  --warning:#d88b12;
  --warning-soft:#fff5df;
  --danger:#d94f63;
  --danger-soft:#fff0f2;
  --info:#356bd8;
  --info-soft:#edf4ff;
  --shadow-xs:0 1px 2px rgba(20,22,38,.03);
  --shadow-sm:0 4px 14px rgba(25,28,48,.045);
  --shadow:0 10px 32px rgba(25,28,48,.055);
  --shadow-lg:0 18px 55px rgba(25,28,48,.09);
  --radius:14px;
  --radius-sm:9px;
  --radius-lg:18px;
  --sidebar:248px;
}

body{background:var(--bg);color:var(--text)}
::selection{background:#dedaff;color:#3029a0}
:focus-visible{outline:3px solid rgba(98,88,232,.20);outline-offset:2px}

/* Global surfaces */
.card{border-color:var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.card:hover{border-color:#dedfeb}
.section{margin-top:20px}
.section-title{font-size:14px;color:var(--text-strong)}
.section-note{color:var(--muted-2);line-height:1.45}

/* Sidebar / information architecture */
.sidebar{padding:18px 14px;background:#fff;border-right:1px solid var(--line);box-shadow:2px 0 16px rgba(20,22,38,.025)}
.brand{padding:5px 9px 22px}
.brand-mark{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#6258e8,#8278f7);box-shadow:0 7px 18px rgba(98,88,232,.18)}
.brand-name{font-size:16px;letter-spacing:-.03em}
.nav-title{padding:16px 11px 7px;color:#a0a3b0;font-size:9px;letter-spacing:.13em}
.nav{gap:2px}
.nav-btn{min-height:38px;padding:9px 11px;border-radius:9px;color:#6d7182;font-size:12px;font-weight:600}
.nav-btn:hover{background:#f7f7fb;color:var(--text-strong)}
.nav-btn.active{background:var(--primary-soft);color:var(--primary);font-weight:750}
.nav-icon{width:19px;font-size:14px;color:currentColor;opacity:.9}
.sidebar-bottom{padding:13px 8px 0}
.logout{font-size:11px}

/* Main workspace */
.main{padding:26px 32px 60px;max-width:1800px;width:100%;margin:0 auto}
.topbar{min-height:48px;margin-bottom:22px}
.page-title{font-size:23px;color:var(--text-strong)}
.page-subtitle{font-size:11px;color:var(--muted)}

/* Buttons and controls */
.control,.ghost,.primary,.danger{min-height:36px;border-radius:9px;transition:.15s ease}
.control{border-color:var(--line);background:#fff;box-shadow:var(--shadow-xs);padding:8px 11px;font-size:11px}
.control:hover{border-color:#cfd2df}
.primary{background:var(--primary);padding:9px 13px;font-size:11px;box-shadow:0 6px 16px rgba(98,88,232,.16)}
.primary:hover{background:var(--primary-dark);transform:translateY(-1px)}
.ghost{background:#fff;border-color:var(--line);padding:9px 12px;font-size:11px}
.ghost:hover{background:var(--surface-hover);border-color:#d4d6e2}
.danger{background:var(--danger-soft);color:var(--danger);border:1px solid #f1c5cd;padding:8px 11px;font-weight:700}

/* Metric cards */
.grid-4{gap:12px}
.metric{min-height:116px;padding:16px 17px;border-radius:14px}
.metric-label{font-size:10px;text-transform:uppercase;letter-spacing:.055em;color:#8a8e9f}
.metric-value{font-size:22px;color:var(--text-strong)}
.metric-meta{font-size:10px;color:var(--muted)}

/* Tables */
.table-card{border-radius:14px}
table{min-width:720px}
th{background:#fbfbfd;color:#8c90a0;font-size:9px;padding:11px 13px;letter-spacing:.08em}
td{font-size:11px;padding:12px 13px}
tbody tr{transition:background .12s ease}
tbody tr:hover{background:#fafaff}
.campaign-name{font-size:11px;color:var(--text-strong)}

/* Status language */
.badge{font-size:9px;padding:4px 7px}
.command-status{letter-spacing:.04em}
.status-success,.up{color:var(--success)}
.status-warning{color:var(--warning)}
.status-danger,.down{color:var(--danger)}

/* Shared section headers */
.section-head{min-height:30px}
.eyebrow,.command-label{font-size:8px;letter-spacing:.14em;color:#7167df}

/* Forms */
.form{gap:13px}
.form label{font-size:10px;color:#717586}
.form input,.form select,.form textarea{border-color:var(--line);border-radius:9px;background:#fff;color:var(--text);font-size:11px}
.form input:focus,.form select:focus,.form textarea:focus{border-color:#b9b3f8;box-shadow:0 0 0 3px var(--primary-soft)}

/* Tabs */
.tabs{border:1px solid var(--line);background:#f4f5f9;padding:3px;border-radius:10px}
.tab{font-size:10px}
.tab.active{color:var(--primary);box-shadow:0 2px 7px rgba(20,22,38,.06)}

/* Command Center as the canonical shell */
.command-hero{border-radius:16px;padding:22px 23px;background:linear-gradient(135deg,#fff 0%,#faf9ff 100%);box-shadow:var(--shadow-sm)}
.command-hero h2{font-size:20px;color:var(--text-strong)}
.command-score{border-radius:14px;box-shadow:var(--shadow-xs)}
.command-panel{border-radius:14px;box-shadow:var(--shadow-sm)}
.command-panel-head{padding:15px 16px}
.command-panel-head h3{font-size:13px;color:var(--text-strong)}
.command-funnel div{background:#fafafe}
.module-card{border-radius:12px;box-shadow:var(--shadow-xs);border-color:var(--line)}
.module-card:hover{box-shadow:var(--shadow-sm);border-color:#cbc6fa}

/* Unified cards used by all future modules */
.ds-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.ds-toolbar-left,.ds-toolbar-right{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.ds-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border-bottom:1px solid var(--line)}
.ds-card-head h3{margin:0;font:800 13px Manrope,sans-serif;color:var(--text-strong)}
.ds-card-head p{margin:3px 0 0;color:var(--muted);font-size:10px}
.ds-card-body{padding:16px}
.ds-divider{height:1px;background:var(--line)}
.ds-muted{color:var(--muted)}
.ds-kicker{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.13em;color:#8178dc}

/* Standardized status pills */
.ds-status{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:800}
.ds-status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.ds-status.success{background:var(--success-soft);color:var(--success)}
.ds-status.warning{background:var(--warning-soft);color:var(--warning)}
.ds-status.danger{background:var(--danger-soft);color:var(--danger);border:0}
.ds-status.info{background:var(--info-soft);color:var(--info)}
.ds-status.neutral{background:#f0f1f5;color:#747888}

/* Empty/loading/error states */
.ds-empty{min-height:150px;display:grid;place-items:center;text-align:center;padding:24px;color:var(--muted)}
.ds-empty strong{display:block;color:var(--text-strong);font-size:12px;margin-bottom:5px}
.ds-loading{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;padding:20px}
.ds-loading:before{content:"";width:13px;height:13px;border:2px solid #dddaf8;border-top-color:var(--primary);border-radius:50%;animation:ds-spin .75s linear infinite}
@keyframes ds-spin{to{transform:rotate(360deg)}}

/* Data visualization primitives */
.ds-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ds-stat{padding:15px 16px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow-xs)}
.ds-stat-label{font-size:9px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.ds-stat-value{margin-top:8px;font:800 21px Manrope,sans-serif;color:var(--text-strong)}
.ds-stat-foot{margin-top:7px;font-size:9px;color:var(--muted)}

/* Detail screens / overlays */
.detail-backdrop{background:#f5f6fa}
.detail-panel{padding:24px 30px}
.detail-tabs{border-bottom-color:var(--line)}

/* Mobile navigation */
.mobile-toggle{position:relative;margin-bottom:13px;border-color:var(--line);background:#fff;color:var(--text-strong);font-size:11px;font-weight:700;box-shadow:var(--shadow-xs)}

@media(max-width:1100px){
  .main{padding-left:22px;padding-right:22px}
  .ds-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
  .main{padding:16px 15px 40px}
  .sidebar{box-shadow:12px 0 35px rgba(20,22,38,.12)}
  .topbar{margin-bottom:17px}
  .page-title{font-size:21px}
}
@media(max-width:520px){
  .ds-stat-grid{grid-template-columns:1fr}
  .ds-toolbar-left,.ds-toolbar-right{width:100%}
  .ds-toolbar-left>*{flex:1}
}

/* =========================================================
   Fase 9B — Real-time Operations Center
   ========================================================= */
.operations-shell{margin-top:14px;display:grid;gap:12px}
.operations-head{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#fff 0%,#f8f7ff 100%)}
.operations-head h2{margin:5px 0 4px;font:800 17px Manrope,sans-serif;color:var(--text-strong)}
.operations-head p{margin:0;color:var(--muted);font-size:10px}
.operations-live{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid #c9efd9;border-radius:10px;background:#f1fff7}.operations-live i{width:8px;height:8px;border-radius:50%;background:#12a66a;box-shadow:0 0 0 4px rgba(18,166,106,.10);animation:opsPulse 1.6s infinite}.operations-live strong{font-size:9px;color:#067647;letter-spacing:.08em}.operations-live small{font-size:9px;color:var(--muted)}
@keyframes opsPulse{50%{opacity:.45;transform:scale(.82)}}
.operations-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.operations-kpis .metric{min-height:90px}
.operations-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:12px}.operations-side{display:grid;gap:12px}.event-stream{max-height:390px;overflow:auto}.event-row{display:grid;grid-template-columns:42px 8px 1fr auto;align-items:center;gap:9px;padding:10px 14px;border-bottom:1px solid var(--line)}.event-row:last-child{border-bottom:0}.event-row time{font-size:9px;color:var(--muted-2);font-variant-numeric:tabular-nums}.event-dot{width:7px;height:7px;border-radius:50%;background:#695de0}.event-dot.bot{background:#d94f63}.event-row strong{font-size:10px}.event-row p{margin:2px 0 0;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px}.event-row>small{font-size:8px;color:var(--muted);font-weight:800}.live-conversions{padding:5px 12px}.conversion-row{display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:center;padding:9px 3px;border-bottom:1px solid var(--line)}.conversion-row:last-child{border-bottom:0}.conversion-row>span{width:24px;height:24px;border-radius:7px;background:var(--success-soft);color:#067647;display:flex;align-items:center;justify-content:center;font-weight:900}.conversion-row strong{font-size:10px}.conversion-row p{margin:2px 0 0;font-size:8px;color:var(--muted)}.conversion-row b{font-size:10px}.security-strip{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 14px}.security-strip>div{padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft)}.security-strip strong{display:block;font:800 18px Manrope}.security-strip span{font-size:8px;color:var(--muted)}
@media(max-width:900px){.operations-kpis{grid-template-columns:1fr 1fr}.operations-grid{grid-template-columns:1fr}.operations-head{align-items:flex-start;flex-direction:column}.operations-live{width:max-content}}
@media(max-width:520px){.operations-kpis{grid-template-columns:1fr}.event-row{grid-template-columns:38px 8px 1fr}.event-row>small{display:none}}

/* FASE 9C — Theme system + anomaly center */
:root[data-theme="dark"] {
  --bg:#0d0f17;
  --surface:#151824;
  --surface-soft:#1c2030;
  --text:#eef0f7;
  --text-strong:#f8f9fc;
  --muted:#a5a9bb;
  --muted-2:#73788d;
  --line:#292e3d;
  --primary:#8176f4;
  --primary-2:#9389ff;
  --primary-soft:#24203f;
  --success:#32d28a;
  --success-soft:#143528;
  --warning:#f2b84b;
  --danger:#ff7182;
  --shadow:0 10px 34px rgba(0,0,0,.28);
}
html[data-theme="dark"] body{background:var(--bg);color:var(--text)}
html[data-theme="dark"] .sidebar{background:var(--surface)}
html[data-theme="dark"] .nav-title{color:#74798c}
html[data-theme="dark"] .nav-btn{color:#a7abba}
html[data-theme="dark"] .nav-btn:hover{background:#1e2230;color:var(--text)}
html[data-theme="dark"] .nav-btn.active{background:var(--primary-soft);color:var(--primary-2)}
html[data-theme="dark"] .control,html[data-theme="dark"] .ghost,html[data-theme="dark"] .mobile-toggle{background:var(--surface);color:var(--text);border-color:var(--line)}
html[data-theme="dark"] .card{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow)}
html[data-theme="dark"] th{background:#1a1e2a;color:#8f94a8;border-color:var(--line)}
html[data-theme="dark"] td{border-color:#242938}
html[data-theme="dark"] tbody tr:hover{background:#1b1f2c}
html[data-theme="dark"] .notice{background:#211e38;border-color:#39325f;color:#bcb5ff}
html[data-theme="dark"] .tabs{background:var(--surface-soft)}
html[data-theme="dark"] .tab.active{background:#252a39;color:var(--primary-2)}
html[data-theme="dark"] .form input{background:#11141e;color:var(--text);border-color:var(--line)}
html[data-theme="dark"] .form input:focus{border-color:#7168d8;box-shadow:0 0 0 3px #24203f}
html[data-theme="dark"] .login-page{background:radial-gradient(circle at top right,#24203f,transparent 35%),var(--bg)}
html[data-theme="dark"] .detail-backdrop{background:var(--bg)}
html[data-theme="dark"] .chart-axis{fill:#777c90}.chart-grid{stroke:#2a2f3d}
html[data-theme="dark"] .command-topbar .page-subtitle,html[data-theme="dark"] .page-subtitle{color:var(--muted)}
.theme-toggle{width:100%;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface-soft);color:var(--text);border-radius:10px;padding:9px 10px;margin-bottom:12px;font-size:11px;font-weight:700;text-align:left}.theme-toggle span:first-child{font-size:15px;text-align:center}.theme-toggle b{font-size:8px;letter-spacing:.08em;color:var(--muted);background:var(--surface);padding:3px 5px;border-radius:5px}.theme-toggle:hover{border-color:var(--primary);color:var(--primary)}
.anomaly-panel{margin-bottom:12px;overflow:hidden}.anomaly-list{display:grid}.anomaly-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid var(--line)}.anomaly-row:first-child{border-top:0}.anomaly-icon{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-weight:900;background:var(--primary-soft);color:var(--primary)}.anomaly-row.critical .anomaly-icon,.anomaly-row.high .anomaly-icon{background:rgba(230,95,112,.12);color:var(--danger)}.anomaly-row.medium .anomaly-icon{background:rgba(231,166,47,.13);color:var(--warning)}.anomaly-row strong{font-size:11px}.anomaly-row p{margin:3px 0 0;color:var(--muted);font-size:9px}.anomaly-row small{text-transform:uppercase;letter-spacing:.06em;font-size:8px;color:var(--muted-2);font-weight:800}

/* FASE 9D — Notification Center + Configurações */
.global-actions{position:sticky;top:0;z-index:50;display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:10px 0 10px;background:var(--bg)}
.global-actions .global-center-toolbar{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);flex-wrap:nowrap}
.notification-bell{position:relative;width:38px;height:38px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;box-shadow:var(--shadow-xs);cursor:pointer}.notification-bell:hover{border-color:var(--primary);transform:translateY(-1px)}.notification-bell b{position:absolute;right:-5px;top:-5px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border-radius:999px;background:var(--danger);color:#fff;font-size:8px;border:2px solid var(--bg)}
.notification-drawer-backdrop{position:fixed;inset:0;background:rgba(10,12,20,.24);z-index:100;display:flex;justify-content:flex-end}.notification-drawer{width:min(430px,92vw);height:100%;background:var(--surface);border-left:1px solid var(--line);box-shadow:var(--shadow-lg);overflow:auto}.notification-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px;border-bottom:1px solid var(--line);background:var(--surface)}.notification-head h3{margin:4px 0 0;font:800 16px Manrope,sans-serif}.notification-head>div:last-child{display:flex;gap:6px}.notification-list{display:grid}.notification-item{display:grid;grid-template-columns:10px 1fr;gap:11px;padding:15px 18px;border-bottom:1px solid var(--line);background:var(--surface)}.notification-item.read{opacity:.58}.notification-item strong{font-size:11px}.notification-item p{margin:4px 0;color:var(--muted);font-size:10px;line-height:1.45}.notification-item small{color:var(--muted-2);font-size:8px}.notification-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);margin-top:4px}.notification-item.warning .notification-dot{background:var(--warning)}.notification-item.danger .notification-dot{background:var(--danger)}.notification-item.success .notification-dot{background:var(--success)}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-card{padding:18px}.settings-card.settings-nav-card{grid-column:1/-1}.settings-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:15px}.settings-head h3{margin:4px 0;font:800 14px Manrope,sans-serif}.settings-head p{margin:0;color:var(--muted);font-size:10px;line-height:1.45}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:11px;font-weight:700}.settings-row:first-of-type{border-top:0}.theme-toggle.compact{width:auto;min-width:130px;margin:0}.nav-builder{display:grid;gap:6px}.nav-builder-row{display:grid;grid-template-columns:18px 25px minmax(120px,1fr) 90px 34px 34px 70px;gap:7px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}.nav-builder-row:hover{border-color:var(--primary)}.drag{color:var(--muted-2);cursor:grab;letter-spacing:-3px}.nav-builder-icon{color:var(--primary);text-align:center}.nav-builder-row strong{font-size:10px}.nav-builder-group{text-transform:uppercase;font-size:7px;letter-spacing:.08em;color:var(--muted-2);font-weight:800}.nav-builder-row .ghost{padding:6px 8px;font-size:10px}.danger-text{color:var(--danger)!important}.settings-add{display:flex;gap:8px;margin-top:10px}.settings-add .control{flex:1}.settings-capabilities{display:flex;flex-wrap:wrap;gap:7px}.settings-capabilities span{padding:7px 9px;border-radius:999px;background:var(--surface-soft);border:1px solid var(--line);font-size:9px;color:var(--muted);font-weight:700}
body[data-density="compact"] .card{border-radius:10px}body[data-density="compact"] .metric{min-height:76px}body[data-density="compact"] .nav-btn{min-height:32px;padding:6px 10px}body[data-density="compact"] .section{margin-top:12px}
html[data-theme="dark"] .notification-drawer-backdrop{background:rgba(0,0,0,.45)}html[data-theme="dark"] .notification-bell{box-shadow:var(--shadow)}html[data-theme="dark"] .nav-builder-row{background:var(--surface-soft)}
@media(max-width:800px){.settings-grid{grid-template-columns:1fr}.settings-card.settings-nav-card{grid-column:auto}.nav-builder-row{grid-template-columns:18px 25px 1fr 34px 34px}.nav-builder-group,.nav-builder-row .danger-text{display:none}}

/* FASE 9E — Workspace Builder + sidebar recolhível */
.sidebar-collapse{margin-left:auto;width:28px;height:28px;border:1px solid var(--line);background:var(--surface-soft);color:var(--muted);border-radius:8px;font-size:18px;line-height:1;display:grid;place-items:center;transition:.15s ease}.sidebar-collapse:hover{color:var(--primary);border-color:var(--primary);transform:translateY(-1px)}
.app{grid-template-columns:var(--sidebar) 1fr;transition:grid-template-columns .2s ease}.sidebar{transition:width .2s ease,padding .2s ease,background .2s ease}.sidebar.collapsed{width:72px;padding-left:10px;padding-right:10px}.sidebar.collapsed .brand{padding-left:9px;padding-right:3px;justify-content:center}.sidebar.collapsed .brand-name,.sidebar.collapsed .nav-title,.sidebar.collapsed .nav-label,.sidebar.collapsed .user-email,.sidebar.collapsed .theme-toggle span:nth-child(2),.sidebar.collapsed .theme-toggle b,.sidebar.collapsed .logout{display:none}.sidebar.collapsed .brand-mark{flex:0 0 34px}.sidebar.collapsed .sidebar-collapse{position:absolute;right:-14px;top:22px;background:var(--surface);z-index:7}.sidebar.collapsed .nav-btn{justify-content:center;padding:10px 0;gap:0}.sidebar.collapsed .nav-icon{width:28px;font-size:17px}.sidebar.collapsed .sidebar-bottom{padding-left:0;padding-right:0}.sidebar.collapsed .theme-toggle{display:grid;grid-template-columns:1fr;width:42px;margin:0 auto;padding:9px}.sidebar.collapsed .theme-toggle span:first-child{display:block}.workspace-builder{display:grid;gap:7px}.workspace-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}.workspace-row strong{display:block;font-size:10px}.workspace-row small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.status-pill{padding:5px 8px;border-radius:999px;background:var(--success-soft);color:var(--success);font-size:8px;font-weight:800}.sidebar.collapsed .nav-btn:hover:after{content:attr(title);position:absolute;left:58px;z-index:20;padding:7px 9px;border-radius:7px;background:var(--text-strong);color:var(--bg);font-size:9px;font-weight:700;white-space:nowrap;box-shadow:var(--shadow)}
@media(max-width:800px){.sidebar.collapsed{width:248px;padding:18px 14px}.sidebar.collapsed .brand-name,.sidebar.collapsed .nav-title,.sidebar.collapsed .nav-label,.sidebar.collapsed .user-email,.sidebar.collapsed .theme-toggle span:nth-child(2),.sidebar.collapsed .theme-toggle b,.sidebar.collapsed .logout{display:block}.sidebar.collapsed .nav-btn{justify-content:flex-start;padding:9px 11px;gap:11px}.sidebar.collapsed .nav-icon{width:19px;font-size:14px}.sidebar.collapsed .sidebar-collapse{position:static}.sidebar.collapsed .theme-toggle{display:grid;grid-template-columns:22px 1fr auto;width:100%;margin-bottom:12px;padding:9px 10px}.workspace-row{align-items:flex-start;flex-direction:column}}
/* FASE 9F — Visual Dashboard Builder */
.dashboard-builder-topbar{align-items:flex-start}.dashboard-builder-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;margin-bottom:14px}.dashboard-builder-toolbar>div:first-child{display:flex;flex-direction:column;gap:4px}.dashboard-builder-toolbar strong{font-size:12px}.dashboard-builder-toolbar span{font-size:9px;color:var(--muted)}.dashboard-builder-toolbar.active{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.dashboard-builder-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.dashboard-builder-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;align-items:start}.dashboard-widget{grid-column:span 4;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;transition:.16s ease}.dashboard-widget.widget-small{grid-column:span 3}.dashboard-widget.widget-medium{grid-column:span 6}.dashboard-widget.widget-large{grid-column:span 12}.dashboard-widget.editing{cursor:grab}.dashboard-widget.editing:hover{border-color:var(--primary);transform:translateY(-1px)}.dashboard-widget.dragging{opacity:.45;transform:scale(.99)}.dashboard-widget.drag-over{border:1px dashed var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.dashboard-widget-head{min-height:42px;padding:9px 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--surface-soft)}.dashboard-widget-head>div:first-child{display:flex;align-items:center;gap:8px;min-width:0}.dashboard-widget-head strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drag-handle{color:var(--muted-2);letter-spacing:-3px;cursor:grab;font-size:14px}.widget-actions{display:flex;gap:4px}.ghost.tiny{padding:5px 7px;font-size:9px}.dashboard-widget-body{padding:14px;min-height:92px}.dashboard-widget-kpi .metric-label{font-size:9px}.dashboard-widget-kpi .metric-value{font-size:25px}.dashboard-widget-chart{min-height:250px}.dashboard-widget .table-scroll{max-height:390px;overflow:auto}.dashboard-funnel{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.dashboard-funnel div{padding:13px 10px;border-radius:9px;background:var(--surface-soft);border:1px solid var(--line)}.dashboard-funnel span{display:block;color:var(--muted);font-size:9px}.dashboard-funnel strong{display:block;font-size:18px;margin-top:5px}.dashboard-actions{display:flex;gap:8px;flex-wrap:wrap}.dashboard-actions .ghost{min-width:120px}.dashboard-widget .chart-card{box-shadow:none;border:0;padding:0}.dashboard-widget .chart-legend{margin-bottom:12px}
@media(max-width:1100px){.dashboard-widget.widget-small{grid-column:span 6}.dashboard-widget.widget-medium{grid-column:span 12}.dashboard-funnel{grid-template-columns:repeat(2,1fr)}}
.dashboard-builder-topbar{position:static;padding:0}
@media(max-width:800px){.dashboard-builder-toolbar{align-items:flex-start;flex-direction:column}.dashboard-builder-grid{grid-template-columns:1fr}.dashboard-widget,.dashboard-widget.widget-small,.dashboard-widget.widget-medium,.dashboard-widget.widget-large{grid-column:1}.dashboard-funnel{grid-template-columns:1fr 1fr}}
html[data-theme="dark"] .dashboard-builder-toolbar.active{box-shadow:0 0 0 2px rgba(113,104,216,.2)}

/* FASE 9H — Workspace Center */
.workspace-switcher{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow,0 4px 16px rgba(0,0,0,.04))}.workspace-label{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--muted);white-space:nowrap}.workspace-switcher .control{min-width:170px}.workspace-switcher .tiny{padding:7px 9px}.status-pill{text-transform:capitalize}.table-card{overflow:hidden}.table-card .table-scroll{overflow:auto}.danger-text{color:var(--danger,#c53b3b)!important}

/* FASE 9M — Resource Access Center + premium module hover interactions */
.resource-access-card{position:relative;overflow:hidden}.resource-access-card:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,var(--primary),transparent);opacity:.7}.access-mode-pill{padding:5px 9px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:8px;font-weight:900;letter-spacing:.08em}.resource-toolbar{display:grid;grid-template-columns:1fr 1.35fr 1.2fr auto;gap:9px;align-items:end}.resource-toolbar label{display:grid;gap:5px;font-size:9px;color:var(--muted);font-weight:800}.resource-helper{margin-top:10px;padding:9px 11px;border:1px dashed var(--line);border-radius:9px;background:var(--surface-soft);color:var(--muted);font-size:9px}.resource-access-table{margin-top:12px}.acl-state{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:800}.acl-state.allow{background:var(--success-soft);color:var(--success)}.acl-state.deny{background:var(--danger-soft);color:var(--danger)}.acl-state.inherit{background:var(--surface-soft);color:var(--muted)}

/* Hover system: subtle, fast, consistent and dark-mode safe. */
.nav-btn,.module-card,.workspace-row,.nav-builder-row,.settings-capabilities span,.card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease}.nav-btn:hover{transform:translateX(2px);box-shadow:inset 2px 0 0 var(--primary)}.nav-btn:hover .nav-icon{transform:scale(1.08);transition:transform .18s ease}.module-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(44,38,92,.10);border-color:#bdb5ff}.module-card:hover span{transform:translateY(-1px) scale(1.08);transition:transform .18s ease}.workspace-row:hover,.nav-builder-row:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(20,22,38,.06);border-color:#c9c3fa}.settings-capabilities span:hover{transform:translateY(-1px);border-color:#c9c3fa;color:var(--text)}button:not(:disabled):hover{filter:brightness(1.01)}button:focus-visible,.nav-btn:focus-visible,.module-card:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
html[data-theme="dark"] .module-card:hover{box-shadow:0 12px 28px rgba(0,0,0,.28);border-color:#6258e8}html[data-theme="dark"] .workspace-row:hover,html[data-theme="dark"] .nav-builder-row:hover{box-shadow:0 8px 20px rgba(0,0,0,.25);border-color:#6258e8}
@media(max-width:800px){.resource-toolbar{grid-template-columns:1fr}.resource-toolbar button{width:100%}.nav-btn:hover{transform:none;box-shadow:none}.module-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.nav-btn,.module-card,.workspace-row,.nav-builder-row,.settings-capabilities span,.card{transition:none}.nav-btn:hover,.module-card:hover,.workspace-row:hover,.nav-builder-row:hover,.settings-capabilities span:hover{transform:none}}


/* =========================================================
   FASE 9N — Advanced UI Interaction System
   Global interaction tokens and states
   ========================================================= */
:root{
  --ui-motion-fast:120ms;
  --ui-motion:180ms;
  --ui-motion-slow:260ms;
  --ui-ease:cubic-bezier(.2,.7,.2,1);
  --ui-focus-ring:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent);
  --ui-hover-shadow:0 10px 28px rgba(20,22,38,.08);
  --ui-active-scale:.985;
}
html[data-theme="dark"]{
  --ui-hover-shadow:0 12px 30px rgba(0,0,0,.28);
}

/* Consistent interaction states */
.ui-interactive,
button:not(:disabled),
.nav-btn,
.module-card,
.workspace-row,
.nav-builder-row,
.card,
.settings-capabilities span,
input,select,textarea{
  transition:transform var(--ui-motion) var(--ui-ease),
    box-shadow var(--ui-motion) var(--ui-ease),
    border-color var(--ui-motion) var(--ui-ease),
    background-color var(--ui-motion) var(--ui-ease),
    color var(--ui-motion-fast) ease,
    opacity var(--ui-motion-fast) ease;
}

button:not(:disabled):active,
.ui-interactive:active{transform:scale(var(--ui-active-scale));}
button:focus-visible,
.nav-btn:focus-visible,
.module-card:focus-visible,
.workspace-row:focus-visible,
.ui-interactive:focus-visible{
  outline:2px solid var(--primary);
  outline-offset:2px;
  box-shadow:var(--ui-focus-ring);
}

/* Generic loading state — can be toggled by adding aria-busy=true */
[aria-busy="true"]{cursor:wait;pointer-events:none;opacity:.72;position:relative;}
[aria-busy="true"]::after{
  content:"";position:absolute;inset:0;border-radius:inherit;
  background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.10) 50%,transparent 75%);
  background-size:200% 100%;animation:uiShimmer 1.15s linear infinite;
}

/* Drag-and-drop feedback */
[data-dragging="true"]{transform:scale(.99);box-shadow:0 16px 34px rgba(20,22,38,.16);opacity:.88;z-index:10;}
[data-drop-target="true"]{border-color:var(--primary)!important;box-shadow:var(--ui-focus-ring),var(--ui-hover-shadow)!important;}

/* Tooltip system */
[data-tooltip]{position:relative;}
[data-tooltip]::after{
  content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 8px);
  transform:translate(-50%,4px);opacity:0;pointer-events:none;z-index:1000;
  padding:6px 9px;border-radius:7px;background:#171827;color:#fff;font-size:12px;
  line-height:1.2;white-space:nowrap;box-shadow:0 8px 22px rgba(0,0,0,.18);
  transition:opacity var(--ui-motion-fast) ease,transform var(--ui-motion-fast) var(--ui-ease);
}
[data-tooltip]:hover::after,[data-tooltip]:focus-visible::after{opacity:1;transform:translate(-50%,0);}

/* Toast/status micro-feedback */
.ui-success-pulse{animation:uiSuccessPulse .45s var(--ui-ease);}
.ui-error-shake{animation:uiErrorShake .32s ease-in-out;}

@keyframes uiShimmer{to{background-position:-200% 0}}
@keyframes uiSuccessPulse{0%{transform:scale(1)}50%{transform:scale(1.018)}100%{transform:scale(1)}}
@keyframes uiErrorShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;}
  [data-tooltip]::after{transition:none;}
}

/* Fase 9O — Global Command Center */
.command-palette-backdrop{position:fixed;inset:0;z-index:10000;background:rgba(8,10,24,.48);backdrop-filter:blur(7px);display:flex;align-items:flex-start;justify-content:center;padding:10vh 20px 30px;animation:commandFadeIn .14s ease-out}
.command-palette{width:min(720px,100%);max-height:min(680px,78vh);overflow:hidden;border:1px solid var(--border,#ddd);border-radius:18px;background:var(--surface,#fff);box-shadow:0 28px 90px rgba(0,0,0,.28);animation:commandSlideIn .18s ease-out}
.command-palette-head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border,#ddd)}
.command-search-icon{font-size:25px;line-height:1;opacity:.65}.command-palette-head input{flex:1;border:0;outline:0;background:transparent;color:var(--text,#171725);font:500 16px Inter,sans-serif}.command-palette-head kbd,.command-palette-hint kbd,.command-palette-footer b{border:1px solid var(--border,#ddd);background:var(--surface-2,#f5f5f8);border-radius:6px;padding:3px 7px;font:600 10px Inter,sans-serif;color:var(--muted,#6d6d7a)}
.command-palette-hint{display:flex;justify-content:space-between;gap:16px;padding:10px 18px;color:var(--muted,#777);font-size:11px;border-bottom:1px solid var(--border,#eee)}
.command-results{max-height:470px;overflow:auto;padding:8px}.command-item{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:0;background:transparent;color:var(--text,#171725);padding:12px;border-radius:11px;cursor:pointer;transition:background .14s ease,transform .14s ease}.command-item:hover,.command-item.selected{background:var(--surface-2,#f4f3fb);transform:translateX(2px)}.command-item-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--border,#ddd);border-radius:9px;font-size:16px}.command-item-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.command-item-copy strong{font-size:13px}.command-item-copy small{font-size:11px;color:var(--muted,#777)}.command-item-enter{margin-left:auto;color:var(--primary,#6258e8);font-weight:700}.command-empty{padding:42px 20px;text-align:center;display:flex;flex-direction:column;gap:7px;color:var(--muted,#777)}.command-empty strong{color:var(--text,#171725)}
.command-palette-footer{display:flex;justify-content:space-between;gap:12px;padding:11px 18px;border-top:1px solid var(--border,#eee);font-size:10px;color:var(--muted,#777)}.command-toast{position:fixed;right:22px;bottom:22px;z-index:10001;background:var(--surface,#fff);color:var(--text,#171725);border:1px solid var(--border,#ddd);border-radius:10px;padding:11px 14px;box-shadow:0 12px 35px rgba(0,0,0,.18);font-size:12px}.command-toast.error{border-color:#d66;color:#a33}
@keyframes commandFadeIn{from{opacity:0}to{opacity:1}}@keyframes commandSlideIn{from{opacity:0;transform:translateY(-10px) scale(.985)}to{opacity:1;transform:none}}
@media (max-width:640px){.command-palette-backdrop{padding:6vh 10px 15px}.command-palette{border-radius:14px}.command-palette-hint,.command-palette-footer{display:none}.command-results{max-height:65vh}}
@media (prefers-reduced-motion:reduce){.command-palette-backdrop,.command-palette,.command-item{animation:none;transition:none}}

/* Fase 9P — Universal Search & Recent Activity */
.command-section-label{padding:10px 16px 6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.62}
.command-item{width:100%;display:flex;align-items:center;gap:12px;padding:11px 14px;border:0;background:transparent;color:inherit;text-align:left;border-radius:12px;cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}
.command-item:hover,.command-item.selected{background:color-mix(in srgb,var(--primary,#7c5cff) 10%,transparent);transform:translateX(2px)}
.command-item-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--primary,#7c5cff) 12%,transparent);flex:0 0 auto}
.command-item-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.command-item-copy strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-item-copy small{font-size:11px;opacity:.62;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-item-enter{margin-left:auto;opacity:.65}.command-results{max-height:min(62vh,560px);overflow:auto;padding:4px 8px 10px}
.command-palette{width:min(720px,calc(100vw - 28px));max-height:calc(100vh - 40px);overflow:hidden}.command-palette-backdrop{align-items:flex-start;padding-top:10vh}
.command-palette-head{position:sticky;top:0}.command-palette-footer{border-top:1px solid color-mix(in srgb,currentColor 10%,transparent)}
@media (prefers-reduced-motion:reduce){.command-item{transition:none}.command-item:hover,.command-item.selected{transform:none}}

/* Fase 9Q — Favorites, Saved Searches & Smart Shortcuts */
.command-item-wrap{display:flex;align-items:center;gap:2px;position:relative}.command-item-wrap>.command-item{flex:1;min-width:0}.command-item-star{width:32px;height:32px;flex:0 0 32px;border:0;background:transparent;color:var(--muted,#777);border-radius:8px;cursor:pointer;font-size:16px}.command-item-star:hover,.command-item-star.active{color:var(--primary,#6258e8);background:color-mix(in srgb,var(--primary,#7c5cff) 10%,transparent)}.command-save-search{padding:8px 12px 12px}.command-save-search button{width:100%;border:1px dashed color-mix(in srgb,var(--primary,#7c5cff) 40%,var(--border,#ddd));background:transparent;color:var(--primary,#6258e8);border-radius:10px;padding:10px;cursor:pointer;font-size:11px;font-weight:700}.command-save-search button:hover{background:color-mix(in srgb,var(--primary,#7c5cff) 8%,transparent)}
@media(prefers-reduced-motion:reduce){.command-item-star,.command-save-search button{transition:none}}

/* Fase 9R — Command Center Contextual Actions */
.command-context{margin:8px 8px 4px;padding:10px;border-top:1px solid color-mix(in srgb,currentColor 10%,transparent);background:color-mix(in srgb,var(--primary,#7c5cff) 4%,transparent);border-radius:12px}.command-context-title{padding:4px 8px 8px;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;opacity:.62}.command-context-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.command-context-action{display:flex;align-items:center;gap:9px;text-align:left;border:1px solid color-mix(in srgb,var(--border,#ddd) 80%,transparent);background:var(--surface,#fff);color:inherit;border-radius:10px;padding:9px;cursor:pointer;transition:transform .14s ease,background .14s ease,border-color .14s ease}.command-context-action:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--primary,#7c5cff) 8%,var(--surface,#fff));border-color:color-mix(in srgb,var(--primary,#7c5cff) 35%,var(--border,#ddd))}.command-context-action>span:first-child{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:color-mix(in srgb,var(--primary,#7c5cff) 12%,transparent);color:var(--primary,#7c5cff);font-weight:800}.command-context-action>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}.command-context-action strong{font-size:11px}.command-context-action small{font-size:9px;opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:640px){.command-context-actions{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.command-context-action{transition:none}.command-context-action:hover{transform:none}}

/* Fase 9T — Security & Activity Center */
.security-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:14px;margin-top:14px}.security-panel{padding:18px}.security-panel .command-panel-head{margin-bottom:12px}.security-panel .command-panel-head h3{margin:3px 0}.security-block-form{display:grid;grid-template-columns:1.1fr 1fr auto;gap:10px;align-items:end}.security-block-form label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700}.security-block-form .control{width:100%}.security-panel .table-scroll{border-radius:10px}.security-panel .status-pill.danger{border-color:color-mix(in srgb,#e05b63 55%,var(--border,#ddd));color:#b33b45;background:color-mix(in srgb,#e05b63 10%,transparent)}.security-panel .status-pill.warn{border-color:color-mix(in srgb,#d79b3d 55%,var(--border,#ddd));color:#9a6a20;background:color-mix(in srgb,#d79b3d 10%,transparent)}.security-panel .status-pill.good{border-color:color-mix(in srgb,#3aa675 55%,var(--border,#ddd));color:#247a55;background:color-mix(in srgb,#3aa675 10%,transparent)}
@media(max-width:980px){.security-grid{grid-template-columns:1fr}.security-block-form{grid-template-columns:1fr 1fr}.security-block-form button{grid-column:1/-1}}
@media(max-width:640px){.security-block-form{grid-template-columns:1fr}.security-block-form button{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.security-panel *{scroll-behavior:auto}}
.toggle-row{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;cursor:pointer}.toggle-row input{width:16px;height:16px;cursor:pointer}
.insight-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.insight-item{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border,#eee);font-size:13px}.insight-item:last-child{border-bottom:none}.insight-item .metric-meta{margin-left:auto;white-space:nowrap}
.rule-conditions{display:flex;flex-wrap:wrap;gap:8px;padding:10px 0 0}
.nav-title-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;border:none;background:none;cursor:pointer;font-family:inherit;text-align:left}
.nav-title-toggle:hover{color:var(--text-strong,#e5e7eb)}
.nav-title-caret{font-size:9px;opacity:.7}
.nav-collapsed{display:none}
.network-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;max-height:340px;overflow-y:auto;padding-right:4px}
.network-pill{background:var(--surface-2,#0e1626);border:1px solid var(--border-soft,#253347);color:var(--text-soft,#94a3b8);padding:10px 12px;border-radius:8px;font-size:12.5px;text-align:center;cursor:pointer;transition:all .15s}
.network-pill:hover{border-color:#3b82f6;color:var(--text,#f1f5f9)}
.network-pill.selected{background:rgba(59,130,246,0.12);border-color:#3b82f6;color:#60a5fa;font-weight:700}
.link-box{background:var(--bg,#0b1220);border:1px solid var(--border-soft,#253347);border-radius:8px;padding:12px 40px 12px 14px;font-family:monospace;font-size:11.5px;color:#7dd3fc;word-break:break-all;position:relative;line-height:1.6}
.copy-btn{position:absolute;top:8px;right:8px;background:var(--border-soft,#253347);border:1px solid var(--border,#334155);color:var(--text,#f1f5f9);padding:4px 9px;border-radius:6px;cursor:pointer;font-size:10px}
.chevron{display:inline-block;transition:transform .15s;color:var(--text-faint,#64748b)}
.chevron.open{transform:rotate(90deg)}
tr.row-detail{display:none}
tr.row-detail.open{display:table-row}
tr.row-detail td{background:var(--surface-2,#0e1626);padding:18px 20px}
tr.row-main{cursor:pointer}
tr.row-main:hover td{background:rgba(59,130,246,0.04)}
.filter-btn{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:9px;padding:9px 13px;font-size:11px;font-weight:600;cursor:pointer;transition:.15s ease;min-height:36px}
.filter-btn:hover{background:var(--surface-hover);color:var(--text)}
.filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 6px 16px rgba(98,88,232,.16)}
html[data-theme="dark"] .filter-btn{background:var(--surface);color:var(--text);border-color:var(--line)}
.sidebar-search{position:relative;padding:0 14px 12px}
.sidebar-search input{width:100%;font-size:11.5px;padding:8px 10px}
.sidebar-search-results{position:absolute;left:14px;right:14px;top:calc(100% - 6px);background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 28px rgba(20,22,38,.16);z-index:60;max-height:340px;overflow-y:auto;padding:6px}
.sidebar-search-group{font-size:9.5px;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);font-weight:700;padding:8px 8px 4px}
.sidebar-search-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;border:none;background:none;color:var(--text);padding:7px 8px;border-radius:7px;font-size:12px;cursor:pointer}
.sidebar-search-item:hover{background:var(--surface-hover)}
.sidebar-search-type{font-size:9.5px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.4px}
.sidebar-search-empty{padding:10px 8px;font-size:11.5px;color:var(--muted)}

/* Dashboard mobile — versão enxuta: edição de widget por arrastar não é prática no toque, então
   escondemos a faixa de gestão de múltiplos dashboards e o card "Modo de edição", sobrando só
   o título e os cards de resultado (mesmo espírito da referência ClickDollar). */
@media (max-width: 800px) {
  .global-actions .global-center-toolbar{ display:none; }
  .global-actions{ justify-content:space-between; padding:8px 0; gap:6px; }
  .workspace-switcher .workspace-label{ display:none; }
  .workspace-switcher{ gap:6px; }
  .workspace-switcher [data-workspace-new]{ display:none; }
  .dashboard-builder-topbar .eyebrow{ display:none; }
  .dashboard-builder-topbar .page-title{ font-size:19px; }
  .dashboard-builder-toolbar{ display:none; }
  .dashboard-builder-grid{ gap:10px; }
  .dashboard-widget-kpi .metric-value{ font-size:21px; }
}
