header .tenantselect{display:flex;align-items:center;gap:7px}header select{margin-top:0}a.card{color:var(--ink)}.card strong{overflow-wrap:anywhere}.pagehead .actions{margin-top:0}
@media(max-width:900px){header .tenantselect{display:none}}
.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.calendar-day{min-height:110px;border:1px solid var(--border);padding:8px}.calendar-event{display:block;margin:6px 0;padding:5px;background:var(--bg);font-size:12px;overflow-wrap:anywhere}.calendar-event small{display:block}.tabs a.selected{border-color:var(--blue)}@media(max-width:600px){.calendar-day{padding:3px;min-height:80px}.calendar-event{font-size:10px}}
.wrap{white-space:pre-wrap;overflow-wrap:anywhere}.chart{width:100%;max-height:260px}.chart-bar{fill:var(--blue)}.chart-value{fill:var(--ink);font-size:14px}.chart-label{fill:var(--muted);font-size:12px}
.toolbar{flex-wrap:wrap;align-items:flex-end}.toolbar>.field{flex:1 1 170px;min-width:150px;max-width:260px}.toolbar>input[name=q]{flex:1 1 240px;min-width:190px}.toolbar>button,.toolbar>.button,.toolbar>a{flex-shrink:0;margin-bottom:1px}.actions{flex-wrap:wrap}@media(max-width:500px){.toolbar>.field,.toolbar>input[name=q]{min-width:0;max-width:none;flex-basis:100%}header{gap:8px;padding:0 8px}header img{width:130px}header button{padding:8px}header .brand-label{display:none}.cards{grid-template-columns:1fr}.details{grid-template-columns:1fr}.panel{padding:16px}}

.help-section article { padding: 12px 0; border-top: 1px solid var(--border); scroll-margin-top: 85px; }
.help-section article h3, .help-section article p { margin: 4px 0; }
.help-section summary { cursor: pointer; margin-top: 10px; }
.help-section dt { font-weight: 600; margin-top: 10px; }
.help-section dd { margin: 4px 0; }
.help-tour { width: min(480px, calc(100% - 32px)); max-height: calc(100% - 32px); padding: 24px; border: 1px solid var(--border); border-radius: 8px; color: var(--ink); background: var(--surface); }
.help-tour::backdrop { background: #151923a6; }
.help-tour h2 { font-size: 21px; }
.help-tour button:disabled { opacity: .5; cursor: default; }
header img { width: auto; height: 38px; max-width: 42vw; vertical-align: middle; }
@media (max-width: 500px) { header img { height: 32px; } }

header { background: #262334; border-bottom-color: #3c384d; color: #f6f4fa; }
header button, header select { background: #363247; border-color: #534d65; color: #f6f4fa; }
.login img { display: block; background: #262334; border-radius: 6px; padding: 6px 12px; }