/* Product composition using the vendored Delta design tokens. */
:root { --space-18: var(--space-20); --accent-primary: var(--text-brand); --border-subtle: var(--border-default); --scrim-bg: var(--scrim); }
[data-theme="dark"] { --text-tertiary: var(--text-secondary); --brand: var(--brand-pressed); }
body { -webkit-font-smoothing: antialiased; }
.skip-link { position: fixed; top: var(--space-8); left: var(--space-16); z-index: var(--z-tooltip); transform: translateY(-200%); padding: var(--space-12) var(--space-20); background: var(--surface-card); border-radius: var(--radius-md); color: var(--text-brand); }
.skip-link:focus { transform: translateY(0); }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible, [tabindex]:focus-visible { outline: var(--space-2) solid var(--border-focus); outline-offset: var(--space-4); box-shadow: none; }
button:disabled { background: var(--surface-card-elevated) !important; color: var(--text-secondary) !important; border-color: var(--border-default) !important; cursor: not-allowed; }
.d-nav-item.active { border-color: transparent; box-shadow: inset var(--space-4) 0 0 var(--border-focus); }
.d-nav-rail { padding: var(--space-24) var(--space-12); }
.d-nav-brand { margin-bottom: var(--space-32); }
.d-nav-item { min-height: var(--control-h-lg); }
.d-top-bar { min-height: var(--topbar-h); height: auto; padding-block: var(--space-12); }
.d-top-bar-title { white-space: normal; }
.d-top-bar-search { min-width: 0; max-width: none; }
.d-top-bar-search input { min-width: 0; }
.d-top-bar-search #globalSearchInput { padding-left: var(--space-40); }
.d-page-content { padding: var(--space-32); }
.d-app-shell { grid-template-columns: var(--nav-rail-w) minmax(0, 1fr); width: 100%; }
.d-app-main, .d-nav-rail, .d-page-content, .d-nav-rail > div, .d-nav-list, main > section { min-width: 0; max-width: 100%; }
.daily-hero { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-24); align-items: center; margin-bottom: var(--space-24); }
.daily-eyebrow { color: var(--text-brand); margin-bottom: var(--space-8); }
.daily-hero h2 { margin-bottom: var(--space-8); }
.daily-description { max-width: 55ch; color: var(--text-secondary); }
.daily-actions { display: flex; gap: var(--space-8); flex-wrap: wrap; }
.daily-status { display: flex; align-items: center; gap: var(--space-8); color: var(--text-secondary); margin-top: var(--space-16); }
.daily-status::before { content: ''; width: var(--space-8); height: var(--space-8); background: var(--status-info); border-radius: var(--radius-full); flex-shrink: 0; }
.daily-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-12); margin-bottom: var(--space-24); }
.daily-step { display: flex; height: auto; min-height: var(--space-64); white-space: normal; text-align: left; justify-content: flex-start; gap: var(--space-12); padding: var(--space-16); border: 0; border-radius: var(--radius-lg); background: var(--surface-card); }
.daily-step-number { display: grid; place-items: center; flex-shrink: 0; width: var(--space-32); height: var(--space-32); border-radius: var(--radius-full); background: var(--brand-bg); color: var(--text-brand); }
.daily-step small { display: block; margin-top: var(--space-4); color: var(--text-secondary); }
.daily-step:hover { background: var(--surface-card-elevated); }
.daily-banner { border-radius: var(--radius-lg); padding: var(--space-16) var(--space-20); margin-bottom: var(--space-20); background: var(--status-warning-bg); color: var(--status-warning-text); }
.daily-banner[hidden] { display: none; }
.daily-banner p + p { margin-top: var(--space-6); }
.daily-banner button { margin-top: var(--space-12); }
.pipeline-disclosure { margin-bottom: var(--space-24); background: var(--surface-card); border-radius: var(--radius-lg); }
.pipeline-disclosure > summary { display: flex; align-items: center; gap: var(--space-12); cursor: pointer; padding: var(--space-16) var(--space-20); color: var(--text-secondary); list-style: none; }
.pipeline-disclosure > summary::-webkit-details-marker { display: none; }
.pipeline-disclosure > summary::after { content: '+'; margin-left: auto; }
.pipeline-disclosure[open] > summary::after { content: '−'; }
.pipeline-disclosure .d-pipeline-panel { margin: 0; border: 0; box-shadow: none; background: var(--surface-card); }
.pipeline-disclosure .d-ai-waveform { display: none; }
.pipeline-disclosure .d-ai-visual-card { box-shadow: none; background: var(--surface-bg-secondary); }
.d-stage-circle, .d-ai-orb, .d-ai-bar, #pipelineProgressBar, #aiSpeedFill { transition-timing-function: var(--ease-value); transition-duration: var(--dur-value); }
.d-stat-card, .d-section-card, .d-analytics-card { border: 0; box-shadow: none; }
.d-stat-grid-6 { gap: var(--space-12); margin-bottom: var(--space-24); }
.d-stat-card { padding: var(--space-20); }
.d-stat-label { color: var(--text-secondary); }
.d-home-analytics-grid { gap: var(--space-16); margin-bottom: var(--space-24); }
.d-analytics-card { padding: var(--space-20); }
.d-section-title { margin-bottom: var(--space-20); }
.d-settings-grid { align-items: start; gap: var(--space-20); }
.settings-module-nav { display: flex; flex-wrap: wrap; gap: var(--space-8); margin-bottom: var(--space-24); }
.settings-module-nav button.active { background: var(--brand-bg); color: var(--text-brand); border-color: transparent; }
.settings-module-nav button { min-height: var(--control-h-lg); }
.daily-steps.is-readonly { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.d-table-card { max-width: 100%; overflow-x: auto; border: 0; }
.d-table { min-width: 720px; }
.d-table th { padding-block: var(--space-16); color: var(--text-secondary); }
.d-table td { padding-block: var(--space-16); }
.report-empty { padding: var(--space-32) !important; white-space: normal; }
.report-empty p { margin-top: var(--space-8); }
.report-empty button { margin-top: var(--space-16); }
.network-actions { display: flex; gap: var(--space-8); flex-wrap: wrap; }
.network-actions button.btn-primary { background: var(--surface-card-elevated); color: var(--text-primary); border-color: var(--border-default); }
.advanced-actions { border-top: 1px solid var(--border-default); margin-top: var(--space-12); padding-top: var(--space-12); }
.advanced-actions summary { cursor: pointer; color: var(--text-secondary); padding-block: var(--space-8); }
.services-details summary { cursor: pointer; color: var(--text-primary); }
.services-details[open] summary { margin-bottom: var(--space-20); }
.modal-description { color: var(--text-secondary); margin-block: var(--space-12); }
.d-modal, .d-editorial-modal, .d-drawer-panel { border-color: var(--hairline); box-shadow: var(--shadow-elevated); }
.d-modal { max-width: min(100%, 640px); }
.d-modal-pre { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 50dvh; }
.d-modal-actions { flex-wrap: wrap; }
.wa-share { display: inline-flex; align-items: center; justify-content: center; min-height: var(--control-h-lg); padding: var(--space-8) var(--space-20); border-radius: var(--radius-full); background: var(--brand); color: var(--text-on-brand); font-weight: var(--weight-bold); }
.wa-share:hover { background: var(--brand-hover); }
.wa-share[aria-disabled="true"] { pointer-events: none; background: var(--surface-card-elevated); color: var(--text-secondary); }
.d-nav-utils .d-icon-btn { width: var(--control-h-lg); height: var(--control-h-lg); }
#topBarPrimaryBtn { min-height: var(--control-h-lg); }
#btnOpenAdhocTop { display: none !important; }
#tabDashboard > .d-section-card:first-child { display: none !important; }
@media (max-width: 1200px) {
  .d-top-bar { flex-wrap: wrap; }
  .d-top-bar-title { flex: 1; }
  .d-top-bar-search { order: 3; flex-basis: 100%; }
  .d-stat-grid-6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .daily-hero { grid-template-columns: 1fr; gap: var(--space-16); }
}
@media (max-width: 900px) {
  .d-app-shell { grid-template-columns: minmax(0, 1fr); }
  .d-nav-rail { padding: var(--space-12) var(--space-16); }
  .d-nav-brand { margin-bottom: var(--space-12); }
  .d-nav-rail > div:first-child { min-width: 0; }
  .d-nav-list { display: flex; flex-direction: row; width: 100%; overflow-x: auto; padding-bottom: var(--space-8); }
  .d-nav-item { width: auto; flex-shrink: 0; padding-inline: var(--space-12); }
  .d-nav-item.active { box-shadow: inset 0 calc(-1 * var(--space-2)) 0 var(--border-focus); }
  .d-nav-footer { padding-top: var(--space-8); }
  .d-nav-brand > div > div:last-child { display: none; }
  .d-app-shell { min-width: 0; }
  .d-top-bar { position: static; padding: var(--space-16); }
  .d-top-bar-title { font-size: inherit; }
  .d-page-content { padding: var(--space-20) var(--space-16); }
  .daily-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-8); }
  .daily-steps.is-readonly { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .daily-step { padding: var(--space-12); gap: var(--space-8); }
  .d-home-analytics-grid, .d-settings-grid { grid-template-columns: minmax(0, 1fr) !important; }
  .pipeline-disclosure > summary { flex-wrap: wrap; }
  .pipeline-disclosure .d-pipeline-panel { padding: var(--space-16); grid-template-columns: minmax(0, 1fr); }
  .d-stage-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-16) var(--space-8); }
  .d-stage-name { white-space: normal; }
  .d-progress-track { position: static; margin-bottom: var(--space-16); }
  .d-section-card { max-width: 100%; padding: var(--space-16); }
  .d-stat-grid-6 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .d-stat-card { padding: var(--space-16); }
  .d-modal-backdrop { padding: var(--space-12); }
  .d-modal, .d-editorial-modal { padding: var(--space-20); max-height: 90dvh; overflow-y: auto; }
  .d-modal-actions > * { flex: 1; }
  .row-2 { grid-template-columns: minmax(0, 1fr); }
  #oppositionTopCardsRow { grid-template-columns: minmax(0, 1fr) !important; }
  #authGateOverlay .d-auth-form-inner { width: 100%; padding-inline: var(--space-24); }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; scroll-behavior: auto !important; transition-duration: var(--dur-color) !important; }
}