/* Painel de interesse por IA: completa ../dados-da-regiao/assets/painel.css */
:root { --s1: #157f3b; --s2: #b3123a; --s3: #9a7400; --s4: #111111; --s5: #5fb27c; --am: #fff36b; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --s1: #6fd39b; --s2: #ff7d93; --s3: #f2c94c; --s4: #f3f3f1; --s5: #2c9a5a; --am: #5b5512; }
}
:root[data-theme="dark"] { --s1: #6fd39b; --s2: #ff7d93; --s3: #f2c94c; --s4: #f3f3f1; --s5: #2c9a5a; --am: #5b5512; }

.resumo-lista { margin: 18px 0 0; padding-left: 20px; max-width: 820px; font-size: 16px; }
.resumo-lista li { margin-bottom: 6px; }

.chips-ver { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.chips-ver .gr { width: 100%; font-size: 12.5px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--ink-2); margin-top: 6px; }
.chips-ver button { border: 1.5px solid var(--ink); background: var(--paper); border-radius: 99px; padding: 5px 12px; font-size: 13.5px; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; min-height: 34px; }
.chips-ver button:hover { background: var(--paper-2); }
.chips-ver button[aria-pressed="true"] { background: var(--ink); color: var(--paper); }
.chips-ver button i { width: 12px; height: 12px; border-radius: 3px; display: inline-block; }

.linha svg { width: 100%; height: auto; display: block; touch-action: pan-y; }
.linha text { font-family: var(--body); font-size: 12px; fill: var(--ink-2); }
.linha .grade { stroke: var(--line); }
.linha .eixo { stroke: var(--ink); stroke-width: 1.5; }
.linha .serie { fill: none; stroke-width: 2.5; stroke-linejoin: round; }
.linha .evento line { stroke: var(--ink-3); stroke-dasharray: 4 4; }
.linha .evento text { fill: var(--ink-2); font-size: 11.5px; }
.linha .cursor { stroke: var(--ink); stroke-width: 1; }
.legenda .ln { display: inline-block; width: 22px; height: 0; border-top: 3px solid; vertical-align: 3px; margin-right: 6px; }

.barra .b.g-ia { background: var(--s1); }
.barra .b.g-fe { background: var(--s3); }
.barra .b.g-ed { background: var(--s5); }

.usos { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 18px; margin-top: 18px; }
.uso { display: block; color: inherit; text-decoration: none; transition: transform .12s, box-shadow .12s; }
.uso:hover { transform: translate(-2px, -2px); box-shadow: 6px 6px 0 var(--ink); }
.uso p { font-size: 15px; color: var(--ink-2); margin: 6px 0 0; }