/* Sentinela · painel do REVENDEDOR · leva P-4d (diário 105). Só seletores com prefixo r1- (a casca é a .app.ti). Cores só por token. */

.r1-sub { font-size: 13px; max-width: 680px; }
.r1-pill { font-size: 11.5px; padding: 2px 7px; border-radius: 3px; white-space: nowrap; border: 1px solid; display: inline-block; }
.r1-pill.ok { color: var(--sx-6fd39f); background: var(--sx-13261c); border-color: var(--sx-24503a); }
.r1-pill.amb { color: var(--sx-f2c46e); background: var(--sx-2b2214); border-color: var(--sx-5c4521); }
.r1-pill.bad { color: var(--sx-f07b7f); background: var(--sx-2a1719); border-color: var(--sx-5a2a2d); }
.r1-pill.cinza { color: var(--sx-8a949e); border-color: var(--sx-2e353d); }
.r1-pill.neutro { color: var(--sx-c4cad0); border-color: var(--sx-38414a); }

.r1-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr)); gap: 1px; background: var(--sx-262c33); border: 1px solid var(--sx-262c33); border-radius: 4px; overflow: hidden; }
.r1-kpis > div { background: var(--sx-151a1f); padding: 14px 16px; display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.r1-kpis span { font-size: 12px; color: var(--sx-8a949e); }
.r1-kpis b { font-size: 21px; font-weight: 500; overflow-wrap: anywhere; }
.r1-kpis b.amb { color: var(--sx-f2c46e); }
.r1-kpis small { font-size: 11.5px; color: var(--sx-6b7580); }

.r1-grade { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; align-items: start; }
@media (min-width: 1100px) { .r1-grade { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); } }
.r1-lista { overflow: hidden; }
.r1-th { display: none; }
.r1-tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 14px; padding: 11px 16px; border-bottom: 1px solid var(--sx-1f252b); align-items: center; font-size: 13px; color: var(--sx-e4e7eb); }
a.r1-tr:hover { color: var(--sx-e4e7eb); background: var(--sx-161b20); }
.r1-nm { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.r1-nm b { font-weight: 500; overflow-wrap: anywhere; }
.r1-nm .faint { font-size: 12px; }
.r1-cli > .r1-nm { grid-column: 1 / -1; }
.r1-fat > .r1-nm { grid-column: 1 / -1; }
.r1-val { text-align: right; }
.r1-nada { padding: 24px 16px; text-align: center; color: var(--sx-8a949e); font-size: 13px; }
.r1-kv { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr)); gap: 12px 18px; padding: 14px 16px; font-size: 13px; }
.r1-kv > div { display: flex; flex-direction: column; gap: 2px; }
.r1-kv span { font-size: 11.5px; color: var(--sx-8a949e); }
.r1-kv b { font-weight: 400; }
.r1-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.r1-chips button { min-height: 32px; padding: 0 12px; border-radius: 16px; font-size: 12.5px; cursor: pointer; background: var(--sx-151a1f); border: 1px solid var(--sx-2e353d); color: var(--sx-c4cad0); }
.r1-chips button .mono { font-size: 11px; color: var(--sx-6b7580); }
.r1-chips button.on { background: var(--sx-2b2214); border-color: #E8A93B; color: var(--sx-f2c46e); }
@media (min-width: 900px) {
  .r1-th { display: grid; gap: 14px; padding: 10px 16px; background: var(--sx-12161a); border-bottom: 1px solid var(--sx-262c33); font-family: var(--mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--sx-6b7580); }
  .r1-cli { grid-template-columns: minmax(0, 2fr) 190px 120px; }
  .r1-cli > .r1-nm, .r1-fat > .r1-nm { grid-column: auto; }
  .r1-th.r1-cli > span:last-child { text-align: right; }
  .r1-fat { grid-template-columns: minmax(0, 2fr) 120px 110px; }
}
.r1-tr > .r1-pill { justify-self: start; }