.schedule-summary .stat {
  border-top: 4px solid var(--frost-blue);
}



.schedule-summary .stat.warn {
  border-top-color: var(--frost-warning);
}



.schedule-summary .stat.good {
  border-top-color: var(--frost-success);
}



.schedule-summary .stat.bad {
  border-top-color: var(--frost-danger);
}

.daily-schedule {
  display: grid;
  gap: 12px;
}

.daily-schedule {
  display: grid;
  gap: 12px;
}

.schedule-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
}

.schedule-summary.compact {
  grid-template-columns: repeat(4, minmax(120px, 1fr));
  gap: 10px;
}

.schedule-command-panel,
.schedule-side-panel {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid #cfdae6;
  border-radius: 8px;
  background: #ffffff;
}

.schedule-command-panel {
  align-items: start;
}

.schedule-day-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.schedule-drawer {
  overflow: hidden;
  border: 1px solid #cfdae6;
  border-radius: 8px;
  background: #ffffff;
}

.schedule-drawer summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  min-height: 44px;
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  color: #17212f;
  cursor: pointer;
  font-size: 13px;
  font-weight: 950;
}

.schedule-drawer summary strong {
  min-width: 0;
}

.schedule-drawer summary span {
  min-width: 86px;
  min-height: 26px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: #e8f1ff;
  color: #44596b;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  padding: 4px 8px;
  text-align: center;
  white-space: nowrap;
}

.schedule-drawer summary [data-details-toggle-state] {
  margin-left: 0;
}

.schedule-drawer[open] summary {
  border-bottom: 1px solid #dce6ef;
}

.schedule-drawer > .section-title,
.schedule-drawer > .schedule-filters,
.schedule-drawer > .schedule-backlog,
.schedule-drawer > .weekly-schedule-scroll,
.schedule-drawer > .schedule-history-list,
.schedule-drawer > .empty-alerts {
  margin: 0;
  padding: 12px;
}

.schedule-command-panel .schedule-drawer {
  background: #f7fbff;
}

.schedule-summary-stat {
  appearance: none;
}

.schedule-summary-detail {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid #cfdae6;
  border-radius: 8px;
  background: #f7fbff;
}

.schedule-summary-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 8px;
}

.schedule-summary-row {
  display: grid;
  gap: 4px;
  width: 100%;
  min-height: 74px;
  border: 1px solid #cfdae6;
  border-radius: 8px;
  background: #ffffff;
  color: #17212f;
  padding: 10px;
  text-align: left;
}

button.schedule-summary-row {
  cursor: pointer;
}

button.schedule-summary-row:hover {
  border-color: #214ee5;
  background: #edf4ff;
}

.schedule-summary-row span,
.schedule-summary-row small {
  color: #607083;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.3;
}

.schedule-summary-row strong {
  overflow-wrap: anywhere;
}

.schedule-summary-row.warning {
  border-color: #f4c978;
  background: #fff5e5;
}

.schedule-filters {
  display: grid;
  grid-template-columns: repeat(3, minmax(150px, 1fr)) auto auto auto;
  gap: 10px;
  align-items: end;
}

.schedule-filters label {
  display: grid;
  gap: 5px;
  color: #607083;
  font-size: 12px;
  font-weight: 900;
}

.schedule-filters select {
  min-height: 38px;
  border: 1px solid #cbd7df;
  border-radius: 8px;
  background: #ffffff;
  color: #17212f;
  padding: 0 10px;
}

.schedule-filters .schedule-toggle {
  grid-auto-flow: column;
  grid-template-columns: auto 1fr;
  align-items: center;
  min-height: 38px;
  padding: 0 10px;
  border: 1px solid #cfdae6;
  border-radius: 8px;
  background: #f7fbff;
  color: #34465a;
}

.schedule-filters button {
  min-height: 38px;
  border: 0;
  border-radius: 8px;
  background: #cfdae6;
  color: #17212f;
  cursor: pointer;
  font-weight: 900;
  padding: 0 12px;
}

.schedule-day-controls input,
.schedule-day-controls button,
.schedule-assign-form button,
.schedule-note-form button {
  min-height: 36px;
  border: 1px solid #cbd7df;
  border-radius: 8px;
  background: #ffffff;
  color: #17212f;
  font-weight: 900;
  padding: 0 10px;
}

.schedule-day-controls button,
.schedule-assign-form button,
.schedule-note-form button {
  border: 0;
  background: #214ee5;
  color: #ffffff;
  cursor: pointer;
}

.weekly-schedule-panel {
  overflow: hidden;
}

.weekly-schedule-scroll {
  overflow-x: auto;
  padding-bottom: 2px;
}

.weekly-schedule-grid {
  display: grid;
  grid-template-columns: 170px repeat(7, minmax(132px, 1fr));
  gap: 6px;
  min-width: 1120px;
}

.weekly-schedule-grid.no-employees {
  grid-template-columns: repeat(7, minmax(120px, 1fr));
  min-width: 0;
}

.weekly-corner,
.weekly-day-header,
.weekly-employee-name,
.weekly-day-cell {
  min-height: 70px;
  border: 1px solid #cfdae6;
  border-radius: 8px;
  background: #f8fbfc;
}

.weekly-corner {
  min-height: 96px;
  border-color: transparent;
  background: transparent;
}

.weekly-day-header {
  display: grid;
  gap: 2px;
  align-content: start;
  min-height: 96px;
  padding: 8px;
  color: #17212f;
  text-align: left;
  cursor: pointer;
}

.weekly-day-header span,
.weekly-day-header small {
  color: #607083;
  font-size: 11px;
  font-weight: 850;
}

.weekly-day-header strong {
  font-size: 15px;
}

.weekly-day-header.active {
  border-color: #214ee5;
  background: #edf4ff;
  box-shadow: inset 0 0 0 2px rgba(33, 78, 229, 0.16);
}

.weekly-header-project-slices {
  display: grid;
  gap: 3px;
  margin-top: 4px;
}

.weekly-header-project-slice,
.weekly-header-project-more {
  border-radius: 4px;
  display: block;
  font-size: 10px;
  font-weight: 950;
  line-height: 1;
  min-height: 12px;
  overflow: hidden;
  padding: 2px 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.weekly-header-project-slice {
  background: var(--project-color);
  color: var(--project-text);
  box-shadow: 0 6px 14px rgba(36, 56, 96, 0.12);
}

.weekly-header-project-more {
  background: #dbe6ff;
  color: #12307d;
}

.weekly-employee-name {
  display: grid;
  align-content: center;
  gap: 3px;
  padding: 10px;
  background: #ffffff;
}

.weekly-employee-name strong,
.weekly-employee-name small {
  display: block;
}

.weekly-employee-name strong {
  color: #17212f;
  font-size: 14px;
}

.weekly-employee-name small {
  color: #607083;
  font-size: 12px;
  line-height: 1.3;
}

.weekly-day-cell {
  display: grid;
  align-content: start;
  gap: 6px;
  min-height: 108px;
  padding: 6px;
  background: #ffffff;
}

.weekly-day-cell.available {
  background: #ffffff;
}

.weekly-day-cell.overbooked {
  border-color: #ce2029;
  background: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(206, 32, 41, 0.22);
}

.weekly-project-block {
  position: relative;
  display: grid;
  gap: 2px;
  width: 100%;
  min-height: 74px;
  border: 1px solid color-mix(in srgb, var(--project-color, var(--brand-primary)) 28%, var(--brand-border));
  border-left: 5px solid var(--project-color, var(--brand-primary));
  border-radius: 8px;
  background: #ffffff;
  color: var(--brand-text);
  box-shadow: 0 10px 22px rgba(var(--brand-command-rgb), 0.06);
  text-align: left;
  cursor: pointer;
  padding: 8px 28px 8px 10px;
}

.weekly-project-block span,
.weekly-project-block small {
  overflow: hidden;
  color: var(--brand-muted);
  font-size: 11px;
  font-weight: 850;
  line-height: 1.25;
  text-overflow: ellipsis;
}

.weekly-project-block strong {
  overflow: hidden;
  color: var(--brand-text);
  font-size: 13px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.weekly-project-block b {
  position: absolute;
  top: 7px;
  right: 7px;
  display: grid;
  min-width: 18px;
  height: 18px;
  place-items: center;
  border-radius: 999px;
  background: #b42318;
  color: #ffffff;
  font-size: 11px;
}

.weekly-project-block.has-warning {
  border-color: #ffcc00;
  background: #ffffff;
}

.weekly-empty {
  color: #8a9aa4;
  font-size: 12px;
  font-weight: 850;
}

.weekly-empty.full {
  grid-column: 1 / -1;
  padding: 16px;
  border: 1px dashed #cbd7df;
  border-radius: 8px;
  background: #ffffff;
}

.schedule-backlog {
  display: grid;
  gap: 10px;
}

.schedule-day-brief {
  display: grid;
  gap: 12px;
}

.schedule-day-brief section {
  display: grid;
  gap: 8px;
}

.schedule-day-brief section > strong {
  color: #17212f;
  font-size: 13px;
}

.schedule-day-brief button {
  display: grid;
  gap: 3px;
  width: 100%;
  border: 1px solid #cfdae6;
  border-radius: 8px;
  background: #f8fbfc;
  color: #17212f;
  cursor: pointer;
  padding: 9px;
  text-align: left;
}

.schedule-day-brief button:hover {
  border-color: #214ee5;
  background: #edf4ff;
}

.schedule-day-brief button span,
.schedule-day-brief button small {
  color: #607083;
  font-size: 12px;
  font-weight: 850;
}

.schedule-day-brief button b {
  overflow-wrap: anywhere;
}

.schedule-available-list {
  display: grid;
  gap: 6px;
}

.schedule-available-list span {
  display: flex;
  min-height: 36px;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border: 1px solid #cfdae6;
  border-radius: 8px;
  background: #ffffff;
  color: #17212f;
  font-size: 12px;
  font-weight: 900;
  padding: 8px;
}

.schedule-available-list small {
  color: #607083;
  font-size: 11px;
  font-weight: 850;
  text-align: right;
}

.schedule-backlog.hidden {
  display: none;
}

.employee-day {
  border: 1px solid #cfdae6;
  border-radius: 8px;
  background: #ffffff;
  display: grid;
  gap: 12px;
  padding: 14px;
}

.employee-day.available {
  border-color: #addfca;
  background: #eaf7f1;
}

.employee-day.overbooked {
  border-color: #f4c978;
  background: #fff8ed;
}

.employee-day-head {
  display: grid;
  grid-template-columns: minmax(260px, 0.65fr) minmax(240px, 1fr);
  gap: 12px;
  align-items: start;
}

.weekly-employee-name > span {
  color: #ffffff;
}

.employee-day-flags {
  display: grid;
  gap: 8px;
  justify-items: end;
}

.schedule-credential-strip {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.schedule-credential-strip span {
  border: 1px solid color-mix(in srgb, var(--brand-primary) 14%, var(--brand-border));
  border-radius: 999px;
  padding: 5px 8px;
  background: #ffffff;
  color: var(--brand-text);
  font-size: 12px;
  font-weight: 850;
}

.schedule-credential-strip span b {
  margin-right: 5px;
  color: var(--brand-text);
}

.schedule-credential-strip .due-soon {
  border-color: #ffcc00;
  background: #ffffff;
  color: var(--brand-text);
}

.schedule-credential-strip .expired {
  border-color: #ce2029;
  background: #ffffff;
  color: #ce2029;
}

.schedule-credential-strip .current {
  border-color: color-mix(in srgb, var(--brand-success) 48%, var(--brand-border));
  background: #ffffff;
  color: var(--brand-success);
}

.day-timeline {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 10px;
}

.schedule-assignment-meta {
  display: grid;
  gap: 6px;
  padding: 8px;
  border: 1px solid #d3dee9;
  border-radius: 8px;
  background: #ffffff;
}

.schedule-assignment-meta span {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  color: #44596b;
  font-size: 12px;
  line-height: 1.35;
  text-transform: none;
}

.schedule-assignment-meta b {
  color: #17212f;
  font-size: 12px;
  margin-right: 2px;
  text-transform: uppercase;
}

.schedule-fleet-strip small {
  border: 1px solid color-mix(in srgb, var(--brand-primary) 14%, var(--brand-border));
  border-radius: 999px;
  background: #ffffff;
  color: var(--brand-text);
  font-size: 11px;
  font-weight: 900;
  padding: 4px 7px;
}

.schedule-fleet-strip small.available {
  border-color: color-mix(in srgb, var(--brand-success) 48%, var(--brand-border));
  background: #ffffff;
  color: var(--brand-success);
}

.schedule-fleet-strip small.attention {
  border-color: #ffcc00;
  background: #ffffff;
  color: var(--brand-text);
}

.fleet-conflict {
  display: grid;
  gap: 3px;
  padding: 8px;
  border: 1px solid #ffcc00;
  border-left: 5px solid #ffcc00;
  border-radius: 8px;
  background: #ffffff;
  color: var(--brand-text);
}

.fleet-conflict strong,
.fleet-conflict small {
  font-size: 12px;
}

.schedule-warning-list {
  display: grid;
  gap: 4px;
  padding: 8px;
  border: 1px solid #ffcc00;
  border-left: 5px solid #ffcc00;
  border-radius: 8px;
  background: #ffffff;
  color: var(--brand-text);
}

.schedule-warning-list small {
  color: inherit;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}

.schedule-note-form,
.schedule-assign-form {
  display: grid;
  gap: 8px;
}

.schedule-assignment-tools {
  border: 1px solid #cfdae6;
  border-radius: 8px;
  background: #ffffff;
}

.schedule-assignment-tools summary {
  cursor: pointer;
  color: #214ee5;
  font-size: 12px;
  font-weight: 950;
  padding: 9px 10px;
}

.schedule-assignment-tools[open] summary {
  border-bottom: 1px solid #dce6ef;
}

.schedule-note-form {
  grid-template-columns: minmax(0, 1fr) auto;
}

.schedule-assign-form.compact {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 10px;
}

.schedule-assign-form.compact .wide,
.schedule-assign-form.compact button {
  grid-column: 1 / -1;
}

.schedule-note-form input,
.schedule-assign-form input,
.schedule-assign-form select {
  width: 100%;
  min-height: 36px;
  border: 1px solid #cbd7df;
  border-radius: 8px;
  background: #ffffff;
  color: #17212f;
  padding: 0 10px;
}

.schedule-assign-form label {
  display: grid;
  gap: 5px;
  color: #607083;
  font-size: 12px;
  font-weight: 900;
}

.schedule-support-picker {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 8px;
  padding: 8px;
  border: 1px solid #d7e2ec;
  border-radius: 8px;
  background: #f7fbff;
}

.schedule-support-picker label {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: 8px;
  row-gap: 1px;
  align-items: center;
  padding: 8px 9px;
  border: 1px solid #d6e0ea;
  border-radius: 8px;
  background: #ffffff;
  color: #17212f;
  cursor: pointer;
}

.schedule-support-picker label.selected,
.schedule-support-picker label:has(input:checked) {
  border-color: var(--brand-primary);
  background: color-mix(in srgb, var(--brand-primary) 10%, #ffffff);
}

.schedule-support-picker input {
  width: 16px;
  min-height: 16px;
  grid-row: 1 / span 2;
  accent-color: var(--brand-primary);
  padding: 0;
}

.schedule-support-picker span {
  color: #17212f;
  font-size: 12px;
  font-weight: 950;
  line-height: 1.2;
}

.schedule-support-picker small {
  grid-column: 2;
  color: #5e6f82;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
}

.schedule-backlog-card {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--project-color, var(--brand-primary)) 28%, var(--brand-border));
  border-left: 5px solid var(--project-color, var(--brand-primary));
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(var(--brand-command-rgb), 0.06);
}

.schedule-backlog-card span,
.schedule-backlog-card small {
  color: var(--brand-muted);
  font-size: 12px;
  font-weight: 800;
}

.schedule-backlog-card strong {
  display: block;
  margin-top: 4px;
  color: var(--brand-text);
}

.schedule-backlog-card p {
  margin: 4px 0;
  color: var(--brand-muted);
}

.schedule-history-list {
  display: grid;
  gap: 8px;
}

.schedule-history-item {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.4fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--brand-primary) 22%, var(--brand-border));
  border-left: 5px solid var(--brand-primary);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(var(--brand-command-rgb), 0.06);
}

.schedule-history-item.override {
  border-left-color: #ffcc00;
  background: #ffffff;
}

.schedule-history-item span,
.schedule-history-item small {
  display: block;
  color: var(--brand-muted);
  font-size: 12px;
}

.schedule-history-item strong {
  display: block;
  margin-top: 3px;
  color: var(--brand-text);
}

.schedule-history-item p {
  margin: 0;
  color: var(--brand-muted);
  line-height: 1.4;
}

.schedule-history-item button {
  min-height: 34px;
  border: 0;
  border-radius: 8px;
  background: var(--brand-primary);
  color: #ffffff;
  cursor: pointer;
  font-weight: 900;
  padding: 0 10px;
}

@media (max-width: 680px) {

  .schedule-summary {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
.schedule-summary.compact,
.schedule-filters,
.employee-day-head,
.schedule-history-item,
.employee-day {
    grid-template-columns: 1fr;
  }

  .day-timeline {
    grid-template-columns: 1fr;
  }

  .schedule-command-panel > .section-title {
    display: grid;
    gap: 10px;
  }

  .schedule-day-controls {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: stretch;
  }

  .schedule-day-controls input,
  .schedule-day-controls button {
    flex: 1;
  }

  .schedule-day-controls input,
  .schedule-day-controls [data-schedule-shift="-1"],
  .schedule-day-controls [data-print-schedule],
  .schedule-day-controls [data-export-schedule-csv] {
    grid-column: 1 / -1;
  }

  .schedule-filters .schedule-toggle {
    grid-template-columns: auto 1fr;
  }

  .schedule-assign-form.compact {
    grid-template-columns: 1fr;
  }

  .employee-day-flags,
  .schedule-credential-strip {
    justify-items: start;
    justify-content: flex-start;
  }

  .schedule-summary {
    grid-template-columns: 1fr;
  }}
.schedule-drawer summary,
.schedule-summary-row,
.weekly-day-header,
.schedule-assignment-tools summary {
  background: linear-gradient(135deg, var(--frost-command), var(--frost-command-2));
  border-color: #284256;
  border-top: 1px solid #284256;
  color: #ffffff;
}
.schedule-drawer summary span,
.schedule-drawer summary strong,
.schedule-drawer summary [data-details-toggle-state],
.schedule-summary-row span,
.schedule-summary-row small,
.schedule-summary-row strong,
.weekly-day-header span,
.weekly-day-header small,
.weekly-day-header strong,
.schedule-assignment-tools summary span,
.schedule-assignment-tools summary strong {
  color: #ffffff;
}



.weekly-day-header.active,
.schedule-drawer[open] summary {
  background: linear-gradient(135deg, var(--frost-blue), #1639b8);
  border-color: var(--frost-blue);
  border-top-color: var(--frost-blue);
  color: #ffffff;
}


.schedule-summary .stat,
.schedule-summary .stat.warn,
.schedule-summary .stat.good,
.schedule-summary .stat.bad {
  border-top: 1px solid #284256 !important;
}



.schedule-summary .stat.active {
  border-top-color: var(--frost-blue) !important;
}
.schedule-command-panel,
.schedule-side-panel {
  border-color: var(--brand-border);
  background: color-mix(in srgb, var(--brand-surface) 94%, var(--brand-panel));
  box-shadow: 0 18px 42px rgba(var(--brand-command-rgb), 0.07);
}

.schedule-drawer summary,
.schedule-summary-row,
.weekly-day-header,
.schedule-assignment-tools summary {
  background:
    linear-gradient(135deg, rgba(var(--brand-primary-rgb), 0.18), transparent 52%),
    linear-gradient(135deg, var(--brand-command), var(--brand-command-2));
  border-color: color-mix(in srgb, var(--brand-primary) 28%, var(--brand-command-2));
  box-shadow: 0 14px 34px rgba(var(--brand-command-rgb), 0.16);
}



.weekly-day-header.active,
.schedule-drawer[open] summary {
  background:
    linear-gradient(135deg, var(--brand-primary), var(--brand-primary-strong));
  border-color: var(--brand-primary);
  box-shadow: 0 16px 34px rgba(var(--brand-primary-rgb), 0.24);
}
.schedule-summary-detail,
.schedule-drawer {
  border-color: var(--brand-border);
  background: var(--brand-panel);
}
/* Standard count / number bubbles across the app */
.schedule-drawer summary > span:not([data-details-toggle-state]),
.weekly-project-block b,
.schedule-day-brief button b {
  min-width: 28px !important;
  min-height: 28px !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(135deg, var(--brand-primary), var(--brand-primary-strong)) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(var(--brand-primary-rgb), 0.22) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  padding: 0 9px !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.weekly-project-block b {
  width: auto !important;
  height: 24px !important;
  min-width: 24px !important;
  padding: 0 7px !important;
}
.schedule-summary .stat,
.schedule-drawer summary,
.schedule-summary-row,
.weekly-day-header,
.schedule-assignment-tools summary {
  background: var(--brand-command-gradient) !important;
  border-color: var(--brand-command-border) !important;
  border-top-color: var(--brand-command-border) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 34px rgba(var(--brand-command-rgb), 0.15) !important;
}



.schedule-summary .stat.active,
.weekly-day-header.active,
.schedule-drawer[open] summary {
  background: var(--brand-command-active-gradient) !important;
  border-color: var(--brand-primary) !important;
  border-top-color: var(--brand-primary) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 34px rgba(var(--brand-primary-rgb), 0.24) !important;
}


.schedule-drawer summary span,
.schedule-drawer summary strong,
.schedule-drawer summary [data-details-toggle-state],
.schedule-summary-row span,
.schedule-summary-row small,
.schedule-summary-row strong,
.weekly-day-header span,
.weekly-day-header small,
.weekly-day-header strong,
.schedule-assignment-tools summary span,
.schedule-assignment-tools summary strong {
  color: #ffffff !important;
}
.schedule-command-panel > .section-title {
  border-color: var(--brand-border) !important;
  background: var(--brand-surface) !important;
  color: var(--brand-text) !important;
}
.schedule-drawer > summary {
  border: 1px solid var(--brand-command-border) !important;
  background: var(--brand-command-gradient) !important;
  color: var(--brand-on-command) !important;
  box-shadow: 0 14px 34px rgba(var(--brand-command-rgb), 0.15) !important;
}


.schedule-drawer > summary * {
  color: inherit !important;
}


.schedule-drawer[open] > summary {
  border-color: var(--brand-primary) !important;
  background: var(--brand-command-active-gradient) !important;
  color: var(--brand-on-primary) !important;
  box-shadow: 0 16px 34px rgba(var(--brand-primary-rgb), 0.24) !important;
}

.schedule-day-controls button {
  border: 1px solid var(--brand-border) !important;
  background: var(--brand-surface) !important;
  color: var(--brand-text) !important;
  box-shadow: none !important;
}

.schedule-day-controls button[data-schedule-today] {
  border-color: var(--brand-command-border) !important;
  background: var(--brand-command-gradient) !important;
  color: var(--brand-on-command) !important;
}

.weekly-project-block,
.schedule-day-brief button,
.schedule-backlog-card {
  border: 1px solid color-mix(in srgb, var(--project-color, var(--brand-primary)) 32%, var(--brand-border)) !important;
  border-left: 5px solid var(--project-color, var(--brand-primary)) !important;
  background: color-mix(in srgb, var(--project-color, var(--brand-primary)) 9%, #ffffff) !important;
  color: var(--brand-text) !important;
  box-shadow: 0 8px 18px rgba(var(--brand-command-rgb), 0.05) !important;
}

.weekly-project-block:hover,
.schedule-day-brief button:hover {
  border-color: var(--project-color, var(--brand-primary)) !important;
  background: color-mix(in srgb, var(--project-color, var(--brand-primary)) 16%, #ffffff) !important;
  color: var(--brand-text) !important;
}

.weekly-project-block strong,
.weekly-project-block small,
.schedule-day-brief button span,
.schedule-day-brief button small,
.schedule-backlog-card strong,
.schedule-backlog-card small {
  color: inherit !important;
}

.weekly-project-block small,
.schedule-day-brief button small,
.schedule-backlog-card small {
  color: var(--brand-muted) !important;
}

/* Schedule daily assignment layout cleanup */
.daily-schedule .employee-day,
.schedule-command-panel .employee-day {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px !important;
  align-items: start !important;
  overflow: hidden !important;
}

.daily-schedule .employee-day-head,
.schedule-command-panel .employee-day-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, auto) !important;
  gap: 12px !important;
  align-items: center !important;
  border: 1px solid var(--brand-border) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  padding: 12px !important;
}

.daily-schedule .employee-profile,
.daily-schedule .employee-profile > div,
.schedule-command-panel .employee-profile,
.schedule-command-panel .employee-profile > div {
  min-width: 0 !important;
}

.daily-schedule .employee-profile,
.schedule-command-panel .employee-profile {
  grid-template-columns: 44px minmax(0, 1fr) max-content !important;
}

.daily-schedule .employee-profile b,
.schedule-command-panel .employee-profile b {
  grid-column: 3 !important;
  justify-self: end !important;
}

.daily-schedule .employee-profile strong,
.daily-schedule .employee-profile small,
.schedule-command-panel .employee-profile strong,
.schedule-command-panel .employee-profile small {
  overflow-wrap: anywhere !important;
}

.daily-schedule .employee-day-flags,
.schedule-command-panel .employee-day-flags {
  min-width: 0 !important;
  justify-items: end !important;
}

.daily-schedule .schedule-credential-strip,
.schedule-command-panel .schedule-credential-strip {
  min-width: 0 !important;
  justify-content: flex-end !important;
}

.daily-schedule .day-timeline,
.schedule-command-panel .day-timeline {
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  min-width: 0 !important;
  align-self: stretch !important;
}

.daily-schedule .timeline-block,
.schedule-command-panel .timeline-block {
  min-width: 0 !important;
  width: 100% !important;
  gap: 12px !important;
  padding: 12px !important;
  overflow: hidden !important;
  cursor: default !important;
  border: 1px solid var(--brand-border) !important;
  border-left: 0 !important;
  background: color-mix(in srgb, var(--brand-primary) 3%, #ffffff) !important;
  box-shadow: 0 12px 28px rgba(var(--brand-command-rgb), 0.07) !important;
}

.daily-schedule .timeline-block:hover,
.schedule-command-panel .timeline-block:hover {
  border-color: var(--brand-primary) !important;
  background: color-mix(in srgb, var(--brand-primary) 5%, #ffffff) !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--brand-primary) 18%, transparent),
    0 16px 34px rgba(var(--brand-command-rgb), 0.1) !important;
}

.daily-schedule .schedule-project-detail-card,
.schedule-command-panel .schedule-project-detail-card {
  min-width: 0 !important;
  display: grid !important;
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--brand-command-border) !important;
  border-left: 6px solid var(--brand-primary) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 26px rgba(var(--brand-command-rgb), 0.1) !important;
}

.daily-schedule .timeline-block > button,
.schedule-command-panel .timeline-block > button {
  min-width: 0 !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content !important;
  gap: 4px 12px !important;
  align-items: start !important;
  border: 0 !important;
  background: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.daily-schedule .timeline-block > button.schedule-assignment-project,
.schedule-command-panel .timeline-block > button.schedule-assignment-project {
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  align-items: stretch !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--brand-command-gradient) !important;
  color: var(--brand-on-command) !important;
  box-shadow: none !important;
  padding: 12px !important;
}

.daily-schedule .schedule-assignment-title,
.schedule-command-panel .schedule-assignment-title {
  min-width: 0 !important;
  display: grid !important;
  gap: 4px !important;
}

.daily-schedule .schedule-assignment-title span,
.schedule-command-panel .schedule-assignment-title span {
  color: var(--brand-on-command) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
  opacity: 0.86 !important;
  text-transform: uppercase !important;
}

.daily-schedule .schedule-assignment-title strong,
.schedule-command-panel .schedule-assignment-title strong {
  grid-column: auto !important;
  min-width: 0 !important;
  color: var(--brand-on-command) !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
  overflow-wrap: anywhere !important;
}

.daily-schedule .schedule-assignment-title small,
.schedule-command-panel .schedule-assignment-title small {
  grid-column: auto !important;
  min-width: 0 !important;
  color: var(--brand-on-command) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  opacity: 0.9 !important;
  overflow-wrap: anywhere !important;
}

.daily-schedule .schedule-assignment-detail-grid,
.schedule-command-panel .schedule-assignment-detail-grid {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(150px, 1fr)) !important;
  gap: 10px !important;
  background: #ffffff !important;
  padding: 12px !important;
}

.daily-schedule .schedule-assignment-detail-grid > div,
.schedule-command-panel .schedule-assignment-detail-grid > div {
  min-width: 0 !important;
  display: grid !important;
  align-content: start !important;
  gap: 0 !important;
  min-height: 72px !important;
  border: 1px solid var(--brand-border) !important;
  border-radius: 8px !important;
  background: color-mix(in srgb, var(--brand-primary) 4%, #ffffff) !important;
  color: var(--brand-on-surface, #111827) !important;
  overflow: hidden !important;
  padding: 10px !important;
}

.daily-schedule .schedule-assignment-detail-grid > div.wide,
.schedule-command-panel .schedule-assignment-detail-grid > div.wide {
  grid-column: span 3 !important;
}

.daily-schedule .schedule-assignment-detail-grid span,
.schedule-command-panel .schedule-assignment-detail-grid span {
  min-height: 32px !important;
  display: flex !important;
  align-items: center !important;
  border-bottom: 0 !important;
  background: transparent !important;
  color: var(--brand-primary-strong, #0822a8) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
  padding: 0 !important;
  text-transform: uppercase !important;
}

.daily-schedule .schedule-assignment-detail-grid strong,
.schedule-command-panel .schedule-assignment-detail-grid strong {
  min-width: 0 !important;
  color: var(--brand-on-surface, #111827) !important;
  background: transparent !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
  overflow-wrap: anywhere !important;
  padding: 0 !important;
}

.daily-schedule .schedule-assignment-fleet-list,
.schedule-command-panel .schedule-assignment-fleet-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  padding: 0 !important;
  background: transparent !important;
}

.daily-schedule .schedule-assignment-fleet-list small,
.schedule-command-panel .schedule-assignment-fleet-list small {
  min-height: 26px !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 1px solid color-mix(in srgb, var(--brand-primary) 34%, var(--brand-border)) !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--brand-primary) 7%, #ffffff) !important;
  color: var(--brand-on-surface, #111827) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  padding: 0 9px !important;
}

.daily-schedule .schedule-assignment-fleet-list small.available,
.schedule-command-panel .schedule-assignment-fleet-list small.available {
  border-color: color-mix(in srgb, var(--brand-success) 48%, var(--brand-border)) !important;
  color: var(--brand-success) !important;
}

.daily-schedule .schedule-assignment-fleet-list small.attention,
.schedule-command-panel .schedule-assignment-fleet-list small.attention {
  border-color: var(--brand-warning) !important;
  color: var(--brand-on-surface, #111827) !important;
}

.daily-schedule .schedule-assignment-chips,
.schedule-command-panel .schedule-assignment-chips {
  min-width: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  align-items: center !important;
}

.daily-schedule .schedule-assignment-chips span,
.daily-schedule .schedule-assignment-chips em,
.daily-schedule .schedule-assignment-chips b,
.schedule-command-panel .schedule-assignment-chips span,
.schedule-command-panel .schedule-assignment-chips em,
.schedule-command-panel .schedule-assignment-chips b {
  grid-column: auto !important;
  justify-self: start !important;
  max-width: 100% !important;
  min-height: 26px !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 1px solid color-mix(in srgb, var(--project-color, var(--brand-primary)) 32%, var(--brand-border)) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: var(--brand-text) !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  padding: 0 9px !important;
  text-align: left !important;
  text-transform: capitalize !important;
  white-space: nowrap !important;
}

.daily-schedule .schedule-assignment-chips b,
.schedule-command-panel .schedule-assignment-chips b {
  border-color: var(--brand-command-border) !important;
  background: var(--brand-command-gradient) !important;
  color: var(--brand-on-command) !important;
}

.daily-schedule .timeline-block > button:not(.schedule-assignment-project) strong,
.daily-schedule .timeline-block > button:not(.schedule-assignment-project) small,
.schedule-command-panel .timeline-block > button:not(.schedule-assignment-project) strong,
.schedule-command-panel .timeline-block > button:not(.schedule-assignment-project) small {
  grid-column: 1 !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

.daily-schedule .timeline-block > button:not(.schedule-assignment-project) span,
.daily-schedule .timeline-block > button:not(.schedule-assignment-project) em,
.schedule-command-panel .timeline-block > button:not(.schedule-assignment-project) span,
.schedule-command-panel .timeline-block > button:not(.schedule-assignment-project) em {
  grid-column: 2 !important;
  max-width: 150px !important;
  justify-self: end !important;
  text-align: right !important;
  white-space: normal !important;
}

.daily-schedule .schedule-assignment-meta,
.schedule-command-panel .schedule-assignment-meta,
.daily-schedule .fleet-conflict,
.schedule-command-panel .fleet-conflict,
.daily-schedule .schedule-warning-list,
.schedule-command-panel .schedule-warning-list,
.daily-schedule .schedule-assignment-tools,
.schedule-command-panel .schedule-assignment-tools {
  min-width: 0 !important;
  width: 100% !important;
  overflow: hidden !important;
}

.daily-schedule .schedule-assignment-meta span,
.schedule-command-panel .schedule-assignment-meta span,
.daily-schedule .schedule-fleet-strip,
.schedule-command-panel .schedule-fleet-strip {
  min-width: 0 !important;
  max-width: 100% !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  align-items: center !important;
  overflow-wrap: anywhere !important;
}

.daily-schedule .schedule-fleet-strip small,
.schedule-command-panel .schedule-fleet-strip small {
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

.daily-schedule .schedule-assignment-tools summary,
.schedule-command-panel .schedule-assignment-tools summary {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content !important;
  align-items: center !important;
  gap: 10px !important;
  border: 1px solid var(--brand-command-border) !important;
  border-radius: 8px !important;
  background: var(--brand-command-gradient) !important;
  color: var(--brand-on-command) !important;
}

.daily-schedule .schedule-assignment-tools summary span,
.schedule-command-panel .schedule-assignment-tools summary span {
  min-width: 0 !important;
  color: inherit !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

.daily-schedule .schedule-assignment-tools[open] summary,
.schedule-command-panel .schedule-assignment-tools[open] summary {
  border-color: var(--brand-primary) !important;
  background: var(--brand-command-active-gradient) !important;
}

.daily-schedule .schedule-assignment-tools[open] summary [data-details-toggle-state],
.schedule-command-panel .schedule-assignment-tools[open] summary [data-details-toggle-state] {
  font-size: 0 !important;
}

.daily-schedule .schedule-assignment-tools[open] summary [data-details-toggle-state]::before,
.schedule-command-panel .schedule-assignment-tools[open] summary [data-details-toggle-state]::before {
  content: "Close" !important;
  font-size: 11px !important;
}

.daily-schedule .schedule-assign-form.compact,
.schedule-command-panel .schedule-assign-form.compact {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
}

@media (max-width: 900px) {
  .daily-schedule .employee-day,
  .schedule-command-panel .employee-day,
  .daily-schedule .employee-day-head,
  .schedule-command-panel .employee-day-head,
  .daily-schedule .timeline-block > button,
  .schedule-command-panel .timeline-block > button,
  .daily-schedule .schedule-assignment-detail-grid,
  .schedule-command-panel .schedule-assignment-detail-grid {
    grid-template-columns: 1fr !important;
  }

  .daily-schedule .employee-profile,
  .schedule-command-panel .employee-profile {
    grid-template-columns: 44px minmax(0, 1fr) !important;
  }

  .daily-schedule .employee-profile b,
  .schedule-command-panel .employee-profile b {
    grid-column: 2 !important;
    justify-self: start !important;
  }

  .daily-schedule .employee-day-flags,
  .schedule-command-panel .employee-day-flags,
  .daily-schedule .schedule-credential-strip,
  .schedule-command-panel .schedule-credential-strip {
    justify-items: start !important;
    justify-content: flex-start !important;
  }

  .daily-schedule .schedule-assignment-detail-grid > div.wide,
  .schedule-command-panel .schedule-assignment-detail-grid > div.wide {
    grid-column: 1 !important;
  }

  .daily-schedule .timeline-block > button span,
  .daily-schedule .timeline-block > button em,
  .schedule-command-panel .timeline-block > button span,
  .schedule-command-panel .timeline-block > button em {
    grid-column: 1 !important;
    max-width: 100% !important;
    justify-self: start !important;
    text-align: left !important;
  }}

/* Daily assignment project detail readability lock */
.workspace .daily-schedule .schedule-project-detail-card > button.schedule-assignment-project,
.workspace .schedule-command-panel .schedule-project-detail-card > button.schedule-assignment-project {
  border: 0 !important;
  border-radius: 0 !important;
  background:
    linear-gradient(135deg, #0b1220, #162033) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.workspace .daily-schedule .schedule-project-detail-card > button.schedule-assignment-project *,
.workspace .schedule-command-panel .schedule-project-detail-card > button.schedule-assignment-project * {
  color: #ffffff !important;
}

.workspace .daily-schedule .schedule-assignment-title span,
.workspace .schedule-command-panel .schedule-assignment-title span,
.workspace .daily-schedule .schedule-assignment-title small,
.workspace .schedule-command-panel .schedule-assignment-title small {
  color: rgba(255, 255, 255, 0.88) !important;
}

.workspace .daily-schedule .schedule-assignment-title strong,
.workspace .schedule-command-panel .schedule-assignment-title strong {
  color: #ffffff !important;
}

/* Schedule summary detail rows */
.workspace .schedule-summary-detail {
  border-color: var(--brand-border) !important;
  background: color-mix(in srgb, var(--brand-primary) 3%, #ffffff) !important;
}

.workspace .schedule-summary-detail .schedule-summary-row {
  min-width: 0 !important;
  border: 1px solid var(--brand-command-border) !important;
  border-left: 6px solid var(--brand-primary) !important;
  background: #ffffff !important;
  color: var(--brand-on-surface, #111827) !important;
  box-shadow: 0 10px 24px rgba(var(--brand-command-rgb), 0.06) !important;
}

.workspace .schedule-summary-detail button.schedule-summary-row:hover {
  border-color: var(--brand-primary) !important;
  border-left-color: var(--brand-primary) !important;
  background: color-mix(in srgb, var(--brand-primary) 6%, #ffffff) !important;
  color: var(--brand-on-surface, #111827) !important;
}

.workspace .schedule-summary-detail .schedule-summary-row span {
  color: var(--brand-primary-strong, #0822a8) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.workspace .schedule-summary-detail .schedule-summary-row strong {
  color: var(--brand-on-surface, #111827) !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  line-height: 1.25 !important;
}

.workspace .schedule-summary-detail .schedule-summary-row small {
  color: var(--brand-muted, #526173) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;
}

.workspace .schedule-summary-detail .schedule-summary-row.warning {
  border-color: color-mix(in srgb, var(--brand-warning) 52%, var(--brand-border)) !important;
  border-left-color: var(--brand-warning) !important;
  background: color-mix(in srgb, var(--brand-warning) 8%, #ffffff) !important;
}

/* Daily assignment project detail matches schedule cards */
.workspace .daily-schedule .schedule-project-detail-card,
.workspace .schedule-command-panel .schedule-project-detail-card {
  border: 1px solid var(--brand-command-border) !important;
  border-left: 6px solid var(--brand-primary) !important;
  background: #ffffff !important;
  box-shadow: 0 10px 24px rgba(var(--brand-command-rgb), 0.06) !important;
}

.workspace .daily-schedule .schedule-project-detail-card > button.schedule-assignment-project,
.workspace .schedule-command-panel .schedule-project-detail-card > button.schedule-assignment-project {
  border: 0 !important;
  border-bottom: 1px solid var(--brand-border) !important;
  background: #ffffff !important;
  color: var(--brand-on-surface, #111827) !important;
  box-shadow: none !important;
  padding: 12px !important;
}

.workspace .daily-schedule .schedule-project-detail-card > button.schedule-assignment-project:hover,
.workspace .schedule-command-panel .schedule-project-detail-card > button.schedule-assignment-project:hover {
  background: color-mix(in srgb, var(--brand-primary) 5%, #ffffff) !important;
  color: var(--brand-on-surface, #111827) !important;
}

.workspace .daily-schedule .schedule-project-detail-card > button.schedule-assignment-project *,
.workspace .schedule-command-panel .schedule-project-detail-card > button.schedule-assignment-project * {
  color: inherit !important;
}

.workspace .daily-schedule .schedule-assignment-title span,
.workspace .schedule-command-panel .schedule-assignment-title span {
  color: var(--brand-primary-strong, #0822a8) !important;
  opacity: 1 !important;
}

.workspace .daily-schedule .schedule-assignment-title strong,
.workspace .schedule-command-panel .schedule-assignment-title strong {
  color: var(--brand-on-surface, #111827) !important;
}

.workspace .daily-schedule .schedule-assignment-title small,
.workspace .schedule-command-panel .schedule-assignment-title small {
  color: var(--brand-muted, #526173) !important;
  opacity: 1 !important;
}

.workspace .daily-schedule .schedule-assignment-detail-grid,
.workspace .schedule-command-panel .schedule-assignment-detail-grid {
  background: #ffffff !important;
}

.workspace .daily-schedule .schedule-assignment-detail-grid > div,
.workspace .schedule-command-panel .schedule-assignment-detail-grid > div {
  border-color: var(--brand-border) !important;
  background: color-mix(in srgb, var(--brand-primary) 3%, #ffffff) !important;
}

.workspace .daily-schedule .schedule-assignment-detail-grid span,
.workspace .schedule-command-panel .schedule-assignment-detail-grid span {
  color: var(--brand-primary-strong, #0822a8) !important;
}

.workspace .daily-schedule .schedule-assignment-detail-grid strong,
.workspace .schedule-command-panel .schedule-assignment-detail-grid strong {
  color: var(--brand-on-surface, #111827) !important;
}

/* Daily assignment project detail final schedule alignment */
.workspace .daily-schedule .schedule-project-detail-card,
.workspace .schedule-command-panel .schedule-project-detail-card {
  overflow: hidden !important;
  border: 1px solid var(--brand-command-border) !important;
  border-left: 6px solid var(--brand-primary) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
}

.workspace .daily-schedule .schedule-project-detail-card > button.schedule-assignment-project,
.workspace .schedule-command-panel .schedule-project-detail-card > button.schedule-assignment-project {
  min-height: 0 !important;
  border-bottom: 1px solid var(--brand-border) !important;
  background: #ffffff !important;
  padding: 12px 12px 10px !important;
}

.workspace .daily-schedule .schedule-assignment-detail-grid,
.workspace .schedule-command-panel .schedule-assignment-detail-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 10px 12px 12px !important;
  background: #ffffff !important;
}

.workspace .daily-schedule .schedule-assignment-detail-grid > div,
.workspace .schedule-command-panel .schedule-assignment-detail-grid > div {
  min-height: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: auto !important;
  min-width: 0 !important;
  border: 1px solid color-mix(in srgb, var(--brand-primary) 22%, var(--brand-border)) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  padding: 7px 10px !important;
}

.workspace .daily-schedule .schedule-assignment-detail-grid > div.wide,
.workspace .schedule-command-panel .schedule-assignment-detail-grid > div.wide {
  flex-basis: 100% !important;
  border-radius: 8px !important;
  align-items: flex-start !important;
  flex-wrap: wrap !important;
  background: color-mix(in srgb, var(--brand-primary) 3%, #ffffff) !important;
}

.workspace .daily-schedule .schedule-assignment-detail-grid span,
.workspace .schedule-command-panel .schedule-assignment-detail-grid span {
  min-height: 0 !important;
  display: inline !important;
  color: var(--brand-primary-strong, #0822a8) !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

.workspace .daily-schedule .schedule-assignment-detail-grid strong,
.workspace .schedule-command-panel .schedule-assignment-detail-grid strong {
  min-width: 0 !important;
  color: var(--brand-on-surface, #111827) !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}

.workspace .daily-schedule .schedule-assignment-fleet-list,
.workspace .schedule-command-panel .schedule-assignment-fleet-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  padding: 0 !important;
}

/* Daily assignment project detail typography cleanup */
.workspace .daily-schedule .schedule-assignment-title span,
.workspace .schedule-command-panel .schedule-assignment-title span {
  color: var(--brand-primary-strong, #0822a8) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.workspace .daily-schedule .schedule-assignment-title strong,
.workspace .schedule-command-panel .schedule-assignment-title strong {
  color: var(--brand-on-surface, #111827) !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  line-height: 1.25 !important;
}

.workspace .daily-schedule .schedule-assignment-title small,
.workspace .schedule-command-panel .schedule-assignment-title small {
  color: var(--brand-muted, #526173) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;
  text-transform: none !important;
}

.workspace .daily-schedule .schedule-assignment-detail-grid span,
.workspace .schedule-command-panel .schedule-assignment-detail-grid span {
  color: var(--brand-primary-strong, #0822a8) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.workspace .daily-schedule .schedule-assignment-detail-grid span::after,
.workspace .schedule-command-panel .schedule-assignment-detail-grid span::after {
  content: ":";
}

.workspace .daily-schedule .schedule-assignment-detail-grid strong,
.workspace .schedule-command-panel .schedule-assignment-detail-grid strong {
  color: var(--brand-on-surface, #111827) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
}

.workspace .daily-schedule .schedule-assignment-fleet-list small,
.workspace .schedule-command-panel .schedule-assignment-fleet-list small {
  font-size: 12px !important;
  font-weight: 850 !important;
  text-transform: none !important;
}

/* Collapsible daily assignments */
.workspace .schedule-daily-assignments-drawer {
  display: block !important;
}

.workspace .schedule-daily-assignments-drawer > .schedule-drawer-note {
  margin: 0 !important;
  padding: 12px 12px 0 !important;
  color: var(--brand-muted, #526173) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;
}

.workspace .schedule-daily-assignments-drawer > .crew-roster-list {
  display: grid !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 12px !important;
}

.workspace .daily-schedule details.employee-day,
.workspace .schedule-command-panel details.employee-day {
  padding: 0 !important;
}

.workspace .daily-schedule .employee-day > summary,
.workspace .schedule-command-panel .employee-day > summary {
  list-style: none !important;
}

.workspace .daily-schedule .employee-day > summary::-webkit-details-marker,
.workspace .schedule-command-panel .employee-day > summary::-webkit-details-marker {
  display: none !important;
}

.workspace .daily-schedule .employee-day > .employee-day-head,
.workspace .schedule-command-panel .employee-day > .employee-day-head {
  grid-template-columns: minmax(0, 1fr) minmax(220px, auto) max-content !important;
  border: 0 !important;
  border-bottom: 1px solid var(--brand-border) !important;
  border-radius: 0 !important;
}

.workspace .daily-schedule .employee-day:not([open]) > .employee-day-head,
.workspace .schedule-command-panel .employee-day:not([open]) > .employee-day-head {
  border-bottom: 0 !important;
}

.workspace .daily-schedule .employee-day > .day-timeline,
.workspace .schedule-command-panel .employee-day > .day-timeline {
  padding: 12px !important;
}

@media (max-width: 900px) {
  .workspace .daily-schedule .employee-day > .employee-day-head,
  .workspace .schedule-command-panel .employee-day > .employee-day-head {
    grid-template-columns: 1fr !important;
  }

  .workspace .daily-schedule .employee-day > .employee-day-head [data-details-toggle-state],
  .workspace .schedule-command-panel .employee-day > .employee-day-head [data-details-toggle-state] {
    justify-self: start !important;
  }}

/* Daily assignment employee dropdown header alignment */
.workspace .schedule-daily-assignments-drawer details.employee-day {
  border: 1px solid var(--brand-command-border) !important;
  background: #ffffff !important;
  box-shadow: 0 10px 24px rgba(var(--brand-command-rgb), 0.06) !important;
}

.workspace .schedule-daily-assignments-drawer details.employee-day.available,
.workspace .schedule-daily-assignments-drawer details.employee-day.overbooked {
  border-color: var(--brand-command-border) !important;
  background: #ffffff !important;
}

.workspace .schedule-daily-assignments-drawer .employee-day > .employee-day-head {
  min-height: 66px !important;
  grid-template-columns: minmax(280px, 1fr) max-content minmax(180px, auto) max-content !important;
  gap: 12px !important;
  align-items: center !important;
  border: 0 !important;
  background: var(--brand-command-gradient) !important;
  color: var(--brand-on-command) !important;
  padding: 12px !important;
}

.workspace .schedule-daily-assignments-drawer .employee-day[open] > .employee-day-head {
  border-bottom: 1px solid var(--brand-command-border) !important;
  background: var(--brand-command-active-gradient) !important;
}

.workspace .schedule-daily-assignments-drawer .schedule-employee-summary {
  color: var(--brand-on-command) !important;
}

.workspace .schedule-daily-assignments-drawer .schedule-employee-main {
  min-width: 0 !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  gap: 4px 10px !important;
  align-items: center !important;
}

.workspace .schedule-daily-assignments-drawer .schedule-employee-avatar {
  grid-row: 1 / span 2 !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  aspect-ratio: auto !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.14) !important;
  box-shadow: none !important;
  color: #ffffff !important;
  display: grid !important;
  place-items: center !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  padding: 0 !important;
  text-align: center !important;
  flex: 0 0 auto !important;
}

.workspace .schedule-daily-assignments-drawer .schedule-employee-main > div {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
}

.workspace .schedule-daily-assignments-drawer .schedule-employee-main strong,
.workspace .schedule-daily-assignments-drawer .schedule-employee-main small {
  min-width: 0 !important;
  color: #ffffff !important;
  line-height: 1.25 !important;
  overflow-wrap: anywhere !important;
}

.workspace .schedule-daily-assignments-drawer .schedule-employee-main strong {
  font-size: 14px !important;
  font-weight: 950 !important;
}

.workspace .schedule-daily-assignments-drawer .schedule-employee-main small {
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.workspace .schedule-daily-assignments-drawer .schedule-employee-workload {
  align-self: center !important;
  justify-self: center !important;
  width: auto !important;
  min-width: 72px !important;
  min-height: 28px !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  padding: 0 10px !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.workspace .schedule-daily-assignments-drawer .employee-day-flags {
  min-width: 0 !important;
  display: grid !important;
  gap: 6px !important;
  justify-items: end !important;
}

.workspace .schedule-daily-assignments-drawer .employee-day-head [data-details-toggle-state] {
  border-color: rgba(255, 255, 255, 0.34) !important;
  background: rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.workspace .schedule-daily-assignments-drawer .employee-day[open] > .employee-day-head [data-details-toggle-state] {
  background: rgba(255, 255, 255, 0.2) !important;
}

.workspace .schedule-daily-assignments-drawer .schedule-credential-strip {
  gap: 6px !important;
  justify-content: flex-end !important;
}

.workspace .schedule-daily-assignments-drawer .schedule-credential-strip span,
.workspace .schedule-daily-assignments-drawer .schedule-credential-strip .current,
.workspace .schedule-daily-assignments-drawer .schedule-credential-strip .due-soon,
.workspace .schedule-daily-assignments-drawer .schedule-credential-strip .expired {
  border-color: rgba(255, 255, 255, 0.26) !important;
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.workspace .schedule-daily-assignments-drawer .schedule-credential-strip span b {
  color: inherit !important;
}

.workspace .schedule-daily-assignments-drawer .employee-day-head .schedule-warning-list {
  border-color: rgba(255, 255, 255, 0.32) !important;
  border-left-color: var(--brand-warning) !important;
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.workspace .schedule-daily-assignments-drawer .employee-day-head .schedule-warning-list small {
  border-color: rgba(255, 255, 255, 0.32) !important;
  background: transparent !important;
  color: #ffffff !important;
}

/* Schedule drawer workflow and color normalization */
.workspace .daily-schedule .schedule-drawer {
  border-color: var(--brand-command-border) !important;
  background: #ffffff !important;
  box-shadow: 0 10px 24px rgba(var(--brand-command-rgb), 0.06) !important;
}

.workspace .daily-schedule .schedule-drawer > summary {
  grid-template-columns: minmax(0, 1fr) max-content max-content !important;
  border: 1px solid var(--brand-command-border) !important;
  background: var(--brand-command-gradient) !important;
  color: var(--brand-on-command) !important;
}

.workspace .daily-schedule .schedule-drawer[open] > summary {
  border-color: var(--brand-primary) !important;
  background: var(--brand-command-active-gradient) !important;
  color: var(--brand-on-primary) !important;
}

.workspace .daily-schedule .schedule-drawer > summary span:not([data-details-toggle-state]) {
  border-color: rgba(255, 255, 255, 0.28) !important;
  background: rgba(255, 255, 255, 0.14) !important;
  color: inherit !important;
  box-shadow: none !important;
}

.workspace .daily-schedule .schedule-drawer > summary [data-details-toggle-state] {
  border-color: rgba(255, 255, 255, 0.34) !important;
  background: var(--brand-primary) !important;
  color: var(--brand-on-primary) !important;
  box-shadow: none !important;
}

.workspace .daily-schedule .schedule-drawer[open] > summary [data-details-toggle-state] {
  background: rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
}

.workspace .daily-schedule .schedule-drawer > .schedule-drawer-note,
.workspace .daily-schedule .schedule-drawer > .schedule-day-brief,
.workspace .daily-schedule .schedule-drawer > .schedule-backlog,
.workspace .daily-schedule .schedule-drawer > .weekly-schedule-scroll,
.workspace .daily-schedule .schedule-drawer > .schedule-history-list,
.workspace .daily-schedule .schedule-drawer > .schedule-filters,
.workspace .daily-schedule .schedule-drawer > .section-title {
  margin: 0 !important;
  padding: 12px !important;
}

.workspace .daily-schedule .schedule-drawer > .schedule-drawer-note {
  padding-bottom: 0 !important;
  color: var(--brand-muted) !important;
}

.workspace .daily-schedule .schedule-day-brief section > strong,
.workspace .daily-schedule .weekly-schedule-panel > .section-title strong,
.workspace .daily-schedule .schedule-history-panel > .section-title strong {
  color: var(--brand-text) !important;
}

.workspace .daily-schedule .schedule-day-brief button b {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--brand-text) !important;
  display: block !important;
  min-height: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

.workspace .daily-schedule .weekly-corner {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

.workspace .daily-schedule .weekly-day-header,
.workspace .daily-schedule .weekly-employee-name,
.workspace .daily-schedule .weekly-day-cell {
  border-color: var(--brand-border) !important;
  background: #ffffff !important;
  color: var(--brand-text) !important;
}

.workspace .daily-schedule .weekly-day-header {
  border-left: 5px solid var(--brand-primary) !important;
  background: color-mix(in srgb, var(--brand-primary) 4%, #ffffff) !important;
  color: var(--brand-text) !important;
}

.workspace .daily-schedule .weekly-day-header:not(.active) span,
.workspace .daily-schedule .weekly-day-header:not(.active) small {
  color: var(--brand-muted) !important;
}

.workspace .daily-schedule .weekly-day-header:not(.active) strong {
  color: var(--brand-text) !important;
}

.workspace .daily-schedule .weekly-day-header.active {
  border-color: var(--brand-primary) !important;
  background: var(--brand-command-active-gradient) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 26px rgba(var(--brand-primary-rgb), 0.18) !important;
}

.workspace .daily-schedule .weekly-day-header.active span,
.workspace .daily-schedule .weekly-day-header.active strong,
.workspace .daily-schedule .weekly-day-header.active small {
  color: #ffffff !important;
}

.workspace .daily-schedule .weekly-employee-name {
  border-left: 5px solid var(--brand-primary) !important;
  background: color-mix(in srgb, var(--brand-primary) 3%, #ffffff) !important;
}

.workspace .daily-schedule .weekly-day-cell.overbooked {
  border-color: var(--brand-danger) !important;
  border-left: 5px solid var(--brand-danger) !important;
  background: color-mix(in srgb, var(--brand-danger) 5%, #ffffff) !important;
  box-shadow: none !important;
}

.workspace .daily-schedule .schedule-history-item,
.workspace .daily-schedule .schedule-history-item.override {
  border-color: color-mix(in srgb, var(--brand-primary) 22%, var(--brand-border)) !important;
  border-left-color: var(--brand-primary) !important;
  background: #ffffff !important;
}

.workspace .daily-schedule .schedule-history-item.override {
  border-left-color: var(--brand-warning) !important;
}

/* Daily assignment cards stay light inside the opened drawer */
.workspace .daily-schedule .schedule-daily-assignments-drawer .employee-day > .employee-day-head,
.workspace .daily-schedule .schedule-daily-assignments-drawer .employee-day[open] > .employee-day-head {
  border-bottom: 1px solid var(--brand-border) !important;
  background: #ffffff !important;
  color: var(--brand-text) !important;
  box-shadow: none !important;
}

.workspace .daily-schedule .schedule-daily-assignments-drawer .employee-day:not([open]) > .employee-day-head {
  border-bottom: 0 !important;
}

.workspace .daily-schedule .schedule-daily-assignments-drawer .schedule-employee-summary,
.workspace .daily-schedule .schedule-daily-assignments-drawer .schedule-employee-main strong {
  color: var(--brand-text) !important;
}

.workspace .daily-schedule .schedule-daily-assignments-drawer .schedule-employee-main small {
  color: var(--brand-muted) !important;
}

.workspace .daily-schedule .schedule-daily-assignments-drawer .schedule-employee-avatar {
  border-color: var(--brand-primary) !important;
  background: var(--brand-primary) !important;
  color: var(--brand-on-primary) !important;
}

.workspace .daily-schedule .schedule-daily-assignments-drawer .schedule-employee-workload,
.workspace .daily-schedule .schedule-daily-assignments-drawer .employee-day-head [data-details-toggle-state],
.workspace .daily-schedule .schedule-daily-assignments-drawer .employee-day[open] > .employee-day-head [data-details-toggle-state] {
  border-color: color-mix(in srgb, var(--brand-primary) 28%, var(--brand-border)) !important;
  background: color-mix(in srgb, var(--brand-primary) 8%, #ffffff) !important;
  color: var(--brand-primary-strong, var(--brand-primary)) !important;
  box-shadow: none !important;
}

.workspace .daily-schedule .schedule-daily-assignments-drawer .schedule-credential-strip span,
.workspace .daily-schedule .schedule-daily-assignments-drawer .schedule-credential-strip .current,
.workspace .daily-schedule .schedule-daily-assignments-drawer .schedule-credential-strip .due-soon,
.workspace .daily-schedule .schedule-daily-assignments-drawer .schedule-credential-strip .expired {
  border-color: var(--brand-border) !important;
  background: #ffffff !important;
  color: var(--brand-text) !important;
}

.workspace .daily-schedule .schedule-daily-assignments-drawer .schedule-credential-strip .current {
  border-color: color-mix(in srgb, var(--brand-success) 44%, var(--brand-border)) !important;
  color: var(--brand-success) !important;
}

.workspace .daily-schedule .schedule-daily-assignments-drawer .schedule-credential-strip .due-soon {
  border-color: var(--brand-warning) !important;
  color: var(--brand-text) !important;
}

.workspace .daily-schedule .schedule-daily-assignments-drawer .schedule-credential-strip .expired {
  border-color: var(--brand-danger) !important;
  color: var(--brand-danger) !important;
}

.workspace .daily-schedule .schedule-daily-assignments-drawer .employee-day-head .schedule-warning-list {
  border-color: color-mix(in srgb, var(--brand-warning) 52%, var(--brand-border)) !important;
  border-left-color: var(--brand-warning) !important;
  background: color-mix(in srgb, var(--brand-warning) 8%, #ffffff) !important;
  color: var(--brand-text) !important;
}

.workspace .daily-schedule .schedule-daily-assignments-drawer .employee-day-head .schedule-warning-list small {
  color: var(--brand-text) !important;
}

@media (max-width: 900px) {
  .workspace .schedule-daily-assignments-drawer .employee-day > .employee-day-head {
    grid-template-columns: 1fr !important;
  }

  .workspace .schedule-daily-assignments-drawer .schedule-employee-main {
    grid-template-columns: 38px minmax(0, 1fr) !important;
  }

  .workspace .schedule-daily-assignments-drawer .schedule-employee-workload {
    justify-self: start !important;
  }

  .workspace .schedule-daily-assignments-drawer .employee-day-flags {
    justify-items: start !important;
  }}
.workspace .schedule-drawer > summary {
  border-color: var(--brand-primary) !important;
  background: linear-gradient(135deg, var(--brand-primary), var(--brand-primary-strong)) !important;
  color: var(--brand-on-primary) !important;
  box-shadow: 0 14px 30px rgba(var(--brand-primary-rgb), 0.2) !important;
}



.workspace .schedule-drawer[open] > summary {
  border-color: var(--brand-command-border) !important;
  background: var(--brand-command-gradient) !important;
  color: var(--brand-on-command) !important;
  box-shadow: 0 16px 34px rgba(var(--brand-command-rgb), 0.2) !important;
}



.workspace .schedule-drawer > summary * {
  color: inherit !important;
}



.workspace .schedule-drawer > summary span:not([data-details-toggle-state]) {
  border-color: rgba(255, 255, 255, 0.28) !important;
  background: rgba(255, 255, 255, 0.16) !important;
  color: inherit !important;
  box-shadow: none !important;
}

.workspace .daily-schedule .schedule-daily-assignments-drawer .employee-day > .employee-day-head,
.workspace .daily-schedule .schedule-daily-assignments-drawer .employee-day[open] > .employee-day-head {
  border-bottom: 1px solid var(--brand-border) !important;
  background: #ffffff !important;
  color: var(--brand-text) !important;
  box-shadow: none !important;
}

.workspace .daily-schedule .schedule-daily-assignments-drawer .employee-day-head [data-details-toggle-state],
.workspace .daily-schedule .schedule-daily-assignments-drawer .employee-day[open] > .employee-day-head [data-details-toggle-state] {
  border-color: color-mix(in srgb, var(--brand-primary) 28%, var(--brand-border)) !important;
  background: color-mix(in srgb, var(--brand-primary) 8%, #ffffff) !important;
  color: var(--brand-primary-strong, var(--brand-primary)) !important;
}


/* Preserve information-card buttons as light cards, not solid action buttons */
.workspace .schedule-day-brief button {
  border: 1px solid color-mix(in srgb, var(--project-color, var(--brand-primary)) 32%, var(--brand-border)) !important;
  border-left: 5px solid var(--project-color, var(--brand-primary)) !important;
  background: color-mix(in srgb, var(--project-color, var(--brand-primary)) 9%, #ffffff) !important;
  color: var(--brand-text) !important;
  box-shadow: 0 8px 18px rgba(var(--brand-command-rgb), 0.05) !important;
}

.workspace .schedule-day-brief button:hover {
  border-color: var(--project-color, var(--brand-primary)) !important;
  background: color-mix(in srgb, var(--project-color, var(--brand-primary)) 16%, #ffffff) !important;
  color: var(--brand-text) !important;
}

.workspace .schedule-day-brief button * {
  color: inherit !important;
}

/* Schedule has page-specific drawer rules, so keep them aligned with the sitewide direction */
.workspace .daily-schedule .schedule-drawer > summary {
  border-color: var(--brand-primary) !important;
  background: linear-gradient(135deg, var(--brand-primary), var(--brand-primary-strong)) !important;
  color: var(--brand-on-primary) !important;
  box-shadow: 0 14px 30px rgba(var(--brand-primary-rgb), 0.2) !important;
}

.workspace .daily-schedule .schedule-drawer[open] > summary {
  border-color: var(--brand-command-border) !important;
  background: var(--brand-command-gradient) !important;
  color: var(--brand-on-command) !important;
  box-shadow: 0 16px 34px rgba(var(--brand-command-rgb), 0.2) !important;
}

.workspace .daily-schedule .schedule-drawer > summary span:not([data-details-toggle-state]) {
  border-color: rgba(255, 255, 255, 0.32) !important;
  background: rgba(255, 255, 255, 0.16) !important;
  color: inherit !important;
  box-shadow: none !important;
}

.workspace .daily-schedule .schedule-drawer > summary [data-details-toggle-state] {
  border-color: var(--brand-command-border) !important;
  background: var(--brand-command-gradient) !important;
  color: var(--brand-on-command) !important;
  box-shadow: none !important;
}

.workspace .daily-schedule .schedule-drawer[open] > summary [data-details-toggle-state] {
  border-color: rgba(255, 255, 255, 0.28) !important;
  background: var(--brand-primary) !important;
  color: var(--brand-on-primary) !important;
}

/* Schedule drawer header cleanup */
.workspace .daily-schedule .schedule-filter-options-drawer > summary {
  grid-template-columns: minmax(0, 1fr) max-content !important;
}

.workspace .daily-schedule .schedule-filter-options-drawer > summary > span:not([data-details-toggle-state]) {
  display: none !important;
}

.workspace .daily-schedule .schedule-drawer > summary > span:not([data-details-toggle-state]) {
  min-width: 34px !important;
  min-height: 28px !important;
  border-color: var(--brand-command-border) !important;
  background: var(--brand-command-gradient) !important;
  color: var(--brand-on-command) !important;
  box-shadow: 0 8px 18px rgba(var(--brand-command-rgb), 0.16) !important;
}

.workspace .daily-schedule .schedule-drawer[open] > summary > span:not([data-details-toggle-state]) {
  border-color: rgba(255, 255, 255, 0.34) !important;
  background: var(--brand-primary) !important;
  color: var(--brand-on-primary) !important;
  box-shadow: var(--theme-primary-shadow) !important;
}

#root .workspace .daily-schedule .schedule-daily-assignments-drawer .schedule-employee-workload,
#root .workspace .daily-schedule .schedule-daily-assignments-drawer .employee-day-head [data-details-toggle-state] {
  min-width: 58px !important;
  min-height: 28px !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 1px solid var(--theme-pill-closed-border) !important;
  border-radius: 999px !important;
  background: var(--theme-pill-closed-background) !important;
  color: var(--theme-pill-closed-color) !important;
  box-shadow: 0 10px 22px rgba(var(--brand-command-rgb), 0.16) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  padding: 0 10px !important;
  text-align: center !important;
  text-transform: capitalize !important;
  white-space: nowrap !important;
}

#root .workspace .daily-schedule .schedule-daily-assignments-drawer .employee-day[open] > .employee-day-head [data-details-toggle-state] {
  border-color: var(--theme-pill-open-border) !important;
  background: var(--theme-pill-open-background) !important;
  color: var(--theme-pill-open-color) !important;
  box-shadow: var(--theme-primary-shadow) !important;
}

/* Weekly schedule date cards are light cards unless selected, so keep inactive text readable. */
#root .workspace .daily-schedule .weekly-day-header:not(.active),
#root .workspace .daily-schedule .weekly-schedule-grid.no-employees .weekly-day-header:not(.active) {
  border-color: var(--brand-border) !important;
  border-left: 5px solid var(--brand-primary) !important;
  background: color-mix(in srgb, var(--brand-primary) 4%, #ffffff) !important;
  color: var(--brand-text) !important;
  box-shadow: none !important;
}

#root .workspace .daily-schedule .weekly-day-header:not(.active) span,
#root .workspace .daily-schedule .weekly-day-header:not(.active) small {
  color: var(--brand-muted) !important;
}

#root .workspace .daily-schedule .weekly-day-header:not(.active) strong {
  color: var(--brand-text) !important;
}

#root .workspace .daily-schedule .weekly-day-header.active span,
#root .workspace .daily-schedule .weekly-day-header.active small,
#root .workspace .daily-schedule .weekly-day-header.active strong {
  color: var(--brand-on-primary) !important;
}

#root .workspace .daily-schedule .weekly-day-header .weekly-header-project-slices {
  display: grid !important;
  gap: 3px !important;
  margin-top: 4px !important;
}

#root .workspace .daily-schedule .weekly-day-header span.weekly-header-project-slice,
#root .workspace .daily-schedule .weekly-day-header.active span.weekly-header-project-slice {
  background: var(--project-color) !important;
  color: var(--project-text) !important;
  border-radius: 4px !important;
  display: block !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  min-height: 12px !important;
  overflow: hidden !important;
  padding: 2px 5px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#root .workspace .daily-schedule .weekly-day-header span.weekly-header-project-more,
#root .workspace .daily-schedule .weekly-day-header.active span.weekly-header-project-more {
  background: #dbe6ff !important;
  color: #12307d !important;
  border-radius: 4px !important;
  display: block !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  min-height: 12px !important;
  overflow: hidden !important;
  padding: 2px 5px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media (max-width: 680px) {
  #root .workspace .daily-schedule .weekly-schedule-scroll {
    overflow-x: hidden !important;
  }

  #root .workspace .daily-schedule .weekly-schedule-grid.no-employees {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    gap: 3px !important;
    min-width: 0 !important;
  }

  #root .workspace .daily-schedule .weekly-schedule-grid.no-employees .weekly-day-header {
    min-height: 58px !important;
    padding: 6px !important;
    border-radius: 7px !important;
  }

  #root .workspace .daily-schedule .weekly-schedule-grid.no-employees .weekly-day-header span,
  #root .workspace .daily-schedule .weekly-schedule-grid.no-employees .weekly-day-header small {
    font-size: 9px !important;
  }

  #root .workspace .daily-schedule .weekly-schedule-grid.no-employees .weekly-day-header strong {
    font-size: 12px !important;
    line-height: 1.15 !important;
  }
}