/* ============================================================
   K2B chrome — reusable Win9x + DOS primitives.
   Depends on colors_and_type.css.
   ============================================================ */

/* ───── Win9x window ────────────────────────────────────────── */
.win-window {
  background: var(--win-face);
  box-shadow: var(--bevel-out);
  display: inline-flex;
  flex-direction: column;
  min-width: 320px;
  padding: 2px;
  font-family: var(--font-ui);
  color: var(--win-window-text);
  font-size: var(--fs-sm);
}

.win-titlebar {
  height: var(--titlebar-h);
  display: flex;
  align-items: center;
  padding: 0 2px 0 3px;
  background: linear-gradient(to right, var(--win-active-cap), var(--win-active-cap2));
  color: var(--win-cap-text);
  font-weight: 700;
  font-size: var(--fs-sm);
  user-select: none;
}
.win-titlebar.inactive {
  background: linear-gradient(to right, var(--win-inactive-cap), var(--win-inactive-cap2));
}
.win-titlebar .titlebar-mark {
  width: 16px; height: 16px; margin-right: 4px; flex: 0 0 16px;
  display: inline-block;
}
.win-titlebar .titlebar-title {
  flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.win-titlebar .titlebar-buttons {
  display: flex; gap: 0; align-items: center;
}
.win-titlebar .titlebar-btn {
  width: 16px; height: 14px;
  background: var(--win-face);
  box-shadow: var(--bevel-thin-out);
  color: #000;
  font-family: 'Marlett', var(--font-ui);
  font-size: 9px;
  line-height: 12px;
  text-align: center;
  cursor: pointer;
  margin-left: 2px;
  padding: 0;
  border: 0;
  display: flex; align-items: center; justify-content: center;
}
.win-titlebar .titlebar-btn:active { box-shadow: var(--bevel-thin-in); }

/* ───── Win9x menu bar ──────────────────────────────────────── */
.win-menubar {
  height: var(--menu-h);
  display: flex; align-items: center;
  background: var(--win-face);
  font-size: var(--fs-sm);
  padding: 0 2px;
  user-select: none;
}
.win-menubar .menu-item {
  padding: 2px 7px;
  height: calc(var(--menu-h) - 2px);
  display: flex; align-items: center;
  cursor: default;
}
.win-menubar .menu-item u { text-decoration: underline; }
.win-menubar .menu-item:hover,
.win-menubar .menu-item.open {
  background: var(--win-hilight-bg);
  color: var(--win-hilight-fg);
}

/* dropdown menu */
.win-menu {
  position: absolute;
  background: var(--win-face);
  box-shadow: var(--bevel-out);
  padding: 2px;
  min-width: 180px;
  font-size: var(--fs-sm);
  z-index: 10;
}
.win-menu .menu-row {
  display: flex; align-items: center;
  padding: 3px 24px 3px 22px;
  cursor: default;
  position: relative;
  white-space: nowrap;
}
.win-menu .menu-row.checked::before {
  content: '✓'; position: absolute; left: 6px;
}
.win-menu .menu-row .accel { margin-left: auto; padding-left: 24px; }
.win-menu .menu-row:hover { background: var(--win-hilight-bg); color: var(--win-hilight-fg); }
.win-menu .menu-row.disabled { color: var(--win-disabled-txt); text-shadow: 1px 1px 0 var(--win-disabled-hi); }
.win-menu .menu-sep {
  height: 0; margin: 3px 2px;
  border-top: 1px solid var(--win-shadow);
  border-bottom: 1px solid var(--win-hilight);
}

/* ───── Win9x toolbar ───────────────────────────────────────── */
.win-toolbar {
  display: flex; align-items: center; gap: 0;
  background: var(--win-face);
  padding: 2px;
  box-shadow: var(--bevel-thin-out);
}
.win-toolbar .tb-btn {
  width: 24px; height: 22px;
  display: flex; align-items: center; justify-content: center;
  cursor: default; background: var(--win-face); margin: 0;
}
.win-toolbar .tb-btn:hover { box-shadow: var(--bevel-thin-out); }
.win-toolbar .tb-btn:active { box-shadow: var(--bevel-thin-in); }
.win-toolbar .tb-sep {
  width: 0; height: 18px; margin: 0 3px;
  border-left: 1px solid var(--win-shadow);
  border-right: 1px solid var(--win-hilight);
}

/* ───── Win9x button ────────────────────────────────────────── */
.win-btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 75px; height: var(--button-h);
  padding: 0 10px;
  background: var(--win-face);
  color: var(--win-window-text);
  font-family: var(--font-ui);
  font-size: var(--fs-sm);
  box-shadow: var(--bevel-out);
  cursor: default;
  border: 0;
  position: relative;
  user-select: none;
}
.win-btn.default { box-shadow: var(--bevel-out), inset 0 0 0 1px #000; }
.win-btn:active, .win-btn.pressed {
  box-shadow: var(--bevel-in);
  padding-left: 11px;
  padding-top: 1px;
  padding-right: 9px;
  padding-bottom: 0;
}
.win-btn.focused::after {
  content: ''; position: absolute; inset: 3px;
  outline: 1px dotted #000; outline-offset: 0;
}
.win-btn[disabled], .win-btn.disabled {
  color: var(--win-disabled-txt);
  text-shadow: 1px 1px 0 var(--win-disabled-hi);
  pointer-events: none;
}

/* ───── Fields ─────────────────────────────────────────────── */
.win-field {
  display: inline-flex; align-items: center;
  height: var(--field-h);
  background: var(--win-window);
  box-shadow: var(--bevel-in);
  padding: 0 4px;
  font-family: var(--font-data);
  font-size: var(--fs-base);
  color: var(--win-window-text);
  min-width: 120px;
}
.win-field input,
.win-field select,
.win-field textarea {
  border: 0; background: transparent; outline: none;
  font: inherit; color: inherit;
  width: 100%; height: 100%;
  padding: 0;
}
.win-label {
  font-family: var(--font-ui);
  font-size: var(--fs-sm);
  color: var(--win-window-text);
  user-select: none;
}
.win-label u { text-decoration: underline; }

/* dropdown */
.win-combo {
  display: inline-flex; align-items: stretch;
  height: var(--field-h);
}
.win-combo .win-field { flex: 1; }
.win-combo .combo-arrow {
  width: 17px;
  background: var(--win-face);
  box-shadow: var(--bevel-out);
  display: flex; align-items: center; justify-content: center;
  font-size: 8px;
  cursor: default;
}

/* checkbox / radio */
.win-check, .win-radio {
  width: 13px; height: 13px;
  background: var(--win-window);
  box-shadow: var(--bevel-in);
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 10px; color: #000; line-height: 1;
  cursor: default; flex: 0 0 13px;
}
.win-radio { border-radius: 50%; box-shadow: var(--bevel-in); }
.win-check.checked::before  { content: '✓'; font-size: 12px; }
.win-radio.checked::before  { content: '•'; font-size: 18px; line-height: 12px; }

/* ───── Group box ───────────────────────────────────────────── */
.win-group {
  position: relative;
  padding: 14px 8px 8px;
  box-shadow: var(--bevel-group);
  margin-top: 6px;
  background: var(--win-face);
}
.win-group > .group-title {
  position: absolute; top: -6px; left: 8px;
  background: var(--win-face); padding: 0 4px;
  font-family: var(--font-ui); font-size: var(--fs-sm);
}

/* ───── Status bar ──────────────────────────────────────────── */
.win-statusbar {
  display: flex; align-items: stretch;
  height: var(--statusbar-h);
  background: var(--win-face);
  padding: 2px 2px 0;
  gap: 2px;
  box-shadow: var(--bevel-thin-out);
  font-family: var(--font-ui);
  font-size: var(--fs-sm);
}
.win-statusbar .sb-panel {
  box-shadow: var(--bevel-thin-in);
  padding: 1px 6px;
  display: flex; align-items: center;
  background: var(--win-face);
}
.win-statusbar .sb-panel.grow { flex: 1; }

/* ───── Data grid ───────────────────────────────────────────── */
.win-grid {
  background: var(--win-window);
  box-shadow: var(--bevel-in);
  font-family: var(--font-data);
  font-size: var(--fs-base);
  user-select: none;
}
.win-grid table { border-collapse: collapse; width: 100%; }
.win-grid thead th {
  background: var(--win-face);
  box-shadow: var(--bevel-thin-out);
  font-family: var(--font-ui);
  font-size: var(--fs-sm);
  font-weight: 400;
  text-align: left;
  padding: 2px 6px;
  position: relative;
  border-right: 1px solid var(--win-shadow);
}
.win-grid tbody td {
  padding: 1px 6px;
  border-bottom: 0;
  line-height: 16px;
}
.win-grid tbody tr.selected td {
  background: var(--win-hilight-bg);
  color: var(--win-hilight-fg);
}
.win-grid .num { text-align: right; font-variant-numeric: tabular-nums; }

/* tabs */
.win-tabs {
  display: flex; align-items: flex-end; padding: 0 6px;
  height: var(--tab-h);
}
.win-tab {
  padding: 3px 10px 4px;
  background: var(--win-face);
  box-shadow:
    inset  1px  1px 0 var(--win-hilight),
    inset -1px  0   0 var(--win-dk-shadow),
    inset -2px  0   0 var(--win-shadow);
  margin-right: -1px;
  font-size: var(--fs-sm);
  cursor: default;
  position: relative; top: 1px;
}
.win-tab.active {
  top: 0;
  padding-top: 4px;
  background: var(--win-face);
  box-shadow:
    inset  1px  1px 0 var(--win-hilight),
    inset -1px  0   0 var(--win-dk-shadow),
    inset -2px  0   0 var(--win-shadow),
    inset  0  -1px  0 var(--win-face);
  z-index: 1;
}
.win-tab-body {
  background: var(--win-face);
  box-shadow: var(--bevel-out);
  padding: 8px;
  margin-top: -1px;
}

/* scrollbar (decorative) */
.win-scroll {
  display: flex; flex-direction: column; align-items: center;
  width: var(--scrollbar);
  background:
    repeating-conic-gradient(var(--win-face) 0% 25%, var(--win-hilight) 0% 50%) 0 0/2px 2px;
  box-shadow: var(--bevel-thin-in);
}
.win-scroll .sb-arrow {
  width: var(--scrollbar); height: var(--scrollbar);
  background: var(--win-face);
  box-shadow: var(--bevel-thin-out);
  display: flex; align-items: center; justify-content: center;
  font-size: 9px;
}
.win-scroll .sb-thumb {
  width: var(--scrollbar);
  background: var(--win-face);
  box-shadow: var(--bevel-thin-out);
  flex: 0 0 40px;
  margin: 1px 0;
}
.win-scroll .sb-track { flex: 1; }

/* ───── DOS terminal primitives ─────────────────────────────── */
.dos-screen {
  background: var(--dos-bg);
  color: var(--dos-text);
  font-family: var(--font-dos);
  font-size: var(--fs-dos);
  line-height: 1.0;
  padding: 8px 12px 4px;
  white-space: pre;
  overflow: hidden;
}
.dos-title {
  background: var(--dos-bg);
  color: var(--dos-yellow);
  text-align: center;
  white-space: pre;
}
.dos-box {
  white-space: pre;
  color: var(--dos-text);
}
.dos-fkey-bar {
  background: var(--dos-bg);
  color: var(--dos-text);
  font-family: var(--font-dos);
  font-size: var(--fs-dos);
  display: flex;
  gap: 6px;
  padding: 4px 8px;
  white-space: pre;
}
.dos-fkey, .dos-fkey-bar > * {
  background: transparent;
  color: var(--dos-text-bright);
}
.dos-fkey .key, .dos-fkey-bar .key {
  background: var(--dos-fkey-bg);
  color: var(--dos-fkey-fg);
  padding: 0 4px;
}
.dos-statusline {
  background: var(--dos-status-bg);
  color: var(--dos-status-fg);
  font-family: var(--font-dos);
  font-size: 16px;
  padding: 2px 12px;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  white-space: nowrap;
}
.dos-statusline > span {
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.dos-caret {
  display: inline-block;
  width: 0.55em;
  background: var(--dos-text-bright);
  color: var(--dos-bg);
  animation: dos-blink 1s steps(1) infinite;
}
@keyframes dos-blink { 50% { opacity: 0; } }

.dos-selected { background: var(--dos-cyan); color: #000; }
.dos-bright   { color: var(--dos-text-bright); }
.dos-yellow   { color: var(--dos-yellow); }
.dos-cyan     { color: var(--dos-cyan); }
.dos-green    { color: var(--dos-green); }
.dos-red      { color: var(--dos-red); }

/* ───── F&I Pro (fiprow.exe) primitives ─────────────────────── */
.fipro-form {
  background: var(--fipro-surface);
  font-family: 'Courier Prime', 'Courier New', 'Lucida Console', monospace;
  font-size: 14px;
  line-height: 1.15;
  color: var(--fipro-label);
  padding: 6px 10px;
}
.fipro-title {
  background: var(--fipro-surface);
  border-bottom: 1px solid #FFFFFF;
  font-family: var(--font-ui);
  font-size: 11px;
  padding: 2px 6px;
  color: #000;
}
.fipro-row {
  display: flex; align-items: baseline; gap: 0;
  white-space: pre;
}
.fipro-label {
  color: var(--fipro-label);
  white-space: pre;
}
.fipro-field {
  display: inline-block;
  background: var(--fipro-field-bg);
  color: var(--fipro-value);
  font-family: inherit;
  font-size: inherit;
  text-align: right;
  padding: 0 4px;
  /* thin sunken border, lighter than .win-field */
  box-shadow:
    inset  1px  1px 0 #808080,
    inset -1px -1px 0 #FFFFFF;
  border: 0;
  height: 17px;
  line-height: 17px;
  vertical-align: baseline;
}
.fipro-field.text { text-align: left; }
.fipro-field.hi { background: var(--fipro-field-hi); color: var(--fipro-label); font-weight: 700; }
.fipro-field.selected { background: var(--fipro-field-sel); color: var(--fipro-field-sel-fg); }
.fipro-readout {
  /* the trailing "EXETER FINANCE" / "PEKIN LIFE INSURANCE" lookup text */
  display: inline-block;
  background: var(--fipro-field-bg);
  color: var(--fipro-value);
  padding: 0 4px;
  height: 17px;
  line-height: 17px;
  vertical-align: baseline;
}
.fipro-btn {
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--fipro-btn);
  color: #000;
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 700;
  padding: 0 10px;
  height: 21px;
  min-width: 120px;
  box-shadow:
    inset  1px  1px 0 var(--fipro-btn-light),
    inset -1px -1px 0 var(--fipro-btn-shadow);
  border: 1px solid #000;
  cursor: default;
  white-space: nowrap;
}
.fipro-btn.small { min-width: 60px; padding: 0 6px; height: 17px; font-size: 11px; }
.fipro-btn:active { box-shadow: inset 1px 1px 0 var(--fipro-btn-shadow); padding-top: 1px; }
.fipro-big {
  font-family: 'Times New Roman', 'Times', serif;
  font-style: italic;
  font-size: 44px;
  font-weight: 700;
  color: var(--fipro-big);
  background: #FFFFFF;
  display: inline-block;
  padding: 2px 24px;
  text-align: center;
  line-height: 1;
  box-shadow:
    inset  1px  1px 0 #808080,
    inset -1px -1px 0 #FFFFFF;
}
.fipro-divider-v {
  width: 4px;
  background: var(--fipro-divider);
  align-self: stretch;
}
.fipro-divider-h {
  height: 1px;
  background: var(--fipro-divider);
  margin: 4px 0;
}
.fipro-headerbar {
  /* the dark gray top strip with Dr-Lic, DOB, Age, Body */
  background: #B0B0B0;
  display: flex; gap: 12px;
  padding: 2px 6px;
  font-family: 'Courier Prime', 'Courier New', monospace;
  font-size: 13px;
  color: #800000;
  font-weight: 700;
  white-space: nowrap;
  align-items: center;
}
.fipro-headerbar .fipro-field { color: var(--fipro-value); }

.bulletin-wrap {
  background: var(--msg-bg);
  padding: 20px;
  min-height: 100%;
}
.bulletin-table {
  background: var(--msg-card);
  border: 1px solid var(--msg-border);
  margin: 0 auto;
  font-family: 'Times New Roman', serif;
  color: var(--msg-text);
}
.bulletin-table > .bulletin-header {
  background: var(--msg-header);
  font-weight: 700;
  text-align: center;
  padding: 4px;
  border-bottom: 1px solid var(--msg-border);
}
.bulletin-stamp {
  text-align: center;
  color: var(--msg-stamp);
  font-family: var(--font-ui);
  font-size: 12px;
  margin-top: 12px;
}

/* ────────────────────────────────────────────────────────────
   K2B Network Solutions (W26) — app-shell primitives.
   These are observed from real screenshots and apply to the
   modern XP/7 era Win port. Sub-windows use one of three
   surface skins:
     .k2b-surface-navy   — sign-on splash, full-screen menus
     .k2b-surface-slate  — Finance Worksheet (Cash/Finance pages)
     .k2b-surface-gray   — Deal Review, Payroll, classic Win9x
   ──────────────────────────────────────────────────────────── */
.k2b-host { background: var(--k2b-navy); height: 100%; min-height: 100%; }

.k2b-titlebar {
  /* MDI parent: "Jared Brewer in 716-MARTINDALE CHEVROLET" */
  background: #F0F0F0;
  border-bottom: 1px solid #808080;
  height: 26px;
  display: flex; align-items: center;
  padding: 0 6px;
  font-family: var(--font-ui);
  font-size: 12px;
  color: #000;
}
.k2b-titlebar .tb-mark { width: 18px; height: 18px; margin-right: 6px; flex: 0 0 18px; }
.k2b-titlebar .tb-title { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.k2b-titlebar .tb-buttons { display: flex; gap: 2px; }
.k2b-titlebar .tb-btn {
  width: 28px; height: 20px;
  background: #F0F0F0;
  border: 1px solid #909090;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-ui); font-size: 11px;
  cursor: default;
}
.k2b-titlebar .tb-btn:hover { background: #E5E5E5; }
.k2b-titlebar .tb-btn:active { background: #D5D5D5; }

.k2b-child-titlebar {
  background: #F4F3F1;
  border-bottom: 1px solid #B0B0B0;
  height: 22px;
  display: flex; align-items: center;
  padding: 0 6px;
  font-family: var(--font-ui);
  font-size: 11px;
  color: #000;
}
.k2b-child-titlebar .tb-mark { width: 14px; height: 14px; margin-right: 5px; flex: 0 0 14px; }
.k2b-child-titlebar .tb-title { flex: 1; font-weight: 400; }

/* ── Full-screen navy menu (Sales, Employee Payroll, etc.) ── */
.k2b-menu-screen {
  background: var(--k2b-navy);
  position: relative;
  min-height: 100%;
  padding: 8px 24px 32px;
  font-family: 'Courier Prime', 'Courier New', monospace;
}
.k2b-menu-title {
  color: var(--k2b-yellow);
  font-family: 'Courier Prime', 'Courier New', monospace;
  font-size: 28px; font-weight: 700;
  text-align: center;
  margin: 4px 0 10px;
}
.k2b-menu-stack {
  display: flex; flex-direction: column;
  gap: 0;
  margin: 0 auto;
  max-width: 320px;
}
.k2b-menu-btn {
  background: #F2F2F2;
  border: 1px solid #808080;
  color: #000080;
  font-family: 'Courier Prime', 'Courier New', monospace;
  font-size: 19px;
  padding: 4px 16px;
  text-align: left;
  cursor: default;
  margin: 1px 0;
  position: relative;
  user-select: none;
}
.k2b-menu-btn u { text-decoration: underline; }
.k2b-menu-btn:hover { background: #FFFFFF; }
.k2b-menu-btn.focused {
  outline: 1px solid var(--k2b-maroon);
  outline-offset: -3px;
  color: var(--k2b-maroon);
}
.k2b-menu-btn.focused u { color: var(--k2b-maroon); }

/* ── Sign-on splash chrome ── */
.k2b-signon-panel {
  background: #C2C3C8;
  width: 620px;
  margin: 60px auto 0;
  padding: 12px 14px;
  border: 1px solid #808080;
}
.k2b-signon-banner {
  display: flex; align-items: center; gap: 18px;
  padding: 6px 24px 8px;
  margin-bottom: 8px;
}
.k2b-signon-banner img { width: 90px; height: auto; image-rendering: pixelated; }
.k2b-signon-banner .k2b-wordmark {
  font-family: 'Times New Roman', Times, serif;
  font-weight: 700;
  color: var(--k2b-navy-deep);
  line-height: 1.1;
  text-align: left;
}
.k2b-signon-banner .k2b-wordmark .l1 { font-size: 30px; }
.k2b-signon-banner .k2b-wordmark .l2 { font-size: 26px; font-style: italic; }
.k2b-signon-form {
  font-family: 'Courier Prime', 'Courier New', monospace;
  font-size: 17px;
  padding: 8px 24px;
}
.k2b-signon-form .row { display: flex; align-items: center; gap: 4px; line-height: 1.4; white-space: pre; }
.k2b-signon-form .label { color: var(--k2b-blue-data); white-space: pre; }
.k2b-signon-form .field {
  display: inline-block;
  background: var(--k2b-cream);
  color: var(--k2b-navy-deep);
  text-align: right;
  padding: 0 4px;
  border: 1px solid #808080;
  height: 22px; line-height: 20px;
  font-family: inherit; font-size: inherit;
}
.k2b-signon-form .field.active { background: var(--k2b-yellow); color: var(--k2b-navy-deep); }
.k2b-signon-form .field.selected { background: var(--k2b-navy); color: #FFFFFF; }
.k2b-signon-form .field.text { text-align: left; }
.k2b-signon-form .dealer { color: var(--k2b-maroon); font-weight: 700; }
.k2b-signon-form .meta { color: var(--k2b-green); font-weight: 700; }
.k2b-signon-form .station { color: var(--k2b-blue-data); font-weight: 700; }
.k2b-signon-form .copyright { color: var(--k2b-navy-deep); margin-top: 4px; font-size: 15px; }
.k2b-signon-buttons {
  display: flex; gap: 14px; justify-content: center;
  padding: 8px 0 0;
}
.k2b-button {
  /* XP-style off-white button used across the kit */
  background: #F0F0F0;
  border: 1px solid #909090;
  color: #000;
  font-family: var(--font-ui);
  font-size: 12px;
  padding: 4px 14px;
  cursor: default;
  min-width: 100px;
  height: 28px;
  display: inline-flex; align-items: center; justify-content: center;
}
.k2b-button:hover { background: #FFFFFF; }
.k2b-button:active { background: #DCDCDC; padding-top: 5px; padding-bottom: 3px; }
.k2b-button.small { min-width: 0; height: 22px; padding: 2px 10px; font-size: 11px; }
.k2b-button.wide  { min-width: 140px; }

/* Window scaffold (child window inside MDI) */
.k2b-window {
  background: var(--win-face);
  border: 1px solid #909090;
  box-shadow: 0 2px 6px rgba(0,0,0,.18);
  display: flex; flex-direction: column;
  font-family: var(--font-ui);
}

/* "EXPIRES" green metadata + Q/help button */
.k2b-help-btn {
  width: 26px; height: 26px;
  background: #F4F4F4; border: 1px solid #B0B0B0;
  font-family: 'Times New Roman', serif; font-size: 18px; font-weight: 700;
  color: var(--k2b-blue-data); font-style: italic;
  display: inline-flex; align-items: center; justify-content: center;
  cursor: default;
}

/* Section header inside a classic-gray sub-window (e.g. "Standard Functions") */
.k2b-section-head {
  font-family: 'Courier Prime', 'Courier New', monospace;
  font-size: 18px;
  color: var(--k2b-navy);
  font-weight: 400;
  margin: 8px 0 4px;
}

/* Compact toolbar inside a sub-window (top-right buttons like "Esc-Close" / "Setup") */
.k2b-action-bar {
  display: flex; gap: 6px; align-items: center;
  padding: 6px 8px;
  background: transparent;
}
.k2b-action-bar .k2b-button { min-width: 76px; }
.k2b-action-bar .k2b-button.icon { gap: 6px; }

/* Yellow active "date" or active field inside a gray surface */
.k2b-active-field {
  background: var(--k2b-yellow);
  color: var(--k2b-navy-deep);
  font-family: 'Courier Prime', 'Courier New', monospace;
  padding: 0 6px;
  border: 1px solid #808080;
  display: inline-block;
}

/* The bright-blue "K2B Upload Tool" menubar */
.k2b-upload-menubar {
  background: #1F7AC7;
  color: #FFFFFF;
  font-family: var(--font-ui);
  font-size: 12px;
  display: flex; align-items: center; gap: 0;
  height: 28px;
  padding: 0 10px;
}
.k2b-upload-menubar > * { padding: 6px 12px; cursor: default; }
.k2b-upload-menubar > *:hover { background: #145FA0; }