/* BioStudio AI — BioStudioAI Mono theme (theme-bs3).
   Ultra-minimal editorial light: pure white, near-black ink, hairline rules,
   zero gradients, zero glow, typography does all the work. Structure comes
   from css/bsx-shell.css (token-driven); this file sets the Mono tokens and
   the editorial flourishes (borderless hairline project rows, thin display
   type, underline-style search bar). Dashboard: js/core/bsx-dashboard.js
   with layout="editorial". */

body.theme-bs3,
#os.theme-bs3 {
  /* Mono tokens */
  --bsx-bg: #fafaf9;
  --bsx-surface: #ffffff;
  --bsx-surface-2: #f5f5f4;
  --bsx-border: #e7e5e4;
  --bsx-accent: #171717;
  --bsx-accent-strong: #171717;
  --bsx-accent-ink: #ffffff;
  --bsx-accent-soft: rgba(23, 23, 23, 0.06);
  --bsx-radius: 8px;
  --bsx-radius-lg: 12px;
  --bsx-shadow: none;
  --bsx-shadow-lg: 0 16px 40px rgba(23, 23, 23, 0.1);
  --bsx-blur: none;

  /* system tokens */
  --ink: #171717;
  --ink-soft: #8c8c88;
  --radius: 10px;
  --taskbar-h: 70px;
  --accent: #171717;

  --win-bg: #ffffff;
  --win-body-bg: #ffffff;
  --win-border: var(--bsx-border);
  --win-border-focus: #171717;
  --titlebar-bg: #fcfcfb;
  --flyout-bg: #ffffff;
  --flyout-border: var(--bsx-border);
  --tile-bg: #f5f5f4;
  --tile-hover: #ececea;
  --input-bg: #ffffff;
  --input-border: #dcdad7;

  --taskbar-bg: rgba(255, 255, 255, 0.94);
  --taskbar-border: var(--bsx-border);
  --tb-hover: rgba(23, 23, 23, 0.05);
  --tb-active: rgba(23, 23, 23, 0.08);
  --app-btn-hover: rgba(23, 23, 23, 0.06);

  color: var(--ink);
}

/* wallpaper — flat paper, nothing else */
#os.wp-bs3,
#os.wp-bs3.dark {
  background: linear-gradient(180deg, #fafaf9 0%, #f4f4f2 100%);
}

/* ---- Editorial flourishes ---------------------------------------------- */
.bs3-home .bsx-greeting h1 {
  font-size: clamp(32px, 4vw, 52px);
  font-weight: 350;
  letter-spacing: -0.045em;
}
.bs3-home .bsx-nav-link {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.09em;
}
/* active tab = a black underline, nothing more */
.bs3-home .bsx-nav-link.active {
  background: none;
  border-radius: 0;
  box-shadow: inset 0 -2px 0 #171717;
  color: #171717;
}
/* app tiles stay paper-flat with hairlines */
.bs3-home .bsx-app { box-shadow: none; }
.bs3-home .bsx-app:hover { transform: none; background: var(--bsx-accent-soft); }
/* search = a single hairline underline */
.bs3-home .bsx-cmd {
  border: none;
  border-bottom: 1px solid var(--bsx-border);
  border-radius: 0;
  background: none;
  padding: 12px 2px;
  box-shadow: none;
}
.bs3-home .bsx-cmd:hover,
.bs3-home .bsx-cmd:focus-within { border-bottom-color: #171717; }
.bs3-home .bsc-keys kbd { border-radius: 4px; }
/* projects = hairline rows, no boxes */
.bs3-home[data-layout="editorial"] .bsx-proj {
  border: none;
  border-bottom: 1px solid var(--bsx-border);
  border-radius: 0;
  background: none;
  box-shadow: none;
  padding: 15px 2px;
}
.bs3-home[data-layout="editorial"] .bsx-proj:first-child { border-top: 1px solid var(--bsx-border); }
.bs3-home[data-layout="editorial"] .bsx-proj:hover { background: var(--bsx-accent-soft); }
.bs3-home .bsx-proj-mark { width: 7px; height: 7px; }
.bs3-home .bsx-proj-new { border-bottom-style: dashed; }
/* widgets = bare sections divided by hairlines, not cards */
.bs3-home .bsw-widget {
  border: none;
  border-bottom: 1px solid var(--bsx-border);
  border-radius: 0;
  background: none;
  box-shadow: none;
  padding: 0 0 16px;
}
.bs3-home .bsw-widget.editing {
  border: 1px dashed #b9b7b3;
  border-radius: 10px;
  padding: 12px;
}
.bs3-home .bsw-clock-time { font-weight: 300; font-size: 38px; }

/* window chrome — flat white, hairline, no shadow until focus */
#os.theme-bs3 .window { box-shadow: 0 2px 8px rgba(23, 23, 23, 0.05); }
#os.theme-bs3 .window.focused { box-shadow: var(--bsx-shadow-lg), 0 0 0 1px #171717; }
#os.theme-bs3 .window-titlebar { border-bottom: 1px solid var(--bsx-border); }

/* taskbar dock — white hairline pill */
#os.theme-bs3 .taskbar.bs-dock { box-shadow: 0 10px 30px rgba(23, 23, 23, 0.09); }

/* inputs stay light */
#os.theme-bs3 input, #os.theme-bs3 textarea, #os.theme-bs3 select { color-scheme: light; }

#os.theme-bs3 :focus-visible,
body.theme-bs3 :focus-visible {
  outline: 2px solid #171717;
  outline-offset: 2px;
}