/* WEB additions only. Original application styles own navigation and page layout. */
.cmz-web-context { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:0 0 16px; padding:10px 12px; border:1px solid var(--cmz-ui-border); border-radius:8px; background:var(--cmz-ui-surface); }
.cmz-web-context form { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:0; min-width:0; }
.cmz-web-context label { margin:0; color:var(--cmz-ui-muted); font-size:12px; }
.cmz-web-context select { width:auto; max-width:260px; min-width:150px; }
.cmz-web-context button { width:auto; margin:0; }
.cmz-web-context small { color:var(--cmz-ui-muted); }
.cmz-web-context .cmz-web-context-select { display:flex; align-items:center; gap:8px; min-width:0; }
.cmz-web-context .cmz-web-context-select > .fa-chevron-down { display:none; }
.cmz-web-context .cmz-web-context-single { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.cmz-web-context .cmz-web-context-single > span { color:var(--cmz-ui-muted); font-size:12px; }
.ws-overview { display:grid; gap:16px; min-width:0; }
.ws-overview .ws-page-head { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; }
.ws-overview .ws-page-head h1 { margin:0 0 4px; }
.ws-overview .ws-page-head p { margin:0; }
.ws-overview .ws-eyebrow { display:block; color:var(--cmz-ui-muted); font-size:12px; }
.ws-overview .ws-muted, .ws-overview .ws-stat-label, .ws-overview .ws-stat-meta { color:var(--cmz-ui-muted); font-size:12px; }
.ws-overview .ws-grid { display:grid; gap:16px; min-width:0; }
.ws-overview .ws-grid-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.ws-overview .ws-overview-columns { grid-template-columns:repeat(2,minmax(0,1fr)); }
.ws-overview .ws-card { min-width:0; border:1px solid var(--cmz-ui-border); border-radius:10px; background:var(--cmz-ui-surface); box-shadow:var(--cmz-ui-shadow); }
.ws-overview .ws-card-head { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; padding:12px 14px; border-bottom:1px solid var(--cmz-ui-border); }
.ws-overview .ws-card-head h2 { margin:0; font-size:16px; }
.ws-overview .ws-card-body { margin:0; padding:14px; }
.ws-overview .ws-stat { display:flex; flex-direction:column; gap:6px; padding:16px; }
.ws-overview .ws-stat-value { font-size:24px; font-weight:650; color:var(--cmz-ui-text); font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.ws-overview .ws-date-filter { display:flex; align-items:flex-end; flex-wrap:wrap; gap:10px; padding:12px 14px; border:1px solid var(--cmz-ui-border); border-radius:8px; background:var(--cmz-ui-surface); }
.ws-overview .ws-date-filter label { margin:0; min-width:0; }
.ws-overview .ws-date-filter input { display:block; max-width:100%; }
.ws-overview .ws-date-filter :is(.btn-primary,.btn-secondary) { width:auto; margin:0; text-decoration:none; }
.ws-overview .ws-date-filter > span { align-self:center; }
.ws-overview .ws-table-wrap { max-width:100%; overflow-x:auto; }
.ws-overview .ws-table { width:100%; border-collapse:collapse; font-size:12px; font-variant-numeric:tabular-nums; }
.ws-overview .ws-table :is(th,td) { padding:8px 10px; border-bottom:1px solid var(--cmz-ui-border); text-align:left; vertical-align:middle; white-space:nowrap; }
.ws-overview .ws-table th { background:var(--cmz-ui-head); color:var(--cmz-ui-text); font-weight:600; }
.ws-overview .ws-table tbody tr:nth-child(even) { background:var(--cmz-ui-soft); }
.ws-overview .ws-table .ws-numeric { text-align:right; }
.ws-overview .ws-table a, .ws-overview .ws-card-head a, .ws-overview .ws-pending-row a { color:var(--cmz-ui-link); }
.ws-overview .ws-block { display:block; }
.ws-overview .ws-empty { padding:20px 12px; text-align:center; color:var(--cmz-ui-muted); }
.ws-overview .ws-pill { display:inline-block; padding:3px 7px; border:1px solid var(--cmz-ui-border); border-radius:6px; background:var(--cmz-ui-soft); color:var(--cmz-ui-muted); font-size:11px; }
.ws-overview .ws-status-approved { background:var(--cmz-ui-positive-bg); border-color:var(--cmz-ui-positive-border); color:var(--cmz-ui-positive); }
.ws-overview .ws-status-pending { background:var(--cmz-ui-warning-bg); border-color:var(--cmz-ui-warning-border); color:var(--cmz-ui-warning); }
.ws-overview .ws-status-rejected { background:var(--cmz-ui-negative-bg); border-color:var(--cmz-ui-negative-border); color:var(--cmz-ui-negative); }
.ws-overview .ws-pending-row { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding:8px 0; border-bottom:1px solid var(--cmz-ui-border); }
.ws-overview .ws-pending-row > strong { margin-left:auto; }
.ws-overview .ws-pending-row:last-child { border-bottom:0; }
.ws-overview .ws-member-row { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding:8px 0; border-bottom:1px solid var(--cmz-ui-border); }
.ws-overview .ws-member-row:last-child { border-bottom:0; }
.ws-overview .ws-member-row > .ws-pill { margin-left:auto; }
.ws-overview .ws-member-mark { display:grid; place-items:center; width:32px; height:32px; border-radius:6px; background:var(--cmz-ui-blue-soft); color:var(--cmz-ui-link); font-size:11px; }
.ws-overview .ws-quota-value strong { font-size:24px; font-variant-numeric:tabular-nums; }
.ws-overview .ws-quota-meter { width:100%; height:8px; margin-top:10px; accent-color:var(--cmz-ui-blue); }
.ws-overview .ws-daily-scroll { max-height:330px; overflow:auto; }
.ws-overview .ws-dashboard-footnote { margin:0; }
.workspace-bank-summary, .workspace-bank-admin { max-width:100%; }
.workspace-bank-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.workspace-bank-summary :is(h2,p) { margin:0; }
.workspace-bank-meter { padding:12px; border:1px solid var(--cmz-ui-border); border-radius:8px; background:var(--cmz-ui-soft); }
.workspace-bank-meter strong { display:block; font-size:22px; font-variant-numeric:tabular-nums; }
.workspace-bank-meter span { color:var(--cmz-ui-muted); font-size:12px; }
.workspace-bank-admin summary { cursor:pointer; font-weight:600; }
.workspace-bank-settings-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.workspace-bank-settings-grid > form { min-width:0; }
.workspace-bank-admin .workspace-check-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:12px 0; padding:10px; border:1px solid var(--cmz-ui-border); border-radius:8px; }
.workspace-bank-admin .workspace-check-grid label, .workspace-bank-admin .workspace-check-label { display:flex; align-items:center; gap:8px; margin:0; }
.workspace-bank-admin .workspace-check-label { margin:12px 0; }
.workspace-bank-admin .workspace-bank-worker { margin-top:16px; padding-top:12px; border-top:1px solid var(--cmz-ui-border); }
@media (max-width:1100px) {
  .ws-overview .ws-grid-4 { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:860px) {
  .ws-overview .ws-overview-columns, .workspace-bank-settings-grid { grid-template-columns:minmax(0,1fr); }
  .cmz-web-context select { max-width:100%; }
}
@media (max-width:520px) {
  .ws-overview .ws-grid-4, .workspace-bank-summary, .workspace-bank-admin .workspace-check-grid { grid-template-columns:minmax(0,1fr); }
  .ws-overview .ws-date-filter label { flex:1 1 100%; }
  .ws-overview .ws-date-filter :is(.btn-primary,.btn-secondary) { flex:1 1 auto; text-align:center; }
  .cmz-web-context form { width:100%; }
  .cmz-web-context .cmz-web-context-select { flex:1 1 150px; }
  .cmz-web-context select { flex:1 1 150px; min-width:0; }
}