/* The few components this product adds to DWM's stylesheet (app.css).
   Same tokens, no new colours. Everything that would be an inline style
   lives here: the CSP forbids style attributes. */

.alert-list { margin: .35rem 0 0; padding-left: 1.1rem; }
.alert-list li { margin: .15rem 0; }
.alert > .icon { flex: none; margin-top: .1rem; }

.stack { display: flex; flex-direction: column; gap: 1rem; min-width: 0; }
.split > * { min-width: 0; }

/* The bar beside a ranked value. */
.bar-col { width: 7rem; }
.bar-col .meter { height: 5px; }

h2.mt-0 { margin-top: 0; }
.hint.mb-1 { margin-bottom: 1rem; }

/* Window links look like the DWM segmented buttons. */
a.seg-btn { display: inline-block; text-decoration: none; }
a.seg-btn:hover { text-decoration: none; }

.table-wrap table[data-static] th { white-space: nowrap; }

/* The monthly report is meant to be printed or saved as PDF. */
.report .no-print select { width: auto; }
.report-controls { margin-bottom: 1.2rem; }
.report-controls .field-row { max-width: 28rem; }
.report-controls .hint { margin: 0; }

/* The interface language switch: the segmented buttons of the window switch, in
   the sidebar above the account and on the sign-in page above the card. */
.lang-switch { display: inline-flex; gap: 2px; padding: 2px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--sunken); }
.lang-btn {
  padding: .2rem .55rem;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: var(--muted);
  font: inherit;
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: .04em;
  cursor: pointer;
}
.lang-btn:hover { color: var(--fg); background: var(--surface-2); }
.lang-btn.is-active { background: var(--surface-2); color: var(--fg); cursor: default; }
.side-nav + .lang-switch, .sidebar > .lang-switch { margin: 0 0 .6rem; align-self: flex-start; }
.auth-lang { display: flex; justify-content: flex-end; margin-bottom: .7rem; }

@media print {
  :root {
    color-scheme: light;
    --bg: #fff; --bg-soft: #fff; --surface: #fff; --surface-2: #f3f5f8; --sunken: #f3f5f8;
    --line: #cfd6e0; --line-soft: #e3e8ef; --fg: #12161d; --fg-dim: #2a313c; --muted: #4b5563;
    --faint: #6b7280; --card-sheen: none; --shadow: none;
  }
  body.app { display: block; }
  .sidebar, .topbar, .no-print, .seg, .tabs, .lang-switch, .card-foot button { display: none !important; }
  .content { max-width: none; padding: 0; }
  .card { break-inside: avoid; box-shadow: none; }
  .chart .u-legend { color: #4b5563; }
  a { color: inherit; }
}