/* Additions on top of lighthou's stylesheet. Kept separate so style.css stays
   byte-identical to the site it was copied from and can be re-synced. */
.dash-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.dash-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.dash-5 { grid-template-columns:repeat(5,minmax(0,1fr)); }
@media (max-width:1080px) {
  .dash-3,.dash-4,.dash-5 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .dash-card + .dash-card { border-left:0; }
}

.tabpane { display:block; }
select { border:1px solid #dfe2e6; border-radius:4px; padding:7px 9px; background:#fff; font:inherit; color:inherit; }
select:focus { outline:0; border-color:#8794a3; }
.finance-dialog label { display:block; margin-bottom:12px; font-size:12px; color:var(--muted); }
.finance-dialog label input,.finance-dialog label select { display:block; width:100%; margin-top:5px; color:var(--ink); font-size:13px; }

/* Issued-secret and authorize-url readouts */
code.ob-link,#secret-value { display:block; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:12px;
  overflow-wrap:anywhere; background:#f6f7f8; border:1px solid var(--line); border-radius:4px; padding:9px 11px; }

/* Role chip in the header */
.role-chip { font-size:11px; color:#5b6472; background:#f0f2f4; border-radius:3px; padding:2px 7px; white-space:nowrap; }

/* Estimated figures read differently from billed ones */
.est { color:#6b7280; }
.est::after { content:"≈"; margin-left:3px; font-size:10px; color:#a3a9b2; vertical-align:super; }

/* Call examples */
.snippet { margin:0 0 18px; }
.snippet h3 { margin-bottom:7px; }
.snippet pre { margin:0; padding:12px 14px; background:#fafbfc; border:1px solid var(--line); border-radius:4px;
  overflow-x:auto; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:12px; line-height:1.65; }
.snippet-head { display:flex; align-items:baseline; justify-content:space-between; gap:12px; }

.kv { display:grid; grid-template-columns:auto 1fr; gap:6px 16px; font-size:12px; margin-bottom:16px; }
.kv dt { color:var(--muted); }
.kv dd { margin:0; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; overflow-wrap:anywhere; }

.warn-note { color:#8a6d3b; font-size:12px; }
.row-actions { display:flex; gap:8px; justify-content:flex-end; }