/* Nova One Apple-inspired office UI. Development branch; release separately.
   This shared visual vocabulary does not alter business nodes, permissions,
   responsive table ownership, document layouts or action handlers. */
:root {
  --ui-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  --ui-body-size: 14px;
  --ui-table-size: 13px;
  --ui-caption-size: 12px;
  --ui-title-size: 24px;
  --ui-section-size: 16px;
  --ui-background: #f5f5f7;
  --ui-surface: #ffffff;
  --ui-surface-subtle: #f7f7f9;
  --ui-text: #1d1d1f;
  --ui-secondary: #68686e;
  --ui-placeholder: #717178;
  --ui-line: #dedee3;
  --ui-accent: #0067d1;
  --ui-accent-hover: #0055ad;
  --ui-accent-surface: #eaf2fc;
  --ui-danger: #b42318;
  --ui-danger-hover: #951c14;
  --ui-danger-surface: #fff0ee;
  --ui-disabled-background: #ededf1;
  --ui-disabled-text: #68686e;
  --ui-disabled-border: #d1d1d7;
  --ui-success: #146c43;
  --ui-warning: #895500;
  --ui-radius-control: 9px;
  --ui-radius-panel: 14px;
  --ui-radius-dialog: 18px;
  --ui-space-1: 4px;
  --ui-space-2: 8px;
  --ui-space-3: 12px;
  --ui-space-4: 16px;
  --ui-space-6: 24px;
}

body[data-visual-style="apple"] {
  /* Bridge existing modules to the common palette instead of recoloring data. */
  --bg: var(--ui-background);
  --card: var(--ui-surface);
  --ink: var(--ui-text);
  --muted: var(--ui-secondary);
  --line: var(--ui-line);
  --blue: var(--ui-accent);
  --green: var(--ui-success);
  --red: var(--ui-danger);
  --amber: var(--ui-warning);
  --nav: #242426;
  --action-bg: var(--ui-surface);
  --action-ink: var(--ui-accent);
  --action-border: var(--ui-line);
  --action-primary: var(--ui-accent);
  --action-danger: var(--ui-danger);
  background: var(--ui-background);
  color: var(--ui-text);
  font: 400 var(--ui-body-size)/1.5 var(--ui-font);
  -webkit-text-size-adjust: 100%;
}
/* Preserve the pre-theme inherited palette on original document surfaces.
   Zero specificity lets their own classes and saved inline styles still win. */
:where(body[data-visual-style="apple"]) :where(.mg-slide, .oa-monthly-slide, .oa-frozen-snapshot, [data-ui-document]) {
  --bg: #f5f7fa;
  --card: #fff;
  --ink: #172033;
  --muted: #687386;
  --line: #e3e8ef;
  --blue: #1769e0;
  --nav: #111827;
  --green: #138a62;
  --red: #d04444;
  --amber: #bd7a0e;
  --action-bg: #e6efff;
  --action-ink: #174582;
  --action-border: #7395c6;
  --action-primary: #1559b8;
  --action-danger: #a52b25;
  --surface: initial;
  --surface-soft: initial;
  --text: initial;
  color: var(--ink);
}
body[data-visual-style="apple"] :where(button, input, select, textarea):not(:where(.mg-slide *, .oa-monthly-slide *, .oa-frozen-snapshot *, [data-ui-document] *)) {
  font-family: var(--ui-font);
  letter-spacing: normal;
}
body[data-visual-style="apple"] :where(h1, h2, h3, h4):not(:where(.mg-slide *, .oa-monthly-slide *, .oa-frozen-snapshot *, [data-ui-document] *)) {
  color: var(--ui-text);
  font-weight: 650;
  overflow-wrap: anywhere;
}
body[data-visual-style="apple"] main > header {
  gap: var(--ui-space-3);
  flex-wrap: wrap;
}
body[data-visual-style="apple"] main > header h1 {
  font-size: var(--ui-title-size);
  line-height: 1.25;
  letter-spacing: -.025em;
}
body[data-visual-style="apple"] :is(.card, .tablebox, .kpi):not(:where(.mg-slide, .mg-slide *, .oa-monthly-slide, .oa-monthly-slide *, .oa-frozen-snapshot, .oa-frozen-snapshot *, [data-ui-document], [data-ui-document] *)) {
  border-color: var(--ui-line);
  border-radius: var(--ui-radius-panel);
  background: var(--ui-surface);
  box-shadow: none;
}
body[data-visual-style="apple"] .card h3:not(:where(.mg-slide *, .oa-monthly-slide *, .oa-frozen-snapshot *, [data-ui-document] *)),
body[data-visual-style="apple"] .ws-heading h3:not(:where(.mg-slide *, .oa-monthly-slide *, .oa-frozen-snapshot *, [data-ui-document] *)) {
  font-size: var(--ui-section-size);
  line-height: 1.4;
}
body[data-visual-style="apple"] :is(.muted, .compact-note, .empty):not(:where(.mg-slide *, .oa-monthly-slide *, .oa-frozen-snapshot *, [data-ui-document] *)) {
  color: var(--ui-secondary);
}
body[data-visual-style="apple"] :is(.compact-note, .kpi small, .metric small):not(:where(.mg-slide *, .oa-monthly-slide *, .oa-frozen-snapshot *, [data-ui-document] *)) {
  font-size: var(--ui-caption-size);
  line-height: 1.5;
}
body[data-visual-style="apple"] :is(.kpi strong, .metric b, .home-period-metrics strong):not(:where(.mg-slide *, .oa-monthly-slide *, .oa-frozen-snapshot *, [data-ui-document] *)) {
  font-variant-numeric: tabular-nums;
  letter-spacing: -.025em;
  font-weight: 650;
  overflow-wrap: anywhere;
}
body[data-visual-style="apple"] .kpi strong:not(:where(.mg-slide *, .oa-monthly-slide *, .oa-frozen-snapshot *, [data-ui-document] *)) { font-size: 28px; line-height: 1.2; }
body[data-visual-style="apple"] :is(.metric, .home-period-metrics):not(:where(.mg-slide *, .oa-monthly-slide *, .oa-frozen-snapshot *, [data-ui-document] *)) {
  background: var(--ui-surface-subtle);
  border-radius: 10px;
}

/* Keep ordinary actions light. Module-owned metrics, segments and frozen
   presentation controls retain their existing sizing and state handling. */
body[data-visual-style="apple"] button:not(.nav):not(.nav-backdrop):not([role="slider"]):not(:where(table button, .meeting-tree-heading button, .report-compact-metrics button, .home-view-tabs button, .responsibility-path button, .mg-periods button, .mg-rank-groups button, .mg-metric, .mg-number, .sf-nav button, .oa-monthly-mark, .mg-slide button, .oa-monthly-slide button, .oa-frozen-snapshot button, [data-ui-document] button, .learning-cover, .ws-help-button, .link, .linkbtn, .tab, [role="tab"], .tabs > button, [data-cancel], [data-close], [data-back], [data-prev], [data-next], [data-refresh], [data-reload])) {
  min-height: 36px;
  padding: 7px 12px;
  border-radius: var(--ui-radius-control);
  border-color: var(--ui-line);
  color: var(--ui-accent);
  background: var(--ui-surface);
  font-size: var(--ui-body-size);
  font-weight: 600;
  box-shadow: none;
}
body[data-visual-style="apple"] button:not(.nav):not(.nav-backdrop):not([role="slider"]):not(:where(table button, .meeting-tree-heading button, .report-compact-metrics button, .home-view-tabs button, .responsibility-path button, .mg-periods button, .mg-rank-groups button, .mg-metric, .mg-number, .sf-nav button, .oa-monthly-mark, .mg-slide button, .oa-monthly-slide button, .oa-frozen-snapshot button, [data-ui-document] button, .learning-cover, .ws-help-button, .link, .linkbtn, .tab, [role="tab"], .tabs > button, [data-cancel], [data-close], [data-back], [data-prev], [data-next], [data-refresh], [data-reload])):is(.primary, .home-goal-primary, [aria-pressed="true"], [aria-selected="true"]) {
  background: var(--ui-accent);
  border-color: var(--ui-accent);
  color: #fff;
}
body[data-visual-style="apple"] button:not(:disabled):not([aria-disabled="true"]):not(.nav):not(.nav-backdrop):not([role="slider"]):not(:where(table button, .meeting-tree-heading button, .report-compact-metrics button, .home-view-tabs button, .responsibility-path button, .mg-periods button, .mg-rank-groups button, .mg-metric, .mg-number, .sf-nav button, .oa-monthly-mark, .mg-slide button, .oa-monthly-slide button, .oa-frozen-snapshot button, [data-ui-document] button, .learning-cover, .ws-help-button, .link, .linkbtn, .tab, [role="tab"], .tabs > button, .primary, .home-goal-primary, .danger, .ea-danger, .ea-delete, .xe-danger, [aria-pressed="true"], [aria-selected="true"])):hover {
  filter: none;
  box-shadow: none;
  background: var(--ui-surface-subtle);
}
body[data-visual-style="apple"] button:not(.nav):not(.nav-backdrop):not([role="slider"]):not(:where(table button, .meeting-tree-heading button, .report-compact-metrics button, .home-view-tabs button, .responsibility-path button, .mg-periods button, .mg-rank-groups button, .mg-metric, .mg-number, .sf-nav button, .oa-monthly-mark, .mg-slide button, .oa-monthly-slide button, .oa-frozen-snapshot button, [data-ui-document] button, .learning-cover, .ws-help-button, .link, .linkbtn, .tab, [role="tab"], .tabs > button, [data-cancel], [data-close], [data-back], [data-prev], [data-next], [data-refresh], [data-reload])):is(.primary, .home-goal-primary):not(:disabled):not([aria-disabled="true"]):hover {
  background: var(--ui-accent-hover);
  border-color: var(--ui-accent-hover);
  color: #fff;
}
body[data-visual-style="apple"] button:not(.nav):not(.nav-backdrop):not([role="slider"]):not(:where(table button, .meeting-tree-heading button, .report-compact-metrics button, .home-view-tabs button, .responsibility-path button, .mg-periods button, .mg-rank-groups button, .mg-metric, .mg-number, .sf-nav button, .oa-monthly-mark, .mg-slide button, .oa-monthly-slide button, .oa-frozen-snapshot button, [data-ui-document] button, .learning-cover, .ws-help-button, .link, .linkbtn, .tab, [role="tab"], .tabs > button, [data-cancel], [data-close], [data-back], [data-prev], [data-next], [data-refresh], [data-reload])):is(.danger, .ea-danger, .ea-delete, .xe-danger) {
  background: var(--ui-danger);
  border-color: var(--ui-danger);
  color: #fff;
}
body[data-visual-style="apple"] button:not(.nav):not(.nav-backdrop):not([role="slider"]):not(:where(table button, .meeting-tree-heading button, .report-compact-metrics button, .home-view-tabs button, .responsibility-path button, .mg-periods button, .mg-rank-groups button, .mg-metric, .mg-number, .sf-nav button, .oa-monthly-mark, .mg-slide button, .oa-monthly-slide button, .oa-frozen-snapshot button, [data-ui-document] button, .learning-cover, .ws-help-button, .link, .linkbtn, .tab, [role="tab"], .tabs > button, [data-cancel], [data-close], [data-back], [data-prev], [data-next], [data-refresh], [data-reload])):is(.danger, .ea-danger, .ea-delete, .xe-danger):not(:disabled):not([aria-disabled="true"]):hover {
  background: var(--ui-danger-hover);
  border-color: var(--ui-danger-hover);
  color: #fff;
}
body[data-visual-style="apple"] button:is(:disabled, [aria-disabled="true"]):not(:where(.mg-slide, .mg-slide *, .oa-monthly-slide, .oa-monthly-slide *, .oa-frozen-snapshot, .oa-frozen-snapshot *, [data-ui-document], [data-ui-document] *)) {
  cursor: not-allowed;
  opacity: 1;
  box-shadow: none;
}
body[data-visual-style="apple"] :is(button, a, input, select, textarea, summary):focus-visible:not(:where(.mg-slide, .mg-slide *, .oa-monthly-slide, .oa-monthly-slide *, .oa-frozen-snapshot, .oa-frozen-snapshot *, [data-ui-document], [data-ui-document] *)) {
  outline: 2px solid var(--ui-accent);
  outline-offset: 3px;
}
body[data-visual-style="apple"] button:where(.link, .linkbtn, [data-back], [data-cancel], [data-close], [data-refresh], [data-reload], [data-prev], [data-next]):not(:where(.mg-slide *, .oa-monthly-slide *, .oa-frozen-snapshot *, [data-ui-document] *)) {
  font-size: inherit;
  font-weight: 500;
  color: var(--ui-accent);
  background: transparent;
  border: 0;
  box-shadow: none;
}
body[data-visual-style="apple"] button:where(.link, .linkbtn):is(.danger, .ea-danger, .ea-delete, .xe-danger):not(:where(.mg-slide *, .oa-monthly-slide *, .oa-frozen-snapshot *, [data-ui-document] *)) {
  color: var(--ui-danger);
}
body[data-visual-style="apple"] button:where(.link, .linkbtn):is([aria-selected="true"], [aria-pressed="true"]):not(:where(.danger, .ea-danger, .ea-delete, .xe-danger, .mg-slide *, .oa-monthly-slide *, .oa-frozen-snapshot *, [data-ui-document] *)) {
  color: var(--ui-accent);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}
body[data-visual-style="apple"] :is(.tabs, [role="tablist"]) > button:not(:where(.mg-slide *, .oa-monthly-slide *, .oa-frozen-snapshot *, [data-ui-document] *)) {
  font-size: var(--ui-body-size);
  font-weight: 500;
  color: var(--ui-secondary);
  box-shadow: none;
}
body[data-visual-style="apple"] :is(.tabs, [role="tablist"]) > button:is(.active, [aria-selected="true"], [aria-pressed="true"]):not(:where(.mg-slide *, .oa-monthly-slide *, .oa-frozen-snapshot *, [data-ui-document] *)) {
  color: var(--ui-accent);
  border-bottom-color: var(--ui-accent);
  font-weight: 600;
}

/* Forms retain native validation, required/disabled states and their labels. */
body[data-visual-style="apple"] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="hidden"]):not([type="file"]):not([type="submit"]):not([type="button"]), select, textarea):not(:where(.mg-slide, .mg-slide *, .oa-monthly-slide, .oa-monthly-slide *, .oa-frozen-snapshot, .oa-frozen-snapshot *, [data-ui-document], [data-ui-document] *)) {
  color-scheme: light;
  color: var(--ui-text);
  background-color: var(--ui-surface);
  border: 1px solid #c6c6cc;
  border-radius: var(--ui-radius-control);
  font-size: var(--ui-body-size);
  line-height: 1.45;
  box-shadow: none;
  max-width: 100%;
  min-width: 0;
}
body[data-visual-style="apple"] :is(input, textarea):not(:where(.mg-slide, .mg-slide *, .oa-monthly-slide, .oa-monthly-slide *, .oa-frozen-snapshot, .oa-frozen-snapshot *, [data-ui-document], [data-ui-document] *))::placeholder { color: var(--ui-placeholder); opacity: 1; }
body[data-visual-style="apple"] :is(input, select, textarea)[aria-invalid="true"]:not(:where(.mg-slide, .mg-slide *, .oa-monthly-slide, .oa-monthly-slide *, .oa-frozen-snapshot, .oa-frozen-snapshot *, [data-ui-document], [data-ui-document] *)) { border-color: var(--ui-danger); }
body[data-visual-style="apple"] :is(input, select, textarea):disabled:not(:where(.mg-slide, .mg-slide *, .oa-monthly-slide, .oa-monthly-slide *, .oa-frozen-snapshot, .oa-frozen-snapshot *, [data-ui-document], [data-ui-document] *)) {
  background-color: var(--ui-disabled-background);
  color: var(--ui-disabled-text);
  border-color: var(--ui-disabled-border);
  opacity: 1;
}
body[data-visual-style="apple"] :is(input, textarea)[readonly]:not(:disabled):not(:where(.mg-slide *, .oa-monthly-slide *, .oa-frozen-snapshot *, [data-ui-document] *)) {
  background-color: var(--ui-surface-subtle);
  color: var(--ui-secondary);
}
body[data-visual-style="apple"] :is(input[type="checkbox"], input[type="radio"]):not(:where(.mg-slide, .mg-slide *, .oa-monthly-slide, .oa-monthly-slide *, .oa-frozen-snapshot, .oa-frozen-snapshot *, [data-ui-document], [data-ui-document] *)) { accent-color: var(--ui-accent); }
body[data-visual-style="apple"] fieldset:not(:where(.mg-slide, .mg-slide *, .oa-monthly-slide, .oa-monthly-slide *, .oa-frozen-snapshot, .oa-frozen-snapshot *, [data-ui-document], [data-ui-document] *)) { border-color: var(--ui-line); border-radius: 10px; min-width: 0; }
body[data-visual-style="apple"] label:not(:where(.red, .amber, .green, .error, [role="alert"], .mg-slide *, .oa-monthly-slide *, .oa-frozen-snapshot *, [data-ui-document] *)) { color: var(--ui-secondary); }
body[data-visual-style="apple"] :is(.notice, [role="alert"]):not(:where(.mg-slide, .mg-slide *, .oa-monthly-slide, .oa-monthly-slide *, .oa-frozen-snapshot, .oa-frozen-snapshot *, [data-ui-document], [data-ui-document] *)) { overflow-wrap: anywhere; }
body[data-visual-style="apple"] .error:not(:where(.mg-slide, .mg-slide *, .oa-monthly-slide, .oa-monthly-slide *, .oa-frozen-snapshot, .oa-frozen-snapshot *, [data-ui-document], [data-ui-document] *)) { color: var(--ui-danger); }

/* Preserve original table/card conversion and frozen presentation surfaces. */
body[data-visual-style="apple"] table:not(.dq-heat):not(:where(.mg-slide table, .oa-monthly-slide table, .oa-frozen-snapshot table, [data-ui-document] table)) :is(th, td) {
  font-size: var(--ui-table-size);
  line-height: 1.45;
  border-bottom-color: var(--ui-line);
}
body[data-visual-style="apple"] table:not(.dq-heat):not(:where(.mg-slide table, .oa-monthly-slide table, .oa-frozen-snapshot table, [data-ui-document] table)) th {
  color: var(--ui-secondary);
  background-color: var(--ui-surface-subtle);
  font-weight: 600;
}
body[data-visual-style="apple"] :is(table, .meeting-tree-heading, .report-compact-metrics) button:not(.dq-cell):not(:where(.mg-slide *, .oa-monthly-slide *, .oa-frozen-snapshot *, [data-ui-document] *)) {
  font-size: var(--ui-table-size);
  font-weight: 500;
  color: var(--ui-accent);
  background: transparent;
  box-shadow: none;
}
body[data-visual-style="apple"] :is(table, .meeting-tree-heading, .report-compact-metrics) button:not(.dq-cell):is(.danger, .ea-danger, .ea-delete, .xe-danger):not(:where(.mg-slide *, .oa-monthly-slide *, .oa-frozen-snapshot *, [data-ui-document] *)) { color: var(--ui-danger); }
body[data-visual-style="apple"] :is(table, .meeting-tree-heading, .report-compact-metrics) button:not(.dq-cell):is(.primary, [aria-selected="true"], [aria-pressed="true"]):not(:where(.danger, .ea-danger, .ea-delete, .xe-danger, .mg-slide *, .oa-monthly-slide *, .oa-frozen-snapshot *, [data-ui-document] *)) {
  color: var(--ui-accent);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}
body[data-visual-style="apple"] .amount:not(:where(.mg-slide *, .oa-monthly-slide *, .oa-frozen-snapshot *, [data-ui-document] *)) { font-variant-numeric: tabular-nums; }
body[data-visual-style="apple"] .dialog {
  border-radius: var(--ui-radius-dialog);
  background: var(--ui-surface);
  box-shadow: 0 18px 70px #00000026;
}
body[data-visual-style="apple"] .dhead { background: var(--ui-surface); border-bottom-color: var(--ui-line); }
body[data-visual-style="apple"] .dhead h3 { font-size: var(--ui-section-size); }
body[data-visual-style="apple"] .modal { background: #1d1d1f55; }
body[data-visual-style="apple"] .toast { background: #242426; color: #fff; border-radius: 10px; }

/* Both existing sidebar preferences use the same readable typography. */
body[data-visual-style="apple"] #sidebar { font-size: var(--ui-body-size); }
body[data-visual-style="apple"] #sidebar[data-theme="light"] {
  background: #f0f0f3;
  color: var(--ui-text);
  border-right-color: var(--ui-line);
}
body[data-visual-style="apple"] #sidebar[data-theme="light"] :is(.ws-nav-group > summary, .oa-legacy-menu > summary, .nav, .profile, .side-brand) { color: var(--ui-text); }
body[data-visual-style="apple"] #sidebar[data-theme="light"] .nav.active { background: #dceaf9; color: #004d9c; }
body[data-visual-style="apple"] #sidebar[data-theme="light"] .nav:not(.active):hover { background: #e5e5ea; }
body[data-visual-style="apple"] #sidebar[data-theme="light"] :is(.profile small, .profile span, .side-brand small) { color: var(--ui-secondary); }
body[data-visual-style="apple"] #sidebar[data-theme="dark"] { background: #242426; color: #f5f5f7; }
body[data-visual-style="apple"] #sidebar[data-theme="dark"] :is(.ws-nav-group > summary, .oa-legacy-menu > summary, .nav) { color: #e5e5ea; }
body[data-visual-style="apple"] #sidebar[data-theme="dark"] .nav.active { background: #414144; color: #fff; }
body[data-visual-style="apple"] #sidebar[data-theme="dark"] :is(.profile, .side-brand) { color: #f5f5f7; }
body[data-visual-style="apple"] #sidebar[data-theme="dark"] :is(.profile small, .profile span, .side-brand small, label) { color: #b8b8be; }
body[data-visual-style="apple"] #sidebar .ws-nav-group { border-color: transparent; border-radius: 10px; }
body[data-visual-style="apple"] #sidebar :is(.ws-nav-group > summary, .oa-legacy-menu > summary, .nav) {
  font-family: var(--ui-font);
  font-size: var(--ui-body-size);
  font-weight: 500;
  border-radius: 8px;
}
body[data-visual-style="apple"] #sidebar [data-oa-search] { color-scheme: light; color: var(--ui-text); background: #fff; }
body[data-visual-style="apple"] .login { background: var(--ui-background); }
body[data-visual-style="apple"] .login-card { border-radius: var(--ui-radius-dialog); border-color: var(--ui-line); box-shadow: 0 12px 40px #0000000a; }

/* Disabled wins over primary, dangerous, selected and hover treatments. Text
   actions stay unfilled; ordinary submit controls keep a visible grey boundary. */
body[data-visual-style="apple"] button:not(.nav):not(.nav-backdrop):not([role="slider"]):not(:where(table button, .meeting-tree-heading button, .report-compact-metrics button, .home-view-tabs button, .responsibility-path button, .mg-periods button, .mg-rank-groups button, .mg-metric, .mg-number, .sf-nav button, .oa-monthly-mark, .mg-slide button, .oa-monthly-slide button, .oa-frozen-snapshot button, [data-ui-document] button, .learning-cover, .ws-help-button, .link, .linkbtn, .tab, [role="tab"], .tabs > button, [data-cancel], [data-close], [data-back], [data-prev], [data-next], [data-refresh], [data-reload])):is(:disabled, [aria-disabled="true"]) {
  background: var(--ui-disabled-background);
  border-color: var(--ui-disabled-border);
  color: var(--ui-disabled-text);
  text-decoration: none;
}
body[data-visual-style="apple"] button:where(.link, .linkbtn, [data-back], [data-cancel], [data-close], [data-refresh], [data-reload], [data-prev], [data-next]):is(:disabled, [aria-disabled="true"]):not(:where(.mg-slide *, .oa-monthly-slide *, .oa-frozen-snapshot *, [data-ui-document] *)),
body[data-visual-style="apple"] :is(table, .meeting-tree-heading, .report-compact-metrics) button:not(.dq-cell):is(:disabled, [aria-disabled="true"]):not(:where(.mg-slide *, .oa-monthly-slide *, .oa-frozen-snapshot *, [data-ui-document] *)),
body[data-visual-style="apple"] :is(.tabs, [role="tablist"]) > button:is(:disabled, [aria-disabled="true"]):not(:where(.mg-slide *, .oa-monthly-slide *, .oa-frozen-snapshot *, [data-ui-document] *)) {
  background: transparent;
  color: var(--ui-disabled-text);
  border-bottom-color: transparent;
  text-decoration: none;
  filter: none;
}
body[data-visual-style="apple"] #sidebar :is(.nav, .sidebtn):is(:disabled, [aria-disabled="true"]) { color: var(--ui-disabled-text); background: transparent; }
body[data-visual-style="apple"] #sidebar[data-theme="dark"] :is(.nav, .sidebtn):is(:disabled, [aria-disabled="true"]) { color: #a1a1a9; }

@media (max-width: 760px), (pointer: coarse) {
  body[data-visual-style="apple"] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="hidden"]):not([type="file"]):not([type="submit"]):not([type="button"]), select, textarea):not(:where(.mg-slide, .mg-slide *, .oa-monthly-slide, .oa-monthly-slide *, .oa-frozen-snapshot, .oa-frozen-snapshot *, [data-ui-document], [data-ui-document] *)) {
    font-size: 16px;
    min-height: 44px;
  }
  body[data-visual-style="apple"] button:not(.ws-help-button):not(.nav-backdrop):not([role="slider"]):not(.learning-cover):not(:where(.mg-slide *, .oa-monthly-slide *, .oa-frozen-snapshot *, [data-ui-document] *)),
  body[data-visual-style="apple"] #sidebar :is(.nav, summary) { min-height: 44px; }
  body[data-visual-style="apple"] main > header h1 { font-size: 22px; }
  body[data-visual-style="apple"] .dialog { border-radius: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-visual-style="apple"] :is(button, input, select, textarea):not(:where(.mg-slide, .mg-slide *, .oa-monthly-slide, .oa-monthly-slide *, .oa-frozen-snapshot, .oa-frozen-snapshot *, [data-ui-document], [data-ui-document] *)) { transition: none; }
}
@media print {
  body[data-visual-style="apple"] { background: #fff; }
  body[data-visual-style="apple"] :is(.card, .tablebox, .kpi, .dialog):not(:where(.mg-slide, .mg-slide *, .oa-monthly-slide, .oa-monthly-slide *, .oa-frozen-snapshot, .oa-frozen-snapshot *, [data-ui-document], [data-ui-document] *)) { box-shadow: none; }
}