:root{
      --bg:#f4f6fb; --panel:#ffffff; --panel-soft:#f8fafc; --ink:#111827; --muted:#667085; --muted2:#98a2b3;
      --line:#e5eaf3; --blue:#315cff; --blue2:#eef3ff; --green:#10b981; --green2:#dcfce7; --red:#ef4444; --red2:#fee2e2;
      --orange:#f59e0b; --orange2:#fef3c7; --purple:#8b5cf6; --purple2:#f3e8ff; --gray:#cbd5e1; --dark:#0f172a;
      --shadow:0 22px 60px rgba(15,23,42,.09); --radius:26px; --radius2:18px;
    }
    *{box-sizing:border-box} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:radial-gradient(circle at top right,rgba(49,92,255,.12),transparent 30%),radial-gradient(circle at top left,rgba(16,185,129,.08),transparent 32%),var(--bg)}
    .app{min-height:100vh;display:grid;grid-template-columns:282px minmax(0,1fr)}
    .sidebar{height:100vh;position:sticky;top:0;padding:26px 18px;border-right:1px solid var(--line);background:rgba(255,255,255,.76);backdrop-filter:blur(18px);overflow:auto}
    .brand{display:flex;align-items:center;gap:12px;margin-bottom:26px}.logo{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#315cff,#7c3aed);color:white;font-weight:950;box-shadow:0 14px 34px rgba(49,92,255,.28)}
    .brand h1{font-size:15px;margin:0;letter-spacing:.02em;font-weight:650}.brand p{font-size:11px;color:var(--muted2);margin:3px 0 0;font-weight:450}.nav-title{margin:22px 12px 10px;color:var(--muted2);text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.14em}
    .nav-item{width:100%;border:0;background:transparent;display:flex;justify-content:space-between;gap:10px;padding:12px;border-radius:14px;color:#263044;font-size:14px;cursor:pointer;transition:.2s;text-align:left;font-family:inherit}.nav-item:hover{background:#eef2f7}.nav-item.active{background:var(--blue2);color:#1744ee;font-weight:850}.nav-item small{color:var(--muted2);font-weight:800}.client-card{margin-top:28px;padding:18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 8px 24px rgba(15,23,42,.05)}.client-card small{color:var(--muted2);font-weight:900;letter-spacing:.12em;text-transform:uppercase}.client-card h3{font-size:16px;margin:8px 0 6px}.client-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}
    main{padding:30px;overflow:hidden}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px}.page-title h2{font-size:16px;letter-spacing:.02em;margin:0 0 3px;font-weight:620;color:#334155}.page-title p{margin:0;color:var(--muted2);font-size:12px;font-weight:400}.filters{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.pill{border:1px solid var(--line);background:rgba(255,255,255,.74);padding:7px 11px;border-radius:999px;font-weight:650;font-size:12px;box-shadow:0 6px 18px rgba(15,23,42,.035);color:#475467}.pill.primary{background:linear-gradient(135deg,#315cff,#6371ff);color:white;border-color:transparent}.pill.warn{background:#fff7ed;color:#9a3412}.pill.good{background:#ecfdf3;color:#067647}.pill.bad{background:#fef2f2;color:#b42318}
    .hero{max-width:1060px;margin:4px auto 12px;border:1px solid rgba(228,233,242,.9);border-radius:30px;background:rgba(255,255,255,.86);box-shadow:0 24px 70px rgba(15,23,42,.085);padding:28px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-140px;top:-190px;width:340px;height:340px;border-radius:999px;background:radial-gradient(circle,rgba(49,92,255,.08),transparent 65%)}.greeting{position:relative;z-index:1}.greeting small{display:flex;justify-content:center;gap:7px;align-items:center;color:var(--muted2);font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:650}.greeting h1{margin:8px 0 6px;font-size:clamp(28px,3.6vw,46px);letter-spacing:-.06em;line-height:1.08;font-weight:330;color:#111827;text-align:center}.greeting p{margin:0;color:var(--muted);font-size:13px;font-weight:360;text-align:center}.ask-box{position:relative;z-index:1;margin:20px auto 0;max-width:880px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;padding:16px;border:1px solid rgba(226,232,240,.95);border-radius:24px;background:rgba(255,255,255,.95);box-shadow:0 22px 54px rgba(15,23,42,.105)}textarea,input,select{font-family:inherit}.ask-box textarea{width:100%;resize:none;border:0;outline:none;min-height:76px;font-size:18px;line-height:1.42;color:var(--ink);background:transparent;font-weight:370}textarea{font-family:inherit}textarea::placeholder{color:#9aa4b6}.send-btn{width:54px;height:54px;border:0;border-radius:18px;background:#111827;color:white;font-size:18px;font-weight:850;cursor:pointer;box-shadow:0 14px 34px rgba(17,24,39,.22)}
    .layer-buttons{max-width:1060px;margin:0 auto;display:flex;gap:8px;overflow-x:auto;padding:4px 2px 16px;justify-content:center}.layer-btn{flex:0 0 auto;min-width:134px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.72);padding:8px 11px;display:flex;align-items:center;gap:8px;text-align:left;cursor:pointer;box-shadow:0 8px 20px rgba(15,23,42,.035);transition:.2s}.layer-btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(15,23,42,.09)}.layer-btn.active{border-color:rgba(49,92,255,.38);outline:3px solid rgba(49,92,255,.12)}.dot{width:10px;height:10px;border-radius:999px;background:var(--gray);box-shadow:0 0 0 5px rgba(148,163,184,.12);flex:0 0 auto}.dot.red{background:var(--red);box-shadow:0 0 0 5px rgba(239,68,68,.11)}.dot.orange{background:var(--orange);box-shadow:0 0 0 5px rgba(245,158,11,.13)}.dot.green{background:var(--green);box-shadow:0 0 0 5px rgba(16,185,129,.13)}.dot.blue{background:var(--blue);box-shadow:0 0 0 5px rgba(49,92,255,.12)}.dot.purple{background:var(--purple);box-shadow:0 0 0 5px rgba(139,92,246,.13)}.layer-btn strong{display:block;font-size:12px;line-height:1.1;font-weight:720}.layer-btn span{display:block;color:var(--muted);font-size:10px;margin-top:2px;white-space:nowrap}
    .workspace{display:block;position:relative}.panel{background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-inner{padding:22px}.panel-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.panel-header small{color:var(--muted2);text-transform:uppercase;letter-spacing:.14em;font-weight:950;font-size:11px}.panel-header h3{font-size:22px;letter-spacing:-.04em;margin:5px 0 0}.subtle{color:var(--muted);font-size:13px;line-height:1.45}.map-tools{display:flex;gap:8px;flex-wrap:wrap}.map-wrap{position:relative;border-radius:22px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f8fafc);min-height:660px;overflow:hidden}.map-note{position:absolute;left:18px;top:18px;z-index:3;max-width:310px;background:rgba(255,255,255,.93);border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:0 18px 44px rgba(15,23,42,.1)}.map-note strong{display:block;margin-bottom:5px}.map-note p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.svg-box{position:absolute;inset:0;padding:42px 18px 24px 18px}.svg-box svg{width:100%;height:100%;display:block}.municipio{stroke:#fff;stroke-width:.65;cursor:pointer;transition:filter .18s, opacity .18s, stroke-width .18s}.municipio:hover{filter:brightness(.96);stroke:#111827;stroke-width:1.4}.municipio.selected{stroke:#111827;stroke-width:1.8;filter:drop-shadow(0 4px 6px rgba(15,23,42,.22))}.map-label{font-size:9px;font-weight:850;fill:#334155;pointer-events:none}.legend{position:absolute;left:18px;right:18px;bottom:16px;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:18px;padding:12px;display:flex;gap:12px;flex-wrap:wrap;justify-content:center;color:var(--muted);font-size:12px}.legend span{display:flex;align-items:center;gap:7px}.mini-dot{width:10px;height:10px;border-radius:999px;background:#ddd}.mini-dot.good{background:#22c55e}.mini-dot.mild{background:#84cc16}.mini-dot.att{background:#f59e0b}.mini-dot.bad{background:#ef4444}.mini-dot.alert{background:#8b5cf6}.mini-dot.low{background:#cbd5e1}
    .city-panel{position:fixed;top:18px;right:18px;width:min(620px,calc(100vw - 36px));max-height:calc(100vh - 36px);overflow:auto;z-index:40;transform:translateX(calc(100% + 40px));opacity:0;pointer-events:none;transition:transform .28s ease,opacity .22s ease;box-shadow:0 30px 90px rgba(15,23,42,.22)}.city-panel.open{transform:translateX(0);opacity:1;pointer-events:auto}.drawer-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.18);backdrop-filter:blur(2px);z-index:30;opacity:0;pointer-events:none;transition:.22s ease}.drawer-backdrop.open{opacity:1;pointer-events:auto}.city-actions{display:flex;gap:8px;align-items:center}.drawer-close{border:1px solid var(--line);background:#fff;border-radius:999px;width:34px;height:34px;display:grid;place-items:center;font-weight:850;color:#64748b;cursor:pointer;box-shadow:0 8px 22px rgba(15,23,42,.06)}.city-top{padding:20px 20px 0}.city-kicker{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.city-title h2{font-size:28px;letter-spacing:-.055em;margin:0}.city-title p{margin:4px 0 0;color:var(--muted);font-size:13px}.score-badge{padding:8px 12px;border-radius:999px;font-size:12px;font-weight:950;white-space:nowrap}.score-badge.good{background:var(--green2);color:#067647}.score-badge.bad{background:var(--red2);color:#b42318}.score-badge.warn{background:var(--orange2);color:#92400e}.score-badge.neutral{background:#eef2f7;color:#475467}.score-badge.purple{background:var(--purple2);color:#6d28d9}.city-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.metric{border:1px solid var(--line);border-radius:16px;padding:12px;background:#fff}.metric small{display:block;color:var(--muted2);text-transform:uppercase;letter-spacing:.11em;font-size:9px;font-weight:950}.metric strong{display:block;margin-top:4px;font-size:15px}.metric span{display:block;color:var(--muted);font-size:11px;margin-top:2px}.diagnosis{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#f8fafc,#fff);padding:15px;margin-bottom:14px}.diagnosis strong{font-size:15px}.diagnosis p{margin:7px 0 0;color:#475467;font-size:13px;line-height:1.45}.tabs{display:flex;gap:6px;overflow-x:auto;padding:0 20px 12px;border-bottom:1px solid var(--line)}.tab{border:0;background:#f1f5f9;color:#64748b;border-radius:999px;padding:8px 11px;font-weight:850;font-size:12px;cursor:pointer;white-space:nowrap}.tab.active{background:#111827;color:#fff}.tab-content{padding:18px 20px 22px}.section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}.section-title h4{margin:0;font-size:17px;letter-spacing:-.035em}.section-title p{margin:3px 0 0;color:var(--muted);font-size:12px}.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:14px}.info-card small{color:var(--muted2);font-size:10px;font-weight:950;letter-spacing:.11em;text-transform:uppercase}.info-card strong{display:block;margin-top:5px}.info-card p{margin:6px 0 0;color:var(--muted);font-size:12.5px;line-height:1.4}.week-bars{display:grid;gap:9px}.week-row{display:grid;grid-template-columns:42px 1fr 58px;gap:9px;align-items:center}.day{font-size:12px;font-weight:900;color:#475467}.stack{height:24px;border-radius:999px;overflow:hidden;display:flex;background:#eef2f7;border:1px solid #e2e8f0}.seg{height:100%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:950;color:white;text-shadow:0 1px 2px rgba(0,0,0,.15)}.seg.pos{background:#22c55e}.seg.neu{background:#94a3b8}.seg.neg{background:#ef4444}.volume{font-size:11px;color:var(--muted);font-weight:850}.comment-filter{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.filter-btn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 11px;font-weight:850;font-size:12px;cursor:pointer}.filter-btn.active{background:#111827;color:#fff;border-color:#111827}.list{display:grid;gap:10px}.list-item{border:1px solid var(--line);border-radius:18px;background:#fff;padding:14px}.list-item-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px}.tag{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:950}.tag.pos{background:var(--green2);color:#047857}.tag.neg{background:var(--red2);color:#b42318}.tag.neu{background:#eef2f7;color:#475467}.tag.warn{background:var(--orange2);color:#92400e}.tag.purple{background:var(--purple2);color:#6d28d9}.list-item p{margin:0;color:#344054;font-size:13px;line-height:1.45}.meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px;color:var(--muted);font-size:11px}.meta a{color:#315cff;text-decoration:none;font-weight:900}.rank{display:grid;gap:10px}.rank-row{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:start;border:1px solid var(--line);border-radius:16px;padding:12px;background:#fff}.rank-num{width:28px;height:28px;border-radius:10px;background:#111827;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:950}.rank-row strong{font-size:13px}.rank-row span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.source-link{border:1px solid var(--line);background:#f8fafc;border-radius:12px;padding:7px 9px;font-size:11px;font-weight:900;color:#315cff;text-decoration:none;white-space:nowrap}.sim-box{display:grid;gap:10px}.sim-box textarea{border:1px solid var(--line);border-radius:18px;background:#fff;padding:14px;min-height:120px;font-size:14px}.sim-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.select{border:1px solid var(--line);border-radius:14px;background:#fff;padding:10px;font-weight:750;color:#475467}.dark-action{border:0;background:#111827;color:#fff;border-radius:16px;padding:12px 14px;font-weight:950;cursor:pointer}.ai-answer{border:1px solid var(--line);background:linear-gradient(180deg,#f8fafc,#fff);border-radius:18px;padding:14px;color:#475467;font-size:13px;line-height:1.48}.empty-hint{padding:48px 22px;text-align:center;color:var(--muted)}

    /* v7: leitura contextual do mapa sem abrir ficha de cidade */
    .map-insight{position:absolute;right:18px;top:18px;z-index:4;width:min(360px,calc(100% - 390px));display:grid;gap:10px;pointer-events:none}.map-insight-card{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:0 18px 44px rgba(15,23,42,.095);backdrop-filter:blur(12px)}.map-insight-card h4{margin:0 0 5px;font-size:14px;letter-spacing:-.025em}.map-insight-card p{margin:0;color:#667085;font-size:12px;line-height:1.42}.mini-list{display:grid;gap:7px;margin-top:10px}.mini-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:8px 9px;border:1px solid #edf1f7;border-radius:13px;background:#fff}.mini-row strong{font-size:12px;color:#253044;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-row span{font-size:10px;font-weight:900;border-radius:999px;padding:4px 7px}.mini-row span.up{background:var(--green2);color:#067647}.mini-row span.down{background:var(--red2);color:#b42318}.mini-row span.warn{background:var(--orange2);color:#92400e}.mini-row span.purple{background:var(--purple2);color:#6d28d9}.mini-row span.neutral{background:#eef2f7;color:#475467}.map-note.layered{max-width:330px}.map-note em{display:block;margin-top:7px;font-style:normal;color:#98a2b3;font-size:11px}.map-cta{margin-top:10px;display:inline-flex;align-items:center;gap:6px;color:#315cff;font-weight:900;font-size:11px}.filter-btn{user-select:none}.map-tools .filter-btn{position:relative;z-index:8}

    .mobile-city-open{display:none}.toast{position:fixed;right:24px;bottom:24px;background:#111827;color:white;border-radius:18px;padding:14px 16px;box-shadow:0 20px 48px rgba(15,23,42,.28);font-size:13px;z-index:20;opacity:0;transform:translateY(12px);transition:.24s}.toast.show{opacity:1;transform:translateY(0)}
    @media(max-width:1220px){.app{grid-template-columns:1fr}.sidebar{display:none}.map-wrap{min-height:560px}.city-metrics{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:760px){.map-insight{position:relative;right:auto;top:auto;width:auto;margin:12px 14px 0}.map-note.layered{max-width:none} main{padding:16px}.topbar{flex-direction:column}.hero{padding:16px;border-radius:22px}.ask-box{grid-template-columns:1fr}.send-btn{width:100%}.map-wrap{min-height:520px}.map-note{position:relative;left:auto;top:auto;margin:14px;max-width:none}.svg-box{top:90px}.legend{position:relative;left:auto;right:auto;bottom:auto;margin:12px}.card-grid,.sim-controls{grid-template-columns:1fr}.week-row{grid-template-columns:34px 1fr 48px}.city-kicker{flex-direction:column}.city-metrics{grid-template-columns:1fr 1fr}.city-panel{top:10px;right:10px;width:calc(100vw - 20px);max-height:calc(100vh - 20px)}}

    /* v5: menu recolhível + chat como protagonista */
    .app{transition:grid-template-columns .24s ease;}
    .app.sidebar-collapsed{grid-template-columns:82px minmax(0,1fr)}
    .sidebar{transition:width .24s ease,padding .24s ease;}
    .brand{position:relative;min-height:48px}.brand-text{min-width:0;transition:opacity .16s ease, transform .2s ease}.sidebar-toggle{margin-left:auto;border:1px solid var(--line);background:rgba(255,255,255,.88);width:36px;height:36px;border-radius:13px;display:grid;place-items:center;cursor:pointer;font-weight:900;color:#64748b;box-shadow:0 8px 22px rgba(15,23,42,.045)}
    .app.sidebar-collapsed .sidebar{padding:22px 12px;overflow:hidden}.app.sidebar-collapsed .brand{justify-content:center;gap:0}.app.sidebar-collapsed .brand-text,.app.sidebar-collapsed .nav-title,.app.sidebar-collapsed .nav-item span,.app.sidebar-collapsed .nav-item small,.app.sidebar-collapsed .client-card{opacity:0;visibility:hidden;width:0;height:0;overflow:hidden;position:absolute;pointer-events:none}.app.sidebar-collapsed .logo{width:44px;height:44px;border-radius:15px}.app.sidebar-collapsed .sidebar-toggle{position:absolute;left:11px;top:70px;margin:0;width:42px;height:34px}.app.sidebar-collapsed .nav-item{width:46px;height:46px;justify-content:center;padding:0;margin:8px auto;border-radius:16px}.app.sidebar-collapsed .nav-item:before{content:attr(data-short);width:34px;height:34px;border-radius:14px;background:#f1f5f9;color:#64748b;display:grid;place-items:center;font-size:13px;font-weight:850;box-shadow:0 0 0 1px rgba(226,232,240,.85)}.app.sidebar-collapsed .nav-item.active:before{background:var(--blue2);color:var(--blue);box-shadow:0 0 0 1px rgba(49,92,255,.18)}
    main{padding-top:24px}.topbar{opacity:.78;margin-bottom:10px}.page-title h2{font-size:13px;text-transform:uppercase;letter-spacing:.16em;font-weight:560;color:#64748b}.page-title p{font-size:11px}.filters .pill{padding:6px 10px;font-size:11px;box-shadow:none;background:rgba(255,255,255,.58)}
    .hero{max-width:1040px;margin:0 auto 8px;padding:24px 26px 26px;border-radius:30px;background:rgba(255,255,255,.9);box-shadow:0 22px 60px rgba(15,23,42,.08)}.greeting{text-align:center}.greeting small{justify-content:center;font-size:9.5px;font-weight:650;letter-spacing:.18em}.greeting h1{margin:9px auto 8px;font-size:clamp(24px,3.6vw,42px);font-weight:330;letter-spacing:-.052em;color:#0f172a;max-width:760px}.greeting p{font-size:13px;color:#7a8699}.ask-box{margin:20px auto 0;max-width:920px;padding:15px;border-radius:26px;box-shadow:0 24px 70px rgba(15,23,42,.10);border-color:#dbe3ef;background:#fff}.ask-box textarea{min-height:84px;font-size:18px;line-height:1.42;font-weight:360}.send-btn{width:56px;height:56px;border-radius:19px;font-size:20px}
    .layer-buttons{max-width:1040px;margin:0 auto 14px;justify-content:center;padding:4px 2px 10px}.layer-btn{flex:0 0 auto;min-width:auto;border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.66);box-shadow:none}.layer-btn strong{font-size:12px;font-weight:720}.layer-btn span{display:none}.layer-btn .dot{width:8px;height:8px;box-shadow:none}.workspace{max-width:1320px;margin:0 auto}.panel{box-shadow:0 16px 46px rgba(15,23,42,.07)}.panel-inner{padding:18px}.panel-header h3{font-size:18px;font-weight:600}.panel-header small{font-size:10px}.subtle{font-size:12px}.map-wrap{min-height:650px}
    .city-panel{width:min(680px,calc(100vw - 36px));right:18px;border-radius:28px}.drawer-backdrop{background:rgba(15,23,42,.10)}
    @media(max-width:1220px){.app,.app.sidebar-collapsed{grid-template-columns:1fr}.sidebar{display:none}.hero{max-width:none}.layer-buttons{justify-content:flex-start}.map-wrap{min-height:560px}}
    @media(max-width:760px){.hero{padding:18px}.greeting h1{font-size:26px}.ask-box textarea{min-height:70px;font-size:15px}.layer-btn{padding:8px 10px}.send-btn{width:100%;height:48px}.topbar{align-items:flex-start}.filters{justify-content:flex-start}}

  
    /* v8: chat-first refinements */
    .hero{margin:14px auto 18px!important;padding:30px 28px 28px!important;max-width:1120px!important}
    .greeting h1{font-size:clamp(30px,4vw,48px)!important;font-weight:310!important}
    .ask-box{max-width:960px!important;box-shadow:0 28px 86px rgba(15,23,42,.115)!important}
    .prompt-suggestions{position:relative;z-index:1;max-width:960px;margin:12px auto 0;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
    .suggestion-chip{border:1px solid rgba(226,232,240,.9);background:rgba(255,255,255,.68);color:#667085;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:560;letter-spacing:-.01em;cursor:pointer;transition:.18s ease;backdrop-filter:blur(10px)}
    .suggestion-chip:hover{background:#fff;color:#315cff;border-color:rgba(49,92,255,.22);transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,23,42,.06)}
    .layer-buttons{padding-bottom:20px!important}
    .workspace{margin-top:34px!important}
    .panel-header{margin-bottom:22px!important}
    .map-wrap{min-height:700px!important}
    .svg-box{padding-top:70px!important}
    .map-insight{pointer-events:auto!important;transition:width .2s ease, height .2s ease, transform .2s ease, opacity .2s ease}
    .map-insight-card{position:relative;overflow:hidden}
    .insight-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
    .insight-title{display:grid;gap:3px;min-width:0}
    .insight-icon{width:34px;height:34px;border:1px solid var(--line);border-radius:13px;background:#fff;display:grid;place-items:center;font-size:16px;box-shadow:0 10px 22px rgba(15,23,42,.07);flex:0 0 auto;cursor:pointer}
    .insight-toggle{border:0;background:#111827;color:#fff;border-radius:999px;width:28px;height:28px;display:grid;place-items:center;cursor:pointer;font-size:13px;font-weight:900;box-shadow:0 10px 24px rgba(15,23,42,.18);flex:0 0 auto}
    .insight-body{margin-top:8px}
    .map-insight.is-collapsed{width:54px!important;height:54px!important;right:18px;top:18px;display:block}
    .map-insight.is-collapsed .map-insight-card{padding:9px;width:54px;height:54px;border-radius:18px;display:grid;place-items:center}
    .map-insight.is-collapsed .insight-title,.map-insight.is-collapsed .insight-body,.map-insight.is-collapsed .insight-toggle{display:none}
    .map-insight.is-collapsed .insight-icon{width:36px;height:36px;border-radius:14px;background:#111827;color:#fff;border-color:#111827;box-shadow:0 14px 30px rgba(17,24,39,.18)}
    .map-insight.is-collapsed .map-insight-card:after{content:'';position:absolute;right:8px;top:8px;width:7px;height:7px;border-radius:999px;background:#315cff;box-shadow:0 0 0 4px rgba(49,92,255,.12)}
    @media(max-width:760px){.prompt-suggestions{justify-content:flex-start}.workspace{margin-top:20px!important}.map-wrap{min-height:540px!important}.map-insight.is-collapsed{position:absolute;right:14px;top:14px}}


    /* v10: chat-first landing + footer layer controls */
    body{min-height:100vh;overflow-x:hidden}
    main{min-height:100vh!important;padding:24px 34px 132px!important;position:relative!important;overflow:visible!important}
    .topbar{position:relative;z-index:2;opacity:.78;margin-bottom:0!important}
    .page-title h2{font-size:13px!important;font-weight:480!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#64748b!important}
    .page-title p{font-size:11px!important;color:#a0a9b8!important}
    .filters{opacity:.72}
    .filters .pill{font-size:11px!important;padding:6px 10px!important;background:rgba(255,255,255,.54)!important}
    .hero{margin:16vh auto 0!important;max-width:1050px!important;padding:18px 22px 10px!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important;overflow:visible!important}
    .hero:after{display:none!important}
    .greeting small{font-size:10px!important;font-weight:430!important;color:#98a2b3!important;letter-spacing:.22em!important}
    .greeting h1{font-size:clamp(29px,4.1vw,50px)!important;font-weight:285!important;line-height:1.03!important;color:#0f172a!important;margin:10px auto 9px!important;max-width:840px!important}
    .greeting p{font-size:13px!important;color:#7a8699!important;font-weight:330!important}
    .ask-box{margin:24px auto 0!important;max-width:900px!important;padding:18px!important;border-radius:30px!important;background:rgba(255,255,255,.96)!important;border:1px solid rgba(218,226,238,.95)!important;box-shadow:0 32px 100px rgba(15,23,42,.13)!important}
    .ask-box textarea{min-height:96px!important;font-size:18px!important;font-weight:340!important}
    .send-btn{width:58px!important;height:58px!important;border-radius:20px!important;background:#0f172a!important}
    .prompt-suggestions{margin-top:14px!important;max-width:920px!important;gap:7px!important}
    .suggestion-chip{font-size:11px!important;font-weight:430!important;color:#758195!important;background:rgba(255,255,255,.46)!important;border-color:rgba(226,232,240,.75)!important;padding:7px 10px!important;box-shadow:none!important}
    .suggestion-chip:hover{background:#fff!important;color:#315cff!important}
    .layer-buttons{position:fixed!important;left:50%!important;bottom:18px!important;transform:translateX(-50%)!important;width:min(1040px,calc(100vw - 116px))!important;max-width:none!important;margin:0!important;padding:10px!important;display:flex!important;justify-content:center!important;gap:8px!important;z-index:26!important;background:rgba(255,255,255,.76)!important;border:1px solid rgba(226,232,240,.9)!important;border-radius:999px!important;box-shadow:0 20px 65px rgba(15,23,42,.13)!important;backdrop-filter:blur(18px)!important;overflow-x:auto!important}
    .layer-btn{min-width:auto!important;padding:8px 12px!important;border-radius:999px!important;background:rgba(255,255,255,.48)!important;box-shadow:none!important;white-space:nowrap!important}
    .layer-btn strong{font-size:12px!important;font-weight:580!important;color:#344054!important}
    .layer-btn.active{background:#fff!important;border-color:rgba(49,92,255,.28)!important;outline:3px solid rgba(49,92,255,.10)!important}
    .workspace{max-width:1320px!important;margin:96px auto 0!important;max-height:0!important;opacity:0!important;transform:translateY(28px)!important;pointer-events:none!important;overflow:hidden!important;transition:max-height .55s ease, opacity .28s ease, transform .38s ease, margin-top .38s ease!important}
    .workspace.map-open{max-height:1600px!important;opacity:1!important;transform:translateY(0)!important;pointer-events:auto!important;overflow:visible!important;margin-top:118px!important}
    body.map-open .hero{margin-top:11vh!important}
    body.map-open .workspace .panel{animation:mapDrop .34s ease both}
    @keyframes mapDrop{from{transform:translateY(18px);opacity:.55}to{transform:translateY(0);opacity:1}}
    .panel{background:rgba(255,255,255,.82)!important;border-color:rgba(226,232,240,.86)!important}
    .panel-header{padding:2px 4px 4px!important}
    .map-wrap{min-height:680px!important;background:linear-gradient(180deg,#fff,#f9fbff)!important}
    @media(max-width:1220px){.layer-buttons{width:calc(100vw - 28px)!important;bottom:14px!important}.hero{margin-top:12vh!important}body.map-open .hero{margin-top:7vh!important}.workspace.map-open{margin-top:78px!important}}
    @media(max-width:760px){main{padding:18px 16px 122px!important}.topbar{display:none!important}.hero{margin-top:10vh!important;padding:14px 0 0!important}.ask-box{grid-template-columns:1fr!important}.send-btn{width:100%!important}.layer-buttons{border-radius:24px!important;justify-content:flex-start!important;padding:8px!important}.layer-btn strong{font-size:11px!important}.workspace.map-open{margin-top:56px!important}.map-wrap{min-height:540px!important}}

    /* v11: footer controls in document flow + map drawer below controls */
    main{padding-bottom:44px!important}
    .layer-buttons{position:relative!important;left:auto!important;bottom:auto!important;transform:none!important;margin:clamp(70px,13vh,150px) auto 0!important;width:min(1040px,calc(100vw - 116px))!important;z-index:8!important}
    .workspace{margin:14px auto 0!important;max-height:0!important;opacity:0!important;transform:translateY(-10px)!important;pointer-events:none!important;overflow:hidden!important;transition:max-height .55s ease, opacity .28s ease, transform .38s ease, margin-top .38s ease!important}
    .workspace.map-open{margin-top:18px!important;max-height:1700px!important;opacity:1!important;transform:translateY(0)!important;pointer-events:auto!important;overflow:visible!important}
    body.map-open .hero{margin-top:12vh!important}
    .map-close{border:1px solid rgba(226,232,240,.95);background:rgba(255,255,255,.82);color:#64748b;width:36px;height:36px;border-radius:999px;display:grid;place-items:center;font-size:18px;line-height:1;cursor:pointer;box-shadow:0 10px 28px rgba(15,23,42,.07);transition:.2s ease}
    .map-close:hover{background:#fff;color:#0f172a;transform:translateY(-1px)}
    .map-actions{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;justify-content:flex-end}
    @media(max-width:1220px){.layer-buttons{width:calc(100vw - 28px)!important;margin-top:clamp(48px,10vh,110px)!important}.workspace.map-open{margin-top:14px!important}}
    @media(max-width:760px){main{padding-bottom:36px!important}.layer-buttons{margin-top:40px!important;width:calc(100vw - 32px)!important}.workspace.map-open{margin-top:12px!important}.map-actions{width:100%;justify-content:space-between}.map-close{width:34px;height:34px}}


    /* v12: city drawer opens directly on resumo + first-card change explanation */
    .change-primer{border:1px solid rgba(49,92,255,.18);background:linear-gradient(180deg,rgba(238,243,255,.98),rgba(255,255,255,.98));border-radius:20px;padding:16px;margin:0 0 14px;box-shadow:0 14px 36px rgba(49,92,255,.075)}
    .change-primer .primer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
    .change-primer small{display:block;color:#64748b;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:900;margin-bottom:4px}
    .change-primer h4{margin:0;font-size:17px;letter-spacing:-.035em;color:#0f172a}
    .change-primer p{margin:0;color:#475467;font-size:13px;line-height:1.48}
    .change-delta{border-radius:999px;padding:7px 10px;font-size:12px;font-weight:950;white-space:nowrap}
    .change-delta.up{background:#dcfce7;color:#047857}.change-delta.down{background:#fee2e2;color:#b42318}.change-delta.flat{background:#eef2f7;color:#475467}
    .change-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
    .change-point{background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:16px;padding:11px}
    .change-point strong{display:block;font-size:12.5px;color:#111827;margin-bottom:3px}.change-point span{display:block;font-size:11.5px;color:#667085;line-height:1.35}
    @media(max-width:760px){.change-points{grid-template-columns:1fr}}



    /* v13: três camadas e gaveta lateral orientada pelo botão ativo */
    .layer-buttons{gap:10px!important}
    .layer-btn{padding:10px 15px!important;min-height:44px!important}
    .layer-btn strong{font-size:13px!important;font-weight:780!important;letter-spacing:-.02em}
    .drawer-mode-kicker{display:inline-flex;align-items:center;gap:8px;color:#64748b;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:950;margin-bottom:8px}
    .quick-switch{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 16px}.quick-switch .filter-btn{padding:8px 11px}
    .drawer-section{border:1px solid var(--line);border-radius:18px;background:#fff;margin-bottom:10px;overflow:hidden;box-shadow:0 8px 22px rgba(15,23,42,.045)}
    .drawer-section summary{cursor:pointer;list-style:none;padding:15px 16px;font-weight:900;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#111827}
    .drawer-section summary::-webkit-details-marker{display:none}.drawer-section summary span{font-size:12px;color:#667085;font-weight:780;text-transform:uppercase;letter-spacing:.08em}.drawer-section summary:after{content:'+';width:24px;height:24px;border-radius:999px;background:#f1f5f9;display:grid;place-items:center;color:#334155;font-weight:950}.drawer-section[open] summary:after{content:'−'}
    .drawer-section .section-body{padding:0 16px 16px;color:#475467;font-size:13px;line-height:1.55}.section-body p{margin:0 0 10px}.section-body .evidence{border-left:3px solid #e2e8f0;padding-left:10px;margin-top:10px;color:#667085}.comment-mode-title{margin:0 0 6px;font-size:18px;letter-spacing:-.035em}.source-pill{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:4px 8px;background:#f8fafc;font-size:11px;color:#475467;font-weight:760}

  

    /* hotfix: gaveta lateral v13 */
    .city-panel.open{transform:translateX(0)!important;opacity:1!important;pointer-events:auto!important}
    .drawer-body{padding:16px 20px 22px;display:grid;gap:14px}
    .drawer-body .diagnosis,.drawer-body .city-metrics,.drawer-body .card-grid,.drawer-body .week-bars{margin-left:0;margin-right:0}
    .drawer-body .diagnosis{margin-bottom:0}
    .drawer-body .section-title{margin-bottom:0}
    .drawer-comments-list{display:grid;gap:10px}
    @media(max-width:760px){.drawer-body{padding:14px 14px 18px}.city-panel.open{transform:translateX(0)!important}}


    /* hotfix v14: painel direito do mapa legível, sem coluna espremida */
    .map-wrap{position:relative!important;overflow:hidden!important}
    .map-insight{
      position:absolute!important;
      top:18px!important;
      right:18px!important;
      z-index:12!important;
      width:320px!important;
      max-width:calc(100% - 390px)!important;
      min-width:280px!important;
      display:block!important;
      pointer-events:auto!important;
    }
    .map-insight .insight-content{
      display:block!important;
      width:100%!important;
      background:rgba(255,255,255,.95)!important;
      border:1px solid var(--line)!important;
      border-radius:18px!important;
      padding:14px!important;
      box-shadow:0 18px 44px rgba(15,23,42,.095)!important;
      backdrop-filter:blur(12px)!important;
      overflow:hidden!important;
    }
    .map-insight > .insight-toggle{
      display:none!important;
      width:44px!important;
      height:44px!important;
      border:0!important;
      border-radius:16px!important;
      background:#111827!important;
      color:#fff!important;
      font-weight:950!important;
      cursor:pointer!important;
      box-shadow:0 14px 30px rgba(17,24,39,.18)!important;
    }
    .map-insight .insight-head{
      display:flex!important;
      align-items:flex-start!important;
      justify-content:space-between!important;
      gap:12px!important;
      margin-bottom:8px!important;
    }
    .map-insight .insight-head small{
      color:#98a2b3!important;
      text-transform:uppercase!important;
      letter-spacing:.13em!important;
      font-size:10px!important;
      font-weight:950!important;
    }
    .map-insight .insight-head button{
      flex:0 0 auto!important;
      border:1px solid var(--line)!important;
      background:#fff!important;
      color:#64748b!important;
      width:28px!important;
      height:28px!important;
      border-radius:999px!important;
      display:grid!important;
      place-items:center!important;
      cursor:pointer!important;
      font-weight:900!important;
      line-height:1!important;
    }
    .map-insight h4{margin:6px 0 7px!important;font-size:16px!important;line-height:1.1!important;letter-spacing:-.035em!important;color:#0f172a!important}
    .map-insight p{margin:0!important;color:#475467!important;font-size:12.5px!important;line-height:1.42!important}
    .insight-list{display:grid!important;gap:7px!important;margin-top:12px!important}
    .insight-list button{
      width:100%!important;
      border:1px solid #edf1f7!important;
      border-radius:13px!important;
      background:#fff!important;
      padding:8px 9px!important;
      display:grid!important;
      grid-template-columns:minmax(0,1fr) auto!important;
      gap:8px!important;
      align-items:center!important;
      text-align:left!important;
      cursor:pointer!important;
      font-family:inherit!important;
    }
    .insight-list button strong{font-size:12px!important;color:#253044!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
    .insight-list .delta{font-size:10px!important;font-weight:900!important;border-radius:999px!important;padding:4px 7px!important;white-space:nowrap!important}
    .insight-list .delta.up{background:var(--green2)!important;color:#067647!important}
    .insight-list .delta.down{background:var(--red2)!important;color:#b42318!important}
    .insight-list .delta.warn{background:var(--orange2)!important;color:#92400e!important}
    .map-insight.is-collapsed{
      width:54px!important;
      min-width:54px!important;
      max-width:54px!important;
      height:54px!important;
      overflow:visible!important;
    }
    .map-insight.is-collapsed .insight-content{display:none!important}
    .map-insight.is-collapsed > .insight-toggle{display:grid!important}
    @media(max-width:980px){
      .map-insight{position:relative!important;top:auto!important;right:auto!important;width:auto!important;max-width:none!important;min-width:0!important;margin:12px 14px 0!important}
      .map-insight.is-collapsed{position:absolute!important;top:14px!important;right:14px!important;margin:0!important}
    }

  

    .view-screen{display:none}
    .view-screen.active{display:block}


    /* v16 premium tech skin: central de inteligência, movimentos sutis e azul controlado */
    :root{
      --bg:#f7f9fd;
      --panel:#ffffff;
      --panel-soft:#f8fbff;
      --ink:#081120;
      --muted:#5e6b7f;
      --muted2:#8a97ab;
      --line:rgba(139,156,184,.24);
      --blue:#2563eb;
      --blue2:#eaf1ff;
      --blue3:#38bdf8;
      --deep-blue:#0b1f4d;
      --green:#16a34a;
      --green2:#e8f8ef;
      --red:#dc2626;
      --red2:#fff0f1;
      --orange:#d97706;
      --orange2:#fff6df;
      --purple:#4f46e5;
      --purple2:#eef2ff;
      --gray:#cbd5e1;
      --dark:#071225;
      --shadow:0 22px 70px rgba(8,17,32,.075);
    }

    html{background:#f7f9fd}
    body{
      background:
        radial-gradient(circle at 86% 9%,rgba(37,99,235,.135),transparent 28%),
        radial-gradient(circle at 16% 12%,rgba(56,189,248,.075),transparent 26%),
        linear-gradient(135deg,#f9fbff 0%,#f3f7ff 38%,#f8fafc 100%)!important;
      color:var(--ink)!important;
      position:relative;
      isolation:isolate;
    }
    body::before{
      content:"";
      position:fixed;
      inset:0;
      pointer-events:none;
      z-index:0;
      background-image:
        linear-gradient(rgba(37,99,235,.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(37,99,235,.04) 1px,transparent 1px);
      background-size:44px 44px;
      mask-image:radial-gradient(circle at 50% 20%,black 0%,transparent 72%);
      opacity:.66;
      animation:radarGridDrift 22s linear infinite;
    }
    body::after{
      content:"";
      position:fixed;
      inset:-20%;
      pointer-events:none;
      z-index:0;
      background:
        conic-gradient(from 140deg at 50% 30%,transparent 0 72%,rgba(37,99,235,.075) 78%,transparent 84% 100%);
      opacity:.42;
      filter:blur(20px);
      animation:radarSweep 15s linear infinite;
    }
    .app{position:relative;z-index:1}
    main{padding-bottom:72px!important}

    .sidebar{
      background:rgba(255,255,255,.68)!important;
      border-right:1px solid rgba(139,156,184,.22)!important;
      box-shadow:inset -1px 0 0 rgba(255,255,255,.6)!important;
    }
    .logo{
      background:linear-gradient(145deg,#0b1f4d 0%,#2563eb 48%,#7dd3fc 100%)!important;
      box-shadow:0 18px 48px rgba(37,99,235,.28), inset 0 1px 0 rgba(255,255,255,.38)!important;
      position:relative;
      overflow:hidden;
    }
    .logo::after{
      content:"";
      position:absolute;
      inset:-40%;
      background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);
      transform:translateX(-120%) rotate(18deg);
      animation:logoSheen 5.8s ease-in-out infinite;
    }

    .topbar{opacity:.88!important}
    .page-title h2{
      color:#536177!important;
      letter-spacing:.17em!important;
      font-weight:560!important;
    }
    .page-title p{color:#95a1b4!important}
    .filters .pill{
      background:rgba(255,255,255,.56)!important;
      border-color:rgba(139,156,184,.22)!important;
      color:#64748b!important;
      backdrop-filter:blur(14px)!important;
    }
    .pill.primary{
      background:linear-gradient(135deg,#102a66,#2563eb)!important;
      color:#fff!important;
      box-shadow:0 12px 34px rgba(37,99,235,.18)!important;
    }

    .hero{
      max-width:1060px!important;
      margin-top:14vh!important;
      padding:12px 22px 8px!important;
      position:relative!important;
    }
    .hero::before{
      content:"";
      position:absolute;
      left:50%;
      top:50%;
      width:min(820px,90vw);
      height:250px;
      transform:translate(-50%,-44%);
      background:
        radial-gradient(ellipse at center,rgba(37,99,235,.13),rgba(56,189,248,.055) 38%,transparent 70%);
      filter:blur(16px);
      opacity:.88;
      pointer-events:none;
    }
    .hero::after{
      display:block!important;
      content:""!important;
      position:absolute!important;
      left:50%!important;
      top:16px!important;
      width:min(780px,78vw)!important;
      height:1px!important;
      border-radius:999px!important;
      transform:translateX(-50%)!important;
      background:linear-gradient(90deg,transparent,rgba(37,99,235,.28),rgba(56,189,248,.35),transparent)!important;
      opacity:.68!important;
      animation:topSignal 7s ease-in-out infinite!important;
    }
    .greeting{position:relative;z-index:2!important}
    .greeting small{
      color:#8290a4!important;
      font-weight:560!important;
      letter-spacing:.24em!important;
    }
    .greeting small .dot{animation:signalPulse 2.8s ease-in-out infinite!important}
    .greeting h1{
      color:#081120!important;
      font-size:clamp(34px,4.55vw,58px)!important;
      letter-spacing:-.075em!important;
      font-weight:260!important;
      line-height:.98!important;
      text-wrap:balance;
    }
    .greeting p{
      color:#68758a!important;
      font-size:13px!important;
      letter-spacing:-.01em!important;
    }

    .ask-box{
      overflow:hidden!important;
      background:rgba(255,255,255,.86)!important;
      border:1px solid rgba(148,163,184,.24)!important;
      box-shadow:0 34px 90px rgba(8,17,32,.13), inset 0 1px 0 rgba(255,255,255,.86)!important;
      backdrop-filter:blur(20px)!important;
      isolation:isolate;
    }
    .ask-box::before{
      content:"";
      position:absolute;
      inset:0;
      border-radius:inherit;
      padding:1px;
      background:linear-gradient(100deg,transparent 0%,rgba(37,99,235,.18) 24%,rgba(56,189,248,.34) 46%,rgba(37,99,235,.16) 58%,transparent 78%);
      -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
      -webkit-mask-composite:xor;
      mask-composite:exclude;
      pointer-events:none;
      opacity:.95;
      animation:scanBorder 6.4s linear infinite;
      z-index:0;
    }
    .ask-box::after{
      content:"";
      position:absolute;
      left:22px;
      right:88px;
      bottom:0;
      height:1px;
      background:linear-gradient(90deg,transparent,rgba(37,99,235,.42),rgba(56,189,248,.5),transparent);
      opacity:.65;
      animation:bottomScan 4.8s ease-in-out infinite;
      pointer-events:none;
    }
    .ask-box textarea,.ask-box button{position:relative;z-index:1}
    .ask-box textarea{color:#0b1220!important;letter-spacing:-.025em!important}
    textarea::placeholder{color:#8c99ad!important}
    .send-btn{
      background:linear-gradient(145deg,#071225,#102a66 72%,#2563eb)!important;
      box-shadow:0 18px 42px rgba(15,35,90,.25), inset 0 1px 0 rgba(255,255,255,.18)!important;
      transition:transform .22s ease, box-shadow .22s ease!important;
    }
    .send-btn:hover{transform:translateY(-2px);box-shadow:0 22px 54px rgba(37,99,235,.26)!important}

    .tech-readout{
      max-width:900px;
      margin:11px auto 0;
      display:flex;
      justify-content:center;
      flex-wrap:wrap;
      gap:8px;
      position:relative;
      z-index:2;
    }
    .tech-readout span{
      display:inline-flex;
      align-items:center;
      gap:7px;
      color:#66758b;
      border:1px solid rgba(148,163,184,.18);
      background:rgba(255,255,255,.42);
      padding:6px 9px;
      border-radius:999px;
      font-size:10px;
      font-weight:620;
      backdrop-filter:blur(12px);
    }
    .tech-readout span::before{
      content:"";
      width:6px;
      height:6px;
      border-radius:999px;
      background:#38bdf8;
      box-shadow:0 0 0 4px rgba(56,189,248,.1);
    }

    .prompt-suggestions{position:relative;z-index:2!important}
    .suggestion-chip{
      background:rgba(255,255,255,.48)!important;
      border-color:rgba(148,163,184,.21)!important;
      color:#6b778c!important;
      transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease!important;
    }
    .suggestion-chip:hover{
      color:#1d4ed8!important;
      border-color:rgba(37,99,235,.26)!important;
      box-shadow:0 14px 32px rgba(37,99,235,.08)!important;
    }

    .intel-strip{
      max-width:940px;
      margin:22px auto 0;
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:10px;
      position:relative;
      z-index:4;
    }
    .intel-card{
      position:relative;
      overflow:hidden;
      border:1px solid rgba(148,163,184,.2);
      background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(248,251,255,.62));
      border-radius:20px;
      padding:14px 15px;
      box-shadow:0 16px 45px rgba(8,17,32,.055), inset 0 1px 0 rgba(255,255,255,.72);
      backdrop-filter:blur(16px);
      animation:cardIn .42s ease both;
    }
    .intel-card:nth-child(2){animation-delay:.06s}
    .intel-card:nth-child(3){animation-delay:.12s}
    .intel-card::before{
      content:"";
      position:absolute;
      inset:auto 0 0 0;
      height:2px;
      background:linear-gradient(90deg,rgba(37,99,235,.05),rgba(56,189,248,.5),rgba(37,99,235,.05));
      opacity:.58;
    }
    .intel-card small{
      display:block;
      color:#8090a7;
      text-transform:uppercase;
      letter-spacing:.14em;
      font-size:9px;
      font-weight:800;
      margin-bottom:7px;
    }
    .intel-card strong{
      display:block;
      color:#0b1220;
      font-size:13px;
      letter-spacing:-.025em;
      margin-bottom:5px;
    }
    .intel-card span{
      display:block;
      color:#64748b;
      font-size:11.5px;
      line-height:1.38;
    }

    .layer-buttons{
      margin:38px auto 0!important;
      background:rgba(255,255,255,.56)!important;
      border-color:rgba(148,163,184,.22)!important;
      box-shadow:0 22px 64px rgba(8,17,32,.09), inset 0 1px 0 rgba(255,255,255,.72)!important;
      backdrop-filter:blur(20px)!important;
    }
    .layer-btn{
      background:rgba(255,255,255,.42)!important;
      border-color:rgba(148,163,184,.18)!important;
      transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease!important;
    }
    .layer-btn:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(37,99,235,.08)!important}
    .layer-btn.active{
      background:rgba(255,255,255,.92)!important;
      border-color:rgba(37,99,235,.34)!important;
      box-shadow:inset 0 0 0 1px rgba(37,99,235,.1),0 10px 28px rgba(37,99,235,.08)!important;
      outline:3px solid rgba(37,99,235,.08)!important;
    }
    .layer-btn strong{color:#1f2937!important;font-weight:760!important}
    .dot.blue,.dot.orange,.dot.red,.dot.green{box-shadow:0 0 0 4px rgba(37,99,235,.09)!important}
    .dot.orange{background:#d8970e!important}
    .dot.red{background:#dc2626!important}
    .dot.green{background:#16a34a!important}
    .dot.blue{background:#2563eb!important}

    .workspace.map-open{margin-top:20px!important}
    .panel{
      background:rgba(255,255,255,.76)!important;
      border-color:rgba(148,163,184,.2)!important;
      box-shadow:0 24px 76px rgba(8,17,32,.08), inset 0 1px 0 rgba(255,255,255,.85)!important;
      backdrop-filter:blur(18px)!important;
    }
    .panel-header h3,.command-panel-head .left h3{color:#0b1220!important;font-weight:690!important;letter-spacing:-.055em!important}
    .panel-header small,.command-panel-head small{color:#8290a7!important;letter-spacing:.18em!important}
    .subtle{color:#66758b!important}

    .map-wrap,.command-map-wrap{
      background:
        radial-gradient(circle at 50% 35%,rgba(37,99,235,.055),transparent 35%),
        linear-gradient(180deg,rgba(255,255,255,.94),rgba(246,250,255,.98))!important;
      border-color:rgba(148,163,184,.22)!important;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
    }
    .map-wrap::before,.command-map-wrap::after{
      content:"";
      position:absolute;
      inset:0;
      background-image:
        linear-gradient(rgba(37,99,235,.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(37,99,235,.035) 1px,transparent 1px);
      background-size:38px 38px;
      opacity:.45;
      mask-image:radial-gradient(circle at 50% 50%,black,transparent 72%);
      pointer-events:none;
      z-index:0;
    }
    .svg-box,.command-svg-box{z-index:1}
    .municipio{
      stroke:rgba(255,255,255,.86)!important;
      stroke-width:.9!important;
      vector-effect:non-scaling-stroke;
      transition:filter .2s ease,stroke .2s ease,stroke-width .2s ease,opacity .2s ease!important;
    }
    .municipio:hover{
      filter:drop-shadow(0 10px 18px rgba(8,17,32,.13)) saturate(1.04)!important;
      stroke:#0b1220!important;
      stroke-width:1.6!important;
    }
    .municipio.selected{
      stroke:#2563eb!important;
      stroke-width:2.35!important;
      filter:drop-shadow(0 0 0 rgba(37,99,235,0)) drop-shadow(0 12px 24px rgba(37,99,235,.22))!important;
    }
    .map-note,.map-insight .insight-content,.command-note{
      background:rgba(255,255,255,.76)!important;
      border-color:rgba(148,163,184,.22)!important;
      box-shadow:0 22px 62px rgba(8,17,32,.09), inset 0 1px 0 rgba(255,255,255,.82)!important;
      backdrop-filter:blur(18px)!important;
    }
    .map-note strong,.map-insight h4,.command-note strong{color:#0b1220!important;letter-spacing:-.035em!important}
    .map-note p,.map-insight p,.command-note p{color:#5e6b7f!important}
    .insight-list button,.mini-row{
      background:rgba(255,255,255,.72)!important;
      border-color:rgba(148,163,184,.18)!important;
      transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
    }
    .insight-list button:hover{transform:translateX(-2px);border-color:rgba(37,99,235,.26)!important;box-shadow:0 12px 28px rgba(37,99,235,.07)!important}
    .legend,.command-legend{
      background:rgba(255,255,255,.66)!important;
      border-color:rgba(148,163,184,.2)!important;
      backdrop-filter:blur(18px)!important;
      box-shadow:0 16px 42px rgba(8,17,32,.06)!important;
    }
    .mini-dot.good{background:#16a34a!important}.mini-dot.mild{background:#7ccf3c!important}.mini-dot.att{background:#d8970e!important}.mini-dot.bad{background:#dc2626!important}.mini-dot.low{background:#cbd5e1!important}

    .city-panel{
      background:rgba(255,255,255,.78)!important;
      border:1px solid rgba(148,163,184,.22)!important;
      backdrop-filter:blur(24px)!important;
      box-shadow:0 34px 110px rgba(8,17,32,.22), inset 0 1px 0 rgba(255,255,255,.82)!important;
    }
    .drawer-backdrop.open{background:rgba(8,17,32,.14)!important;backdrop-filter:blur(8px)!important}
    .city-title h2{font-size:30px!important;color:#081120!important;letter-spacing:-.07em!important}
    .drawer-mode-kicker{color:#718096!important;letter-spacing:.17em!important}
    .score-badge{
      box-shadow:inset 0 1px 0 rgba(255,255,255,.78)!important;
      border:1px solid rgba(255,255,255,.4)!important;
    }
    .metric,.diagnosis,.info-card,.drawer-section,.list-item,.timeline-row,.command-kpi{
      background:rgba(255,255,255,.72)!important;
      border-color:rgba(148,163,184,.19)!important;
      box-shadow:0 12px 30px rgba(8,17,32,.045), inset 0 1px 0 rgba(255,255,255,.78)!important;
      backdrop-filter:blur(14px)!important;
    }
    .change-primer{
      background:linear-gradient(180deg,rgba(235,243,255,.94),rgba(255,255,255,.72))!important;
      border-color:rgba(37,99,235,.18)!important;
      box-shadow:0 18px 45px rgba(37,99,235,.07)!important;
    }
    .drawer-section summary:after{background:#eef4ff!important;color:#2563eb!important}
    .filter-btn.active,.tab.active{
      background:linear-gradient(145deg,#071225,#102a66)!important;
      border-color:transparent!important;
      color:#fff!important;
      box-shadow:0 12px 28px rgba(16,42,102,.16)!important;
    }
    .source-link,.meta a{color:#1d4ed8!important}
    .command-kpi strong{color:#0b1220!important}
    .command-map-wrap::before{
      background:radial-gradient(circle at 18% 12%,rgba(37,99,235,.07),transparent 24%),radial-gradient(circle at 84% 24%,rgba(56,189,248,.08),transparent 26%),radial-gradient(circle at 70% 78%,rgba(37,99,235,.04),transparent 22%)!important;
    }
    .command-person-dot{filter:drop-shadow(0 5px 14px rgba(37,99,235,.18))!important}
    .command-route-line{stroke:#2563eb!important;opacity:.38!important;animation:dashMove 12s linear infinite}

    @keyframes radarGridDrift{from{background-position:0 0,0 0}to{background-position:44px 44px,44px 44px}}
    @keyframes radarSweep{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
    @keyframes logoSheen{0%,58%,100%{transform:translateX(-120%) rotate(18deg)}74%{transform:translateX(120%) rotate(18deg)}}
    @keyframes topSignal{0%,100%{opacity:.38;transform:translateX(-50%) scaleX(.72)}50%{opacity:.9;transform:translateX(-50%) scaleX(1)}}
    @keyframes signalPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 4px rgba(22,163,74,.12)}50%{transform:scale(1.18);box-shadow:0 0 0 8px rgba(37,99,235,.09)}}
    @keyframes scanBorder{from{filter:hue-rotate(0deg);background-position:-220px 0}to{filter:hue-rotate(12deg);background-position:220px 0}}
    @keyframes bottomScan{0%,100%{opacity:.3;transform:scaleX(.28)}50%{opacity:.85;transform:scaleX(1)}}
    @keyframes cardIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
    @keyframes dashMove{to{stroke-dashoffset:-120}}

    @media(max-width:980px){
      .intel-strip{grid-template-columns:1fr;margin-left:18px;margin-right:18px}
      .hero{margin-top:9vh!important}
      .layer-buttons{margin-top:28px!important;width:calc(100vw - 32px)!important}
    }
    @media(max-width:760px){
      body::before,body::after{opacity:.32}
      main{padding:18px 16px 42px!important}
      .hero{margin-top:8vh!important}
      .greeting h1{font-size:34px!important;line-height:1.02!important}
      .ask-box::after{right:22px}
      .tech-readout{justify-content:flex-start}
      .intel-card{padding:13px}
      .layer-buttons{border-radius:24px!important;margin-top:24px!important}
    }
    @media(prefers-reduced-motion:reduce){
      *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
    }

  /* v16: Fontes view — listagem filtrável de portais e perfis */
    .fontes-controls{max-width:1200px;margin:14px auto 0;padding:16px 18px;background:rgba(255,255,255,.94);border:1px solid rgba(218,226,238,.9);border-radius:24px;box-shadow:0 14px 36px rgba(15,23,42,.06)}
    .fontes-filter-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
    .fontes-filter-row:last-child{margin-bottom:0}
    .fontes-filter-row strong{font-size:11px;color:#475467;text-transform:uppercase;letter-spacing:.12em;font-weight:900;margin-right:6px;flex:0 0 auto}
    .fontes-filter-row .filter-btn{padding:7px 12px}
    .fontes-filter-row .select{padding:8px 12px;font-size:13px;font-weight:600;color:#334155;min-width:200px}
    .fontes-filter-row input.select{flex:1;min-width:200px;max-width:340px}
    .fontes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;margin-top:18px}
    .fonte-card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:14px;display:flex;flex-direction:column;gap:9px;transition:.2s ease}
    .fonte-card:hover{border-color:rgba(49,92,255,.32);box-shadow:0 16px 36px rgba(49,92,255,.09);transform:translateY(-2px)}
    .fonte-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
    .fonte-card-head strong{font-size:14px;color:#0f172a;line-height:1.28;letter-spacing:-.01em}
    .fonte-card-tags{display:flex;flex-direction:column;gap:4px;align-items:flex-end;flex:0 0 auto}
    .fonte-card-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:11.5px;color:#667085;line-height:1.4}
    .fonte-card-meta .sep{color:#cbd5e1}
    .fonte-tag{display:inline-flex;align-items:center;border-radius:999px;padding:3px 9px;font-size:9.5px;font-weight:950;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
    .fonte-tag.site{background:#dcfce7;color:#047857}
    .fonte-tag.instagram{background:#fce7f3;color:#be185d}
    .fonte-tag.tv{background:#fef3c7;color:#92400e}
    .fonte-tag.radio{background:#e0e7ff;color:#3730a3}
    .fonte-tag.youtube{background:#fee2e2;color:#b91c1c}
    .fonte-link{font-size:11.5px;color:#315cff;text-decoration:none;font-weight:850;word-break:break-all;line-height:1.35}
    .fonte-link:hover{text-decoration:underline}
    .fonte-followers{font-weight:900;color:#0f172a}
    .fonte-empty{padding:48px 20px;text-align:center;color:var(--muted);font-size:13.5px;border:1px dashed var(--line);border-radius:18px;margin-top:18px;background:#fafbfd}
    .fontes-summary-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:rgba(49,92,255,.08);color:#1744ee;font-size:12px;font-weight:850;letter-spacing:.02em}
    @media(max-width:760px){
      .fontes-controls{padding:14px}
      .fontes-filter-row .select,.fontes-filter-row input.select{min-width:0;width:100%}
      .fontes-grid{grid-template-columns:1fr}
      .fonte-card-tags{flex-direction:row;align-items:center}
    }


    /* v17: drawer de detalhe de fonte com comentarios */
    .fonte-drawer{position:fixed;top:18px;right:18px;width:min(560px,calc(100vw - 36px));max-height:calc(100vh - 36px);overflow:auto;z-index:50;transform:translateX(calc(100% + 60px));opacity:0;pointer-events:none;transition:transform .3s ease,opacity .22s ease;background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:0 32px 90px rgba(15,23,42,.22)}
    .fonte-drawer.open{transform:translateX(0);opacity:1;pointer-events:auto}
    .fonte-drawer-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.18);backdrop-filter:blur(2px);z-index:45;opacity:0;pointer-events:none;transition:.22s ease}
    .fonte-drawer-backdrop.open{opacity:1;pointer-events:auto}
    .fonte-drawer-head{padding:22px 22px 0;display:flex;flex-direction:column;gap:10px}
    .fonte-drawer-head .top-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
    .fonte-drawer-head small{color:#98a2b3;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:950}
    .fonte-drawer-head h2{margin:4px 0 0;font-size:24px;letter-spacing:-.04em;line-height:1.18;color:#0f172a}
    .fonte-drawer-close{border:1px solid var(--line);background:#fff;border-radius:999px;width:34px;height:34px;display:grid;place-items:center;font-weight:850;color:#64748b;cursor:pointer;flex:0 0 auto}
    .fonte-drawer-tags{display:flex;flex-wrap:wrap;gap:6px}
    .fonte-drawer-meta{display:flex;flex-wrap:wrap;gap:8px;color:#475467;font-size:13px;line-height:1.4}
    .fonte-drawer-meta .sep{color:#cbd5e1}
    .fonte-drawer-link{display:inline-flex;align-items:center;gap:6px;color:#fff;background:#0f172a;padding:9px 13px;border-radius:14px;text-decoration:none;font-weight:800;font-size:12px;width:fit-content}
    .fonte-drawer-link:hover{background:#1e293b}
    .fonte-drawer-stats{margin:18px 22px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
    .fonte-stat{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fafbfd}
    .fonte-stat small{color:#98a2b3;text-transform:uppercase;font-size:9px;font-weight:900;letter-spacing:.1em;display:block}
    .fonte-stat strong{display:block;margin-top:4px;font-size:16px;color:#0f172a;letter-spacing:-.02em}
    .fonte-stat span{display:block;font-size:11px;color:#667085;margin-top:2px}
    .fonte-drawer-section{margin:22px 22px 0}
    .fonte-drawer-section h3{margin:0 0 4px;font-size:16px;letter-spacing:-.025em;color:#0f172a}
    .fonte-drawer-section .subt{color:#667085;font-size:12px;line-height:1.45;margin:0 0 12px}
    .fonte-comment{border:1px solid var(--line);border-radius:16px;background:#fff;padding:13px;margin-bottom:10px}
    .fonte-comment-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px;flex-wrap:wrap}
    .fonte-comment-tag{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:900;letter-spacing:.04em}
    .fonte-comment-tag.pos{background:#dcfce7;color:#047857}
    .fonte-comment-tag.neu{background:#eef2f7;color:#475467}
    .fonte-comment-tag.neg{background:#fee2e2;color:#b42318}
    .fonte-comment-meta{font-size:11px;color:#94a3b8;font-weight:600}
    .fonte-comment p{margin:0;color:#344054;font-size:13px;line-height:1.45}
    .fonte-comment .author{font-size:11px;color:#475467;font-weight:800;margin-top:7px}
    .fonte-drawer-foot{padding:16px 22px 22px}
    @media(max-width:760px){
      .fonte-drawer{top:10px;right:10px;width:calc(100vw - 20px);max-height:calc(100vh - 20px)}
      .fonte-drawer-stats{grid-template-columns:1fr 1fr}
    }



    /* v18: ajustes premium tech da tela de fontes */
    body.fontes-view .hero{margin-top:8vh!important}
    body.fontes-view .fontes-controls,
    body.fontes-view .fonte-card,
    body.fontes-view .panel{
      border-color:rgba(148,163,184,.22)!important;
      box-shadow:0 22px 64px rgba(8,17,32,.07), inset 0 1px 0 rgba(255,255,255,.72)!important;
      backdrop-filter:blur(18px);
    }
    body.fontes-view .fonte-card{background:rgba(255,255,255,.76)!important}
    body.fontes-view .fonte-card:hover{border-color:rgba(37,99,235,.34)!important;box-shadow:0 18px 42px rgba(37,99,235,.10)!important}
    body.fontes-view .fonte-link{color:#1d4ed8!important}
    body.fontes-view .fonte-drawer{border-color:rgba(148,163,184,.22)!important;box-shadow:0 32px 90px rgba(8,17,32,.22)!important}



    /* v19: topo técnico + aba dedicada de adversários */
    .tech-topbar{gap:8px!important;align-items:center!important}
    .tech-topbar .tech-pill{
      display:inline-flex!important;
      align-items:center!important;
      gap:7px!important;
      background:rgba(255,255,255,.56)!important;
      border-color:rgba(148,163,184,.22)!important;
      color:#60708a!important;
      box-shadow:none!important;
      font-size:10.5px!important;
      font-weight:720!important;
      letter-spacing:.015em!important;
      backdrop-filter:blur(14px)!important;
    }
    .tech-topbar .tech-pill::before{
      content:"";
      width:6px;
      height:6px;
      border-radius:999px;
      background:#38bdf8;
      box-shadow:0 0 0 4px rgba(56,189,248,.1);
      flex:0 0 auto;
    }
    body.radar-view .hero{margin-top:13vh!important}

    body.adversarios-view .hero{margin-top:8.5vh!important;max-width:980px!important}
    .adv-console{
      max-width:1180px;
      margin:30px auto 0;
      position:relative;
      z-index:4;
    }
    .adv-toolbar{
      display:flex;
      align-items:end;
      justify-content:space-between;
      gap:14px;
      padding:16px;
      border:1px solid rgba(148,163,184,.22);
      border-radius:24px;
      background:rgba(255,255,255,.66);
      box-shadow:0 18px 44px rgba(8,17,32,.065), inset 0 1px 0 rgba(255,255,255,.75);
      backdrop-filter:blur(18px);
    }
    .adv-toolbar > div{display:grid;gap:7px;min-width:min(420px,100%)}
    .adv-toolbar small,.adv-add-card small,.adv-panel small,.adv-card small{
      color:#8090a7;
      text-transform:uppercase;
      letter-spacing:.14em;
      font-size:10px;
      font-weight:950;
    }
    .adv-add-card{
      margin-top:12px;
      padding:14px;
      border:1px solid rgba(37,99,235,.18);
      border-radius:22px;
      background:linear-gradient(180deg,rgba(239,246,255,.92),rgba(255,255,255,.78));
      box-shadow:0 18px 42px rgba(37,99,235,.08);
      display:grid;
      grid-template-columns:1fr 1fr auto;
      gap:12px;
      align-items:end;
    }
    .adv-add-card[hidden]{display:none!important}
    .adv-add-card > div{display:grid;gap:7px}
    .adv-layout{
      display:grid;
      grid-template-columns:360px minmax(0,1fr);
      gap:16px;
      margin-top:16px;
    }
    .adv-list,.adv-detail{
      border:1px solid rgba(148,163,184,.22);
      border-radius:26px;
      background:rgba(255,255,255,.68);
      box-shadow:0 18px 46px rgba(8,17,32,.06), inset 0 1px 0 rgba(255,255,255,.72);
      backdrop-filter:blur(18px);
    }
    .adv-list{padding:12px;display:grid;gap:10px;align-content:start}
    .adv-card{
      border:1px solid rgba(148,163,184,.22);
      border-radius:20px;
      background:rgba(255,255,255,.72);
      padding:14px;
      cursor:pointer;
      transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
    }
    .adv-card:hover{transform:translateY(-2px);border-color:rgba(37,99,235,.32);box-shadow:0 16px 34px rgba(37,99,235,.08)}
    .adv-card.active{border-color:rgba(37,99,235,.44);background:#fff;box-shadow:0 18px 44px rgba(37,99,235,.12)}
    .adv-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
    .adv-card h3{margin:4px 0 2px;font-size:17px;letter-spacing:-.035em;color:#081120}
    .adv-card p{margin:0;color:#64748b;font-size:12px;line-height:1.45}
    .adv-status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 8px;background:#fff0f1;color:#b42318;font-size:10px;font-weight:950;white-space:nowrap}
    .adv-status::before{content:"";width:6px;height:6px;border-radius:999px;background:#dc2626;box-shadow:0 0 0 4px rgba(220,38,38,.08)}
    .adv-card-extra{display:none;margin-top:12px;grid-template-columns:repeat(3,1fr);gap:8px}
    .adv-card.active .adv-card-extra{display:grid}
    .adv-mini{border:1px solid rgba(148,163,184,.18);border-radius:14px;padding:9px;background:#f8fbff}
    .adv-mini strong{display:block;font-size:14px;color:#0f172a}.adv-mini span{display:block;margin-top:2px;color:#64748b;font-size:10.5px}
    .adv-detail{padding:18px;min-height:520px}
    .adv-detail-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}
    .adv-detail-head h2{margin:4px 0 4px;font-size:28px;letter-spacing:-.06em;color:#081120}
    .adv-detail-head p{margin:0;color:#64748b;font-size:13px;line-height:1.45;max-width:620px}
    .adv-score-badge{border-radius:999px;padding:8px 11px;background:#eef2ff;color:#1d4ed8;font-weight:950;font-size:12px;white-space:nowrap}
    .adv-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}
    .adv-metric{border:1px solid rgba(148,163,184,.2);border-radius:18px;background:#fff;padding:13px}
    .adv-metric small{display:block}.adv-metric strong{display:block;margin-top:5px;font-size:18px;letter-spacing:-.04em}.adv-metric span{display:block;color:#64748b;font-size:11px;margin-top:2px}
    .adv-panels{display:grid;grid-template-columns:1fr 1fr;gap:12px}
    .adv-panel{border:1px solid rgba(148,163,184,.2);border-radius:20px;background:#fff;padding:14px;overflow:hidden}
    .adv-panel h3{margin:5px 0 9px;font-size:16px;letter-spacing:-.035em;color:#081120}
    .adv-panel p{margin:0;color:#475569;font-size:12.5px;line-height:1.48}
    .adv-city-list,.adv-mention-list{display:grid;gap:8px;margin-top:10px}
    .adv-city-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid #edf1f7;border-radius:14px;background:#f8fbff;padding:9px 10px}
    .adv-city-row strong{font-size:12.5px;color:#172033;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adv-city-row span{font-size:10.5px;font-weight:900;border-radius:999px;padding:4px 7px;white-space:nowrap}
    .adv-city-row .hot{background:#fff0f1;color:#b42318}.adv-city-row .hist{background:#eef2ff;color:#3730a3}.adv-city-row .open{background:#e8f8ef;color:#047857}.adv-city-row .warn{background:#fff6df;color:#92400e}
    .adv-mention{border:1px solid #edf1f7;border-radius:14px;background:#f8fbff;padding:10px}
    .adv-mention b{font-size:12px;color:#172033}.adv-mention p{margin:5px 0 0;font-size:12px;color:#475569}.adv-source{display:block;margin-top:7px;font-size:10.5px;color:#64748b;font-weight:760}
    .adv-panel.full{grid-column:1/-1}
    .adv-vulnerabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}
    .adv-vuln{border:1px solid rgba(217,119,6,.18);border-radius:16px;background:linear-gradient(180deg,#fffaf0,#fff);padding:12px}
    .adv-vuln strong{display:block;font-size:13px;color:#0f172a}.adv-vuln span{display:block;margin-top:4px;color:#92400e;font-size:11px;font-weight:850}.adv-vuln p{margin-top:7px!important;font-size:12px!important;color:#475569!important}
    .adv-empty{padding:46px 18px;text-align:center;color:#64748b}
    @media(max-width:980px){.adv-layout{grid-template-columns:1fr}.adv-metrics{grid-template-columns:repeat(2,1fr)}.adv-vulnerabilities{grid-template-columns:1fr}.adv-add-card{grid-template-columns:1fr}.adv-toolbar{align-items:stretch;flex-direction:column}.adv-toolbar > div{min-width:0}}
    @media(max-width:760px){.tech-topbar{justify-content:flex-start!important}.adv-panels{grid-template-columns:1fr}.adv-metrics{grid-template-columns:1fr}.adv-detail-head{flex-direction:column}.adv-console{margin-top:20px}.adv-card-extra{grid-template-columns:1fr}}



    /* v20: refinamentos pedidos — hero mais sutil, resposta acima do campo e métricas clicáveis */
    #radarView .greeting h1{
      background:linear-gradient(135deg,rgba(80,113,191,.92) 0%, rgba(57,105,204,.88) 42%, rgba(101,195,236,.82) 100%);
      -webkit-background-clip:text;
      background-clip:text;
      color:transparent!important;
      font-weight:240!important;
      opacity:.94;
    }
    #radarView .greeting p,
    .adv-hero .greeting p{
      color:#7a879a!important;
      font-size:12.8px!important;
      max-width:760px;
      margin-left:auto;
      margin-right:auto;
    }
    #radarView .greeting small,
    .adv-hero .greeting small{display:none!important}
    .adv-hero .greeting h1{
      font-size:clamp(30px,4vw,50px)!important;
      font-weight:215!important;
      line-height:1.02!important;
      background:linear-gradient(135deg,rgba(111,129,173,.88) 0%, rgba(102,132,195,.8) 55%, rgba(118,208,234,.68) 100%);
      -webkit-background-clip:text;
      background-clip:text;
      color:transparent!important;
      opacity:.86;
      letter-spacing:-.06em!important;
      max-width:900px;
      margin-left:auto;
      margin-right:auto;
    }
    #radarView .hero,
    .adv-hero{padding-top:4px!important}
    #radarView .ask-box{
      max-width:960px!important;
      margin:14px auto 0!important;
      border-radius:30px!important;
      background:rgba(255,255,255,.78)!important;
      box-shadow:0 22px 58px rgba(8,17,32,.08), inset 0 1px 0 rgba(255,255,255,.88)!important;
    }
    #radarView .ask-box textarea{
      min-height:74px!important;
      padding:19px 22px!important;
      font-size:15px!important;
      line-height:1.48!important;
    }
    #radarView .send-btn{
      width:60px!important;
      height:60px!important;
      margin:12px!important;
      border-radius:20px!important;
    }
    .radar-answer{
      max-width:960px;
      margin:0 auto 12px;
      padding:14px 16px 15px;
      border:1px solid rgba(37,99,235,.18);
      border-radius:24px;
      background:linear-gradient(180deg,rgba(244,249,255,.94),rgba(255,255,255,.84));
      box-shadow:0 18px 48px rgba(37,99,235,.08), inset 0 1px 0 rgba(255,255,255,.8);
      backdrop-filter:blur(14px);
      text-align:left;
      animation:cardIn .22s ease;
      display:grid;
      gap:12px;
    }
    .radar-answer[hidden]{display:none!important}
    .radar-answer-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
    }
    .radar-answer-head small{
      color:#7d8ba0;
      text-transform:uppercase;
      letter-spacing:.15em;
      font-size:10px;
      font-weight:900;
    }
    .radar-answer-close{
      border:1px solid rgba(148,163,184,.22);
      width:32px;height:32px;border-radius:999px;
      background:#fff;color:#64748b;font-weight:900;cursor:pointer;
      box-shadow:0 8px 18px rgba(15,23,42,.06);
    }
    .radar-answer-question{
      justify-self:end;
      max-width:min(76%,640px);
      margin-top:2px;
      padding:10px 14px;
      border-radius:17px 17px 6px 17px;
      background:#111827;
      color:#fff;
      box-shadow:0 12px 28px rgba(17,24,39,.16);
      font-size:14px;
      font-weight:760;
      line-height:1.42;
      letter-spacing:0;
    }
    .radar-answer-body{
      margin-top:0;
      color:#516072;
      font-size:14px;
      line-height:1.56;
    }
    .radar-answer-body p{margin:0 0 8px}
    .radar-answer-body p:last-child{margin-bottom:0}
    .dark-action,
    .adv-add-toggle{
      background:linear-gradient(135deg,#143882 0%, #2563eb 58%, #5fd0ff 100%)!important;
      color:#fff!important;
      box-shadow:0 14px 36px rgba(37,99,235,.18), inset 0 1px 0 rgba(255,255,255,.22)!important;
      transition:transform .18s ease, box-shadow .18s ease!important;
    }
    .dark-action:hover,
    .adv-add-toggle:hover{
      transform:translateY(-1px);
      box-shadow:0 18px 40px rgba(37,99,235,.22), inset 0 1px 0 rgba(255,255,255,.22)!important;
    }
    .adv-card h3,
    .adv-detail-head h2{
      background:linear-gradient(135deg,#3657a6 0%, #2f64d4 55%, #6ccff0 100%);
      -webkit-background-clip:text;
      background-clip:text;
      color:transparent!important;
      font-weight:520!important;
      letter-spacing:-.045em!important;
    }
    .adv-detail-head h2{font-size:30px!important}
    .adv-card h3{font-size:18px!important}
    .adv-metric{
      appearance:none;
      border:1px solid rgba(103,173,221,.24)!important;
      border-radius:18px!important;
      background:linear-gradient(180deg,rgba(241,249,255,.96),rgba(255,255,255,.98))!important;
      padding:13px!important;
      width:100%;
      text-align:left;
      cursor:pointer;
      box-shadow:0 12px 28px rgba(56,189,248,.09), 0 0 0 1px rgba(255,255,255,.45) inset;
      transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }
    .adv-metric:hover{
      transform:translateY(-1px);
      border-color:rgba(56,189,248,.42)!important;
      box-shadow:0 16px 34px rgba(56,189,248,.12), 0 0 0 1px rgba(255,255,255,.65) inset;
    }
    .adv-metric strong{color:#183981}
    .adv-metric em{
      display:block;
      margin-top:6px;
      font-style:normal;
      color:#4d74d8;
      font-size:10px;
      font-weight:850;
      letter-spacing:.02em;
    }
    .adv-info-backdrop{
      position:fixed;inset:0;background:rgba(15,23,42,.18);backdrop-filter:blur(2px);z-index:48;opacity:0;pointer-events:none;transition:.22s ease;
    }
    .adv-info-backdrop.open{opacity:1;pointer-events:auto}
    .adv-info-drawer{
      position:fixed;top:18px;right:18px;width:min(480px,calc(100vw - 36px));max-height:calc(100vh - 36px);overflow:auto;z-index:52;
      transform:translateX(calc(100% + 50px));opacity:0;pointer-events:none;transition:transform .28s ease,opacity .22s ease;
      border:1px solid rgba(148,163,184,.22);border-radius:26px;background:rgba(255,255,255,.96);
      box-shadow:0 28px 78px rgba(8,17,32,.2);
    }
    .adv-info-drawer.open{transform:translateX(0);opacity:1;pointer-events:auto}
    .adv-info-head{padding:20px 20px 0;display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
    .adv-info-head small{display:block;color:#8a98ac;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:900}
    .adv-info-head h3{margin:6px 0 0;font-size:22px;letter-spacing:-.045em;color:#10203e}
    .adv-info-head p{margin:6px 0 0;color:#64748b;font-size:12px;line-height:1.45}
    .adv-info-close{border:1px solid rgba(148,163,184,.22);background:#fff;border-radius:999px;width:34px;height:34px;display:grid;place-items:center;color:#64748b;font-weight:900;cursor:pointer;box-shadow:0 8px 18px rgba(15,23,42,.06)}
    .adv-info-body{padding:18px 20px 20px;display:grid;gap:10px}
    .adv-info-grid{display:grid;grid-template-columns:1fr;gap:10px}
    .adv-info-card{border:1px solid rgba(148,163,184,.18);border-radius:18px;background:linear-gradient(180deg,#f7fbff,#fff);padding:13px}
    .adv-info-card small{display:block;color:#8190a6;text-transform:uppercase;letter-spacing:.12em;font-size:9.5px;font-weight:900}
    .adv-info-card strong{display:block;margin-top:5px;color:#10203e;font-size:15px;letter-spacing:-.02em}
    .adv-info-card p{margin:6px 0 0;color:#58677a;font-size:12.5px;line-height:1.48}
    @media(max-width:760px){
      .adv-info-drawer{top:10px;right:10px;width:calc(100vw - 20px);max-height:calc(100vh - 20px)}
      .radar-answer{margin-bottom:10px}
      #radarView .send-btn{width:100%!important;height:48px!important;margin:0 12px 12px!important}
      #radarView .ask-box textarea{min-height:64px!important}
    }



    /* v21: ajustes finos solicitados — mais respiro, campo expansivo, títulos azuis e brilho ciano */
    :root{
      --ask-width: 700px;
      --cyan-glow: rgba(56,189,248,.18);
      --blue-glow: rgba(37,99,235,.16);
    }
    #radarView .hero,
    #fontesView .hero,
    .adv-hero{
      overflow:visible!important;
    }
    #radarView .greeting h1,
    #fontesView .greeting h1,
    .adv-hero .greeting h1{
      line-height:1.16!important;
      padding:0.08em 0 0.18em!important;
      margin-bottom:12px!important;
      overflow:visible!important;
      text-shadow:0 18px 42px rgba(37,99,235,.10);
    }
    #radarView .greeting p,
    #fontesView .greeting p,
    .adv-hero .greeting p{
      margin-top:2px!important;
      padding-top:0!important;
    }
    #fontesView .greeting h1{
      background:linear-gradient(135deg,rgba(88,117,190,.92) 0%, rgba(58,107,211,.86) 46%, rgba(105,203,236,.76) 100%);
      -webkit-background-clip:text;
      background-clip:text;
      color:transparent!important;
      font-weight:240!important;
      opacity:.93;
      letter-spacing:-.07em!important;
    }
    #fontesView .greeting small{color:#7c8aa0!important;opacity:.78}

    #radarView .ask-box{
      width:min(var(--ask-width), calc(100vw - 360px))!important;
      min-width:620px!important;
      max-width:980px!important;
      transition:width .28s ease, box-shadow .22s ease, border-color .22s ease!important;
      box-shadow:
        0 20px 54px rgba(8,17,32,.075),
        0 0 54px rgba(56,189,248,.105),
        inset 0 1px 0 rgba(255,255,255,.9)!important;
    }
    #radarView .ask-box:focus-within{
      box-shadow:
        0 24px 68px rgba(8,17,32,.09),
        0 0 76px rgba(56,189,248,.18),
        0 0 0 1px rgba(56,189,248,.22),
        inset 0 1px 0 rgba(255,255,255,.92)!important;
    }
    #radarView .ask-box textarea{
      min-height:46px!important;
      max-height:172px!important;
      overflow-y:auto!important;
      padding-top:15px!important;
      padding-bottom:15px!important;
    }

    .layer-buttons,
    .panel,
    .map-wrap,
    .fontes-controls,
    .fonte-card,
    .adv-toolbar,
    .adv-add-card,
    .adv-list,
    .adv-detail,
    .city-panel{
      box-shadow:
        0 20px 62px rgba(8,17,32,.07),
        0 0 62px rgba(56,189,248,.10),
        inset 0 1px 0 rgba(255,255,255,.78)!important;
    }
    .map-wrap,
    .adv-detail,
    .city-panel{
      background:
        radial-gradient(circle at 70% 12%,rgba(56,189,248,.10),transparent 30%),
        linear-gradient(180deg,rgba(255,255,255,.94),rgba(249,252,255,.96))!important;
    }
    .info-card,
    .metric,
    .diagnosis,
    .drawer-section,
    .list-item,
    .rank-row,
    .adv-panel,
    .adv-mention,
    .adv-city-row,
    .adv-vuln{
      box-shadow:
        0 10px 28px rgba(8,17,32,.035),
        0 0 28px rgba(56,189,248,.075)!important;
    }

    .map-tools .filter-btn{
      background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(239,247,255,.96))!important;
      color:#37506f!important;
      border-color:rgba(56,189,248,.20)!important;
      box-shadow:0 10px 24px rgba(56,189,248,.09)!important;
      transition:transform .18s ease, box-shadow .18s ease!important;
    }
    .map-tools .filter-btn:hover{
      transform:translateY(-1px);
      box-shadow:0 14px 32px rgba(56,189,248,.14)!important;
    }
    .map-tools .filter-btn.active,
    .map-tools .filter-btn[aria-pressed="true"]{
      background:linear-gradient(135deg,#153b8d 0%, #2563eb 56%, #5fd0ff 100%)!important;
      color:#fff!important;
      border-color:transparent!important;
      box-shadow:0 14px 34px rgba(37,99,235,.22), 0 0 30px rgba(56,189,248,.16)!important;
    }

    .city-panel .city-title h2,
    .city-panel .city-top h2,
    .city-panel h2{
      background:linear-gradient(135deg,#3154a7 0%, #2f6fdb 52%, #64d4f3 100%);
      -webkit-background-clip:text;
      background-clip:text;
      color:transparent!important;
      font-weight:430!important;
      letter-spacing:-.055em!important;
      line-height:1.12!important;
      text-shadow:none!important;
    }
    .city-panel .drawer-mode-kicker,
    .city-panel .city-title p{
      color:#7d8ca3!important;
    }

    .adv-metrics{
      gap:12px!important;
    }
    .adv-metric{
      background:
        radial-gradient(circle at 78% 12%,rgba(56,189,248,.16),transparent 38%),
        linear-gradient(180deg,rgba(240,249,255,.98),rgba(255,255,255,.98))!important;
      box-shadow:
        0 16px 38px rgba(56,189,248,.12),
        0 0 42px rgba(56,189,248,.12),
        inset 0 1px 0 rgba(255,255,255,.84)!important;
    }

    @media(max-width:1220px){
      #radarView .ask-box{width:min(var(--ask-width), calc(100vw - 64px))!important;min-width:0!important}
    }
    @media(max-width:760px){
      #radarView .ask-box{width:100%!important;min-width:0!important}
      #radarView .greeting h1,
      #fontesView .greeting h1,
      .adv-hero .greeting h1{line-height:1.12!important;margin-bottom:10px!important}
    }



    /* v4: degradê azul consistente nas seleções e títulos destacados */
    :root{
      --radar-gradient-text:linear-gradient(135deg,#3154a7 0%,#2f6fdb 50%,#65d6f3 100%);
      --radar-gradient-btn:linear-gradient(135deg,#153b8d 0%,#2563eb 56%,#5fd0ff 100%);
    }

    /* Botões ativos: remove o preto e padroniza no degradê azul */
    .filter-btn.active,
    .tab.active,
    .fontes-filter-row .filter-btn.active,
    .comment-filter .filter-btn.active,
    .map-tools .filter-btn.active,
    .map-tools .filter-btn[aria-pressed="true"]{
      background:var(--radar-gradient-btn)!important;
      color:#fff!important;
      border-color:transparent!important;
      box-shadow:0 14px 34px rgba(37,99,235,.22),0 0 30px rgba(56,189,248,.16)!important;
    }

    .filter-btn.active:hover,
    .tab.active:hover,
    .fontes-filter-row .filter-btn.active:hover{
      box-shadow:0 18px 42px rgba(37,99,235,.26),0 0 36px rgba(56,189,248,.20)!important;
    }

    /* Pequenos rótulos técnicos, incluindo TIPO, CIDADE e FONTES SOB COLETA */
    .fontes-filter-row strong,
    .panel-header small,
    .map-note em,
    .map-insight .insight-head small,
    .drawer-mode-kicker,
    .info-card small,
    .metric small,
    .rank-row small,
    .source-pill,
    .fonte-drawer-head small,
    .fonte-stat small,
    .adv-toolbar small,
    .adv-add-card small,
    .adv-panel small,
    .adv-card small,
    .adv-info-head small{
      background:var(--radar-gradient-text)!important;
      -webkit-background-clip:text!important;
      background-clip:text!important;
      color:transparent!important;
      opacity:.88;
    }

    /* Títulos principais dos blocos circundados: aplica em todas as camadas e cidades */
    .panel-header h3,
    #mapTitle,
    #hoverTitle,
    .map-note strong,
    .map-insight h4,
    .map-insight-card h4,
    .insight-list button strong,
    .city-panel .city-title h2,
    .city-panel .city-top h2,
    .city-panel h2,
    .section-title h4,
    .info-card strong,
    .diagnosis strong,
    .list-item-head strong,
    .list-item b,
    .rank-row strong,
    .drawer-section summary,
    .drawer-section summary span,
    .command-panel-head .left h3,
    .command-note strong,
    .command-kpi strong,
    .fonte-card-head strong,
    .fonte-card strong,
    .fontes-summary-pill,
    #fontesResultTitle,
    .adv-detail-head h2,
    .adv-card h3,
    .adv-panel h3,
    .adv-city-row strong,
    .adv-mention b,
    .adv-vuln strong,
    .adv-info-head h3,
    .adv-info-card strong{
      background:var(--radar-gradient-text)!important;
      -webkit-background-clip:text!important;
      background-clip:text!important;
      color:transparent!important;
      font-weight:520!important;
      text-shadow:none!important;
    }

    /* Mantém leitura limpa nos cards pequenos e dá um azul-ciano de fundo nos quadros */
    .info-card,
    .metric,
    .diagnosis,
    .drawer-section,
    .list-item,
    .rank-row,
    .map-note,
    .map-insight .insight-content,
    .map-insight-card,
    .adv-panel,
    .adv-mention,
    .adv-city-row,
    .adv-vuln,
    .fonte-card,
    .fonte-stat,
    .adv-info-card{
      background:
        radial-gradient(circle at 82% 10%,rgba(56,189,248,.11),transparent 35%),
        linear-gradient(180deg,rgba(248,252,255,.98),rgba(255,255,255,.98))!important;
      border-color:rgba(103,173,221,.22)!important;
      box-shadow:0 12px 32px rgba(56,189,248,.085),0 0 28px rgba(56,189,248,.055),inset 0 1px 0 rgba(255,255,255,.86)!important;
    }

    /* Aba Fontes: reforça título e contador sem peso preto */
    body.fontes-view .greeting h1,
    body.fontes-view .page-title h2{
      background:var(--radar-gradient-text)!important;
      -webkit-background-clip:text!important;
      background-clip:text!important;
      color:transparent!important;
      font-weight:260!important;
    }

    body.fontes-view #fontesResultTitle,
    body.fontes-view .fontes-filter-row strong{
      background:var(--radar-gradient-text)!important;
      -webkit-background-clip:text!important;
      background-clip:text!important;
      color:transparent!important;
    }

    /* Evita que spans internos dos botões ativos fiquem invisíveis quando houver background-clip herdado */
    .filter-btn.active *,
    .tab.active *{
      color:#fff!important;
      background:none!important;
      -webkit-background-clip:border-box!important;
      background-clip:border-box!important;
    }

    /* ajustes solicitados em 20/05: entrada mais baixa, topo limpo e camada única de sentimento */
    #radarView .filters.tech-topbar{display:none!important}
    #radarView .hero{margin-top:18vh!important}
    #radarView .greeting p{margin-bottom:0!important}
    #radarView .ask-box{margin-top:38px!important}
    #radarView .prompt-suggestions{margin-top:18px!important}
    #radarView .layer-buttons{
      width:min(560px,calc(100vw - 116px))!important;
      margin-top:72px!important;
    }
    #radarView .layer-btn{min-width:250px!important;justify-content:center!important}
    #radarView .layer-btn strong{font-size:14px!important}
    body.map-open #radarView .hero{margin-top:13vh!important}
    .map-note.layered{
      left:18px!important;
      top:18px!important;
      right:auto!important;
      max-width:310px!important;
    }
    .map-insight{
      right:18px!important;
      left:auto!important;
    }
    .metric-sentiment-counts strong{
      display:grid!important;
      gap:4px!important;
      font-size:13px!important;
      line-height:1.15!important;
    }
    .metric-count.negative{color:#b42318!important}
    .metric-count.positive{color:#047857!important}

    /* v22: mapa conforme referência — cidade fixa à esquerda, leitura colapsável à direita */
    #radarView .map-wrap .map-note.layered{
      position:absolute!important;
      left:18px!important;
      right:auto!important;
      top:18px!important;
      width:min(330px,calc(100% - 430px))!important;
      max-width:330px!important;
      min-width:280px!important;
      transform:none!important;
      z-index:14!important;
      display:block!important;
      opacity:1!important;
      visibility:visible!important;
      pointer-events:auto!important;
    }
    #radarView .map-wrap .map-insight{
      position:absolute!important;
      left:auto!important;
      right:18px!important;
      top:18px!important;
      width:340px!important;
      max-width:calc(100% - 390px)!important;
      min-width:300px!important;
      z-index:15!important;
      margin:0!important;
      pointer-events:auto!important;
    }
    #radarView .map-wrap .map-insight.is-collapsed{
      position:absolute!important;
      left:auto!important;
      right:18px!important;
      top:18px!important;
      width:54px!important;
      min-width:54px!important;
      max-width:54px!important;
      height:54px!important;
      overflow:visible!important;
    }
    #radarView .map-wrap .map-insight.is-collapsed .insight-content{display:none!important}
    #radarView .map-wrap .map-insight.is-collapsed > .insight-toggle{display:grid!important}
    #radarView .map-wrap .map-insight:not(.is-collapsed) > .insight-toggle{display:none!important}
    @media(max-width:980px){
      #radarView .map-wrap .map-note.layered{
        position:relative!important;
        width:auto!important;
        max-width:none!important;
        min-width:0!important;
        margin:14px 14px 0!important;
      }
      #radarView .map-wrap .map-insight:not(.is-collapsed){
        position:relative!important;
        right:auto!important;
        top:auto!important;
        width:auto!important;
        max-width:none!important;
        min-width:0!important;
        margin:12px 14px 0!important;
      }
    }


/* ===== UX chat (rodada 2): bolhas, pensando, chip ativo, dica no foco, scroll ===== */
/* Itens 3/4: o fio rola sozinho (mais nova embaixo) e a .ask-box não é empurrada. */
/* Altura adaptativa à viewport (não corta em laptop/zoom), com piso p/ telas pequenas.
   position:relative => offsetTop das bolhas é relativo a este container (ancoragem do scroll). */
.radar-answer-body{max-height:max(200px,calc(100vh - 320px))!important;overflow-y:auto!important;scroll-behavior:smooth;display:block!important;position:relative}
.radar-answer-question:empty{display:none!important}  /* pergunta virou bolha no fio */
/* Item 6: bolhas de conversa (usuário à direita escura; Radar à esquerda clara). */
.chat-row{display:flex;margin:8px 0}
.chat-row.user{justify-content:flex-end}
.chat-row.bot{justify-content:flex-start}
.chat-bubble{max-width:84%;padding:10px 14px;border-radius:17px;line-height:1.5;font-size:14px;word-wrap:break-word;overflow-wrap:anywhere}
.chat-bubble.user{background:#111827;color:#fff;border-bottom-right-radius:6px;font-weight:600;box-shadow:0 12px 28px rgba(17,24,39,.16)}
.chat-bubble.bot{background:#f1f5f9;color:#334155;border-bottom-left-radius:6px}
.chat-bubble.bot p{margin:0 0 8px}.chat-bubble.bot p:last-child{margin-bottom:0}
.chat-bubble.bot a{color:#2563eb}
.chat-bubble.bot ul{margin:8px 0 0;padding-left:18px}
/* Item 6: indicador "pensando…" animado antes da resposta chegar. */
.thinking{display:inline-flex;gap:5px;align-items:center;padding:3px 2px}
.thinking span{width:7px;height:7px;border-radius:50%;background:#94a3b8;animation:radarThink 1.2s infinite ease-in-out}
.thinking span:nth-child(2){animation-delay:.18s}
.thinking span:nth-child(3){animation-delay:.36s}
@keyframes radarThink{0%,70%,100%{opacity:.22;transform:translateY(0)}35%{opacity:1;transform:translateY(-2px)}}
/* Item 1: spinner no botão de envio durante a consulta. */
.send-btn{position:relative}
.send-btn.loading{color:transparent!important;pointer-events:none;opacity:.92}
.send-btn.loading::after{content:"";position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:radarSendSpin .6s linear infinite}
@keyframes radarSendSpin{to{transform:rotate(360deg)}}
/* Item 2: dica discreta (12px, cinza claro) que só aparece com o campo em foco. */
.ask-hint{position:relative;z-index:1;max-width:880px;margin:6px auto 0;text-align:right;color:#94a3b8;font-size:12px;font-weight:450;padding-right:8px;opacity:0;transition:opacity .15s ease;pointer-events:none}
.ask-box:focus-within + .ask-hint{opacity:1}
@media(max-width:760px){.ask-hint{text-align:left;padding:0 0 0 6px}}
/* Item 5: sugestão usada fica marcada (azul). */
.suggestion-chip.active{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important}
/* Sugestão de próxima pergunta clicável dentro da resposta. */
.sug-next{display:inline-block;margin-top:10px;max-width:100%;text-align:left;padding:8px 12px;border:1px solid rgba(37,99,235,.35);border-radius:13px;background:rgba(37,99,235,.07);color:#1d4ed8;font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;cursor:pointer;transition:.15s ease}
.sug-next:hover{background:#2563eb;color:#fff;border-color:#2563eb}

/* ============ Item 1 — navegação acessível ≤1220px (drawer) — staging 20260701a ============ */
.nav-fab{display:none}
.nav-drawer-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.32);backdrop-filter:blur(2px);z-index:70;opacity:0;pointer-events:none;transition:opacity .22s ease}
body.repercussao-view #novidadesCard{display:none!important}
.nav-drawer-backdrop.open{opacity:1;pointer-events:auto}
@media(max-width:1220px){
  .nav-fab{display:grid;place-items:center;position:fixed;top:14px;left:14px;z-index:80;width:44px;height:44px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.96);box-shadow:0 10px 26px rgba(15,23,42,.14);font-size:18px;font-weight:900;color:#334155;cursor:pointer}
  .app .sidebar,.app.sidebar-collapsed .sidebar{display:block;position:fixed;top:0;left:0;height:100vh;width:min(300px,86vw);padding:26px 18px;z-index:75;transform:translateX(-105%);transition:transform .26s ease;box-shadow:0 30px 90px rgba(15,23,42,.22);overflow:auto}
  body.nav-open .app{z-index:auto}
  body.nav-open .app .sidebar,body.nav-open .app.sidebar-collapsed .sidebar{transform:translateX(0)}
  .app.sidebar-collapsed .sidebar .brand-text,.app.sidebar-collapsed .sidebar .nav-title,.app.sidebar-collapsed .sidebar .nav-item span,.app.sidebar-collapsed .sidebar .nav-item small,.app.sidebar-collapsed .sidebar .client-card{opacity:1;visibility:visible;width:auto;height:auto;position:static;pointer-events:auto}
  .app.sidebar-collapsed .sidebar .nav-item{width:100%;height:auto;justify-content:space-between;padding:12px;margin:0}
  .app.sidebar-collapsed .sidebar .nav-item:before{content:none}
  .sidebar-toggle{display:none}
  main{padding-top:70px!important}
}

/* ============ Item 2 — skeleton loader do dossiê — staging 20260701a ============ */
.sk-line{height:12px;border-radius:7px;background:linear-gradient(90deg,#eef2f7 25%,#e2e8f0 37%,#eef2f7 63%);background-size:400% 100%;animation:skpulse 1.3s ease infinite}
@keyframes skpulse{0%{background-position:100% 50%}100%{background-position:0 50%}}

/* ---------- Aba Números (staging 04/07) ---------- */
.num-controls{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:16px}
.num-seg{display:flex;gap:6px}
.num-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:14px}
.num-kpis .metric strong{font-size:26px;letter-spacing:-.02em}
.num-kpi-pos strong{color:#067a55}
.num-kpi-neg strong{color:#b42318}
.num-chart-card{background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:var(--radius2);box-shadow:var(--shadow);padding:18px 20px}
.num-chart-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.num-chart-head h4{margin:0 0 4px;font-size:15px}
.num-legend{display:flex;gap:14px;font-size:12px;color:var(--muted);white-space:nowrap}
.num-legend span{display:flex;align-items:center;gap:6px}
.num-dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:0 0 auto}
.num-dot-pos{background:var(--green)}
.num-dot-neg{background:var(--red)}
.num-chart{position:relative;display:flex;gap:10px}
.num-scale{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;font-size:11px;color:var(--muted2);padding:0 2px 20px 0;font-variant-numeric:tabular-nums}
.num-cols{flex:1;display:flex;gap:2px;align-items:stretch;border-top:1px solid #eef2f7;border-bottom:1px solid #eef2f7}
.num-col{flex:1;min-width:8px;display:flex;flex-direction:column;border-radius:8px;cursor:default}
.num-col:hover{background:#f4f7fc}
.num-arm{height:110px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.num-arm-up{border-bottom:1px solid #dfe6f0}   /* baseline */
.num-arm-down{justify-content:flex-start}
.num-bar{width:96%;min-height:0}
.num-bar-pos{background:var(--green);border-radius:4px 4px 0 0}
.num-bar-neg{background:var(--red);border-radius:0 0 4px 4px}
.num-val{font-style:normal;font-size:11px;font-weight:800;color:#475467;padding:2px 0;font-variant-numeric:tabular-nums}
.num-x{height:20px;font-size:10px;color:var(--muted2);text-align:center;padding-top:5px;white-space:nowrap}
.num-tip{position:absolute;top:-6px;transform:translateX(-50%);background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(15,23,42,.14);padding:10px 12px;font-size:12px;display:flex;flex-direction:column;gap:4px;pointer-events:none;z-index:5;min-width:150px}
.num-tip strong{font-size:12px}
.num-tip span{display:flex;align-items:center;gap:6px}
.num-table{margin-top:14px;font-size:13px}
.num-table summary{cursor:pointer;color:var(--muted);font-weight:700;padding:6px 0}
.num-table table{border-collapse:collapse;width:100%;margin-top:8px;font-variant-numeric:tabular-nums}
.num-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted2);padding:6px 12px 6px 0;border-bottom:1px solid var(--line)}
.num-table td{padding:6px 12px 6px 0;border-bottom:1px solid #f1f5f9;color:#344054}
@media (max-width:720px){ .num-kpis{grid-template-columns:repeat(2,1fr)} }

/* ---------- Timeline (contexto do dia), Pautas sugeridas e Alerta de pico (04/07) ---------- */
.num-col{cursor:pointer}
.num-ctx{background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:var(--radius2);box-shadow:var(--shadow);padding:16px 20px;margin-top:12px}
.num-ctx-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.num-ctx h4{margin:0;font-size:14px}
.num-ctx-close{border:0;background:transparent;font-size:20px;color:var(--muted2);cursor:pointer;line-height:1}
.num-ctx-item{padding:9px 0;border-bottom:1px solid #f1f5f9}
.num-ctx-item:last-child{border-bottom:0}
.num-ctx-titulo{font-size:13px;font-weight:650;color:#1d2939;margin-bottom:3px}
.num-ctx-titulo a{color:#1744ee;text-decoration:none}
.num-ctx-titulo a:hover{text-decoration:underline}
.num-ctx-meta{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.num-pauta{border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:10px;background:#fff}
.num-pauta-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;font-size:14px}
.num-pauta-porque{margin:0 0 6px;font-size:13px;color:var(--muted)}
.num-pauta-acao{margin:0;font-size:13px;color:#1d2939;font-weight:600}
.num-pico{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fef3c7;border:1px solid #fcd34d;border-radius:14px;padding:10px 16px;margin:0 0 14px;font-size:13px;color:#78350f}
.num-pico span{flex:1;min-width:220px}
.num-pico-ver{border:0;background:#b45309;color:#fff;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
.num-pico-x{border:0;background:transparent;font-size:18px;color:#92400e;cursor:pointer;line-height:1}

/* ---------- Relatório semanal (F0.3) ---------- */
.num-relatorio{border:1px solid var(--line);border-radius:14px;padding:12px 16px;background:#fff}
.num-relatorio small{color:var(--muted2);font-weight:700;letter-spacing:.06em}
.num-relatorio pre{margin:6px 0 0;font-family:inherit;font-size:13px;white-space:pre-wrap;color:#344054;line-height:1.5}

/* ---------- F1: share of voice + vozes ---------- */
.sov-row{display:flex;align-items:center;gap:10px;margin-bottom:7px}
.sov-sem{width:86px;font-size:11px;color:var(--muted2);text-align:right;font-variant-numeric:tabular-nums}
.sov-bar{flex:1;display:flex;gap:2px;height:26px;border-radius:8px;overflow:hidden;background:#f4f7fc}
.sov-seg{display:flex;align-items:center;justify-content:center;color:#fff;font-size:10.5px;font-weight:800;min-width:0;white-space:nowrap;overflow:hidden}
.sov-vazio{flex:1;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--muted2)}
.sov-tot{width:52px;font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.vozes-tab{border-collapse:collapse;width:100%;font-size:13px;font-variant-numeric:tabular-nums}
.vozes-tab th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted2);padding:6px 14px 6px 0;border-bottom:1px solid var(--line)}
.vozes-tab td{padding:7px 14px 7px 0;border-bottom:1px solid #f1f5f9;color:#344054}

/* ---------- Polimento UX 04/07: painéis da Estratégia + novidades + mobile ---------- */
.estrat-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:22px 0 4px;border-bottom:1px solid var(--line);padding-bottom:10px}
.estrat-tab{border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 16px;font-size:13px;font-weight:700;color:#475467;cursor:pointer;font-family:inherit}
.estrat-tab.active{background:var(--blue2);border-color:rgba(49,92,255,.25);color:#1744ee}
.estrat-painel{display:none}
.estrat-painel.active{display:block}
.novidades-card{display:flex;align-items:flex-start;gap:14px;background:#eef3ff;border:1px solid rgba(49,92,255,.25);border-radius:14px;padding:14px 18px;margin:0 0 14px;font-size:13px;color:#1d2939}
.novidades-card ul{margin:6px 0 0;padding-left:18px}
.novidades-card li{margin:3px 0}
.novidades-x{margin-left:auto;border:0;background:#1744ee;color:#fff;border-radius:8px;padding:7px 14px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;flex:0 0 auto}
@media (max-width:720px){
  .vozes-tab, .num-table table{font-size:12px}
  .vozes-tab th, .vozes-tab td{padding-right:8px}
  .sov-sem{width:64px;font-size:10px}
  .num-controls{gap:8px}
  .estrat-tab{padding:6px 12px;font-size:12px}
  .novidades-card{flex-direction:column}
  .novidades-x{margin-left:0}
}
.lang-shell{padding:20px 22px 34px;max-width:1400px;margin:0 auto}
.lang-note{border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a5f;border-radius:18px;padding:15px 17px;line-height:1.5;font-size:13px;margin-bottom:16px}
.lang-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.lang-summary .metric strong{font-size:22px}
.lang-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
.lang-card{border:1px solid var(--line);border-radius:20px;background:#fff;padding:17px;box-shadow:0 10px 28px rgba(15,23,42,.05)}
.lang-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.lang-card-head h3{margin:0;font-size:18px;letter-spacing:-.035em}
.lang-card-head p{margin:4px 0 0;color:var(--muted);font-size:12px}
.lang-coverage{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}
.lang-coverage div{border:1px solid #edf0f5;border-radius:13px;padding:9px;background:#fafbfc}
.lang-coverage small{display:block;color:var(--muted2);font-size:9px;text-transform:uppercase;font-weight:900;letter-spacing:.08em}
.lang-coverage strong{display:block;margin-top:3px;font-size:14px}
.lang-markers{display:flex;flex-wrap:wrap;gap:8px}
.lang-marker{border:1px solid #dbe4ff;background:#f5f7ff;border-radius:14px;padding:8px 10px;color:#243b75}
.lang-marker strong{display:block;font-size:13px}
.lang-marker span{display:block;margin-top:2px;font-size:10px;color:#667085}
.lang-marker.local{border-color:#a7f3d0;background:#ecfdf5;color:#065f46}
.lang-marker.digital{border-color:#e2e8f0;background:#f8fafc;color:#475569}
.lang-marker-evidence{line-height:1.35}
.lang-groups{display:grid;gap:13px}
.lang-group{display:grid;gap:7px}
.lang-group-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.lang-group-head strong{font-size:11px;color:#344054;letter-spacing:.015em}
.lang-group-head span{font-size:9px;color:#98a2b3;text-align:right}
.lang-empty{border:1px dashed #d9dee8;border-radius:14px;padding:12px;color:var(--muted);font-size:12px}
.lang-principal{margin-top:18px;border:1px solid var(--line);border-radius:20px;background:#fff;padding:17px}
.lang-principal-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}

/* ---------- Central de repercussão ---------- */
.nav-item.rep-nav{position:relative;background:linear-gradient(135deg,#fff7ed,#fffbeb);border:1px solid #fed7aa;color:#9a3412}
.nav-item.rep-nav:hover,.nav-item.rep-nav.active{background:linear-gradient(135deg,#ffedd5,#fef3c7);border-color:#fb923c;color:#9a3412}
.nav-item.rep-nav::after{content:"novo";position:absolute;right:10px;top:-7px;background:#ea580c;color:#fff;border-radius:99px;padding:2px 6px;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.nav-item.rep-nav small{margin-right:30px;color:#c2410c}
.rep-topbar{border-bottom:1px solid var(--line)}
.rep-shell{padding:20px 22px 38px;max-width:1500px;margin:0 auto}
.rep-note{display:flex;gap:12px;align-items:flex-start;border:1px solid #bae6fd;background:linear-gradient(135deg,#f0f9ff,#eff6ff);border-radius:18px;padding:15px 17px;color:#1e3a5f;font-size:13px;line-height:1.5;margin-bottom:16px}
.rep-note-icon{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:12px;background:#fff;color:#2563eb;box-shadow:0 6px 18px rgba(37,99,235,.12);font-weight:900}
.rep-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.rep-kpi{border:1px solid var(--line);border-radius:20px;background:#fff;padding:16px;min-width:0;box-shadow:0 10px 26px rgba(15,23,42,.05)}
.rep-kpi small{display:block;color:var(--muted2);font-weight:850;text-transform:uppercase;letter-spacing:.07em;font-size:9px}
.rep-kpi h3{margin:7px 0 6px;font-size:15px;line-height:1.3;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rep-kpi p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}
.rep-kpi-score{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:27px;padding:0 9px;border-radius:99px;background:#eef2ff;color:#3730a3;font-size:12px;font-weight:900;margin-top:8px}
.rep-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.rep-tab{border:1px solid var(--line);border-radius:99px;background:#fff;color:#475467;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer}
.rep-tab.active{background:#172554;color:#fff;border-color:#172554}
.rep-panel{display:none}.rep-panel.active{display:block}
.rep-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:13px}
.rep-card{border:1px solid var(--line);border-radius:20px;background:#fff;padding:17px;box-shadow:0 9px 25px rgba(15,23,42,.045)}
.rep-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.rep-card h3{margin:0;font-size:16px;line-height:1.35;letter-spacing:-.025em}
.rep-card-source{margin:6px 0 0;color:var(--muted);font-size:11px}
.rep-score{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#172554,#2563eb);color:#fff;font-size:15px;font-weight:900}
.rep-score.missing{background:#f1f5f9;color:#94a3b8}
.rep-meta{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}
.rep-pill{display:inline-flex;align-items:center;border-radius:99px;padding:5px 8px;background:#f1f5f9;color:#475467;font-size:10px;font-weight:750}
.rep-pill.good{background:#ecfdf3;color:#067647}.rep-pill.warn{background:#fff7ed;color:#b54708}.rep-pill.bad{background:#fef3f2;color:#b42318}.rep-pill.info{background:#eef4ff;color:#3538cd}
.rep-diff{border-top:1px solid #eef2f7;margin-top:12px;padding-top:12px}
.rep-diff strong{display:block;font-size:11px;color:#344054;margin-bottom:7px}
.rep-diff-list{display:flex;gap:6px;flex-wrap:wrap}
.rep-diff-item{border:1px solid #dbeafe;background:#f8fbff;border-radius:11px;padding:6px 8px;color:#1e40af;font-size:10px;font-weight:700}
.rep-link{display:inline-flex;margin-top:11px;color:#1744ee;font-size:11px;font-weight:800;text-decoration:none}.rep-link:hover{text-decoration:underline}
.rep-unavailable{display:inline-flex;align-items:center;border-radius:99px;padding:5px 8px;background:#f8fafc;color:#94a3b8;border:1px dashed #cbd5e1;font-size:10px;font-weight:800}
.rep-ranking-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:13px}
.rep-ranking-tools span{font-size:11px;color:var(--muted);font-weight:800;margin-right:3px}
.rep-coverage{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0 18px}
.rep-method{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.rep-method article{border:1px solid var(--line);border-radius:18px;background:#fff;padding:16px}
.rep-method h4{margin:0 0 6px;font-size:13px}.rep-method p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.rep-error{border:1px solid #fecaca;background:#fef2f2;color:#991b1b;border-radius:16px;padding:14px 16px;font-size:13px}
@media(max-width:1000px){.rep-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.rep-shell{padding:14px}.rep-kpis{grid-template-columns:1fr}.rep-grid{grid-template-columns:1fr}.rep-topbar{align-items:flex-start}.rep-card{padding:14px}}
@media(max-width:760px){#repercussaoView .rep-topbar{display:flex!important;padding:56px 14px 4px;opacity:1;gap:12px}#repercussaoView .rep-topbar .filter-btn{width:100%}}
.lang-principal-pill{border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:11px;color:#475467;background:#fafafa}
@media(max-width:760px){
  .lang-shell{padding:14px}
  .lang-summary{grid-template-columns:1fr 1fr}
  .lang-grid{grid-template-columns:1fr}
}