/* Flow's own default look (2026-09-27): a light warm-paper sidebar (the current page a black pill with an orange edge) on a warm paper page, rocket-orange links and markers, teal for "done".
   Loaded after flowui.css (theme/root.php) so these replace its old defaults; a user's own Theme choice (sortables
   'flowtheme') is written after this and wins. The Classic UI's colours are separate and untouched. */
:root {
  --smui-nav-bg: #efece4;
  --smui-nav-active: #16191d;
  --smui-nav-fg: #2b3036;
  --smui-muted: #5b6168;
  --smui-link: #c2410c;
  --smui-green: #0e7c6b;
  --smui-text: #16191d;
  --smui-bg: #f5f3ee;
  --smui-card-shadow: rgba(22, 25, 29, 0.08) 0 1px 3px 0, rgba(22, 25, 29, 0.05) 0 6px 18px 0;
  --smui-accent: #c2410c;
}
/* the current page in the menu carries an orange edge, whatever the sidebar colour */
.smui-nav a.smui-nav-item.active { box-shadow: inset 3px 0 0 var(--smui-mark, #f97316); }
.smui-nav a.smui-nav-subitem.active { box-shadow: inset 2px 0 0 var(--smui-mark, #f97316); }
/* hovering the current page keeps its pill (the general hover tint used to replace it: white text on near-white,
   a flash); every row eases its hover instead of snapping */
.smui-nav a.smui-nav-item, .smui-nav a.smui-nav-subitem { transition: background-color .15s ease, color .15s ease; }
.smui-nav a.smui-nav-item.active:hover { background: var(--smui-nav-active); }