/* Structured Collaboration family look (brand.css 1.0.0, 26 Oct 2026). Identical in every tool's repository
   and loaded after every other stylesheet. It matches structuredcollaboration.com: Barlow and Barlow Condensed,
   led by deep viridian teal on white, with light-teal panels. The fonts sit in fonts/ beside this file.
   Night and high-contrast display modes, and CollabForce365's colour schemes, still apply on top.
   To undo: remove the <link> to brand.css. */
@font-face { font-family: "Barlow"; font-weight: 400; font-style: normal; font-display: swap; src: url(fonts/barlow-latin-400-normal.woff2) format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 400; font-style: italic; font-display: swap; src: url(fonts/barlow-latin-400-italic.woff2) format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 500; font-style: normal; font-display: swap; src: url(fonts/barlow-latin-500-normal.woff2) format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 600; font-style: normal; font-display: swap; src: url(fonts/barlow-latin-600-normal.woff2) format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 700; font-style: normal; font-display: swap; src: url(fonts/barlow-latin-700-normal.woff2) format("woff2"); }
@font-face { font-family: "Barlow Condensed"; font-weight: 500; font-style: normal; font-display: swap; src: url(fonts/barlow-condensed-latin-500-normal.woff2) format("woff2"); }
@font-face { font-family: "Barlow Condensed"; font-weight: 600; font-style: normal; font-display: swap; src: url(fonts/barlow-condensed-latin-600-normal.woff2) format("woff2"); }
@font-face { font-family: "Barlow Condensed"; font-weight: 700; font-style: normal; font-display: swap; src: url(fonts/barlow-condensed-latin-700-normal.woff2) format("woff2"); }

:root {
  /* shared tool palette */
  --paper: #FFFFFF; --stone: #E8F6F6; --ink: #1F2A33; --ink-2: #3E4C55; --muted: #4A5468;
  --petrol: #0B5257; --petrol-dark: #073A3E; --label: #00797D; --mist: #98DDDE; --mist-pale: #E8F6F6;
  --surface: #FFFFFF; --surface-2: #F1F7F8; --line: #D5E4E6; --line-strong: #B5CDD1;
  --font: Barlow, system-ui, -apple-system, "Segoe UI", sans-serif;
  --serif: "Barlow Condensed", "Arial Narrow", sans-serif;
  /* names used by the Node.js tools and the diagnostics app */
  --ink-brand: #1F2A33; --font-cond: var(--serif); --cond: var(--serif);
  --bg: var(--paper); --text: var(--ink); --border: var(--line); --grid: var(--line);
  --accent: var(--petrol); --accent-dark: var(--petrol-dark); --accent-ink: #FFFFFF; --accent-soft: var(--mist-pale);
  --radius: 4px;
}

h1, h2, h3, h4 { letter-spacing: -0.005em; }

/* family bar and its dialogs (family.css) */
.family { background: #0B5257; font-family: var(--font); font-size: 13px; }
.family-name, .family a.family-name { color: #98DDDE; font-weight: 600; letter-spacing: .08em; }
.family span.reg { color: #98DDDE; }
dialog.sc-reg, .sc-pop, .sc-note { font-family: var(--font); }
dialog.sc-reg h2 { font: 600 24px var(--serif); }
dialog.sc-reg, .send-menu, .sc-pop { border-color: #B5CDD1; }
.sm-head { color: #00797D; font-weight: 600; }
.sm-item:hover, .sm-item:focus-visible { background: #E8F6F6; }
.sm-rank { font-family: var(--serif); color: #0B5257; }
.sm-tag { color: #0B5257; }
.sm-sep, .sc-chg-list, .sc-chg-list li, .sc-help-switch { border-color: #D5E4E6; }
.sc-note { background: #0B5257; }
.sc-i { font: italic 600 11px/1 var(--font); border-color: #00797D; color: #0B5257; }
.sc-i:hover, .sc-i:focus-visible, .sc-i[aria-expanded="true"] { background: #0B5257; border-color: #0B5257; }
.sc-pop { border-left-color: #0B5257; }
.sc-help-list dt { color: #0B5257; }
.sc-term { border-bottom-color: #00797D; }
.sc-term:hover, .sc-term[aria-expanded="true"] { border-bottom-color: #0B5257; }