#dashboard .dashboard-widget-zone {
  --dw-ink: #253d53;
  --dw-muted: #6b7e90;
  --dw-line: #cfdae4;
  margin-top: 14px;
  padding: 16px;
  border: 1px solid var(--dw-line);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(230, 238, 245, 0.46), transparent 38%), #fbfcfd;
  box-shadow: 0 12px 28px -26px rgba(28, 51, 70, 0.75);
}

#dashboard .dashboard-widget-toolbar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 13px;
  padding: 7px 1px;
  border-bottom: 1px solid #d9e2ea;
}

#dashboard .dashboard-widget-heading,
#dashboard .dashboard-widget-toolbar-actions {
  display: flex;
  align-items: center;
  gap: 9px;
}

#dashboard .dashboard-widget-heading {
  min-width: 0;
  gap: 11px;
}

#dashboard .dashboard-widget-heading::before {
  content: "";
  width: 5px;
  height: 30px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: linear-gradient(180deg, #6e98b3, #315f7e);
}

#dashboard .dashboard-widget-heading strong {
  display: block;
  color: var(--dw-ink);
  font-size: 17px;
  font-weight: 650;
  line-height: 1.1;
}

#dashboard .dashboard-widget-heading small {
  display: block;
  margin-top: 3px;
  color: var(--dw-muted);
  font-size: 12px;
  font-weight: 500;
}

#dashboard .dashboard-widget-preview-badge,
#dashboard .dashboard-widget-role {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 9px;
  border: 1px solid #d3dee7;
  border-radius: 999px;
  background: #f3f7fa;
  color: #526a7d;
  font-size: 11px;
  font-weight: 650;
  white-space: nowrap;
}

#dashboard .dashboard-widget-toolbar-actions {
  align-self: center;
  margin-left: auto;
  justify-content: flex-end;
  flex-wrap: nowrap;
}

#dashboard .dashboard-widget-button {
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid #bcd0df;
  border-radius: 9px;
  background: #f5f9fb;
  color: #27485f;
  font: inherit;
  font-size: 13px;
  font-weight: 650;
  cursor: pointer;
}

#dashboard .dashboard-widget-button:hover,
#dashboard .dashboard-widget-button.primary {
  border-color: #86aec7;
  background: #eaf3f8;
}

#dashboard .dashboard-widget-edit-only { display: none; }
#dashboard .dashboard-widget-zone.is-editing .dashboard-widget-edit-only { display: inline-flex; }

#dashboard .dashboard-widget-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

#dashboard .dashboard-widget-card {
  position: relative;
  min-width: 0;
  min-height: 150px;
  overflow: hidden;
  border: 1px solid #cfdae4;
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.96);
  color: var(--dw-ink);
  box-shadow: 0 10px 22px -23px rgba(20, 46, 66, 0.9);
}

#dashboard .dashboard-widget-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: #82a7be;
}

#dashboard .dashboard-widget-card[data-tone="orange"]::before { background: #e89b56; }
#dashboard .dashboard-widget-card[data-tone="red"]::before { background: #d87878; }
#dashboard .dashboard-widget-card[data-tone="green"]::before { background: #70a98a; }
#dashboard .dashboard-widget-card[data-tone="blue"]::before { background: #78a9c8; }
#dashboard .dashboard-widget-card.is-wide { grid-column: span 2; }
#dashboard .dashboard-widget-card.is-dragging { opacity: 0.45; }

#dashboard .dashboard-widget-zone.is-editing .dashboard-widget-card {
  outline: 1px dashed #8eaabd;
  outline-offset: -5px;
}

#dashboard .dashboard-widget-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 44px;
  padding: 7px 12px 7px 17px;
  border-bottom: 1px solid #e3e9ee;
  background: linear-gradient(180deg, #fcfdfe, #f8fafb);
}

#dashboard .dashboard-widget-zone.is-editing .dashboard-widget-card-head { cursor: grab; }

#dashboard .dashboard-widget-card-head h3 {
  margin: 0;
  color: #2f526a;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.15;
}

#dashboard .dashboard-widget-kicker {
  display: block;
  color: #6f8292;
  font-size: 9.5px;
  font-weight: 650;
  letter-spacing: 0.08em;
  line-height: 1;
}

#dashboard .dashboard-widget-card-tools {
  display: none;
  align-items: center;
  gap: 5px;
}

#dashboard .dashboard-widget-zone.is-editing .dashboard-widget-card-tools { display: flex; }

#dashboard .dashboard-widget-tool {
  min-height: 24px;
  padding: 0 7px;
  border: 1px solid #ccd8e2;
  border-radius: 7px;
  background: #fff;
  color: #596f81;
  font: inherit;
  font-size: 10px;
  font-weight: 600;
  cursor: pointer;
}

#dashboard .dashboard-widget-tool.remove:hover {
  border-color: #e3abab;
  background: #fff3f3;
  color: #a54646;
}

#dashboard .dashboard-widget-card-body {
  display: grid;
  grid-template-columns: minmax(132px, 0.54fr) minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  min-height: 106px;
  padding: 13px 16px 15px 18px;
}

#dashboard .dashboard-widget-primary {
  min-width: 0;
  padding-right: 16px;
  border-right: 1px solid #e1e8ed;
}

#dashboard .dashboard-widget-number {
  display: block;
  color: #23465f;
  font-family: "IBM Plex Mono", monospace;
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
}

#dashboard .dashboard-widget-card[data-tone="orange"] .dashboard-widget-number { color: #b8641e; }
#dashboard .dashboard-widget-card[data-tone="red"] .dashboard-widget-number { color: #b64d56; }
#dashboard .dashboard-widget-card[data-tone="green"] .dashboard-widget-number { color: #28764e; }
#dashboard .dashboard-widget-card[data-tone="blue"] .dashboard-widget-number { color: #2e678a; }

#dashboard .dashboard-widget-primary small {
  display: block;
  margin-top: 6px;
  color: #536c80;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.2;
}

#dashboard .dashboard-widget-details {
  display: grid;
  align-content: center;
  gap: 7px;
  min-width: 0;
}

#dashboard .dashboard-widget-detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  color: #607487;
  font-size: 14px;
}

#dashboard .dashboard-widget-detail span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#dashboard .dashboard-widget-detail b {
  flex: 0 0 auto;
  color: #294b64;
  font-family: "IBM Plex Mono", monospace;
  font-size: 14px;
  font-weight: 700;
}

#dashboard .dashboard-widget-open {
  justify-self: start;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #9ab5c7;
  background: transparent;
  color: #315f7c;
  font: inherit;
  font-size: 11px;
  font-weight: 650;
  cursor: pointer;
}

#dashboard .dashboard-widget-picker {
  display: none;
  margin: 0 0 12px;
  padding: 11px;
  border: 1px solid #cddae4;
  border-radius: 11px;
  background: #f5f8fa;
}

#dashboard .dashboard-widget-picker.is-open { display: block; }

#dashboard .dashboard-widget-picker-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 9px;
  color: #536b7d;
  font-size: 12px;
  font-weight: 650;
}

#dashboard .dashboard-widget-picker-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

#dashboard .dashboard-widget-picker-list button {
  min-height: 31px;
  padding: 0 10px;
  border: 1px solid #c6d5e0;
  border-radius: 8px;
  background: #fff;
  color: #3d596e;
  font: inherit;
  font-size: 11.5px;
  font-weight: 600;
  cursor: pointer;
}

#dashboard .dashboard-widget-picker-empty {
  color: #778897;
  font-size: 12px;
}

#dashboard .dashboard-workplan {
  --shift-early-bg: #e8f3ed;
  --shift-early-text: #387057;
  --shift-late-bg: #edf3fb;
  --shift-late-text: #315f8f;
  --shift-night-bg: #ede9f7;
  --shift-night-text: #55417f;
  --shift-oncall-bg: #fff4df;
  --shift-oncall-text: #8a5a16;
  --shift-free-bg: #f2f5f7;
  --shift-free-text: #647687;
  margin-top: 14px;
  overflow: hidden;
  border: 1px solid #c9d7e2;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 12px 26px -27px rgba(20, 46, 66, 0.95);
}

#dashboard .dashboard-workplan-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 66px;
  padding: 10px 14px 10px 18px;
  border-bottom: 1px solid #cfdae4;
  background: linear-gradient(112deg, #edf4f8 0%, #f8fafb 54%, #eef4f6 100%);
}

#dashboard .dashboard-workplan-title {
  position: relative;
  min-width: 0;
  padding-left: 12px;
}

#dashboard .dashboard-workplan-title::before {
  content: "";
  position: absolute;
  inset: 1px auto 1px 0;
  width: 4px;
  border-radius: 99px;
  background: #4d7d9a;
}

#dashboard .dashboard-workplan-title span {
  display: block;
  color: #6d8597;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.11em;
}

#dashboard .dashboard-workplan-title h2 {
  margin: 1px 0 0;
  color: #27445a;
  font-size: 18px;
  font-weight: 650;
  line-height: 1.05;
}

#dashboard .dashboard-workplan-title p {
  margin: 3px 0 0;
  color: #6c7f90;
  font-size: 11px;
}

#dashboard .dashboard-workplan-actions,
#dashboard .dashboard-workplan-modes,
#dashboard .dashboard-workplan-period-nav,
#dashboard .dashboard-workplan-summary {
  display: flex;
  align-items: center;
}

#dashboard .dashboard-workplan-actions { gap: 7px; }

#dashboard .dashboard-workplan-modes {
  overflow: hidden;
  border: 1px solid #bfd0dc;
  border-radius: 9px;
  background: #f7fafc;
}

#dashboard .dashboard-workplan-modes button,
#dashboard .dashboard-workplan-button,
#dashboard .dashboard-workplan-period-nav button {
  min-height: 34px;
  padding: 0 12px;
  border: 0;
  background: transparent;
  color: #38566c;
  font: inherit;
  font-size: 12px;
  font-weight: 650;
  cursor: pointer;
  white-space: nowrap;
}

#dashboard .dashboard-workplan-modes button + button { border-left: 1px solid #d0dbe3; }
#dashboard .dashboard-workplan-modes button.is-active { background: #dfeef6; color: #1e526f; }

#dashboard .dashboard-workplan-button {
  border: 1px solid #bdcfdb;
  border-radius: 9px;
  background: #fff;
}

#dashboard .dashboard-workplan-button.tv {
  border-color: #82a9c0;
  background: #3f718e;
  color: #fff;
}

#dashboard .dashboard-workplan-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 49px;
  padding: 7px 14px 7px 18px;
  border-bottom: 1px solid #dce4ea;
  background: #fbfcfd;
}

#dashboard .dashboard-workplan-period-nav { gap: 6px; }

#dashboard .dashboard-workplan-period-nav button {
  min-width: 32px;
  padding: 0 8px;
  border: 1px solid #cedae3;
  border-radius: 8px;
  background: #fff;
}

#dashboard .dashboard-workplan-period-nav strong {
  min-width: 158px;
  color: #29485e;
  font-size: 13px;
  font-weight: 650;
  text-align: center;
}

#dashboard .dashboard-workplan-summary { gap: 7px; }

#dashboard .dashboard-workplan-summary span {
  padding: 5px 8px;
  border-radius: 999px;
  background: #edf3f6;
  color: #526b7e;
  font-size: 10.5px;
  font-weight: 600;
}

#dashboard .dashboard-workplan-summary span.warn {
  background: #fff1e5;
  color: #a45c25;
}

#dashboard .dashboard-workplan-body {
  max-width: 100%;
  overflow: auto;
  background: #fff;
}

#dashboard .dashboard-workplan-week {
  display: grid;
  grid-template-columns: minmax(145px, 1.1fr) repeat(var(--workplan-columns), minmax(108px, 1fr));
  min-width: 940px;
}

#dashboard .dashboard-workplan-corner,
#dashboard .dashboard-workplan-day-head {
  position: sticky;
  top: 0;
  z-index: 2;
  min-height: 43px;
  padding: 7px 9px;
  border-right: 1px solid #dce4ea;
  border-bottom: 1px solid #cfdbe4;
  background: #f1f5f7;
  color: #50697c;
}

#dashboard .dashboard-workplan-corner {
  left: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  padding-left: 14px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

#dashboard .dashboard-workplan-day-head { text-align: center; }
#dashboard .dashboard-workplan-day-head span,
#dashboard .dashboard-workplan-day-head b { display: block; }
#dashboard .dashboard-workplan-day-head span { font-size: 10px; font-weight: 650; }
#dashboard .dashboard-workplan-day-head b { margin-top: 2px; color: #274b62; font-size: 12px; }

#dashboard .dashboard-workplan-day-head.is-today,
#dashboard .dashboard-workplan-cell.is-today { background: #eff8fc; }

#dashboard .dashboard-workplan-employee {
  position: sticky;
  left: 0;
  z-index: 1;
  min-height: 76px;
  padding: 13px 10px 10px 14px;
  border-right: 1px solid #d7e1e8;
  border-bottom: 1px solid #e1e7eb;
  background: #fbfcfd;
}

#dashboard .dashboard-workplan-employee strong,
#dashboard .dashboard-workplan-employee small { display: block; }
#dashboard .dashboard-workplan-employee strong { overflow: hidden; color: #314e64; font-size: 12px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
#dashboard .dashboard-workplan-employee small { margin-top: 4px; color: #82919e; font-size: 9.5px; }
#dashboard .dashboard-workplan-employee.is-open { background: #fff8f1; }
#dashboard .dashboard-workplan-employee.is-open strong { color: #9a592d; }

#dashboard .dashboard-workplan-cell {
  min-height: 76px;
  padding: 7px;
  border-right: 1px solid #e2e8ec;
  border-bottom: 1px solid #e2e8ec;
  background: #fff;
}

#dashboard .dashboard-workplan-cell.is-weekend { background: #fafbfc; }

#dashboard .dashboard-workplan-shift,
#dashboard .dashboard-workplan-absence,
#dashboard .dashboard-workplan-task,
#dashboard .dashboard-workplan-more,
#dashboard .dashboard-workplan-free {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#dashboard .dashboard-workplan-shift,
#dashboard .dashboard-workplan-absence {
  margin-bottom: 4px;
  padding: 3px 6px;
  border-radius: 6px;
  font-size: 9.5px;
  font-weight: 650;
}

#dashboard .dashboard-workplan-shift { background: var(--shift-early-bg); color: var(--shift-early-text); }
#dashboard .dashboard-workplan-shift.is-early { background: var(--shift-early-bg); color: var(--shift-early-text); }
#dashboard .dashboard-workplan-shift.is-late { background: var(--shift-late-bg); color: var(--shift-late-text); }
#dashboard .dashboard-workplan-shift.is-night { background: var(--shift-night-bg); color: var(--shift-night-text); }
#dashboard .dashboard-workplan-shift.is-oncall { background: var(--shift-oncall-bg); color: var(--shift-oncall-text); }
#dashboard .dashboard-workplan-absence { background: #fdeaea; color: #a24e4e; }
#dashboard .dashboard-workplan-task {
  margin-top: 3px;
  padding: 3px 5px;
  border-left: 2px solid #e58a3f;
  border-radius: 4px;
  background: #fff7ef;
  color: #684c38;
  font-size: 9px;
}
#dashboard .dashboard-workplan-task.is-maintenance {
  border-left-color: #4f8cac;
  background: #edf6fa;
  color: #315e75;
}
#dashboard .dashboard-workplan-task.is-overdue {
  border-left-color: #cb5b5b;
  background: #fff0f0;
  color: #9a4141;
}
#dashboard .dashboard-workplan-task.is-overdue::before {
  content: "\00dc berf\00e4 llig: ";
  font-weight: 700;
}
html[data-ui-language="sr-Latn"] #dashboard .dashboard-workplan-task.is-overdue::before {
  content: "Prekoračeno: ";
}
html[data-ui-language="en"] #dashboard .dashboard-workplan-task.is-overdue::before {
  content: "Overdue: ";
}
#dashboard .dashboard-workplan-more { margin-top: 3px; color: #81909c; font-size: 9px; }
#dashboard .dashboard-workplan-free {
  margin-top: 3px;
  padding: 3px 6px;
  border-radius: 6px;
  background: var(--shift-free-bg);
  color: var(--shift-free-text);
  font-size: 9.5px;
  font-weight: 650;
  text-align: center;
}

#dashboard .dashboard-workplan-month-head,
#dashboard .dashboard-workplan-month {
  display: grid;
  grid-template-columns: repeat(7, minmax(96px, 1fr));
  min-width: 760px;
}

#dashboard .dashboard-workplan-month-head span {
  padding: 8px;
  border-right: 1px solid #dde5ea;
  border-bottom: 1px solid #cfdbe4;
  background: #f1f5f7;
  color: #526a7c;
  font-size: 10px;
  font-weight: 700;
  text-align: center;
}

#dashboard .dashboard-workplan-month-day {
  min-height: 74px;
  padding: 7px 8px;
  border-right: 1px solid #e1e7eb;
  border-bottom: 1px solid #e1e7eb;
}

#dashboard .dashboard-workplan-month-day.is-outside { background: #fafbfc; color: #a6b0b8; }
#dashboard .dashboard-workplan-month-day.is-today { box-shadow: inset 0 0 0 2px #71a7c5; }
#dashboard .dashboard-workplan-month-day b { color: #38566c; font-size: 11px; }
#dashboard .dashboard-workplan-month-day div { display: grid; gap: 3px; margin-top: 7px; }
#dashboard .dashboard-workplan-month-day span { color: #587084; font-size: 9.5px; }
#dashboard .dashboard-workplan-month-day span.maintenance { color: #3e7896; }
#dashboard .dashboard-workplan-month-day em { color: #a1adb6; font-size: 9.5px; font-style: normal; }

#dashboard .dashboard-workplan-empty {
  display: grid;
  min-height: 150px;
  place-items: center;
  color: #748796;
  font-size: 12px;
}

#dashboard .dashboard-workplan.is-tv-mode {
  position: fixed;
  inset: 14px;
  z-index: 100000;
  display: flex;
  flex-direction: column;
  margin: 0;
  border-color: #8faabc;
  background: #fff;
  box-shadow: 0 28px 80px rgba(15, 31, 43, 0.42);
}

#dashboard .dashboard-workplan.is-tv-mode .dashboard-workplan-body { flex: 1; }
#dashboard .dashboard-workplan.is-tv-mode .dashboard-workplan-week { min-width: 100%; }
#dashboard .dashboard-workplan.is-tv-mode .dashboard-workplan-cell,
#dashboard .dashboard-workplan.is-tv-mode .dashboard-workplan-employee { min-height: 104px; }

@media (max-width: 1320px) {
  #dashboard .dashboard-widget-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  #dashboard .dashboard-widget-zone { padding: 12px; }
  #dashboard .dashboard-widget-toolbar { align-items: flex-start; flex-direction: column; }
  #dashboard .dashboard-widget-toolbar-actions { width: 100%; justify-content: flex-start; flex-wrap: wrap; }
  #dashboard .dashboard-widget-grid { grid-template-columns: 1fr; }
  #dashboard .dashboard-widget-card.is-wide { grid-column: auto; }
  #dashboard .dashboard-workplan-header,
  #dashboard .dashboard-workplan-toolbar { align-items: flex-start; flex-direction: column; }
  #dashboard .dashboard-workplan-actions { width: 100%; flex-wrap: wrap; }
  #dashboard .dashboard-workplan-summary { flex-wrap: wrap; }
  #dashboard .dashboard-workplan.is-tv-mode { inset: 5px; }
}

/* Overdue maintenance detail is shown in the dashboard widget, not twice in the KPI row. */
#dashboard #kpiOpenMaintOverdue {
  display: none !important;
}

/* Keep the single, canonical KPI row above the personal dashboard card. */
#dashboard.page.active > .dashboard-main-container > #statusBar.status-bar {
  display: block !important;
}

#dashboard #dashboardWidgetZone .dashboard-widget-kpi-host {
  display: none !important;
}

#dashboard #dashboardWidgetZone .dashboard-widget-kpi-host #statusBar.status-bar {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

#dashboard #dashboardWidgetZone .dashboard-widget-kpi-host #statusBar .kpi-row-work {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

#dashboard #dashboardWidgetZone .dashboard-widget-kpi-host #statusBar .sb-item {
  min-height: 43px !important;
  height: 43px !important;
  padding: 4px 10px !important;
}

#dashboard #dashboardWidgetZone .dashboard-widget-kpi-host #statusBar .sb-item[data-kpi-card="open-maintenance"] {
  border-color: #eadab4 !important;
  background: #fff8e9 !important;
}

#dashboard #dashboardWidgetZone .dashboard-widget-kpi-host #statusBar .sb-item[data-kpi-card="open-work-orders"] {
  border-color: #ead7ad !important;
  background: #fff7e7 !important;
}

#dashboard #dashboardWidgetZone .dashboard-widget-kpi-host #statusBar .sb-item[data-kpi-card="in-work"] {
  border-color: #cce4d4 !important;
  background: #eff9f2 !important;
}

#dashboard #dashboardWidgetZone .dashboard-widget-kpi-host #statusBar .sb-item[data-kpi-card="unassigned-work-orders"] {
  border-color: #ead9b8 !important;
  background: #fff8eb !important;
}

#dashboard #dashboardWidgetZone .dashboard-widget-kpi-host #statusBar .sb-item[data-kpi-card="disturbance-work-orders"] {
  border-color: #ebcfd3 !important;
  background: #fff2f3 !important;
}

#dashboard #dashboardWidgetZone .dashboard-widget-kpi-host #statusBar .sb-item[data-kpi-card="this-week-work-orders"] {
  border-color: #cfdfea !important;
  background: #f0f6fb !important;
}

#dashboard #dashboardWidgetZone .dashboard-widget-kpi-host #statusBar .sb-label {
  display: flex !important;
  align-self: stretch !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 9.7px !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  color: #52677a !important;
  letter-spacing: 0.01em !important;
  text-align: center !important;
}

#dashboard #dashboardWidgetZone .dashboard-widget-kpi-host #statusBar .sb-num,
#dashboard #dashboardWidgetZone .dashboard-widget-kpi-host #statusBar .sb-num-sm {
  color: #253d53 !important;
  -webkit-text-fill-color: #253d53 !important;
  font-size: 27px !important;
  font-weight: 700 !important;
}

html body .app .main .content #dashboard.page.active > #globalContextBar.dashboard-steel-header .dashboard-product-brand {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding-left: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  transform: none !important;
  background: none !important;
  white-space: nowrap !important;
}

#dashboard .dashboard-product-brand {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  white-space: nowrap !important;
  filter: brightness(1.25) saturate(1.04) !important;
}

#dashboard .dashboard-product-wordmark,
#dashboard .dashboard-product-degree {
  display: inline-block !important;
  font-family: "Archivo", "IBM Plex Sans", sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

#dashboard .dashboard-product-wordmark {
  color: #315a78 !important;
}

#dashboard .dashboard-product-degree {
  color: #0b89df !important;
}

/* Keep the desktop navigation width stable across browser sizes. */
@media (min-width: 901px) {
  .app { grid-template-columns: 248px minmax(0, 1fr) !important; }
}

@media (max-width: 1180px) {
  #dashboard #dashboardWidgetZone .dashboard-widget-kpi-host #statusBar .kpi-row-work {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  #dashboard #dashboardWidgetZone .dashboard-widget-kpi-host #statusBar .kpi-row-work {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}