/* Ecentrum Design System 2.0 — shared, opt-in component states. */
.ds-empty-state,
.ds-status-state {
  display:grid;
  gap:var(--ds-space-2);
  padding:var(--ds-space-6);
  border:1px dashed var(--ds-border-subtle);
  border-radius:var(--ds-radius-lg);
  background:var(--ds-bg-surface);
  color:var(--ds-text-secondary);
  box-shadow:var(--ds-shadow-raised);
}

.ds-empty-state > :where(strong, h2, h3),
.ds-status-state > :where(strong, h2, h3) {
  color:var(--ds-text-primary);
  font-size:var(--ds-font-size-lg);
  line-height:var(--ds-line-height-control);
}

.ds-empty-state > :where(p, span),
.ds-status-state > :where(p, span) {
  margin:0;
  line-height:var(--ds-line-height-body);
}

.ds-empty-state--compact,
.ds-status-state--compact {
  padding:var(--ds-space-4);
  border-radius:var(--ds-radius-md);
}

/* Cards, toolbar and form primitives are opt-in to protect legacy surfaces. */
.ds-card {
  display:grid;
  min-width:0;
  gap:var(--ds-space-4);
  padding:var(--ds-space-6);
  border:1px solid var(--ds-border-subtle);
  border-radius:var(--ds-radius-lg);
  background:var(--ds-bg-surface);
  color:var(--ds-text-primary);
  box-shadow:var(--ds-shadow-raised);
}

.ds-card--flat {
  box-shadow:none;
}

.ds-card--compact {
  gap:var(--ds-space-3);
  padding:var(--ds-space-4);
  border-radius:var(--ds-radius-md);
}

.ds-card__header {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--ds-space-3);
  min-width:0;
}

.ds-card__title {
  margin:0;
  color:var(--ds-text-primary);
  font:700 var(--ds-font-size-lg)/var(--ds-line-height-control) var(--ds-font-sans);
}

.ds-card__meta {
  margin:0;
  color:var(--ds-text-secondary);
  font-size:var(--ds-font-size-md);
  line-height:var(--ds-line-height-body);
}

.ds-card--interactive {
  transition:border-color var(--ds-motion-fast) ease, box-shadow var(--ds-motion-fast) ease, transform var(--ds-motion-fast) ease;
}

.ds-card--interactive:is(:hover, :focus-within) {
  border-color:color-mix(in srgb, var(--ds-action-primary) 36%, var(--ds-border-subtle));
  box-shadow:var(--ds-shadow-floating);
}

.ds-card--interactive:hover {
  transform:translateY(-1px);
}

.ds-card--interactive:active {
  transform:translateY(0);
}

.ds-toolbar {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--ds-space-3);
  min-width:0;
}

.ds-toolbar--split {
  justify-content:space-between;
}

.ds-toolbar--surface {
  padding:var(--ds-space-2);
  border:1px solid var(--ds-border-subtle);
  border-radius:var(--ds-radius-md);
  background:var(--ds-bg-subtle);
}

.ds-toolbar__group {
  display:flex;
  flex:0 1 auto;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--ds-space-2);
  min-width:0;
}

.ds-toolbar__spacer { flex:1 1 var(--ds-space-4); }

.ds-toolbar__note {
  margin:0;
  color:var(--ds-text-secondary);
  font-size:var(--ds-font-size-md);
  line-height:var(--ds-line-height-body);
}

.ds-field {
  display:grid;
  gap:var(--ds-space-2);
  min-width:0;
  color:var(--ds-text-primary);
  font:600 var(--ds-font-size-sm)/var(--ds-line-height-control) var(--ds-font-sans);
}

.ds-field__label {
  color:var(--ds-text-secondary);
}

.ds-field__control {
  box-sizing:border-box;
  width:100%;
  min-height:var(--ds-touch-target-min);
  padding:0 var(--ds-space-3);
  border:1px solid var(--ds-border-subtle);
  border-radius:var(--ds-radius-md);
  background:var(--ds-bg-surface);
  color:var(--ds-text-primary);
  font:500 var(--ds-font-size-body)/var(--ds-line-height-control) var(--ds-font-sans);
  transition:border-color var(--ds-motion-fast) ease, box-shadow var(--ds-motion-fast) ease;
}

textarea.ds-field__control {
  min-height:96px;
  padding-block:var(--ds-space-3);
  resize:vertical;
}

.ds-field__control::placeholder { color:var(--ds-text-secondary); }

.ds-field[data-state='error'] .ds-field__label,
.ds-field[data-state='error'] .ds-field__hint {
  color:var(--ds-state-danger);
}

.ds-field[data-state='error'] .ds-field__control {
  border-color:var(--ds-state-danger);
}

.ds-field__control:disabled {
  cursor:not-allowed;
  background:var(--ds-bg-subtle);
  color:var(--ds-text-secondary);
}

.ds-field__hint,
.ds-field__error {
  margin:0;
  font:500 .8125rem/1.45 var(--ds-font-sans);
}

.ds-field__hint { color:var(--ds-text-secondary); }
.ds-field__error { color:var(--ds-state-danger); }

.ds-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--ds-space-2);
  min-height:var(--ds-touch-target-min);
  padding:0 var(--ds-space-4);
  border:1px solid transparent;
  border-radius:var(--ds-radius-md);
  background:var(--ds-bg-surface);
  color:var(--ds-text-primary);
  cursor:pointer;
  font:650 var(--ds-font-size-md)/1 var(--ds-font-sans);
  text-decoration:none;
  transition:background-color var(--ds-motion-fast) ease, border-color var(--ds-motion-fast) ease, box-shadow var(--ds-motion-fast) ease, transform var(--ds-motion-fast) ease;
}

.ds-button--primary {
  border-color:var(--ds-action-primary);
  background:var(--ds-action-primary);
  color:var(--ds-white);
}

.ds-button--primary:is(:hover, :focus-visible) {
  border-color:var(--ds-action-primary-hover);
  background:var(--ds-action-primary-hover);
}

.ds-button--secondary {
  border-color:var(--ds-border-subtle);
}

.ds-button--secondary:is(:hover, :focus-visible) {
  background:var(--ds-bg-subtle);
}

.ds-button--danger {
  border-color:color-mix(in srgb, var(--ds-state-danger) 36%, var(--ds-border-subtle));
  color:var(--ds-state-danger);
}

.ds-button:disabled,
.ds-button[aria-disabled='true'],
.ds-button[aria-busy='true'] {
  cursor:not-allowed;
  opacity:.62;
}

.ds-button[aria-busy='true']::before {
  width:.875em;
  height:.875em;
  border:2px solid currentColor;
  border-right-color:transparent;
  border-radius:50%;
  content:"";
  animation:ds-spin .7s linear infinite;
}

.ds-button:active:not(:disabled):not([aria-disabled='true']) {
  transform:translateY(1px);
}

@keyframes ds-spin { to { transform:rotate(360deg); } }

.ds-icon-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:var(--ds-touch-target-min);
  min-width:var(--ds-touch-target-min);
  min-height:var(--ds-touch-target-min);
  padding:0;
  border:1px solid var(--ds-border-subtle);
  border-radius:var(--ds-radius-md);
  background:var(--ds-bg-surface);
  color:var(--ds-text-primary);
  cursor:pointer;
  transition:background-color var(--ds-motion-fast) ease,border-color var(--ds-motion-fast) ease;
}

.ds-icon-button:hover { background:var(--ds-bg-subtle); }

.ds-badge {
  display:inline-flex;
  align-items:center;
  min-height:20px;
  padding:0 var(--ds-space-2);
  border:1px solid var(--ds-border-subtle);
  border-radius:var(--ds-radius-pill);
  background:var(--ds-bg-subtle);
  color:var(--ds-text-secondary);
  font:700 var(--ds-font-size-xs)/1 var(--ds-font-sans);
  white-space:nowrap;
}

.ds-badge[data-tone='success'] { border-color:color-mix(in srgb,var(--ds-state-success) 28%,var(--ds-border-subtle)); color:var(--ds-state-success); }
.ds-badge[data-tone='warning'] { border-color:color-mix(in srgb,var(--ds-state-warning) 28%,var(--ds-border-subtle)); color:var(--ds-state-warning); }
.ds-badge[data-tone='danger'] { border-color:color-mix(in srgb,var(--ds-state-danger) 28%,var(--ds-border-subtle)); color:var(--ds-state-danger); }

.ds-dialog {
  border:1px solid var(--ds-border-subtle);
  border-radius:var(--ds-radius-xl);
  background:var(--ds-bg-surface);
  color:var(--ds-text-primary);
  box-shadow:var(--ds-shadow-floating);
}

.ds-dialog__header {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--ds-space-3);
  padding:var(--ds-space-4);
  border-bottom:1px solid var(--ds-border-subtle);
}

.ds-dialog__title { margin:0; font:700 var(--ds-font-size-lg)/var(--ds-line-height-control) var(--ds-font-sans); }

.ds-status-state[data-state='loading'] {
  border-style:solid;
}

.ds-status-state__indicator {
  display:inline-block;
  width:var(--ds-control-height);
  height:var(--ds-control-height);
  border:3px solid var(--ds-blue-100);
  border-top-color:var(--ds-action-primary);
  border-radius:var(--ds-radius-pill);
}

.ds-status-state[data-state='loading'] .ds-status-state__indicator {
  animation:ds-spin .7s linear infinite;
}

.ds-status-state[data-state='error'] .ds-status-state__indicator {
  border-color:color-mix(in srgb, var(--ds-state-danger) 24%, var(--ds-border-subtle));
  border-top-color:var(--ds-state-danger);
  animation:none;
}

.ds-status-state__actions {
  display:flex;
  flex-wrap:wrap;
  gap:var(--ds-space-2);
}

.ds-status-state[data-state='error'] {
  border-color:color-mix(in srgb, var(--ds-state-danger) 34%, var(--ds-border-subtle));
  background:color-mix(in srgb, var(--ds-state-danger) 5%, var(--ds-bg-surface));
}

/* Async placeholders and data tables stay opt-in so legacy tables keep their contracts. */
.ds-skeleton {
  display:block;
  min-height:var(--ds-space-4);
  border-radius:var(--ds-radius-sm);
  background:linear-gradient(90deg,var(--ds-bg-subtle) 20%,var(--ds-bg-surface) 50%,var(--ds-bg-subtle) 80%);
  background-size:220% 100%;
  animation:ds-skeleton-shimmer 1.3s ease-in-out infinite;
}

.ds-skeleton[data-shape='title'] { min-height:var(--ds-space-6); width:min(68%,22rem); }
.ds-skeleton[data-shape='line'] { width:min(100%,32rem); }
.ds-skeleton[data-shape='avatar'] { width:var(--ds-control-height); min-width:var(--ds-control-height); min-height:var(--ds-control-height); border-radius:var(--ds-radius-pill); }

@keyframes ds-skeleton-shimmer { to { background-position:-220% 0; } }

.ds-table-wrap {
  min-width:0;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  border:1px solid var(--ds-border-subtle);
  border-radius:var(--ds-radius-lg);
  background:var(--ds-bg-surface);
  box-shadow:var(--ds-shadow-raised);
}

.ds-table {
  width:100%;
  min-width:40rem;
  border-collapse:separate;
  border-spacing:0;
  color:var(--ds-text-primary);
  font:500 var(--ds-font-size-md)/var(--ds-line-height-body) var(--ds-font-sans);
}

.ds-table :where(th, td) {
  padding:var(--ds-space-3) var(--ds-space-4);
  border-bottom:1px solid var(--ds-border-subtle);
  text-align:left;
  vertical-align:middle;
}

.ds-table thead th {
  color:var(--ds-text-secondary);
  background:var(--ds-bg-subtle);
  font:700 var(--ds-font-size-xs)/var(--ds-line-height-control) var(--ds-font-sans);
  letter-spacing:.04em;
  text-transform:uppercase;
  white-space:nowrap;
}

.ds-table tbody tr { transition:background-color var(--ds-motion-fast) ease; }
.ds-table tbody tr:hover { background:var(--ds-bg-subtle); }
.ds-table tbody tr[data-state='selected'] { background:color-mix(in srgb,var(--ds-action-primary) 7%,var(--ds-bg-surface)); }
.ds-table tbody tr:last-child td { border-bottom:0; }
.ds-table__numeric { text-align:right !important; font-variant-numeric:tabular-nums; }
.ds-table__actions { width:1%; white-space:nowrap; text-align:right !important; }

/* Compatibility bridge: migrate existing OMS empty states one surface at a time. */
.oms2-empty-state.ds-empty-state {
  border-color:var(--ds-border-subtle);
  background:var(--ds-bg-surface);
  color:var(--ds-text-secondary);
}

.oms2-empty-state.ds-empty-state strong {
  color:var(--ds-text-primary);
}

/* Employee workbench: opt-in Pracownia composition, not a global dashboard reset. */
.ds-workbench-page { margin:0; min-height:100vh; background:#f7f9fc; color:var(--ds-text-primary); font-family:var(--ds-font-sans); }
.ds-workbench { box-sizing:border-box; width:min(100%,97.5rem); margin:0 auto; padding:var(--ds-space-8) var(--ds-space-6); display:grid; gap:var(--ds-space-5); }
.ds-workbench-page .ecl-skip-link { position:fixed; z-index:100; top:var(--ds-space-2); left:var(--ds-space-2); padding:var(--ds-space-2) var(--ds-space-3); border:1px solid var(--ds-action-primary); border-radius:var(--ds-radius-md); background:var(--ds-bg-surface); color:var(--ds-action-primary); font:700 var(--ds-font-size-sm)/var(--ds-line-height-control) var(--ds-font-sans); text-decoration:none; transform:translateY(-180%); transition:transform var(--ds-motion-fast) ease; }
.ds-workbench-page .ecl-skip-link:focus-visible { transform:translateY(0); }
.ds-workbench__head { display:flex; align-items:flex-start; justify-content:space-between; gap:var(--ds-space-5); }
.ds-workbench__head > div { min-width:0; }
.ds-workbench__eyebrow { margin:0 0 var(--ds-space-1); color:var(--ds-action-primary); font:700 var(--ds-font-size-xs)/var(--ds-line-height-control) var(--ds-font-sans); letter-spacing:.08em; text-transform:uppercase; }
.ds-workbench__head h1 { margin:0; font:700 var(--ds-font-size-2xl)/var(--ds-line-height-tight) var(--ds-font-sans); letter-spacing:-.035em; }
.ds-workbench__head > div > p:last-child { max-width:48rem; margin:var(--ds-space-2) 0 0; color:var(--ds-text-secondary); font-size:var(--ds-font-size-lg); line-height:var(--ds-line-height-body); }
.ds-workbench-scope { display:flex; flex-wrap:wrap; align-items:end; gap:var(--ds-space-2); margin-top:var(--ds-space-4); }
.ds-workbench-scope label { display:grid; gap:var(--ds-space-1); color:var(--ds-text-secondary); font:700 var(--ds-font-size-xs)/var(--ds-line-height-control) var(--ds-font-sans); letter-spacing:.04em; text-transform:uppercase; }
.ds-workbench-scope select { box-sizing:border-box; min-width:14rem; max-width:100%; min-height:var(--ds-touch-target-min); padding:0 var(--ds-space-3); border:1px solid var(--ds-border-subtle); border-radius:var(--ds-radius-md); background:var(--ds-bg-surface); color:var(--ds-text-primary); font:inherit; }
.ds-workbench-scope .ds-button { box-sizing:border-box; max-width:100%; min-height:var(--ds-touch-target-min); }
.ds-workbench-meta { display:grid; grid-template-columns:repeat(2,minmax(11.5rem,1fr)); gap:var(--ds-space-3); width:min(100%,28rem); }
.ds-workbench-date,.ds-workbench-status { box-sizing:border-box; display:flex; align-items:flex-start; gap:var(--ds-space-2); min-width:0; max-width:100%; margin-top:var(--ds-space-1); padding:var(--ds-space-3); border:1px solid var(--ds-border-subtle); border-radius:var(--ds-radius-lg); background:var(--ds-bg-surface); box-shadow:var(--ds-shadow-raised); }
.ds-workbench-date__icon { display:grid; place-items:center; flex:0 0 auto; width:var(--ds-control-height); height:var(--ds-control-height); border-radius:var(--ds-radius-md); background:var(--ds-bg-subtle); color:var(--ds-action-primary); font-weight:800; }
.ds-workbench-date strong,.ds-workbench-date small { display:block; }
.ds-workbench-date strong { font:700 var(--ds-font-size-sm)/var(--ds-line-height-control) var(--ds-font-sans); }
.ds-workbench-date small { margin-top:2px; color:var(--ds-text-secondary); font-size:var(--ds-font-size-xs); line-height:var(--ds-line-height-body); }
.ds-workbench-status__dot { width:10px; height:10px; margin-top:5px; border-radius:50%; background:var(--ds-state-success); box-shadow:0 0 0 4px color-mix(in srgb,var(--ds-state-success) 12%,transparent); }
.ds-workbench-status strong,.ds-workbench-status small { display:block; }
.ds-workbench-status strong { font:700 var(--ds-font-size-sm)/var(--ds-line-height-control) var(--ds-font-sans); }
.ds-workbench-status small { margin-top:2px; color:var(--ds-text-secondary); font-size:var(--ds-font-size-xs); line-height:var(--ds-line-height-body); }
.ds-workbench-priorities { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); overflow:hidden; border:1px solid var(--ds-border-subtle); border-radius:var(--ds-radius-lg); background:var(--ds-bg-surface); box-shadow:var(--ds-shadow-raised); }
.ds-workbench-priority { position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:'label arrow' 'count arrow' 'note arrow'; gap:var(--ds-space-1) var(--ds-space-3); min-height:9.25rem; padding:var(--ds-space-4); color:var(--ds-text-primary); text-decoration:none; }
.ds-workbench-priority + .ds-workbench-priority { border-left:1px solid var(--ds-border-subtle); }
.ds-workbench-priority:hover { background:var(--ds-bg-subtle); }
.ds-workbench-priority[data-tone='warning'] { background:color-mix(in srgb,var(--ds-state-warning) 5%,var(--ds-bg-surface)); }
.ds-workbench-priority[data-tone='success'] { background:color-mix(in srgb,var(--ds-state-success) 5%,var(--ds-bg-surface)); }
.ds-workbench-priority__label { grid-area:label; color:var(--ds-text-secondary); font:700 var(--ds-font-size-xs)/var(--ds-line-height-control) var(--ds-font-sans); letter-spacing:.06em; text-transform:uppercase; }
.ds-workbench-priority__count { grid-area:count; font:700 var(--ds-font-size-2xl)/1 var(--ds-font-sans); font-variant-numeric:tabular-nums; }
.ds-workbench-priority__note { grid-area:note; color:var(--ds-text-secondary); font-size:var(--ds-font-size-sm); line-height:var(--ds-line-height-body); }
.ds-workbench-priority__arrow { grid-area:arrow; align-self:center; color:var(--ds-action-primary); font-size:var(--ds-font-size-xl); }
.ds-workbench__grid { display:grid; grid-template-columns:minmax(17rem,.78fr) minmax(0,1.72fr); gap:var(--ds-space-4); }
.ds-workbench-attention { display:flex; flex-direction:column; align-items:flex-start; min-height:100%; background:color-mix(in srgb,var(--ds-state-warning) 5%,var(--ds-bg-surface)); }
.ds-workbench-attention__head { display:flex; align-items:center; justify-content:space-between; width:100%; gap:var(--ds-space-3); }
.ds-workbench-attention__head p { margin:0; color:var(--ds-state-warning); font:700 var(--ds-font-size-sm)/var(--ds-line-height-control) var(--ds-font-sans); }
.ds-workbench-attention__head span { display:grid; place-items:center; width:var(--ds-control-height); height:var(--ds-control-height); border-radius:50%; background:color-mix(in srgb,var(--ds-state-warning) 13%,var(--ds-bg-surface)); color:var(--ds-state-warning); font-weight:800; }
.ds-workbench-attention > strong { display:block; margin-top:var(--ds-space-4); font:700 3rem/1 var(--ds-font-sans); font-variant-numeric:tabular-nums; }
.ds-workbench-attention > p { margin:var(--ds-space-2) 0 var(--ds-space-4); color:var(--ds-text-secondary); line-height:var(--ds-line-height-body); }
.ds-workbench-attention .ds-button { margin-top:auto; }
.ds-workbench-section-head h2 { margin:0; font:700 var(--ds-font-size-lg)/var(--ds-line-height-tight) var(--ds-font-sans); }
.ds-workbench-section-head p { margin:var(--ds-space-1) 0 0; color:var(--ds-text-secondary); font-size:var(--ds-font-size-sm); line-height:var(--ds-line-height-body); }
.ds-workbench-flow ol { display:flex; justify-content:space-between; gap:var(--ds-space-2); margin:var(--ds-space-5) 0 0; padding:0; list-style:none; }
.ds-workbench-flow__step { position:relative; display:grid; justify-items:center; flex:1 1 0; min-width:0; text-align:center; }
.ds-workbench-flow__step:not(:last-child)::after { content:''; position:absolute; top:1.45rem; left:calc(50% + 2rem); width:calc(100% - 4rem); height:1px; background:var(--ds-border-subtle); }
.ds-workbench-flow__index { position:absolute; top:-.35rem; left:50%; transform:translateX(-50%); color:var(--ds-text-secondary); font-size:10px; font-weight:700; }
.ds-workbench-flow__icon { display:grid; place-items:center; width:var(--ds-control-height); height:var(--ds-control-height); border:1px solid var(--ds-border-subtle); border-radius:50%; background:var(--ds-bg-subtle); color:var(--ds-action-primary); font-weight:800; z-index:1; }
.ds-workbench-flow__step[aria-current='step'] .ds-workbench-flow__icon { background:color-mix(in srgb,var(--ds-action-primary) 12%,var(--ds-bg-surface)); border-color:var(--ds-action-primary); }
.ds-workbench-flow__step strong { margin-top:var(--ds-space-2); font-size:var(--ds-font-size-sm); line-height:var(--ds-line-height-control); }
.ds-workbench-flow__step b { margin-top:var(--ds-space-1); font:700 var(--ds-font-size-xl)/1 var(--ds-font-sans); font-variant-numeric:tabular-nums; }
.ds-workbench-flow__step small { margin-top:var(--ds-space-1); color:var(--ds-text-secondary); font-size:var(--ds-font-size-xs); line-height:var(--ds-line-height-body); }
.ds-workbench-tasks ul { display:grid; gap:var(--ds-space-1); margin:var(--ds-space-4) 0 0; padding:0; list-style:none; }
.ds-workbench-task { display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; align-items:center; gap:var(--ds-space-3); min-height:var(--ds-touch-target-min); padding:var(--ds-space-2) 0; color:var(--ds-text-primary); text-decoration:none; }
.ds-workbench-task + .ds-workbench-task { border-top:1px solid var(--ds-border-subtle); }
.ds-workbench-task:hover { color:var(--ds-action-primary); }
.ds-workbench-task__icon { display:grid; place-items:center; width:var(--ds-control-height); height:var(--ds-control-height); border-radius:var(--ds-radius-md); background:var(--ds-bg-subtle); color:var(--ds-action-primary); font-weight:800; }
.ds-workbench-task__copy { min-width:0; }
.ds-workbench-task__copy strong,.ds-workbench-task__copy small { display:block; }
.ds-workbench-task__copy strong { font-size:var(--ds-font-size-sm); line-height:var(--ds-line-height-control); }
.ds-workbench-task__copy small { overflow:hidden; color:var(--ds-text-secondary); font-size:var(--ds-font-size-xs); line-height:var(--ds-line-height-body); text-overflow:ellipsis; white-space:nowrap; }
.ds-workbench-task__count { color:var(--ds-text-secondary); font-weight:700; font-variant-numeric:tabular-nums; }
.ds-workbench-task__arrow { color:var(--ds-action-primary); }

/* Monitoring is intentionally a neutral configuration state until a real source exists. */
.ds-monitoring-page { min-height:100vh; margin:0; background:var(--ds-bg-canvas); color:var(--ds-text-primary); font-family:var(--ds-font-sans); }
.ds-monitoring-page .ecl-skip-link { position:fixed; z-index:100; top:var(--ds-space-2); left:var(--ds-space-2); padding:var(--ds-space-2) var(--ds-space-3); border:1px solid var(--ds-action-primary); border-radius:var(--ds-radius-md); background:var(--ds-bg-surface); color:var(--ds-action-primary); font:700 var(--ds-font-size-sm)/var(--ds-line-height-control) var(--ds-font-sans); text-decoration:none; transform:translateY(-180%); transition:transform var(--ds-motion-fast) ease; }
.ds-monitoring-page .ecl-skip-link:focus-visible { transform:translateY(0); }
.ds-monitoring { box-sizing:border-box; width:min(100%,var(--ds-layout-content-max)); min-height:100vh; margin:0 auto; padding:var(--ds-space-6); display:grid; align-content:start; gap:var(--ds-space-5); }
.ds-monitoring__head { display:flex; align-items:flex-start; justify-content:space-between; gap:var(--ds-space-4); }
.ds-monitoring__eyebrow,.ds-monitoring__point > p { margin:0 0 var(--ds-space-1); color:var(--ds-action-primary); font:700 var(--ds-font-size-xs)/var(--ds-line-height-control) var(--ds-font-sans); letter-spacing:.08em; text-transform:uppercase; }
.ds-monitoring__head h1 { margin:0; font:700 var(--ds-font-size-2xl)/var(--ds-line-height-tight) var(--ds-font-sans); letter-spacing:-.035em; }
.ds-monitoring__head > div > p:last-child { max-width:42rem; margin:var(--ds-space-2) 0 0; color:var(--ds-text-secondary); font-size:var(--ds-font-size-lg); line-height:var(--ds-line-height-body); }
.ds-monitoring__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--ds-space-4); }
.ds-monitoring__point { min-height:10.5rem; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.ds-monitoring__point h2 { margin:0; font:700 var(--ds-font-size-lg)/var(--ds-line-height-tight) var(--ds-font-sans); }
.ds-monitoring__point > span { margin-top:var(--ds-space-2); color:var(--ds-text-secondary); font-size:var(--ds-font-size-sm); }
.ds-statistics-entry-page { min-height:100vh; margin:0; background:var(--ds-bg-canvas); color:var(--ds-text-primary); font-family:var(--ds-font-sans); }
.ds-statistics-entry { box-sizing:border-box; width:min(100%,44rem); min-height:100vh; margin:0 auto; padding:var(--ds-space-6); }
.ds-statistics-entry h1 { margin:0; font:700 var(--ds-font-size-2xl)/var(--ds-line-height-tight) var(--ds-font-sans); letter-spacing:-.035em; }.ds-statistics-entry__copy { margin:var(--ds-space-2) 0 var(--ds-space-5); color:var(--ds-text-secondary); font-size:var(--ds-font-size-lg); line-height:var(--ds-line-height-body); }.ds-statistics-entry form { display:grid; gap:var(--ds-space-2); margin-top:var(--ds-space-4); }.ds-statistics-entry label { color:var(--ds-text-secondary); font-weight:700; }.ds-statistics-entry input { min-height:var(--ds-touch-target-min); padding:0 var(--ds-space-3); border:1px solid var(--ds-border-subtle); border-radius:var(--ds-radius-md); font:inherit; }.ds-statistics-entry .ds-button { justify-self:start; min-height:var(--ds-touch-target-min); }
.ds-weather-page { min-height:100vh; margin:0; background:var(--ds-bg-canvas); color:var(--ds-text-primary); font-family:var(--ds-font-sans); }.ds-weather { box-sizing:border-box; width:min(100%,90rem); margin:0 auto; padding:var(--ds-space-6); }.ds-weather__head { display:flex; align-items:start; justify-content:space-between; gap:var(--ds-space-4); margin-bottom:var(--ds-space-5); }.ds-weather__head h1 { margin:0; font:700 var(--ds-font-size-2xl)/var(--ds-line-height-tight) var(--ds-font-sans); letter-spacing:-.035em; }.ds-weather__head p { margin:var(--ds-space-2) 0 0; color:var(--ds-text-secondary); }.ds-weather__eyebrow,.ds-weather__hero > div > p { margin:0 0 var(--ds-space-2); color:var(--ds-accent-strong); font-size:var(--ds-font-size-xs); font-weight:800; letter-spacing:.08em; }.ds-weather__hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(16rem,.5fr); gap:var(--ds-space-5); margin-bottom:var(--ds-space-4); border-color:color-mix(in srgb,var(--ds-action-primary) 20%,var(--ds-border-subtle)); background:linear-gradient(135deg,color-mix(in srgb,var(--ds-action-primary) 10%,var(--ds-bg-surface)),var(--ds-bg-surface)); }.ds-weather__hero h2 { margin:0; font:700 var(--ds-font-size-xl)/var(--ds-line-height-tight) var(--ds-font-sans); }.ds-weather__hero strong { display:block; margin-top:var(--ds-space-3); font:700 clamp(2.5rem,6vw,4rem)/.9 var(--ds-font-sans); letter-spacing:-.06em; }.ds-weather__hero span,.ds-weather__hero-note p,.ds-weather__metrics span,.ds-weather__grid > .ds-card > p { color:var(--ds-text-secondary); line-height:var(--ds-line-height-body); }.ds-weather__hero-note { padding:var(--ds-space-4); border-radius:var(--ds-radius-lg); background:color-mix(in srgb,var(--ds-bg-surface) 72%,transparent); }.ds-weather__hero-note p { margin:var(--ds-space-2) 0 0; }.ds-weather__metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--ds-space-3); margin-bottom:var(--ds-space-4); }.ds-weather__metrics .ds-card p { margin:0; color:var(--ds-text-secondary); font-size:var(--ds-font-size-sm); }.ds-weather__metrics strong { display:block; margin:var(--ds-space-2) 0; font:700 var(--ds-font-size-xl)/1 var(--ds-font-sans); letter-spacing:-.04em; }.ds-weather__metrics span { display:block; font-size:var(--ds-font-size-sm); }.ds-weather__grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:var(--ds-space-4); }.ds-weather__grid h2 { margin:0; font:700 var(--ds-font-size-lg)/var(--ds-line-height-tight) var(--ds-font-sans); }.ds-weather__hours { display:flex; gap:var(--ds-space-2); overflow-x:auto; padding:var(--ds-space-3) 0 var(--ds-space-1); }.ds-weather__hour { display:grid; flex:0 0 8rem; gap:var(--ds-space-1); padding:var(--ds-space-3); border:1px solid var(--ds-border-subtle); border-radius:var(--ds-radius-md); background:var(--ds-bg-subtle); }.ds-weather__hour > span { font-size:var(--ds-font-size-xl); }.ds-weather__hour small,.ds-weather__day span,.ds-weather__day small { color:var(--ds-text-secondary); }.ds-weather__days { display:grid; gap:var(--ds-space-2); margin-top:var(--ds-space-3); }.ds-weather__day { display:grid; grid-template-columns:minmax(0,1fr) auto auto auto; gap:var(--ds-space-2); align-items:center; min-height:var(--ds-touch-target-min); padding:var(--ds-space-2) 0; border-bottom:1px solid var(--ds-border-subtle); }.ds-weather__day div { display:grid; gap:var(--ds-space-1); }.ds-weather__day > span { font-size:var(--ds-font-size-lg); }
.ds-tab-health-page { min-height:100vh; margin:0; background:var(--ds-bg-canvas); color:var(--ds-text-primary); font-family:var(--ds-font-sans); }.ds-tab-health { box-sizing:border-box; width:min(100%,90rem); margin:0 auto; padding:var(--ds-space-6); }.ds-tab-health__head { display:flex; align-items:start; justify-content:space-between; gap:var(--ds-space-4); margin-bottom:var(--ds-space-5); }.ds-tab-health__head h1 { margin:0; font:700 var(--ds-font-size-2xl)/var(--ds-line-height-tight) var(--ds-font-sans); letter-spacing:-.035em; }.ds-tab-health__head p { margin:var(--ds-space-2) 0 0; color:var(--ds-text-secondary); }.ds-tab-health__eyebrow,.ds-tab-health__overview > div > p { margin:0 0 var(--ds-space-2); color:var(--ds-accent-strong); font-size:var(--ds-font-size-xs); font-weight:800; letter-spacing:.08em; }.ds-tab-health__overview { display:flex; align-items:center; justify-content:space-between; gap:var(--ds-space-4); margin-bottom:var(--ds-space-4); }.ds-tab-health__overview h2 { margin:0; font:700 var(--ds-font-size-xl)/var(--ds-line-height-tight) var(--ds-font-sans); }.ds-tab-health__overview span { color:var(--ds-text-secondary); }.ds-tab-health__counts { display:flex; flex-wrap:wrap; gap:var(--ds-space-2); }.ds-tab-health__counts span { display:grid; gap:var(--ds-space-1); padding:var(--ds-space-2) var(--ds-space-3); border:1px solid var(--ds-border-subtle); border-radius:var(--ds-radius-md); background:var(--ds-bg-subtle); font-size:var(--ds-font-size-xs); }.ds-tab-health__counts b { color:var(--ds-text-primary); font-size:var(--ds-font-size-lg); }.ds-tab-health__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--ds-space-4); }.ds-tab-health__card { border-left:4px solid var(--ds-border-subtle); }.ds-tab-health__card[data-state='ok'] { border-left-color:var(--ds-state-success); }.ds-tab-health__card[data-state='warn'] { border-left-color:var(--ds-state-warning); }.ds-tab-health__card[data-state='error'] { border-left-color:var(--ds-state-danger); }.ds-tab-health__card header { display:flex; align-items:start; justify-content:space-between; gap:var(--ds-space-3); }.ds-tab-health__card h2 { margin:0; font:700 var(--ds-font-size-lg)/var(--ds-line-height-tight) var(--ds-font-sans); }.ds-tab-health__card header p { margin:var(--ds-space-1) 0 0; color:var(--ds-text-secondary); line-height:var(--ds-line-height-body); }.ds-tab-health__card dl { display:flex; gap:var(--ds-space-5); margin:var(--ds-space-4) 0 0; }.ds-tab-health__card dl div { display:grid; gap:var(--ds-space-1); }.ds-tab-health__card dt { color:var(--ds-text-secondary); font-size:var(--ds-font-size-xs); }.ds-tab-health__card dd { margin:0; font-weight:800; }.ds-tab-health__card details { margin-top:var(--ds-space-4); }.ds-tab-health__card summary { cursor:pointer; color:var(--ds-action-primary); font-weight:700; }.ds-tab-health__card ul { display:grid; gap:var(--ds-space-2); margin:var(--ds-space-3) 0 0; padding:0; list-style:none; }.ds-tab-health__card li { display:grid; gap:var(--ds-space-1); padding:var(--ds-space-2); border-radius:var(--ds-radius-sm); background:var(--ds-bg-subtle); }.ds-tab-health__card li[data-state='error'] { color:var(--ds-state-danger); }.ds-tab-health__card li span { color:var(--ds-text-secondary); font-size:var(--ds-font-size-sm); }

/* Account statistics: a deliberately narrow read-only view, scoped by the route owner. */
.ds-statistics-basic-page { min-height:100vh; margin:0; background:var(--ds-bg-canvas); color:var(--ds-text-primary); font-family:var(--ds-font-sans); }
.ds-statistics-basic-page .ecl-skip-link { position:fixed; z-index:100; top:var(--ds-space-2); left:var(--ds-space-2); padding:var(--ds-space-2) var(--ds-space-3); border:1px solid var(--ds-action-primary); border-radius:var(--ds-radius-md); background:var(--ds-bg-surface); color:var(--ds-action-primary); font:700 var(--ds-font-size-sm)/var(--ds-line-height-control) var(--ds-font-sans); text-decoration:none; transform:translateY(-180%); transition:transform var(--ds-motion-fast) ease; }
.ds-statistics-basic-page .ecl-skip-link:focus-visible { transform:translateY(0); }

/* Shared native-module skip link: receiving, materials and damages opt in via DS2. */
body[data-ecentrum-design-system='2'] .ecl-skip-link { position:fixed; z-index:100; top:var(--ds-space-2); left:var(--ds-space-2); padding:var(--ds-space-2) var(--ds-space-3); border:1px solid var(--ds-action-primary); border-radius:var(--ds-radius-md); background:var(--ds-bg-surface); color:var(--ds-action-primary); font:700 var(--ds-font-size-sm)/var(--ds-line-height-control) var(--ds-font-sans); text-decoration:none; transform:translateY(-180%); transition:transform var(--ds-motion-fast) ease; }
body[data-ecentrum-design-system='2'] .ecl-skip-link:focus-visible { transform:translateY(0); }
.ds-statistics-basic { box-sizing:border-box; width:min(100%,var(--ds-layout-content-max)); min-height:100vh; margin:0 auto; padding:var(--ds-space-6); }
.ds-statistics-basic .ds-page-header { display:flex; align-items:flex-start; justify-content:space-between; gap:var(--ds-space-4); margin-bottom:var(--ds-space-5); }
.ds-statistics-basic .ds-page-header h1 { margin:0; font:700 var(--ds-font-size-2xl)/var(--ds-line-height-tight) var(--ds-font-sans); letter-spacing:-.035em; }
.ds-statistics-basic .ds-page-header > div > p:last-child { margin:var(--ds-space-2) 0 0; color:var(--ds-text-secondary); font-size:var(--ds-font-size-lg); line-height:var(--ds-line-height-body); }
.ds-statistics-basic .ds-page-header > .ds-status-state { min-width:14rem; margin:0; padding:var(--ds-space-3); border-style:solid; }
.ds-statistics-basic__metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--ds-space-3); }
.ds-statistics-basic__metric { min-height:8.5rem; align-content:start; }
.ds-statistics-basic__metric p,.ds-statistics-basic__metric span { margin:0; color:var(--ds-text-secondary); font-size:var(--ds-font-size-sm); line-height:var(--ds-line-height-body); }
.ds-statistics-basic__metric strong { display:block; margin-top:var(--ds-space-2); color:var(--ds-text-primary); font:700 var(--ds-font-size-2xl)/1 var(--ds-font-sans); letter-spacing:-.04em; font-variant-numeric:tabular-nums; }
.ds-statistics-basic__metric span { margin-top:var(--ds-space-2); }

/* Pulpit reference composition: scoped to the employee workbench only. */
.ds-workbench-page { background:linear-gradient(180deg,#fbfcff 0,#f3f7fc 100%); }
.ds-workbench { width:min(100%,97.5rem); gap:1.4rem; }
.ds-workbench-priorities { border-color:#e8edf5; border-radius:14px; box-shadow:0 10px 28px rgba(32,53,82,.055); }
.ds-workbench-priority { min-height:7.1rem; padding:1.35rem 1.75rem; }
.ds-workbench-priority[data-tone='warning'] { background:#fffdfa; }
.ds-workbench-priority[data-tone='success'] { background:#f7fcfa; }
.ds-workbench-priority__count { font-size:1.75rem; }
.ds-workbench__grid { grid-template-columns:minmax(19rem,.74fr) minmax(0,1.86fr); align-items:start; }
.ds-workbench__left,.ds-workbench__right { display:grid; gap:var(--ds-space-4); min-width:0; }
.ds-workbench-attention { display:block; min-height:0; padding:0; overflow:hidden; background:var(--ds-bg-surface); }
.ds-workbench-attention__head { box-sizing:border-box; padding:var(--ds-space-4) var(--ds-space-4) var(--ds-space-3); }
.ds-workbench-attention__head p { color:var(--ds-text-primary); font-size:var(--ds-font-size-md); }
.ds-workbench-attention__head span { width:1.25rem; height:1.25rem; background:transparent; color:var(--ds-state-warning); font-size:1.2rem; }
.ds-workbench-attention__cards { display:grid; gap:1px; background:#edf1f7; }
.ds-workbench-attention-card { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); min-height:10.3rem; background:#fff; }
.ds-workbench-attention-card > div { display:grid; align-content:start; gap:var(--ds-space-2); padding:var(--ds-space-4); background:linear-gradient(90deg,#fffaf3,#fff); }
.ds-workbench-attention-card[data-tone='warning'] > div { border-left:3px solid #ffb020; }
.ds-workbench-attention-card strong { color:var(--ds-text-primary); font-size:var(--ds-font-size-md); }
.ds-workbench-attention-card b { color:#ff9800; font:700 2rem/1 var(--ds-font-sans); font-variant-numeric:tabular-nums; }
.ds-workbench-attention-card p { margin:0; color:var(--ds-text-secondary); font-size:var(--ds-font-size-xs); line-height:var(--ds-line-height-body); }
.ds-workbench-attention-card__action,.ds-workbench-flow__action { display:inline-flex; align-items:center; justify-content:center; width:max-content; min-height:1.85rem; padding:0 var(--ds-space-3); border:1px solid #9eb7ff; border-radius:5px; color:var(--ds-action-primary); background:#fff; font:700 .72rem/1 var(--ds-font-sans); text-decoration:none; }
.ds-workbench-attention-card__action:hover,.ds-workbench-flow__action:hover { background:#f3f6ff; }
.ds-workbench-attention-card__summary { display:grid; align-content:center; padding:var(--ds-space-4); color:var(--ds-text-secondary); font-size:var(--ds-font-size-xs); line-height:var(--ds-line-height-body); }
.ds-workbench-quick { gap:var(--ds-space-3); }
.ds-workbench-quick__grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:var(--ds-space-2); }
.ds-workbench-quick-action { display:grid; justify-items:center; gap:var(--ds-space-2); min-width:0; color:var(--ds-text-primary); font-size:.7rem; line-height:1.25; text-align:center; text-decoration:none; }
.ds-workbench-quick-action > span { display:grid; place-items:center; width:3rem; height:3rem; border:1px solid #e8edf5; border-radius:10px; background:#f8faff; color:var(--ds-action-primary); font-size:1.4rem; box-shadow:0 5px 14px rgba(32,53,82,.04); }
.ds-workbench-quick-action:hover > span { border-color:#9eb7ff; background:#f3f6ff; }
.ds-workbench-quick-action strong { font-weight:650; }
.ds-workbench-flow { padding:var(--ds-space-5) var(--ds-space-4); }
.ds-workbench-flow ol { gap:var(--ds-space-3); margin-top:var(--ds-space-4); }
.ds-workbench-flow__step { grid-template-rows:auto auto auto auto auto; }
.ds-workbench-flow__icon { width:2.9rem; height:2.9rem; border-color:#d8e3ff; background:#f4f7ff; color:var(--ds-action-primary); }
.ds-workbench-flow__step:nth-child(1) .ds-workbench-flow__icon,.ds-workbench-flow__step:nth-child(3) .ds-workbench-flow__icon { color:#048c83; background:#ecf9f6; border-color:#ccefe9; }
.ds-workbench-flow__step:not(:last-child)::after { top:1.45rem; left:calc(50% + 2rem); width:calc(100% - 4rem); background:#cfd8e6; }
.ds-workbench-flow__step strong { font-size:.75rem; }
.ds-workbench-flow__step b { font-size:1.35rem; }
.ds-workbench-flow__step small { min-height:2rem; font-size:.66rem; }
.ds-workbench-flow__action { width:calc(100% - .4rem); min-height:1.7rem; margin-top:var(--ds-space-3); padding:0 var(--ds-space-1); font-size:.63rem; white-space:nowrap; }
.ds-workbench-flow__action.is-unavailable { opacity:.55; }
.ds-workbench-tasks { padding:var(--ds-space-4); }
.ds-workbench-tasks ul { gap:0; margin-top:var(--ds-space-3); border:1px solid #edf1f7; border-radius:10px; overflow:hidden; }
.ds-workbench-task { grid-template-columns:auto minmax(0,1fr) auto auto auto; gap:var(--ds-space-3); min-height:3.2rem; padding:var(--ds-space-2) var(--ds-space-3); background:#fff; }
.ds-workbench-task__icon { width:1.85rem; height:1.85rem; border-radius:7px; background:#f5f8fc; color:#64748b; }
.ds-workbench-task__copy strong { font-size:.75rem; }
.ds-workbench-task__copy small { font-size:.66rem; }
.ds-workbench-task__priority { color:#f05b63; font-size:.64rem; font-weight:700; white-space:nowrap; }
.ds-workbench-task:nth-child(n+3) .ds-workbench-task__priority { color:#eb9212; }
.ds-workbench-task__count { color:var(--ds-text-secondary); font-size:.72rem; }
.ds-workbench-task__open { min-width:3.2rem; padding:4px 8px; border:1px solid #d6e1ff; border-radius:6px; color:var(--ds-action-primary); font-size:.66rem; font-weight:700; text-align:center; }
.ds-workbench-tasks__all { display:inline-block; margin-top:var(--ds-space-3); color:var(--ds-action-primary); font-size:.72rem; font-weight:700; text-decoration:none; }
/* Keep the five-stage flow readable on tablets and preserve 44px touch targets. */
@media (max-width:920px) {
  .ds-workbench__grid { grid-template-columns:1fr; }
  .ds-workbench-attention-card__action,.ds-workbench-flow__action { min-height:var(--ds-touch-target-min); }
  .ds-workbench-priority:focus-visible { outline-offset:-3px; }
}
@media (min-width:641px) and (max-width:760px) {
  .ds-workbench-flow ol { display:grid; grid-template-columns:1fr; gap:var(--ds-space-3); }
  .ds-workbench-flow__step { grid-template-columns:var(--ds-control-height) minmax(0,1fr) auto; grid-template-areas:'icon label count' 'icon note note' 'icon action action'; justify-items:start; text-align:left; }
  .ds-workbench-flow__step:not(:last-child)::after { top:calc(100% + .15rem); left:calc(var(--ds-control-height) / 2); width:1px; height:var(--ds-space-3); }
  .ds-workbench-flow__index { display:none; }
  .ds-workbench-flow__icon { grid-area:icon; }
  .ds-workbench-flow__step strong { grid-area:label; margin:0; align-self:end; }
  .ds-workbench-flow__step b { grid-area:count; margin:0; align-self:end; }
  .ds-workbench-flow__step small { grid-area:note; min-height:0; margin:0; }
  .ds-workbench-flow__action { grid-area:action; width:100%; margin-top:var(--ds-space-2); }
}

@media (max-width:640px) {
  .ds-workbench { padding:var(--ds-space-4); gap:var(--ds-space-4); }
  .ds-workbench__head { display:grid; gap:var(--ds-space-3); }
  .ds-workbench__head h1 { font-size:var(--ds-font-size-xl); }
  .ds-workbench__head > div > p:last-child { font-size:var(--ds-font-size-md); }
  .ds-workbench-scope { align-items:stretch; }
  .ds-workbench-scope label { width:100%; }
  .ds-workbench-scope select,.ds-workbench-scope .ds-button { width:100%; }
  .ds-workbench-meta { grid-template-columns:1fr; width:100%; }
  .ds-workbench-date,.ds-workbench-status { width:100%; }
  .ds-workbench-priorities { grid-template-columns:1fr; }
  .ds-workbench-priority { min-height:var(--ds-touch-target-min); grid-template-columns:minmax(0,1fr) auto; grid-template-areas:'label arrow' 'count arrow' 'note arrow'; }
  .ds-workbench-priority + .ds-workbench-priority { border-top:1px solid var(--ds-border-subtle); border-left:0; }
  .ds-workbench__grid { grid-template-columns:1fr; }
  .ds-workbench-attention-card { grid-template-columns:1fr; }
  .ds-workbench-attention-card__summary { display:none; }
  .ds-workbench-quick__grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .ds-workbench-flow ol { display:grid; grid-template-columns:1fr; gap:var(--ds-space-3); }
  .ds-workbench-flow__step { grid-template-columns:var(--ds-control-height) minmax(0,1fr) auto; grid-template-areas:'icon label count' 'icon note note'; justify-items:start; text-align:left; }
  .ds-workbench-flow__step:not(:last-child)::after { top:calc(100% + .15rem); left:calc(var(--ds-control-height) / 2); width:1px; height:var(--ds-space-3); }
  .ds-workbench-flow__index { display:none; }
  .ds-workbench-flow__icon { grid-area:icon; }
  .ds-workbench-flow__step strong { grid-area:label; margin:0; align-self:end; }
  .ds-workbench-flow__step b { grid-area:count; margin:0; align-self:end; }
  .ds-workbench-flow__step small { grid-area:note; margin:0; }
  .ds-workbench-flow__action { grid-column:2 / -1; width:auto; margin-top:var(--ds-space-2); }
  .ds-workbench-task { grid-template-columns:auto minmax(0,1fr) auto; }
  .ds-workbench-task__priority { grid-column:2; grid-row:2; }
  .ds-workbench-task__count { grid-column:3; grid-row:1; }
  .ds-workbench-task__open { grid-column:3; grid-row:2; }
  .ds-monitoring { padding:var(--ds-space-4); gap:var(--ds-space-4); }
  .ds-monitoring__head { display:grid; gap:var(--ds-space-3); }
  .ds-monitoring__head h1 { font-size:var(--ds-font-size-xl); }
  .ds-monitoring__head > div > p:last-child { font-size:var(--ds-font-size-md); }
  .ds-monitoring__grid { grid-template-columns:1fr; }
  .ds-statistics-entry { padding:var(--ds-space-4); }.ds-statistics-entry h1 { font-size:var(--ds-font-size-xl); }.ds-statistics-entry__copy { font-size:var(--ds-font-size-md); }.ds-statistics-entry .ds-button { width:100%; }
  .ds-weather { padding:var(--ds-space-4); }.ds-weather__head,.ds-weather__hero,.ds-weather__grid { grid-template-columns:1fr; }.ds-weather__head { display:grid; width:100%; }.ds-weather__head .ds-button { box-sizing:border-box; width:100%; max-width:100%; min-width:0; min-height:var(--ds-touch-target-min); }.ds-weather__metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }.ds-weather__day { grid-template-columns:minmax(0,1fr) auto; }.ds-weather__day b,.ds-weather__day small { grid-column:1 / -1; }
  .ds-tab-health { padding:var(--ds-space-4); }.ds-tab-health__head { display:grid; width:100%; }.ds-tab-health__head .ds-button { box-sizing:border-box; width:100%; max-width:100%; min-width:0; }.ds-tab-health__overview { display:grid; }.ds-tab-health__grid { grid-template-columns:1fr; }
  .ds-statistics-basic { padding:var(--ds-space-4); }.ds-statistics-basic .ds-page-header { display:grid; }.ds-statistics-basic .ds-page-header h1 { font-size:var(--ds-font-size-xl); }.ds-statistics-basic .ds-page-header > div > p:last-child { font-size:var(--ds-font-size-md); }.ds-statistics-basic .ds-page-header > .ds-status-state { min-width:0; }.ds-statistics-basic__metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }.ds-statistics-basic__metric { min-height:7.5rem; }
  .ds-empty-state,
  .ds-status-state {
    padding:var(--ds-space-5);
  }

  .ds-status-state__actions > .ds-button { flex:1 1 auto; }

  .ds-card { padding:var(--ds-space-5); }

  .ds-toolbar--split {
    align-items:stretch;
  }

  .ds-toolbar--split > .ds-toolbar__group {
    flex:1 1 100%;
  }

  .ds-button {
    flex:1 1 auto;
  }

  .ds-icon-button { flex:0 0 var(--ds-touch-target-min); }

  .ds-table-wrap { border-radius:var(--ds-radius-md); }
  .ds-table :where(th, td) { padding:var(--ds-space-3); }
}