/* Tracking Intelligence — isolado sob .ti para nao alterar as telas legadas. */
.ti{display:grid;gap:1.15rem;color:var(--body)}
.ti *{box-sizing:border-box}
.ti .ti-toolbar{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap}
.ti .ti-title{min-width:250px;flex:1}
.ti .ti-title h2{margin:0;color:var(--heading);font-size:1.25rem}
.ti .ti-title p{margin:.4rem 0 0;max-width:820px;line-height:1.55;color:var(--body)}
.ti .ti-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.ti .ti-sync{font-size:.82rem;color:var(--muted);max-width:250px;text-align:right}
.ti button,.ti input{font:inherit}
.ti .ti-refresh,.ti .ti-period{
  border:1px solid var(--input-border);background:var(--surface);color:var(--body);
  border-radius:var(--radius-sm);padding:.52rem .85rem;cursor:pointer
}
.ti .ti-refresh{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}
.ti .ti-refresh:disabled{opacity:.55;cursor:wait}
.ti .ti-periods{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:1rem}
.ti .ti-period[aria-pressed="true"]{background:var(--primary-soft);border-color:var(--primary);color:var(--primary);font-weight:600}
.ti .ti-custom{display:none;align-items:end;gap:.6rem;flex-wrap:wrap;margin-top:.8rem}
.ti .ti-custom[data-open="true"]{display:flex}
.ti .ti-field{display:grid;gap:.3rem}
.ti .ti-field label{font-size:.78rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.03em}
.ti .ti-field input{border:1px solid var(--input-border);background:var(--surface);color:var(--heading);border-radius:var(--radius-sm);padding:.5rem .65rem}

.ti .ti-banner{border:1px solid var(--border);border-left:4px solid var(--warning);border-radius:var(--radius);padding:.8rem 1rem;background:var(--warning-soft);line-height:1.45}
.ti .ti-banner[data-tone="error"]{border-left-color:var(--negative);background:rgba(238,69,66,.1)}
.ti .ti-banner[data-tone="ok"]{border-left-color:var(--positive);background:rgba(40,199,111,.1)}
.ti .ti-banner strong{color:var(--heading)}

.ti .ti-section{overflow:hidden}
.ti .ti-section-head{display:flex;align-items:flex-start;gap:.8rem;padding:1rem 1.15rem;border-bottom:1px solid var(--border)}
.ti .ti-section-head>div:first-child{flex:1}
.ti .ti-section-head h3{margin:0;color:var(--heading);font-size:1.05rem}
.ti .ti-section-head p{margin:.32rem 0 0;font-size:.88rem;line-height:1.45;color:var(--muted)}
.ti .ti-badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.25rem .6rem;font-size:.76rem;font-weight:600;background:var(--surface-alt);color:var(--body);white-space:nowrap}
.ti .ti-badge::before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--muted)}
.ti .ti-badge[data-state="ok"]::before{background:var(--positive)}
.ti .ti-badge[data-state="warn"]::before{background:var(--warning)}
.ti .ti-badge[data-state="error"]::before{background:var(--negative)}

.ti .ti-source-grid{display:grid;grid-template-columns:repeat(6,minmax(135px,1fr));gap:.75rem;padding:1rem 1.15rem}
.ti .ti-source{border:1px solid var(--border);border-radius:var(--radius);padding:.78rem;background:var(--surface-alt);min-height:102px}
.ti .ti-source-top{display:flex;align-items:center;gap:.45rem}
.ti .ti-source-dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--muted);flex:none}
.ti .ti-source[data-state="ok"] .ti-source-dot{background:var(--positive)}
.ti .ti-source[data-state="warn"] .ti-source-dot{background:var(--warning)}
.ti .ti-source[data-state="error"] .ti-source-dot{background:var(--negative)}
.ti .ti-source-name{font-size:.84rem;font-weight:700;color:var(--heading)}
.ti .ti-source-time{font-size:.82rem;margin-top:.65rem;color:var(--body);font-variant-numeric:tabular-nums}
.ti .ti-source-note{font-size:.75rem;margin-top:.25rem;color:var(--muted);line-height:1.35;overflow-wrap:anywhere}

.ti .ti-grid-2{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);gap:1.15rem}
.ti .ti-grid-equal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem}
.ti .ti-table-wrap{overflow:auto}
.ti table{width:100%;border-collapse:collapse;min-width:680px}
.ti th,.ti td{padding:.72rem .85rem;border-bottom:1px solid var(--border);text-align:right;font-variant-numeric:tabular-nums}
.ti th:first-child,.ti td:first-child{text-align:left}
.ti th{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:700;background:var(--surface-alt)}
.ti td{font-size:.88rem;color:var(--body)}
.ti td strong{color:var(--heading)}
.ti .ti-na{color:var(--muted)}
.ti .ti-stage{display:flex;align-items:center;gap:.7rem}
.ti .ti-stage-index{display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-size:.75rem;font-weight:700;flex:none}
.ti .ti-drop{display:block;font-size:.7rem;color:var(--negative);margin-top:.15rem}

.ti .ti-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;padding:1rem 1.15rem}
.ti .ti-kpi{border:1px solid var(--border);background:var(--surface-alt);border-radius:var(--radius);padding:.8rem;min-height:112px}
.ti .ti-kpi-label{font-size:.77rem;color:var(--muted);line-height:1.3}
.ti .ti-kpi-value{font-size:1.4rem;font-weight:700;color:var(--heading);margin-top:.5rem;font-variant-numeric:tabular-nums}
.ti .ti-kpi-value[data-tone="bad"]{color:var(--negative)}
.ti .ti-kpi-value[data-tone="good"]{color:var(--positive)}
.ti .ti-kpi-note{font-size:.74rem;color:var(--muted);margin-top:.3rem;line-height:1.35}

.ti .ti-divergence-list{display:grid;gap:.7rem;padding:1rem 1.15rem}
.ti .ti-divergence{display:grid;grid-template-columns:minmax(160px,1fr) minmax(150px,2fr) auto;align-items:center;gap:.75rem}
.ti .ti-divergence-name{font-size:.82rem;color:var(--heading);font-weight:600}
.ti .ti-track{height:.55rem;border-radius:999px;background:var(--surface-alt);overflow:hidden}
.ti .ti-track>i{display:block;height:100%;border-radius:inherit;background:var(--primary);width:0}
.ti .ti-track>i[data-tone="warn"]{background:var(--warning)}
.ti .ti-track>i[data-tone="bad"]{background:var(--negative)}
.ti .ti-divergence-value{font-size:.82rem;font-weight:700;color:var(--heading);min-width:60px;text-align:right}

.ti .ti-empty{padding:1.25rem 1.15rem;color:var(--muted);line-height:1.55}
.ti .ti-empty strong{display:block;color:var(--heading);margin-bottom:.3rem}
.ti .ti-empty code{background:var(--surface-alt);border-radius:.25rem;padding:.08rem .3rem;color:var(--primary)}
.ti .ti-clarity-body{padding:1rem 1.15rem}
.ti .ti-clarity-metrics{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:.7rem}
.ti .ti-link{display:inline-flex;align-items:center;gap:.4rem;margin-top:.9rem;color:var(--primary);font-weight:600;text-decoration:none}
.ti .ti-link:hover{text-decoration:underline}
.ti .ti-privacy{margin-top:.8rem;font-size:.76rem;color:var(--muted);line-height:1.45}

.ti .ti-bars{display:grid;gap:.55rem;padding:1rem 1.15rem}
.ti .ti-bar-row{display:grid;grid-template-columns:82px minmax(120px,1fr) 62px;gap:.65rem;align-items:center}
.ti .ti-bar-label{font-size:.76rem;color:var(--muted);font-variant-numeric:tabular-nums}
.ti .ti-bar{height:.65rem;border-radius:999px;background:var(--surface-alt);overflow:hidden}
.ti .ti-bar i{display:block;height:100%;border-radius:inherit;background:var(--primary)}
.ti .ti-bar-value{text-align:right;color:var(--heading);font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums}

.ti .ti-map{display:grid;gap:.6rem;padding:1rem 1.15rem}
.ti .ti-map-row{display:grid;grid-template-columns:minmax(120px,1fr) repeat(4,minmax(78px,.7fr));gap:.55rem;align-items:center;padding:.55rem .65rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-alt)}
.ti .ti-map-row>span:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}
.ti .ti-map-row .ti-map-name{font-weight:600;color:var(--heading);overflow-wrap:anywhere}
.ti .ti-map-head{background:transparent;border:0;padding:.1rem .65rem;font-size:.7rem;text-transform:uppercase;color:var(--muted);font-weight:700}

@media (max-width:1200px){
  .ti .ti-source-grid{grid-template-columns:repeat(3,minmax(135px,1fr))}
  .ti .ti-grid-2,.ti .ti-grid-equal{grid-template-columns:1fr}
}
@media (max-width:760px){
  .ti .ti-source-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}
  .ti .ti-kpis{grid-template-columns:1fr}
  .ti .ti-clarity-metrics{grid-template-columns:1fr 1fr}
  .ti .ti-divergence{grid-template-columns:1fr auto}
  .ti .ti-divergence .ti-track{grid-column:1/-1;grid-row:2}
  .ti .ti-map{overflow:auto}
  .ti .ti-map-row{min-width:650px}
  .ti .ti-sync{text-align:left}
}
@media (max-width:460px){
  .ti .ti-source-grid{grid-template-columns:1fr}
  .ti .ti-clarity-metrics{grid-template-columns:1fr}
}