/* Diagnóstico Google Ads — tokens da dash (styles.css :root). */
#google-insights { border:1px solid var(--line); border-radius:12px; background:var(--panel); padding:18px; display:grid; grid-template-columns:minmax(0,1fr); gap:14px; min-width:0; margin-top:16px; }
#google-insights > *, #gi-body > * { min-width:0; }
#google-insights h3 { margin:0; font-size:17px; }
#google-insights .gi-head p { margin:2px 0 0; color:var(--muted); font-size:13px; }
.gi-readonly { color:var(--yellow); font-size:13px; margin:0; }
.gi-toolbar { display:flex; flex-wrap:wrap; gap:10px; align-items:end; justify-content:space-between; }
.gi-tabs { display:flex; flex-wrap:wrap; gap:6px; }
.gi-tabs button { border:1px solid var(--line); background:var(--panel-soft); color:var(--muted); border-radius:8px; padding:8px 12px; cursor:pointer; font:inherit; font-size:13px; }
.gi-tabs button.is-active { color:var(--text); border-color:var(--blue); box-shadow:inset 0 -2px var(--blue); }
.gi-selects { display:flex; flex-wrap:wrap; gap:10px; }
.gi-selects label { display:grid; gap:4px; color:var(--muted); font-size:12px; }
.gi-selects select { min-height:36px; border:1px solid var(--line); border-radius:8px; padding:6px 10px; color:var(--text); background:var(--panel-soft); }
.gi-note { color:var(--muted); font-size:13px; margin:0 0 10px; max-width:110ch; }
.gi-card { border:1px solid var(--line); border-radius:12px; background:var(--panel-soft); padding:14px; display:grid; gap:10px; margin-bottom:12px; min-width:0; }
.gi-card-head { display:flex; flex-wrap:wrap; gap:10px; justify-content:space-between; align-items:flex-start; }
.gi-card-head h4 { margin:0; font-size:15px; overflow-wrap:anywhere; }
.gi-sub { display:block; color:var(--muted); font-size:12px; margin-top:2px; overflow-wrap:anywhere; }
.gi-chips { display:flex; flex-wrap:wrap; gap:6px; }
.gi-chip { display:inline-block; font-size:12px; font-weight:700; border-radius:999px; padding:2px 9px; border:1px solid var(--line); white-space:nowrap; }
.gi-ok { color:var(--green); border-color:rgba(85,214,154,.45); }
.gi-warn { color:var(--yellow); border-color:rgba(255,207,112,.45); }
.gi-learn { color:var(--blue); border-color:rgba(84,182,255,.45); }
.gi-info { color:var(--muted); }
.gi-strip { display:grid; grid-template-columns:repeat(24,minmax(0,1fr)); gap:3px; }
.gi-hour { border-radius:6px; padding:5px 2px; text-align:center; display:grid; gap:2px; min-width:0; }
.gi-hour b { font-size:11px; color:var(--text); }
.gi-hour span { font-size:10px; color:var(--text); font-variant-numeric:tabular-nums; overflow:hidden; text-overflow:ellipsis; }
.gi-hour.gi-off { background:rgba(147,164,186,.08); }
.gi-hour.gi-off span, .gi-hour.gi-off b { color:#6f839c; }
.gi-facts { font-size:13px; color:var(--muted); }
.gi-best { margin:0; font-size:13px; color:var(--text); }
.gi-pos { color:var(--green); } .gi-neg { color:var(--red); }
.gi-scroll { overflow-x:auto; border:1px solid var(--line); border-radius:10px; }
.gi-table { border-collapse:collapse; width:100%; font-size:13px; }
.gi-table th, .gi-table td { text-align:left; padding:8px 10px; border-bottom:1px solid var(--line); vertical-align:top; }
.gi-table thead th { color:var(--muted); font-size:11px; letter-spacing:.07em; text-transform:uppercase; background:var(--panel-soft); white-space:nowrap; }
.gi-table tbody tr:last-child > * { border-bottom:0; }
.gi-table .gi-num { text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
.gi-table .gi-wide { min-width:260px; }
#google-insights details summary { cursor:pointer; color:#9bd5ff; font-size:13px; }
.gi-ad { border-top:1px solid var(--line); padding-top:10px; display:grid; gap:4px; }
.gi-list { margin:0; padding-left:18px; font-size:13px; display:grid; gap:2px; }
.gi-list li.gi-warn { color:var(--yellow); }
.gi-spark { display:grid; grid-template-columns:repeat(30,minmax(0,1fr)); gap:2px; align-items:end; height:48px; }
.gi-spark i { display:block; background:var(--blue); border-radius:2px 2px 0 0; min-height:2px; opacity:.85; }
.gi-empty { color:var(--muted); border:1px dashed var(--line); border-radius:10px; padding:16px; margin:0; }
@media (max-width:900px) { .gi-strip { grid-template-columns:repeat(12,minmax(0,1fr)); } }
@media (max-width:520px) { .gi-strip { grid-template-columns:repeat(6,minmax(0,1fr)); } #google-insights { padding:14px; } }