/* Cherkun Ops v2 role, page-module, worker and responsive styles. */

body.executive-ui:not(.ui-lab-shell) .sidebar {
  border-right: 1px solid var(--ops-line);
  background: var(--ops-surface) !important;
  box-shadow: none !important;
}

body.executive-ui:not(.ui-lab-shell) .side-nav a {
  min-height: var(--ops-control) !important;
  border-left: 2px solid transparent;
  color: var(--ops-muted) !important;
}

body.executive-ui:not(.ui-lab-shell) .table-scroll :where(a:not(.button), button) {
  display: inline-flex;
  min-height: var(--ops-control);
  align-items: center;
}

body.executive-ui:not(.ui-lab-shell) :where(.page-head, .panel-head) a:not(.button) {
  display: inline-flex;
  min-height: var(--ops-control);
  align-items: center;
}

body.executive-ui:not(.ui-lab-shell) .side-nav a.active {
  border-left-color: var(--ops-accent);
  background: var(--ops-surface-2) !important;
  box-shadow: none !important;
  color: var(--ops-ink) !important;
}

.admin-security-link {
  color: var(--ops-accent) !important;
  font-size: 9px;
  font-weight: 750;
  text-decoration: none;
}

body[data-admin-role="reviewer"] .side-nav a[href^="/planning"],
body[data-admin-role="reviewer"] .side-nav a[href="/teams"],
body[data-admin-role="reviewer"] .side-nav a[href="/sites"],
body[data-admin-role="reviewer"] .side-nav a[href="/calendar"],
body[data-admin-role="reviewer"] .side-nav a[href^="/arbeitsstunden"],
body[data-admin-role="reviewer"] .side-nav a[href="/leave"],
body[data-admin-role="reviewer"] .side-nav a[href="/learning"],
body[data-admin-role="reviewer"] .side-nav a[href="/worker-tutorial"],
body[data-admin-role="reviewer"] .side-nav a[href="/vehicles"],
body[data-admin-role="reviewer"] .side-nav a[href="/equipment"],
body[data-admin-role="reviewer"] .side-nav a[href="/handovers"],
body[data-admin-role="teamlead"] .side-nav a[href^="/arbeitsstunden"],
body[data-admin-role="teamlead"] .side-nav a[href="/leave"],
body[data-admin-role="teamlead"] .side-nav a[href="/learning"],
body[data-admin-role="teamlead"] .side-nav a[href="/worker-tutorial"],
body[data-admin-role="teamlead"] .side-nav a[href="/vehicles"],
body[data-admin-role="teamlead"] .side-nav a[href="/equipment"],
body[data-admin-role="teamlead"] .side-nav a[href="/handovers"],
body[data-admin-role="teamlead"] .side-nav a[href="/reviews"],
body[data-admin-role="teamlead"] .side-nav a[href="/inbox"],
body[data-admin-role="teamlead"] .side-nav a[href="/email-fetch"],
body[data-admin-role="teamlead"] .side-nav a[href="/email-log"],
body[data-admin-role="teamlead"] .side-nav a[href="/contracts"],
body[data-admin-role="teamlead"] .side-nav a[href="/signature-requests"],
body[data-admin-role="teamlead"] .side-nav a[href="/reports"],
body[data-admin-role="teamlead"] .side-nav a[href="/production-analytics"] { display: none !important; }

.command-grid { display: grid; gap: 16px; }
.command-grid.two-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.security-secret-block { display: grid; gap: 8px; border: 1px solid var(--ops-line); background: var(--ops-surface-2); padding: 16px; }
.security-secret-block code, .security-uri-details code { overflow-wrap: anywhere; font-family: var(--ops-mono); }
.security-facts { display: grid; gap: 0; margin: 24px 0 0; border: 1px solid var(--ops-line); }
.security-facts div { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid var(--ops-line); padding: 10px; }
.security-facts div:last-child { border-bottom: 0; }
.security-facts dt { color: var(--ops-muted); }
.security-facts dd { margin: 0; text-align: right; }

/* Wochenbericht 2.0, gamification and production analytics. */
.field-option-muted { opacity: .48; }
.weekly-template-meta, .report-history-grid, .team-mission-center { margin-top: 16px; }
.version-ledger, .event-feed, .report-attachment-list, .target-progress-list, .team-mission-list { display: grid; gap: 8px; }
.version-ledger > div, .event-feed > article, .report-attachment-list > *, .target-progress-card, .team-mission-card { border: 1px solid var(--ops-line); background: var(--ops-surface-2); padding: 12px; color: var(--ops-ink); }
.version-ledger > div { display: grid; grid-template-columns: auto auto 1fr auto; gap: 10px; align-items: center; }
.version-ledger small, .version-ledger time, .event-feed time, .report-attachment-list small { color: var(--ops-muted); font-size: 10px; }
.report-attachment-list > * { display: grid; text-decoration: none; }
.bulk-review-bar { display: grid; grid-template-columns: auto minmax(220px, 1fr) repeat(4, auto); gap: 8px; align-items: center; margin-bottom: 12px; border: 1px solid var(--ops-line); background: var(--ops-surface-2); padding: 10px; }
.weekly-report-select-row { display: grid; grid-template-columns: 44px minmax(0, 1fr); align-items: stretch; }
.portal-token-actions { display: flex; align-items: end; gap: var(--ops-space-2); flex-wrap: wrap; margin-top: var(--ops-space-4); }
.portal-token-actions label { flex: 1 1 280px; min-width: min(100%, 240px); }
.portal-token-actions :where(button, .button) { flex: 0 0 auto; }
.weekly-report-select-row .report-select { display: grid; min-height: 44px; place-items: center; border: 1px solid var(--ops-line); border-right: 0; background: var(--ops-surface); }
.weekly-report-select-row .report-select input { width: 20px; min-height: 20px !important; }
.leaderboard-control-bar { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) minmax(180px, auto) auto; gap: 10px; align-items: end; }
.leaderboard-control-bar label { display: grid; gap: 5px; }
.leaderboard-control-bar :where(label, select, .segmented-control) { min-width: 0; max-width: 100%; }
.team-mission-card { display: grid; gap: 10px; }
.team-mission-card header, .team-mission-card footer, .target-progress-card header { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.team-mission-card h3, .target-progress-card h3 { margin: 2px 0 0; font-size: 15px; }
.team-mission-card p, .team-mission-card time, .target-progress-card time { margin: 0; color: var(--ops-muted); font-size: 11px; }
.target-progress-card { display: grid; gap: 12px; border-left: 4px solid var(--ops-line); }
.target-progress-card.ok { border-left-color: var(--ops-ready); }
.target-progress-card.warn { border-left-color: var(--ops-warning); }
.target-progress-card.bad { border-left-color: var(--ops-critical); }
.target-progress-card dl { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin: 0; background: var(--ops-line); }
.target-progress-card dl > div { display: grid; gap: 3px; background: var(--ops-surface); padding: 10px; }
.target-progress-card dt { color: var(--ops-muted); font-size: 9px; text-transform: uppercase; }
.target-progress-card dd { margin: 0; font-weight: 750; }
.worker-leaderboard-privacy { display: flex; gap: 8px; align-items: end; margin: 12px 0; }
.worker-leaderboard-board { border: 1px solid var(--ops-line); background: var(--ops-surface); margin: 16px 0; }
.worker-leaderboard-board > header,
.worker-leaderboard-board li { display: grid; align-items: center; gap: 12px; padding: 12px 16px; }
.worker-leaderboard-board > header { grid-template-columns: minmax(0, 1fr) auto; border-bottom: 1px solid var(--ops-line); }
.worker-leaderboard-board > header :where(h3, small, span) { margin: 0; }
.worker-leaderboard-board > header small { color: var(--ops-accent); font-size: 11px; font-weight: 700; letter-spacing: .08em; }
.worker-leaderboard-board ol { margin: 0; padding: 0; list-style: none; }
.worker-leaderboard-board li { grid-template-columns: 36px minmax(0, 1fr) auto auto; min-height: var(--ops-control); border-bottom: 1px solid var(--ops-line); }
.worker-leaderboard-board li:last-child { border-bottom: 0; }
.worker-leaderboard-board li > span { color: var(--ops-muted); font-family: var(--ops-display); font-size: 12px; font-weight: 700; }
.worker-leaderboard-board li > :where(em, small) { font-style: normal; white-space: nowrap; }
.worker-leaderboard-board li.is-current { box-shadow: inset 3px 0 0 var(--ops-accent); background: color-mix(in srgb, var(--ops-accent) 10%, var(--ops-surface)); }
.worker-team-missions { display: grid; gap: 8px; margin: 14px 0; }
.worker-notification-feed { border: 1px solid var(--ops-line); padding: 16px; background: var(--ops-surface); }
.worker-notification-grid { display: grid; gap: 1px; background: var(--ops-line); border: 1px solid var(--ops-line); }
.worker-notification-item { display: grid; grid-template-columns: 10px minmax(0, 1fr) auto; align-items: center; gap: 12px; min-height: 64px; padding: 10px 12px; background: var(--ops-surface); color: var(--ops-ink); text-decoration: none; }
.worker-notification-item:hover { background: var(--ops-surface-2); }
.worker-notification-item > span:nth-child(2) { display: grid; gap: 3px; min-width: 0; }
.worker-notification-item small { color: var(--ops-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.worker-notification-item time { color: var(--ops-muted); font-size: 11px; }
.notification-signal { width: 8px; height: 8px; background: var(--ops-accent); }
.worker-notification-item.ok .notification-signal { background: var(--ops-ready); }
.worker-notification-item.warn .notification-signal { background: var(--ops-warning); }
.worker-notification-item.bad .notification-signal { background: var(--ops-critical); }
.sr-only { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.repeatable-field { display: grid; gap: 8px; }
.repeatable-field-rows { display: grid; gap: 6px; }
.repeatable-field-row { display: grid; grid-template-columns: minmax(0, 1fr) 44px; gap: 6px; align-items: center; }
.repeatable-field-row .input-with-unit { min-width: 0; }
.repeatable-field-row button { min-width: 44px; min-height: 44px; border: 1px solid var(--ops-line); background: var(--ops-surface); color: var(--ops-critical); cursor: pointer; }
.repeatable-field > button { justify-self: start; }

body.executive-ui[data-ui-theme="dark"]:not(.ui-lab-shell) .planning-page .planning-board { border-color: var(--ops-line) !important; background: var(--ops-line) !important; }
body.executive-ui[data-ui-theme="dark"]:not(.ui-lab-shell) .planning-page .weekly-head { background: var(--ops-surface-2) !important; color: var(--ops-muted) !important; }
body.executive-ui[data-ui-theme="dark"]:not(.ui-lab-shell) .planning-page .weekly-row > div { border-color: var(--ops-line) !important; }
body.executive-ui[data-ui-theme="dark"]:not(.ui-lab-shell) .planning-page :where(.team-cell, .plan-cell) { background: var(--ops-surface) !important; color: var(--ops-ink) !important; }
body.executive-ui[data-ui-theme="dark"]:not(.ui-lab-shell) .planning-page .conflict-line {
  border-color: var(--ops-line) !important;
  background: color-mix(in srgb, var(--ops-warning) 12%, var(--ops-surface)) !important;
}
body.executive-ui[data-ui-theme="dark"]:not(.ui-lab-shell) .planning-page .conflict-line span {
  color: var(--ops-warning) !important;
}

/* Team identity colors: readable light cards with a persistent dark label. */
body.executive-ui:not(.ui-lab-shell) .teams-page .team-card-modern[data-team-color] {
  border-color: color-mix(in srgb, var(--team-color, #126b5c) 32%, var(--ops-line)) !important;
  border-radius: 2px !important;
}

body.executive-ui:not(.ui-lab-shell) .teams-page .team-card-modern[data-team-color] .team-card-head {
  padding: 10px;
  border: 1px solid color-mix(in srgb, var(--team-color, #126b5c) 28%, #d8dde3);
  border-radius: 2px;
  background: color-mix(in srgb, var(--team-color, #126b5c) 16%, #fff);
  color: #15191d;
}

body.executive-ui:not(.ui-lab-shell) .teams-page .team-card-modern[data-team-color] .team-card-head h3,
body.executive-ui:not(.ui-lab-shell) .teams-page .team-card-modern[data-team-color] .team-card-head small {
  color: #15191d !important;
}

body.executive-ui:not(.ui-lab-shell) .teams-page .team-color {
  border-radius: 2px !important;
}

.team-color-field {
  align-content: start;
}

.team-color-control {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}

.team-color-control input[type="color"] {
  width: 68px !important;
  min-height: 44px !important;
  padding: 4px !important;
  border-radius: 2px !important;
  cursor: pointer;
}

.team-color-control output {
  color: var(--ops-muted, #65707d);
  font-family: var(--ops-mono, monospace);
  font-size: 0.78rem;
  font-weight: 760;
  letter-spacing: 0.04em;
}

.team-color-preview {
  --team-color: #126b5c;
  display: block;
  min-height: 44px;
  padding: 11px 12px;
  border: 1px solid color-mix(in srgb, var(--team-color) 34%, #d8dde3);
  border-left: 5px solid var(--team-color);
  border-radius: 2px;
  background: color-mix(in srgb, var(--team-color) 16%, #fff);
  color: #15191d !important;
  font-size: 0.86rem;
  font-weight: 800;
}

body.executive-ui:not(.ui-lab-shell) .calendar-page .calendar-event.team[data-team-color] {
  border-color: color-mix(in srgb, var(--team-color, #126b5c) 34%, #d8dde3);
  border-left-color: var(--team-color, #126b5c) !important;
  border-radius: 2px;
  background: color-mix(in srgb, var(--team-color, #126b5c) 16%, #fff);
  color: #15191d;
}

body.executive-ui:not(.ui-lab-shell) .calendar-page .calendar-event.team[data-team-color] :where(strong, span) {
  color: #15191d !important;
}

/* Worker portal shares the command language but keeps a simpler mobile-first shell. */
body.worker-page {
  --ops-bg: #f1f2ee;
  --ops-surface: #ffffff;
  --ops-surface-2: #e9ebe6;
  --ops-ink: #161719;
  --ops-muted: #666a67;
  --ops-line: #cdd1cb;
  --ops-line-strong: #a6ada5;
  --ops-accent: #5b4cf0;
  --ops-ready: #087d55;
  --ops-warning: #a65c00;
  --ops-critical: #c73336;
  --ui-line: var(--ops-line);
  --ui-surface: var(--ops-surface);
  --ui-surface-2: var(--ops-surface-2);
  --ui-ink: var(--ops-ink);
  --ui-muted: var(--ops-muted);
  --ui-accent: var(--ops-accent);
  --text: var(--ops-ink);
  --muted: var(--ops-muted);
  --border: var(--ops-line);
  --bg: var(--ops-bg);
  --panel: var(--ops-surface);
  --surface: var(--ops-surface);
  --accent: var(--ops-accent);
  --warn: var(--ops-warning);
  --warning: var(--ops-warning);
  --ok: var(--ops-ready);
  --success: var(--ops-ready);
  --bad: var(--ops-critical);
  --danger: var(--ops-critical);
  margin: 0;
  background: var(--ops-bg) !important;
  color: var(--ops-ink);
  font-family: var(--ops-font);
}

body.worker-page[data-ui-theme="dark"] {
  --ops-bg: #101012;
  --ops-surface: #18181b;
  --ops-surface-2: #222226;
  --ops-ink: #f4f4ef;
  --ops-muted: #a4a4a0;
  --ops-line: #34343a;
  --ops-line-strong: #55555c;
  --ops-accent: #958cff;
  --ops-ready: #36cd92;
  --ops-warning: #ffb64d;
  --ops-critical: #ff6e74;
}

body.worker-page, body.worker-page * { box-sizing: border-box; }
body.worker-page .worker-shell { width: min(100%, 1180px); margin: 0 auto; padding: clamp(12px, 2.5vw, 28px); }
body.worker-page :where(section, article, details, .worker-head, .worker-action-card, .worker-priority-card, .worker-mini-fact, .flash, .notice) { border-radius: var(--ops-radius) !important; box-shadow: none !important; }
body.worker-page :where(
  .language-switch, .worker-mobile-status a, .worker-action-list-item, .worker-task-strip a,
  .worker-progress-item, .doc-status-card, .worker-request-card, .worker-learning-card,
  .signature-request-card, .portal-document-list a, .stack-list > a, .stack-list > div,
  .worker-section-intro, .worker-setup-flow, .worker-form-note, .team-mission-card,
  .achievement-badge, .worker-report-history a
) { border-radius: var(--ops-radius) !important; box-shadow: none !important; }
body.worker-page :where(.worker-head, .worker-dashboard, .worker-action-list, .worker-actions, .worker-task-strip, .worker-portal > section, .worker-portal > details) { border-color: var(--ops-line) !important; background: var(--ops-surface) !important; color: var(--ops-ink); }
body.worker-page :where(.worker-bottom-nav, .worker-report-start, .worker-report-form, .worker-achievement-rail > section) { border-color: var(--ops-line) !important; background: var(--ops-surface) !important; color: var(--ops-ink); }
body.worker-page :where(.worker-head h1, .worker-report-head h1, .worker-portal .panel-head h2, .worker-portal .team-mission-card h3) { color: var(--ops-ink) !important; }
body.worker-page :where(.worker-head p, .worker-report-head p, .worker-gamification-summary span, .worker-gamification-summary small, .worker-report-history a > span) { color: var(--ops-muted) !important; }
body.worker-page :where(.worker-gamification-summary, .worker-gamification-summary article, .worker-report-history, .worker-report-history a, .worker-team-missions .team-mission-card) { border-color: var(--ops-line) !important; }
body.worker-page :where(.worker-report-head, .worker-report-form > header, .worker-achievement-rail section > header, .worker-report-form > footer) { border-color: var(--ops-line) !important; }
body.worker-page :where(.worker-report-head > a, .worker-report-head > div > span, .worker-report-start > div > span, .worker-report-form > header span) { color: var(--ops-accent) !important; }
body.worker-page :where(.worker-report-fields > label > span, .worker-report-fields > label > small, .worker-report-start label span) { color: var(--ops-muted) !important; }
body.worker-page .empty { border-color: var(--ops-line) !important; background: var(--ops-surface-2) !important; color: var(--ops-muted) !important; }
body.worker-page .button { border: 1px solid var(--ops-line-strong) !important; background: var(--ops-surface) !important; color: var(--ops-ink) !important; }
body.worker-page .button.primary { border-color: var(--ops-accent) !important; background: var(--ops-accent) !important; color: #ffffff !important; }
body.worker-page .worker-bottom-nav a { color: var(--ops-muted) !important; }
body.worker-page .worker-bottom-nav a.active { color: var(--ops-accent) !important; }
body.worker-page .language-switch button { min-width: 44px; }
body.worker-page[data-ui-theme="dark"] .language-switch { border-color: var(--ops-line) !important; background: var(--ops-surface-2) !important; }
body.worker-page[data-ui-theme="dark"] .language-switch button { border-color: var(--ops-line) !important; background: var(--ops-surface) !important; color: var(--ops-ink) !important; }
body.worker-page[data-ui-theme="dark"] .language-switch button.active { background: var(--ops-ready) !important; color: #101012 !important; }
body.worker-page[data-ui-theme="dark"] .worker-priority-card.warn { border-color: var(--ops-warning) !important; background: color-mix(in srgb, var(--ops-warning) 13%, var(--ops-surface)) !important; color: var(--ops-ink) !important; }
body.worker-page[data-ui-theme="dark"] .worker-priority-card.ok { border-color: var(--ops-ready) !important; background: color-mix(in srgb, var(--ops-ready) 13%, var(--ops-surface)) !important; color: var(--ops-ink) !important; }
body.worker-page[data-ui-theme="dark"] :where(
  .worker-mini-fact, .worker-action-list-item, .worker-action-card, .worker-task-strip a,
  .worker-progress-item, .doc-status-card, .worker-request-card, .worker-learning-card,
  .signature-request-card, .portal-document-list a, .stack-list > a, .stack-list > div,
  .worker-section-intro, .worker-setup-flow, .worker-form-note
) { border-color: var(--ops-line) !important; background: var(--ops-surface-2) !important; color: var(--ops-ink) !important; }
body.worker-page[data-ui-theme="dark"] .worker-mobile-status a.warn { border-color: var(--ops-warning) !important; background: color-mix(in srgb, var(--ops-warning) 13%, var(--ops-surface)) !important; color: var(--ops-ink) !important; }
body.worker-page[data-ui-theme="dark"] .worker-mobile-status a.ok { border-color: var(--ops-ready) !important; background: color-mix(in srgb, var(--ops-ready) 13%, var(--ops-surface)) !important; color: var(--ops-ink) !important; }
body.worker-page[data-ui-theme="dark"] .worker-action-list-head > strong { background: var(--ops-surface-2) !important; color: var(--ops-muted) !important; }
body.worker-page[data-ui-theme="dark"] .button.primary { color: #101012 !important; }
body.worker-page[data-ui-theme="dark"] .status.ok { border-color: var(--ops-ready) !important; background: color-mix(in srgb, var(--ops-ready) 13%, var(--ops-surface)) !important; color: var(--ops-ready) !important; }
body.worker-page[data-ui-theme="dark"] .status.warn { border-color: var(--ops-warning) !important; background: color-mix(in srgb, var(--ops-warning) 13%, var(--ops-surface)) !important; color: var(--ops-warning) !important; }
body.worker-page[data-ui-theme="dark"] .status.bad { border-color: var(--ops-critical) !important; background: color-mix(in srgb, var(--ops-critical) 13%, var(--ops-surface)) !important; color: var(--ops-critical) !important; }
body.worker-page :where(input, select, textarea, button, .button) { min-height: var(--ops-control) !important; border-radius: var(--ops-radius) !important; }
body.worker-page :where(input, select, textarea) { border: 1px solid var(--ops-line-strong) !important; background: var(--ops-surface) !important; color: var(--ops-ink) !important; padding: 10px 12px; }
body.worker-page :focus-visible { outline: 3px solid color-mix(in srgb, var(--ops-accent) 38%, transparent) !important; outline-offset: 2px; }
.worker-theme-toggle { position: fixed; top: 10px; right: 10px; z-index: 80; display: inline-grid; place-items: center; min-width: 44px; min-height: 44px; border: 1px solid var(--ops-line); background: var(--ops-surface); color: var(--ops-ink); cursor: pointer; }

@media (max-width: 900px) {
  .command-grid.two-columns { grid-template-columns: 1fr; }
  .leaderboard-control-bar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bulk-review-bar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.executive-ui:not(.ui-lab-shell) .page-head { align-items: start; min-height: 0; }
}

@media (max-width: 620px) {
  body.executive-ui:not(.ui-lab-shell) .app-shell > .page { padding: 12px; }
  body.executive-ui:not(.ui-lab-shell) .page-head { margin-bottom: 12px; border-top-width: 3px; padding: 16px; }
  body.executive-ui:not(.ui-lab-shell) .page-head h1 { font-size: 28px; }
  body.executive-ui:not(.ui-lab-shell) .panel { padding: 14px; }
  body.executive-ui:not(.ui-lab-shell) .panel-head { margin: -14px -14px 14px; padding: 11px 14px; }
  body.executive-ui:not(.ui-lab-shell) :where(.head-actions, .row-actions, .filter-actions) { width: 100%; }
  body.executive-ui:not(.ui-lab-shell) :where(.head-actions, .row-actions, .filter-actions) > * { flex: 1 1 auto; }
  .leaderboard-control-bar, .bulk-review-bar { grid-template-columns: 1fr; }
  .version-ledger > div { grid-template-columns: auto 1fr; }
  .weekly-report-select-row { grid-template-columns: 38px minmax(0, 1fr); }
  .target-progress-card dl { grid-template-columns: 1fr; }
  .worker-leaderboard-privacy { align-items: stretch; flex-direction: column; }
  .worker-leaderboard-board li { grid-template-columns: 32px minmax(0, 1fr) auto; }
  .worker-leaderboard-board li > small { grid-column: 2; }
  .worker-notification-item { grid-template-columns: 10px minmax(0, 1fr); }
  .worker-notification-item time { grid-column: 2; }
  .template-command-row { grid-template-columns: 42px minmax(0, 1fr) 16px; gap: 10px; padding: 12px; }
  .template-command-row > div { grid-column: 2; min-width: 0; }
  .template-command-row > dl { grid-column: 1 / -1; grid-row: 2; width: 100%; }
  .template-command-row > .status { grid-column: 2; grid-row: 3; justify-self: start; }
  .template-command-row > i { grid-column: 3; grid-row: 1; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}