@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Inter:wght@100..900&family=Instrument+Serif:ital@0;1&display=swap');

@font-face {
  font-family: 'OpenDyslexic';
  src: url('../fonts/opendyslexic/OpenDyslexic-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'OpenDyslexic';
  src: url('../fonts/opendyslexic/OpenDyslexic-Bold.otf') format('opentype');
  font-weight: 600 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'OpenDyslexic';
  src: url('../fonts/opendyslexic/OpenDyslexic-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'OpenDyslexic';
  src: url('../fonts/opendyslexic/OpenDyslexic-Bold-Italic.otf') format('opentype');
  font-weight: 600 700;
  font-style: italic;
  font-display: swap;
}

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
:root {
  --ui-scale: 1;
  --ui-scale-inverse: 1;
  --ui-scale-width: 100vw;
  --ui-scale-height: 100vh;
  --font-app: 'DM Sans', -apple-system, sans-serif;
  --font-sidebar: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-panel-header: "DM Sans", -apple-system, sans-serif;
  --bg: #ffffff; --sidebar-bg: #ffffff; --card-bg: #ffffff; --page-bg: #fdfdfd;
  --text-primary: #1a1a1a; --text-secondary: #7a7a7a; --text-muted: #b0b0b0;
  --border: #e8e8e8; --border-light: #f0f0f0; --hover-bg: #f3f3f3; --workspace-dots-hover: #f7f7f7;
  --tag-bg: #f3f3f3; --tag-text: #6b6b6b;
  --col-pathway: #5b9bd5; --col-applied: #e89040; --col-awaiting: #9b7cd8;
  --col-offer: #50b5b0; --col-accept: #e8604c;
  --action-menu-bg: #ffffff;
  --action-menu-border: #eeeeee;
  --action-menu-hover: #f4f4f4;
  --action-menu-text: #2f3138;
  --action-menu-icon: #3c3f45;
  --action-menu-muted: #a8a8a8;
  --action-menu-danger: #c44;
  --action-menu-danger-bg: #fef0f0;
  --action-menu-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  --action-menu-radius: 18px;
  --action-menu-item-radius: 13px;
  --action-menu-padding: 10px;
  --action-menu-min-width: 312px;
  --action-menu-item-height: 46px;
  --action-menu-item-gap: 15px;
  --action-menu-item-padding-x: 15px;
  --action-menu-font-size: 15px;
  --action-menu-icon-size: 20px;
  /* v203 — chevron/arrow default colours, 15% darker than prior muted tones.
     v204 — an additional 10% darker on top of v203.
     v205 — yet another 10% darker on top of v204.
     v205 (follow-up) — an additional 20% darker on top of the prior v205
     values so chevrons read crisply against the white background. Every
     chevron in the file reads from these two vars (Board / Table / List /
     Calendar / Timeline / Tree / sort-arrow / sidebar) so updating here
     cascades everywhere. */
  --chevron-default: #616161;      /* was #797979, now 20% darker */
  --chevron-default-dark: #2e2e2e; /* was #3a3a3a, now 20% darker */
}
:root[data-font="system"] {
  --font-app: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-sidebar: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-panel-header: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}
:root[data-font="opendyslexic"] {
  --font-app: 'OpenDyslexic', 'DM Sans', -apple-system, sans-serif;
  --font-sidebar: 'OpenDyslexic', "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-panel-header: 'OpenDyslexic', 'DM Sans', -apple-system, sans-serif;
}
html, body, #root { height: 100%; }
html, body { font-family: var(--font-app); font-size: 14px; color: var(--text-primary); background: var(--bg); overflow: hidden; -webkit-font-smoothing: antialiased; }
#root {
  width: var(--ui-scale-width);
  height: var(--ui-scale-height);
  overflow: hidden;
  transform: scale(var(--ui-scale));
  transform-origin: 0 0;
}
.layout { display: flex; width: 100%; height: 100%; }

/* .si — kept from v205 because non-sidebar elements (tabs, header, tree) use it */
.si { stroke: currentColor; fill: none; stroke-width: 1.8; opacity: 0.5; }

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #d8d8d8; border-radius: 3px; }