/* SOLAR CRM Reports screen (area G). Layout only: colours come from ui/tokens.css. Every class starts rp-. */
.sol-app .rp-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 0 0 16px; }
.sol-app .rp-bar-r { display: inline-flex; gap: 8px; flex-wrap: wrap; margin-left: auto; }
.sol-app .rp-body > * + * { margin-top: var(--gap, 16px); }
.sol-app .rp-body .kpi-row { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
.sol-app .rp-grid { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 16px; align-items: start; }
.sol-app .rp-bars { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.sol-app .rp-bars li { display: grid; grid-template-columns: minmax(96px, 150px) minmax(0, 1fr) auto; align-items: center; gap: 12px; }
.sol-app .rp-bl { color: var(--u-ink); font-weight: 600; overflow-wrap: anywhere; } .sol-app .rp-bn { font-variant-numeric: tabular-nums; font-weight: 700; text-align: right; min-width: 40px; } .sol-app .rp-bn small { color: var(--u-muted); font-weight: 500; }
.sol-app .rp-bar-t { display: block; height: 10px; border-radius: 99px; background: var(--u-mist, rgba(15, 64, 123, .08)); overflow: hidden; }
.sol-app .rp-bar-t > span { display: block; height: 100%; border-radius: 99px; background: var(--u-accent, #0F407B); min-width: 2px; }
.sol-app .rp-goals { list-style: none; margin: 0; padding: 0; display: grid; gap: 18px; }
.sol-app .rp-goals li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; align-items: center; } .sol-app .rp-goals .rp-bar-t, .sol-app .rp-goals .acts { grid-column: 1 / -1; }
.sol-app .rp-g-top { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .sol-app .rp-goals .acts { display: flex; gap: 8px; flex-wrap: wrap; }
.sol-app .rp-list { list-style: none; margin: 0; padding: 0; } .sol-app .rp-list li { display: flex; align-items: center; justify-content: space-between; gap: 8px 16px; flex-wrap: wrap; padding: 12px 0; border-top: 1px solid var(--u-line); } .sol-app .rp-list li:first-child { border-top: 0; }
.sol-app .rp-main { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 260px; } .sol-app .rp-main .row-t { font-weight: 600; overflow-wrap: anywhere; } .sol-app .rp-main .row-s { color: var(--u-muted); font-size: 13px; overflow-wrap: anywhere; }
.sol-app .rp-list .acts { display: flex; gap: 8px; flex-wrap: wrap; }
.sol-app .rp-gone { margin-top: 10px; } .sol-app .rp-gone summary { cursor: pointer; color: var(--u-muted); font-size: 13px; }
.sol-app .rp-to { display: grid; gap: 8px; max-height: 220px; overflow: auto; }
.sol-app .rp-top { display: inline-grid; place-items: center; width: 22px; height: 22px; margin-right: 6px; border-radius: 50%; background: var(--u-soon-bg); color: var(--u-soon-fg); vertical-align: middle; } .sol-app .rp-top .ic { width: 13px; height: 13px; }
.sol-app .rp-soon .card-h .chip { margin-left: 8px; }
.sol-app .rp-mine .kv { display: grid; grid-template-columns: 1fr auto; gap: 8px 16px; margin: 0; } .sol-app .rp-mine .kv dt { color: var(--u-muted); } .sol-app .rp-mine .kv dd { margin: 0; font-weight: 600; text-align: right; }
@media (max-width: 899px) {
  .sol-app .rp-grid { grid-template-columns: 1fr; }
  .sol-app .rp-bars li { grid-template-columns: minmax(0, 1fr) auto; } .sol-app .rp-bars li .rp-bar-t { grid-column: 1 / -1; grid-row: 2; }
  .sol-app .rp-bar { flex-direction: column; align-items: stretch; } .sol-app .rp-bar-r { margin-left: 0; } .sol-app .rp-bar-r .btn { flex: 1 1 auto; justify-content: center; }
  .sol-app .rp-body .kpi-row { grid-template-columns: repeat(2, minmax(0, 1fr)); display: grid; overflow: visible; } .sol-app .rp-body .kpi-row .kpi-tile { flex: none; }
}
.sol-app .rp-body .kpi-tile .tile-sub { white-space: normal; overflow: visible; text-overflow: clip; }