/* admin pages: the main admins' customers, one customer, price and UPI. */

/* How a company's plan stands (android AdminStatus colours). */
.pill.st-verify { background: var(--accent-bg); color: var(--accent-dark); }
.pill.st-due { background: var(--warn-bg); color: var(--warn); }
.pill.st-trial { background: var(--info-bg); color: var(--navy); }
.pill.st-paid { background: var(--good-bg); color: var(--good); }
.pill.st-viewonly { background: var(--bad-bg); color: var(--bad); }

.admin-kpis { grid-template-columns: repeat(6, minmax(0, 1fr)); }
@media (max-width: 1250px) { .admin-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 560px) { .admin-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.admin-kpis .kpi-value { font-size: 20px; }

/* The customers table, with the chosen customer beside it on a wide screen. */
.admin-split { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; align-items: start; }
.admin-split.with-detail { grid-template-columns: minmax(0, 1fr) 400px; }
.admin-list { overflow: hidden; }
.admin-table tr.on td { background: var(--info-bg); }
.admin-table tr.on td:first-child { box-shadow: inset 3px 0 0 var(--navy); }
.admin-detail { position: sticky; top: 16px; max-height: calc(100vh - 32px); overflow-y: auto; }

.admin-panel-head { display: flex; flex-direction: column; gap: 4px; align-items: flex-start; }
.admin-panel-head h2 { font-size: 19px; font-weight: 800; overflow-wrap: anywhere; }
.admin-plan-head { font-size: 18px; font-weight: 800; }
.admin-facts .kv:first-of-type { margin-top: 6px; }
.admin-claim { display: flex; flex-direction: column; gap: 6px; background: var(--accent-bg); border: 1px solid var(--accent-dark); border-radius: var(--radius); padding: 14px 16px; }
.admin-claim .row { margin-top: 4px; }
.admin-actions { display: flex; flex-direction: column; gap: 8px; }
.admin-actions-row { display: flex; gap: 8px; flex-wrap: wrap; }
.admin-actions-row .btn { flex: 1 1 auto; }
.admin-facts-card .admin-actions { margin-top: 14px; }

.admin-history { display: flex; flex-direction: column; }
.admin-history-row { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 10px; padding: 8px 0; align-items: baseline; }
.admin-history-row + .admin-history-row { border-top: 1px dashed var(--line); }
.admin-history-row.price-row { grid-template-columns: minmax(0, 1fr) auto; }
.admin-panel .section-title { margin: 0 0 4px; }

/* Price and UPI. */
.admin-settings { grid-template-columns: minmax(0, 1fr) 380px; }
@media (max-width: 1100px) { .admin-settings { grid-template-columns: minmax(0, 1fr); } }
.form-gap { margin-top: 8px; }
.price-effect span { display: block; }
.admin-table td:first-child { min-width: 170px; }
@media (max-width: 1100px) { .admin-page-split > .admin-facts-card { order: -1; } }