/* eDesk uses the same quiet operational ledger as the rest of Starpark App. */
.edesk-reminder-page {
  --ed-system-accent: var(--ops-accent, #23675f);
  --ed-system-accent-hover: var(--ops-accent-hover, #194f49);
  --ed-system-ground: var(--ops-ground, #f1f0eb);
  --ed-system-surface: var(--ops-surface, #fbfaf6);
  --ed-system-inset: var(--ops-surface-inset, #f0efe9);
  --ed-system-line: var(--ops-line, #c9cec8);
  --ed-system-line-soft: var(--ops-line-soft, #dde0da);
  --ed-system-text: var(--ops-text, #18211e);
  --ed-system-soft: var(--ops-text-soft, #4f5d57);
  --ed-system-muted: var(--ops-muted, #738079);
  color: var(--ed-system-text);
  background: var(--ed-system-ground);
}

.edesk-reminder-page .tool-hero {
  padding: 0 !important;
  color: var(--ed-system-text) !important;
  background: var(--ed-system-surface) !important;
  background-image: none !important;
  border-bottom: 1px solid var(--ed-system-line) !important;
}

.edesk-reminder-page .tool-hero-inner {
  width: 100% !important;
  max-width: 1680px !important;
  min-height: 108px;
  padding: 20px 28px !important;
}

.edesk-reminder-page :is(.edesk-hero-brand-row, .edesk-hero-eyebrow, .edesk-hero-description, .back-link) {
  color: var(--ed-system-soft) !important;
}

.edesk-reminder-page .edesk-tool-icon {
  color: var(--ed-system-accent) !important;
  background: color-mix(in srgb, var(--ed-system-accent) 10%, var(--ed-system-surface)) !important;
  border-color: color-mix(in srgb, var(--ed-system-accent) 28%, var(--ed-system-line)) !important;
  box-shadow: none !important;
}

.edesk-reminder-page .edesk-content-shell {
  width: 100% !important;
  max-width: 1680px !important;
  padding: 18px 26px 40px !important;
}

.edesk-reminder-page :is(.edesk-summary-grid, .edesk-workspace-panel, .edesk-settings-panel) {
  overflow: hidden;
  background: var(--ed-system-surface) !important;
  border: 1px solid var(--ed-system-line) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.edesk-reminder-page .edesk-summary-card {
  background: transparent !important;
  border-color: var(--ed-system-line-soft) !important;
}

.edesk-reminder-page .edesk-summary-card :is(strong, span) { color: var(--ed-system-text) !important; }
.edesk-reminder-page .edesk-summary-card small { color: var(--ed-system-muted) !important; }
.edesk-reminder-page .edesk-summary-icon { color: var(--ed-system-accent) !important; background: transparent !important; }

.edesk-reminder-page .edesk-workspace-heading {
  padding: 18px 20px !important;
  background: var(--ed-system-surface) !important;
  border-bottom: 1px solid var(--ed-system-line-soft) !important;
}

.edesk-reminder-page .edesk-workspace-heading h2,
.edesk-reminder-page .edesk-settings-panel-heading h2 {
  color: var(--ed-system-text) !important;
  font-size: 21px !important;
  letter-spacing: -.02em !important;
}

.edesk-reminder-page :is(.edesk-search-row, .edesk-filter-bar) {
  background: var(--ed-system-inset) !important;
  border-color: var(--ed-system-line-soft) !important;
}

.edesk-reminder-page :is(input, select, textarea) {
  color: var(--ed-system-text) !important;
  background: var(--ed-system-surface) !important;
  border-color: var(--ed-system-line) !important;
  border-radius: 5px !important;
  box-shadow: none !important;
}

.edesk-reminder-page :is(input, select, textarea):focus {
  border-color: var(--ed-system-accent) !important;
  outline: 2px solid color-mix(in srgb, var(--ed-system-accent) 22%, transparent) !important;
  outline-offset: 1px;
}

.edesk-reminder-page .edesk-sheet-wrap {
  max-height: min(62vh, 760px) !important;
  overflow: auto !important;
  scrollbar-color: var(--ed-system-line) transparent;
}

.edesk-reminder-page .edesk-reminder-sheet {
  width: 100% !important;
  min-width: 1060px !important;
  table-layout: fixed !important;
  color: var(--ed-system-text) !important;
  background: var(--ed-system-surface) !important;
}

.edesk-reminder-page .edesk-reminder-sheet :is(th, td) {
  padding: 11px 10px !important;
  border-color: var(--ed-system-line-soft) !important;
  overflow-wrap: anywhere;
}

.edesk-reminder-page .edesk-reminder-sheet thead th {
  color: var(--ed-system-soft) !important;
  background: var(--ed-system-inset) !important;
  font-size: 10px !important;
  letter-spacing: .04em !important;
}

.edesk-reminder-page .edesk-reminder-sheet tbody tr:hover { background: color-mix(in srgb, var(--ed-system-accent) 5%, transparent) !important; }

/* Contact and status details repeat information already visible in the core row. */
.edesk-reminder-page .edesk-reminder-sheet :is(th, td):nth-child(2),
.edesk-reminder-page .edesk-reminder-sheet :is(th, td):nth-child(5),
.edesk-reminder-page .edesk-reminder-sheet :is(th, td):nth-child(6) { display: none; }
.edesk-reminder-page .edesk-reminder-sheet thead th:nth-child(1) { width: 19% !important; }
.edesk-reminder-page .edesk-reminder-sheet thead th:nth-child(3) { width: 18% !important; }
.edesk-reminder-page .edesk-reminder-sheet thead th:nth-child(4) { width: 10% !important; }
.edesk-reminder-page .edesk-reminder-sheet thead th:nth-child(7) { width: 14% !important; }
.edesk-reminder-page .edesk-reminder-sheet thead th:nth-child(8) { width: 11% !important; }
.edesk-reminder-page .edesk-reminder-sheet thead th:nth-child(9) { width: 14% !important; }
.edesk-reminder-page .edesk-reminder-sheet thead th:nth-child(10) { width: 10% !important; }
.edesk-reminder-page .edesk-reminder-sheet thead th:nth-child(11) { width: 64px !important; }

.edesk-settings-page .edesk-settings-hero { padding: 0 !important; }
.edesk-settings-page .edesk-settings-hero-inner {
  display: block !important;
  min-height: 0 !important;
  padding-block: 22px !important;
}
.edesk-settings-page .edesk-settings-hero-inner h1 {
  max-width: none;
  margin: 12px 0 4px;
  color: var(--ed-system-text) !important;
  font-size: clamp(28px, 3vw, 40px) !important;
  line-height: 1.1 !important;
  letter-spacing: -.035em !important;
}
.edesk-settings-page .edesk-hero-description { max-width: 760px; margin: 0 !important; line-height: 1.55; }
.edesk-settings-page .edesk-settings-form { gap: 14px; }
.edesk-settings-page .edesk-settings-panel { padding: 20px !important; }
.edesk-settings-page .edesk-settings-table-wrap {
  border-color: var(--ed-system-line) !important;
  border-radius: 6px !important;
  background: var(--ed-system-surface) !important;
}
.edesk-settings-page .edesk-settings-table th {
  color: var(--ed-system-soft) !important;
  background: var(--ed-system-inset) !important;
  border-color: var(--ed-system-line-soft) !important;
}
.edesk-settings-page .edesk-settings-table td { border-color: var(--ed-system-line-soft) !important; }
.edesk-settings-page :is(.edesk-settings-add, .edesk-settings-cancel) {
  color: var(--ed-system-accent) !important;
  background: var(--ed-system-surface) !important;
  border-color: var(--ed-system-line) !important;
  border-radius: 5px !important;
}
.edesk-settings-page .edesk-settings-save {
  color: #fff !important;
  background: var(--ed-system-accent) !important;
  border-color: var(--ed-system-accent) !important;
  border-radius: 5px !important;
  box-shadow: none !important;
}
.edesk-settings-page .edesk-settings-save:hover { background: var(--ed-system-accent-hover) !important; }
.edesk-settings-page .edesk-settings-example {
  color: var(--ed-system-soft) !important;
  background: var(--ed-system-inset) !important;
  border-color: var(--ed-system-line-soft) !important;
  border-radius: 5px !important;
}
.edesk-settings-page .edesk-settings-example strong { color: var(--ed-system-accent) !important; }
.edesk-settings-page .edesk-settings-save-bar {
  bottom: 10px;
  min-height: 64px;
  color: var(--ed-system-text) !important;
  background: color-mix(in srgb, var(--ed-system-surface) 94%, transparent) !important;
  border-color: var(--ed-system-line) !important;
  border-radius: 7px !important;
  box-shadow: 0 10px 26px rgb(20 30 26 / 10%) !important;
}

@media (max-width: 760px) {
  .edesk-reminder-page .tool-hero-inner,
  .edesk-reminder-page .edesk-content-shell { padding-inline: 14px !important; }
  .edesk-reminder-page .edesk-reminder-sheet { min-width: 920px !important; }
  .edesk-settings-page .edesk-settings-panel { padding: 16px 12px !important; }
  .edesk-settings-page .edesk-settings-table { min-width: 700px !important; }
}

html[data-theme="dark"] .edesk-reminder-page .edesk-settings-save { color: #0f1714 !important; }
