/* Extensões que usam o design system visual capturado do Sentinela. */
[data-st-original-hidden="1"]{display:none!important}
/* Esconde o conteúdo de /integrations no instante da navegação (antes do React pintar), evitando o "flash" dos
   blocos incompatíveis que aparecem antes do mountIntegrations() conseguir escondê-los via mutação observada.
   visibility (não display) preserva o layout, sem reflow quando revela de volta. Sempre removida em até 1.5s
   (ver revealRoute() em sentinela-custom.js) mesmo se o layout do React mudar e o seletor parar de bater. */
html.st-route-hiding main{visibility:hidden}
.st-native-dialog-layer{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem}
.st-native-dialog-overlay{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(2px);animation:stNativeFade .16s ease-out both}
.st-native-dialog-content{position:relative;z-index:1;width:min(560px,calc(100vw - 2rem));max-height:90vh;overflow:auto;border:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--foreground));border-radius:.75rem;padding:1.5rem;box-shadow:0 24px 90px rgba(0,0,0,.55);animation:stNativeDialog .18s ease-out both}
/* Mesmo tratamento "liquid glass" do design system oficial (.dark .glass-card em index-*.css) — os cards nativos
   usam a classe glass-card direto; o diálogo replica os mesmos valores porque é markup próprio, fora do fluxo React. */
.dark .st-native-dialog-content{background:#ffffff0a;backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border-color:rgba(255,255,255,.08)}
.st-native-dialog-body{padding:1.25rem 0}
.st-native-dialog-x{position:absolute;right:1rem;top:1rem;display:flex;width:1.75rem;height:1.75rem;align-items:center;justify-content:center;border:0;border-radius:.375rem;background:transparent;color:hsl(var(--muted-foreground));font-size:1.25rem;line-height:1;cursor:pointer;transition:background .15s,color .15s}
.st-native-dialog-x:hover{background:hsl(var(--foreground)/.06);color:hsl(var(--foreground))}
.st-native-toast{position:fixed;right:1.25rem;bottom:1.25rem;z-index:250;max-width:360px;border:1px solid hsl(var(--foreground)/.1);background:hsl(var(--background));color:hsl(var(--foreground));border-radius:.625rem;padding:.75rem 1rem;font-size:.8125rem;box-shadow:0 18px 55px rgba(0,0,0,.45);animation:sentinelSlideIn .22s ease-out both}
.st-native-toast.is-error{border-color:hsl(var(--destructive)/.28);color:hsl(var(--destructive))}
@keyframes stNativeFade{from{opacity:0}to{opacity:1}}
@keyframes stNativeDialog{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}

/* Dashboard personalizável — proporções restauradas usando sentilenatracker abas(1).zip como referência.
   No dashboard capturado, os KPIs mediam ~87px, a grade tinha 3 colunas e 12px de gap; os painéis grandes
   ocupavam ~394px. A grade abaixo preserva essas proporções e usa row-span para misturar KPIs e painéis sem
   fazer um KPI "esticar" até a altura do gráfico/mapa. */
[data-st-dashboard-original-hidden="1"]{display:none!important}
.st-dashboard-unified-shell{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-auto-flow:row dense!important;
  gap:.75rem!important;
  align-items:stretch!important;
}
.st-dashboard-layout-left,
.st-dashboard-native-row,
.st-dashboard-layout-right,
.st-dashboard-grid{display:contents!important}
.st-dashboard-layout-left>*{margin-top:0!important}
.st-dashboard-editor-toolbar{grid-column:1/-1!important;order:-10000!important;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid hsl(var(--foreground)/.08);background:hsl(var(--foreground)/.02);border-radius:.75rem;padding:.75rem 1rem;animation:sentinelFadeIn .16s ease-out both}
.st-dashboard-editor-toolbar[hidden]{display:none!important}
.st-dashboard-card{min-width:0;min-height:87px;align-self:stretch;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease;animation:sentinelFadeIn .18s ease-out both;overflow:hidden}
.st-dashboard-card[data-dash-rows="1"]{grid-row:span 1}
.st-dashboard-card[data-dash-rows="2"]{grid-row:span 2}
.st-dashboard-card.is-editing{cursor:default;border-color:hsl(var(--primary)/.24)}
.st-dashboard-card.is-dragging{opacity:.48;transform:scale(.985)}
.st-dashboard-metric-icon{display:flex;width:1rem;height:1rem;flex:0 0 1rem;align-items:center;justify-content:center}
.st-dashboard-metric-icon svg{display:block!important;width:1rem!important;height:1rem!important;max-width:1rem!important;max-height:1rem!important;flex:none!important}
.st-dashboard-list-card{min-height:186px}
.st-dashboard-card-edit{position:absolute;right:.35rem;bottom:.3rem;z-index:70;display:flex;align-items:center;justify-content:flex-end;gap:.15rem;border:1px solid hsl(var(--foreground)/.07);border-radius:.42rem;padding:.15rem;pointer-events:auto!important;background:hsl(var(--card)/.94);backdrop-filter:blur(8px);box-shadow:0 3px 12px hsl(var(--background)/.18)}
.st-dashboard-card-edit button,.st-dashboard-drag-handle{display:inline-flex;height:1.3rem;min-width:1.3rem;align-items:center;justify-content:center;border:0;border-radius:.3rem;background:hsl(var(--foreground)/.035);color:hsl(var(--muted-foreground));font-size:.68rem;line-height:1;cursor:pointer;transition:background .14s,color .14s;pointer-events:auto!important;user-select:none;-webkit-user-drag:none;touch-action:manipulation}
.st-dashboard-drag-handle{cursor:grab;font-size:.72rem;letter-spacing:-.16rem;padding-right:.15rem}
.st-dashboard-drag-handle:active{cursor:grabbing}
.st-dashboard-card-edit button:hover:not(:disabled),.st-dashboard-drag-handle:hover{background:hsl(var(--foreground)/.09);color:hsl(var(--foreground))}
.st-dashboard-card-edit button:disabled{opacity:.28;cursor:not-allowed}
.st-dashboard-card-edit button.is-remove:hover{background:hsl(var(--destructive)/.12);color:hsl(var(--destructive))}
.st-dashboard-card-edit .st-dashboard-size-label{min-width:2rem;text-align:center;font-size:.55rem;color:hsl(var(--muted-foreground)/.72);font-variant-numeric:tabular-nums;white-space:nowrap}
.st-dashboard-add-option{display:flex;width:100%;align-items:center;gap:.65rem;border:1px solid hsl(var(--foreground)/.07);border-radius:.65rem;background:hsl(var(--foreground)/.02);padding:.7rem .75rem;text-align:left;transition:background .14s,border-color .14s;cursor:pointer}
.st-dashboard-add-option:hover{background:hsl(var(--foreground)/.045);border-color:hsl(var(--primary)/.18)}
.st-dashboard-add-icon{display:flex;height:2rem;width:2rem;flex:0 0 auto;align-items:center;justify-content:center;border-radius:.5rem;background:hsl(var(--primary)/.08);color:hsl(var(--accent-readable))}
.st-dashboard-add-option.is-locked{cursor:not-allowed;opacity:.72;background:hsl(var(--foreground)/.012)}
.st-dashboard-add-option.is-locked:hover{background:hsl(var(--foreground)/.012);border-color:hsl(var(--foreground)/.07)}
.st-dashboard-lock-icon{display:inline-flex;width:.8rem;height:.8rem;opacity:.65}
.st-dashboard-lock-icon svg{width:.8rem;height:.8rem}
.st-dashboard-native-card{min-width:0;height:100%;min-height:0;align-self:stretch;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease;overflow:hidden}
.st-dashboard-native-card[data-dash-rows="4"]{grid-row:span 4}
.st-dashboard-native-card[data-dash-rows="6"]{grid-row:span 6}
.st-dashboard-native-card.is-editing{cursor:default;border-color:hsl(var(--primary)/.24)!important}
.st-dashboard-native-card.is-dragging{opacity:.48;transform:scale(.992)}
.st-dashboard-native-card.is-editing canvas,.st-dashboard-native-card.is-editing [role="application"]{pointer-events:none!important}
.st-dashboard-native-card .st-dashboard-native-edit{z-index:80}
[data-st-dashboard-native-hidden="1"]{display:none!important}

@media (min-width:640px){
  .st-dashboard-unified-shell{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:87px!important}
  .st-dashboard-unified-shell>[data-dash-span="2"],.st-dashboard-unified-shell>[data-dash-span="3"]{grid-column:span 2 / span 2!important}
}
@media (min-width:1024px){
  .st-dashboard-unified-shell{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,.86fr)!important;grid-auto-rows:87px!important}
  .st-dashboard-unified-shell>[data-dash-span="1"]{grid-column:span 1 / span 1!important}
  .st-dashboard-unified-shell>[data-dash-span="2"]{grid-column:span 2 / span 2!important}
  .st-dashboard-unified-shell>[data-dash-span="3"]{grid-column:span 3 / span 3!important}
  /* Quatro trilhas recuperam a proporção do Sentinela antigo: 3 colunas de KPIs + 1 coluna estreita para tempo real. */
  .st-dashboard-native-card[data-dash-card="realTimeSales"][data-dash-span="1"]{min-height:582px}
}
@media(max-width:639px){
  .st-dashboard-editor-toolbar{align-items:flex-start;flex-direction:column}
  .st-dashboard-card-edit{justify-content:flex-start}
  .st-dashboard-unified-shell>*{grid-row:auto!important;grid-column:1/-1!important}
  .st-dashboard-card{min-height:87px;height:auto}
  .st-dashboard-native-card{min-height:320px;height:auto}
  .st-dashboard-native-card[data-dash-card="revenueSpendChart"]{min-height:390px}
  .st-dashboard-native-card[data-dash-card="realTimeSales"]{min-height:420px}
}
@media(max-width:640px){.st-native-dialog-layer{align-items:flex-end;padding:.75rem}.st-native-dialog-content{width:100%;max-height:92vh;border-radius:.875rem}.st-native-dialog-content .sm\:flex-row{flex-direction:row}}

/* Fase 2 — Financeiro nativo: sub-abas com o mesmo design system do Sentinela. */
.st-finance-tabs{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid hsl(var(--foreground)/.08);background:hsl(var(--foreground)/.025);border-radius:10px;width:max-content;max-width:100%;overflow-x:auto}
.st-finance-tab{height:34px;padding:0 13px;border:0;border-radius:7px;background:transparent;color:hsl(var(--muted-foreground));font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:.16s ease}
.st-finance-tab:hover{background:hsl(var(--foreground)/.045);color:hsl(var(--foreground))}
.st-finance-tab.is-active{background:hsl(var(--primary)/.13);color:hsl(var(--primary));box-shadow:inset 0 0 0 1px hsl(var(--primary)/.18)}
[data-st-financial-general-hidden="1"]{display:none!important}
.st-finance-panel[hidden]{display:none!important}
.st-finance-panel{animation:sentinelFadeIn .18s ease-out both}
.st-finance-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem}
.st-finance-badge{display:inline-flex;align-items:center;border:1px solid hsl(var(--primary)/.16);background:hsl(var(--primary)/.07);color:hsl(var(--accent-readable));border-radius:.38rem;padding:.12rem .42rem;font-size:.625rem;line-height:1rem;white-space:nowrap}
.st-finance-badge.is-muted{border-color:hsl(var(--foreground)/.07);background:hsl(var(--foreground)/.035);color:hsl(var(--muted-foreground))}
.st-finance-badge.is-off{border-color:hsl(var(--destructive)/.16);background:hsl(var(--destructive)/.07);color:hsl(var(--destructive))}
@media(max-width:640px){.st-finance-tabs{width:100%}.st-finance-tab{flex:1}.st-finance-row{align-items:flex-start;flex-direction:column}.st-finance-row>div:last-child{width:100%;justify-content:space-between}}
/* Spans dos blocos React nativos: o DOM continua aninhado; display:contents apenas os promove visualmente à grade. */
@media (min-width:640px) and (max-width:1023px){
  .st-dashboard-native-card[data-dash-span="2"],
  .st-dashboard-native-card[data-dash-span="3"]{grid-column:span 2 / span 2!important}
}
@media (min-width:1024px){
  .st-dashboard-native-card[data-dash-span="1"]{grid-column:span 1 / span 1!important}
  .st-dashboard-native-card[data-dash-span="2"]{grid-column:span 2 / span 2!important}
  .st-dashboard-native-card[data-dash-span="3"]{grid-column:span 3 / span 3!important}
}
/* Fase 3 hotfix: os controles de edição ficam sempre acima do conteúdo React original e não iniciam drag. */
.st-dashboard-card-edit{z-index:40!important;pointer-events:auto!important}
.st-dashboard-card-edit button{pointer-events:auto!important;user-select:none;-webkit-user-drag:none;touch-action:manipulation}
.st-dashboard-native-card.is-editing>.st-dashboard-card-edit{position:absolute!important;left:auto!important;right:.55rem!important;bottom:.45rem!important}

/* Fase 4 — Campanhas: sub-aba Contas + colunas, sempre no design do Sentinela. */
[data-st-campaign-main-tabs="1"]{grid-template-columns:repeat(4,minmax(0,1fr))!important}
[data-st-campaign-main-tabs="1"]>[data-st-campaign-accounts-tab="1"] .st-campaign-tab-icon{display:inline-flex;align-items:center;justify-content:center}
[data-st-campaign-main-tabs="1"]>[data-st-campaign-accounts-tab="1"] svg{width:1rem!important;height:1rem!important}
[data-st-campaign-main-tabs="1"][data-st-campaign-accounts-active] > [role="tab"][data-state="active"]:not([data-st-campaign-accounts-tab]){background:transparent!important;color:hsl(var(--muted-foreground))!important;box-shadow:none!important}
[data-st-campaign-main-tabs="1"]>[data-st-campaign-accounts-tab="1"][data-state="active"]{background:hsl(var(--background))!important;color:hsl(var(--foreground))!important;box-shadow:0 1px 2px hsl(var(--background)/.18)!important}
[data-st-campaign-panel-hidden="1"],[data-st-campaign-filter-hidden="1"],[data-st-campaign-column-hidden="1"]{display:none!important}
.st-campaign-accounts-panel[hidden]{display:none!important}
.st-campaign-accounts-panel{margin-top:1rem;animation:sentinelFadeIn .18s ease-out both}
.st-campaign-accounts-card{border-radius:.5rem!important}
.st-campaign-account-option{display:block;width:100%;border:1px solid hsl(var(--foreground)/.07);border-radius:.55rem;background:hsl(var(--foreground)/.018);padding:1rem;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;text-align:left}
.st-campaign-account-option:hover{background:hsl(var(--foreground)/.035);border-color:hsl(var(--foreground)/.12)}
.st-campaign-account-option.is-selected{border-color:hsl(var(--primary)/.32);background:hsl(var(--primary)/.055);box-shadow:inset 0 0 0 1px hsl(var(--primary)/.06)}
.st-campaign-account-icon{display:flex;height:2.25rem;width:2.25rem;flex:0 0 2.25rem;align-items:center;justify-content:center;border-radius:.5rem;background:hsl(var(--primary)/.09);color:hsl(var(--accent-readable))}
.st-campaign-account-icon svg{height:1.1rem!important;width:1.1rem!important}
.st-campaign-status{display:inline-flex;align-items:center;border-radius:.35rem;border:1px solid hsl(var(--foreground)/.08);padding:.12rem .42rem;font-size:.625rem;line-height:1rem;white-space:nowrap}
.st-campaign-status.is-ok{border-color:hsl(var(--primary)/.18);background:hsl(var(--primary)/.07);color:hsl(var(--accent-readable))}
.st-campaign-status.is-off{background:hsl(var(--foreground)/.035);color:hsl(var(--muted-foreground))}
.st-campaign-status.is-error{border-color:hsl(var(--destructive)/.18);background:hsl(var(--destructive)/.07);color:hsl(var(--destructive))}
.st-campaign-columns-host{flex:0 0 auto}
.st-campaign-columns-host button{height:2.25rem!important}
.st-campaign-column-option{display:flex;align-items:center;gap:.65rem;border:1px solid hsl(var(--foreground)/.065);border-radius:.5rem;background:hsl(var(--foreground)/.018);padding:.65rem .75rem;color:hsl(var(--foreground));font-size:.8rem;cursor:pointer;transition:background .14s,border-color .14s}
.st-campaign-column-option:hover{background:hsl(var(--foreground)/.035);border-color:hsl(var(--foreground)/.11)}
.st-campaign-column-option input{accent-color:hsl(var(--primary));height:.9rem;width:.9rem}
@media(max-width:639px){
  [data-st-campaign-main-tabs="1"]{grid-template-columns:repeat(4,minmax(max-content,1fr))!important;overflow-x:auto}
  [data-st-campaign-main-tabs="1"]>[role="tab"]{padding-left:.5rem!important;padding-right:.5rem!important}
  .st-campaign-columns-host{width:100%}.st-campaign-columns-host button{width:100%}
}

/* Fase 5 — drag por ponteiro: confiável no frontend React compilado e também no touch. */
html.st-dashboard-pointer-drag,html.st-dashboard-pointer-drag *{cursor:grabbing!important;user-select:none!important}
.st-dashboard-card.is-dragging,.st-dashboard-native-card.is-dragging{opacity:.72;transform:scale(.985);box-shadow:0 0 0 1px hsl(var(--primary)/.35),0 12px 30px hsl(var(--background)/.28)!important}
.st-dashboard-card.is-drop-target,.st-dashboard-native-card.is-drop-target{box-shadow:0 0 0 2px hsl(var(--primary)/.48),0 10px 28px hsl(var(--primary)/.08)!important}
.st-dashboard-drag-handle{touch-action:none!important}

/* Fase 5 — Criador Meta nativo do Sentinela. */
.st-campaign-create-host{flex:0 0 auto}
.st-campaign-create-host button{height:2.25rem!important}
.st-campaign-create-dialog{width:min(760px,calc(100vw - 2rem))!important;max-width:760px!important}
.st-campaign-create-dialog .st-native-dialog-body{max-height:min(68vh,720px);overflow:auto;padding-right:.2rem}
.st-campaign-create-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin-bottom:1rem}
.st-campaign-create-step{display:flex;align-items:center;gap:.45rem;min-width:0;border:1px solid hsl(var(--foreground)/.065);border-radius:.5rem;background:hsl(var(--foreground)/.018);padding:.5rem .55rem;color:hsl(var(--muted-foreground))}
.st-campaign-create-step>span{display:inline-flex;height:1.25rem;width:1.25rem;flex:0 0 1.25rem;align-items:center;justify-content:center;border-radius:999px;background:hsl(var(--foreground)/.055);font-size:.62rem;font-weight:700}
.st-campaign-create-step small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem}
.st-campaign-create-step.is-active{border-color:hsl(var(--primary)/.32);background:hsl(var(--primary)/.06);color:hsl(var(--foreground))}
.st-campaign-create-step.is-active>span,.st-campaign-create-step.is-done>span{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}
.st-campaign-create-step.is-done{color:hsl(var(--accent-readable))}
.st-campaign-create-account{display:flex;align-items:center;gap:.75rem;border:1px solid hsl(var(--foreground)/.07);border-radius:.55rem;background:hsl(var(--foreground)/.02);padding:.8rem}
.st-campaign-create-toggle{display:flex;align-items:flex-start;gap:.7rem;border:1px solid hsl(var(--foreground)/.07);border-radius:.55rem;background:hsl(var(--foreground)/.02);padding:.85rem;cursor:pointer}
.st-campaign-create-toggle input{margin-top:.16rem;accent-color:hsl(var(--primary))}
.st-campaign-create-toggle span{display:flex;flex-direction:column;gap:.15rem}.st-campaign-create-toggle strong{font-size:.82rem;font-weight:600;color:hsl(var(--foreground))}.st-campaign-create-toggle small{font-size:.72rem;color:hsl(var(--muted-foreground))}
.st-campaign-create-textarea{min-height:6.5rem!important;height:auto!important;resize:vertical;padding-top:.55rem!important;padding-bottom:.55rem!important}
.st-campaign-create-result{border-radius:.55rem;padding:.85rem;font-size:.78rem}.st-campaign-create-result.is-success{border:1px solid hsl(var(--primary)/.2);background:hsl(var(--primary)/.06);color:hsl(var(--foreground))}.st-campaign-create-result.is-error{border:1px solid hsl(var(--destructive)/.2);background:hsl(var(--destructive)/.06);color:hsl(var(--destructive))}
@media(max-width:639px){.st-campaign-create-host{width:100%}.st-campaign-create-host button{width:100%}.st-campaign-create-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== Fase 6 — Regras / Atividade / Histórico ===== */
.st-rules-tabs{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid hsl(var(--foreground)/.08);background:hsl(var(--foreground)/.025);border-radius:10px;width:max-content;max-width:100%;overflow-x:auto}
.st-rules-tabs button{height:34px;padding:0 13px;border:0;border-radius:7px;background:transparent;color:hsl(var(--muted-foreground));font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:.16s ease}
.st-rules-tabs button:hover{background:hsl(var(--foreground)/.045);color:hsl(var(--foreground))}
.st-rules-tabs button.is-active{background:hsl(var(--primary)/.13);color:hsl(var(--primary));box-shadow:inset 0 0 0 1px hsl(var(--primary)/.18)}
.st-rules-panel{display:flex;flex-direction:column;gap:16px;min-width:0}
.st-rule-filter-row{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.st-rule-pills{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.st-rule-pills button{height:31px;padding:0 11px;border-radius:999px;border:1px solid hsl(var(--foreground)/.08);background:hsl(var(--foreground)/.025);color:hsl(var(--muted-foreground));font-size:12px;font-weight:500;cursor:pointer;transition:.15s ease}
.st-rule-pills button:hover{border-color:hsl(var(--foreground)/.14);color:hsl(var(--foreground))}
.st-rule-pills button.is-active{border-color:hsl(var(--primary)/.25);background:hsl(var(--primary)/.12);color:hsl(var(--primary))}
.st-rule-activity-list{display:flex;flex-direction:column;gap:10px;max-width:920px}
.st-rule-activity-item{position:relative;display:flex;align-items:flex-start;gap:12px;padding:15px 16px 15px 19px;overflow:hidden}
.st-rule-activity-item.is-recent:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:hsl(var(--primary))}
.st-rule-activity-dot{width:8px;height:8px;margin-top:7px;border-radius:999px;background:hsl(var(--primary));box-shadow:0 0 10px hsl(var(--primary)/.35);flex:none}
.st-rule-chip,.st-rule-status{display:inline-flex;align-items:center;height:21px;padding:0 8px;border-radius:999px;border:1px solid hsl(var(--foreground)/.08);background:hsl(var(--foreground)/.035);font-size:10.5px;font-weight:600;letter-spacing:.01em;white-space:nowrap}
.st-rule-chip{color:hsl(var(--muted-foreground))}
.st-rule-status.is-success{border-color:rgba(74,222,128,.18);background:rgba(74,222,128,.10);color:#4ade80}
.st-rule-status.is-error{border-color:hsl(var(--destructive)/.20);background:hsl(var(--destructive)/.10);color:hsl(var(--destructive))}
.st-rule-history-filters{display:grid;grid-template-columns:minmax(210px,1.5fr) repeat(4,minmax(130px,.72fr));gap:10px;align-items:end}
.st-rule-search{min-width:0}
.st-rule-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.st-rule-stats>div{display:flex;flex-direction:column;gap:3px}
.st-rule-stats strong{font-size:21px;line-height:1.15;font-variant-numeric:tabular-nums;color:hsl(var(--foreground))}
.st-rule-stats span{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--muted-foreground)/.75)}
.st-rule-history-table{overflow:hidden;padding:0}
.st-rule-history-head,.st-rule-history-row{display:grid;grid-template-columns:155px minmax(160px,1fr) minmax(220px,1.4fr) 100px 24px;gap:12px;align-items:center;padding:12px 15px}
.st-rule-history-head{border-bottom:1px solid hsl(var(--foreground)/.07);background:hsl(var(--foreground)/.018);font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--muted-foreground)/.65)}
.st-rule-history-row{width:100%;border:0;border-bottom:1px solid hsl(var(--foreground)/.055);background:transparent;color:hsl(var(--foreground));text-align:left;cursor:pointer;transition:.14s ease}
.st-rule-history-row:last-child{border-bottom:0}
.st-rule-history-row:hover{background:hsl(var(--foreground)/.025)}
.st-rule-history-row>span{min-width:0;font-size:12px;color:hsl(var(--muted-foreground))}
.st-rule-history-row strong,.st-rule-history-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-rule-history-row strong{font-size:12.5px;color:hsl(var(--foreground));font-weight:600}
.st-rule-history-row small{margin-top:2px;font-size:10.5px;color:hsl(var(--muted-foreground)/.68)}
.st-rule-pagination{display:flex;justify-content:center;align-items:center;gap:12px}
.st-rule-pagination>span{font-size:12px;color:hsl(var(--muted-foreground))}
.st-rule-detail-box{display:flex;flex-direction:column;gap:3px;padding:12px;border:1px solid hsl(var(--foreground)/.07);border-radius:9px;background:hsl(var(--foreground)/.02)}
.st-rule-detail-box span,.st-rule-metric span{font-size:10.5px;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.04em}
.st-rule-detail-box strong,.st-rule-metric strong{font-size:13px;color:hsl(var(--foreground));font-weight:600}
.st-rule-metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.st-rule-metric{display:flex;flex-direction:column;gap:3px;padding:10px 11px;border-radius:8px;background:hsl(var(--foreground)/.025);border:1px solid hsl(var(--foreground)/.055)}
@media(max-width:1050px){.st-rule-history-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.st-rule-search{grid-column:1/-1}.st-rule-history-head,.st-rule-history-row{grid-template-columns:135px minmax(140px,1fr) minmax(180px,1.3fr) 90px 20px}}
@media(max-width:720px){.st-rules-tabs{width:100%}.st-rules-tabs button{flex:1}.st-rule-filter-row{align-items:flex-start}.st-rule-pills.is-period{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.st-rule-activity-item{display:grid;grid-template-columns:10px 1fr}.st-rule-activity-item time{grid-column:2;margin-top:-4px}.st-rule-history-filters{grid-template-columns:1fr}.st-rule-search{grid-column:auto}.st-rule-stats{grid-template-columns:1fr}.st-rule-history-head{display:none}.st-rule-history-row{grid-template-columns:1fr auto;gap:8px 12px;padding:14px}.st-rule-history-row>span:nth-child(1){grid-column:1}.st-rule-history-row>span:nth-child(2){grid-column:1}.st-rule-history-row>span:nth-child(3){grid-column:1}.st-rule-history-row>span:nth-child(4){grid-column:2;grid-row:1}.st-rule-history-row>span:nth-child(5){grid-column:2;grid-row:2/4;font-size:20px;align-self:center}.st-rule-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Fase 8/9 — Integrações em sub-abas, preservando o design system do Sentinela */
.st-integrations-tabs{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid hsl(var(--foreground)/.08);background:hsl(var(--foreground)/.025);border-radius:10px;width:max-content;max-width:100%;overflow:auto;scrollbar-width:none}
.st-integrations-tabs::-webkit-scrollbar{display:none}
.st-integrations-tab{appearance:none;height:34px;padding:0 13px;border:0;border-radius:7px;background:transparent;color:hsl(var(--muted-foreground));font-size:13px;font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;transition:.16s ease}
.st-integrations-tab:hover{background:hsl(var(--foreground)/.045);color:hsl(var(--foreground))}
.st-integrations-tab.is-active{background:hsl(var(--primary)/.13);color:hsl(var(--primary));box-shadow:inset 0 0 0 1px hsl(var(--primary)/.18)}
.st-integrations-panels>section[hidden]{display:none!important}
.st-domain-status{display:inline-flex;align-items:center;border:1px solid hsl(var(--foreground)/.08);background:hsl(var(--foreground)/.04);color:hsl(var(--muted-foreground));border-radius:999px;padding:.2rem .55rem;font-size:.7rem;font-weight:600;white-space:nowrap}
.st-domain-status.is-active{border-color:hsl(var(--primary)/.22);background:hsl(var(--primary)/.12);color:hsl(var(--primary))}
.st-domain-status.is-error{border-color:hsl(var(--destructive)/.24);background:hsl(var(--destructive)/.08);color:hsl(var(--destructive))}
.st-domain-dns-box{border:1px solid hsl(var(--foreground)/.07);background:hsl(var(--foreground)/.025);border-radius:.55rem;padding:.75rem;font-size:.72rem;color:hsl(var(--muted-foreground))}
.st-domain-dns-box>p{margin:0 0 .5rem;font-weight:600;color:hsl(var(--foreground)/.8)}
.st-domain-dns-row{display:grid;grid-template-columns:52px minmax(100px,.65fr) minmax(140px,1.35fr);gap:.45rem;align-items:center;padding:.35rem 0;border-top:1px solid hsl(var(--foreground)/.05)}
.st-domain-dns-row:first-of-type{border-top:0}
.st-domain-dns-row code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem}
@media(max-width:640px){.st-integrations-tabs{width:100%}.st-domain-dns-row{grid-template-columns:46px 1fr}.st-domain-dns-row code:last-child{grid-column:1/-1;white-space:normal;word-break:break-all}}

/* Domínios / Scripts — allowlist removível + seletor de domínio inspirado no fluxo da referência. */
.st-allowlist-chips{display:flex;flex-wrap:wrap;gap:.45rem}
.st-allowlist-chips>span{display:inline-flex;align-items:center;gap:.35rem;max-width:100%;border:1px solid hsl(var(--foreground)/.08);background:hsl(var(--foreground)/.03);border-radius:999px;padding:.28rem .35rem .28rem .65rem;color:hsl(var(--foreground)/.88);font-size:.72rem}
.st-allowlist-chips>span button{display:inline-flex;width:1.2rem;height:1.2rem;align-items:center;justify-content:center;border:0;border-radius:999px;background:hsl(var(--foreground)/.05);color:hsl(var(--muted-foreground));font-size:.85rem;line-height:1;cursor:pointer;transition:.14s ease}
.st-allowlist-chips>span button:hover{background:hsl(var(--destructive)/.11);color:hsl(var(--destructive))}
.st-first-party-domain-list{display:flex;flex-direction:column;gap:.65rem}
.st-first-party-domain{overflow:hidden;border:1px solid hsl(var(--foreground)/.06);background:hsl(var(--foreground)/.018);border-radius:.6rem}
.st-first-party-domain>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem .95rem;cursor:pointer;list-style:none;user-select:none}
.st-first-party-domain>summary::-webkit-details-marker{display:none}
.st-first-party-domain>summary:hover{background:hsl(var(--foreground)/.025)}
.st-domain-chevron,.st-script-domain-chevron{display:inline-flex;align-items:center;justify-content:center;color:hsl(var(--muted-foreground));transition:transform .16s ease}
.st-first-party-domain[open] .st-domain-chevron,.st-script-domain-picker[open] .st-script-domain-chevron{transform:rotate(180deg)}
.st-first-party-domain-body{display:flex;flex-direction:column;gap:.75rem;padding:0 .95rem .95rem;border-top:1px solid hsl(var(--foreground)/.055)}
.st-first-party-domain-body>.st-domain-dns-box,.st-first-party-domain-body>p{margin-top:.85rem}
.st-script-domain-picker{position:relative;border:1px solid hsl(var(--foreground)/.08);border-radius:.55rem;background:hsl(var(--foreground)/.02)}
.st-script-domain-picker>summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.68rem .78rem;cursor:pointer;list-style:none;user-select:none}
.st-script-domain-picker>summary::-webkit-details-marker{display:none}
.st-script-domain-picker>summary span:first-child{display:flex;min-width:0;flex-direction:column;gap:.12rem}
.st-script-domain-picker>summary small{font-size:.65rem;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.045em}
.st-script-domain-picker>summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;color:hsl(var(--foreground));font-weight:600}
.st-script-domain-menu{display:flex;flex-direction:column;gap:.35rem;padding:.45rem;border-top:1px solid hsl(var(--foreground)/.06)}
.st-script-domain-menu button{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;border:1px solid transparent;border-radius:.45rem;background:transparent;padding:.58rem .62rem;color:hsl(var(--foreground));text-align:left;cursor:pointer;transition:.14s ease}
.st-script-domain-menu button:hover{background:hsl(var(--foreground)/.035)}
.st-script-domain-menu button.is-selected{border-color:hsl(var(--primary)/.2);background:hsl(var(--primary)/.07)}
.st-script-domain-menu button>span{display:flex;min-width:0;flex-direction:column;gap:.12rem}
.st-script-domain-menu button strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:600}
.st-script-domain-menu button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.64rem;color:hsl(var(--muted-foreground))}
.st-script-domain-menu button em{flex:none;border:1px solid hsl(var(--foreground)/.08);border-radius:999px;padding:.15rem .4rem;background:hsl(var(--foreground)/.03);color:hsl(var(--muted-foreground));font-size:.6rem;font-style:normal;font-weight:600}
.st-script-domain-menu button em.is-active{border-color:hsl(var(--primary)/.2);background:hsl(var(--primary)/.08);color:hsl(var(--primary))}
@media(max-width:640px){.st-first-party-domain>summary{align-items:flex-start}.st-script-domain-menu button{align-items:flex-start;flex-direction:column}.st-script-domain-menu button em{align-self:flex-start}}


/* Fase 15 — Domínios e Scripts: fluxo visual alinhado à referência Utmize. */
.st-domain-list{display:flex;flex-direction:column;border:1px solid hsl(var(--foreground)/.065);border-radius:.65rem;overflow:visible}
.st-domain-list-item{position:relative;border-bottom:1px solid hsl(var(--foreground)/.06);background:hsl(var(--foreground)/.012)}
.st-domain-list-item:first-child{border-radius:.65rem .65rem 0 0}.st-domain-list-item:last-child{border-bottom:0;border-radius:0 0 .65rem .65rem}.st-domain-list-item:only-child{border-radius:.65rem}
.st-domain-list-main{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem .9rem}
.st-domain-row-actions{display:flex;align-items:center;gap:.55rem;flex:none}
.st-domain-more{position:relative}.st-domain-more>summary{display:flex;width:2rem;height:2rem;align-items:center;justify-content:center;border-radius:.45rem;color:hsl(var(--muted-foreground));font-weight:700;letter-spacing:.08em;cursor:pointer;list-style:none}.st-domain-more>summary::-webkit-details-marker{display:none}.st-domain-more>summary:hover{background:hsl(var(--foreground)/.05);color:hsl(var(--foreground))}
.st-domain-more-menu{position:absolute;z-index:50;right:0;top:calc(100% + 5px);width:178px;padding:.35rem;border:1px solid hsl(var(--foreground)/.09);border-radius:.55rem;background:hsl(var(--background));box-shadow:0 12px 30px hsl(0 0% 0%/.18)}
.st-domain-more-menu>p{padding:.4rem .55rem .3rem;color:hsl(var(--muted-foreground));font-size:.66rem;font-weight:600;text-transform:uppercase;letter-spacing:.045em}
.st-domain-more-menu>button{display:block;width:100%;border:0;border-radius:.4rem;background:transparent;padding:.52rem .55rem;color:hsl(var(--foreground));font-size:.75rem;text-align:left;cursor:pointer}.st-domain-more-menu>button:hover{background:hsl(var(--foreground)/.045)}.st-domain-more-menu>button.is-danger{color:hsl(var(--destructive))}.st-domain-more-menu>button.is-danger:hover{background:hsl(var(--destructive)/.07)}
.st-domain-dns-instructions{padding:.85rem .9rem 1rem;border-top:1px solid hsl(var(--foreground)/.055);background:hsl(var(--foreground)/.012)}.st-domain-dns-instructions>p{margin:0 0 .7rem;color:hsl(var(--muted-foreground));font-size:.72rem;line-height:1.45}
.st-domain-dns-table{overflow:hidden;border:1px solid hsl(var(--foreground)/.07);border-radius:.55rem}.st-domain-dns-head,.st-domain-dns-entry{display:grid;grid-template-columns:70px minmax(120px,.8fr) minmax(160px,1.4fr) 85px;gap:.55rem;align-items:center;padding:.55rem .65rem}.st-domain-dns-head{background:hsl(var(--foreground)/.028);color:hsl(var(--muted-foreground));font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.st-domain-dns-entry{border-top:1px solid hsl(var(--foreground)/.055);color:hsl(var(--muted-foreground));font-size:.68rem}.st-domain-dns-entry code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;color:hsl(var(--foreground)/.82)}
.st-script-domain-field{display:flex;flex-direction:column;gap:.4rem}.st-script-domain-field>span{font-size:.72rem;font-weight:600;color:hsl(var(--foreground)/.9)}.st-script-domain-field>select{width:100%;min-height:2.55rem;border:1px solid hsl(var(--foreground)/.09);border-radius:.55rem;background:hsl(var(--background));padding:.55rem .7rem;color:hsl(var(--foreground));font-size:.78rem;outline:none;cursor:pointer}.st-script-domain-field>select:focus{border-color:hsl(var(--primary)/.35);box-shadow:0 0 0 2px hsl(var(--primary)/.08)}.st-script-domain-field>small{font-size:.67rem;color:hsl(var(--muted-foreground));overflow-wrap:anywhere}
@media(max-width:700px){.st-domain-list-main{align-items:flex-start}.st-domain-row-actions{gap:.25rem}.st-domain-dns-head{display:none}.st-domain-dns-entry{grid-template-columns:60px 1fr}.st-domain-dns-entry code:nth-of-type(2),.st-domain-dns-entry span:last-child{grid-column:1/-1;white-space:normal;word-break:break-all}.st-domain-more-menu{right:-.25rem}}

/* ===== Fase 16 — Domínios compactos, ajuda contextual e páginas reais Eventos/VTurb ===== */
.st-label-with-info{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.st-info-tip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;border:1px solid hsl(var(--foreground)/.17);border-radius:999px;color:hsl(var(--muted-foreground));font-size:.62rem;font-weight:700;line-height:1;cursor:help;outline:none}
.st-info-tip>span:first-child{transform:translateY(-.2px)}
.st-info-tip-pop{position:absolute;z-index:120;left:50%;bottom:calc(100% + 8px);width:min(300px,72vw);transform:translateX(-50%) translateY(4px);pointer-events:none;opacity:0;border:1px solid hsl(var(--foreground)/.1);border-radius:.55rem;background:hsl(var(--popover));color:hsl(var(--popover-foreground));padding:.6rem .7rem;font-size:.7rem;font-weight:400;line-height:1.45;box-shadow:0 10px 28px rgba(0,0,0,.24);transition:.14s ease}
.st-info-tip:hover .st-info-tip-pop,.st-info-tip:focus .st-info-tip-pop{opacity:1;transform:translateX(-50%) translateY(0)}
.st-copy-mini{display:inline-flex;width:1.8rem;height:1.8rem;flex:0 0 1.8rem;align-items:center;justify-content:center;border:1px solid hsl(var(--foreground)/.08);border-radius:.42rem;background:hsl(var(--foreground)/.025);color:hsl(var(--muted-foreground));cursor:pointer;transition:.14s ease}
.st-copy-mini:hover{background:hsl(var(--foreground)/.06);color:hsl(var(--foreground))}.st-copy-mini svg{width:.85rem;height:.85rem}
.st-domain-list-scroll{max-height:560px;overflow-y:auto;overflow-x:visible;scrollbar-width:thin;scrollbar-color:hsl(var(--foreground)/.13) transparent}
.st-domain-host-wrap{min-width:0;flex:1}.st-domain-host-line{display:flex;align-items:center;gap:.5rem;min-width:0}.st-domain-host{min-width:0;max-width:100%;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;word-break:break-word;font-size:.83rem;color:hsl(var(--foreground));user-select:text}
.st-copy-value{display:flex;align-items:center;gap:.4rem;min-width:0}.st-copy-value code{min-width:0;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;word-break:break-word;user-select:text}.st-copy-value .st-copy-mini{width:1.55rem;height:1.55rem;flex-basis:1.55rem}
.st-domain-dns-entry code{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;word-break:break-word;user-select:text}
.st-allowlist-chips>span{max-width:100%;overflow-wrap:anywhere;word-break:break-word;white-space:normal}
.st-lock-dot{display:flex;align-items:center;justify-content:center;width:1.65rem;height:1.65rem;flex:none;border-radius:999px;border:1px solid hsl(var(--primary)/.2);background:hsl(var(--primary)/.07);color:hsl(var(--primary));font-weight:700}
.st-code-copy{display:flex;align-items:center;gap:.55rem;border:1px solid hsl(var(--foreground)/.08);border-radius:.55rem;background:hsl(var(--foreground)/.02);padding:.55rem .65rem}.st-code-copy code{min-width:0;flex:1;font-size:.72rem;color:hsl(var(--foreground));overflow-wrap:anywhere;word-break:break-word;user-select:text}

/* Estrutura das páginas Eventos e VTurb integrada ao design system do Sentinela. */
.st-standalone-page{display:flex;flex-direction:column;gap:1.25rem;min-width:0}
.st-standalone-head{display:flex;align-items:center;gap:.9rem}.st-standalone-head h1{font-size:1.5rem;line-height:2rem;font-weight:700;color:hsl(var(--foreground))}.st-standalone-head p{margin-top:.15rem;font-size:.82rem;color:hsl(var(--muted-foreground))}.st-page-logo{width:3rem;height:3rem;object-fit:contain;border-radius:.65rem}
.st-events-controls,.st-vturb-controls{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.st-events-controls>select{width:190px}.st-date-pair{display:flex;align-items:center;gap:.45rem}.st-date-pair input{width:145px}.st-date-pair>span{font-size:.72rem;color:hsl(var(--muted-foreground))}
.st-live-status{display:flex;align-items:center;gap:.45rem;min-width:92px;font-size:.74rem;color:hsl(var(--muted-foreground))}.st-live-dot{width:.48rem;height:.48rem;border-radius:999px;background:hsl(var(--muted-foreground)/.45)}.st-live-dot.is-live{background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.1),0 0 12px rgba(34,197,94,.4)}
.st-event-stats,.st-vturb-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.st-event-stats>div,.st-vturb-kpis>div{display:flex;flex-direction:column;gap:.32rem;padding:1rem 1.1rem}.st-event-stats span,.st-vturb-kpis span,.st-vturb-revenue>span{font-size:.68rem;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.045em}.st-event-stats strong,.st-vturb-kpis strong{font-size:1.35rem;color:hsl(var(--foreground));font-variant-numeric:tabular-nums}
.st-events-tabs{display:flex;gap:.25rem;padding:.25rem;width:max-content;border:1px solid hsl(var(--foreground)/.08);border-radius:.55rem;background:hsl(var(--foreground)/.02)}.st-events-tabs button{border:0;background:transparent;border-radius:.4rem;padding:.45rem .75rem;font-size:.75rem;color:hsl(var(--muted-foreground));cursor:pointer}.st-events-tabs button.is-active{background:hsl(var(--foreground)/.07);color:hsl(var(--foreground))}
.st-events-panel{min-height:300px;overflow:hidden}.st-events-table{height:min(520px,65vh);overflow:auto}.st-events-head,.st-event-row{display:grid;grid-template-columns:92px minmax(120px,.85fr) 90px 120px 130px minmax(150px,1fr);gap:.65rem;align-items:center;padding:.7rem .9rem}.st-events-head{position:sticky;top:0;z-index:2;border-bottom:1px solid hsl(var(--foreground)/.07);background:hsl(var(--card));font-size:.63rem;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.045em}.dark .st-events-head{background:hsl(var(--background)/.96);backdrop-filter:blur(14px)}.st-event-row{width:100%;border:0;border-bottom:1px solid hsl(var(--foreground)/.055);background:transparent;color:hsl(var(--foreground));font-size:.73rem;text-align:left;cursor:pointer}.st-event-row:hover{background:hsl(var(--foreground)/.025)}.st-event-row>span,.st-event-row>code,.st-event-row>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-event-row>code{font-size:.66rem;color:hsl(var(--muted-foreground))}.st-event-flags{display:flex!important;gap:.3rem}.st-event-flags i{border:1px solid hsl(var(--foreground)/.08);border-radius:.3rem;padding:.12rem .3rem;color:hsl(var(--muted-foreground)/.55);font-size:.6rem;font-style:normal}.st-event-flags i.on{border-color:hsl(var(--primary)/.2);background:hsl(var(--primary)/.07);color:hsl(var(--primary))}.st-load-more{display:flex;justify-content:center;padding:1rem;border-top:1px solid hsl(var(--foreground)/.06)}
.st-empty-state{display:flex;min-height:220px;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;padding:2rem;text-align:center}.st-empty-state strong{font-size:.86rem;color:hsl(var(--foreground))}.st-empty-state span{max-width:540px;font-size:.75rem;line-height:1.5;color:hsl(var(--muted-foreground))}.st-events-note,.st-events-footer{font-size:.68rem;line-height:1.5;color:hsl(var(--muted-foreground))}.st-events-footer{text-align:center}
.st-visitors-scroll{max-height:520px;overflow:auto}.st-visitors-table{width:100%;border-collapse:collapse;font-size:.72rem}.st-visitors-table th,.st-visitors-table td{padding:.7rem .8rem;border-bottom:1px solid hsl(var(--foreground)/.055);text-align:left;white-space:nowrap}.st-visitors-table th{position:sticky;top:0;background:hsl(var(--card));color:hsl(var(--muted-foreground));font-size:.62rem;text-transform:uppercase;letter-spacing:.04em}.st-event-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.st-event-detail-grid>div{display:flex;min-width:0;flex-direction:column;gap:.2rem;border:1px solid hsl(var(--foreground)/.07);border-radius:.5rem;background:hsl(var(--foreground)/.02);padding:.65rem}.st-event-detail-grid>.wide{grid-column:1/-1}.st-event-detail-grid span,.st-vturb-detail-grid span{font-size:.63rem;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.035em}.st-event-detail-grid strong,.st-vturb-detail-grid strong{font-size:.75rem;color:hsl(var(--foreground));font-weight:600}.st-event-raw{max-height:300px;overflow:auto;border:1px solid hsl(var(--foreground)/.08);border-radius:.5rem;background:hsl(var(--foreground)/.025);padding:.8rem;font-size:.67rem;color:hsl(var(--foreground));white-space:pre-wrap;overflow-wrap:anywhere}

.st-connect-card{display:flex;max-width:680px;min-height:300px;margin:2rem auto;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;padding:2rem;text-align:center}.st-connect-card>img{width:4.2rem;height:4.2rem;object-fit:contain}.st-connect-card h2{font-size:1.05rem;font-weight:650;color:hsl(var(--foreground))}.st-connect-card p{max-width:520px;font-size:.8rem;line-height:1.55;color:hsl(var(--muted-foreground))}.st-vturb-token{display:flex;gap:.55rem;width:min(520px,100%)}
.st-vturb-controls{justify-content:flex-end}.st-privacy-toggle{display:flex;align-items:center;gap:.45rem;font-size:.72rem;color:hsl(var(--muted-foreground));cursor:pointer}.st-privacy-toggle input{accent-color:hsl(var(--primary))}.st-vturb-revenue{display:flex;min-height:125px;flex-direction:column;justify-content:center;gap:.3rem;padding:1.35rem;margin-bottom:.75rem}.st-vturb-revenue strong{font-size:2rem;line-height:1.1;color:hsl(var(--foreground));font-variant-numeric:tabular-nums}.st-vturb-countries{margin-top:.75rem;padding:1.15rem}.st-vturb-countries h3{margin-bottom:.75rem;font-size:.84rem;font-weight:650;color:hsl(var(--foreground))}.st-vturb-countries p{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.45rem 0;border-top:1px solid hsl(var(--foreground)/.05);font-size:.73rem}.st-vturb-countries p:first-child{border-top:0}.st-vturb-countries p span{color:hsl(var(--muted-foreground))}.st-vturb-countries p strong{color:hsl(var(--foreground))}.st-vturb-videos-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:1.25rem 0 .65rem}.st-vturb-videos-head h2{font-size:.95rem;font-weight:650;color:hsl(var(--foreground))}.st-vturb-videos-head p{margin-top:.15rem;font-size:.68rem;color:hsl(var(--muted-foreground))}
.st-vturb-table{overflow:hidden}.st-vturb-th,.st-vturb-tr{display:grid;grid-template-columns:38px minmax(220px,1.7fr) repeat(4,minmax(95px,.72fr)) 24px;gap:.55rem;align-items:center;padding:.72rem .9rem}.st-vturb-th{border-bottom:1px solid hsl(var(--foreground)/.07);background:hsl(var(--foreground)/.018);font-size:.61rem;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.04em}.st-vturb-tr{width:100%;border:0;border-bottom:1px solid hsl(var(--foreground)/.055);background:transparent;color:hsl(var(--foreground));font-size:.72rem;text-align:left;cursor:pointer}.st-vturb-tr:last-child{border-bottom:0}.st-vturb-tr:hover{background:hsl(var(--foreground)/.025)}.st-vturb-tr>span:nth-child(2){display:flex;min-width:0;flex-direction:column}.st-vturb-tr strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem}.st-vturb-tr small{font-size:.62rem;color:hsl(var(--muted-foreground))}.st-vturb-key-card{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;margin-top:1rem;padding:1rem 1.1rem}.st-vturb-key-card strong{font-size:.78rem;color:hsl(var(--foreground))}.st-vturb-key-card p{margin-top:.15rem;font-size:.66rem;color:hsl(var(--muted-foreground))}.st-vturb-key-card .st-vturb-token{max-width:430px}.st-warning-card{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem;border:1px solid rgba(245,158,11,.22);border-radius:.6rem;background:rgba(245,158,11,.07);padding:.8rem 1rem}.st-warning-card strong{font-size:.75rem;color:#f59e0b}.st-warning-card span{font-size:.68rem;color:hsl(var(--muted-foreground))}.st-vturb-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.st-vturb-detail-grid>div{display:flex;flex-direction:column;gap:.2rem;border:1px solid hsl(var(--foreground)/.07);border-radius:.5rem;background:hsl(var(--foreground)/.02);padding:.7rem}
@media(max-width:900px){.st-event-stats,.st-vturb-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.st-events-table{overflow:auto}.st-events-head,.st-event-row{min-width:850px}.st-vturb-table{overflow:auto}.st-vturb-th,.st-vturb-tr{min-width:850px}.st-vturb-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.st-domain-list-main{gap:.5rem}.st-domain-host-line{align-items:flex-start}.st-domain-dns-entry{grid-template-columns:60px minmax(0,1fr)!important}.st-copy-value{grid-column:2}.st-copy-value+span{grid-column:2}.st-events-controls,.st-vturb-controls{align-items:stretch;flex-direction:column}.st-events-controls>select,.st-date-pair,.st-date-pair input{width:100%}.st-date-pair{display:grid;grid-template-columns:1fr auto 1fr}.st-event-stats,.st-vturb-kpis{grid-template-columns:1fr 1fr}.st-vturb-token,.st-vturb-key-card{align-items:stretch;flex-direction:column}.st-vturb-detail-grid,.st-event-detail-grid{grid-template-columns:1fr}.st-event-detail-grid>.wide{grid-column:auto}.st-info-tip-pop{left:0;transform:translateY(4px)}.st-info-tip:hover .st-info-tip-pop,.st-info-tip:focus .st-info-tip-pop{transform:translateY(0)}}

/* Fase 17: páginas customizadas não destroem mais a árvore React ao trocar de rota. */
.st-route-original-hidden{display:none!important}
.st-standalone-shell{width:100%;min-width:0;display:block}

/* Fase 18 — configuração same-origin por path */
.st-same-origin-code{display:flex;align-items:flex-start;gap:10px;margin-top:10px;padding:12px;border:1px solid hsl(var(--border)/.8);border-radius:10px;background:hsl(var(--foreground)/.025)}
.st-same-origin-code code{flex:1;min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:break-word;font-size:12px;line-height:1.7;color:hsl(var(--foreground)/.82)}