:root {
  --docs-navy:   #023f68;
  --docs-navy-d: #012d4e;
  --docs-blue:   #0274be;
  --docs-blue-l: #0d8de8;
  --docs-white:  #fbfdff;
  --docs-off:    #f4f7fb;
  --docs-off2:   #edf1f7;
  --docs-text:   #0f1f2e;
  --docs-body:   #3d5a72;
  --docs-muted:  #6b8699;
  --docs-ghost:  #a0b8c8;
  --docs-line:   rgba(2,63,104,.09);
  --docs-line2:  rgba(2,63,104,.15);
  --docs-b08:    rgba(2,116,190,.08);
  --docs-b15:    rgba(2,116,190,.15);
  --docs-green:  #059669;
  --docs-amber:  #d97706;
  --docs-red:    #dc2626;
  --docs-purple: #7c3aed;
  --docs-sh:     0 1px 8px rgba(2,63,104,.07),0 4px 20px rgba(2,63,104,.05);
  --docs-sh-md:  0 4px 24px rgba(2,63,104,.10),0 12px 40px rgba(2,63,104,.07);
  --docs-e:      .22s cubic-bezier(.4,0,.2,1);
  --navy:   #023f68; --navy-d: #012d4e; --blue: #0274be; --blue-l: #0d8de8;
  --white:  #fbfdff; --off: #f4f7fb; --off2: #edf1f7;
  --text:   #0f1f2e; --body: #3d5a72; --muted: #6b8699; --ghost: #a0b8c8;
  --line:   rgba(2,63,104,.09); --line2: rgba(2,63,104,.15);
  --b08:    rgba(2,116,190,.08); --b15: rgba(2,116,190,.15);
  --green:  #059669; --amber: #d97706; --red: #dc2626; --purple: #7c3aed;
  --sh:     0 1px 8px rgba(2,63,104,.07),0 4px 20px rgba(2,63,104,.05);
  --sh-md:  0 4px 24px rgba(2,63,104,.10),0 12px 40px rgba(2,63,104,.07);
  --e:      .22s cubic-bezier(.4,0,.2,1);
}

/*
 * Brytebuild Documentation — docs.css
 * Enqueued only on docs pages. All classes prefixed docs- to prevent
 * conflicts with main.css. Fully self-contained — defines its own tokens.
 *
 * @package daum-custom
 */

/* ════════════════════════════════════════════
   1. TOKENS — scoped to docs wrapper
════════════════════════════════════════════ */
.docs-page-wrap {
  /* Docs-namespaced tokens */
  --docs-navy:   #023f68;
  --docs-navy-d: #012d4e;
  --docs-blue:   #0274be;
  --docs-blue-l: #0d8de8;
  --docs-white:  #fbfdff;
  --docs-off:    #f4f7fb;
  --docs-off2:   #edf1f7;
  --docs-text:   #0f1f2e;
  --docs-body:   #3d5a72;
  --docs-muted:  #6b8699;
  --docs-ghost:  #a0b8c8;
  --docs-line:   rgba(2,63,104,.09);
  --docs-line2:  rgba(2,63,104,.15);
  --docs-b08:    rgba(2,116,190,.08);
  --docs-b15:    rgba(2,116,190,.15);
  --docs-green:  #059669;
  --docs-amber:  #d97706;
  --docs-red:    #dc2626;
  --docs-purple: #7c3aed;
  --docs-sh:     0 1px 8px rgba(2,63,104,.07),0 4px 20px rgba(2,63,104,.05);
  --docs-sh-md:  0 4px 24px rgba(2,63,104,.10),0 12px 40px rgba(2,63,104,.07);
  --docs-e:      .22s cubic-bezier(.4,0,.2,1);
  /* Also expose as plain names so inline styles in component files work */
  --navy:   var(--docs-navy);
  --navy-d: var(--docs-navy-d);
  --blue:   var(--docs-blue);
  --blue-l: var(--docs-blue-l);
  --white:  var(--docs-white);
  --off:    var(--docs-off);
  --off2:   var(--docs-off2);
  --text:   var(--docs-text);
  --body:   var(--docs-body);
  --muted:  var(--docs-muted);
  --ghost:  var(--docs-ghost);
  --line:   var(--docs-line);
  --line2:  var(--docs-line2);
  --b08:    var(--docs-b08);
  --b15:    var(--docs-b15);
  --green:  var(--docs-green);
  --amber:  var(--docs-amber);
  --red:    var(--docs-red);
  --purple: var(--docs-purple);
  --sh:     var(--docs-sh);
  --sh-md:  var(--docs-sh-md);
  --e:      var(--docs-e);
}
/* Modal needs tokens too since it's outside .docs-page-wrap */
.docs-overlay {
  --docs-white:  #fbfdff;
  --docs-off:    #f4f7fb;
  --docs-off2:   #edf1f7;
  --docs-text:   #0f1f2e;
  --docs-navy:   #023f68;
  --docs-muted:  #6b8699;
  --docs-ghost:  #a0b8c8;
  --docs-line:   rgba(2,63,104,.09);
  --docs-line2:  rgba(2,63,104,.15);
  --docs-b08:    rgba(2,116,190,.08);
  --docs-e:      .22s cubic-bezier(.4,0,.2,1);
}

/* ════════════════════════════════════════════
   2. PAGE SHELL + RESETS
════════════════════════════════════════════ */
.docs-page-wrap {
  font-family: "DM Sans", sans-serif;
  background: var(--docs-off);
  color: var(--docs-text);
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}
.docs-page-wrap *,
.docs-page-wrap *::before,
.docs-page-wrap *::after { box-sizing: border-box; }
.docs-page-wrap a { text-decoration: none; color: inherit; }
.docs-page-wrap ul { list-style: none; margin: 0; padding: 0; }
.docs-page-wrap p { margin: 0; }
.docs-page-wrap h1,
.docs-page-wrap h2,
.docs-page-wrap h3 { margin: 0; font-weight: inherit; }
.docs-page-wrap svg { display: block; }
.docs-page-wrap button { font-family: inherit; cursor: pointer; }
.docs-page-wrap ::-webkit-scrollbar { width: 5px; }
.docs-page-wrap ::-webkit-scrollbar-thumb { background: var(--docs-ghost); border-radius: 3px; }

/* ════════════════════════════════════════════
   3. TOPBAR
════════════════════════════════════════════ */
.docs-topbar {
  position: sticky; top: 0; z-index: 200;
  background: var(--docs-navy-d);
  display: flex; align-items: center;
  height: 58px; padding: 0 clamp(1rem,4vw,2rem); gap: 1rem;
}
.docs-tb-logo {
  display: flex; align-items: center; gap: 9px;
  flex-shrink: 0; text-decoration: none;
}
.docs-tb-logo-mark {
  width: 30px; height: 30px; border-radius: 8px;
  background: var(--docs-blue);
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 2px 8px rgba(2,116,190,.4); flex-shrink: 0;
}
.docs-tb-logo-mark svg { width: 15px; height: 15px; }
.docs-tb-logo-text {
  font-family: "Outfit",sans-serif; font-weight: 700;
  font-size: 1.05rem; color: #fff; letter-spacing: -.015em;
}
.docs-tb-logo-text em {
  font-style: normal; opacity: .45; font-size: .65rem;
  font-weight: 600; letter-spacing: .06em; text-transform: uppercase;
  margin-left: 4px; vertical-align: middle;
}
.docs-tb-sep { width: 1px; height: 20px; background: rgba(255,255,255,.12); flex-shrink: 0; }
.docs-tb-search {
  flex: 1; max-width: 440px; margin: 0 auto;
  display: flex; align-items: center; gap: 9px;
  background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.11);
  border-radius: 9px; padding: 8px 14px; cursor: pointer;
  transition: all var(--docs-e); border: 1px solid rgba(255,255,255,.11);
}
.docs-tb-search:hover { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.2); }
.docs-tb-search > svg { width: 14px; height: 14px; color: rgba(255,255,255,.38); flex-shrink: 0; }
.docs-tb-search > span { font-size: .83rem; color: rgba(255,255,255,.32); flex: 1; text-align: left; }
.docs-tb-kbd {
  font-size: .64rem; color: rgba(255,255,255,.22);
  background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1);
  border-radius: 4px; padding: 2px 6px; flex-shrink: 0;
}
.docs-tb-right { display: flex; align-items: center; gap: .5rem; margin-left: auto; flex-shrink: 0; }
.docs-tb-version { font-size: .72rem; color: rgba(255,255,255,.3); font-family: "Outfit",sans-serif; font-weight: 600; }
.docs-tb-btn {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: .78rem; color: rgba(255,255,255,.52);
  padding: 5px 11px; border-radius: 6px;
  border: 1px solid rgba(255,255,255,.1);
  transition: all var(--docs-e); white-space: nowrap; text-decoration: none;
}
.docs-tb-btn:hover { color: #fff; border-color: rgba(255,255,255,.25); }
.docs-tb-btn > svg { width: 11px; height: 11px; flex-shrink: 0; }
/* "Open app" primary variant */
.docs-tb-btn--app {
  background: var(--docs-blue);
  color: #fff !important;
  border-color: var(--docs-blue);
  font-weight: 600;
}
.docs-tb-btn--app:hover {
  background: #0265a8;
  border-color: #0265a8;
  color: #fff;
}
/* "Home" ghost variant */
.docs-tb-btn--home {
  color: rgba(255,255,255,.65) !important;
  border-color: rgba(255,255,255,.15);
  gap: 6px;
}
.docs-tb-btn--home:hover {
  color: #fff;
  border-color: rgba(255,255,255,.35);
  background: rgba(255,255,255,.08);
}
.docs-tb-btn--home > svg {
  width: 13px;
  height: 13px;
}
/* Separator between Home and version/app */
.docs-tb-right-sep {
  width: 1px;
  height: 18px;
  background: rgba(255,255,255,.12);
  flex-shrink: 0;
}

/* ════════════════════════════════════════════
   4. HERO
════════════════════════════════════════════ */
.docs-hero {
  background: linear-gradient(155deg,var(--docs-navy-d) 0%,var(--docs-navy) 55%,#014d85 100%);
  padding: clamp(3rem,6vw,5rem) clamp(1rem,5vw,2.5rem) clamp(4rem,7vw,6rem);
  position: relative;
  /* overflow:hidden removed — it clips the search dropdown */
}
.docs-hero::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(ellipse 70% 60% at 55% 0%,rgba(2,116,190,.22),transparent 65%);
}
.docs-hero-dots {
  position: absolute; inset: 0; pointer-events: none;
  background-image: radial-gradient(rgba(255,255,255,.045) 1px,transparent 1px);
  background-size: 28px 28px;
}
.docs-hero-inner {
  position: relative; z-index: 1; max-width: 1100px; margin: 0 auto;
  display: grid; grid-template-columns: 1fr 340px; gap: 4rem; align-items: center;
}
.docs-hero-badge {
  display: inline-flex; align-items: center; gap: 7px;
  font-family: "Outfit",sans-serif; font-size: .67rem; font-weight: 700;
  letter-spacing: .09em; text-transform: uppercase;
  color: rgba(255,255,255,.5); background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.11); padding: 4px 12px;
  border-radius: 100px; margin-bottom: 1.25rem;
}
.docs-hero-badge-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--docs-blue-l); flex-shrink: 0; }
.docs-hero-h1 {
  font-family: "Outfit",sans-serif; font-weight: 900;
  font-size: clamp(2.2rem,4vw,3.2rem); line-height: 1.06;
  letter-spacing: -.03em; color: #fff; margin-bottom: .9rem;
}
.docs-hero-h1 em { font-style: normal; color: #7dd3fc; }
.docs-hero-sub { font-size: 1rem; color: rgba(255,255,255,.5); line-height: 1.78; max-width: 480px; margin-bottom: 2rem; }
/* Search */
.docs-hero-search-wrap { position: relative; margin-bottom: 1.5rem; }
.docs-hero-search {
  display: flex; align-items: center; gap: 11px;
  background: rgba(255,255,255,.08); border: 1.5px solid rgba(255,255,255,.14);
  border-radius: 12px; padding: 13px 18px; transition: all var(--docs-e);
}
.docs-hero-search:focus-within {
  background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.32);
  box-shadow: 0 0 0 4px rgba(2,116,190,.28);
}
.docs-hero-search > svg { width: 17px; height: 17px; color: rgba(255,255,255,.35); flex-shrink: 0; }
.docs-hero-input {
  background: transparent; border: none; outline: none;
  font-family: "DM Sans",sans-serif; font-size: .97rem; color: #fff;
  flex: 1; caret-color: #7dd3fc; min-width: 0; width: 100%;
}
.docs-hero-input::placeholder { color: rgba(255,255,255,.3); }
.docs-hero-kbd {
  font-size: .68rem; color: rgba(255,255,255,.2);
  background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1);
  padding: 2px 7px; border-radius: 4px; white-space: nowrap; flex-shrink: 0;
}
.docs-search-drop {
  position: absolute; top: calc(100% + 8px); left: 0; right: 0;
  background: var(--docs-white); border: 1px solid var(--docs-line2);
  border-radius: 12px; box-shadow: 0 8px 40px rgba(2,63,104,.18),0 2px 8px rgba(2,63,104,.1);
  overflow: hidden; z-index: 9999; max-height: 400px; overflow-y: auto;
  /* Must be > topbar (200) and > any stacking context in hero */
}
/* Quick links */
.docs-hero-ql { display: flex; flex-wrap: wrap; gap: .4rem; }
.docs-ql-chip {
  font-size: .74rem; color: rgba(255,255,255,.75) !important; padding: 4px 12px;
  border-radius: 100px; background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.2); cursor: pointer;
  transition: all var(--docs-e); white-space: nowrap; text-decoration: none;
  font-weight: 500;
}
.docs-ql-chip:hover { color: #fff; background: rgba(255,255,255,.18); border-color: rgba(255,255,255,.38); }
/* Platform map */
.docs-platform-map {
  background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.1);
  border-radius: 14px; padding: 1.4rem; backdrop-filter: blur(8px);
}
.docs-pm-title {
  font-family: "Outfit",sans-serif; font-size: .65rem; font-weight: 700;
  letter-spacing: .09em; text-transform: uppercase; color: rgba(255,255,255,.38); margin-bottom: 1rem;
}
.docs-pm-section { margin-bottom: .85rem; }
.docs-pm-section:last-child { margin-bottom: 0; }
.docs-pm-section-label {
  font-family: "Outfit",sans-serif; font-size: .62rem; font-weight: 700;
  letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.28); margin-bottom: .4rem;
}
.docs-pm-items { display: flex; flex-wrap: wrap; gap: .3rem; }
.docs-pm-item {
  font-size: .72rem; color: rgba(255,255,255,.6);
  background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.09);
  padding: 3px 9px; border-radius: 100px;
}

/* ════════════════════════════════════════════
   5. GETTING STARTED STRIP
════════════════════════════════════════════ */
.docs-gs-strip { background: var(--docs-white); border-bottom: 1px solid var(--docs-line); }
.docs-gs-inner {
  max-width: 1100px; margin: 0 auto; padding: 0 clamp(1rem,5vw,2.5rem);
  display: flex; align-items: stretch;
}
.docs-gs-item {
  display: flex; align-items: center; gap: 1rem;
  flex: 1; padding: 1.4rem 1.75rem;
  border-right: 1px solid var(--docs-line);
  text-decoration: none; transition: background var(--docs-e); min-width: 0;
}
.docs-gs-item:last-child { border-right: none; }
.docs-gs-item:hover { background: var(--docs-b08); }
.docs-gs-icon { width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.docs-gs-icon > svg { width: 18px; height: 18px; }
.docs-gs-label { font-family: "Outfit",sans-serif; font-size: .67rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: var(--docs-ghost); margin-bottom: .18rem; display: block; }
.docs-gs-title { font-family: "Outfit",sans-serif; font-weight: 700; font-size: .88rem; color: var(--docs-navy); display: block; }
.docs-gs-time { font-size: .71rem; color: var(--docs-ghost); margin-top: .15rem; display: flex; align-items: center; gap: 3px; }
.docs-gs-time > svg { width: 10px; height: 10px; flex-shrink: 0; }

/* ════════════════════════════════════════════
   6. PAGE + SECTION HEADERS
════════════════════════════════════════════ */
.docs-page { padding: 3rem 0 5rem; }
.docs-page-inner { max-width: 1100px; margin: 0 auto; padding: 0 clamp(1rem,5vw,2.5rem); }
.docs-group { margin-bottom: .5rem; }
.docs-sec-hdr { margin-bottom: 1.5rem; }
.docs-sec-eyebrow { font-family: "Outfit",sans-serif; font-size: .62rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; color: var(--docs-blue); margin-bottom: .3rem; }
.docs-sec-title { font-family: "Outfit",sans-serif; font-weight: 800; font-size: 1.3rem; color: var(--docs-navy); letter-spacing: -.015em; }
.docs-sec-sub { font-size: .84rem; color: var(--docs-muted); margin-top: .25rem; }

/* ════════════════════════════════════════════
   7. DEPARTMENT CARDS
════════════════════════════════════════════ */
.docs-dept-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 1.25rem; margin-bottom: 2.5rem; }
.docs-dept-card {
  background: var(--docs-white); border: 1px solid var(--docs-line);
  border-radius: 16px; overflow: hidden; transition: all var(--docs-e);
  display: flex; flex-direction: column;
}
.docs-dept-card:hover { box-shadow: var(--docs-sh-md); }
/* Head */
.docs-dept-head {
  padding: 1.4rem 1.6rem 1.2rem; display: flex; align-items: flex-start;
  gap: 1.1rem; border-bottom: 1px solid var(--docs-line); position: relative;
}
.docs-dept-head-accent { position: absolute; top: 0; left: 0; right: 0; height: 3px; }
.docs-dept-head-icon { width: 42px; height: 42px; border-radius: 11px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 2px; }
.docs-dept-head-icon > svg { width: 20px; height: 20px; }
.docs-dept-head-text { flex: 1; min-width: 0; }
.docs-dept-head-title { font-family: "Outfit",sans-serif; font-weight: 800; font-size: 1.05rem; color: var(--docs-navy); margin-bottom: .25rem; }
.docs-dept-head-desc { font-size: .81rem; color: var(--docs-muted); line-height: 1.55; }
.docs-dept-head-count { font-family: "Outfit",sans-serif; font-size: .66rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--docs-ghost); margin-top: .4rem; }
/* Body */
.docs-dept-body { padding: .5rem 0 .25rem; flex: 1; }
.docs-dept-flat-links { padding: .25rem 0; }
.docs-dept-divider { height: 1px; background: var(--docs-line); margin: .4rem 1.6rem; }
/* Subsection toggle */
.docs-dept-sub-label {
  display: flex; align-items: center; gap: .65rem;
  padding: .55rem 1.6rem .35rem; cursor: pointer; user-select: none;
  border: none; background: none; width: 100%; text-align: left;
}
.docs-dept-sub-icon { width: 22px; height: 22px; border-radius: 6px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.docs-dept-sub-icon > svg { width: 11px; height: 11px; }
.docs-dept-sub-text { font-family: "Outfit",sans-serif; font-size: .74rem; font-weight: 700; color: var(--docs-navy); flex: 1; }
.docs-dept-sub-caret { width: 14px; height: 14px; color: var(--docs-ghost); transition: transform var(--docs-e); flex-shrink: 0; }
.docs-dept-subsection[data-open="true"] .docs-dept-sub-caret { transform: rotate(90deg); }
.docs-dept-sub-items { padding-bottom: .5rem; }
/* Links */
.docs-dept-link {
  display: flex; align-items: center; justify-content: space-between;
  padding: .5rem 1.6rem .5rem 3.35rem; font-size: .83rem;
  color: var(--docs-body); transition: all var(--docs-e); text-decoration: none;
}
.docs-dept-link:hover { background: var(--docs-b08); color: var(--docs-blue); }
.docs-dept-link-left { display: flex; align-items: center; gap: .55rem; flex: 1; min-width: 0; }
.docs-dept-link-dot { width: 4px; height: 4px; border-radius: 50%; background: var(--docs-ghost); flex-shrink: 0; }
.docs-dept-link:hover .docs-dept-link-dot { background: var(--docs-blue); }
.docs-dept-badge { font-size: .6rem; font-weight: 700; padding: 1px 6px; border-radius: 100px; font-family: "Outfit",sans-serif; letter-spacing: .04em; text-transform: uppercase; flex-shrink: 0; }
.docs-dept-badge--new { background: rgba(5,150,105,.1); color: var(--docs-green); border: 1px solid rgba(5,150,105,.2); }
.docs-dept-badge--upd { background: rgba(2,116,190,.1); color: var(--docs-blue); border: 1px solid rgba(2,116,190,.2); }
.docs-dept-link-arrow { width: 13px; height: 13px; color: var(--docs-ghost); flex-shrink: 0; transition: all var(--docs-e); }
.docs-dept-link:hover .docs-dept-link-arrow { color: var(--docs-blue); transform: translateX(2px); }
/* Foot */
.docs-dept-foot { border-top: 1px solid var(--docs-line); padding: .8rem 1.6rem; margin-top: auto; }
.docs-dept-foot-link { font-size: .77rem; font-weight: 600; color: var(--docs-blue); transition: opacity var(--docs-e); text-decoration: none; display: inline-block; }
.docs-dept-foot-link:hover { opacity: .72; }

/* ════════════════════════════════════════════
   8. POPULAR + UPDATES
════════════════════════════════════════════ */
.docs-bottom-row { display: grid; grid-template-columns: 3fr 2fr; gap: 1.25rem; margin-bottom: 2.5rem; }
.docs-panel { background: var(--docs-white); border: 1px solid var(--docs-line); border-radius: 14px; overflow: hidden; }
.docs-panel-head { padding: 1.1rem 1.5rem; border-bottom: 1px solid var(--docs-line); display: flex; align-items: center; gap: .65rem; }
.docs-panel-head > svg { width: 15px; height: 15px; color: var(--docs-blue); flex-shrink: 0; }
.docs-panel-title { font-family: "Outfit",sans-serif; font-weight: 700; font-size: .9rem; color: var(--docs-navy); flex: 1; }
/* Pop items */
.docs-pop-item {
  display: flex; align-items: center; gap: .9rem;
  padding: .8rem 1.5rem; border-bottom: 1px solid var(--docs-line);
  text-decoration: none; transition: background var(--docs-e);
}
.docs-pop-item:last-child { border-bottom: none; }
.docs-pop-item:hover { background: var(--docs-b08); }
/* ← THE FIX: size the arrow SVG directly — was rendering at 300×150 default */
.docs-pop-item > svg { width: 13px; height: 13px; color: var(--docs-ghost); flex-shrink: 0; }
.docs-pop-rank { font-family: "Outfit",sans-serif; font-weight: 800; font-size: .75rem; color: var(--docs-ghost); min-width: 18px; flex-shrink: 0; }
.docs-pop-ic { width: 28px; height: 28px; border-radius: 7px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.docs-pop-ic > svg { width: 13px; height: 13px; }
.docs-pop-info { flex: 1; min-width: 0; }
.docs-pop-title { font-size: .84rem; font-weight: 500; color: var(--docs-navy); display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.docs-pop-section { font-size: .7rem; color: var(--docs-ghost); display: block; }
/* Updates */
.docs-upd-item { display: flex; align-items: flex-start; gap: .9rem; padding: .9rem 1.5rem; border-bottom: 1px solid var(--docs-line); }
.docs-upd-item:last-child { border-bottom: none; }
.docs-upd-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; margin-top: 5px; }
.docs-upd-info { flex: 1; min-width: 0; }
.docs-upd-title { font-size: .82rem; font-weight: 500; color: var(--docs-navy); margin-bottom: .18rem; }
.docs-upd-meta { font-size: .7rem; color: var(--docs-ghost); }

/* ════════════════════════════════════════════
   9. HELP BANNER
════════════════════════════════════════════ */
.docs-help-banner {
  background: linear-gradient(135deg,var(--docs-navy-d),var(--docs-navy));
  border-radius: 16px; padding: 2.25rem 2.5rem;
  display: flex; align-items: center; justify-content: space-between;
  gap: 2rem; flex-wrap: wrap; position: relative; overflow: hidden;
}
.docs-help-banner::before { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse 55% 80% at 0% 50%,rgba(2,116,190,.3),transparent 55%); }
.docs-help-banner::after { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px); background-size: 22px 22px; }
.docs-help-banner > * { position: relative; z-index: 1; }
.docs-hb-title { font-family: "Outfit",sans-serif; font-weight: 800; font-size: 1.15rem; color: #fff; margin-bottom: .3rem; }
.docs-hb-sub { font-size: .84rem; color: rgba(255,255,255,.48); }
.docs-hb-acts { display: flex; gap: .75rem; flex-wrap: wrap; }
.docs-hb-btn {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: "DM Sans",sans-serif; font-weight: 600; font-size: .82rem;
  padding: 10px 20px; border-radius: 9px; transition: all var(--docs-e);
  white-space: nowrap; text-decoration: none;
}
.docs-hb-btn > svg { width: 13px; height: 13px; flex-shrink: 0; }
.docs-hb-btn--solid { background: #fff !important; color: #023f68 !important; border: 1.5px solid #fff; }
.docs-hb-btn--solid:hover { background: #e8f0f8 !important; transform: translateY(-1px); }
.docs-hb-btn--outline { background: transparent !important; color: rgba(255,255,255,.8) !important; border: 1.5px solid rgba(255,255,255,.35); }
.docs-hb-btn--outline:hover { border-color: rgba(255,255,255,.65) !important; color: #fff !important; }

/* ════════════════════════════════════════════
   10. SEARCH MODAL
════════════════════════════════════════════ */
.docs-overlay {
  position: fixed; inset: 0; background: rgba(1,13,25,.6);
  backdrop-filter: blur(5px); z-index: 600;
  align-items: flex-start; justify-content: center; padding-top: 90px;
}
.docs-overlay[hidden] { display: none !important; }
.docs-overlay:not([hidden]) { display: flex; }
.docs-modal { background: var(--docs-white); border-radius: 16px; width: min(580px,95vw); box-shadow: 0 24px 70px rgba(0,0,0,.28); overflow: hidden; }
.docs-modal-top { display: flex; align-items: center; gap: 10px; padding: 14px 18px; border-bottom: 1px solid var(--docs-line); }
.docs-modal-top > svg { width: 16px; height: 16px; color: var(--docs-muted); flex-shrink: 0; }
.docs-modal-input { flex: 1; border: none; outline: none; font-family: "DM Sans",sans-serif; font-size: .97rem; color: var(--docs-text); background: transparent; min-width: 0; }
.docs-modal-input::placeholder { color: var(--docs-ghost); }
.docs-modal-esc { font-size: .7rem; color: var(--docs-ghost); background: var(--docs-off2); border: 1px solid var(--docs-line2); padding: 2px 7px; border-radius: 4px; cursor: pointer; flex-shrink: 0; }
.docs-modal-results { max-height: 420px; overflow-y: auto; }
.docs-modal-foot { padding: .6rem 1.1rem; border-top: 1px solid var(--docs-line); display: flex; gap: 1.25rem; flex-wrap: wrap; }
.docs-mf-hint { display: flex; align-items: center; gap: .35rem; font-size: .69rem; color: var(--docs-ghost); }
.docs-mf-key { background: var(--docs-off2); border: 1px solid var(--docs-line2); border-radius: 4px; padding: 1px 6px; font-size: .63rem; }
/* Search result UI */
.docs-sd-group { padding: .5rem 0; }
.docs-sd-grp-label { font-family: "Outfit",sans-serif; font-size: .61rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--docs-ghost); padding: .35rem 1rem .3rem; display: block; }
.docs-sd-item { display: flex; align-items: center; gap: .85rem; padding: .6rem 1rem; cursor: pointer; transition: background var(--docs-e); }
.docs-sd-item:hover { background: var(--docs-b08); }
.docs-sd-ic { width: 26px; height: 26px; border-radius: 6px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.docs-sd-ic > svg { width: 12px; height: 12px; }
.docs-sd-title { font-family: "Outfit",sans-serif; font-size: .82rem; font-weight: 600; color: var(--docs-navy); display: block; }
.docs-sd-path { font-size: .7rem; color: var(--docs-ghost); display: block; }
.docs-sd-empty { padding: 1.75rem; text-align: center; font-size: .84rem; color: var(--docs-ghost); }

/* ════════════════════════════════════════════
   11. FOOTER
════════════════════════════════════════════ */
.docs-footer {
  background: #fbfdff;
  border-top: 1px solid rgba(2,63,104,.09);
  padding: 1.5rem clamp(1rem,5vw,2.5rem);
  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .75rem;
  font-family: "DM Sans", sans-serif;
}
.docs-footer-copy { font-size: .74rem; color: #a0b8c8; }
.docs-footer-copy a { color: #6b8699; transition: color .22s ease; text-decoration: none; }
.docs-footer-copy a:hover { color: #0274be; }
.docs-footer-links { display: flex; gap: 1.25rem; }
.docs-footer-links a { font-size: .74rem; color: #a0b8c8; transition: color .22s ease; text-decoration: none; }
.docs-footer-links a:hover { color: #023f68; }

/* ════════════════════════════════════════════
   12. RESPONSIVE
════════════════════════════════════════════ */
@media (max-width: 1000px) {
  .docs-hero-inner { grid-template-columns: 1fr; gap: 2.5rem; }
  .docs-hero-right { display: none; }
  .docs-dept-grid { grid-template-columns: 1fr; }
  .docs-bottom-row { grid-template-columns: 1fr; }
  .docs-gs-inner { flex-wrap: wrap; }
  .docs-gs-item { flex: calc(50% - 1px); border-right: none; border-bottom: 1px solid var(--docs-line); }
  .docs-gs-item:last-child { border-bottom: none; }
}
@media (max-width: 680px) {
  .docs-hero { padding: 2.5rem 1rem 3.5rem; }
  .docs-tb-btn,
  .docs-tb-sep,
  .docs-tb-right-sep,
  .docs-tb-btn--home,
  .docs-tb-version { display: none; }
  .docs-gs-item { flex: 100%; }
  .docs-help-banner { padding: 1.5rem; }
  .docs-hb-acts { flex-direction: column; }
  .docs-dept-link { padding-left: 2.5rem; }
}
@media (max-width: 460px) {
  .docs-hero-h1 { font-size: 1.9rem; }
  .docs-dept-grid,
  .docs-bottom-row { grid-template-columns: 1fr; }
}

/* ════════════════════════════════════════════
   13. ARTICLE PAGE — SHELL & LEFT NAV
════════════════════════════════════════════ */

/* Shell wraps left-nav + main content */
.docs-shell {
  display: flex;
  padding-top: 58px; /* var(--docs-bar-h) */
  min-height: 100vh;
}

/* ── Left nav ── */
.docs-l-nav {
  width: 252px;
  flex-shrink: 0;
  position: fixed;
  top: 58px;
  left: 0;
  bottom: 0;
  background: #0274be;
  overflow-y: auto;
  padding: 1rem 0 3rem;
  z-index: 200;
  transition: transform .3s ease;
}
.docs-l-nav::-webkit-scrollbar { width: 3px; }
.docs-l-nav::-webkit-scrollbar-thumb { background: rgba(255,255,255,.2); }

/* Nav group label */
.docs-ng-label {
  font-family: "Outfit", sans-serif;
  font-size: .59rem; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase;
  color: rgba(255,255,255,.4);
  padding: .2rem 1.1rem .35rem;
  margin-top: 1.1rem;
  display: flex; align-items: center; justify-content: space-between;
  cursor: pointer; user-select: none;
}
.docs-ng-label:first-child { margin-top: 0; }
.docs-ng-label > svg { width: 9px; height: 9px; transition: transform var(--docs-e); flex-shrink: 0; }
.docs-ng-group.collapsed .docs-ng-label > svg { transform: rotate(-90deg); }
.docs-ng-body { overflow: hidden; transition: max-height .28s ease; }
.docs-ng-group.collapsed .docs-ng-body { max-height: 0; overflow: hidden; }

/* Nav item */
.docs-ni {
  display: flex; align-items: center; gap: .7rem;
  padding: .52rem 1.1rem;
  font-size: .83rem; font-weight: 500 !important;
  color: rgba(255,255,255,.7) !important;
  cursor: pointer; transition: all var(--docs-e);
  position: relative; text-decoration: none;
}
.docs-ni:hover { color: #fff; background: rgba(255,255,255,.1); }
.docs-ni.active {
  color: #fff;
  background: rgba(255,255,255,.18);
  font-weight: 600;
}
.docs-ni.active::before {
  content: "";
  position: absolute; left: 0; top: 40%; bottom: 5px;
  width: 3px; background: #fff;
  border-radius: 0 3px 3px 0;
}
.docs-ni > svg { width: 15px; height: 15px; flex-shrink: 0; opacity: .75; }
.docs-ni.active > svg,
.docs-ni:hover > svg { opacity: 1; }
.docs-ni-badge {
  font-size: .58rem; font-weight: 700;
  padding: 1px 6px; border-radius: 100px;
  background: rgba(255,255,255,.15);
  color: rgba(255,255,255,.7);
  margin-left: auto; flex-shrink: 0;
  font-family: "Outfit", sans-serif;
}

/* Parent nav item (has sub-menu caret) */
.docs-np > svg.docs-caret {
  margin-left: auto; width: 11px; height: 11px;
  transition: transform var(--docs-e);
  flex-shrink: 0; opacity: .5;
}
.docs-np.open > svg.docs-caret { transform: rotate(90deg); }

/* Sub-menu items */
.docs-ns { overflow: hidden; transition: max-height .25s ease; }
.docs-ns .docs-ni { padding-left: 2.65rem; font-size: .79rem; }
.docs-ns .docs-ni.active::before { left: 30px; }

/* ── Main area ── */
.docs-main {
  margin-left: 252px;
  flex: 1;
  display: flex;
  min-width: 0;
}

/* ── Article ── */
.docs-art {
  flex: 1;
  min-width: 0;
  padding: 2.5rem 2.75rem 5rem;
  max-width: 1200px;
}

/* ════════════════════════════════════════════
   14. ARTICLE — BREADCRUMB
════════════════════════════════════════════ */
.docs-bc {
  display: flex; align-items: center; gap: .4rem;
  font-size: .75rem; color: var(--docs-ghost);
  flex-wrap: wrap; margin-bottom: 1.75rem;
}
.docs-bc a { color: var(--docs-muted); transition: color var(--docs-e); }
.docs-bc a:hover { color: var(--docs-blue); }
.docs-bc-cur { color: var(--docs-navy); font-weight: 500; }
.docs-bc-sep { color: var(--docs-ghost); }

/* ════════════════════════════════════════════
   15. ARTICLE — HEADER
════════════════════════════════════════════ */
.docs-art-head {
  margin-bottom: 2rem;
  padding-bottom: 1.75rem;
  border-bottom: 1px solid var(--docs-line);
}
.docs-art-tags { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; margin-bottom: .85rem; }
.docs-tag {
  font-family: "Outfit", sans-serif;
  font-size: .6rem; font-weight: 700;
  letter-spacing: .08em; text-transform: uppercase;
  padding: 3px 9px; border-radius: 100px;
}
.docs-tag-blue  { color: var(--docs-blue);  background: var(--docs-b08);                border: 1px solid var(--docs-b15); }
.docs-tag-green { color: var(--docs-green); background: rgba(5,150,105,.08);             border: 1px solid rgba(5,150,105,.18); }
.docs-tag-amber { color: var(--docs-amber); background: rgba(217,119,6,.07);             border: 1px solid rgba(217,119,6,.18); }
.docs-tag-navy  { color: var(--docs-navy);  background: rgba(2,63,104,.07);              border: 1px solid var(--docs-line2); }
.docs-tag-red   { color: var(--docs-red);   background: rgba(220,38,38,.07);             border: 1px solid rgba(220,38,38,.18); }

.docs-art-h1 {
  font-family: "Outfit", sans-serif; font-weight: 900;
  font-size: clamp(1.7rem, 2.8vw, 2.15rem);
  line-height: 1.1; letter-spacing: -.022em;
  color: var(--docs-navy); margin-bottom: .85rem;
}
.docs-art-intro {
  font-size: .97rem; color: var(--docs-body);
  line-height: 1.82; max-width: 640px; margin-bottom: 1.25rem;
}
.docs-art-meta { display: flex; align-items: center; gap: 1.25rem; flex-wrap: wrap; }
.docs-am { display: flex; align-items: center; gap: .4rem; font-size: .74rem; color: var(--docs-ghost); }
.docs-am > svg { width: 12px; height: 12px; flex-shrink: 0; }
.docs-am-updated {
  background: rgba(5,150,105,.08); color: var(--docs-green);
  border: 1px solid rgba(5,150,105,.18);
  font-size: .65rem; font-weight: 700;
  padding: 2px 9px; border-radius: 100px;
  font-family: "Outfit", sans-serif; letter-spacing: .04em;
}

/* ════════════════════════════════════════════
   16. ARTICLE — STEPS PROGRESS BAR
════════════════════════════════════════════ */
.docs-art-progress {
  background: var(--docs-off); border: 1px solid var(--docs-line);
  border-radius: 12px; padding: 1.1rem 1.4rem;
  margin-bottom: 2.25rem;
  display: flex; align-items: center; gap: .75rem; flex-wrap: wrap;
}
.docs-ap-label {
  font-family: "Outfit", sans-serif; font-size: .67rem; font-weight: 700;
  letter-spacing: .07em; text-transform: uppercase; color: var(--docs-ghost); flex-shrink: 0;
}
.docs-ap-steps { display: flex; gap: .35rem; flex: 1; flex-wrap: wrap; }
.docs-ap-step {
  display: flex; align-items: center; gap: .3rem;
  font-size: .72rem; color: var(--docs-muted); font-weight: 500;
  padding: 3px 9px; border-radius: 100px;
  background: var(--docs-white); border: 1px solid var(--docs-line);
  transition: all var(--docs-e); cursor: pointer; white-space: nowrap;
}
.docs-ap-step:hover { border-color: var(--docs-b15); color: var(--docs-blue); }
.docs-ap-num {
  font-family: "Outfit", sans-serif; font-weight: 700;
  font-size: .64rem; color: var(--docs-ghost);
}

/* ════════════════════════════════════════════
   17. ARTICLE — PROSE
════════════════════════════════════════════ */
.docs-prose {}
.docs-prose h2 {
  font-family: "Outfit", sans-serif; font-weight: 800; font-size: 1.3rem;
  color: var(--docs-navy); margin: 2.75rem 0 .85rem;
  letter-spacing: -.015em; line-height: 1.2;
  scroll-margin-top: 90px;
}
.docs-prose h2:first-child { margin-top: 0; }
.docs-prose h3 {
  font-family: "Outfit", sans-serif; font-weight: 700; font-size: .97rem;
  color: var(--docs-navy); margin: 1.6rem 0 .5rem;
  scroll-margin-top: 90px;
}
.docs-prose p { font-size: .95rem; color: var(--docs-body); line-height: 1.88; margin-bottom: 1rem; }
.docs-prose strong { color: var(--docs-navy); font-weight: 600; }
.docs-prose a { color: var(--docs-blue); font-weight: 500; }
.docs-prose a:hover { opacity: .75; }
.docs-prose ul { display: flex; flex-direction: column; gap: .45rem; margin: .2rem 0 1.25rem; }
.docs-prose ul li {
  display: flex; align-items: flex-start; gap: .7rem;
  font-size: .93rem; color: var(--docs-body); line-height: 1.72;
}
.docs-prose ul li::before {
  content: ""; width: 6px; height: 6px; border-radius: 50%;
  background: var(--docs-blue); flex-shrink: 0; margin-top: .57rem;
}
.docs-prose code {
  font-family: ui-monospace, "SFMono-Regular", monospace; font-size: .82rem;
  background: var(--docs-off2); border: 1px solid var(--docs-line2);
  padding: 1px 5px; border-radius: 4px; color: var(--docs-navy);
}

/* ════════════════════════════════════════════
   18. ARTICLE — STEP SECTIONS
════════════════════════════════════════════ */
.docs-step-section { margin: 2.5rem 0 0; }
.docs-step-section-head {
  display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem;
}
.docs-step-num {
  width: 38px; height: 38px; border-radius: 50%;
  background: var(--docs-navy); color: #fff;
  font-family: "Outfit", sans-serif; font-weight: 800; font-size: .85rem;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; box-shadow: 0 3px 10px rgba(2,63,104,.25);
}
.docs-step-num.done {
  background: var(--docs-green);
  box-shadow: 0 3px 10px rgba(5,150,105,.25);
}
.docs-step-num.done > svg { width: 15px; height: 15px; stroke: #fff; stroke-width: 3; }
.docs-step-section-title {
  font-family: "Outfit", sans-serif; font-weight: 800; font-size: 1.15rem;
  color: var(--docs-navy); letter-spacing: -.012em;
}
.docs-step-section-time {
  font-size: .72rem; color: var(--docs-ghost);
  display: flex; align-items: center; gap: 3px; margin-top: .2rem;
}
.docs-step-section-time > svg { width: 10px; height: 10px; }

/* Step timeline */
.docs-step-list {
  display: flex; flex-direction: column; gap: 0;
  margin-left: 19px; padding-left: 1.6rem;
  border-left: 2px solid var(--docs-line2);
}
.docs-step-item { padding: .75rem 0 1.4rem; position: relative; }
.docs-step-item::before {
  content: ""; position: absolute;
  left: -1.77rem; top: .85rem;
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--docs-blue);
  border: 2px solid var(--docs-white);
  box-shadow: 0 0 0 2px var(--docs-blue);
}
.docs-step-item:last-child { padding-bottom: .5rem; }
.docs-step-item-title {
  font-family: "Outfit", sans-serif; font-weight: 700;
  font-size: .9rem; color: var(--docs-navy); margin-bottom: .45rem;
}
.docs-step-item-body { font-size: .88rem; color: var(--docs-body); line-height: 1.78; }
.docs-step-item-body p { margin-bottom: .5rem; }
.docs-step-item-body p:last-child { margin-bottom: 0; }
.docs-step-item-body ul { margin: .5rem 0 .75rem; }

/* ════════════════════════════════════════════
   19. ARTICLE — UI PATH (click trail)
════════════════════════════════════════════ */
.docs-ui-path {
  display: inline-flex; align-items: center; gap: .35rem; flex-wrap: wrap;
  background: var(--docs-off); border: 1px solid var(--docs-line2);
  border-radius: 7px; padding: 5px 11px; margin: .6rem 0;
  font-size: .77rem;
}
.docs-ui-path-label {
  font-family: "Outfit", sans-serif; font-size: .62rem; font-weight: 700;
  letter-spacing: .07em; text-transform: uppercase;
  color: var(--docs-ghost); margin-right: .25rem;
}
.docs-ui-path > span { color: var(--docs-muted); }
.docs-ui-path > strong {
  color: var(--docs-navy); font-weight: 600;
  background: var(--docs-white); border: 1px solid var(--docs-line);
  border-radius: 4px; padding: 1px 6px; font-size: .74rem;
}
.docs-ui-path > svg { width: 9px; height: 9px; color: var(--docs-ghost); flex-shrink: 0; }

/* ════════════════════════════════════════════
   20. ARTICLE — SCREENSHOT PLACEHOLDER
════════════════════════════════════════════ */
.docs-screenshot {
  background: var(--docs-off); border: 1px solid var(--docs-line);
  border-radius: 10px; padding: 2.5rem 1.5rem; text-align: center;
  margin: .85rem 0;
  display: flex; flex-direction: column; align-items: center; gap: .65rem;
}
.docs-screenshot > svg { width: 30px; height: 30px; color: var(--docs-ghost); }
.docs-screenshot-label {
  font-family: "Outfit", sans-serif; font-size: .6rem; font-weight: 700;
  letter-spacing: .08em; text-transform: uppercase; color: var(--docs-ghost);
  background: var(--docs-off2); border: 1px solid var(--docs-line);
  padding: 2px 8px; border-radius: 100px;
}
.docs-screenshot > p { font-size: .76rem; color: var(--docs-ghost); font-style: italic; }

/* ════════════════════════════════════════════
   21. ARTICLE — CALLOUT BLOCKS
════════════════════════════════════════════ */
.docs-callout {
  display: flex; align-items: flex-start; gap: .9rem;
  border-radius: 10px; padding: 1rem 1.25rem;
  margin: 1.4rem 0; border: 1px solid;
}
.docs-callout-icon {
  width: 24px; height: 24px; border-radius: 6px;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; margin-top: 1px;
}
.docs-callout-icon > svg { width: 12px; height: 12px; stroke: #fff; stroke-width: 2.5; }
.docs-callout-body { flex: 1; }
.docs-callout-body > p { font-size: .87rem; line-height: 1.72; margin: 0; }
.docs-callout-body > strong { font-weight: 600; }
.docs-callout-label {
  font-family: "Outfit", sans-serif;
  font-size: .62rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
  margin-bottom: .35rem; display: block;
}
/* Tip */
.docs-callout.tip  { background: var(--docs-b08); border-color: var(--docs-b15); }
.docs-callout.tip  .docs-callout-icon { background: var(--docs-blue); }
.docs-callout.tip  .docs-callout-label { color: var(--docs-blue); }
.docs-callout.tip  .docs-callout-body > p { color: var(--docs-navy); }
/* Note */
.docs-callout.note { background: rgba(217,119,6,.06); border-color: rgba(217,119,6,.2); }
.docs-callout.note .docs-callout-icon { background: var(--docs-amber); }
.docs-callout.note .docs-callout-label { color: var(--docs-amber); }
.docs-callout.note .docs-callout-body > p { color: #78350f; }
/* Success */
.docs-callout.success { background: rgba(5,150,105,.06); border-color: rgba(5,150,105,.18); }
.docs-callout.success .docs-callout-icon { background: var(--docs-green); }
.docs-callout.success .docs-callout-label { color: var(--docs-green); }
.docs-callout.success .docs-callout-body > p { color: #065f46; }
/* Warning */
.docs-callout.warn { background: rgba(220,38,38,.05); border-color: rgba(220,38,38,.18); }
.docs-callout.warn .docs-callout-icon { background: var(--docs-red); }
.docs-callout.warn .docs-callout-label { color: var(--docs-red); }
.docs-callout.warn .docs-callout-body > p { color: #7f1d1d; }

/* ════════════════════════════════════════════
   22. ARTICLE — FIELD REFERENCE TABLE
════════════════════════════════════════════ */
.docs-field-table-wrap {
  overflow-x: auto; margin: 1rem 0;
  border-radius: 10px; border: 1px solid var(--docs-line);
}
.docs-field-table { width: 100%; border-collapse: collapse; font-size: .84rem; }
.docs-field-table th {
  text-align: left; padding: .65rem 1rem;
  font-family: "Outfit", sans-serif; font-size: .65rem; font-weight: 700;
  letter-spacing: .05em; text-transform: uppercase;
  color: var(--docs-ghost); border-bottom: 1px solid var(--docs-line2);
  background: var(--docs-off); white-space: nowrap;
}
.docs-field-table td {
  padding: .65rem 1rem; border-bottom: 1px solid var(--docs-line);
  vertical-align: top; line-height: 1.55; color: var(--docs-body);
}
.docs-field-table tr:last-child td { border-bottom: none; }
.docs-fd-name { font-weight: 600; color: var(--docs-navy); white-space: nowrap; }
.docs-fd-req {
  font-size: .65rem; font-weight: 700; font-family: "Outfit", sans-serif;
  color: var(--docs-red); background: rgba(220,38,38,.08);
  padding: 1px 6px; border-radius: 100px; border: 1px solid rgba(220,38,38,.15);
}
.docs-fd-opt {
  font-size: .65rem; font-weight: 700; font-family: "Outfit", sans-serif;
  color: var(--docs-ghost); background: var(--docs-off2);
  padding: 1px 6px; border-radius: 100px; border: 1px solid var(--docs-line);
}

/* ════════════════════════════════════════════
   23. ARTICLE — "WHAT'S NEXT" CARDS
════════════════════════════════════════════ */
.docs-next-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .85rem; margin: 1.5rem 0; }
.docs-next-card {
  display: flex; align-items: flex-start; gap: .85rem;
  background: var(--docs-white); border: 1px solid var(--docs-line);
  border-radius: 12px; padding: 1.1rem 1.2rem;
  transition: all var(--docs-e); text-decoration: none;
}
.docs-next-card:hover { border-color: var(--docs-b15); box-shadow: var(--docs-sh); transform: translateY(-1px); }
.docs-next-icon {
  width: 34px; height: 34px; border-radius: 9px;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.docs-next-icon > svg { width: 15px; height: 15px; }
.docs-next-title { font-family: "Outfit", sans-serif; font-weight: 700; font-size: .84rem; color: var(--docs-navy); margin-bottom: .22rem; }
.docs-next-desc { font-size: .76rem; color: var(--docs-muted); line-height: 1.55; }
.docs-next-time { font-size: .68rem; color: var(--docs-ghost); margin-top: .35rem; display: flex; align-items: center; gap: 3px; }
.docs-next-time > svg { width: 9px; height: 9px; }

/* ════════════════════════════════════════════
   24. ARTICLE — PREV / NEXT NAVIGATION
════════════════════════════════════════════ */
.docs-page-nav {
  display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;
  margin-top: 3rem; padding-top: 1.75rem; border-top: 1px solid var(--docs-line);
}
.docs-pn {
  display: flex; align-items: center; gap: .85rem;
  background: var(--docs-white); border: 1px solid var(--docs-line);
  border-radius: 12px; padding: 1.1rem 1.25rem;
  transition: all var(--docs-e); text-decoration: none;
}
.docs-pn:hover { border-color: var(--docs-b15); box-shadow: var(--docs-sh); }
.docs-pn.next { flex-direction: row-reverse; text-align: right; }
.docs-pn-arr {
  width: 32px; height: 32px; border-radius: 8px;
  background: var(--docs-b08);
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.docs-pn-arr > svg { width: 14px; height: 14px; color: var(--docs-blue); }
.docs-pn-lbl {
  font-family: "Outfit", sans-serif; font-size: .65rem; font-weight: 700;
  letter-spacing: .07em; text-transform: uppercase;
  color: var(--docs-ghost); margin-bottom: .22rem;
}
.docs-pn-title { font-family: "Outfit", sans-serif; font-weight: 700; font-size: .86rem; color: var(--docs-navy); }

/* ════════════════════════════════════════════
   25. ARTICLE — FEEDBACK
════════════════════════════════════════════ */
.docs-feedback {
  background: var(--docs-off); border: 1px solid var(--docs-line);
  border-radius: 14px; padding: 1.75rem;
  margin-top: 2rem; text-align: center;
}
.docs-fb-title { font-family: "Outfit", sans-serif; font-weight: 700; font-size: .95rem; color: var(--docs-navy); margin-bottom: .3rem; }
.docs-fb-sub { font-size: .82rem; color: var(--docs-muted); margin-bottom: 1.25rem; }
.docs-fb-btns { display: flex; justify-content: center; gap: .75rem; }
.docs-fb-btn {
  display: inline-flex; align-items: center; gap: .45rem;
  font-size: .83rem; padding: 9px 20px;
  border-radius: 9px; border: 1.5px solid var(--docs-line2);
  background: var(--docs-white); cursor: pointer;
  font-family: "DM Sans", sans-serif; font-weight: 500;
  color: var(--docs-muted); transition: all var(--docs-e);
}
.docs-fb-btn.yes:hover, .docs-fb-btn.yes.sel { border-color: var(--docs-green); color: var(--docs-green); background: rgba(5,150,105,.06); }
.docs-fb-btn.no:hover,  .docs-fb-btn.no.sel  { border-color: var(--docs-red);   color: var(--docs-red);   background: rgba(220,38,38,.05); }
.docs-fb-thanks { font-size: .85rem; color: var(--docs-green); font-weight: 600; display: none; padding: .5rem 0; }

/* ════════════════════════════════════════════
   26. ARTICLE — RIGHT TOC
════════════════════════════════════════════ */
.docs-r-toc {
  width: 216px; flex-shrink: 0;
  position: sticky; top: 74px; /* 58px bar + 16px gap */
  max-height: calc(100vh - 90px);
  overflow-y: auto; padding: 0 1.75rem 0 0;
  align-self: flex-start;
}
.docs-r-toc::-webkit-scrollbar { width: 3px; }
.docs-rtoc-title {
  font-family: "Outfit", sans-serif; font-size: .64rem; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase;
  color: var(--docs-ghost); margin-bottom: .6rem;
}
.docs-rtoc-list { display: flex; flex-direction: column; gap: 1px; }
.docs-rtoc-a {
  font-size: .78rem; color: var(--docs-muted);
  padding: 4px 0 4px 11px;
  border-left: 2px solid var(--docs-line);
  display: block; transition: all var(--docs-e); line-height: 1.4;
  text-decoration: none;
}
.docs-rtoc-a.h3 { padding-left: 1.4rem; font-size: .73rem; color: var(--docs-ghost); }
.docs-rtoc-a:hover { color: var(--docs-blue); border-color: var(--docs-ghost); }
.docs-rtoc-a.active { color: var(--docs-blue); border-color: var(--docs-blue); font-weight: 600; }
.docs-rtoc-a.h3.active { color: var(--docs-blue); font-weight: 500; }
.docs-rtoc-div { height: 1px; background: var(--docs-line); margin: .9rem 0; }
/* TOC inline feedback */
.docs-rtoc-fb-title { font-family: "Outfit", sans-serif; font-size: .7rem; font-weight: 700; color: var(--docs-navy); margin-bottom: .55rem; }
.docs-rtoc-fb-btns { display: flex; gap: .45rem; }
.docs-rtoc-fb-btn {
  flex: 1; display: flex; align-items: center; justify-content: center; gap: .3rem;
  font-size: .73rem; padding: 6px; border-radius: 7px;
  border: 1.5px solid var(--docs-line2); background: var(--docs-white);
  cursor: pointer; transition: all var(--docs-e);
  font-family: "DM Sans", sans-serif; color: var(--docs-muted);
}
.docs-rtoc-fb-btn.yes.sel { border-color: var(--docs-green); color: var(--docs-green); background: rgba(5,150,105,.07); }
.docs-rtoc-fb-btn.no.sel  { border-color: var(--docs-red);   color: var(--docs-red);   background: rgba(220,38,38,.05); }
.docs-rtoc-fb-thanks { font-size: .73rem; color: var(--docs-green); display: none; text-align: center; padding: .4rem 0; font-weight: 600; }

/* ════════════════════════════════════════════
   27. ARTICLE PAGE RESPONSIVE
════════════════════════════════════════════ */
@media (max-width: 1100px) {
  .docs-r-toc { width: 188px; }
}
@media (max-width: 960px) {
  .docs-r-toc { display: none; }
  .docs-art { max-width: 100%; padding: 2rem 2rem 4rem; }
}
@media (max-width: 720px) {
  .docs-l-nav { transform: translateX(-100%); }
  .docs-l-nav.open { transform: translateX(0); box-shadow: 4px 0 24px rgba(2,63,104,.18); }
  .docs-main { margin-left: 0; }
  .docs-art { padding: 1.5rem 1.25rem 3rem; }
  .docs-page-nav { grid-template-columns: 1fr; }
  .docs-next-grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .docs-art-h1 { font-size: 1.55rem; }
  .docs-art { padding: 1.25rem 1rem 2.5rem; }
  .docs-step-list { margin-left: 13px; padding-left: 1.2rem; }
}

/* ── Legacy flat sub-section label (kept for non-collapsible flat groups) ── */
.docs-ns-sublabel {
  font-family: "Outfit", sans-serif;
  font-size: .58rem; font-weight: 700;
  letter-spacing: .08em; text-transform: uppercase;
  color: rgba(255,255,255,.3);
  padding: .55rem 1.1rem .15rem 2.65rem;
  margin-top: .25rem;
}

/* ══════════════════════════════════════════════
   COLLAPSIBLE SUB-GROUP (Works Orders, Work Instructions…)
   Three-level hierarchy: Group > Section > Sub-group > Link
══════════════════════════════════════════════ */

/* Sub-group toggle header */
.docs-ns-sub-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .45rem 1.1rem .45rem 2.4rem;
  font-family: "Outfit", sans-serif;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .03em;
  color: rgba(255,255,255,.45);
  cursor: pointer;
  user-select: none;
  border-radius: 0;
  transition: color .2s, background .2s;
  margin-top: .2rem;
}
.docs-ns-sub-header:hover {
  color: rgba(255,255,255,.75);
  background: rgba(255,255,255,.05);
}
.docs-ns-sub-header.open {
  color: rgba(255,255,255,.85);
}

/* Caret arrow inside sub-header */
.docs-sub-caret {
  width: 11px; height: 11px;
  flex-shrink: 0;
  opacity: .4;
  transition: transform .22s ease, opacity .2s;
}
.docs-ns-sub-header:hover .docs-sub-caret { opacity: .65; }
.docs-ns-sub-header.open  .docs-sub-caret {
  transform: rotate(90deg);
  opacity: .8;
}

/* Sub-group collapsible body */
.docs-ns-sub-body {
  overflow: hidden;
  transition: max-height .25s ease;
}

/* Links inside a sub-group — extra indent */
.docs-ns-sub-body .docs-ni {
  padding-left: 3.1rem;
}

/* dot connector on sub-nav items */
.docs-ns .docs-ni::before,
.docs-ns-sub-body .docs-ni::before {
  content: "";
  width: 4px; height: 4px; border-radius: 50%;
  background: rgba(255,255,255,.35);
  flex-shrink: 0;
}
.docs-ns .docs-ni.active::before,
.docs-ns-sub-body .docs-ni.active::before { background: #fff; }
.docs-ns .docs-ni > svg,
.docs-ns-sub-body .docs-ni > svg { display: none; }

/* Flat links directly under a section (Issues, Job Costing) */
.docs-ns-flat .docs-ni {
  padding-left: 2.65rem;
}

/* ════════════════════════════════════════════
   28. ARTICLE CONTENT — SECTION DIVIDER
       Large numbered section break used in
       multi-section guides like Quick Start
════════════════════════════════════════════ */
.docs-sec-divider {
  display: flex; align-items: center; gap: 1rem;
  margin: 3rem 0 2rem;
  padding-top: 1.25rem;
  border-top: 2px solid var(--docs-line);
}
.docs-sec-divider:first-child { margin-top: 0; border-top: none; }
.docs-sec-divider-num {
  width: 44px; height: 44px; border-radius: 50%; flex-shrink: 0;
  background: linear-gradient(145deg, var(--docs-navy-d), var(--docs-navy));
  color: #fff; font-family: "Outfit", sans-serif; font-weight: 900; font-size: .9rem;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 4px 14px rgba(2,63,104,.28);
}
.docs-sec-divider-label {
  font-family: "Outfit", sans-serif; font-size: .62rem; font-weight: 700;
  letter-spacing: .09em; text-transform: uppercase; color: var(--docs-blue); margin-bottom: .18rem;
}
.docs-sec-divider-title {
  font-family: "Outfit", sans-serif; font-weight: 800; font-size: 1.35rem;
  color: var(--docs-navy); letter-spacing: -.018em; line-height: 1.15;
  margin: 0; padding: 0; /* reset h2 browser defaults */
  scroll-margin-top: 80px;
}
.docs-sec-divider-time {
  font-size: .72rem; color: var(--docs-ghost); display: flex; align-items: center;
  gap: 3px; margin-top: .2rem;
}
.docs-sec-divider-time > svg { width: 10px; height: 10px; }

/* ════════════════════════════════════════════
   29. ARTICLE CONTENT — PLAN CARDS
       Used in subscription / pricing comparisons
════════════════════════════════════════════ */
.docs-plan-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: .85rem; margin: 1.25rem 0; }
.docs-plan-card {
  background: var(--docs-white); border: 1px solid var(--docs-line);
  border-radius: 12px; padding: 1.2rem 1.25rem;
  position: relative; overflow: hidden; transition: all var(--docs-e);
}
.docs-plan-card::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px;
}
.docs-plan-card.c-blue::before  { background: linear-gradient(90deg, var(--docs-blue), var(--docs-blue-l)); }
.docs-plan-card.c-green::before { background: linear-gradient(90deg, var(--docs-green), #10b981); }
.docs-plan-card.c-amber::before { background: linear-gradient(90deg, var(--docs-amber), #f59e0b); }
.docs-plan-card.c-navy::before  { background: linear-gradient(90deg, var(--docs-navy), var(--docs-blue)); }
.docs-plan-card:hover { box-shadow: var(--docs-sh); }
.docs-plan-name  { font-family: "Outfit", sans-serif; font-weight: 800; font-size: .92rem; color: var(--docs-navy); margin-bottom: .18rem; }
.docs-plan-desc  { font-size: .78rem; color: var(--docs-muted); margin-bottom: .65rem; line-height: 1.5; }
.docs-plan-price { font-family: "Outfit", sans-serif; font-weight: 900; font-size: 1.35rem; color: var(--docs-navy); }
.docs-plan-price span { font-size: .72rem; font-weight: 500; color: var(--docs-ghost); }
.docs-plan-min   { font-size: .7rem; color: var(--docs-ghost); margin-top: .18rem; }
.docs-plan-badge {
  position: absolute; top: .75rem; right: .75rem;
  font-family: "Outfit", sans-serif; font-size: .58rem; font-weight: 700;
  letter-spacing: .06em; text-transform: uppercase;
  color: var(--docs-blue); background: var(--docs-b08);
  border: 1px solid var(--docs-b15); padding: 2px 7px; border-radius: 100px;
}

/* ════════════════════════════════════════════
   30. ARTICLE CONTENT — TYPE CHOICE CARDS
       Item vs Assembly selector cards
════════════════════════════════════════════ */
.docs-type-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin: 1.25rem 0; }
.docs-type-card {
  background: var(--docs-white); border: 2px solid var(--docs-line);
  border-radius: 14px; padding: 1.75rem 1.5rem; text-align: center;
  transition: all var(--docs-e);
}
.docs-type-card:hover { border-color: var(--docs-b15); box-shadow: var(--docs-sh-md); }
.docs-type-icon {
  width: 56px; height: 56px; border-radius: 14px; background: var(--docs-b08);
  display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem;
}
.docs-type-icon > svg { width: 26px; height: 26px; color: var(--docs-blue); }
.docs-type-name { font-family: "Outfit", sans-serif; font-weight: 800; font-size: 1rem; color: var(--docs-navy); margin-bottom: .5rem; }
.docs-type-desc { font-size: .82rem; color: var(--docs-muted); line-height: 1.6; margin-bottom: 1rem; }
.docs-type-btn {
  display: inline-flex; align-items: center; gap: 5px;
  font-family: "Outfit", sans-serif; font-weight: 700; font-size: .78rem;
  color: var(--docs-blue); border: 1.5px solid var(--docs-b15);
  background: var(--docs-b08); padding: 6px 14px; border-radius: 100px;
  transition: all var(--docs-e); text-decoration: none;
}
.docs-type-btn:hover { background: var(--docs-blue); color: #fff; border-color: var(--docs-blue); }

/* ════════════════════════════════════════════
   31. ARTICLE CONTENT — APP STEPPER
       Mirrors the app's own step progress bar
════════════════════════════════════════════ */
.docs-app-stepper {
  display: flex; align-items: flex-start; margin: 1.25rem 0 1.75rem;
  background: var(--docs-off); border: 1px solid var(--docs-line);
  border-radius: 12px; padding: 1.25rem 1rem;
}
.docs-app-step { display: flex; flex-direction: column; align-items: center; flex: 1; position: relative; }
.docs-app-step:not(:last-child)::after {
  content: ""; position: absolute; top: 15px; left: 50%; right: -50%;
  height: 2px; background: var(--docs-line2); z-index: 0;
}
.docs-app-step.done:not(:last-child)::after { background: var(--docs-green); }
.docs-app-step.active:not(:last-child)::after { background: var(--docs-line2); }
.docs-app-step-circle {
  width: 30px; height: 30px; border-radius: 50%;
  background: var(--docs-off2); border: 2px solid var(--docs-line2);
  display: flex; align-items: center; justify-content: center;
  font-family: "Outfit", sans-serif; font-weight: 700; font-size: .74rem;
  color: var(--docs-ghost); position: relative; z-index: 1; transition: all var(--docs-e);
}
.docs-app-step.done   .docs-app-step-circle { background: var(--docs-green); border-color: var(--docs-green); color: #fff; }
.docs-app-step.active .docs-app-step-circle { background: var(--docs-blue); border-color: var(--docs-blue); color: #fff; box-shadow: 0 0 0 4px rgba(2,116,190,.15); }
.docs-app-step-label { font-family: "Outfit", sans-serif; font-size: .66rem; font-weight: 600; color: var(--docs-ghost); margin-top: .4rem; text-align: center; }
.docs-app-step.active .docs-app-step-label { color: var(--docs-blue); }
.docs-app-step.done   .docs-app-step-label { color: var(--docs-green); }

/* ════════════════════════════════════════════
   32. ARTICLE CONTENT — PERMISSIONS TABLE
       Module + ADD/CHANGE/DELETE/VIEW/ALL
════════════════════════════════════════════ */
.docs-perm-table { width: 100%; border-collapse: collapse; font-size: .81rem; margin: 1rem 0; }
.docs-perm-table th {
  text-align: left; padding: .55rem .75rem;
  font-family: "Outfit", sans-serif; font-size: .62rem; font-weight: 700;
  letter-spacing: .05em; text-transform: uppercase; color: var(--docs-ghost);
  border-bottom: 1px solid var(--docs-line2); background: var(--docs-off); white-space: nowrap;
}
.docs-perm-table td { padding: .55rem .75rem; border-bottom: 1px solid var(--docs-line); vertical-align: middle; color: var(--docs-body); }
.docs-perm-table tr:last-child td { border-bottom: none; }
.docs-perm-module { font-weight: 600; color: var(--docs-navy); }

/* ════════════════════════════════════════════
   33. ARTICLE CONTENT — SCREENSHOT PLACEHOLDER
       Matches .docs-screenshot but shorter alias
════════════════════════════════════════════ */
.docs-ss {
  background: var(--docs-off); border: 2px dashed var(--docs-line2);
  border-radius: 10px; padding: 1.75rem 1.25rem; text-align: center;
  margin: .85rem 0; display: flex; flex-direction: column; align-items: center; gap: .55rem;
}
.docs-ss > svg { width: 28px; height: 28px; color: var(--docs-ghost); }
.docs-ss-badge {
  font-family: "Outfit", sans-serif; font-size: .58rem; font-weight: 700;
  letter-spacing: .08em; text-transform: uppercase; color: var(--docs-ghost);
  background: var(--docs-off2); border: 1px solid var(--docs-line);
  padding: 2px 8px; border-radius: 100px;
}
.docs-ss > p { font-size: .76rem; color: var(--docs-ghost); font-style: italic; }

/* ════════════════════════════════════════════
   34. ARTICLE CONTENT — PROGRESS CHIPS BAR
       Sits between article header and prose
       (ap = article progress)
════════════════════════════════════════════ */
.docs-ap-bar {
  background: var(--docs-off); border: 1px solid var(--docs-line);
  border-radius: 12px; padding: 1rem 1.4rem; margin-bottom: 2.25rem;
  display: flex; align-items: center; gap: .75rem; flex-wrap: wrap;
}
.docs-ap-bar-label {
  font-family: "Outfit", sans-serif; font-size: .67rem; font-weight: 700;
  letter-spacing: .07em; text-transform: uppercase; color: var(--docs-ghost); flex-shrink: 0;
}
.docs-ap-chips { display: flex; gap: .35rem; flex: 1; flex-wrap: wrap; }
.docs-ap-chip {
  display: flex; align-items: center; gap: .3rem;
  font-size: .72rem; color: var(--docs-muted); font-weight: 500;
  padding: 3px 9px; border-radius: 100px;
  background: var(--docs-white); border: 1px solid var(--docs-line);
  transition: all var(--docs-e); cursor: pointer; white-space: nowrap;
  text-decoration: none;
}
.docs-ap-chip:hover { border-color: var(--docs-b15); color: var(--docs-blue); }
.docs-ap-chip.active { background: var(--docs-b08); border-color: var(--docs-b15); color: var(--docs-blue); font-weight: 600; }
.docs-ap-chip-num { font-family: "Outfit", sans-serif; font-weight: 700; font-size: .64rem; color: var(--docs-ghost); }
.docs-ap-chip.active .docs-ap-chip-num { color: var(--docs-blue); }

/* ════════════════════════════════════════════
   35. WO STATUS BADGE (inline)
════════════════════════════════════════════ */
.docs-wo-status {
  display: inline-block; font-size: .7rem; font-weight: 700;
  padding: 2px 8px; border-radius: 100px;
  font-family: "Outfit", sans-serif; letter-spacing: .04em;
}
.docs-wo-status.in-progress { background: rgba(2,116,190,.1);   color: var(--docs-blue);  border: 1px solid rgba(2,116,190,.2); }
.docs-wo-status.completed   { background: rgba(5,150,105,.1);   color: var(--docs-green); border: 1px solid rgba(5,150,105,.2); }
.docs-wo-status.cancelled   { background: rgba(220,38,38,.08);  color: var(--docs-red);   border: 1px solid rgba(220,38,38,.2); }

/* ═══ Responsive additions for content classes ═══ */
@media (max-width: 720px) {
  .docs-plan-grid, .docs-type-grid { grid-template-columns: 1fr; }
  .docs-app-stepper { padding: .85rem .5rem; }
  .docs-app-step-label { font-size: .6rem; }
}

/* ════════════════════════════════════════════
   36. WORDPRESS OVERRIDES & LAYOUT FIXES
       Counters wp-block-library, global-styles
       and any plugin CSS that bleeds in.
       All rules scoped to .docs-page-wrap.
════════════════════════════════════════════ */

/* ── Hard reset for WP-injected element styles ── */
.docs-page-wrap p,
.docs-page-wrap h1,
.docs-page-wrap h2,
.docs-page-wrap h3,
.docs-page-wrap h4,
.docs-page-wrap ul,
.docs-page-wrap ol,
.docs-page-wrap li,
.docs-page-wrap figure,
.docs-page-wrap blockquote,
.docs-page-wrap table,
.docs-page-wrap td,
.docs-page-wrap th {
    margin-block-start: 0;
    margin-block-end: 0;
}
.docs-page-wrap ul,
.docs-page-wrap ol {
    list-style: none !important;   /* WP block library re-adds disc/decimal */
    padding-left: 0 !important;
}
.docs-page-wrap a {
    color: inherit;
    text-decoration: none !important;
}
.docs-page-wrap img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* ── Shell & layout fixes ── */
.docs-shell {
    display: flex !important;
    min-height: 100vh;
}
.docs-l-nav {
    width: 252px !important;
    flex-shrink: 0 !important;
    display: block !important;
}
.docs-main {
    margin-left: 252px !important;
    flex: 1 !important;
    display: flex !important;
    min-width: 0;
}
.docs-art {
    flex: 1 !important;
    min-width: 0;
}

/* ── Grid layouts — !important needed to beat WP block styles ── */
.docs-plan-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: .85rem !important;
    margin: 1.25rem 0 !important;
}
.docs-type-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 1rem !important;
    margin: 1.25rem 0 !important;
}
.docs-next-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: .85rem !important;
    margin: 1.5rem 0 !important;
}
.docs-page-nav {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
}
.docs-dept-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
}
.docs-bottom-row {
    display: grid !important;
    grid-template-columns: 3fr 2fr !important;
}

/* ── Flex layouts ── */
.docs-ap-bar,
.docs-art-tags,
.docs-art-meta,
.docs-ap-chips,
.docs-fb-btns,
.docs-hb-acts,
.docs-gs-inner,
.docs-topbar,
.docs-tb-right,
.docs-tb-logo,
.docs-pn,
.docs-ui-path,
.docs-callout,
.docs-step-section-head,
.docs-sec-divider,
.docs-app-stepper,
.docs-type-card,
.docs-next-card,
.docs-plan-card {
    display: flex !important;
}

/* ── Section divider number circle ── */
.docs-sec-divider-num {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
    background: linear-gradient(145deg, #012d4e, #023f68) !important;
    color: #fff !important;
    font-family: "Outfit", sans-serif !important;
    font-weight: 900 !important;
    font-size: .9rem !important;
}

/* ── Step list bullets ── */
.docs-step-list {
    display: flex !important;
    flex-direction: column !important;
    margin-left: 21px !important;
    padding-left: 1.75rem !important;
    border-left: 2px solid rgba(2,63,104,.15) !important;
}
.docs-step-item {
    padding: .75rem 0 1.5rem !important;
    position: relative !important;
    list-style: none !important;
}
.docs-step-item::before {
    content: "" !important;
    position: absolute !important;
    left: -1.92rem !important;
    top: .85rem !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #0274be !important;
    border: 2px solid #fbfdff !important;
    box-shadow: 0 0 0 2px #0274be !important;
    display: block !important;
}
.docs-step-item-title {
    font-family: "Outfit", sans-serif !important;
    font-weight: 700 !important;
    font-size: .92rem !important;
    color: #023f68 !important;
    margin-bottom: .45rem !important;
}

/* ── App stepper ── */
.docs-app-stepper {
    align-items: flex-start !important;
    flex-wrap: nowrap !important;
}
.docs-app-step {
    flex-direction: column !important;
    align-items: center !important;
    flex: 1 !important;
    position: relative !important;
    display: flex !important;
}
.docs-app-step:not(:last-child)::after {
    content: "" !important;
    position: absolute !important;
    top: 15px !important;
    left: 50% !important;
    right: -50% !important;
    height: 2px !important;
    background: rgba(2,63,104,.15) !important;
    z-index: 0 !important;
}
.docs-app-step-circle {
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    z-index: 1 !important;
}
.docs-app-step.active .docs-app-step-circle {
    background: #0274be !important;
    border-color: #0274be !important;
    color: #fff !important;
}

/* ── Callout blocks ── */
.docs-callout {
    align-items: flex-start !important;
    gap: .9rem !important;
}
.docs-callout.tip     { background: rgba(2,116,190,.08) !important;   border: 1px solid rgba(2,116,190,.15) !important; }
.docs-callout.note    { background: rgba(217,119,6,.06) !important;   border: 1px solid rgba(217,119,6,.2) !important; }
.docs-callout.success { background: rgba(5,150,105,.06) !important;   border: 1px solid rgba(5,150,105,.18) !important; }
.docs-callout.warn    { background: rgba(220,38,38,.05) !important;   border: 1px solid rgba(220,38,38,.18) !important; }
.docs-callout-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 6px !important;
    flex-shrink: 0 !important;
}
.docs-callout.tip     .docs-callout-icon { background: #0274be !important; }
.docs-callout.note    .docs-callout-icon { background: #d97706 !important; }
.docs-callout.success .docs-callout-icon { background: #059669 !important; }
.docs-callout.warn    .docs-callout-icon { background: #dc2626 !important; }

/* ── Plan cards ── */
.docs-plan-card {
    flex-direction: column !important;
    background: #fbfdff !important;
    border: 1px solid rgba(2,63,104,.09) !important;
    border-radius: 12px !important;
    padding: 1.2rem 1.25rem !important;
    position: relative !important;
    overflow: hidden !important;
}
.docs-plan-name  { font-family: "Outfit", sans-serif !important; font-weight: 800 !important; font-size: .92rem !important; color: #023f68 !important; }
.docs-plan-price { font-family: "Outfit", sans-serif !important; font-weight: 900 !important; font-size: 1.35rem !important; color: #023f68 !important; }
.docs-plan-desc  { font-size: .78rem !important; color: #6b8699 !important; }
.docs-plan-min   { font-size: .7rem !important; color: #a0b8c8 !important; }

/* ── Type cards ── */
.docs-type-card {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    background: #fbfdff !important;
    border: 2px solid rgba(2,63,104,.09) !important;
    border-radius: 14px !important;
    padding: 1.75rem 1.5rem !important;
}
.docs-type-name { font-family: "Outfit", sans-serif !important; font-weight: 800 !important; font-size: 1rem !important; color: #023f68 !important; }
.docs-type-icon {
    align-items: center !important;
    justify-content: center !important;
    width: 56px !important;
    height: 56px !important;
    border-radius: 14px !important;
    background: rgba(2,116,190,.08) !important;
    margin: 0 auto 1rem !important;
    flex-shrink: 0 !important;
}

/* ── Next cards ── */
.docs-next-card {
    align-items: flex-start !important;
    gap: .85rem !important;
    background: #fbfdff !important;
    border: 1px solid rgba(2,63,104,.09) !important;
    border-radius: 12px !important;
    padding: 1.1rem 1.2rem !important;
    text-decoration: none !important;
}
.docs-next-title { font-family: "Outfit", sans-serif !important; font-weight: 700 !important; font-size: .84rem !important; color: #023f68 !important; }
.docs-next-icon  { display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; width: 34px !important; height: 34px !important; border-radius: 9px !important; }

/* ── Field tables ── */
.docs-field-table-wrap {
    overflow-x: auto !important;
    margin: 1rem 0 !important;
    border-radius: 10px !important;
    border: 1px solid rgba(2,63,104,.09) !important;
}
.docs-field-table { width: 100% !important; border-collapse: collapse !important; font-size: .84rem !important; }
.docs-field-table th { background: #f4f7fb !important; color: #a0b8c8 !important; text-align: left !important; padding: .6rem 1rem !important; }
.docs-field-table td { padding: .6rem 1rem !important; border-bottom: 1px solid rgba(2,63,104,.09) !important; color: #3d5a72 !important; }
.docs-field-table tr:last-child td { border-bottom: none !important; }
.docs-fd-name { font-weight: 600 !important; color: #023f68 !important; }
.docs-fd-req  { color: #dc2626 !important; background: rgba(220,38,38,.08) !important; font-size: .63rem !important; font-weight: 700 !important; padding: 1px 6px !important; border-radius: 100px !important; }
.docs-fd-opt  { color: #a0b8c8 !important; background: #edf1f7 !important; font-size: .63rem !important; font-weight: 700 !important; padding: 1px 6px !important; border-radius: 100px !important; }

/* ── UI Path ── */
.docs-ui-path {
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: .35rem !important;
    background: #f4f7fb !important;
    border: 1px solid rgba(2,63,104,.15) !important;
    border-radius: 7px !important;
    padding: 5px 11px !important;
    margin: .55rem 0 !important;
    display: inline-flex !important;
}
.docs-ui-path strong {
    color: #023f68 !important;
    font-weight: 600 !important;
    background: #fbfdff !important;
    border: 1px solid rgba(2,63,104,.09) !important;
    border-radius: 4px !important;
    padding: 1px 6px !important;
    font-size: .74rem !important;
}

/* ── Screenshot placeholder ── */
.docs-ss {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    background: #f4f7fb !important;
    border: 2px dashed rgba(2,63,104,.15) !important;
    border-radius: 10px !important;
    padding: 1.75rem 1.25rem !important;
    margin: .85rem 0 !important;
    gap: .55rem !important;
    text-align: center !important;
}

/* ── Prose typography overrides ── */
.docs-prose h2 {
    font-family: "Outfit", sans-serif !important;
    font-weight: 800 !important;
    font-size: 1.28rem !important;
    color: #023f68 !important;
    margin: 2.75rem 0 .85rem !important;
    letter-spacing: -.015em !important;
}
.docs-prose h3 {
    font-family: "Outfit", sans-serif !important;
    font-weight: 700 !important;
    font-size: .97rem !important;
    color: #023f68 !important;
    margin: 1.6rem 0 .5rem !important;
}
.docs-prose p {
    font-size: .95rem !important;
    color: #3d5a72 !important;
    line-height: 1.88 !important;
    margin-bottom: 1rem !important;
}
.docs-prose ul li {
    display: flex !important;
    align-items: flex-start !important;
    gap: .7rem !important;
    font-size: .93rem !important;
    color: #3d5a72 !important;
    line-height: 1.72 !important;
    list-style: none !important;
}
.docs-prose ul li::before {
    content: "" !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #0274be !important;
    flex-shrink: 0 !important;
    margin-top: .57rem !important;
    display: block !important;
}

/* ── Progress chips ── */
.docs-ap-bar {
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: .75rem !important;
    background: #f4f7fb !important;
    border: 1px solid rgba(2,63,104,.09) !important;
    border-radius: 12px !important;
    padding: 1rem 1.4rem !important;
    margin-bottom: 2.25rem !important;
}
.docs-ap-chips { display: flex !important; gap: .35rem !important; flex: 1 !important; flex-wrap: wrap !important; }
.docs-ap-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: .3rem !important;
    font-size: .72rem !important;
    font-weight: 500 !important;
    padding: 3px 9px !important;
    border-radius: 100px !important;
    background: #fbfdff !important;
    border: 1px solid rgba(2,63,104,.09) !important;
    color: #6b8699 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}
.docs-ap-chip.active {
    background: rgba(2,116,190,.08) !important;
    border-color: rgba(2,116,190,.15) !important;
    color: #0274be !important;
    font-weight: 600 !important;
}

/* ── Responsive grid overrides ── */
@media (max-width: 720px) {
    .docs-plan-grid,
    .docs-type-grid,
    .docs-next-grid,
    .docs-page-nav { grid-template-columns: 1fr !important; }
    .docs-main { margin-left: 0 !important; }
}

/* ════════════════════════════════════════════
   37. WORDPRESS ADMIN BAR OFFSET
       When logged in as admin, WP adds a 32px
       (desktop) / 46px (mobile) admin bar.
       Fixed elements need offsetting.
════════════════════════════════════════════ */
body.admin-bar .docs-topbar {
    top: 32px !important;
}
body.admin-bar .docs-l-nav {
    top: calc(32px + 58px) !important;
}
body.admin-bar .docs-shell {
    padding-top: calc(32px + 58px) !important;
}
@media screen and (max-width: 782px) {
    body.admin-bar .docs-topbar { top: 46px !important; }
    body.admin-bar .docs-l-nav  { top: calc(46px + 58px) !important; }
    body.admin-bar .docs-shell  { padding-top: calc(46px + 58px) !important; }
}

/* ════════════════════════════════════════════
   38. INVITE YOUR TEAM — CONCEPT DIAGRAM
════════════════════════════════════════════ */
.docs-concept-row{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:.75rem;margin:1.75rem 0;}
.docs-concept-box{background:var(--docs-white);border:1.5px solid var(--docs-line);border-radius:14px;padding:1.25rem 1.1rem;text-align:center;}
.docs-concept-box.highlight{border-color:var(--docs-b15);background:var(--docs-b08);}
.docs-concept-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto .6rem;}
.docs-concept-icon svg{width:18px;height:18px;}
.docs-concept-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:.88rem;color:var(--docs-navy);margin-bottom:.2rem;}
.docs-concept-sub{font-size:.74rem;color:var(--docs-muted);line-height:1.5;}
.docs-concept-badge{display:inline-block;font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:2px 8px;border-radius:100px;margin-top:.5rem;}
.docs-concept-badge.label-only{background:var(--docs-off2);color:var(--docs-ghost);border:1px solid var(--docs-line2);}
.docs-concept-badge.real-access{background:var(--docs-b08);color:var(--docs-blue);border:1px solid var(--docs-b15);}
.docs-concept-arrow{color:var(--docs-ghost);font-size:1.35rem;text-align:center;flex-shrink:0;}
@media(max-width:720px){
  .docs-concept-row{grid-template-columns:1fr;gap:.6rem;}
  .docs-concept-arrow{display:none;}
}

/* ════════════════════════════════════════════
   39. SEAT TYPE CARDS
════════════════════════════════════════════ */
.docs-seat-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.25rem 0;}
.docs-seat-card{background:var(--docs-white);border:2px solid var(--docs-line);border-radius:14px;padding:1.5rem;display:flex;flex-direction:column;}
.docs-seat-card.full{border-color:var(--docs-b15);}
.docs-seat-label{display:flex;align-items:center;gap:.4rem;font-family:"Outfit",sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-bottom:.65rem;}
.docs-seat-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}
.docs-seat-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:1rem;color:var(--docs-navy);margin-bottom:.3rem;}
.docs-seat-price{font-size:.8rem;color:var(--docs-muted);margin-bottom:.85rem;}
.docs-seat-list{display:flex;flex-direction:column;gap:.32rem;}
.docs-seat-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.79rem;color:var(--docs-body);}
.docs-seat-item svg{flex-shrink:0;margin-top:2px;width:13px;height:13px;}
@media(max-width:720px){.docs-seat-grid{grid-template-columns:1fr;}}

/* ════════════════════════════════════════════
   40. STAFF LIST / MEMBER TABLE
════════════════════════════════════════════ */
.docs-member-list{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:1.1rem 0;}
.docs-member-head{display:grid;grid-template-columns:2fr 1.2fr 1fr 1fr;gap:.5rem;padding:.6rem 1.25rem;background:var(--docs-off);border-bottom:1px solid var(--docs-line2);}
.docs-member-head span{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--docs-ghost);}
.docs-member-row{display:grid;grid-template-columns:2fr 1.2fr 1fr 1fr;gap:.5rem;align-items:center;padding:.75rem 1.25rem;border-bottom:1px solid var(--docs-line);transition:background var(--docs-e);}
.docs-member-row:last-child{border-bottom:none;}
.docs-member-row:hover{background:var(--docs-off);}
.docs-member-name{display:flex;align-items:center;gap:.65rem;}
.docs-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"Outfit",sans-serif;font-weight:700;font-size:.7rem;color:#fff;flex-shrink:0;}
.docs-m-full{font-size:.85rem;font-weight:500;color:var(--docs-navy);}
.docs-m-role{font-size:.72rem;color:var(--docs-ghost);}
.docs-role-badge{display:inline-flex;align-items:center;font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:600;padding:2px 8px;border-radius:100px;background:var(--docs-off2);color:var(--docs-muted);border:1px solid var(--docs-line2);white-space:nowrap;}
.docs-seat-badge{display:inline-flex;font-size:.65rem;font-weight:600;padding:2px 8px;border-radius:100px;}
.docs-sb-full{background:var(--docs-b08);color:var(--docs-blue);}
.docs-sb-sf{background:rgba(5,150,105,.08);color:var(--docs-green);}
.docs-groups-list{display:flex;gap:.3rem;flex-wrap:wrap;}
.docs-group-tag{font-size:.65rem;padding:1px 7px;border-radius:100px;background:var(--docs-b08);border:1px solid var(--docs-b15);color:var(--docs-blue);font-weight:500;}
@media(max-width:720px){
  .docs-member-head,.docs-member-row{grid-template-columns:1fr 1fr;}
}

/* ════════════════════════════════════════════
   41. GROUP CARDS
════════════════════════════════════════════ */
.docs-group-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem;margin:1.25rem 0;}
.docs-group-card{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;padding:1.1rem 1.25rem;transition:all var(--docs-e);}
.docs-group-card:hover{border-color:var(--docs-b15);box-shadow:var(--docs-sh);}
.docs-group-name{font-family:"Outfit",sans-serif;font-weight:700;font-size:.9rem;color:var(--docs-navy);margin-bottom:.2rem;}
.docs-group-desc{font-size:.77rem;color:var(--docs-muted);margin-bottom:.7rem;line-height:1.5;}
.docs-group-meta{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;}
.docs-group-pill{font-family:"Outfit",sans-serif;font-size:.61rem;font-weight:700;padding:2px 7px;border-radius:100px;background:var(--docs-b08);color:var(--docs-blue);border:1px solid var(--docs-b15);}
@media(max-width:720px){.docs-group-grid{grid-template-columns:1fr;}}

/* ════════════════════════════════════════════
   42. PERMISSION TOGGLES (inline visuals)
       Used in the permissions example table
════════════════════════════════════════════ */
.docs-toggle{display:inline-flex;width:34px;height:19px;border-radius:100px;align-items:center;padding:2px;flex-shrink:0;}
.docs-t-off{background:var(--docs-off2);border:1px solid var(--docs-line2);}
.docs-t-on{background:var(--docs-green);}
.docs-t-dot{width:13px;height:13px;border-radius:50%;}
.docs-t-off .docs-t-dot{background:var(--docs-ghost);}
.docs-t-on .docs-t-dot{background:#fff;transform:translateX(15px);}
.docs-t-lbl{font-size:.6rem;color:var(--docs-green);font-weight:700;display:block;margin-top:2px;font-family:"Outfit",sans-serif;}
.docs-tc{text-align:center;}

/* ════════════════════════════════════════════
   43. IMPORTER CARDS (3-up grid)
════════════════════════════════════════════ */
.docs-imp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem;margin:1.25rem 0;}
.docs-imp-card{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;padding:1.25rem;transition:all var(--docs-e);}
.docs-imp-card:hover{border-color:var(--docs-b15);box-shadow:var(--docs-sh);}
.docs-imp-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;}
.docs-imp-icon svg{width:20px;height:20px;}
.docs-imp-name{font-family:"Outfit",sans-serif;font-weight:800;font-size:.9rem;color:var(--docs-navy);margin-bottom:.2rem;}
.docs-imp-desc{font-size:.77rem;color:var(--docs-muted);line-height:1.5;}
@media(max-width:720px){.docs-imp-grid{grid-template-columns:1fr;}}

/* ════════════════════════════════════════════
   44. EXCEL PREVIEW TABLE
       Mimics a real spreadsheet with row
       numbers, UUID ID column and empty cells
════════════════════════════════════════════ */
.docs-xl-wrap{overflow-x:auto;margin:1.25rem 0;border-radius:10px;border:1px solid var(--docs-line);box-shadow:var(--docs-sh);}
.docs-xl-table{border-collapse:collapse;font-size:.75rem;font-family:"JetBrains Mono","Courier New",monospace;width:100%;}
.docs-xl-table th{padding:.5rem .9rem;background:rgba(5,150,105,.09);color:#065f46;font-weight:700;font-size:.62rem;border-bottom:2px solid rgba(5,150,105,.2);white-space:nowrap;text-align:left;}
.docs-xl-table th.uuid{background:rgba(2,116,190,.07);color:var(--docs-blue);border-bottom-color:var(--docs-b15);}
.docs-xl-table td{padding:.45rem .9rem;border-bottom:1px solid var(--docs-line);white-space:nowrap;color:var(--docs-body);vertical-align:middle;}
.docs-xl-table tr:nth-child(even) td{background:rgba(2,63,104,.015);}
.docs-xl-table tr:last-child td{border-bottom:none;}
.docs-xl-table td.uuid-cell{color:var(--docs-blue);font-size:.68rem;}
.docs-xl-table td.empty{color:var(--docs-ghost);font-style:italic;font-size:.72rem;}
.docs-xl-rn{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;color:var(--docs-ghost);padding:.45rem .6rem;border-right:1px solid var(--docs-line);border-bottom:1px solid var(--docs-line);background:var(--docs-off);text-align:center;white-space:nowrap;}
.docs-xl-table tr:last-child .docs-xl-rn{border-bottom:none;}
.docs-xl-corner{background:var(--docs-off);border-right:1px solid var(--docs-line);border-bottom:2px solid rgba(5,150,105,.2);}

/* ════════════════════════════════════════════
   45. BOM FLOW CARD
       In-app step-by-step for building a BOM
════════════════════════════════════════════ */
.docs-bom-flow{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:14px;padding:1.5rem;margin:1.25rem 0;}
.docs-bom-flow-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:.92rem;color:var(--docs-navy);margin-bottom:1.1rem;}
.docs-bom-steps{display:flex;flex-direction:column;gap:.75rem;}
.docs-bom-step{display:flex;align-items:flex-start;gap:.85rem;}
.docs-bom-num{width:26px;height:26px;border-radius:50%;background:linear-gradient(145deg,var(--docs-navy-d),var(--docs-navy));color:#fff;font-family:"Outfit",sans-serif;font-weight:900;font-size:.72rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.docs-bom-text{font-size:.87rem;color:var(--docs-body);line-height:1.65;}
.docs-bom-text strong{color:var(--docs-navy);}

/* ════════════════════════════════════════════
   46. ERROR REFERENCE TABLE
════════════════════════════════════════════ */
.docs-err-wrap{overflow-x:auto;margin:1rem 0;border-radius:10px;border:1px solid rgba(220,38,38,.2);}
.docs-err-table{width:100%;border-collapse:collapse;font-size:.83rem;}
.docs-err-table th{text-align:left;padding:.55rem 1rem;font-family:"Outfit",sans-serif;font-size:.63rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--docs-red);border-bottom:1px solid rgba(220,38,38,.18);background:rgba(220,38,38,.04);}
.docs-err-table td{padding:.6rem 1rem;border-bottom:1px solid var(--docs-line);vertical-align:top;line-height:1.6;color:var(--docs-body);}
.docs-err-table tr:last-child td{border-bottom:none;}
.docs-err-code{font-family:"JetBrains Mono","Courier New",monospace;font-size:.77rem;color:var(--docs-red);font-weight:500;}
.docs-err-fix{color:var(--docs-green);font-size:.81rem;}

/* ════════════════════════════════════════════
   47. WORKS ORDER CALENDAR — EVENT LEGEND
════════════════════════════════════════════ */
:root{
  --ev-wo:#1a5fa8; --ev-qc:#6d28d9; --ev-po:#0891b2; --ev-do:#d97706;
  --ev-wo-bg:rgba(26,95,168,.08); --ev-qc-bg:rgba(109,40,217,.08);
  --ev-po-bg:rgba(8,145,178,.08); --ev-do-bg:rgba(217,119,6,.08);
}
.docs-event-legend{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:1.25rem 0;}
.docs-ev-card{border-radius:12px;padding:1.1rem 1.25rem;border:1px solid;}
.docs-ev-card.wo{background:var(--ev-wo-bg);border-color:rgba(26,95,168,.2);}
.docs-ev-card.qc{background:var(--ev-qc-bg);border-color:rgba(109,40,217,.2);}
.docs-ev-card.po{background:var(--ev-po-bg);border-color:rgba(8,145,178,.2);}
.docs-ev-card.do{background:var(--ev-do-bg);border-color:rgba(217,119,6,.2);}
.docs-ev-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.45rem;}
.docs-ev-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;}
.docs-ev-dot.wo{background:var(--ev-wo);}
.docs-ev-dot.qc{background:var(--ev-qc);}
.docs-ev-dot.po{background:var(--ev-po);}
.docs-ev-dot.do{background:var(--ev-do);}
.docs-ev-code{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:4px;color:#fff;}
.docs-ev-code.wo{background:var(--ev-wo);}
.docs-ev-code.qc{background:var(--ev-qc);}
.docs-ev-code.po{background:var(--ev-po);}
.docs-ev-code.do{background:var(--ev-do);}
.docs-ev-name{font-family:"Outfit",sans-serif;font-weight:700;font-size:.88rem;color:var(--docs-navy);}
.docs-ev-desc{font-size:.77rem;color:var(--docs-muted);line-height:1.5;}
.docs-ev-examples{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.6rem;}
.docs-ev-ex{font-size:.63rem;color:var(--docs-muted);background:rgba(255,255,255,.7);border-radius:4px;padding:2px 6px;border:1px solid rgba(0,0,0,.06);}
@media(max-width:720px){.docs-event-legend{grid-template-columns:1fr;}}

/* ════════════════════════════════════════════
   48. CALENDAR EVENT BAR (visual demo)
════════════════════════════════════════════ */
.docs-cal-event{display:flex;align-items:center;gap:.45rem;border-radius:5px;padding:3px 8px;margin-bottom:3px;font-size:.72rem;font-weight:600;color:#fff;}
.docs-cal-event.wo{background:var(--ev-wo);}
.docs-cal-event.qc{background:var(--ev-qc);}
.docs-cal-event.po{background:var(--ev-po);}
.docs-cal-event.do{background:var(--ev-do);}
.docs-cal-event-tag{font-size:.58rem;font-weight:700;opacity:.75;}

/* ════════════════════════════════════════════
   49. VIEW TOGGLE (Month / Week / Day)
════════════════════════════════════════════ */
.docs-view-toggle{display:inline-flex;background:var(--docs-off2);border:1px solid var(--docs-line2);border-radius:8px;padding:3px;gap:2px;margin:.5rem 0;}
.docs-vt-btn{font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:600;padding:5px 14px;border-radius:6px;color:var(--docs-muted);cursor:default;}
.docs-vt-btn.act{background:var(--docs-navy);color:#fff;}

/* ════════════════════════════════════════════
   50. FILTER ROW (event type pills)
════════════════════════════════════════════ */
.docs-filter-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;background:var(--docs-white);border:1px solid var(--docs-line);border-radius:10px;padding:.85rem 1.1rem;margin:.85rem 0;}
.docs-filter-pill{display:inline-flex;align-items:center;gap:.4rem;font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:600;padding:4px 10px;border-radius:6px;border:1px solid;white-space:nowrap;}
.docs-fp-wo{color:var(--ev-wo);background:var(--ev-wo-bg);border-color:rgba(26,95,168,.25);}
.docs-fp-qc{color:var(--ev-qc);background:var(--ev-qc-bg);border-color:rgba(109,40,217,.25);}
.docs-fp-po{color:var(--ev-po);background:var(--ev-po-bg);border-color:rgba(8,145,178,.25);}
.docs-fp-do{color:var(--ev-do);background:var(--ev-do-bg);border-color:rgba(217,119,6,.25);}
.docs-fp-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}

/* ════════════════════════════════════════════
   51. STATUS BADGES (work order statuses)
════════════════════════════════════════════ */
.docs-status-grid{display:flex;gap:.6rem;flex-wrap:wrap;margin:.75rem 0;}
.docs-stat-badge{font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:700;padding:4px 12px;border-radius:100px;letter-spacing:.04em;display:inline-flex;align-items:center;gap:.4rem;}
.docs-stat-badge::before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0;}
.docs-sb-completed{background:rgba(5,150,105,.1);color:var(--docs-green);border:1px solid rgba(5,150,105,.2);}
.docs-sb-completed::before{background:var(--docs-green);}
.docs-sb-inprogress{background:var(--docs-b08);color:var(--docs-blue);border:1px solid var(--docs-b15);}
.docs-sb-inprogress::before{background:var(--docs-blue);}
.docs-sb-notstarted{background:var(--docs-off2);color:var(--docs-muted);border:1px solid var(--docs-line2);}
.docs-sb-notstarted::before{background:var(--docs-ghost);}
.docs-sb-cancelled{background:rgba(220,38,38,.07);color:var(--docs-red);border:1px solid rgba(220,38,38,.18);}
.docs-sb-cancelled::before{background:var(--docs-red);}

/* ════════════════════════════════════════════
   52. ORDERS LIST (mock live-data table)
════════════════════════════════════════════ */
.docs-list-preview{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:1.1rem 0;}
.docs-lp-head{display:grid;grid-template-columns:2.2fr 1.4fr .8fr .8fr 1fr 80px;gap:.5rem;padding:.6rem 1.25rem;background:var(--docs-off);border-bottom:1px solid var(--docs-line2);}
.docs-lp-head span{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--docs-ghost);}
.docs-lp-row{display:grid;grid-template-columns:2.2fr 1.4fr .8fr .8fr 1fr 80px;gap:.5rem;align-items:center;padding:.7rem 1.25rem;border-bottom:1px solid var(--docs-line);transition:background var(--docs-e);}
.docs-lp-row:last-child{border-bottom:none;}
.docs-lp-row:hover{background:var(--docs-off);}
.docs-lp-name{font-size:.84rem;font-weight:500;color:var(--docs-navy);}
.docs-lp-assigned{display:flex;align-items:center;gap:.45rem;font-size:.82rem;color:var(--docs-body);flex-wrap:wrap;}
.docs-lp-badge{font-size:.6rem;font-weight:700;padding:1px 6px;border-radius:100px;font-family:"Outfit",sans-serif;flex-shrink:0;}
.docs-lb-staff{background:var(--docs-b08);color:var(--docs-blue);border:1px solid var(--docs-b15);}
.docs-lb-group{background:rgba(109,40,217,.08);color:#6d28d9;border:1px solid rgba(109,40,217,.18);}
.docs-lp-type{font-size:.78rem;color:var(--docs-muted);}
.docs-lp-start{font-size:.75rem;color:var(--docs-muted);font-family:"JetBrains Mono","Courier New",monospace;}
.docs-lp-start small{display:block;font-size:.65rem;color:var(--docs-ghost);}
.docs-start-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;color:var(--docs-blue);border:1.5px solid var(--docs-b15);background:var(--docs-b08);padding:4px 10px;border-radius:6px;}
.docs-start-btn svg{width:9px;height:9px;}
@media(max-width:720px){
  .docs-lp-head,.docs-lp-row{grid-template-columns:1fr 1fr;}
}

/* ════════════════════════════════════════════
   53. FORM STEP VISUAL (Create Work Order)
════════════════════════════════════════════ */
.docs-form-steps{display:flex;flex-direction:column;gap:0;margin:1.5rem 0;}
.docs-form-step{display:flex;gap:1rem;position:relative;}
.docs-form-step:not(:last-child)::before{content:"";position:absolute;left:17px;top:38px;bottom:-8px;width:2px;background:var(--docs-line2);}
.docs-fs-circle{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:"Outfit",sans-serif;font-weight:800;font-size:.75rem;margin-top:2px;}
.docs-fs-circle.done{background:var(--docs-navy);color:#fff;}
.docs-fs-body{flex:1;background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;padding:1.1rem 1.25rem;margin-bottom:.65rem;transition:border-color var(--docs-e);}
.docs-fs-body:hover{border-color:var(--docs-b15);}
.docs-fs-step-label{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--docs-blue);margin-bottom:.2rem;}
.docs-fs-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:.92rem;color:var(--docs-navy);margin-bottom:.3rem;}
.docs-fs-desc{font-size:.82rem;color:var(--docs-muted);line-height:1.55;}
.docs-fs-hidden-badge{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--docs-ghost);background:var(--docs-off2);border:1px solid var(--docs-line2);padding:2px 7px;border-radius:100px;margin-top:.35rem;}
.docs-fs-hidden-badge svg{width:9px;height:9px;flex-shrink:0;}

/* ════════════════════════════════════════════
   54. WORK ORDER TYPE GRID
════════════════════════════════════════════ */
.docs-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin:1.25rem 0;}
.docs-type-card{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:10px;padding:.9rem 1rem;transition:border-color var(--docs-e);}
.docs-type-card:hover{border-color:var(--docs-b15);}
.docs-type-card.stock-type{border-color:rgba(220,38,38,.2);background:rgba(220,38,38,.03);}
.docs-type-name{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;color:var(--docs-navy);margin-bottom:.2rem;}
.docs-type-desc{font-size:.74rem;color:var(--docs-muted);line-height:1.5;}
.docs-type-badge{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:100px;margin-top:.4rem;}
.docs-type-badge.std{background:var(--docs-b08);color:var(--docs-blue);border:1px solid var(--docs-b15);}
.docs-type-badge.stk{background:rgba(220,38,38,.08);color:var(--docs-red);border:1px solid rgba(220,38,38,.18);}
@media(max-width:720px){.docs-type-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:480px){.docs-type-grid{grid-template-columns:1fr;}}

/* ════════════════════════════════════════════
   55. STOCK TAKE WARNING CARD
════════════════════════════════════════════ */
.docs-stock-warn-card{background:rgba(220,38,38,.04);border:2px solid rgba(220,38,38,.2);border-radius:14px;padding:1.5rem;margin:1.5rem 0;}
.docs-swc-head{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;}
.docs-swc-icon{width:40px;height:40px;border-radius:10px;background:var(--docs-red);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-swc-icon svg{width:20px;height:20px;stroke:#fff;stroke-width:2;fill:none;}
.docs-swc-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:1rem;color:var(--docs-red);}
.docs-swc-sub{font-size:.8rem;color:rgba(220,38,38,.7);margin-top:.1rem;}
.docs-swc-list{display:flex;flex-direction:column;gap:.55rem;}
.docs-swc-item{display:flex;align-items:flex-start;gap:.75rem;font-size:.85rem;color:#7f1d1d;line-height:1.6;}
.docs-swc-item svg{width:16px;height:16px;stroke:#dc2626;stroke-width:2.5;fill:none;flex-shrink:0;margin-top:2px;}

/* ════════════════════════════════════════════
   56. ASSIGN TO CARDS (Group / User selector)
════════════════════════════════════════════ */
.docs-assign-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:.85rem 0;}
.docs-assign-card{border-radius:12px;padding:1.1rem 1.25rem;border:2px solid;}
.docs-assign-card.sel{border-color:var(--docs-blue);background:var(--docs-b08);}
.docs-assign-card.unsel{border-color:var(--docs-line);background:var(--docs-white);}
.docs-assign-header{display:flex;align-items:center;gap:.65rem;margin-bottom:.4rem;}
.docs-assign-radio{width:16px;height:16px;border-radius:50%;border:2px solid;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.docs-assign-radio.sel{border-color:var(--docs-blue);background:var(--docs-blue);}
.docs-assign-radio.sel::after{content:"";width:5px;height:5px;border-radius:50%;background:#fff;}
.docs-assign-radio.unsel{border-color:var(--docs-line2);}
.docs-assign-label{font-family:"Outfit",sans-serif;font-weight:700;font-size:.88rem;}
.docs-assign-card.sel .docs-assign-label{color:var(--docs-blue);}
.docs-assign-card.unsel .docs-assign-label{color:var(--docs-navy);}
.docs-assign-desc{font-size:.78rem;color:var(--docs-muted);line-height:1.5;}
@media(max-width:720px){.docs-assign-grid{grid-template-columns:1fr;}}

/* ════════════════════════════════════════════
   57. ORDER / NON-ORDER CARDS
════════════════════════════════════════════ */
.docs-order-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:.85rem 0;}
.docs-order-card{border-radius:12px;padding:1.1rem 1.25rem;border:2px solid;display:flex;align-items:flex-start;gap:.65rem;}
.docs-order-card.sel{border-color:var(--docs-blue);background:var(--docs-b08);}
.docs-order-card.unsel{border-color:var(--docs-line);background:var(--docs-white);}
.docs-order-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-order-card.sel .docs-order-icon{background:var(--docs-blue);}
.docs-order-card.unsel .docs-order-icon{background:var(--docs-off2);}
.docs-order-icon svg{width:14px;height:14px;fill:none;stroke-width:2.5;stroke-linecap:round;}
.docs-order-card.sel .docs-order-icon svg{stroke:#fff;}
.docs-order-card.unsel .docs-order-icon svg{stroke:var(--docs-ghost);}
.docs-order-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.88rem;margin-bottom:.2rem;}
.docs-order-card.sel .docs-order-title{color:var(--docs-blue);}
.docs-order-card.unsel .docs-order-title{color:var(--docs-navy);}
.docs-order-desc{font-size:.78rem;color:var(--docs-muted);line-height:1.5;}
@media(max-width:720px){.docs-order-grid{grid-template-columns:1fr;}}

/* ════════════════════════════════════════════
   58. TOGGLE DEMO (Stock reserve / Picking)
════════════════════════════════════════════ */
.docs-toggle-demo{display:flex;align-items:center;gap:.75rem;background:var(--docs-white);border:1px solid var(--docs-line);border-radius:8px;padding:.75rem 1rem;margin:.5rem 0;}
.docs-toggle-pill{width:42px;height:24px;border-radius:100px;display:flex;align-items:center;padding:3px;flex-shrink:0;}
.docs-toggle-pill.on{background:var(--docs-blue);}
.docs-toggle-pill.off{background:var(--docs-off2);border:1px solid var(--docs-line2);}
.docs-toggle-dot{width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform var(--docs-e);}
.docs-toggle-pill.on .docs-toggle-dot{transform:translateX(18px);}
.docs-toggle-label{font-size:.85rem;color:var(--docs-body);line-height:1.55;}
.docs-toggle-label strong{color:var(--docs-navy);}

/* ════════════════════════════════════════════
   59. WORK ORDER HEADER CARD MOCK
════════════════════════════════════════════ */
.docs-wo-header-card{background:linear-gradient(160deg,var(--docs-navy-d) 0%,var(--docs-navy) 100%);border-radius:14px;padding:1.5rem 1.75rem;margin:1.1rem 0 1.5rem;color:#fff;}
.docs-wo-bc{font-size:.68rem;color:rgba(255,255,255,.4);margin-bottom:.65rem;display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;}
.docs-wo-bc svg{width:8px;height:8px;flex-shrink:0;}
.docs-wo-name{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.4rem;letter-spacing:-.02em;margin-bottom:.65rem;}
.docs-wo-badges{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem;}
.docs-wo-ref{font-family:"JetBrains Mono","Courier New",monospace;font-size:.72rem;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);padding:3px 9px;border-radius:6px;color:rgba(255,255,255,.85);}
.docs-wo-status{display:inline-flex;align-items:center;gap:.4rem;font-family:"Outfit",sans-serif;font-size:.68rem;font-weight:700;padding:3px 10px;border-radius:100px;}
.docs-ws-notstarted{background:rgba(255,255,255,.12);color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.2);}
.docs-ws-notstarted::before{content:"";width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.5);flex-shrink:0;}
.docs-wo-meta{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;margin-bottom:1rem;}
.docs-wo-meta-label{font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:.18rem;font-family:"Outfit",sans-serif;}
.docs-wo-meta-value{font-size:.82rem;font-weight:600;color:rgba(255,255,255,.9);}
.docs-wo-row{display:flex;align-items:center;gap:.5rem;font-size:.8rem;margin-bottom:.4rem;flex-wrap:wrap;}
.docs-wo-row-label{font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.4);font-family:"Outfit",sans-serif;min-width:70px;}
.docs-wo-row-val{color:rgba(255,255,255,.85);font-weight:600;}
.docs-wo-row-badge{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;padding:2px 7px;border-radius:100px;background:rgba(217,119,6,.25);color:#fbbf24;border:1px solid rgba(251,191,36,.25);}
.docs-wo-row-link{font-family:"JetBrains Mono","Courier New",monospace;font-size:.7rem;color:rgba(255,255,255,.6);text-decoration:underline;}
.docs-wo-progress{margin-top:1rem;padding-top:.85rem;border-top:1px solid rgba(255,255,255,.1);}
.docs-wo-progress-text{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:rgba(255,255,255,.5);margin-bottom:.4rem;}
.docs-wo-progress-bar{height:4px;background:rgba(255,255,255,.12);border-radius:100px;overflow:hidden;}
.docs-wo-progress-fill{height:100%;background:var(--docs-green);border-radius:100px;}
@media(max-width:720px){.docs-wo-meta{grid-template-columns:1fr 1fr;}}
@media(max-width:480px){.docs-wo-meta{grid-template-columns:1fr;}}

/* ════════════════════════════════════════════
   60. TAB NAV VISUAL (Overview / Operations…)
════════════════════════════════════════════ */
.docs-tab-nav{display:flex;align-items:center;background:var(--docs-white);border:1px solid var(--docs-line);border-radius:10px;padding:.3rem;margin:1.1rem 0;flex-wrap:wrap;gap:.2rem;}
.docs-tab-btn{font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;padding:6px 14px;border-radius:7px;color:var(--docs-muted);white-space:nowrap;}
.docs-tab-btn.act{background:var(--docs-navy);color:#fff;}

/* ════════════════════════════════════════════
   61. ACTION BUTTONS BAR (Delete/Issue/Edit/Start)
════════════════════════════════════════════ */
.docs-action-bar{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;padding:.85rem 1.25rem;margin:1.25rem 0;flex-wrap:wrap;}
.docs-action-bar-left{margin-right:auto;}
.docs-go-back-btn{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--docs-muted);font-weight:500;}
.docs-go-back-btn svg{width:13px;height:13px;}
.docs-act-btn{display:inline-flex;align-items:center;gap:.4rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:7px 14px;border-radius:8px;border:1.5px solid;white-space:nowrap;}
.docs-act-btn svg{width:12px;height:12px;}
.docs-act-del  {color:var(--docs-red);  border-color:rgba(220,38,38,.3); background:rgba(220,38,38,.05);}
.docs-act-issue{color:var(--docs-amber);border-color:rgba(217,119,6,.3); background:rgba(217,119,6,.06);}
.docs-act-edit {color:var(--docs-blue); border-color:var(--docs-b15);    background:var(--docs-b08);}
.docs-act-start{color:#fff;             border-color:var(--docs-green);  background:var(--docs-green);}
@media(max-width:720px){.docs-action-bar{flex-direction:column;align-items:stretch;}}

/* ════════════════════════════════════════════
   62. COST MARGIN CARDS
════════════════════════════════════════════ */
.docs-margin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin:1.25rem 0;}
.docs-margin-card{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;padding:1rem 1.1rem;}
.docs-margin-label{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--docs-ghost);margin-bottom:.4rem;}
.docs-margin-value{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.35rem;letter-spacing:-.02em;}
.docs-margin-value.green{color:var(--docs-green);}
.docs-margin-value.navy{color:var(--docs-navy);}
.docs-margin-sub{font-size:.72rem;color:var(--docs-muted);margin-top:.2rem;}
@media(max-width:720px){.docs-margin-grid{grid-template-columns:1fr 1fr;}}

/* ════════════════════════════════════════════
   63. WIZARD STEPPER (Review / Submit / Complete)
════════════════════════════════════════════ */
.docs-wizard-stepper{display:flex;align-items:center;background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;padding:.85rem 1.25rem;margin:1.1rem 0;gap:0;}
.docs-ws-step{display:flex;align-items:center;gap:.5rem;flex:1;}
.docs-ws-circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"Outfit",sans-serif;font-weight:800;font-size:.75rem;flex-shrink:0;}
.docs-ws-circle.done   {background:var(--docs-green);color:#fff;}
.docs-ws-circle.active {background:var(--docs-navy);color:#fff;}
.docs-ws-circle.pending{background:var(--docs-off2);color:var(--docs-ghost);border:2px solid var(--docs-line2);}
.docs-ws-circle.done svg{width:12px;height:12px;stroke:#fff;stroke-width:3;fill:none;}
.docs-ws-label{font-family:"Outfit",sans-serif;font-size:.8rem;font-weight:600;}
.docs-ws-step.done    .docs-ws-label{color:var(--docs-green);}
.docs-ws-step.active  .docs-ws-label{color:var(--docs-navy);}
.docs-ws-step.pending .docs-ws-label{color:var(--docs-ghost);}
.docs-ws-line{flex:1;height:2px;margin:0 .5rem;}
.docs-ws-line.done   {background:var(--docs-green);}
.docs-ws-line.pending{background:var(--docs-line2);}

/* ════════════════════════════════════════════
   64. SUBMIT WIZARD FOOTER BAR
════════════════════════════════════════════ */
.docs-submit-bar{display:flex;align-items:center;justify-content:space-between;background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;padding:.85rem 1.25rem;margin:1rem 0;flex-wrap:wrap;gap:.75rem;}
.docs-sb-left{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--docs-muted);}
.docs-sb-left svg{width:13px;height:13px;flex-shrink:0;}
.docs-sb-right{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;}
.docs-sb-btn{display:inline-flex;align-items:center;gap:.4rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:7px 14px;border-radius:8px;border:1.5px solid;white-space:nowrap;}
.docs-sb-btn svg{width:11px;height:11px;flex-shrink:0;}
.docs-sb-secondary{color:var(--docs-blue);border-color:var(--docs-b15);background:var(--docs-b08);}
.docs-sb-primary   {color:#fff;border-color:var(--docs-green);background:var(--docs-green);}
.docs-sb-next      {color:#fff;border-color:var(--docs-navy);background:var(--docs-navy);}

/* ════════════════════════════════════════════
   65. PICKING WARNING BANNER
════════════════════════════════════════════ */
.docs-pick-warn{display:flex;align-items:center;gap:.65rem;background:rgba(217,119,6,.07);border:1px solid rgba(217,119,6,.25);border-radius:9px;padding:.75rem 1rem;margin:.65rem 0;font-size:.83rem;color:#92400e;cursor:pointer;}
.docs-pick-warn svg{width:15px;height:15px;stroke:var(--docs-amber);flex-shrink:0;}

/* ════════════════════════════════════════════
   66. COMPARISON CARD GRID (Standard vs Stock Take)
════════════════════════════════════════════ */
.docs-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.1rem 0;}
.docs-compare-card{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;padding:1.1rem 1.25rem;}
.docs-compare-card.stock{border-color:rgba(220,38,38,.2);background:rgba(220,38,38,.02);}
.docs-compare-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:.88rem;margin-bottom:.6rem;}
.docs-compare-card:not(.stock) .docs-compare-title{color:var(--docs-navy);}
.docs-compare-card.stock        .docs-compare-title{color:var(--docs-red);}
.docs-compare-list{display:flex;flex-direction:column;gap:.35rem;}
.docs-compare-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.8rem;color:var(--docs-body);line-height:1.55;}
.docs-compare-item::before{content:"";width:5px;height:5px;border-radius:50%;flex-shrink:0;margin-top:.45rem;}
.docs-compare-card:not(.stock) .docs-compare-item::before{background:var(--docs-blue);}
.docs-compare-card.stock        .docs-compare-item::before{background:var(--docs-red);}
@media(max-width:720px){.docs-compare-grid{grid-template-columns:1fr;}}

/* ════════════════════════════════════════════
   67. QC INSPECTION MODAL MOCK
════════════════════════════════════════════ */
.docs-qc-modal{background:var(--docs-white);border:2px solid rgba(109,40,217,.2);border-radius:14px;overflow:hidden;margin:1.25rem 0;}
.docs-qc-modal-head{background:linear-gradient(135deg,#1a3a5c,var(--docs-navy));padding:1rem 1.25rem;}
.docs-qc-modal-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:.95rem;color:#fff;margin-bottom:.2rem;}
.docs-qc-modal-sub{font-size:.75rem;color:rgba(255,255,255,.55);}
.docs-qc-modal-body{padding:1.1rem 1.25rem;}
.docs-qc-quarantine-warn{background:rgba(217,119,6,.08);border:1px solid rgba(217,119,6,.25);border-radius:8px;padding:.75rem 1rem;font-size:.82rem;color:#78350f;margin-bottom:1rem;display:flex;align-items:flex-start;gap:.6rem;line-height:1.55;}
.docs-qc-quarantine-warn svg{width:14px;height:14px;stroke:var(--docs-amber);flex-shrink:0;margin-top:1px;}
.docs-qc-product-card{border:1px solid var(--docs-line);border-radius:10px;padding:1rem 1.1rem;margin-bottom:.85rem;}
.docs-qc-product-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem;flex-wrap:wrap;gap:.5rem;}
.docs-qc-product-name{font-family:"Outfit",sans-serif;font-weight:700;font-size:.88rem;color:var(--docs-navy);}
.docs-qc-quarantine-badge{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.63rem;font-weight:700;padding:3px 8px;border-radius:100px;background:rgba(217,119,6,.1);color:var(--docs-amber);border:1px solid rgba(217,119,6,.25);}
.docs-qc-qty-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:.75rem;}
.docs-qc-qty-label{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--docs-ghost);margin-bottom:.35rem;}
.docs-qc-qty-input{display:flex;align-items:center;gap:.5rem;border:1px solid var(--docs-line2);border-radius:7px;padding:.5rem .75rem;font-size:.88rem;font-weight:600;color:var(--docs-navy);}
.docs-qc-qty-input.pass{border-color:rgba(5,150,105,.3);background:rgba(5,150,105,.05);}
.docs-qc-qty-input.rej{background:var(--docs-off);}
.docs-qc-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.docs-qc-qty-input.pass .docs-qc-dot{background:var(--docs-green);}
.docs-qc-qty-input.rej  .docs-qc-dot{background:var(--docs-ghost);}
.docs-qc-progress-bar{height:5px;border-radius:100px;background:var(--docs-off2);overflow:hidden;margin-bottom:.35rem;}
.docs-qc-progress-fill{height:100%;border-radius:100px;background:var(--docs-green);}
.docs-qc-progress-label{font-size:.72rem;color:var(--docs-green);font-weight:600;margin-bottom:.75rem;}
.docs-qc-fields{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.75rem;margin-bottom:.75rem;}
.docs-qc-field-label{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--docs-ghost);margin-bottom:.3rem;}
.docs-qc-field-val{font-size:.82rem;color:var(--docs-muted);background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:6px;padding:.4rem .65rem;}
.docs-checklist-header{display:flex;align-items:center;gap:.5rem;margin:.75rem 0 .5rem;font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--docs-navy);}
.docs-checklist-header svg{width:13px;height:13px;flex-shrink:0;}
.docs-qc-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.25rem;border-top:1px solid var(--docs-line);background:var(--docs-off);flex-wrap:wrap;gap:.5rem;}
.docs-qc-save-note{font-size:.73rem;color:var(--docs-ghost);}
.docs-qc-footer-btns{display:flex;gap:.6rem;}
@media(max-width:720px){.docs-qc-fields{grid-template-columns:1fr 1fr;}}

/* ════════════════════════════════════════════
   68. VARIANCE MODAL (Linked Barcodes / Stock Take)
════════════════════════════════════════════ */
.docs-variance-modal{background:var(--docs-white);border:2px solid var(--docs-line2);border-radius:14px;overflow:hidden;margin:1.25rem 0;}
.docs-vm-head{background:linear-gradient(135deg,#1a3a5c,var(--docs-navy));padding:1rem 1.25rem;}
.docs-vm-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:.95rem;color:#fff;margin-bottom:.2rem;}
.docs-vm-sub{font-size:.75rem;color:rgba(255,255,255,.55);}
.docs-vm-body{padding:1.1rem 1.25rem;}
.docs-vm-row{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border:1px solid var(--docs-line);border-radius:8px;margin-bottom:.4rem;flex-wrap:wrap;}
.docs-vm-row:hover{border-color:var(--docs-b15);}
.docs-vm-row-num{font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:700;color:var(--docs-ghost);width:18px;flex-shrink:0;}
.docs-vm-row-id{font-family:"JetBrains Mono","Courier New",monospace;font-size:.72rem;background:var(--docs-off2);border:1px solid var(--docs-line);border-radius:4px;padding:1px 6px;color:var(--docs-muted);}
.docs-vm-row-name{font-size:.84rem;font-weight:600;color:var(--docs-navy);flex:1;}
.docs-vm-row-type{font-size:.63rem;font-weight:700;padding:2px 7px;border-radius:100px;}
.docs-vm-type-assembly{background:var(--docs-b08);color:var(--docs-blue);border:1px solid var(--docs-b15);}
.docs-vm-type-item    {background:rgba(5,150,105,.08);color:var(--docs-green);border:1px solid rgba(5,150,105,.2);}
.docs-vm-variance{font-family:"Outfit",sans-serif;font-size:.82rem;font-weight:700;display:flex;align-items:center;gap:.2rem;}
.docs-vm-variance.up  {color:var(--docs-green);}
.docs-vm-variance.down{color:var(--docs-red);}
.docs-vm-variance.zero{color:var(--docs-ghost);}
.docs-vm-variance svg{width:10px;height:10px;flex-shrink:0;}
.docs-vm-unit{font-size:.72rem;color:var(--docs-muted);}
.docs-vm-footer{padding:.85rem 1.25rem;border-top:1px solid var(--docs-line);display:flex;justify-content:flex-end;}

/* ════════════════════════════════════════════
   69. GUIDE CARD (prominent cross-reference link)
════════════════════════════════════════════ */
.docs-guide-card{display:flex;align-items:center;gap:1.25rem;background:linear-gradient(135deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.5rem 1.75rem;margin:1.5rem 0;text-decoration:none;transition:opacity var(--docs-e);}
.docs-guide-card:hover{opacity:.9;}
.docs-guide-icon{width:48px;height:48px;border-radius:12px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-guide-icon svg{width:22px;height:22px;stroke:#fff;stroke-width:2;fill:none;}
.docs-guide-body{flex:1;}
.docs-guide-label{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:.3rem;}
.docs-guide-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:1.05rem;color:#fff;margin-bottom:.25rem;}
.docs-guide-desc{font-size:.82rem;color:rgba(255,255,255,.6);line-height:1.5;}
.docs-guide-arrow{width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-guide-arrow svg{width:14px;height:14px;stroke:#fff;stroke-width:2.5;fill:none;}

/* ════════════════════════════════════════════
   70. STATUS EDIT RESTRICTIONS TABLE
════════════════════════════════════════════ */
.docs-status-table{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:1.1rem 0;}
.docs-st-head{display:grid;grid-template-columns:130px 1fr 1fr 1fr;gap:0;border-bottom:2px solid var(--docs-line2);}
.docs-st-head span{font-family:"Outfit",sans-serif;font-size:.63rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--docs-ghost);padding:.6rem 1rem;background:var(--docs-off);}
.docs-st-row{display:grid;grid-template-columns:130px 1fr 1fr 1fr;gap:0;border-bottom:1px solid var(--docs-line);}
.docs-st-row:last-child{border-bottom:none;}
.docs-st-row>div{padding:.65rem 1rem;font-size:.82rem;line-height:1.55;border-right:1px solid var(--docs-line);}
.docs-st-row>div:last-child{border-right:none;}
.docs-st-field{font-weight:600;color:var(--docs-navy);}
.docs-st-yes{color:var(--docs-green);display:flex;align-items:center;gap:.35rem;}
.docs-st-yes svg{width:13px;height:13px;flex-shrink:0;}
.docs-st-no{color:var(--docs-red);display:flex;align-items:center;gap:.35rem;font-size:.8rem;}
.docs-st-no svg{width:13px;height:13px;flex-shrink:0;}
.docs-st-partial{color:var(--docs-amber);font-size:.8rem;}
.docs-st-badge{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.64rem;font-weight:700;padding:2px 8px;border-radius:100px;}
.docs-st-notstarted{background:var(--docs-off2);color:var(--docs-muted);border:1px solid var(--docs-line2);}
.docs-st-inprogress{background:var(--docs-b08);color:var(--docs-blue);border:1px solid var(--docs-b15);}
.docs-st-completed{background:rgba(5,150,105,.1);color:var(--docs-green);border:1px solid rgba(5,150,105,.2);}
@media(max-width:720px){
  .docs-st-head,.docs-st-row{grid-template-columns:100px 1fr;}
  .docs-st-head span:nth-child(n+3),.docs-st-row>div:nth-child(n+3){display:none;}
}

/* ════════════════════════════════════════════
   71. WORK INSTRUCTION — 5-STEP WIZARD HEADER CARD
════════════════════════════════════════════ */
.docs-wi-header{background:linear-gradient(160deg,var(--docs-navy-d) 0%,var(--docs-navy) 100%);border-radius:14px;padding:1.35rem 1.5rem;margin:1.1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-wi-header-left{display:flex;align-items:flex-start;gap:1rem;}
.docs-wi-header-icon{width:42px;height:42px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-wi-header-icon svg{width:20px;height:20px;stroke:#fff;stroke-width:2;fill:none;}
.docs-wi-bc{font-size:.62rem;color:rgba(255,255,255,.4);margin-bottom:.3rem;display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;}
.docs-wi-bc svg{width:7px;height:7px;flex-shrink:0;}
.docs-wi-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.15rem;color:#fff;letter-spacing:-.018em;margin-bottom:.2rem;}
.docs-wi-subtitle{font-size:.75rem;color:rgba(255,255,255,.55);}
.docs-wi-header-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0;}
.docs-wi-step-badge{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:.35rem .75rem;text-align:center;}
.docs-wi-step-label{font-family:"Outfit",sans-serif;font-size:.55rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:.12rem;}
.docs-wi-step-val{font-family:"Outfit",sans-serif;font-size:.88rem;font-weight:800;color:#fff;}
.docs-wi-active-badge{background:var(--docs-blue);border-radius:8px;padding:.35rem .75rem;text-align:center;border:1px solid rgba(255,255,255,.2);}
.docs-wi-active-label{font-family:"Outfit",sans-serif;font-size:.55rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:.12rem;}
.docs-wi-active-val{font-family:"Outfit",sans-serif;font-size:.88rem;font-weight:800;color:#fff;}

/* ════════════════════════════════════════════
   72. WORK INSTRUCTION — 5-STEP PROGRESS BAR
════════════════════════════════════════════ */
.docs-wi-stepper{display:flex;align-items:center;background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;padding:.85rem 1.25rem;margin:1.1rem 0;}
.docs-wi-step{display:flex;align-items:center;gap:.45rem;flex:1;min-width:0;}
.docs-wi-circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"Outfit",sans-serif;font-weight:800;font-size:.75rem;flex-shrink:0;}
.docs-wi-circle.done  {background:var(--docs-green);color:#fff;}
.docs-wi-circle.active{background:var(--docs-navy); color:#fff;}
.docs-wi-circle.pending{background:var(--docs-off2);color:var(--docs-ghost);border:2px solid var(--docs-line2);}
.docs-wi-circle.done svg{width:12px;height:12px;stroke:#fff;stroke-width:3;fill:none;}
.docs-wi-label{font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.docs-wi-step.done    .docs-wi-label{color:var(--docs-green);}
.docs-wi-step.active  .docs-wi-label{color:var(--docs-navy);}
.docs-wi-step.pending .docs-wi-label{color:var(--docs-ghost);}
.docs-wi-line{flex-shrink:0;width:20px;height:2px;margin:0 .25rem;}
.docs-wi-line.done   {background:var(--docs-green);}
.docs-wi-line.pending{background:var(--docs-line2);}
@media(max-width:720px){.docs-wi-label{display:none;}.docs-wi-stepper{padding:.65rem .75rem;}}

/* ════════════════════════════════════════════
   73. SUBMIT / FOOTER BAR (wizard footer buttons)
════════════════════════════════════════════ */
.docs-sub-bar{display:flex;align-items:center;justify-content:space-between;background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;padding:.85rem 1.25rem;margin:1rem 0;flex-wrap:wrap;gap:.75rem;}
.docs-sub-bar-left{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--docs-muted);}
.docs-sub-bar-left svg{width:13px;height:13px;flex-shrink:0;}
.docs-sub-bar-right{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;}
.docs-sb2{display:inline-flex;align-items:center;gap:.4rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:7px 14px;border-radius:8px;border:1.5px solid;white-space:nowrap;}
.docs-sb2 svg{width:11px;height:11px;flex-shrink:0;}
.docs-sb2-cancel  {color:var(--docs-red);  border-color:rgba(220,38,38,.3); background:rgba(220,38,38,.05);}
.docs-sb2-secondary{color:var(--docs-blue); border-color:var(--docs-b15);   background:var(--docs-b08);}
.docs-sb2-primary  {color:#fff;            border-color:var(--docs-green);  background:var(--docs-green);}
.docs-sb2-navy     {color:#fff;            border-color:var(--docs-navy);   background:var(--docs-navy);}

/* ════════════════════════════════════════════
   74. GENERAL STEP — FORM CARD MOCK
════════════════════════════════════════════ */
.docs-form-card{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;padding:1.25rem 1.4rem;margin:.85rem 0;}
.docs-form-card-head{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.1rem;padding-bottom:.9rem;border-bottom:1px solid var(--docs-line);}
.docs-form-card-icon{width:30px;height:30px;border-radius:8px;background:var(--docs-b08);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-form-card-icon svg{width:14px;height:14px;stroke:var(--docs-blue);stroke-width:2;fill:none;}
.docs-form-card-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.9rem;color:var(--docs-navy);}
.docs-form-card-sub{font-size:.76rem;color:var(--docs-muted);margin-top:.15rem;}
.docs-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;}
.docs-form-field{display:flex;flex-direction:column;gap:.3rem;}
.docs-form-label{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--docs-muted);}
.docs-form-label span{color:var(--docs-red);margin-left:2px;}
.docs-form-input{background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:7px;padding:.5rem .75rem;font-size:.86rem;color:var(--docs-ghost);}
@media(max-width:720px){.docs-form-grid{grid-template-columns:1fr;}}

/* ════════════════════════════════════════════
   75. TYPE PILLS GRID (10 work instruction types)
════════════════════════════════════════════ */
.docs-type-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem;margin:.6rem 0;}
.docs-type-pill{font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:600;padding:5px 10px;border-radius:100px;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);text-align:center;}
@media(max-width:720px){.docs-type-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:480px){.docs-type-grid{grid-template-columns:repeat(2,1fr);}}

/* ════════════════════════════════════════════
   76. CATALOGUE TOGGLE BUTTON + ITEM TABLE
════════════════════════════════════════════ */
.docs-catalogue-toggle{display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--docs-navy);color:#fff;border-radius:8px;padding:.65rem 1rem;font-family:"Outfit",sans-serif;font-size:.82rem;font-weight:700;margin:.75rem 0;}
.docs-catalogue-toggle svg{width:13px;height:13px;stroke:#fff;stroke-width:2;fill:none;}
.docs-cat-table{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:10px;overflow:hidden;margin:.65rem 0;}
.docs-cat-col-heads{display:grid;grid-template-columns:60px 1fr 90px 110px 80px 75px 60px;gap:0;background:var(--docs-off);}
.docs-cat-col-head{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--docs-ghost);padding:.5rem .65rem;border-bottom:1px solid var(--docs-line2);white-space:nowrap;}
.docs-cat-row{display:grid;grid-template-columns:60px 1fr 90px 110px 80px 75px 60px;gap:0;border-bottom:1px solid var(--docs-line);}
.docs-cat-row:last-child{border-bottom:none;}
.docs-cat-cell{padding:.55rem .65rem;font-size:.8rem;color:var(--docs-body);align-self:center;}
.docs-cat-badge{display:inline-flex;font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;padding:2px 7px;border-radius:100px;}
.docs-cat-item    {background:rgba(5,150,105,.08);color:var(--docs-green);border:1px solid rgba(5,150,105,.2);}
.docs-cat-assembly{background:var(--docs-b08);color:var(--docs-blue);border:1px solid var(--docs-b15);}
.docs-cat-active  {background:rgba(5,150,105,.1);color:var(--docs-green);border:1px solid rgba(5,150,105,.2);}
.docs-cat-stock-down{color:var(--docs-red);font-weight:600;font-size:.78rem;}
.docs-cat-stock-up  {color:var(--docs-green);font-weight:600;font-size:.78rem;}
@media(max-width:720px){
  .docs-cat-col-heads,.docs-cat-row{grid-template-columns:50px 1fr 80px 70px;}
  .docs-cat-col-head:nth-child(n+5),.docs-cat-cell:nth-child(n+5){display:none;}
}

/* ════════════════════════════════════════════
   77. BOM STEP — CONDITION CARDS (Assembly vs Item)
════════════════════════════════════════════ */
.docs-condition-card{border-radius:10px;border:1.5px dashed;padding:1rem 1.25rem;margin:.85rem 0;}
.docs-condition-card.assembly{border-color:var(--docs-b15);background:var(--docs-b08);}
.docs-condition-card.item    {border-color:rgba(5,150,105,.25);background:rgba(5,150,105,.05);}
.docs-condition-label{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem;display:flex;align-items:center;gap:.4rem;}
.docs-condition-card.assembly .docs-condition-label{color:var(--docs-blue);}
.docs-condition-card.item     .docs-condition-label{color:var(--docs-green);}
.docs-condition-badge{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;padding:2px 8px;border-radius:100px;color:#fff;}
.docs-condition-card.assembly .docs-condition-badge{background:var(--docs-blue);}
.docs-condition-card.item     .docs-condition-badge{background:var(--docs-green);}
.docs-condition-body{font-size:.85rem;color:var(--docs-body);line-height:1.7;}

/* ════════════════════════════════════════════
   78. BOM FLOW CARD (catalogue + arrow + current BOM)
════════════════════════════════════════════ */
.docs-bom-flow{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.85rem 0;}
.docs-bom-section{padding:1.1rem 1.4rem;border-bottom:1px solid var(--docs-line);}
.docs-bom-section:last-child{border-bottom:none;}
.docs-bom-section-head{display:flex;align-items:center;gap:.65rem;margin-bottom:.85rem;}
.docs-bom-section-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.84rem;color:var(--docs-navy);}
.docs-bom-section-sub{font-size:.73rem;color:var(--docs-muted);margin-top:.12rem;}
.docs-bom-arrow{display:flex;align-items:center;justify-content:center;padding:.65rem;background:var(--docs-off);border-top:1px solid var(--docs-line);border-bottom:1px solid var(--docs-line);}
.docs-bom-arrow svg{width:20px;height:20px;color:var(--docs-blue);}
.docs-bom-radio-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;}
.docs-bom-radio{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--docs-muted);}
.docs-bom-radio.sel{color:var(--docs-blue);font-weight:600;}
.docs-bom-radio-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--docs-line2);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-bom-radio.sel .docs-bom-radio-dot{border-color:var(--docs-blue);background:var(--docs-blue);}
.docs-bom-radio.sel .docs-bom-radio-dot::after{content:"";width:6px;height:6px;border-radius:50%;background:#fff;}

/* ════════════════════════════════════════════
   79. IMAGES / ASSETS — UPLOAD ZONE
════════════════════════════════════════════ */
.docs-upload-zone{border:2px dashed rgba(2,116,190,.3);border-radius:10px;background:rgba(2,116,190,.03);padding:2rem 1.5rem;text-align:center;margin:.75rem 0;}
.docs-upload-zone svg{width:32px;height:32px;color:var(--docs-blue);margin:0 auto .85rem;}
.docs-upload-zone-text{font-size:.88rem;color:var(--docs-muted);font-weight:500;margin-bottom:.3rem;}
.docs-upload-zone-hint{font-size:.74rem;color:var(--docs-ghost);}

/* ════════════════════════════════════════════
   80. STEPFLOW — SUCCESS CARD
════════════════════════════════════════════ */
.docs-success-card{background:linear-gradient(160deg,rgba(5,150,105,.06),rgba(5,150,105,.04));border:1.5px solid rgba(5,150,105,.2);border-radius:14px;padding:2.25rem 1.5rem;text-align:center;margin:1.25rem 0;}
.docs-success-icon{width:56px;height:56px;border-radius:50%;background:var(--docs-green);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;}
.docs-success-icon svg{width:26px;height:26px;stroke:#fff;stroke-width:2.5;fill:none;}
.docs-success-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.35rem;color:var(--docs-navy);letter-spacing:-.02em;margin-bottom:.4rem;}
.docs-success-sub{font-size:.88rem;color:var(--docs-muted);margin-bottom:1rem;}
.docs-success-badges{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;}
.docs-success-badge{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:700;padding:4px 12px;border-radius:100px;background:var(--docs-white);border:1px solid var(--docs-line);}
.docs-success-badge svg{width:11px;height:11px;flex-shrink:0;}

/* ════════════════════════════════════════════
   81. NEXT OPTION CARDS (Create Steps / View WI)
════════════════════════════════════════════ */
.docs-next-option{display:flex;align-items:center;gap:1rem;background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;padding:1rem 1.25rem;margin:.55rem 0;text-decoration:none;transition:all var(--docs-e);}
.docs-next-option:hover{border-color:var(--docs-b15);box-shadow:var(--docs-sh);transform:translateY(-1px);}
.docs-next-option-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-next-option-icon svg{width:18px;height:18px;stroke-width:2;fill:none;}
.docs-next-option-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.88rem;color:var(--docs-navy);margin-bottom:.15rem;}
.docs-next-option-desc{font-size:.77rem;color:var(--docs-muted);}
.docs-next-option-arr{margin-left:auto;width:28px;height:28px;border-radius:7px;background:var(--docs-off);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-next-option-arr svg{width:13px;height:13px;color:var(--docs-muted);}

/* ════════════════════════════════════════════
   82. WI DETAILS — PAGE HEADER CARD
════════════════════════════════════════════ */
.docs-wi-detail-header{background:linear-gradient(160deg,var(--docs-navy-d) 0%,var(--docs-navy) 100%);border-radius:14px;padding:1.35rem 1.5rem;margin:1.1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:nowrap;}
.docs-wdh-left{display:flex;align-items:flex-start;gap:1rem;flex:1;min-width:0;overflow:hidden;}
.docs-wdh-icon{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-wdh-icon svg{width:18px;height:18px;stroke:#fff;stroke-width:2;fill:none;}
.docs-wdh-bc{font-size:.62rem;color:rgba(255,255,255,.4);margin-bottom:.25rem;display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;}
.docs-wdh-bc svg{width:7px;height:7px;flex-shrink:0;}
.docs-wdh-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.2rem;color:#fff;letter-spacing:-.018em;}
.docs-wdh-sub{font-size:.73rem;color:rgba(255,255,255,.5);margin-top:.15rem;}
.docs-wdh-badge{background:var(--docs-blue);border-radius:8px;padding:.35rem .85rem;border:1px solid rgba(255,255,255,.2);flex-shrink:0;align-self:flex-start;}
.docs-wdh-badge-label{font-family:"Outfit",sans-serif;font-size:.55rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:.1rem;}
.docs-wdh-badge-val{font-family:"Outfit",sans-serif;font-size:.88rem;font-weight:800;color:#fff;}

/* ════════════════════════════════════════════
   83. WI DETAILS — TAB NAVIGATION (Info / Step Flow)
════════════════════════════════════════════ */
.docs-wi-tabs{display:flex;align-items:center;background:var(--docs-white);border:1px solid var(--docs-line);border-radius:10px;padding:.3rem;margin:.85rem 0;gap:.2rem;flex-wrap:wrap;}
.docs-wi-tab{font-family:"Outfit",sans-serif;font-size:.8rem;font-weight:600;padding:6px 18px;border-radius:7px;color:var(--docs-muted);}
.docs-wi-tab.act{background:var(--docs-navy);color:#fff;}

/* ════════════════════════════════════════════
   84. WI DETAILS — INFO SECTION CARDS
════════════════════════════════════════════ */
.docs-wi-info-card{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;margin:.85rem 0;overflow:hidden;}
.docs-wic-head{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;border-bottom:1px solid var(--docs-line);gap:.75rem;flex-wrap:wrap;}
.docs-wic-head-left{display:flex;align-items:center;gap:.65rem;}
.docs-wic-head-icon{width:26px;height:26px;border-radius:7px;background:var(--docs-b08);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-wic-head-icon svg{width:12px;height:12px;stroke:var(--docs-blue);stroke-width:2;fill:none;}
.docs-wic-head-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.84rem;color:var(--docs-navy);}
.docs-wic-head-sub{font-size:.72rem;color:var(--docs-muted);margin-top:.1rem;}
.docs-wic-head-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;padding:5px 12px;border-radius:7px;background:var(--docs-b08);border:1px solid var(--docs-b15);color:var(--docs-blue);white-space:nowrap;}
.docs-wic-head-btn svg{width:10px;height:10px;flex-shrink:0;}
.docs-wic-body{padding:1.1rem 1.25rem;}

/* ════════════════════════════════════════════
   85. WI DETAILS — OVERVIEW PANEL (image + metadata)
════════════════════════════════════════════ */
.docs-wi-overview{display:flex;align-items:flex-start;gap:1.25rem;padding:1.1rem 1.25rem;}
.docs-wi-overview-thumb{width:100px;height:90px;border-radius:8px;background:var(--docs-off2);border:1px solid var(--docs-line);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.docs-wi-overview-thumb svg{width:28px;height:28px;color:var(--docs-ghost);}
.docs-wi-overview-body{flex:1;min-width:0;}
.docs-wi-overview-name{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.2rem;color:var(--docs-navy);letter-spacing:-.018em;margin-bottom:.65rem;}
.docs-wi-meta-grid{display:grid;grid-template-columns:80px 1fr;gap:.3rem .85rem;font-size:.82rem;}
.docs-wi-meta-label{color:var(--docs-muted);font-weight:500;}
.docs-wi-meta-val{color:var(--docs-navy);font-weight:500;}
.docs-wi-meta-val a{color:var(--docs-blue);}
@media(max-width:720px){.docs-wi-overview{flex-direction:column;}.docs-wi-meta-grid{grid-template-columns:70px 1fr;}}

/* ════════════════════════════════════════════
   86. STATUS / TYPE BADGES (Active, Discontinued, Item, Assembly)
════════════════════════════════════════════ */
.docs-badge{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.68rem;font-weight:700;padding:3px 9px;border-radius:100px;}
.docs-badge-active      {background:rgba(5,150,105,.1); color:var(--docs-green);border:1px solid rgba(5,150,105,.2);}
.docs-badge-discontinued{background:rgba(217,119,6,.1); color:var(--docs-amber);border:1px solid rgba(217,119,6,.25);}
.docs-badge-item        {background:rgba(5,150,105,.08);color:var(--docs-green);border:1px solid rgba(5,150,105,.18);}
.docs-badge-assembly    {background:var(--docs-b08);    color:var(--docs-blue); border:1px solid var(--docs-b15);}

/* ════════════════════════════════════════════
   87. IMAGES GALLERY + ASSETS LIST
════════════════════════════════════════════ */
.docs-wi-images-row{display:flex;gap:.65rem;padding:1.1rem 1.25rem;flex-wrap:wrap;}
.docs-wi-image-thumb{width:110px;height:85px;border-radius:8px;background:var(--docs-off2);border:1px solid var(--docs-line);display:flex;align-items:center;justify-content:center;position:relative;}
.docs-wi-image-thumb svg{width:22px;height:22px;color:var(--docs-ghost);}
.docs-wi-image-primary{position:absolute;top:5px;left:5px;font-family:"Outfit",sans-serif;font-size:.55rem;font-weight:700;background:var(--docs-blue);color:#fff;padding:1px 6px;border-radius:4px;}
.docs-wi-assets-list{padding:.85rem 1.25rem;display:flex;flex-direction:column;gap:.5rem;}
.docs-wi-asset-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .85rem;background:var(--docs-off);border:1px solid var(--docs-line);border-radius:8px;}
.docs-wi-asset-icon{width:30px;height:30px;border-radius:6px;background:rgba(5,150,105,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-wi-asset-icon svg{width:14px;height:14px;stroke:var(--docs-green);stroke-width:2;fill:none;}
.docs-wi-asset-type{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;color:var(--docs-green);text-transform:uppercase;letter-spacing:.04em;}
.docs-wi-asset-name{font-size:.84rem;font-weight:600;color:var(--docs-navy);margin-top:.08rem;}

/* ════════════════════════════════════════════
   88. BOM TABLE (navy header, thumbnail column)
════════════════════════════════════════════ */
.docs-bom-table-wrap{overflow-x:auto;}
.docs-bom-table{width:100%;border-collapse:collapse;font-size:.82rem;}
.docs-bom-table th{text-align:left;padding:.55rem .85rem;font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.15);background:var(--docs-navy);color:#fff;white-space:nowrap;}
.docs-bom-table td{padding:.6rem .85rem;border-bottom:1px solid var(--docs-line);color:var(--docs-body);vertical-align:middle;}
.docs-bom-table tr:last-child td{border-bottom:none;}
.docs-bom-thumb{width:30px;height:28px;border-radius:5px;background:var(--docs-off2);border:1px solid var(--docs-line);display:flex;align-items:center;justify-content:center;}
.docs-bom-thumb svg{width:12px;height:12px;color:var(--docs-ghost);}
.docs-bom-item-name{font-weight:600;color:var(--docs-navy);}

/* ════════════════════════════════════════════
   89. VERSION HISTORY — EMPTY STATE
════════════════════════════════════════════ */
.docs-ver-history-empty{display:flex;align-items:center;gap:.6rem;font-size:.84rem;color:var(--docs-muted);padding:.65rem 0;}
.docs-ver-history-empty svg{width:14px;height:14px;flex-shrink:0;}

/* ════════════════════════════════════════════
   90. STEP FLOW CANVAS MOCK (dot-grid + nodes)
════════════════════════════════════════════ */
.docs-sf-canvas{background:var(--docs-off);border:1px solid var(--docs-line);border-radius:12px;padding:1.75rem;margin:1.1rem 0;min-height:320px;position:relative;overflow:hidden;}
.docs-sf-dot-grid{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(2,63,104,.12) 1px,transparent 1px);background-size:22px 22px;pointer-events:none;}
.docs-sf-flow{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;}
.docs-sf-node{border:2px solid var(--docs-blue);border-radius:10px;padding:.65rem 1.75rem;font-family:"Outfit",sans-serif;font-weight:700;font-size:.92rem;background:var(--docs-white);min-width:130px;text-align:center;}
.docs-sf-node.start{color:var(--docs-green);}
.docs-sf-node.step {color:var(--docs-blue);}
.docs-sf-node.end  {color:var(--docs-red);}
.docs-sf-connector{display:flex;flex-direction:column;align-items:center;height:50px;justify-content:space-between;}
.docs-sf-dot{width:8px;height:8px;border-radius:50%;background:#333;flex-shrink:0;}
.docs-sf-line{width:2px;flex:1;background:repeating-linear-gradient(to bottom,#aaa 0,#aaa 4px,transparent 4px,transparent 8px);}
.docs-sf-zoom{position:absolute;bottom:14px;left:14px;display:flex;flex-direction:column;gap:4px;z-index:2;}
.docs-sf-zoom-btn{width:24px;height:24px;border-radius:5px;background:var(--docs-white);border:1px solid var(--docs-line2);display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--docs-muted);}

/* ════════════════════════════════════════════
   91. ACTION BAR (Report Issue / Delete / Edit / Start)
════════════════════════════════════════════ */
.docs-action-bar{display:flex;align-items:center;justify-content:space-between;background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;padding:.85rem 1.25rem;margin:1rem 0;flex-wrap:wrap;gap:.6rem;}
.docs-ab-left{font-size:.82rem;color:var(--docs-muted);display:flex;align-items:center;gap:.4rem;}
.docs-ab-left svg{width:13px;height:13px;flex-shrink:0;}
.docs-ab-right{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;}
.docs-ab-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.76rem;font-weight:700;padding:7px 13px;border-radius:8px;border:1.5px solid;white-space:nowrap;}
.docs-ab-btn svg{width:11px;height:11px;flex-shrink:0;}
.docs-ab-issue {color:var(--docs-amber);border-color:rgba(217,119,6,.3); background:rgba(217,119,6,.06);}
.docs-ab-delete{color:var(--docs-red);  border-color:rgba(220,38,38,.3); background:rgba(220,38,38,.05);}
.docs-ab-edit  {color:var(--docs-blue); border-color:var(--docs-b15);   background:var(--docs-b08);}
.docs-ab-start {color:#fff;            border-color:var(--docs-green);  background:var(--docs-green);}

/* ════════════════════════════════════════════
   92. STEPFLOW EDITOR — FULL LAYOUT MOCK
════════════════════════════════════════════ */
.docs-editor-mock{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:14px;overflow:hidden;margin:1.1rem 0;}
/* top bar */
.docs-em-topbar{background:#4a90b8;display:flex;align-items:center;justify-content:space-between;padding:.45rem .85rem;gap:.5rem;flex-wrap:wrap;}
.docs-em-tb-left{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;}
.docs-em-tb-btn{width:22px;height:22px;border-radius:4px;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff;font-family:"Outfit",sans-serif;flex-shrink:0;}
.docs-em-tb-sep{width:1px;height:14px;background:rgba(255,255,255,.2);flex-shrink:0;}
.docs-em-tb-dropdown{display:flex;align-items:center;gap:4px;background:rgba(255,255,255,.15);border-radius:4px;padding:3px 8px;font-size:.7rem;color:#fff;font-family:"Outfit",sans-serif;font-weight:600;}
.docs-em-tb-right{display:flex;align-items:center;gap:.65rem;font-size:.72rem;color:rgba(255,255,255,.85);flex-wrap:wrap;}
.docs-em-tb-share{background:var(--docs-green);color:#fff;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;padding:4px 12px;border-radius:6px;white-space:nowrap;}
/* body */
.docs-em-body{display:flex;min-height:300px;}
/* canvas */
.docs-em-canvas{width:38%;border-right:1px solid var(--docs-line);background:var(--docs-off);position:relative;overflow:hidden;flex-shrink:0;}
.docs-em-dot-grid{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(2,63,104,.1) 1px,transparent 1px);background-size:18px 18px;}
.docs-em-nodes{position:relative;z-index:1;padding:1.25rem .85rem;display:flex;flex-direction:column;align-items:center;}
.docs-em-node{border:2px solid;border-radius:8px;padding:.4rem 1rem;font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:700;text-align:center;background:var(--docs-white);min-width:95px;}
.docs-em-node.start  {border-color:var(--docs-green);color:var(--docs-green);}
.docs-em-node.step   {border-color:var(--docs-blue); color:var(--docs-blue);}
.docs-em-node.end    {border-color:var(--docs-blue); color:var(--docs-red);}
.docs-em-connector{display:flex;flex-direction:column;align-items:center;height:36px;justify-content:space-between;}
.docs-em-dot{width:7px;height:7px;border-radius:50%;background:#333;flex-shrink:0;}
.docs-em-line{width:2px;flex:1;background:repeating-linear-gradient(to bottom,#aaa 0,#aaa 3px,transparent 3px,transparent 6px);}
.docs-em-zoom{position:absolute;bottom:8px;left:8px;display:flex;flex-direction:column;gap:3px;z-index:2;}
.docs-em-zoom-btn{width:20px;height:20px;border-radius:4px;background:var(--docs-white);border:1px solid var(--docs-line2);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--docs-muted);}
.docs-em-node-types{position:absolute;bottom:8px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:0 .5rem;}
/* editor panel */
.docs-em-editor{flex:1;background:var(--docs-off);display:flex;flex-direction:column;min-width:0;}
.docs-em-node-name{padding:.65rem 1rem;border-bottom:1px solid var(--docs-line);font-size:.82rem;color:var(--docs-body);}
.docs-em-node-name span{font-weight:600;color:var(--docs-navy);}
.docs-em-content{flex:1;padding:1rem;font-size:.84rem;color:var(--docs-muted);font-style:italic;}
.docs-em-footer{display:flex;align-items:center;justify-content:space-between;padding:.55rem 1rem;border-top:1px solid var(--docs-line);background:var(--docs-white);}
.docs-em-go-back{font-size:.78rem;color:var(--docs-red);font-weight:600;}
.docs-em-save{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:6px 14px;border-radius:7px;background:var(--docs-green);color:#fff;}
.docs-em-save svg{width:11px;height:11px;flex-shrink:0;}
/* right sidebar */
.docs-em-sidebar{width:52px;border-left:1px solid var(--docs-line);background:var(--docs-white);display:flex;flex-direction:column;align-items:center;padding:.75rem 0;gap:.5rem;flex-shrink:0;}
.docs-em-sb-btn{width:36px;height:36px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;}
.docs-em-sb-btn svg{width:16px;height:16px;color:var(--docs-blue);}
.docs-em-sb-label{font-family:"Outfit",sans-serif;font-size:.52rem;font-weight:700;color:var(--docs-blue);}
/* node type buttons */
.docs-em-nt-btn{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;padding:3px 8px;border-radius:5px;white-space:nowrap;}
.docs-em-nt-start  {background:var(--docs-green);color:#fff;}
.docs-em-nt-default{background:var(--docs-white);border:1.5px solid var(--docs-blue);color:var(--docs-blue);}
.docs-em-nt-end    {background:var(--docs-white);border:1.5px solid var(--docs-red); color:var(--docs-red);}
@media(max-width:720px){
  .docs-em-body{flex-direction:column;}
  .docs-em-canvas{width:100%;min-height:200px;border-right:none;border-bottom:1px solid var(--docs-line);}
}

/* ════════════════════════════════════════════
   93. NODE TYPE CARDS (Start / Default / End)
════════════════════════════════════════════ */
.docs-node-type-row{display:flex;gap:.65rem;margin:.85rem 0;flex-wrap:wrap;}
.docs-node-card{flex:1;min-width:130px;background:var(--docs-white);border:1px solid var(--docs-line);border-radius:10px;padding:1rem;text-align:center;}
.docs-node-card-badge{display:inline-flex;border:2px solid;border-radius:7px;padding:.35rem 1.25rem;font-family:"Outfit",sans-serif;font-weight:700;font-size:.9rem;margin-bottom:.6rem;}
.docs-node-card-badge.start{border-color:var(--docs-green);color:var(--docs-green);}
.docs-node-card-badge.step {border-color:var(--docs-blue); color:var(--docs-blue);}
.docs-node-card-badge.end  {border-color:var(--docs-blue); color:var(--docs-red);}
.docs-node-card-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;color:var(--docs-navy);margin-bottom:.25rem;}
.docs-node-card-desc{font-size:.74rem;color:var(--docs-muted);line-height:1.55;}
.docs-node-type-btn-row{display:flex;align-items:center;gap:.55rem;margin:.65rem 0;flex-wrap:wrap;}
.docs-nt-btn{display:inline-flex;align-items:center;font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:700;padding:6px 14px;border-radius:7px;}
.docs-nt-btn.start  {background:var(--docs-green);color:#fff;}
.docs-nt-btn.default{background:var(--docs-white);border:2px solid var(--docs-blue);color:var(--docs-blue);}
.docs-nt-btn.end    {background:var(--docs-white);border:2px solid var(--docs-red); color:var(--docs-red);}
@media(max-width:720px){.docs-node-type-row{flex-direction:column;}}

/* ════════════════════════════════════════════
   94. FORMATTING TOOLBAR MOCK
════════════════════════════════════════════ */
.docs-toolbar-mock{background:#4a90b8;border-radius:8px;padding:.55rem .85rem;display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;margin:.85rem 0;}
.docs-tb-item{width:22px;height:22px;border-radius:4px;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff;font-family:"Outfit",sans-serif;flex-shrink:0;}
.docs-tb-sep-v{width:1px;height:16px;background:rgba(255,255,255,.25);flex-shrink:0;}
.docs-tb-dropdown{display:flex;align-items:center;gap:4px;background:rgba(255,255,255,.15);border-radius:4px;padding:3px 8px;font-size:.7rem;color:#fff;font-family:"Outfit",sans-serif;font-weight:600;}

/* ════════════════════════════════════════════
   95. BOM MODAL MOCK (StepFlow editor sidebar)
════════════════════════════════════════════ */
.docs-bom-modal{background:var(--docs-white);border:1px solid var(--docs-line2);border-radius:12px;overflow:hidden;margin:.85rem 0;box-shadow:var(--docs-sh);}
.docs-bom-modal-head{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.1rem;border-bottom:1px solid var(--docs-line);}
.docs-bom-modal-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:1rem;color:var(--docs-navy);}
.docs-bom-modal-close{color:var(--docs-red);font-size:.8rem;font-weight:700;}
.docs-bom-modal-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;padding:.6rem 1.1rem;border-bottom:1px solid var(--docs-line);}
.docs-bom-modal-tbtn{display:inline-flex;align-items:center;gap:.35rem;font-size:.74rem;color:var(--docs-muted);padding:5px 10px;border:1px solid var(--docs-line2);border-radius:6px;background:var(--docs-off);}
.docs-bom-modal-tbtn svg{width:11px;height:11px;flex-shrink:0;}
.docs-bom-modal-bom-wrap{overflow-x:auto;}
.docs-bom-modal-table{width:100%;border-collapse:collapse;font-size:.8rem;}
.docs-bom-modal-table th{text-align:left;padding:.5rem .85rem;font-family:"Outfit",sans-serif;font-size:.59rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--docs-blue);white-space:nowrap;}
.docs-bom-modal-table td{padding:.55rem .85rem;border-bottom:1px solid var(--docs-line);color:var(--docs-body);vertical-align:middle;}
.docs-bom-modal-table tr:last-child td{border-bottom:none;}
.docs-bm-badge{display:inline-flex;font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;padding:2px 9px;border-radius:100px;}
.docs-bm-active{background:rgba(5,150,105,.1);color:var(--docs-green);border:1px solid rgba(5,150,105,.2);}
.docs-bm-disc  {background:rgba(220,38,38,.1); color:var(--docs-red);  border:1px solid rgba(220,38,38,.2);}
.docs-bom-modal-footer{display:flex;justify-content:flex-end;padding:.7rem 1.1rem;border-top:1px solid var(--docs-line);}
.docs-bom-modal-ok{background:var(--docs-green);color:#fff;font-family:"Outfit",sans-serif;font-weight:700;font-size:.8rem;padding:7px 28px;border-radius:8px;}

/* ════════════════════════════════════════════
   96. BRANCHING CANVAS MOCK
════════════════════════════════════════════ */
.docs-branch-canvas{background:var(--docs-off);border:1px solid var(--docs-line);border-radius:12px;padding:1.5rem 1rem;margin:.85rem 0;min-height:240px;position:relative;overflow:hidden;}
.docs-bc-dot-grid{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(2,63,104,.1) 1px,transparent 1px);background-size:18px 18px;}
.docs-bc-flow{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;}
.docs-bc-node{border:2px solid;border-radius:8px;padding:.4rem .9rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;text-align:center;background:var(--docs-white);min-width:85px;}
.docs-bc-node.start{border-color:var(--docs-green);color:var(--docs-green);}
.docs-bc-node.step {border-color:var(--docs-blue); color:var(--docs-blue);}
.docs-bc-node.end  {border-color:var(--docs-blue); color:var(--docs-red);}
.docs-bc-line-v{width:2px;height:28px;background:repeating-linear-gradient(to bottom,#aaa 0,#aaa 3px,transparent 3px,transparent 6px);margin:0 auto;}
.docs-bc-dot{width:7px;height:7px;border-radius:50%;background:#333;margin:0 auto;}

/* ════════════════════════════════════════════
   97. EXECUTION MODE — FULL LAYOUT MOCK
════════════════════════════════════════════ */
.docs-exec-mock{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:14px;overflow:hidden;margin:1.1rem 0;}
/* info bar */
.docs-exec-bar{background:#4a90b8;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;gap:.5rem;flex-wrap:wrap;}
.docs-exec-bar-meta{display:flex;align-items:center;gap:1.25rem;font-size:.72rem;color:rgba(255,255,255,.85);flex-wrap:wrap;}
.docs-exec-bar-meta span strong{color:#fff;}
.docs-exec-share{background:var(--docs-green);color:#fff;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;padding:4px 12px;border-radius:6px;flex-shrink:0;}
/* body */
.docs-exec-body{display:flex;min-height:280px;}
/* canvas */
.docs-exec-canvas{width:35%;border-right:1px solid var(--docs-line);background:var(--docs-off);position:relative;overflow:hidden;flex-shrink:0;}
.docs-exec-dot-grid{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(2,63,104,.1) 1px,transparent 1px);background-size:18px 18px;}
.docs-exec-nodes{position:relative;z-index:1;padding:1.25rem .85rem;display:flex;flex-direction:column;align-items:center;}
.docs-exec-node{border:2.5px solid var(--docs-blue);border-radius:8px;padding:.4rem .9rem;font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:700;text-align:center;background:var(--docs-white);min-width:90px;transition:border-color .2s;}
.docs-exec-node.current{border-color:var(--docs-green) !important;}
.docs-exec-node.start-type{color:var(--docs-green);}
.docs-exec-node.step-type {color:var(--docs-blue);}
.docs-exec-node.end-type  {color:var(--docs-red);}
.docs-exec-connector{display:flex;flex-direction:column;align-items:center;height:34px;justify-content:space-between;}
.docs-exec-dot{width:7px;height:7px;border-radius:50%;background:#333;flex-shrink:0;}
.docs-exec-line{width:2px;flex:1;background:repeating-linear-gradient(to bottom,#aaa 0,#aaa 3px,transparent 3px,transparent 6px);}
.docs-exec-zoom{position:absolute;bottom:8px;left:8px;display:flex;flex-direction:column;gap:3px;z-index:2;}
.docs-exec-zoom-btn{width:20px;height:20px;border-radius:4px;background:var(--docs-white);border:1px solid var(--docs-line2);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--docs-muted);}
/* content panel */
.docs-exec-content{flex:1;display:flex;flex-direction:column;background:var(--docs-off);min-width:0;}
.docs-exec-node-name{padding:.75rem 1rem;font-size:1rem;font-weight:700;font-family:"Outfit",sans-serif;color:var(--docs-navy);}
.docs-exec-node-body{flex:1;padding:.25rem 1rem 1rem;font-size:.88rem;color:var(--docs-body);line-height:1.75;}
/* footer nav */
.docs-exec-footer{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-top:1px solid var(--docs-line);background:var(--docs-white);flex-wrap:wrap;gap:.5rem;}
.docs-exec-go-back{font-size:.78rem;color:var(--docs-red);font-weight:600;}
.docs-exec-nav{display:flex;align-items:center;gap:.85rem;}
.docs-exec-nav-btn{font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;}
.docs-exec-nav-btn.active  {color:var(--docs-blue);}
.docs-exec-nav-btn.disabled{color:var(--docs-ghost);}
/* right sidebar */
.docs-exec-sidebar{width:52px;border-left:1px solid var(--docs-line);background:var(--docs-white);display:flex;flex-direction:column;align-items:center;padding:.65rem 0;gap:.4rem;flex-shrink:0;}
.docs-exec-sb-btn{width:36px;height:36px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;}
.docs-exec-sb-btn svg{width:15px;height:15px;color:var(--docs-blue);}
.docs-exec-sb-label{font-family:"Outfit",sans-serif;font-size:.5rem;font-weight:700;color:var(--docs-blue);}
@media(max-width:720px){
  .docs-exec-body{flex-direction:column;}
  .docs-exec-canvas{width:100%;min-height:180px;border-right:none;border-bottom:1px solid var(--docs-line);}
}

/* ════════════════════════════════════════════
   98. EXECUTION — THREE-STATE CANVAS GRID
════════════════════════════════════════════ */
.docs-exec-states{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.65rem;margin:.85rem 0;}
.docs-exec-state-label{background:#4a90b8;padding:.3rem .5rem;font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;color:#fff;text-align:center;}
.docs-exec-mini-canvas{background:var(--docs-off);position:relative;overflow:hidden;min-height:160px;}
.docs-exec-mini-dot-grid{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(2,63,104,.1) 1px,transparent 1px);background-size:16px 16px;}
.docs-exec-mini-nodes{position:relative;z-index:1;padding:.75rem .5rem;display:flex;flex-direction:column;align-items:center;}
.docs-exec-mini-node{border:2.5px solid var(--docs-blue);border-radius:7px;padding:.3rem .75rem;font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;text-align:center;background:var(--docs-white);min-width:70px;}
.docs-exec-mini-node.current   {border-color:var(--docs-green) !important;}
.docs-exec-mini-node.start-type{color:var(--docs-green);}
.docs-exec-mini-node.step-type {color:var(--docs-blue);}
.docs-exec-mini-node.end-type  {color:var(--docs-red);}
.docs-exec-mini-conn{display:flex;flex-direction:column;align-items:center;height:24px;justify-content:space-between;}
.docs-exec-mini-dot{width:6px;height:6px;border-radius:50%;background:#333;flex-shrink:0;}
.docs-exec-mini-line{width:2px;flex:1;background:repeating-linear-gradient(to bottom,#aaa 0,#aaa 3px,transparent 3px,transparent 5px);}
@media(max-width:600px){.docs-exec-states{grid-template-columns:1fr;}}

/* ════════════════════════════════════════════
   99. EXECUTION FOOTER NAV STATE MOCKS
════════════════════════════════════════════ */
.docs-exec-footer-only{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;background:var(--docs-white);border:1px solid var(--docs-line);border-radius:10px;margin:.65rem 0;flex-wrap:wrap;gap:.5rem;}
.docs-exec-footer-label{font-size:.72rem;color:var(--docs-ghost);font-style:italic;text-align:center;margin-bottom:.75rem;}

/* ════════════════════════════════════════════
   100. QC PANEL MOCK
════════════════════════════════════════════ */
.docs-qc-card{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.85rem 0;}
.docs-qc-card-head{display:flex;align-items:center;gap:.65rem;padding:.85rem 1.1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);}
.docs-qc-card-icon{width:28px;height:28px;border-radius:7px;background:var(--docs-b08);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-qc-card-icon svg{width:13px;height:13px;color:var(--docs-blue);}
.docs-qc-card-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.84rem;color:var(--docs-navy);}
.docs-qc-card-sub{font-size:.72rem;color:var(--docs-muted);margin-top:.1rem;}
.docs-qc-card-body{padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.75rem;}
.docs-qc-field{display:flex;flex-direction:column;gap:.3rem;}
.docs-qc-label{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-muted);}
.docs-qc-input{background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:7px;padding:.5rem .75rem;font-size:.84rem;color:var(--docs-ghost);}
.docs-qc-submit{display:inline-flex;align-items:center;gap:.4rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:7px 16px;border-radius:8px;background:var(--docs-blue);color:#fff;align-self:flex-start;}
.docs-qc-submit svg{width:11px;height:11px;flex-shrink:0;}

/* ════════════════════════════════════════════
   101. ISSUES — MODULE ACTION BAR MOCK
════════════════════════════════════════════ */
.docs-action-bar-mock{display:flex;align-items:center;justify-content:space-between;background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;padding:.85rem 1.25rem;margin:.85rem 0;flex-wrap:wrap;gap:.5rem;}
.docs-abm-left{font-size:.82rem;color:var(--docs-muted);display:flex;align-items:center;gap:.4rem;}
.docs-abm-left svg{width:13px;height:13px;flex-shrink:0;}
.docs-abm-right{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;}
.docs-abm-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:700;padding:7px 12px;border-radius:8px;border:1.5px solid;white-space:nowrap;}
.docs-abm-btn svg{width:11px;height:11px;flex-shrink:0;}
.docs-abm-default{color:var(--docs-blue);border-color:var(--docs-b15);background:var(--docs-b08);}
.docs-abm-amber {color:var(--docs-amber);border-color:rgba(217,119,6,.3);background:rgba(217,119,6,.07);}
.docs-abm-green {color:#fff;border-color:var(--docs-green);background:var(--docs-green);}

/* ════════════════════════════════════════════
   102. ISSUES — REPORT A PROBLEM MODAL
════════════════════════════════════════════ */
.docs-modal-mock{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:14px;overflow:hidden;margin:.85rem 0;box-shadow:var(--docs-sh);}
.docs-modal-header{background:var(--docs-navy);display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.1rem;}
.docs-modal-header-left{display:flex;align-items:center;gap:.75rem;}
.docs-modal-flag{width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-modal-flag svg{width:14px;height:14px;stroke:#fff;stroke-width:2;fill:none;}
.docs-modal-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:1rem;color:#fff;}
.docs-modal-sub{font-size:.72rem;color:rgba(255,255,255,.55);margin-top:.12rem;}
.docs-modal-close{width:26px;height:26px;border-radius:6px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#fff;font-weight:700;}
.docs-modal-body{padding:1.25rem;}
.docs-modal-step-head{display:flex;align-items:center;gap:.65rem;margin-bottom:.85rem;}
.docs-modal-step-num{width:22px;height:22px;border-radius:50%;background:var(--docs-navy);color:#fff;font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-modal-step-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.8rem;color:var(--docs-navy);text-transform:uppercase;letter-spacing:.06em;}
.docs-modal-field{margin-bottom:.75rem;}
.docs-modal-label{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-muted);margin-bottom:.3rem;}
.docs-modal-input{background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:7px;padding:.5rem .75rem;font-size:.84rem;color:var(--docs-body);}
.docs-modal-input.placeholder{color:var(--docs-ghost);font-style:italic;}
.docs-modal-richtext{background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:7px;overflow:hidden;}
.docs-modal-rt-toolbar{display:flex;align-items:center;gap:.25rem;padding:.4rem .6rem;border-bottom:1px solid var(--docs-line2);flex-wrap:wrap;}
.docs-modal-rt-btn{width:20px;height:20px;border-radius:3px;background:rgba(2,63,104,.06);display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;color:var(--docs-muted);}
.docs-modal-rt-area{padding:.6rem .75rem;font-size:.82rem;color:var(--docs-ghost);font-style:italic;min-height:60px;}
.docs-modal-upload{border:2px dashed var(--docs-line2);border-radius:8px;background:rgba(2,116,190,.02);padding:1.25rem .75rem;text-align:center;margin:.3rem 0;}
.docs-modal-upload svg{width:22px;height:22px;color:var(--docs-ghost);margin:0 auto .5rem;}
.docs-modal-upload-text{font-size:.8rem;color:var(--docs-muted);font-weight:600;margin-bottom:.2rem;}
.docs-modal-upload-hint{font-size:.68rem;color:var(--docs-ghost);}
.docs-modal-divider{height:1px;background:var(--docs-line);margin:1rem 0;}
.docs-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.1rem;border-top:1px solid var(--docs-line);background:var(--docs-off);}
.docs-modal-cancel{font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;color:var(--docs-muted);}
.docs-modal-submit{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:7px 16px;border-radius:8px;background:var(--docs-blue);color:#fff;}
.docs-modal-submit svg{width:11px;height:11px;flex-shrink:0;}

/* ════════════════════════════════════════════
   103. ISSUES — FULL FORM STEP CARDS
════════════════════════════════════════════ */
.docs-issue-step-card{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;margin:.85rem 0;overflow:hidden;}
.docs-isc-head{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);}
.docs-isc-num{width:28px;height:28px;border-radius:50%;background:var(--docs-navy);color:#fff;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-isc-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.84rem;color:var(--docs-navy);text-transform:uppercase;letter-spacing:.05em;}
.docs-isc-sub{font-size:.72rem;color:var(--docs-muted);margin-top:.1rem;}
.docs-isc-body{padding:1.1rem 1.25rem;}
.docs-loc-selector{display:flex;gap:.4rem;flex-wrap:wrap;margin:.55rem 0;}
.docs-loc-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.71rem;font-weight:700;padding:5px 10px;border-radius:100px;border:1.5px solid var(--docs-line2);color:var(--docs-muted);background:var(--docs-white);}
.docs-loc-btn.sel{border-color:var(--docs-blue);color:var(--docs-blue);background:var(--docs-b08);}
.docs-modal-upload-zone{border:2px dashed var(--docs-line2);border-radius:8px;background:rgba(2,116,190,.02);padding:1.5rem .75rem;text-align:center;margin:0;}
.docs-modal-upload-zone svg{width:26px;height:26px;color:var(--docs-ghost);margin:0 auto .6rem;}

/* ════════════════════════════════════════════
   104. ISSUES — DETAIL PAGE HEADER
════════════════════════════════════════════ */
.docs-issue-detail-header{background:linear-gradient(160deg,var(--docs-navy-d) 0%,var(--docs-navy) 100%);border-radius:14px;padding:1.25rem 1.5rem;margin:1.1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:nowrap;}
.docs-idh-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-idh-icon{width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-idh-icon svg{width:15px;height:15px;stroke:#fff;stroke-width:2;fill:none;}
.docs-idh-bc{font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.2rem;display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;}
.docs-idh-bc svg{width:7px;height:7px;flex-shrink:0;}
.docs-idh-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:1.05rem;color:#fff;letter-spacing:-.015em;}
.docs-idh-date{font-size:.7rem;color:rgba(255,255,255,.5);margin-top:.12rem;}
.docs-idh-badges{display:flex;align-items:center;gap:.4rem;flex-shrink:0;align-self:flex-start;flex-wrap:wrap;}
.docs-idh-badge{border-radius:8px;padding:.35rem .75rem;border:1px solid rgba(255,255,255,.2);}
.docs-idh-badge-label{font-family:"Outfit",sans-serif;font-size:.52rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:.1rem;}
.docs-idh-badge-val{font-family:"Outfit",sans-serif;font-size:.82rem;font-weight:800;color:#fff;white-space:nowrap;}
.docs-idh-badge.status-completed{background:rgba(5,150,105,.25);}
.docs-idh-badge.status-progress {background:rgba(2,116,190,.3);}
.docs-idh-badge.status-new      {background:rgba(217,119,6,.25);}
.docs-idh-badge.reported-in     {background:rgba(255,255,255,.1);}

/* ════════════════════════════════════════════
   105. ISSUES — DETAIL TWO-COLUMN GRID
════════════════════════════════════════════ */
.docs-issue-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin:.85rem 0;}
.docs-issue-detail-panel{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;}
.docs-idp-head{display:flex;align-items:center;gap:.55rem;padding:.75rem 1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);}
.docs-idp-head svg{width:13px;height:13px;color:var(--docs-blue);flex-shrink:0;}
.docs-idp-head-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.8rem;color:var(--docs-navy);text-transform:uppercase;letter-spacing:.05em;}
.docs-idp-body{padding:.9rem 1rem;}
.docs-idp-field{margin-bottom:.7rem;}
.docs-idp-field:last-child{margin-bottom:0;}
.docs-idp-label{font-family:"Outfit",sans-serif;font-size:.59rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-ghost);margin-bottom:.2rem;display:flex;align-items:center;gap:.3rem;}
.docs-idp-label svg{width:10px;height:10px;flex-shrink:0;}
.docs-idp-val{font-size:.82rem;color:var(--docs-navy);font-weight:500;}
.docs-idp-val.mono{font-family:"JetBrains Mono","Courier New",monospace;font-size:.72rem;color:var(--docs-muted);}
.docs-status-pill{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:100px;}
.docs-sp-completed{background:rgba(5,150,105,.1);color:var(--docs-green);border:1px solid rgba(5,150,105,.2);}
.docs-sp-progress {background:var(--docs-b08);color:var(--docs-blue);border:1px solid var(--docs-b15);}
.docs-sp-new      {background:rgba(217,119,6,.08);color:var(--docs-amber);border:1px solid rgba(217,119,6,.2);}
.docs-sp-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;}
.docs-sp-completed .docs-sp-dot{background:var(--docs-green);}
.docs-sp-progress  .docs-sp-dot{background:var(--docs-blue);}
.docs-sp-new       .docs-sp-dot{background:var(--docs-amber);}
.docs-open-link-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.74rem;font-weight:700;padding:5px 12px;border-radius:7px;background:var(--docs-b08);border:1px solid var(--docs-b15);color:var(--docs-blue);margin-top:.5rem;}
.docs-open-link-btn svg{width:11px;height:11px;flex-shrink:0;}
.docs-suggested-action{background:rgba(217,119,6,.08);border:1px solid rgba(217,119,6,.2);border-radius:7px;padding:.55rem .85rem;font-size:.84rem;color:#78350f;margin-top:.35rem;}
.docs-no-action{font-size:.82rem;color:var(--docs-ghost);font-style:italic;margin-top:.35rem;}
@media(max-width:720px){.docs-issue-detail-grid{grid-template-columns:1fr;}}

/* ════════════════════════════════════════════
   106. ISSUES — COLLAPSIBLE CONTENT SECTIONS
════════════════════════════════════════════ */
.docs-detail-section{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.55rem 0;}
.docs-ds-head{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;}
.docs-ds-head-left{display:flex;align-items:center;gap:.55rem;}
.docs-ds-head-left svg{width:13px;height:13px;color:var(--docs-blue);flex-shrink:0;}
.docs-ds-head-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.8rem;color:var(--docs-navy);text-transform:uppercase;letter-spacing:.05em;}
.docs-ds-head-caret{width:16px;height:16px;color:var(--docs-ghost);flex-shrink:0;}
.docs-ds-body{padding:.85rem 1rem;border-top:1px solid var(--docs-line);font-size:.88rem;color:var(--docs-body);}

/* ════════════════════════════════════════════
   107. ISSUES — FOOTER ACTION BARS
════════════════════════════════════════════ */
.docs-issue-footer{display:flex;align-items:center;justify-content:space-between;background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;padding:.85rem 1.25rem;margin:.85rem 0;flex-wrap:wrap;gap:.5rem;}
.docs-if-left{font-size:.82rem;color:var(--docs-muted);display:flex;align-items:center;gap:.4rem;}
.docs-if-left svg{width:13px;height:13px;flex-shrink:0;}
.docs-if-right{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;}
.docs-if-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:700;padding:7px 12px;border-radius:8px;border:1.5px solid;white-space:nowrap;}
.docs-if-btn svg{width:11px;height:11px;flex-shrink:0;}
.docs-if-delete  {color:var(--docs-red);  border-color:rgba(220,38,38,.3); background:rgba(220,38,38,.05);}
.docs-if-edit    {color:var(--docs-blue); border-color:var(--docs-b15);   background:var(--docs-b08);}
.docs-if-location{color:var(--docs-blue); border-color:var(--docs-b15);   background:var(--docs-b08);}
.docs-if-resolve {color:#fff;            border-color:var(--docs-green);  background:var(--docs-green);}
.docs-if-resolved{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:700;padding:7px 14px;border-radius:8px;background:rgba(5,150,105,.08);border:1px solid rgba(5,150,105,.2);color:var(--docs-green);}
.docs-if-resolved svg{width:12px;height:12px;flex-shrink:0;}

/* ════════════════════════════════════════════
   108. JOB COSTING — HEADER CARD
════════════════════════════════════════════ */
.docs-jc-header{background:linear-gradient(160deg,var(--docs-navy-d) 0%,var(--docs-navy) 100%);border-radius:14px;padding:1.25rem 1.5rem;margin:1.1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:nowrap;}
.docs-jc-header-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-jc-icon{width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-jc-icon svg{width:20px;height:20px;stroke:#fff;stroke-width:2;fill:none;}
.docs-jc-bc{font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.25rem;display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;}
.docs-jc-bc svg{width:7px;height:7px;flex-shrink:0;}
.docs-jc-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.4rem;color:#fff;letter-spacing:-.02em;}
.docs-jc-desc{font-size:.72rem;color:rgba(255,255,255,.55);margin-top:.3rem;line-height:1.6;max-width:480px;}
.docs-jc-wo-badge{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:.6rem 1rem;text-align:center;flex-shrink:0;align-self:flex-start;}
.docs-jc-wo-label{font-family:"Outfit",sans-serif;font-size:.55rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:.2rem;}
.docs-jc-wo-val{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.6rem;color:#fff;}

/* ════════════════════════════════════════════
   109. JOB COSTING — FILTER BAR
════════════════════════════════════════════ */
.docs-jc-filter{display:flex;align-items:center;justify-content:space-between;background:var(--docs-white);border:1px solid var(--docs-line);border-radius:10px;padding:.65rem 1rem;margin:.65rem 0;flex-wrap:wrap;gap:.5rem;}
.docs-jc-filter-left{display:flex;align-items:center;gap:.65rem;}
.docs-jc-filter-icon{display:flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:600;color:var(--docs-muted);}
.docs-jc-filter-icon svg{width:13px;height:13px;flex-shrink:0;}
.docs-jc-filter-label{font-size:.75rem;color:var(--docs-muted);}
.docs-jc-filter-drop{display:inline-flex;align-items:center;gap:.4rem;background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:7px;padding:5px 10px;font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:600;color:var(--docs-navy);}
.docs-jc-filter-drop svg{width:11px;height:11px;color:var(--docs-ghost);flex-shrink:0;}
.docs-jc-showing{font-size:.75rem;color:var(--docs-muted);}
.docs-jc-showing strong{color:var(--docs-navy);}

/* ════════════════════════════════════════════
   110. JOB COSTING — STAT CARDS
════════════════════════════════════════════ */
.docs-jc-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:.65rem;margin:.65rem 0;}
.docs-jc-stat{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:10px;padding:.85rem 1rem;}
.docs-jc-stat-icon{width:22px;height:22px;color:var(--docs-ghost);margin-bottom:.4rem;}
.docs-jc-stat-icon svg{width:22px;height:22px;}
.docs-jc-stat-label{font-family:"Outfit",sans-serif;font-size:.57rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--docs-ghost);margin-bottom:.3rem;}
.docs-jc-stat-val{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.18rem;color:var(--docs-navy);letter-spacing:-.01em;}
.docs-jc-stat-val.green{color:var(--docs-green);}
.docs-jc-stat-val.red  {color:var(--docs-red);}
.docs-jc-stat-val.blue {color:var(--docs-blue);}
.docs-jc-stat-sub{font-size:.67rem;color:var(--docs-ghost);margin-top:.2rem;}
@media(max-width:800px){.docs-jc-stats{grid-template-columns:repeat(3,1fr);}}
@media(max-width:600px){.docs-jc-stats{grid-template-columns:1fr 1fr;}}

/* ════════════════════════════════════════════
   111. JOB COSTING — BUDGET BANNER
════════════════════════════════════════════ */
.docs-jc-banner{display:flex;align-items:center;gap:.65rem;border-radius:10px;padding:.65rem 1rem;margin:.65rem 0;font-size:.83rem;}
.docs-jc-banner svg{width:14px;height:14px;flex-shrink:0;}
.docs-jc-banner.under{background:rgba(5,150,105,.06);border:1px solid rgba(5,150,105,.18);color:#065f46;}
.docs-jc-banner.under svg{color:var(--docs-green);}
.docs-jc-banner.over  {background:rgba(220,38,38,.05);border:1px solid rgba(220,38,38,.18);color:#7f1d1d;}
.docs-jc-banner.over  svg{color:var(--docs-red);}

/* ════════════════════════════════════════════
   112. JOB COSTING — WORK ORDERS TABLE
════════════════════════════════════════════ */
.docs-jc-table-wrap{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.65rem 0;}
.docs-jc-table-controls{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.65rem 1rem;border-bottom:1px solid var(--docs-line);flex-wrap:wrap;}
.docs-jc-ctrl-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;padding:5px 10px;border-radius:7px;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-jc-ctrl-btn svg{width:11px;height:11px;flex-shrink:0;}
.docs-jc-search{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--docs-ghost);background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:7px;padding:5px 10px;}
.docs-jc-search svg{width:11px;height:11px;flex-shrink:0;}
.docs-jc-tbl-scroll{overflow-x:auto;}
.docs-jc-tbl{width:100%;border-collapse:collapse;font-size:.78rem;}
.docs-jc-tbl th{text-align:left;padding:.55rem .75rem;font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);background:var(--docs-navy);white-space:nowrap;}
.docs-jc-tbl td{padding:.55rem .75rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);white-space:nowrap;}
.docs-jc-tbl tr:last-child td{border-bottom:none;}
.docs-jc-tbl tr:hover td{background:rgba(2,116,190,.03);}
.docs-jc-wo-link{color:var(--docs-blue);font-weight:600;font-size:.73rem;display:inline-flex;align-items:center;gap:.2rem;}
.docs-jc-wo-link svg{width:9px;height:9px;flex-shrink:0;}
.docs-jc-status{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.66rem;font-weight:700;padding:2px 8px;border-radius:100px;}
.docs-jc-status-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;}
.docs-jc-status.inprogress {color:var(--docs-blue); background:var(--docs-b08);}
.docs-jc-status.inprogress  .docs-jc-status-dot{background:var(--docs-blue);}
.docs-jc-status.notstarted {color:var(--docs-muted);background:var(--docs-off2);}
.docs-jc-status.notstarted  .docs-jc-status-dot{background:var(--docs-ghost);}
.docs-jc-status.completed  {color:var(--docs-green);background:rgba(5,150,105,.1);}
.docs-jc-status.completed   .docs-jc-status-dot{background:var(--docs-green);}
.docs-jc-money{font-family:"JetBrains Mono","Courier New",monospace;font-size:.72rem;}
.docs-jc-money.neg {color:var(--docs-red);}
.docs-jc-money.pos {color:var(--docs-green);}
.docs-jc-money.zero{color:var(--docs-ghost);}
.docs-jc-dash{color:var(--docs-ghost);font-size:.7rem;}
.docs-jc-name{color:var(--docs-navy);font-weight:600;font-size:.78rem;}
.docs-jc-pagination{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-top:1px solid var(--docs-line);flex-wrap:wrap;gap:.4rem;}
.docs-jc-show{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--docs-muted);}
.docs-jc-show-drop{background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:6px;padding:3px 8px;font-size:.72rem;color:var(--docs-navy);font-family:"DM Sans",sans-serif;}
.docs-jc-pages{display:flex;align-items:center;gap:.3rem;}
.docs-jc-page-btn{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-jc-page-btn.cur{background:var(--docs-navy);color:#fff;border-color:var(--docs-navy);}

/* ════════════════════════════════════════════
   113. JOB COSTING — VARIANCE EXPLAINER
════════════════════════════════════════════ */
.docs-vc-formula{background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:8px;padding:.75rem 1rem;margin:.75rem 0;font-family:"JetBrains Mono","Courier New",monospace;font-size:.8rem;color:var(--docs-navy);display:flex;align-items:center;gap:.5rem;}
.docs-vc-formula svg{width:13px;height:13px;flex-shrink:0;color:var(--docs-blue);}
.docs-variance-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:.85rem 0;}
.docs-variance-card{border-radius:10px;padding:.9rem 1rem;border:1px solid;}
.docs-vc-under{background:rgba(5,150,105,.06);border-color:rgba(5,150,105,.2);}
.docs-vc-over  {background:rgba(220,38,38,.05);border-color:rgba(220,38,38,.18);}
.docs-vc-label{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-bottom:.4rem;}
.docs-vc-under .docs-vc-label{color:var(--docs-green);}
.docs-vc-over  .docs-vc-label{color:var(--docs-red);}
.docs-vc-val{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.25rem;margin-bottom:.3rem;}
.docs-vc-under .docs-vc-val{color:var(--docs-green);}
.docs-vc-over  .docs-vc-val{color:var(--docs-red);}
.docs-vc-desc{font-size:.78rem;line-height:1.6;}
.docs-vc-under .docs-vc-desc{color:#065f46;}
.docs-vc-over  .docs-vc-desc{color:#7f1d1d;}
@media(max-width:600px){.docs-variance-grid{grid-template-columns:1fr;}}

/* ════════════════════════════════════════════
   114. JOB COSTING — MARGIN EXAMPLE
════════════════════════════════════════════ */
.docs-margin-eg{background:var(--docs-off);border:1px solid var(--docs-line);border-radius:10px;padding:.85rem 1.1rem;margin:.85rem 0;display:flex;gap:1.25rem;align-items:flex-start;flex-wrap:wrap;}
.docs-me-col{flex:1;min-width:100px;}
.docs-me-label{font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--docs-ghost);margin-bottom:.2rem;}
.docs-me-val{font-family:"Outfit",sans-serif;font-weight:800;font-size:1.05rem;color:var(--docs-navy);}
.docs-me-val.pos{color:var(--docs-green);}
.docs-me-val.neg{color:var(--docs-red);}

/* ════════════════════════════════════════════
   115. JOB COSTING — STATUS CARDS
════════════════════════════════════════════ */
.docs-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin:.85rem 0;}
.docs-status-card{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:10px;padding:.85rem 1rem;}
.docs-sc-pill{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:700;padding:3px 9px;border-radius:100px;margin-bottom:.55rem;}
.docs-sc-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;}
.docs-sc-ns   .docs-sc-pill{color:var(--docs-muted); background:var(--docs-off2);}
.docs-sc-ns   .docs-sc-dot {background:var(--docs-ghost);}
.docs-sc-ip   .docs-sc-pill{color:var(--docs-blue);  background:var(--docs-b08);}
.docs-sc-ip   .docs-sc-dot {background:var(--docs-blue);}
.docs-sc-done .docs-sc-pill{color:var(--docs-green); background:rgba(5,150,105,.1);}
.docs-sc-done .docs-sc-dot {background:var(--docs-green);}
.docs-sc-desc{font-size:.78rem;color:var(--docs-muted);line-height:1.55;}
@media(max-width:600px){.docs-status-grid{grid-template-columns:1fr;}}

/* ════════════════════════════════════════════
   116. NAV BADGE VARIANTS (new / updated)
════════════════════════════════════════════ */
.docs-ni-badge--new {
  background: rgba(5,150,105,.3);
  color: #d1fae5;
}
.docs-ni-badge--updated {
  background: rgba(217,119,6,.3);
  color: #fef3c7;
}

/* ════════════════════════════════════════════
   117. FLAT SUB-SECTION — dot connectors
   Ensures dots appear on flat links inside
   a .docs-ns-flat wrapper (Issues, NCRs…)
════════════════════════════════════════════ */
.docs-ns-flat .docs-ni {
  padding-left: 2.65rem;
}
.docs-ns-flat .docs-ni::before {
  content: "";
  width: 4px; height: 4px; border-radius: 50%;
  background: rgba(255,255,255,.35);
  flex-shrink: 0;
}
.docs-ns-flat .docs-ni.active::before { background: #fff; }
.docs-ns-flat .docs-ni > svg { display: none; }

/* ════════════════════════════════════════════
   118. INSPECTIONS — PAGE HEADER CARD
════════════════════════════════════════════ */
.docs-insp-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.25rem 1.5rem;margin:1.1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:nowrap;}
.docs-insp-hdr-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-insp-hdr-icon{width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-insp-hdr-icon svg{width:20px;height:20px;stroke:#fff;stroke-width:2;fill:none;}
.docs-insp-hdr-bc{font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.25rem;display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;}
.docs-insp-hdr-bc svg{width:7px;height:7px;flex-shrink:0;}
.docs-insp-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.35rem;color:#fff;letter-spacing:-.02em;}
.docs-insp-hdr-desc{font-size:.71rem;color:rgba(255,255,255,.55);margin-top:.3rem;line-height:1.6;max-width:500px;}
.docs-insp-hdr-badges{display:flex;align-items:center;gap:.4rem;flex-shrink:0;align-self:flex-start;flex-wrap:wrap;}
.docs-insp-hdr-badge{border-radius:8px;padding:.35rem .85rem;border:1px solid rgba(255,255,255,.2);min-width:80px;text-align:center;}
.docs-insp-hdr-badge-label{font-family:"Outfit",sans-serif;font-size:.52rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:.15rem;}
.docs-insp-hdr-badge-val{font-family:"Outfit",sans-serif;font-size:1.5rem;font-weight:900;color:#fff;line-height:1;}
.docs-insp-hdr-badge.queue{background:rgba(217,119,6,.25);}
.docs-insp-hdr-badge.queue .docs-insp-hdr-badge-val{font-size:.84rem;font-weight:700;color:#fef3c7;}
@media(max-width:600px){.docs-insp-header{flex-wrap:wrap;}}

/* ════════════════════════════════════════════
   119. INSPECTIONS — AWAITING QC SECTION
════════════════════════════════════════════ */
.docs-aq-section{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.85rem 0;}
.docs-aq-header{display:flex;align-items:flex-start;justify-content:space-between;padding:.85rem 1.1rem;background:rgba(217,119,6,.06);border-bottom:1px solid rgba(217,119,6,.15);flex-wrap:wrap;gap:.65rem;}
.docs-aq-header-left{display:flex;align-items:flex-start;gap:.65rem;}
.docs-aq-icon{width:28px;height:28px;border-radius:7px;background:rgba(217,119,6,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;}
.docs-aq-icon svg{width:13px;height:13px;stroke:var(--docs-amber);stroke-width:2.5;fill:none;}
.docs-aq-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:.95rem;color:#78350f;}
.docs-aq-count{font-family:"Outfit",sans-serif;font-size:.64rem;font-weight:700;padding:2px 8px;border-radius:100px;background:var(--docs-amber);color:#fff;margin-left:.3rem;}
.docs-aq-sub{font-size:.78rem;color:var(--docs-amber);margin-top:.15rem;}
.docs-aq-note{display:inline-flex;align-items:center;gap:.4rem;background:rgba(217,119,6,.08);border:1px solid rgba(217,119,6,.18);border-radius:7px;padding:5px 10px;font-size:.73rem;color:#92400e;align-self:flex-start;flex-shrink:0;}
.docs-aq-note svg{width:11px;height:11px;flex-shrink:0;}

/* ════════════════════════════════════════════
   120. INSPECTIONS — SHARED TABLE MOCK
════════════════════════════════════════════ */
.docs-mock-table-wrap{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.85rem 0;}
.docs-mock-tbl-controls{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.65rem 1rem;border-bottom:1px solid var(--docs-line);flex-wrap:wrap;}
.docs-mock-ctrl-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;padding:5px 10px;border-radius:7px;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-mock-ctrl-btn svg{width:11px;height:11px;flex-shrink:0;}
.docs-mock-search{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--docs-ghost);background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:7px;padding:5px 10px;}
.docs-mock-search svg{width:11px;height:11px;flex-shrink:0;}
.docs-mock-tbl-scroll{overflow-x:auto;}
.docs-mock-tbl{width:100%;border-collapse:collapse;font-size:.77rem;}
.docs-mock-tbl th{text-align:left;padding:.5rem .75rem;font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);background:var(--docs-navy);white-space:nowrap;}
.docs-mock-tbl td{padding:.55rem .75rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-mock-tbl tr:last-child td{border-bottom:none;}
.docs-mock-tbl tr:hover td{background:rgba(2,116,190,.025);}
.docs-mock-pagination{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-top:1px solid var(--docs-line);flex-wrap:wrap;gap:.4rem;}
.docs-mock-show{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--docs-muted);}
.docs-mock-pages{display:flex;align-items:center;gap:.3rem;}
.docs-mock-page-btn{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-mock-page-btn.cur{background:var(--docs-navy);color:#fff;border-color:var(--docs-navy);}

/* ════════════════════════════════════════════
   121. INSPECTIONS — PILLS & TABLE CELL TYPES
════════════════════════════════════════════ */
.docs-pill{display:inline-flex;align-items:center;gap:.25rem;font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:100px;white-space:nowrap;}
.docs-pill-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;}
.docs-pill-pass       {color:var(--docs-green); background:rgba(5,150,105,.1);}
.docs-pill-pass        .docs-pill-dot{background:var(--docs-green);}
.docs-pill-partial    {color:var(--docs-amber); background:rgba(217,119,6,.1);}
.docs-pill-partial     .docs-pill-dot{background:var(--docs-amber);}
.docs-pill-fail       {color:var(--docs-red);   background:rgba(220,38,38,.08);}
.docs-pill-fail        .docs-pill-dot{background:var(--docs-red);}
.docs-pill-delivered  {color:var(--docs-green); background:rgba(5,150,105,.1);}
.docs-pill-delivered   .docs-pill-dot{background:var(--docs-green);}
.docs-pill-type-goods {color:#d97706;background:rgba(217,119,6,.1);border:1px solid rgba(217,119,6,.2);}
.docs-pill-type-final {color:var(--docs-muted); background:var(--docs-off2);border:1px solid var(--docs-line2);}
.docs-pill-type-inproc{color:var(--docs-blue);  background:var(--docs-b08);border:1px solid var(--docs-b15);}
.docs-ref-link  {color:var(--docs-blue);font-weight:600;font-size:.73rem;}
.docs-ncr-link  {color:var(--docs-red);font-weight:700;font-size:.7rem;font-family:"Outfit",sans-serif;}
.docs-tbl-dash  {color:var(--docs-ghost);font-size:.7rem;}
.docs-days-overdue{color:var(--docs-red);font-weight:700;display:inline-flex;align-items:center;gap:.2rem;}
.docs-days-overdue svg{width:11px;height:11px;flex-shrink:0;}
.docs-due-overdue {color:var(--docs-red);font-weight:700;display:inline-flex;align-items:center;gap:.2rem;}
.docs-due-overdue svg{width:11px;height:11px;flex-shrink:0;}
.docs-qty-cell  {font-family:"JetBrains Mono","Courier New",monospace;font-size:.7rem;display:inline-flex;align-items:center;gap:.2rem;}
.docs-qty-pass  {color:var(--docs-green);}
.docs-qty-fail  {color:var(--docs-red);}
.docs-inspector-av{display:inline-flex;align-items:center;gap:.4rem;font-size:.73rem;white-space:nowrap;}
.docs-inspector-av-dot{width:20px;height:20px;border-radius:50%;background:var(--docs-navy);color:#fff;font-family:"Outfit",sans-serif;font-size:.55rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-inspect-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:6px;background:var(--docs-blue);color:#fff;white-space:nowrap;}
.docs-view-btn  {display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:6px;background:var(--docs-b08);border:1px solid var(--docs-b15);color:var(--docs-blue);white-space:nowrap;}

/* ════════════════════════════════════════════
   122. INSPECTIONS — LOG SECTION HEADER
════════════════════════════════════════════ */
.docs-log-header{display:flex;align-items:flex-start;justify-content:space-between;padding:.85rem 1.1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);flex-wrap:wrap;gap:.65rem;}
.docs-log-header-left{display:flex;align-items:flex-start;gap:.65rem;}
.docs-log-header-icon{width:28px;height:28px;border-radius:7px;background:var(--docs-b08);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;}
.docs-log-header-icon svg{width:13px;height:13px;color:var(--docs-blue);}
.docs-log-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:.95rem;color:var(--docs-navy);}
.docs-log-count{font-family:"Outfit",sans-serif;font-size:.64rem;font-weight:700;padding:2px 8px;border-radius:100px;background:var(--docs-navy);color:#fff;margin-left:.3rem;}
.docs-log-filters{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;}
.docs-log-filter-drop{display:inline-flex;align-items:center;gap:.35rem;background:var(--docs-white);border:1px solid var(--docs-line2);border-radius:7px;padding:5px 10px;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;color:var(--docs-muted);}
.docs-log-filter-drop svg{width:10px;height:10px;flex-shrink:0;}

/* ════════════════════════════════════════════
   123. INSPECTIONS — RESULT & TYPE CARDS
════════════════════════════════════════════ */
.docs-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin:.85rem 0;}
.docs-result-card{border-radius:10px;padding:.9rem 1rem;border:1px solid;}
.docs-rc-pass   {background:rgba(5,150,105,.06);border-color:rgba(5,150,105,.2);}
.docs-rc-partial{background:rgba(217,119,6,.06);border-color:rgba(217,119,6,.2);}
.docs-rc-fail   {background:rgba(220,38,38,.05);border-color:rgba(220,38,38,.18);}
.docs-rc-label  {font-family:"Outfit",sans-serif;font-size:.63rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-bottom:.4rem;display:flex;align-items:center;gap:.35rem;}
.docs-rc-dot    {width:7px;height:7px;border-radius:50%;flex-shrink:0;}
.docs-rc-pass    .docs-rc-label{color:var(--docs-green);}
.docs-rc-pass    .docs-rc-dot  {background:var(--docs-green);}
.docs-rc-partial .docs-rc-label{color:var(--docs-amber);}
.docs-rc-partial .docs-rc-dot  {background:var(--docs-amber);}
.docs-rc-fail    .docs-rc-label{color:var(--docs-red);}
.docs-rc-fail    .docs-rc-dot  {background:var(--docs-red);}
.docs-rc-desc   {font-size:.78rem;line-height:1.6;}
.docs-rc-pass    .docs-rc-desc {color:#065f46;}
.docs-rc-partial .docs-rc-desc {color:#78350f;}
.docs-rc-fail    .docs-rc-desc {color:#7f1d1d;}
.docs-type-grid {display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:.85rem 0;}
.docs-type-card {background:var(--docs-white);border:1px solid var(--docs-line);border-radius:10px;padding:.85rem 1rem;}
.docs-type-card-pill{margin-bottom:.45rem;}
.docs-type-card-desc{font-size:.78rem;color:var(--docs-muted);line-height:1.6;}
@media(max-width:640px){.docs-result-grid,.docs-type-grid{grid-template-columns:1fr;}}

/* ════════════════════════════════════════════
   124. INSPECTION PLANS — PAGE HEADER MOCK
════════════════════════════════════════════ */
.docs-page-hdr-mock{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.1rem 1.4rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:nowrap;}
.docs-phm-left{display:flex;align-items:flex-start;gap:.8rem;flex:1;min-width:0;}
.docs-phm-icon{width:40px;height:40px;border-radius:9px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-phm-icon svg{width:18px;height:18px;stroke:#fff;stroke-width:2;fill:none;}
.docs-phm-bc{font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.2rem;display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;}
.docs-phm-bc svg{width:7px;height:7px;flex-shrink:0;}
.docs-phm-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:1.2rem;color:#fff;}
.docs-phm-sub{font-size:.7rem;color:rgba(255,255,255,.5);margin-top:.2rem;}
.docs-phm-badge{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:7px;padding:.35rem .75rem;align-self:flex-start;flex-shrink:0;}
.docs-phm-badge-label{font-family:"Outfit",sans-serif;font-size:.5rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.45);}
.docs-phm-badge-val{font-family:"Outfit",sans-serif;font-weight:800;font-size:.82rem;color:#fff;}

/* ════════════════════════════════════════════
   125. INSPECTION PLANS — PRODUCT TAB ROW
════════════════════════════════════════════ */
.docs-tab-row{display:flex;gap:0;border-bottom:2px solid var(--docs-line2);margin:.5rem 0 1.25rem;overflow-x:auto;}
.docs-tab-item{font-family:"Outfit",sans-serif;font-size:.82rem;font-weight:600;padding:.55rem 1rem;color:var(--docs-muted);white-space:nowrap;border-bottom:3px solid transparent;margin-bottom:-2px;}
.docs-tab-item.active{color:var(--docs-blue);border-bottom-color:var(--docs-blue);}

/* ════════════════════════════════════════════
   126. INSPECTION PLANS — QC TAB HEADER
════════════════════════════════════════════ */
.docs-qc-tab-header{display:flex;align-items:center;justify-content:space-between;margin:.85rem 0 .65rem;flex-wrap:wrap;gap:.5rem;}
.docs-qct-left{display:flex;align-items:center;gap:.65rem;}
.docs-qct-icon{width:26px;height:26px;border-radius:6px;background:var(--docs-b08);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-qct-icon svg{width:12px;height:12px;color:var(--docs-blue);}
.docs-qct-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:.95rem;color:var(--docs-navy);}
.docs-qct-sub{font-size:.72rem;color:var(--docs-muted);margin-top:.1rem;}
.docs-new-plan-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:7px 14px;border-radius:8px;background:var(--docs-blue);color:#fff;}
.docs-new-plan-btn svg{width:12px;height:12px;flex-shrink:0;}

/* ════════════════════════════════════════════
   127. INSPECTION PLANS — PLAN CARD
════════════════════════════════════════════ */
.docs-plan-card{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.65rem 0;}
.docs-plan-card-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);gap:.65rem;flex-wrap:wrap;}
.docs-plan-card-meta{display:flex;align-items:flex-start;gap:.5rem;flex:1;min-width:0;}
.docs-plan-card-icon{width:22px;height:22px;border-radius:5px;background:var(--docs-b08);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.docs-plan-card-icon svg{width:10px;height:10px;color:var(--docs-blue);}
.docs-plan-name{font-family:"Outfit",sans-serif;font-weight:700;font-size:.88rem;color:var(--docs-navy);}
.docs-plan-ver{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;padding:1px 7px;border-radius:100px;background:var(--docs-off2);border:1px solid var(--docs-line2);color:var(--docs-muted);flex-shrink:0;}
.docs-plan-trigger{font-size:.72rem;color:var(--docs-muted);margin-top:.12rem;}
.docs-plan-card-actions{display:flex;gap:.35rem;flex-shrink:0;}
.docs-plan-edit-btn{display:inline-flex;align-items:center;gap:.25rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:6px;background:var(--docs-b08);border:1px solid var(--docs-b15);color:var(--docs-blue);}
.docs-plan-edit-btn svg{width:10px;height:10px;flex-shrink:0;}
.docs-plan-delete-btn{display:inline-flex;align-items:center;gap:.25rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:6px;background:rgba(220,38,38,.06);border:1px solid rgba(220,38,38,.2);color:var(--docs-red);}
.docs-plan-delete-btn svg{width:10px;height:10px;flex-shrink:0;}
/* Checklist table inside plan card */
.docs-plan-tbl{width:100%;border-collapse:collapse;font-size:.77rem;}
.docs-plan-tbl th{text-align:left;padding:.45rem .85rem;font-family:"Outfit",sans-serif;font-size:.56rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--docs-ghost);border-bottom:1px solid var(--docs-line2);background:var(--docs-off);white-space:nowrap;}
.docs-plan-tbl td{padding:.5rem .85rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-plan-tbl tr:last-child td{border-bottom:none;}
.docs-plan-num-col{color:var(--docs-ghost);font-size:.7rem;width:28px;}
.docs-plan-dash-col{color:var(--docs-ghost);font-size:.7rem;}
.docs-plan-char-name{font-weight:600;color:var(--docs-navy);font-size:.77rem;}
/* Criterion type pills */
.docs-type-pill{display:inline-flex;align-items:center;font-family:"Outfit",sans-serif;font-size:.64rem;font-weight:700;padding:2px 8px;border-radius:100px;white-space:nowrap;}
.docs-tp-pf  {color:#7c3aed;background:rgba(124,58,237,.08);border:1px solid rgba(124,58,237,.18);}
.docs-tp-meas{color:var(--docs-blue); background:var(--docs-b08);border:1px solid var(--docs-b15);}
.docs-tp-text{color:var(--docs-green);background:rgba(5,150,105,.08);border:1px solid rgba(5,150,105,.18);}
.docs-tp-vis {color:var(--docs-amber);background:rgba(217,119,6,.08);border:1px solid rgba(217,119,6,.2);}
.docs-must-pass-yes{display:inline-flex;align-items:center;gap:.25rem;font-family:"Outfit",sans-serif;font-size:.64rem;font-weight:700;padding:2px 8px;border-radius:100px;color:var(--docs-green);background:rgba(5,150,105,.1);border:1px solid rgba(5,150,105,.2);}

/* ════════════════════════════════════════════
   128. INSPECTION PLANS — NEW/EDIT PLAN FORM
════════════════════════════════════════════ */
.docs-plan-form{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:14px;overflow:hidden;margin:1rem 0;}
.docs-plan-form-header{display:flex;align-items:flex-start;justify-content:space-between;padding:.85rem 1.25rem;background:rgba(2,116,190,.05);border-bottom:1px solid var(--docs-b15);gap:.75rem;}
.docs-plan-form-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:.95rem;color:var(--docs-navy);display:flex;align-items:center;gap:.55rem;}
.docs-plan-form-title svg{width:14px;height:14px;color:var(--docs-blue);flex-shrink:0;}
.docs-plan-form-sub{font-size:.72rem;color:var(--docs-muted);margin-top:.1rem;}
.docs-plan-form-back{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:600;color:var(--docs-muted);white-space:nowrap;}
.docs-plan-form-back svg{width:12px;height:12px;flex-shrink:0;}
.docs-plan-form-body{padding:1.25rem;}
.docs-pf-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;}
.docs-pf-field{display:flex;flex-direction:column;gap:.3rem;}
.docs-pf-label{font-family:"Outfit",sans-serif;font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-muted);}
.docs-pf-label sup{color:var(--docs-red);}
.docs-pf-input{background:var(--docs-white);border:1.5px solid var(--docs-line2);border-radius:8px;padding:.55rem .85rem;font-size:.84rem;color:var(--docs-body);font-family:"DM Sans",sans-serif;}
.docs-pf-input.placeholder{color:var(--docs-ghost);font-style:italic;}
.docs-pf-input.select{display:flex;align-items:center;justify-content:space-between;}
.docs-pf-input.select svg{width:11px;height:11px;flex-shrink:0;color:var(--docs-ghost);}
.docs-pf-hint{font-size:.68rem;color:var(--docs-ghost);line-height:1.5;margin-top:.15rem;}
.docs-pf-active{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .85rem;border:1.5px solid var(--docs-line2);border-radius:8px;background:var(--docs-white);}
.docs-pf-toggle{width:32px;height:18px;border-radius:9px;background:var(--docs-green);position:relative;flex-shrink:0;}
.docs-pf-toggle::after{content:"";width:14px;height:14px;border-radius:50%;background:#fff;position:absolute;top:2px;right:2px;box-shadow:0 1px 3px rgba(0,0,0,.2);}
.docs-pf-active-label{font-family:"Outfit",sans-serif;font-size:.8rem;font-weight:700;color:var(--docs-green);}
.docs-pf-groups-label{font-family:"Outfit",sans-serif;font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-muted);margin-bottom:.4rem;}
.docs-pf-groups{border:1.5px solid var(--docs-line2);border-radius:8px;overflow:hidden;}
.docs-pf-group-row{display:flex;align-items:center;gap:.6rem;padding:.4rem .75rem;border-bottom:1px solid var(--docs-line);font-size:.8rem;color:var(--docs-body);}
.docs-pf-group-row:last-child{border-bottom:none;}
.docs-pf-group-chk{width:14px;height:14px;border-radius:3px;border:1.5px solid var(--docs-line2);flex-shrink:0;}
.docs-pf-divider{height:1px;background:var(--docs-line);margin:1.25rem 0;}
@media(max-width:640px){.docs-pf-grid{grid-template-columns:1fr;}}

/* ════════════════════════════════════════════
   129. INSPECTION PLANS — CHECKLIST CRITERIA
════════════════════════════════════════════ */
.docs-cc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem;}
.docs-cc-left{display:flex;align-items:center;gap:.55rem;}
.docs-cc-icon{width:22px;height:22px;border-radius:5px;background:var(--docs-b08);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-cc-icon svg{width:10px;height:10px;color:var(--docs-blue);}
.docs-cc-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.84rem;color:var(--docs-navy);}
.docs-cc-count{font-size:.72rem;color:var(--docs-muted);}
.docs-cc-actions{display:flex;gap:.35rem;flex-wrap:wrap;}
.docs-cc-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;padding:5px 10px;border-radius:7px;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-cc-btn svg{width:11px;height:11px;flex-shrink:0;}
.docs-cc-add-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;padding:5px 12px;border-radius:7px;background:var(--docs-blue);color:#fff;}
.docs-cc-add-btn svg{width:11px;height:11px;flex-shrink:0;}
/* Criterion card */
.docs-criterion-card{background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:10px;margin:.55rem 0;overflow:hidden;}
.docs-criterion-row{display:grid;grid-template-columns:36px 70px 1fr 140px 90px 72px;align-items:center;gap:.5rem;padding:.6rem .85rem;border-bottom:1px solid var(--docs-line2);}
.docs-crit-num{font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;color:var(--docs-muted);display:flex;flex-direction:column;align-items:center;gap:2px;}
.docs-crit-num-arrows{display:flex;flex-direction:column;gap:1px;}
.docs-crit-arr{width:18px;height:12px;border-radius:3px;background:var(--docs-white);border:1px solid var(--docs-line2);display:flex;align-items:center;justify-content:center;font-size:.55rem;color:var(--docs-ghost);}
.docs-crit-balloon{font-size:.75rem;color:var(--docs-ghost);}
.docs-crit-name-input{background:var(--docs-white);border:1.5px solid var(--docs-line2);border-radius:6px;padding:.4rem .65rem;font-size:.8rem;color:var(--docs-ghost);font-style:italic;}
.docs-crit-type-sel{background:var(--docs-white);border:1.5px solid var(--docs-line2);border-radius:6px;padding:.4rem .65rem;font-size:.78rem;color:var(--docs-body);display:flex;align-items:center;justify-content:space-between;gap:.3rem;}
.docs-crit-type-sel svg{width:10px;height:10px;flex-shrink:0;color:var(--docs-ghost);}
.docs-crit-yes{display:inline-flex;align-items:center;gap:.2rem;font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:6px;color:var(--docs-green);background:rgba(5,150,105,.1);border:1px solid rgba(5,150,105,.2);}
.docs-crit-remove{display:inline-flex;align-items:center;gap:.2rem;font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:6px;color:var(--docs-red);background:rgba(220,38,38,.05);border:1px solid rgba(220,38,38,.18);}
.docs-criterion-detail{padding:.85rem 1.1rem;display:grid;grid-template-columns:1fr 1fr;gap:.85rem;}
.docs-cd-field{display:flex;flex-direction:column;gap:.3rem;}
.docs-cd-label{font-family:"Outfit",sans-serif;font-size:.59rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-ghost);}
.docs-cd-input{background:var(--docs-white);border:1.5px solid var(--docs-line2);border-radius:7px;padding:.45rem .7rem;font-size:.8rem;color:var(--docs-ghost);font-style:italic;}
@media(max-width:640px){
  .docs-criterion-row{grid-template-columns:28px 1fr 110px 80px;}
  .docs-crit-balloon,.docs-crit-num-arrows{display:none;}
  .docs-criterion-detail{grid-template-columns:1fr;}
}

/* ════════════════════════════════════════════
   130. INSPECTION PLANS — FORM FOOTER
════════════════════════════════════════════ */
.docs-plan-form-footer{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;border-top:1px solid var(--docs-line);background:var(--docs-off);flex-wrap:wrap;gap:.65rem;}
.docs-pff-hint{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--docs-muted);}
.docs-pff-hint svg{width:12px;height:12px;flex-shrink:0;}
.docs-pff-actions{display:flex;align-items:center;gap:.5rem;}
.docs-pff-back{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;color:var(--docs-muted);}
.docs-pff-back svg{width:11px;height:11px;flex-shrink:0;}
.docs-pff-create{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:7px 14px;border-radius:8px;background:var(--docs-green);color:#fff;}
.docs-pff-create svg{width:12px;height:12px;flex-shrink:0;}

/* ════════════════════════════════════════════
   131. INSPECTION PLANS — DELETE CONFIRM
════════════════════════════════════════════ */
.docs-delete-confirm{background:rgba(220,38,38,.04);border:1px solid rgba(220,38,38,.18);border-radius:12px;padding:1.25rem;margin:.85rem 0;display:flex;align-items:flex-start;gap:.85rem;}
.docs-del-icon{width:36px;height:36px;border-radius:9px;background:rgba(220,38,38,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-del-icon svg{width:16px;height:16px;color:var(--docs-red);}
.docs-del-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.88rem;color:var(--docs-red);margin-bottom:.2rem;}
.docs-del-text{font-size:.82rem;color:var(--docs-body);line-height:1.6;}
.docs-del-actions{display:flex;gap:.4rem;margin-top:.65rem;}
.docs-del-cancel{display:inline-flex;align-items:center;font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:600;padding:5px 12px;border-radius:7px;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-del-confirm{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:700;padding:5px 12px;border-radius:7px;background:var(--docs-red);color:#fff;}
.docs-del-confirm svg{width:11px;height:11px;flex-shrink:0;}

/* ════════════════════════════════════════════
   132. COMPLETING INSPECTION — STEP FLOW
════════════════════════════════════════════ */
.docs-step-flow{display:flex;flex-direction:column;gap:0;margin:1rem 0;}
.docs-step-item{display:flex;gap:1rem;position:relative;}
.docs-step-item:not(:last-child)::before{content:"";position:absolute;left:16px;top:32px;bottom:-8px;width:2px;background:var(--docs-line2);}
.docs-step-num{width:32px;height:32px;border-radius:50%;flex-shrink:0;background:var(--docs-navy);color:#fff;font-family:"Outfit",sans-serif;font-weight:800;font-size:.78rem;display:flex;align-items:center;justify-content:center;margin-top:4px;}
.docs-step-body{flex:1;padding-bottom:1.25rem;}
.docs-step-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.88rem;color:var(--docs-navy);margin-bottom:.3rem;}
.docs-step-desc{font-size:.84rem;color:var(--docs-body);line-height:1.72;}

/* ════════════════════════════════════════════
   133. COMPLETING INSPECTION — QC WORK ORDER CARD
════════════════════════════════════════════ */
.docs-qc-wo-card{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.1rem 1.4rem;margin:1rem 0;}
.docs-qc-wo-bc{font-size:.58rem;color:rgba(255,255,255,.4);display:flex;align-items:center;gap:.3rem;margin-bottom:.4rem;flex-wrap:wrap;}
.docs-qc-wo-bc svg{width:7px;height:7px;flex-shrink:0;}
.docs-qc-wo-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-qc-wo-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-qc-wo-icon{width:40px;height:40px;border-radius:9px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-qc-wo-icon svg{width:18px;height:18px;stroke:#fff;stroke-width:2;fill:none;}
.docs-qc-wo-name{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.1rem;color:#fff;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;line-height:1.25;}
.docs-qc-badge{font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:800;padding:2px 7px;border-radius:100px;background:var(--docs-blue);color:#fff;letter-spacing:.04em;flex-shrink:0;}
.docs-qc-wo-sub{font-size:.68rem;color:rgba(255,255,255,.5);margin-top:.25rem;line-height:1.55;}
.docs-qc-wo-badges{display:flex;gap:.4rem;flex-shrink:0;align-self:flex-start;flex-wrap:wrap;}
.docs-qc-wo-badge{border-radius:8px;padding:.35rem .75rem;border:1px solid rgba(255,255,255,.2);text-align:center;min-width:72px;}
.docs-qc-wo-badge-label{font-family:"Outfit",sans-serif;font-size:.5rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:.1rem;}
.docs-qc-wo-badge-val{font-family:"Outfit",sans-serif;font-size:.85rem;font-weight:800;color:#fff;white-space:nowrap;}
.docs-qc-wo-badge.inprog .docs-qc-wo-badge-val{color:#93c5fd;}
.docs-qc-wo-badge.num .docs-qc-wo-badge-val{font-size:1.35rem;}

/* ════════════════════════════════════════════
   134. COMPLETING INSPECTION — TWO-PANEL LAYOUT
════════════════════════════════════════════ */
.docs-two-panel{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:.75rem 0;}
.docs-panel-card{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;padding:1rem 1.2rem;}
.docs-panel-card-title{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--docs-blue);margin-bottom:.85rem;display:flex;align-items:center;gap:.4rem;}
.docs-panel-card-title svg{width:12px;height:12px;flex-shrink:0;}
.docs-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1rem;}
.docs-pf-item-label{font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--docs-ghost);margin-bottom:.2rem;}
.docs-pf-item-val{font-size:.82rem;color:var(--docs-navy);font-weight:600;}
.docs-pf-item-val.link{color:var(--docs-blue);}
.docs-pf-item-val.dash{color:var(--docs-ghost);font-weight:400;}
.docs-status-dot{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;}
.docs-sd-blue::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--docs-blue);flex-shrink:0;display:inline-block;}
.docs-sd-green::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--docs-green);flex-shrink:0;display:inline-block;}
.docs-sd-amber::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--docs-amber);flex-shrink:0;display:inline-block;}
@media(max-width:640px){.docs-two-panel,.docs-panel-grid{grid-template-columns:1fr;}}

/* ════════════════════════════════════════════
   135. COMPLETING INSPECTION — HOW-TO BAR & ACTION BAR
════════════════════════════════════════════ */
.docs-how-to-bar{display:flex;align-items:flex-start;gap:.75rem;background:var(--docs-b08);border:1px solid var(--docs-b15);border-radius:10px;padding:.85rem 1.1rem;margin:.65rem 0;}
.docs-how-to-bar svg{width:14px;height:14px;color:var(--docs-blue);flex-shrink:0;margin-top:2px;}
.docs-how-to-bar p{font-size:.8rem;color:var(--docs-navy);line-height:1.65;margin:0;}
.docs-how-to-bar strong{color:var(--docs-blue);}
.docs-action-bar{display:flex;align-items:center;justify-content:space-between;background:var(--docs-off);border:1px solid var(--docs-line);border-radius:10px;padding:.85rem 1.1rem;margin:.65rem 0;flex-wrap:wrap;gap:.65rem;}
.docs-action-bar-text{font-size:.82rem;color:var(--docs-muted);}
.docs-action-bar-btns{display:flex;gap:.4rem;flex-wrap:wrap;}
.docs-open-target-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;padding:7px 13px;border-radius:8px;background:var(--docs-white);border:1.5px solid var(--docs-line2);color:var(--docs-muted);}
.docs-open-target-btn svg{width:11px;height:11px;flex-shrink:0;}
.docs-inspect-accept-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:7px 14px;border-radius:8px;background:var(--docs-green);color:#fff;}
.docs-inspect-accept-btn svg{width:11px;height:11px;flex-shrink:0;}

/* ════════════════════════════════════════════
   136. COMPLETING INSPECTION — INSPECTION LOTS TABLE
════════════════════════════════════════════ */
.docs-lots-section{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.75rem 0;}
.docs-lots-header{display:flex;align-items:center;gap:.65rem;padding:.75rem 1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);}
.docs-lots-header svg{width:16px;height:16px;color:var(--docs-blue);}
.docs-lots-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.88rem;color:var(--docs-navy);}
.docs-lots-count{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;padding:1px 7px;border-radius:100px;background:var(--docs-navy);color:#fff;}
.docs-lots-sub{font-size:.72rem;color:var(--docs-muted);padding:.5rem 1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);}
.docs-lots-tbl{width:100%;border-collapse:collapse;font-size:.76rem;}
.docs-lots-tbl th{text-align:left;padding:.45rem .8rem;font-family:"Outfit",sans-serif;font-size:.56rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--docs-ghost);border-bottom:1px solid var(--docs-line2);background:var(--docs-off);white-space:nowrap;}
.docs-lots-tbl td{padding:.55rem .8rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);white-space:nowrap;}
.docs-lots-tbl tr:last-child td{border-bottom:none;}
.docs-lot-status-pill{display:inline-flex;align-items:center;gap:.28rem;font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:100px;white-space:nowrap;}
.docs-lsp-awaiting{color:var(--docs-amber);background:rgba(217,119,6,.1);border:1px solid rgba(217,119,6,.2);}
.docs-lsp-awaiting::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--docs-amber);flex-shrink:0;}
.docs-lsp-ready{color:var(--docs-green);background:rgba(5,150,105,.1);border:1px solid rgba(5,150,105,.2);}
.docs-lsp-ready::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--docs-green);flex-shrink:0;}
.docs-lsp-inprog{color:var(--docs-blue);background:var(--docs-b08);border:1px solid var(--docs-b15);}
.docs-lsp-inprog::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--docs-blue);flex-shrink:0;}
.docs-lot-plan-cell{font-size:.73rem;color:var(--docs-navy);font-weight:600;}
.docs-lot-plan-ver{font-size:.65rem;color:var(--docs-muted);font-weight:400;}
.docs-lot-qty-rem{display:inline-flex;align-items:center;font-family:"Outfit",sans-serif;font-size:.63rem;font-weight:700;padding:2px 7px;border-radius:100px;color:var(--docs-amber);background:rgba(217,119,6,.1);border:1px solid rgba(217,119,6,.2);white-space:nowrap;}
.docs-lot-pr{font-family:"JetBrains Mono","Courier New",monospace;font-size:.71rem;display:flex;align-items:center;gap:.2rem;}
.docs-lot-pr .p{color:var(--docs-green);}
.docs-lot-pr .r{color:var(--docs-red);}
.docs-assign-btn{display:inline-flex;align-items:center;font-family:"Outfit",sans-serif;font-size:.71rem;font-weight:700;padding:4px 10px;border-radius:6px;background:var(--docs-blue);color:#fff;}
.docs-start-btn{display:inline-flex;align-items:center;gap:.25rem;font-family:"Outfit",sans-serif;font-size:.71rem;font-weight:600;padding:4px 10px;border-radius:6px;background:var(--docs-white);border:1.5px solid var(--docs-line2);color:var(--docs-muted);}
.docs-record-btn,.docs-continue-btn{display:inline-flex;align-items:center;gap:.25rem;font-family:"Outfit",sans-serif;font-size:.71rem;font-weight:700;padding:4px 10px;border-radius:6px;background:var(--docs-navy);color:#fff;}
.docs-log-btn{display:inline-flex;align-items:center;gap:.2rem;font-family:"Outfit",sans-serif;font-size:.71rem;font-weight:600;padding:4px 10px;border-radius:6px;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-plan-dropdown{display:inline-flex;align-items:center;gap:.3rem;font-size:.73rem;color:var(--docs-navy);background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:6px;padding:3px 8px;}
.docs-plan-dropdown svg{width:10px;height:10px;color:var(--docs-ghost);flex-shrink:0;}

/* ════════════════════════════════════════════
   137. COMPLETING INSPECTION — WORKSHEET HEADER
════════════════════════════════════════════ */
.docs-ws-header-card{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.1rem 1.4rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-ws-hdr-left{display:flex;align-items:flex-start;gap:.8rem;flex:1;min-width:0;}
.docs-ws-hdr-icon{width:38px;height:38px;border-radius:9px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-ws-hdr-icon svg{width:16px;height:16px;stroke:#fff;stroke-width:2;fill:none;}
.docs-ws-hdr-bc{font-size:.58rem;color:rgba(255,255,255,.4);margin-bottom:.2rem;display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;}
.docs-ws-hdr-bc svg{width:7px;height:7px;flex-shrink:0;}
.docs-ws-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.2rem;color:#fff;letter-spacing:-.015em;}
.docs-ws-hdr-sub{font-size:.68rem;color:rgba(255,255,255,.5);margin-top:.2rem;line-height:1.55;}
.docs-ws-hdr-badges{display:flex;gap:.4rem;flex-shrink:0;align-self:flex-start;flex-wrap:wrap;}
.docs-ws-hdr-badge{border-radius:8px;padding:.35rem .75rem;border:1px solid rgba(255,255,255,.2);text-align:center;}
.docs-ws-hdr-badge-label{font-family:"Outfit",sans-serif;font-size:.5rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:.1rem;}
.docs-ws-hdr-badge-val{font-family:"Outfit",sans-serif;font-size:1.1rem;font-weight:900;color:#fff;}
.docs-ws-hdr-badge.os .docs-ws-hdr-badge-val{color:#fbbf24;}

/* ════════════════════════════════════════════
   138. COMPLETING INSPECTION — WORKSHEET PANELS
════════════════════════════════════════════ */
.docs-ws-panels{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:.75rem 0;}
.docs-ws-panel{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;padding:1rem 1.2rem;}
.docs-ws-panel-title{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--docs-blue);margin-bottom:.85rem;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;}
.docs-ws-panel-title svg{width:12px;height:12px;flex-shrink:0;}
.docs-lot-info-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin-bottom:.65rem;}
.docs-li-label{font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-ghost);margin-bottom:.15rem;}
.docs-li-val{font-size:.82rem;font-weight:700;color:var(--docs-navy);}
.docs-li-val.os{color:var(--docs-amber);}
.docs-lot-info-note{display:flex;align-items:center;gap:.4rem;background:rgba(217,119,6,.06);border:1px solid rgba(217,119,6,.2);border-radius:7px;padding:.4rem .7rem;font-size:.73rem;color:#78350f;}
.docs-lot-info-note svg{width:11px;height:11px;flex-shrink:0;}
/* Inspection checks */
.docs-ic-row{display:flex;align-items:flex-start;justify-content:space-between;padding:.55rem 0;border-bottom:1px solid var(--docs-line);gap:.65rem;}
.docs-ic-row:last-child{border-bottom:none;}
.docs-ic-row-name{font-size:.82rem;font-weight:700;color:var(--docs-navy);}
.docs-ic-row-sub{font-size:.72rem;color:var(--docs-muted);margin-top:.1rem;}
.docs-ic-row-right{display:flex;align-items:center;gap:.4rem;flex-shrink:0;}
.docs-ic-req-badge{font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;padding:2px 7px;border-radius:4px;background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.25);color:var(--docs-red);letter-spacing:.04em;text-transform:uppercase;}
.docs-ic-toggle{display:flex;align-items:center;gap:.3rem;}
.docs-ic-toggle-track{width:32px;height:18px;border-radius:9px;background:var(--docs-blue);position:relative;flex-shrink:0;}
.docs-ic-toggle-track::after{content:"";width:14px;height:14px;border-radius:50%;background:#fff;position:absolute;top:2px;right:2px;box-shadow:0 1px 3px rgba(0,0,0,.15);}
.docs-ic-pass-label{font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:700;color:var(--docs-green);}
@media(max-width:640px){.docs-ws-panels,.docs-lot-info-grid{grid-template-columns:1fr;}}

/* ════════════════════════════════════════════
   139. COMPLETING INSPECTION — WORKSHEET TABLE
════════════════════════════════════════════ */
.docs-ws-table-section{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.75rem 0;}
.docs-ws-table-header{display:flex;align-items:center;gap:.65rem;padding:.75rem 1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);}
.docs-ws-table-header svg{width:13px;height:13px;color:var(--docs-blue);}
.docs-ws-table-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.85rem;color:var(--docs-navy);}
.docs-ws-table-sub{font-size:.7rem;color:var(--docs-muted);padding:.4rem 1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);}
.docs-ws-tbl{width:100%;border-collapse:collapse;font-size:.75rem;}
.docs-ws-tbl th{text-align:left;padding:.45rem .7rem;font-family:"Outfit",sans-serif;font-size:.55rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--docs-ghost);border-bottom:1px solid var(--docs-line2);background:var(--docs-off);white-space:nowrap;}
.docs-ws-tbl td{padding:.5rem .7rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-ws-tbl tr:last-child td{border-bottom:none;}
.docs-ws-num-input{display:inline-flex;align-items:center;background:var(--docs-white);border:1.5px solid var(--docs-line2);border-radius:6px;padding:3px 7px;width:56px;font-size:.77rem;color:var(--docs-navy);font-weight:600;}
.docs-ws-drop{display:inline-flex;align-items:center;gap:.25rem;background:var(--docs-white);border:1.5px solid var(--docs-line2);border-radius:6px;padding:4px 8px;font-size:.75rem;color:var(--docs-body);white-space:nowrap;}
.docs-ws-drop svg{width:9px;height:9px;flex-shrink:0;color:var(--docs-ghost);}
.docs-ws-date{display:inline-flex;align-items:center;font-size:.72rem;color:var(--docs-ghost);background:var(--docs-off);border:1.5px solid var(--docs-line2);border-radius:6px;padding:4px 8px;white-space:nowrap;}
.docs-ws-notes{font-size:.72rem;color:var(--docs-ghost);font-style:italic;background:var(--docs-off);border:1.5px solid var(--docs-line2);border-radius:6px;padding:4px 8px;min-width:120px;}
.docs-ws-add-row{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;color:var(--docs-blue);padding:.75rem 1rem;border-top:1px solid var(--docs-line);width:100%;}
.docs-ws-add-row svg{width:13px;height:13px;}
.docs-ws-del-btn{width:24px;height:24px;border-radius:5px;background:rgba(220,38,38,.05);border:1px solid rgba(220,38,38,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-ws-del-btn svg{width:10px;height:10px;color:var(--docs-red);}

/* ════════════════════════════════════════════
   140. COMPLETING INSPECTION — WORKSHEET FOOTER
════════════════════════════════════════════ */
.docs-ws-footer{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.1rem;background:var(--docs-off);border:1px solid var(--docs-line);border-radius:12px;margin:.65rem 0;flex-wrap:wrap;gap:.65rem;}
.docs-ws-footer-left{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--docs-muted);}
.docs-ws-footer-left svg{width:13px;height:13px;flex-shrink:0;}
.docs-ws-footer-right{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;}
.docs-os-badge{font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:7px;background:rgba(217,119,6,.1);border:1px solid rgba(217,119,6,.25);color:var(--docs-amber);}
.docs-save-draft-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;padding:7px 13px;border-radius:8px;background:var(--docs-white);border:1.5px solid var(--docs-line2);color:var(--docs-muted);}
.docs-save-draft-btn svg{width:12px;height:12px;flex-shrink:0;}
.docs-submit-release-btn,.docs-submit-btn-dark{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:7px 14px;border-radius:8px;background:var(--docs-navy);color:#fff;}
.docs-submit-release-btn svg,.docs-submit-btn-dark svg{width:12px;height:12px;flex-shrink:0;}

/* ════════════════════════════════════════════
   141. COMPLETING INSPECTION — SIMPLIFIED FORM
════════════════════════════════════════════ */
.docs-insp-form-card{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:14px;overflow:hidden;margin:1rem 0;}
.docs-insp-form-hdr{display:flex;align-items:flex-start;justify-content:space-between;padding:.85rem 1.2rem;background:rgba(2,116,190,.05);border-bottom:1px solid var(--docs-b15);gap:.75rem;}
.docs-insp-form-hdr-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.88rem;color:var(--docs-navy);}
.docs-insp-form-hdr-sub{font-size:.72rem;color:var(--docs-muted);margin-top:.1rem;}
.docs-insp-form-back{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:600;color:var(--docs-muted);white-space:nowrap;flex-shrink:0;}
.docs-insp-form-back svg{width:12px;height:12px;}
.docs-quar-warning{display:flex;align-items:flex-start;gap:.7rem;background:rgba(217,119,6,.06);border:1px solid rgba(217,119,6,.2);border-radius:9px;padding:.85rem 1rem;margin:.75rem;}
.docs-quar-warning svg{width:14px;height:14px;color:var(--docs-amber);flex-shrink:0;margin-top:1px;}
.docs-quar-warning p{font-size:.8rem;color:#78350f;line-height:1.65;margin:0;}
.docs-insp-meta-bar{font-size:.75rem;color:var(--docs-muted);padding:.5rem .75rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);display:flex;align-items:center;gap:.4rem;}
.docs-insp-meta-bar svg{width:11px;height:11px;flex-shrink:0;color:var(--docs-blue);}
.docs-insp-product-block{padding:.85rem 1rem;border-bottom:1px solid var(--docs-line);}
.docs-ipb-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem;}
.docs-ipb-product-name{display:flex;align-items:center;gap:.5rem;}
.docs-ipb-icon{width:24px;height:24px;border-radius:6px;background:var(--docs-b08);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-ipb-icon svg{width:11px;height:11px;color:var(--docs-blue);}
.docs-ipb-name{font-family:"Outfit",sans-serif;font-weight:700;font-size:.9rem;color:var(--docs-navy);}
.docs-ipb-quarantine-badge{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;padding:3px 9px;border-radius:100px;color:var(--docs-amber);background:rgba(217,119,6,.1);border:1px solid rgba(217,119,6,.2);}
.docs-ipb-quarantine-badge svg{width:10px;height:10px;flex-shrink:0;}
.docs-qty-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:.75rem;}
.docs-qty-field-label{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-muted);margin-bottom:.3rem;}
.docs-qty-input-wrap{display:flex;align-items:center;gap:.5rem;background:var(--docs-off);border:1.5px solid var(--docs-line2);border-radius:8px;padding:.55rem .85rem;}
.docs-qty-input-wrap.passed{border-color:rgba(5,150,105,.35);background:rgba(5,150,105,.04);}
.docs-qty-input-wrap svg{width:14px;height:14px;flex-shrink:0;}
.docs-qty-val{font-family:"Outfit",sans-serif;font-weight:800;font-size:.95rem;color:var(--docs-navy);}
.docs-qty-val.pass{color:var(--docs-green);}
.docs-qty-progress-bar{height:5px;border-radius:3px;background:var(--docs-line2);overflow:hidden;margin-bottom:.2rem;}
.docs-qty-progress-fill{height:100%;border-radius:3px;background:var(--docs-green);}
.docs-qty-pct{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;color:var(--docs-green);margin-bottom:.65rem;}
.docs-insp-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem;}
.docs-insp-field-label{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-muted);margin-bottom:.3rem;}
.docs-insp-field-input{background:var(--docs-white);border:1.5px solid var(--docs-line2);border-radius:7px;padding:.45rem .7rem;font-size:.8rem;color:var(--docs-ghost);font-style:italic;}
.docs-insp-field-input.val{color:var(--docs-body);font-style:normal;}
.docs-insp-field-input.select{display:flex;align-items:center;justify-content:space-between;}
.docs-insp-field-input.select svg{width:11px;height:11px;flex-shrink:0;color:var(--docs-ghost);}
.docs-checklist-toggle-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;padding:6px 12px;border-radius:7px;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);margin-bottom:.75rem;}
.docs-checklist-toggle-btn svg{width:11px;height:11px;flex-shrink:0;}
.docs-cc-mini-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid var(--docs-line2);background:var(--docs-b08);}
.docs-cc-mini-title{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--docs-blue);}
.docs-cc-tbl{width:100%;border-collapse:collapse;font-size:.75rem;}
.docs-cc-tbl th{text-align:left;padding:.4rem .75rem;font-family:"Outfit",sans-serif;font-size:.55rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--docs-ghost);border-bottom:1px solid var(--docs-line2);background:var(--docs-off);white-space:nowrap;}
.docs-cc-tbl td{padding:.5rem .75rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;}
.docs-cc-tbl tr:last-child td{border-bottom:none;}
.docs-must-pass-badge{font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;padding:2px 6px;border-radius:4px;background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.2);color:var(--docs-red);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;}
.docs-crit-type-badge{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;padding:2px 7px;border-radius:5px;white-space:nowrap;}
.docs-ctb-meas{color:var(--docs-blue);background:var(--docs-b08);border:1px solid var(--docs-b15);}
.docs-ctb-vis{color:var(--docs-amber);background:rgba(217,119,6,.08);border:1px solid rgba(217,119,6,.2);}
.docs-ctb-text{color:var(--docs-green);background:rgba(5,150,105,.08);border:1px solid rgba(5,150,105,.18);}
.docs-ctb-pf{color:#7c3aed;background:rgba(124,58,237,.08);border:1px solid rgba(124,58,237,.18);}
.docs-pass-result{display:inline-flex;align-items:center;gap:.25rem;font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:700;color:var(--docs-green);}
.docs-pass-result svg{width:12px;height:12px;color:var(--docs-green);}
.docs-insp-form-footer{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.1rem;border-top:1px solid var(--docs-line);background:var(--docs-off);flex-wrap:wrap;gap:.65rem;}
.docs-insp-form-footer-hint{font-size:.74rem;color:var(--docs-muted);}
.docs-insp-form-footer-btns{display:flex;align-items:center;gap:.5rem;}
.docs-save-progress-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;padding:7px 13px;border-radius:8px;background:var(--docs-white);border:1.5px solid var(--docs-line2);color:var(--docs-muted);}
.docs-save-progress-btn svg{width:12px;height:12px;flex-shrink:0;}
@media(max-width:640px){.docs-qty-row,.docs-insp-fields-grid{grid-template-columns:1fr;}}
.docs-ncr-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.25rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:nowrap;}
.docs-ncr-hdr-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-ncr-hdr-icon{width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-ncr-hdr-icon svg{width:20px;height:20px;stroke:#fff;stroke-width:2;fill:none;}
.docs-ncr-hdr-bc{font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.25rem;display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;}
.docs-ncr-hdr-bc svg{width:7px;height:7px;flex-shrink:0;}
.docs-ncr-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.35rem;color:#fff;letter-spacing:-.02em;}
.docs-ncr-hdr-desc{font-size:.71rem;color:rgba(255,255,255,.55);margin-top:.3rem;line-height:1.6;max-width:480px;}
.docs-ncr-hdr-badge{border-radius:8px;padding:.35rem .85rem;border:1px solid rgba(255,255,255,.2);min-width:90px;text-align:center;background:rgba(220,38,38,.2);align-self:flex-start;flex-shrink:0;}
.docs-ncr-hdr-badge-label{font-family:"Outfit",sans-serif;font-size:.52rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:.15rem;}
.docs-ncr-hdr-badge-val{font-family:"Outfit",sans-serif;font-size:1.5rem;font-weight:900;color:#fff;line-height:1;}
@media(max-width:600px){.docs-ncr-header{flex-wrap:wrap;}}
 
/* ════════════════════════════════════════
   143. NCRs / REJECTS — SEVERITY & STATUS BADGES
════════════════════════════════════════ */
/* Severity */
.docs-ncr-sev-badge{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.68rem;font-weight:700;padding:3px 9px;border-radius:100px;}
.docs-ncr-sev-badge::before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0;}
.docs-ncr-sev-minor  {color:var(--docs-amber);background:rgba(217,119,6,.1);border:1px solid rgba(217,119,6,.22);}
.docs-ncr-sev-minor::before{background:var(--docs-amber);}
.docs-ncr-sev-major  {color:var(--docs-red);background:rgba(220,38,38,.09);border:1px solid rgba(220,38,38,.2);}
.docs-ncr-sev-major::before{background:var(--docs-red);}
.docs-ncr-sev-critical{color:#fff;background:var(--docs-red);border:1px solid var(--docs-red);}
.docs-ncr-sev-critical::before{background:#fca5a5;}
/* Status */
.docs-ncr-status{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.68rem;font-weight:700;padding:3px 9px;border-radius:100px;}
.docs-ncr-status::before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0;}
.docs-ncr-open   {color:var(--docs-blue);background:var(--docs-b08);border:1px solid var(--docs-b15);}
.docs-ncr-open::before{background:var(--docs-blue);}
.docs-ncr-closed {color:var(--docs-green);background:rgba(5,150,105,.1);border:1px solid rgba(5,150,105,.2);}
.docs-ncr-closed::before{background:var(--docs-green);}
.docs-ncr-review {color:var(--docs-purple);background:rgba(124,58,237,.08);border:1px solid rgba(124,58,237,.18);}
.docs-ncr-review::before{background:var(--docs-purple);}
 
/* ════════════════════════════════════════
   144. NCRs / REJECTS — LIST TABLE
════════════════════════════════════════ */
.docs-ncr-list{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.85rem 0;}
.docs-ncr-list-controls{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.7rem 1rem;border-bottom:1px solid var(--docs-line);flex-wrap:wrap;}
.docs-ncr-ctrl-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;padding:5px 10px;border-radius:7px;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-ncr-ctrl-btn svg{width:11px;height:11px;flex-shrink:0;}
.docs-ncr-search{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--docs-ghost);background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:7px;padding:5px 10px;}
.docs-ncr-search svg{width:11px;height:11px;flex-shrink:0;}
.docs-ncr-create-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:700;padding:6px 12px;border-radius:7px;background:var(--docs-blue);color:#fff;}
.docs-ncr-create-btn svg{width:11px;height:11px;flex-shrink:0;}
.docs-ncr-tbl-scroll{overflow-x:auto;}
.docs-ncr-tbl{width:100%;border-collapse:collapse;font-size:.78rem;}
.docs-ncr-tbl th{text-align:left;padding:.5rem .85rem;font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);background:var(--docs-navy);white-space:nowrap;}
.docs-ncr-tbl td{padding:.6rem .85rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-ncr-tbl tr:last-child td{border-bottom:none;}
.docs-ncr-tbl tr:hover td{background:rgba(2,116,190,.025);}
.docs-ncr-num-link{display:inline-flex;align-items:center;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;padding:3px 9px;border-radius:5px;background:var(--docs-b08);border:1px solid var(--docs-b15);color:var(--docs-blue);}
.docs-ncr-product{font-size:.82rem;font-weight:600;color:var(--docs-navy);}
.docs-ncr-view-btn{display:inline-flex;align-items:center;gap:.25rem;font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:600;padding:4px 10px;border-radius:6px;background:var(--docs-b08);border:1px solid var(--docs-b15);color:var(--docs-blue);}
.docs-ncr-view-btn svg{width:10px;height:10px;flex-shrink:0;}
.docs-ncr-pagination{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-top:1px solid var(--docs-line);flex-wrap:wrap;gap:.4rem;}
.docs-ncr-show{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--docs-muted);}
.docs-ncr-pages{display:flex;align-items:center;gap:.3rem;}
.docs-ncr-page-btn{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-ncr-page-btn.cur{background:var(--docs-navy);color:#fff;border-color:var(--docs-navy);}
 
/* ════════════════════════════════════════
   145. NCRs / REJECTS — RECORD HEADER CARD
════════════════════════════════════════ */
.docs-ncr-rec-header{background:linear-gradient(160deg,var(--docs-navy-d) 0%,var(--docs-navy) 100%);border-radius:14px;padding:1.1rem 1.4rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:nowrap;}
.docs-ncr-rec-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-ncr-rec-icon{width:38px;height:38px;border-radius:9px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-ncr-rec-icon svg{width:16px;height:16px;stroke:#fff;stroke-width:2;fill:none;}
.docs-ncr-rec-bc{font-size:.58rem;color:rgba(255,255,255,.4);margin-bottom:.2rem;display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;}
.docs-ncr-rec-bc svg{width:7px;height:7px;flex-shrink:0;}
.docs-ncr-rec-num{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.2rem;color:#fff;letter-spacing:-.015em;}
.docs-ncr-rec-product{font-size:.7rem;color:rgba(255,255,255,.5);margin-top:.12rem;}
.docs-ncr-rec-badges{display:flex;gap:.4rem;flex-shrink:0;align-self:flex-start;flex-wrap:wrap;}
.docs-ncr-rec-badge{border-radius:8px;padding:.35rem .75rem;border:1px solid rgba(255,255,255,.2);text-align:center;min-width:78px;}
.docs-ncr-rec-badge-label{font-family:"Outfit",sans-serif;font-size:.5rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:.1rem;}
.docs-ncr-rec-badge-val{font-family:"Outfit",sans-serif;font-size:.82rem;font-weight:800;color:#fff;white-space:nowrap;}
.docs-ncr-rec-badge.status{background:rgba(2,116,190,.3);}
.docs-ncr-rec-badge.severity{background:rgba(217,119,6,.25);}
.docs-ncr-rec-badge.qty{background:rgba(220,38,38,.25);}
.docs-ncr-rec-badge.qty .docs-ncr-rec-badge-val{font-size:1.35rem;color:#fca5a5;}
@media(max-width:600px){.docs-ncr-rec-header{flex-wrap:wrap;}.docs-ncr-rec-badges{flex-wrap:wrap;}}
 
/* ════════════════════════════════════════
   146. NCRs / REJECTS — TWO-COLUMN PANELS
════════════════════════════════════════ */
.docs-ncr-two-col{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin:.85rem 0;}
.docs-ncr-panel{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;}
.docs-ncr-panel-head{display:flex;align-items:center;gap:.55rem;padding:.75rem 1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);}
.docs-ncr-panel-head svg{width:14px;height:14px;flex-shrink:0;}
.docs-ncr-panel-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.78rem;color:var(--docs-navy);text-transform:uppercase;letter-spacing:.05em;}
.docs-ncr-panel-body{padding:.9rem 1rem;}
.docs-ncr-detail-row{margin-bottom:.65rem;}
.docs-ncr-detail-row:last-child{margin-bottom:0;}
.docs-ncr-detail-label{font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-ghost);margin-bottom:.18rem;}
.docs-ncr-detail-val{font-size:.84rem;color:var(--docs-navy);font-weight:500;}
.docs-ncr-detail-val.muted{color:var(--docs-muted);}
.docs-ncr-detail-val.mono{font-family:"JetBrains Mono","Courier New",monospace;font-size:.73rem;}
.docs-ncr-view-insp-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:6px;background:var(--docs-b08);border:1px solid var(--docs-b15);color:var(--docs-blue);margin-top:.25rem;}
.docs-ncr-view-insp-btn svg{width:10px;height:10px;flex-shrink:0;}
.docs-ncr-desc-box{background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:7px;padding:.55rem .75rem;font-size:.82rem;color:var(--docs-body);line-height:1.6;}
@media(max-width:720px){.docs-ncr-two-col{grid-template-columns:1fr;}}
 
/* ════════════════════════════════════════
   147. NCRs / REJECTS — SECTION BLOCKS
        (Investigation, CAPA, Attachments,
         Rejected Stock)
════════════════════════════════════════ */
.docs-ncr-section{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.65rem 0;}
.docs-ncr-section-head{display:flex;align-items:flex-start;gap:.65rem;padding:.85rem 1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);}
.docs-ncr-section-head-icon{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-ncr-section-head-icon svg{width:13px;height:13px;stroke-width:2;fill:none;}
.docs-ncr-section-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:.88rem;color:var(--docs-navy);}
.docs-ncr-section-sub{font-size:.71rem;color:var(--docs-muted);margin-top:.08rem;line-height:1.5;}
.docs-ncr-section-body{padding:1rem;}
/* Four-up grid inside Investigation */
.docs-ncr-four-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;}
.docs-ncr-field-label{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-muted);margin-bottom:.3rem;}
.docs-ncr-textarea-mock{background:var(--docs-off);border:1.5px solid var(--docs-line2);border-radius:7px;padding:.55rem .75rem;font-size:.81rem;color:var(--docs-ghost);font-style:italic;min-height:64px;}
.docs-ncr-textarea-mock.recorded{color:var(--docs-body);font-style:normal;}
/* CAPA empty state */
.docs-ncr-capa-empty{font-size:.84rem;color:var(--docs-muted);padding:.35rem 0 .25rem;font-style:italic;}
/* Rejected Stock table */
.docs-ncr-rej-tbl{width:100%;border-collapse:collapse;font-size:.8rem;}
.docs-ncr-rej-tbl th{text-align:left;padding:.45rem .85rem;font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--docs-ghost);border-bottom:1px solid var(--docs-line2);background:var(--docs-off);}
.docs-ncr-rej-tbl td{padding:.55rem .85rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-ncr-rej-tbl tr:last-child td{border-bottom:none;}
.docs-ncr-rej-product{font-weight:600;color:var(--docs-navy);}
/* Disposition badges */
.docs-ncr-disposition{display:inline-flex;align-items:center;font-family:"Outfit",sans-serif;font-size:.68rem;font-weight:700;padding:3px 9px;border-radius:100px;}
.docs-ncr-disp-return{color:#92400e;background:rgba(217,119,6,.1);border:1px solid rgba(217,119,6,.22);}
.docs-ncr-disp-scrap {color:var(--docs-red);background:rgba(220,38,38,.08);border:1px solid rgba(220,38,38,.18);}
.docs-ncr-disp-rework{color:var(--docs-blue);background:var(--docs-b08);border:1px solid var(--docs-b15);}
.docs-ncr-disp-accept{color:var(--docs-green);background:rgba(5,150,105,.08);border:1px solid rgba(5,150,105,.18);}
@media(max-width:720px){.docs-ncr-four-grid{grid-template-columns:1fr;}}
 
/* ════════════════════════════════════════
   148. NCRs / REJECTS — CREATE FORM & FOOTER
════════════════════════════════════════ */
/* Form shell */
.docs-ncr-create-form{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:14px;overflow:hidden;margin:1rem 0;}
/* Form header */
.docs-ncr-cf-head{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1.25rem;background:var(--docs-b08);border-bottom:1px solid var(--docs-b15);}
.docs-ncr-cf-head-icon{width:28px;height:28px;border-radius:7px;background:var(--docs-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-ncr-cf-head-icon svg{width:13px;height:13px;stroke:#fff;stroke-width:2;fill:none;}
.docs-ncr-cf-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:.9rem;color:var(--docs-navy);}
.docs-ncr-cf-sub{font-size:.72rem;color:var(--docs-muted);margin-top:.1rem;}
/* Form body */
.docs-ncr-cf-body{padding:1.25rem;}
.docs-ncr-cf-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.85rem;margin-bottom:1rem;}
.docs-ncr-cf-field{display:flex;flex-direction:column;gap:.3rem;}
.docs-ncr-cf-label{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-muted);}
.docs-ncr-cf-label sup{color:var(--docs-red);}
.docs-ncr-cf-input{background:var(--docs-white);border:1.5px solid var(--docs-line2);border-radius:8px;padding:.5rem .85rem;font-size:.83rem;color:var(--docs-body);font-family:"DM Sans",sans-serif;}
.docs-ncr-cf-input.placeholder{color:var(--docs-ghost);font-style:italic;}
.docs-ncr-cf-input.select{display:flex;align-items:center;justify-content:space-between;}
.docs-ncr-cf-input.select svg{width:10px;height:10px;flex-shrink:0;color:var(--docs-ghost);}
.docs-ncr-cf-textarea{background:var(--docs-off);border:1.5px solid var(--docs-line2);border-radius:8px;padding:.6rem .85rem;font-size:.83rem;color:var(--docs-ghost);font-style:italic;min-height:80px;width:100%;font-family:"DM Sans",sans-serif;line-height:1.6;}
/* What happens next bar */
.docs-ncr-cf-what-next{display:flex;align-items:flex-start;gap:.6rem;background:rgba(2,116,190,.05);border:1px solid var(--docs-b15);border-radius:8px;padding:.75rem 1rem;margin:.5rem 0 0;font-size:.8rem;color:var(--docs-navy);line-height:1.6;}
.docs-ncr-cf-what-next svg{width:14px;height:14px;color:var(--docs-blue);flex-shrink:0;margin-top:1px;}
/* Form footer */
.docs-ncr-cf-footer{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;border-top:1px solid var(--docs-line);background:var(--docs-off);}
.docs-ncr-cf-back{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;color:var(--docs-muted);}
.docs-ncr-cf-back svg{width:12px;height:12px;flex-shrink:0;}
.docs-ncr-cf-create{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:7px 16px;border-radius:8px;background:var(--docs-green);color:#fff;}
.docs-ncr-cf-create svg{width:12px;height:12px;flex-shrink:0;}
/* Record view footer */
.docs-ncr-detail-footer{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.1rem;background:var(--docs-off);border:1px solid var(--docs-line);border-radius:12px;margin:.65rem 0;}
.docs-ncr-df-left{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;color:var(--docs-muted);}
.docs-ncr-df-left svg{width:12px;height:12px;flex-shrink:0;}
.docs-ncr-df-right{display:flex;align-items:center;gap:.5rem;}
.docs-ncr-edit-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:7px 14px;border-radius:8px;background:var(--docs-blue);color:#fff;}
.docs-ncr-edit-btn svg{width:12px;height:12px;flex-shrink:0;}
@media(max-width:720px){.docs-ncr-cf-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:480px){.docs-ncr-cf-grid{grid-template-columns:1fr;}}
 
/* ════════════════════════════════════════
   149. NCRs / REJECTS — SEVERITY CARDS,
        DISPOSITION CARDS & LIFECYCLE FLOW
════════════════════════════════════════ */
/* Severity explanation cards */
.docs-sev-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.65rem;margin:.85rem 0;}
.docs-sev-card{border-radius:10px;padding:.9rem 1rem;border:1px solid;}
.docs-sev-card.minor  {background:rgba(217,119,6,.06);border-color:rgba(217,119,6,.2);}
.docs-sev-card.major  {background:rgba(220,38,38,.05);border-color:rgba(220,38,38,.18);}
.docs-sev-card.critical{background:rgba(220,38,38,.09);border-color:rgba(220,38,38,.28);}
.docs-sev-card-label{font-family:"Outfit",sans-serif;font-size:.63rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-bottom:.45rem;display:flex;align-items:center;gap:.35rem;}
.docs-sev-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}
.docs-sev-card.minor   .docs-sev-card-label{color:var(--docs-amber);}
.docs-sev-card.minor   .docs-sev-dot{background:var(--docs-amber);}
.docs-sev-card.major   .docs-sev-card-label{color:var(--docs-red);}
.docs-sev-card.major   .docs-sev-dot{background:var(--docs-red);}
.docs-sev-card.critical .docs-sev-card-label{color:var(--docs-red);}
.docs-sev-card.critical .docs-sev-dot{background:var(--docs-red);}
.docs-sev-card-desc{font-size:.78rem;line-height:1.6;}
.docs-sev-card.minor   .docs-sev-card-desc{color:#78350f;}
.docs-sev-card.major   .docs-sev-card-desc{color:#7f1d1d;}
.docs-sev-card.critical .docs-sev-card-desc{color:#7f1d1d;}
/* Disposition cards */
.docs-disp-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:.85rem 0;}
.docs-disp-card{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:10px;padding:.85rem 1rem;}
.docs-disp-card-name{font-family:"Outfit",sans-serif;font-weight:700;font-size:.85rem;color:var(--docs-navy);margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem;}
.docs-disp-card-desc{font-size:.78rem;color:var(--docs-muted);line-height:1.6;}
/* NCR lifecycle flow */
.docs-ncr-flow{display:flex;align-items:center;gap:.5rem;background:var(--docs-off);border:1px solid var(--docs-line);border-radius:10px;padding:.85rem 1.1rem;margin:.85rem 0;flex-wrap:wrap;}
.docs-ncr-flow-step{display:flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:5px 12px;border-radius:100px;white-space:nowrap;}
.docs-ncr-flow-step.create    {background:var(--docs-b08);border:1px solid var(--docs-b15);color:var(--docs-blue);}
.docs-ncr-flow-step.investigate{background:rgba(217,119,6,.08);border:1px solid rgba(217,119,6,.2);color:#92400e;}
.docs-ncr-flow-step.capa      {background:rgba(124,58,237,.08);border:1px solid rgba(124,58,237,.2);color:var(--docs-purple);}
.docs-ncr-flow-step.close     {background:rgba(5,150,105,.08);border:1px solid rgba(5,150,105,.2);color:var(--docs-green);}
.docs-ncr-flow-arrow{color:var(--docs-ghost);font-size:1rem;flex-shrink:0;}
.docs-ncr-flow-num{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:800;flex-shrink:0;}
.docs-ncr-flow-step.create     .docs-ncr-flow-num{background:var(--docs-blue);color:#fff;}
.docs-ncr-flow-step.investigate .docs-ncr-flow-num{background:var(--docs-amber);color:#fff;}
.docs-ncr-flow-step.capa       .docs-ncr-flow-num{background:var(--docs-purple);color:#fff;}
.docs-ncr-flow-step.close      .docs-ncr-flow-num{background:var(--docs-green);color:#fff;}
@media(max-width:720px){.docs-sev-grid,.docs-disp-grid{grid-template-columns:1fr;}}
/* ════════════════════════════════════════
   150. QUARANTINE — PAGE HEADER CARD
════════════════════════════════════════ */
.docs-qr-header{background:linear-gradient(160deg,var(--docs-navy-d) 0%,var(--docs-navy) 100%);border-radius:14px;padding:1.25rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-qr-hdr-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-qr-hdr-icon{width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-qr-hdr-icon svg{width:20px;height:20px;stroke:#fff;stroke-width:2;fill:none;}
.docs-qr-hdr-bc{font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.25rem;display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;}
.docs-qr-hdr-bc svg{width:7px;height:7px;flex-shrink:0;}
.docs-qr-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.35rem;color:#fff;letter-spacing:-.02em;}
.docs-qr-hdr-desc{font-size:.71rem;color:rgba(255,255,255,.55);margin-top:.3rem;line-height:1.65;max-width:540px;}
.docs-qr-refresh-btn{display:inline-flex;align-items:center;gap:.4rem;font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:600;padding:7px 13px;border-radius:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#fff;align-self:flex-start;flex-shrink:0;white-space:nowrap;}
.docs-qr-refresh-btn svg{width:12px;height:12px;flex-shrink:0;}
@media(max-width:600px){.docs-qr-header{flex-wrap:wrap;}}

/* ════════════════════════════════════════
   151. QUARANTINE — STAT BANNERS
════════════════════════════════════════ */
.docs-qr-banners{display:flex;gap:.5rem;margin:.75rem 0;flex-wrap:wrap;}
.docs-qr-banner{display:inline-flex;align-items:center;gap:.5rem;padding:7px 14px;border-radius:8px;border:1px solid;font-size:.78rem;font-weight:600;white-space:nowrap;}
.docs-qr-banner-sep{font-size:.72rem;font-weight:400;}
.docs-qr-banner.awaiting{background:rgba(217,119,6,.07);border-color:rgba(217,119,6,.22);color:#92400e;}
.docs-qr-banner.awaiting .docs-qr-banner-icon{color:var(--docs-amber);}
.docs-qr-banner.reject{background:rgba(220,38,38,.06);border-color:rgba(220,38,38,.2);color:#7f1d1d;}
.docs-qr-banner.reject .docs-qr-banner-icon{color:var(--docs-red);}
.docs-qr-banner.aging{background:rgba(217,119,6,.05);border-color:rgba(217,119,6,.15);color:#78350f;}
.docs-qr-banner.aging .docs-qr-banner-icon{color:var(--docs-amber);}
.docs-qr-banner-icon{width:13px;height:13px;flex-shrink:0;}
.docs-qr-banner-count{font-family:"Outfit",sans-serif;font-size:.9rem;font-weight:900;}
@media(max-width:720px){.docs-qr-banners{flex-direction:column;align-items:flex-start;}}

/* ════════════════════════════════════════
   152. QUARANTINE — FILTER BAR
════════════════════════════════════════ */
.docs-qr-filter-bar{display:flex;align-items:center;gap:.5rem;margin:.65rem 0;flex-wrap:wrap;}
.docs-qr-filter-drop{display:inline-flex;align-items:center;gap:.4rem;background:var(--docs-white);border:1px solid var(--docs-line2);border-radius:7px;padding:6px 12px;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;color:var(--docs-navy);}
.docs-qr-filter-drop svg{width:10px;height:10px;flex-shrink:0;color:var(--docs-ghost);}
.docs-qr-ctrl-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;padding:5px 10px;border-radius:7px;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-qr-ctrl-btn svg{width:11px;height:11px;flex-shrink:0;}
.docs-qr-search{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--docs-ghost);background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:7px;padding:5px 12px;margin-left:auto;}
.docs-qr-search svg{width:11px;height:11px;flex-shrink:0;}

/* ════════════════════════════════════════
   153. QUARANTINE — REGISTER TABLE
════════════════════════════════════════ */
.docs-qr-table-wrap{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.65rem 0;}
.docs-qr-tbl-scroll{overflow-x:auto;}
.docs-qr-tbl{width:100%;border-collapse:collapse;font-size:.73rem;}
.docs-qr-tbl th{text-align:left;padding:.45rem .7rem;font-family:"Outfit",sans-serif;font-size:.55rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);background:var(--docs-navy);white-space:nowrap;}
.docs-qr-tbl td{padding:.55rem .7rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-qr-tbl tr:last-child td{border-bottom:none;}
.docs-qr-tbl tr:hover td{background:rgba(2,116,190,.02);}
/* Product / lot */
.docs-qr-product{font-size:.78rem;font-weight:600;color:var(--docs-blue);display:block;}
.docs-qr-product.plain{color:var(--docs-navy);}
.docs-qr-lot{font-size:.62rem;color:var(--docs-ghost);font-family:"JetBrains Mono","Courier New",monospace;margin-top:1px;display:block;}
/* Container */
.docs-qr-container{font-family:"JetBrains Mono","Courier New",monospace;font-size:.68rem;color:var(--docs-muted);background:var(--docs-off2);border:1px solid var(--docs-line2);padding:1px 5px;border-radius:4px;}
/* Qty */
.docs-qr-qty{font-family:"Outfit",sans-serif;font-weight:700;font-size:.78rem;color:var(--docs-navy);}
.docs-qr-unit{font-size:.62rem;color:var(--docs-ghost);font-weight:400;}
/* Source */
.docs-qr-source{font-size:.72rem;color:var(--docs-muted);display:block;}
.docs-qr-source-link{font-size:.7rem;color:var(--docs-blue);font-weight:600;display:block;font-family:"Outfit",sans-serif;}
/* Status badges */
.docs-qr-status{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.64rem;font-weight:700;padding:3px 8px;border-radius:100px;white-space:nowrap;}
.docs-qr-status::before{content:"";width:5px;height:5px;border-radius:50%;flex-shrink:0;}
.docs-qr-awaiting{color:var(--docs-amber);background:rgba(217,119,6,.1);border:1px solid rgba(217,119,6,.2);}
.docs-qr-awaiting::before{background:var(--docs-amber);}
.docs-qr-reject-hold{color:var(--docs-red);background:rgba(220,38,38,.08);border:1px solid rgba(220,38,38,.18);}
.docs-qr-reject-hold::before{background:var(--docs-red);}
/* NCR link chip */
.docs-qr-ncr-link{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;color:var(--docs-blue);background:var(--docs-b08);border:1px solid var(--docs-b15);padding:2px 7px;border-radius:4px;white-space:nowrap;}
/* Disposition */
.docs-qr-disp{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:600;padding:2px 8px;border-radius:100px;background:rgba(124,58,237,.08);color:var(--docs-purple);border:1px solid rgba(124,58,237,.18);}
/* Days held */
.docs-qr-days{font-family:"Outfit",sans-serif;font-weight:700;font-size:.75rem;}
.docs-qr-days.overdue{color:var(--docs-red);}
.docs-qr-days-warn{font-size:.58rem;color:var(--docs-red);}
.docs-qr-days.normal{color:var(--docs-muted);}
/* Plan */
.docs-qr-plan{font-size:.71rem;color:var(--docs-blue);font-weight:600;}
/* Resolve action buttons */
.docs-qr-inspect-btn{display:inline-flex;align-items:center;gap:.2rem;font-family:"Outfit",sans-serif;font-size:.68rem;font-weight:700;padding:4px 10px;border-radius:6px;background:var(--docs-b08);border:1px solid var(--docs-b15);color:var(--docs-blue);white-space:nowrap;}
.docs-qr-inspect-btn svg{width:10px;height:10px;flex-shrink:0;}
.docs-qr-open-ncr-btn{display:inline-flex;align-items:center;gap:.2rem;font-family:"Outfit",sans-serif;font-size:.68rem;font-weight:700;padding:4px 10px;border-radius:6px;background:rgba(220,38,38,.07);border:1px solid rgba(220,38,38,.2);color:var(--docs-red);white-space:nowrap;}
.docs-qr-open-ncr-btn svg{width:10px;height:10px;flex-shrink:0;}
.docs-qr-dash{color:var(--docs-ghost);font-size:.7rem;}
/* Pagination */
.docs-qr-pagination{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-top:1px solid var(--docs-line);flex-wrap:wrap;gap:.4rem;}
.docs-qr-show{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--docs-muted);}
.docs-qr-pages{display:flex;align-items:center;gap:.3rem;}
.docs-qr-pg{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-qr-pg.cur{background:var(--docs-navy);color:#fff;border-color:var(--docs-navy);}

/* ════════════════════════════════════════
   154. QUARANTINE — HOLD STATUS CARDS
        (Awaiting / Reject hold / Aging)
════════════════════════════════════════ */
.docs-qr-state-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.65rem;margin:.85rem 0;}
.docs-qr-state-card{border-radius:10px;padding:1rem 1.1rem;border:1px solid;}
.docs-qr-state-card.awaiting-c{background:rgba(217,119,6,.06);border-color:rgba(217,119,6,.2);}
.docs-qr-state-card.reject-c  {background:rgba(220,38,38,.05); border-color:rgba(220,38,38,.18);}
.docs-qr-state-card.aging-c   {background:rgba(124,58,237,.05);border-color:rgba(124,58,237,.18);}
.docs-qr-state-label{font-family:"Outfit",sans-serif;font-size:.63rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-bottom:.35rem;display:flex;align-items:center;gap:.35rem;}
.docs-qr-state-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}
.docs-qr-state-card.awaiting-c .docs-qr-state-label{color:var(--docs-amber);}
.docs-qr-state-card.awaiting-c .docs-qr-state-dot{background:var(--docs-amber);}
.docs-qr-state-card.reject-c   .docs-qr-state-label{color:var(--docs-red);}
.docs-qr-state-card.reject-c   .docs-qr-state-dot{background:var(--docs-red);}
.docs-qr-state-card.aging-c    .docs-qr-state-label{color:var(--docs-purple);}
.docs-qr-state-card.aging-c    .docs-qr-state-dot{background:var(--docs-purple);}
.docs-qr-state-desc{font-size:.78rem;line-height:1.65;}
.docs-qr-state-card.awaiting-c .docs-qr-state-desc{color:#78350f;}
.docs-qr-state-card.reject-c   .docs-qr-state-desc{color:#7f1d1d;}
.docs-qr-state-card.aging-c    .docs-qr-state-desc{color:#3b0764;}
.docs-qr-state-action{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.68rem;font-weight:700;margin-top:.6rem;padding:4px 10px;border-radius:6px;}
.docs-qr-state-card.awaiting-c .docs-qr-state-action{background:rgba(217,119,6,.12);border:1px solid rgba(217,119,6,.25);color:#92400e;}
.docs-qr-state-card.reject-c   .docs-qr-state-action{background:rgba(220,38,38,.08);border:1px solid rgba(220,38,38,.2);color:var(--docs-red);}
.docs-qr-state-card.aging-c    .docs-qr-state-action{background:rgba(124,58,237,.08);border:1px solid rgba(124,58,237,.2);color:var(--docs-purple);}

/* ════════════════════════════════════════
   155. QUARANTINE — SOURCE TYPE CARDS
        (PO Receipt / Works Order /
         Incoming Goods / Reject hold)
════════════════════════════════════════ */
.docs-qr-source-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:.85rem 0;}
.docs-qr-source-card{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:10px;padding:.9rem 1rem;}
.docs-qr-source-card-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.84rem;color:var(--docs-navy);margin-bottom:.25rem;display:flex;align-items:center;gap:.45rem;}
.docs-qr-source-card-title svg{width:13px;height:13px;flex-shrink:0;}
.docs-qr-source-card-desc{font-size:.78rem;color:var(--docs-muted);line-height:1.6;}

/* ════════════════════════════════════════
   156. QUARANTINE — RESPONSIVE OVERRIDES
════════════════════════════════════════ */
@media(max-width:720px){
  .docs-qr-state-grid{grid-template-columns:1fr;}
  .docs-qr-source-grid{grid-template-columns:1fr;}
  .docs-qr-banners{flex-direction:column;align-items:flex-start;}
  .docs-qr-banner{white-space:normal;}
}

/* ════════════════════════════════════════
   157. APPROVAL SETUP — PAGE HEADER CARD
════════════════════════════════════════ */
.docs-as-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.25rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-as-hdr-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-as-hdr-icon{width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-as-hdr-icon svg{width:20px;height:20px;stroke:#fff;stroke-width:2;fill:none;}
.docs-as-hdr-bc{font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.25rem;display:flex;align-items:center;gap:.3rem;}
.docs-as-hdr-bc svg{width:7px;height:7px;}
.docs-as-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.3rem;color:#fff;letter-spacing:-.02em;}
.docs-as-hdr-desc{font-size:.71rem;color:rgba(255,255,255,.55);margin-top:.3rem;line-height:1.6;max-width:540px;}
.docs-as-new-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:8px 14px;border-radius:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;align-self:flex-start;flex-shrink:0;white-space:nowrap;}
.docs-as-new-btn svg{width:12px;height:12px;}
 
/* ════════════════════════════════════════
   158. APPROVAL SETUP — WORKFLOW LIST TABLE
════════════════════════════════════════ */
.docs-as-list{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.85rem 0;}
.docs-as-list-controls{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.7rem 1rem;border-bottom:1px solid var(--docs-line);}
.docs-as-ctrl-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;padding:5px 10px;border-radius:7px;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-as-ctrl-btn svg{width:11px;height:11px;}
.docs-as-search{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--docs-ghost);background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:7px;padding:5px 10px;}
.docs-as-search svg{width:11px;height:11px;}
.docs-as-tbl{width:100%;border-collapse:collapse;font-size:.78rem;}
.docs-as-tbl th{text-align:left;padding:.45rem .85rem;font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--docs-navy);white-space:nowrap;}
.docs-as-tbl td{padding:.65rem .85rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-as-tbl tr:last-child td{border-bottom:none;}
.docs-as-tbl tr:hover td{background:rgba(2,116,190,.02);}
.docs-as-wf-name{font-size:.84rem;font-weight:600;color:var(--docs-navy);}
.docs-as-applies{font-size:.78rem;color:var(--docs-muted);}
.docs-as-active-badge{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.66rem;font-weight:700;padding:3px 9px;border-radius:100px;color:var(--docs-green);background:rgba(5,150,105,.1);border:1px solid rgba(5,150,105,.2);}
.docs-as-active-badge::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--docs-green);}
.docs-as-inactive-badge{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.66rem;font-weight:700;padding:3px 9px;border-radius:100px;color:var(--docs-muted);background:var(--docs-off2);border:1px solid var(--docs-line2);}
.docs-as-inactive-badge::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--docs-ghost);}
.docs-as-priority{font-family:"Outfit",sans-serif;font-weight:700;font-size:.8rem;color:var(--docs-navy);}
.docs-as-stages-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--docs-blue);font-weight:600;}
.docs-as-stages-link svg{width:9px;height:9px;}
.docs-as-view-btn{display:inline-flex;align-items:center;gap:.25rem;font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:600;padding:4px 10px;border-radius:6px;background:var(--docs-b08);border:1px solid var(--docs-b15);color:var(--docs-blue);}
.docs-as-view-btn svg{width:10px;height:10px;}
.docs-as-pagination{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-top:1px solid var(--docs-line);flex-wrap:wrap;gap:.4rem;}
.docs-as-show{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--docs-muted);}
.docs-as-pages{display:flex;align-items:center;gap:.3rem;}
.docs-as-pg{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-as-pg.cur{background:var(--docs-navy);color:#fff;border-color:var(--docs-navy);}
 
/* ════════════════════════════════════════
   159. APPROVAL SETUP — INFO BAR
════════════════════════════════════════ */
.docs-as-info-bar{display:flex;align-items:flex-start;gap:.65rem;background:rgba(2,116,190,.05);border:1px solid var(--docs-b15);border-radius:8px;padding:.75rem 1rem;font-size:.8rem;color:var(--docs-navy);line-height:1.65;margin:.65rem 0;}
.docs-as-info-bar svg{width:14px;height:14px;color:var(--docs-blue);flex-shrink:0;margin-top:1px;}
 
/* ════════════════════════════════════════
   160. APPROVAL SETUP — NEW WORKFLOW FORM
════════════════════════════════════════ */
.docs-as-form{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:14px;overflow:hidden;margin:1rem 0;}
.docs-as-form-header{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1.25rem;background:var(--docs-b08);border-bottom:1px solid var(--docs-b15);}
.docs-as-form-header-icon{width:28px;height:28px;border-radius:50%;background:var(--docs-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-as-form-header-icon svg{width:11px;height:11px;stroke:#fff;stroke-width:2.5;fill:none;}
.docs-as-form-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:.9rem;color:var(--docs-navy);letter-spacing:.04em;text-transform:uppercase;}
.docs-as-form-sub{font-size:.72rem;color:var(--docs-muted);margin-top:.1rem;}
.docs-as-form-body{padding:1.25rem;}
.docs-as-form-grid{display:grid;grid-template-columns:1.2fr 1fr .7fr;gap:.85rem;margin-bottom:1.1rem;}
.docs-as-form-field{display:flex;flex-direction:column;gap:.3rem;}
.docs-as-form-label{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-muted);}
.docs-as-form-label sup{color:var(--docs-red);}
.docs-as-form-input{background:var(--docs-white);border:1.5px solid var(--docs-line2);border-radius:8px;padding:.5rem .85rem;font-size:.83rem;color:var(--docs-body);font-family:"DM Sans",sans-serif;}
.docs-as-form-input.placeholder{color:var(--docs-ghost);font-style:italic;}
.docs-as-form-input.select{display:flex;align-items:center;justify-content:space-between;}
.docs-as-form-input.select svg{width:10px;height:10px;color:var(--docs-ghost);}
.docs-as-form-hint{font-size:.67rem;color:var(--docs-ghost);margin-top:.15rem;}
.docs-as-form-footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.85rem 1.25rem;border-top:1px solid var(--docs-line);background:var(--docs-off);}
.docs-as-cancel-btn{font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;color:var(--docs-muted);padding:7px 14px;border-radius:8px;}
.docs-as-create-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:7px 16px;border-radius:8px;background:var(--docs-blue);color:#fff;}
.docs-as-save-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:7px 16px;border-radius:8px;background:var(--docs-blue);color:#fff;}
 
/* ════════════════════════════════════════
   161. APPROVAL SETUP — STAGE ROWS
        (used in create/edit form)
════════════════════════════════════════ */
.docs-as-stages-section{margin:1rem 0;}
.docs-as-stages-title{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--docs-muted);margin-bottom:.55rem;display:flex;align-items:center;gap:.5rem;}
.docs-as-stages-title svg{width:13px;height:13px;color:var(--docs-blue);}
.docs-as-stage-header{display:grid;grid-template-columns:1fr 100px 130px;gap:.5rem;padding:.4rem .85rem;font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--docs-ghost);border-bottom:1px solid var(--docs-line2);}
.docs-as-stage-row{display:grid;grid-template-columns:1fr 100px 130px;gap:.5rem;padding:.55rem .85rem;border-bottom:1px solid var(--docs-line);align-items:center;}
.docs-as-stage-row:last-of-type{border-bottom:none;}
.docs-as-stage-num{font-family:"Outfit",sans-serif;font-size:.68rem;font-weight:700;color:var(--docs-ghost);background:var(--docs-off2);border:1px solid var(--docs-line2);width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-as-stage-left{display:flex;align-items:center;gap:.6rem;min-width:0;}
.docs-as-stage-role{font-size:.82rem;font-weight:600;color:var(--docs-navy);}
.docs-as-stage-role.placeholder{color:var(--docs-ghost);font-style:italic;font-weight:400;}
.docs-as-stage-approvals{display:flex;align-items:center;gap:.3rem;font-size:.82rem;color:var(--docs-navy);}
.docs-as-stage-approvals span{font-family:"Outfit",sans-serif;font-weight:700;}
.docs-as-mode-badge{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;padding:3px 9px;border-radius:100px;white-space:nowrap;}
.docs-as-mode-seq{color:var(--docs-blue);background:var(--docs-b08);border:1px solid var(--docs-b15);}
.docs-as-mode-par{color:var(--docs-purple);background:rgba(124,58,237,.08);border:1px solid rgba(124,58,237,.18);}
.docs-as-add-stage{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;color:var(--docs-blue);padding:.55rem .85rem;margin-top:.35rem;}
.docs-as-add-stage svg{width:12px;height:12px;}
 
/* ════════════════════════════════════════
   162. APPROVAL SETUP — ADVANCED FIELD
        CONDITION SECTION
════════════════════════════════════════ */
.docs-as-advanced{border:1px solid var(--docs-line);border-radius:10px;overflow:hidden;margin-top:1rem;}
.docs-as-adv-toggle{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;color:var(--docs-blue);}
.docs-as-adv-toggle svg{width:12px;height:12px;flex-shrink:0;}
.docs-as-adv-body{padding:.75rem 1rem 1rem;}
.docs-as-adv-grid{display:grid;grid-template-columns:1fr .8fr .8fr;gap:.65rem;}
.docs-as-adv-hint{font-size:.68rem;color:var(--docs-ghost);margin-top:.4rem;}
.docs-as-condition-bar{display:flex;align-items:center;gap:.5rem;background:rgba(217,119,6,.06);border:1px solid rgba(217,119,6,.18);border-radius:7px;padding:.6rem .9rem;font-size:.78rem;color:#78350f;margin:.5rem 0;}
.docs-as-condition-bar svg{width:13px;height:13px;color:var(--docs-amber);flex-shrink:0;}
.docs-as-condition-code{font-family:"JetBrains Mono","Courier New",monospace;font-size:.75rem;background:rgba(217,119,6,.1);border:1px solid rgba(217,119,6,.2);padding:1px 6px;border-radius:4px;color:#92400e;}
 
/* ════════════════════════════════════════
   163. APPROVAL SETUP — WORKFLOW DETAIL
        HEADER, OVERVIEW PANEL & STAGE CARD
════════════════════════════════════════ */
/* Detail header */
.docs-as-detail-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.1rem 1.4rem;margin:1rem 0;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;}
.docs-as-dh-icon{width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-as-dh-icon svg{width:15px;height:15px;stroke:#fff;stroke-width:2;fill:none;}
.docs-as-dh-name{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.2rem;color:#fff;letter-spacing:-.018em;}
.docs-as-dh-sub{font-size:.7rem;color:rgba(255,255,255,.5);margin-top:.12rem;}
.docs-as-dh-badge{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.68rem;font-weight:700;padding:3px 9px;border-radius:100px;color:var(--docs-green);background:rgba(5,150,105,.15);border:1px solid rgba(5,150,105,.25);margin-left:.5rem;}
.docs-as-dh-badge::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--docs-green);}
.docs-as-dh-right{margin-left:auto;}
.docs-as-detail-btn{font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:700;padding:6px 14px;border-radius:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;}
/* Overview panel */
.docs-as-overview{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.65rem 0;}
.docs-as-ov-head{display:flex;align-items:center;gap:.55rem;padding:.75rem 1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);}
.docs-as-ov-head svg{width:14px;height:14px;color:var(--docs-blue);}
.docs-as-ov-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.78rem;color:var(--docs-navy);text-transform:uppercase;letter-spacing:.05em;}
.docs-as-ov-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem;padding:1rem;}
.docs-as-ov-label{font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-ghost);margin-bottom:.2rem;}
.docs-as-ov-val{font-size:.84rem;color:var(--docs-navy);font-weight:500;}
.docs-as-ov-priority{font-family:"Outfit",sans-serif;font-weight:800;font-size:1.1rem;color:var(--docs-blue);}
/* Stage card (detail/overview) */
.docs-as-stage-card{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.65rem 0;}
.docs-as-sc-head{display:flex;align-items:center;gap:.55rem;padding:.75rem 1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);}
.docs-as-sc-head svg{width:14px;height:14px;color:var(--docs-blue);}
.docs-as-sc-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.78rem;color:var(--docs-navy);text-transform:uppercase;letter-spacing:.05em;}
.docs-as-sc-sub{font-size:.7rem;color:var(--docs-muted);margin-top:.08rem;}
.docs-as-sc-body{padding:.85rem 1rem;}
.docs-as-stage-item{display:flex;align-items:center;gap:.85rem;padding:.55rem .75rem;border:1px solid var(--docs-line);border-radius:8px;margin-bottom:.4rem;}
.docs-as-stage-item:last-child{margin-bottom:0;}
.docs-as-si-num{width:28px;height:28px;border-radius:50%;background:var(--docs-navy);color:#fff;font-family:"Outfit",sans-serif;font-weight:800;font-size:.78rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-as-si-icon{width:26px;height:26px;border-radius:6px;background:var(--docs-b08);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-as-si-icon svg{width:12px;height:12px;color:var(--docs-blue);}
.docs-as-si-name{font-size:.84rem;font-weight:600;color:var(--docs-navy);}
.docs-as-si-sub{font-size:.7rem;color:var(--docs-ghost);margin-top:.1rem;}
.docs-as-si-chips{display:flex;gap:.35rem;margin-left:auto;align-items:center;flex-wrap:wrap;}
.docs-as-approvals-chip{font-family:"Outfit",sans-serif;font-size:.66rem;font-weight:700;padding:3px 9px;border-radius:100px;color:var(--docs-navy);background:var(--docs-off2);border:1px solid var(--docs-line2);white-space:nowrap;}
 
/* ════════════════════════════════════════
   164. APPROVAL SETUP — DETAIL FOOTER,
        PRIORITY ROW & SEQUENTIAL/PARALLEL
        MODE COMPARISON CARDS
════════════════════════════════════════ */
/* Detail footer */
.docs-as-detail-footer{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.1rem;background:var(--docs-off);border:1px solid var(--docs-line);border-radius:12px;margin:.65rem 0;flex-wrap:wrap;gap:.5rem;}
.docs-as-df-back{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;color:var(--docs-muted);}
.docs-as-df-back svg{width:12px;height:12px;}
.docs-as-df-right{display:flex;gap:.4rem;flex-wrap:wrap;}
.docs-as-del-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.76rem;font-weight:700;padding:7px 12px;border-radius:8px;color:var(--docs-red);border:1.5px solid rgba(220,38,38,.3);background:rgba(220,38,38,.05);}
.docs-as-deact-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.76rem;font-weight:700;padding:7px 12px;border-radius:8px;color:var(--docs-amber);border:1.5px solid rgba(217,119,6,.3);background:rgba(217,119,6,.06);}
.docs-as-edit-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.76rem;font-weight:700;padding:7px 12px;border-radius:8px;color:#fff;background:var(--docs-blue);border:1.5px solid var(--docs-blue);}
.docs-as-edit-btn svg{width:11px;height:11px;}
/* Priority tiebreak row */
.docs-as-priority-row{display:flex;align-items:center;gap:1rem;background:var(--docs-off);border:1px solid var(--docs-line);border-radius:10px;padding:.85rem 1.1rem;margin:.65rem 0;flex-wrap:wrap;}
.docs-as-pr-item{display:flex;align-items:center;gap:.5rem;}
.docs-as-pr-num{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.1rem;color:var(--docs-navy);min-width:28px;}
.docs-as-pr-label{font-size:.78rem;color:var(--docs-muted);}
.docs-as-pr-wins{font-size:.68rem;color:var(--docs-green);font-weight:700;font-family:"Outfit",sans-serif;background:rgba(5,150,105,.08);border:1px solid rgba(5,150,105,.18);padding:2px 7px;border-radius:4px;}
.docs-as-pr-arrow{font-size:1.1rem;color:var(--docs-ghost);}
/* Sequential vs Parallel mode cards */
.docs-as-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:.85rem 0;}
.docs-as-mode-card{border-radius:12px;border:2px solid;padding:1.25rem;}
.docs-as-mode-card.seq{background:rgba(2,116,190,.04);border-color:var(--docs-b15);}
.docs-as-mode-card.par{background:rgba(124,58,237,.04);border-color:rgba(124,58,237,.2);}
.docs-as-mode-card-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:.95rem;margin-bottom:.35rem;display:flex;align-items:center;gap:.5rem;}
.docs-as-mode-card.seq .docs-as-mode-card-title{color:var(--docs-blue);}
.docs-as-mode-card.par .docs-as-mode-card-title{color:var(--docs-purple);}
.docs-as-mode-card-desc{font-size:.82rem;color:var(--docs-muted);line-height:1.65;margin-bottom:.85rem;}
/* Flow diagrams inside mode cards */
.docs-as-flow{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;}
.docs-as-flow-step{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-family:"Outfit",sans-serif;font-weight:800;font-size:.72rem;flex-shrink:0;}
.docs-as-flow-step.seq{background:var(--docs-blue);color:#fff;}
.docs-as-flow-step.par{background:var(--docs-purple);color:#fff;}
.docs-as-flow-step.done{background:var(--docs-green);color:#fff;}
.docs-as-flow-arrow{font-size:.9rem;color:var(--docs-ghost);}
.docs-as-flow-group{display:flex;gap:.25rem;}
.docs-as-flow-label{font-size:.68rem;color:var(--docs-ghost);font-style:italic;margin-top:.4rem;width:100%;}
/* Use-when lists inside mode cards */
.docs-as-use-when{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-bottom:.3rem;margin-top:.75rem;}
.docs-as-mode-card.seq .docs-as-use-when{color:var(--docs-blue);}
.docs-as-mode-card.par .docs-as-use-when{color:var(--docs-purple);}
.docs-as-use-items{display:flex;flex-direction:column;gap:.3rem;}
.docs-as-use-item{display:flex;align-items:flex-start;gap:.45rem;font-size:.78rem;color:var(--docs-body);}
.docs-as-use-item::before{content:"";width:5px;height:5px;border-radius:50%;flex-shrink:0;margin-top:.45rem;}
.docs-as-mode-card.seq .docs-as-use-item::before{background:var(--docs-blue);}
.docs-as-mode-card.par .docs-as-use-item::before{background:var(--docs-purple);}
 
/* ════════════════════════════════════════
   165. APPROVAL SETUP — RESPONSIVE
════════════════════════════════════════ */
@media(max-width:720px){
  .docs-as-mode-grid{grid-template-columns:1fr;}
  .docs-as-form-grid{grid-template-columns:1fr;}
  .docs-as-adv-grid{grid-template-columns:1fr;}
  .docs-as-ov-grid{grid-template-columns:1fr 1fr;}
  .docs-as-stage-header,.docs-as-stage-row{grid-template-columns:1fr 60px 100px;}
  .docs-as-detail-footer{flex-direction:column;align-items:flex-start;}
  .docs-as-priority-row{flex-direction:column;align-items:flex-start;gap:.5rem;}
  .docs-as-si-chips{flex-direction:column;align-items:flex-end;}
}
@media(max-width:480px){
  .docs-as-ov-grid{grid-template-columns:1fr;}
  .docs-as-header{flex-direction:column;}
  .docs-as-stage-item{flex-wrap:wrap;}
  .docs-as-si-chips{margin-left:0;flex-direction:row;}
}
/* ════════════════════════════════════════
   166. CONCESSIONS — PAGE HEADER CARD
════════════════════════════════════════ */
.docs-cn-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.25rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-cn-hdr-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-cn-hdr-icon{width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-cn-hdr-icon svg{width:20px;height:20px;stroke:#fff;stroke-width:2;fill:none;}
.docs-cn-hdr-bc{font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.25rem;display:flex;align-items:center;gap:.3rem;}
.docs-cn-hdr-bc svg{width:7px;height:7px;}
.docs-cn-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.3rem;color:#fff;letter-spacing:-.02em;}
.docs-cn-hdr-desc{font-size:.71rem;color:rgba(255,255,255,.55);margin-top:.3rem;line-height:1.6;max-width:540px;}
.docs-cn-raise-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:8px 14px;border-radius:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;align-self:flex-start;flex-shrink:0;white-space:nowrap;}
.docs-cn-raise-btn svg{width:12px;height:12px;}

/* ════════════════════════════════════════
   167. CONCESSIONS — AUTHORISATION BADGES
        & DISPOSITION CHIPS
════════════════════════════════════════ */
/* Inline list badges */
.docs-cn-badge{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.66rem;font-weight:700;padding:3px 9px;border-radius:100px;white-space:nowrap;}
.docs-cn-badge-pending{color:#92400e;background:rgba(217,119,6,.12);border:1px solid rgba(217,119,6,.25);}
.docs-cn-badge-pending::before{content:"⏱";font-size:.6rem;}
.docs-cn-badge-auth{color:var(--docs-green);background:rgba(5,150,105,.1);border:1px solid rgba(5,150,105,.2);}
.docs-cn-badge-auth::before{content:"✓";font-size:.6rem;}
/* Larger record header badge */
.docs-cn-badge-header{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:700;padding:4px 12px;border-radius:100px;color:#92400e;background:rgba(217,119,6,.15);border:1px solid rgba(217,119,6,.3);}
.docs-cn-badge-header::before{content:"⏱";font-size:.65rem;}
/* Disposition chips */
.docs-cn-disp{font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:100px;white-space:nowrap;}
.docs-cn-disp-useas{color:var(--docs-blue);background:var(--docs-b08);border:1px solid var(--docs-b15);}
.docs-cn-disp-accept{color:var(--docs-green);background:rgba(5,150,105,.08);border:1px solid rgba(5,150,105,.18);}
.docs-cn-disp-rework{color:var(--docs-purple);background:rgba(124,58,237,.08);border:1px solid rgba(124,58,237,.18);}

/* ════════════════════════════════════════
   168. CONCESSIONS — LIST TABLE
════════════════════════════════════════ */
.docs-cn-list{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.85rem 0;}
.docs-cn-list-controls{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.7rem 1rem;border-bottom:1px solid var(--docs-line);}
.docs-cn-ctrl-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;padding:5px 10px;border-radius:7px;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-cn-ctrl-btn svg{width:11px;height:11px;}
.docs-cn-search{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--docs-ghost);background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:7px;padding:5px 10px;}
.docs-cn-search svg{width:11px;height:11px;}
.docs-cn-tbl{width:100%;border-collapse:collapse;font-size:.78rem;}
.docs-cn-tbl th{text-align:left;padding:.45rem .75rem;font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--docs-navy);white-space:nowrap;}
.docs-cn-tbl td{padding:.6rem .75rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-cn-tbl tr:last-child td{border-bottom:none;}
.docs-cn-tbl tr:hover td{background:rgba(2,116,190,.02);}
.docs-cn-ref{font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:700;color:var(--docs-blue);background:var(--docs-b08);border:1px solid var(--docs-b15);padding:2px 8px;border-radius:5px;white-space:nowrap;}
.docs-cn-ncr{font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:700;color:var(--docs-red);background:rgba(220,38,38,.07);border:1px solid rgba(220,38,38,.18);padding:2px 8px;border-radius:5px;white-space:nowrap;}
.docs-cn-product{font-family:"JetBrains Mono","Courier New",monospace;font-size:.72rem;color:var(--docs-muted);}
.docs-cn-qty{font-family:"Outfit",sans-serif;font-weight:700;font-size:.78rem;color:var(--docs-navy);}
.docs-cn-date{font-size:.75rem;color:var(--docs-muted);}
.docs-cn-just{font-size:.75rem;color:var(--docs-ghost);max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;}
.docs-cn-view-btn{display:inline-flex;align-items:center;gap:.25rem;font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:600;padding:4px 10px;border-radius:6px;background:var(--docs-b08);border:1px solid var(--docs-b15);color:var(--docs-blue);}
.docs-cn-view-btn svg{width:10px;height:10px;}
.docs-cn-pagination{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-top:1px solid var(--docs-line);flex-wrap:wrap;gap:.4rem;}
.docs-cn-show{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--docs-muted);}
.docs-cn-pages{display:flex;align-items:center;gap:.3rem;}
.docs-cn-pg{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-cn-pg.cur{background:var(--docs-navy);color:#fff;border-color:var(--docs-navy);}

/* ════════════════════════════════════════
   169. CONCESSIONS — RAISE / EDIT FORM
════════════════════════════════════════ */
.docs-cn-form{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:14px;overflow:hidden;margin:1rem 0;}
.docs-cn-form-header{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1.25rem;background:var(--docs-b08);border-bottom:1px solid var(--docs-b15);}
.docs-cn-form-hdr-icon{width:28px;height:28px;border-radius:50%;background:var(--docs-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-cn-form-hdr-icon svg{width:11px;height:11px;stroke:#fff;stroke-width:2.5;fill:none;}
.docs-cn-form-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:.9rem;color:var(--docs-navy);letter-spacing:.04em;text-transform:uppercase;}
.docs-cn-form-sub{font-size:.72rem;color:var(--docs-muted);margin-top:.1rem;}
.docs-cn-info-bar{display:flex;align-items:flex-start;gap:.65rem;background:rgba(2,116,190,.05);border:1px solid var(--docs-b15);border-radius:8px;padding:.75rem 1rem;font-size:.8rem;color:var(--docs-navy);line-height:1.65;margin:1rem 1.25rem 0;}
.docs-cn-info-bar svg{width:14px;height:14px;color:var(--docs-blue);flex-shrink:0;margin-top:1px;}
.docs-cn-form-body{padding:1.25rem;}
.docs-cn-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:.85rem;}
.docs-cn-form-grid-5{display:grid;grid-template-columns:1fr 1fr .6fr .9fr 1fr;gap:.85rem;margin-bottom:.85rem;}
.docs-cn-form-field{display:flex;flex-direction:column;gap:.3rem;}
.docs-cn-form-label{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-muted);}
.docs-cn-form-label sup{color:var(--docs-red);}
.docs-cn-form-input{background:var(--docs-white);border:1.5px solid var(--docs-line2);border-radius:8px;padding:.5rem .85rem;font-size:.83rem;color:var(--docs-body);font-family:"DM Sans",sans-serif;}
.docs-cn-form-input.placeholder{color:var(--docs-ghost);}
.docs-cn-form-input.select{display:flex;align-items:center;justify-content:space-between;}
.docs-cn-form-input.select svg{width:10px;height:10px;color:var(--docs-ghost);}
.docs-cn-form-input.date{color:var(--docs-ghost);}
.docs-cn-form-hint{font-size:.67rem;color:var(--docs-ghost);margin-top:.15rem;}
.docs-cn-textarea{background:var(--docs-white);border:1.5px solid var(--docs-line2);border-radius:8px;padding:.65rem .85rem;font-size:.83rem;color:var(--docs-body);font-family:"DM Sans",sans-serif;min-height:90px;width:100%;resize:vertical;box-sizing:border-box;}
.docs-cn-form-footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.85rem 1.25rem;border-top:1px solid var(--docs-line);background:var(--docs-off);}
.docs-cn-cancel-btn{font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;color:var(--docs-muted);padding:7px 14px;border-radius:8px;}
.docs-cn-submit-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:7px 16px;border-radius:8px;background:var(--docs-blue);color:#fff;}
.docs-cn-submit-btn svg{width:12px;height:12px;}

/* ════════════════════════════════════════
   170. CONCESSIONS — RECORD HEADER
════════════════════════════════════════ */
.docs-cn-rec-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.1rem 1.4rem;margin:1rem 0;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;}
.docs-cn-rec-hdr-icon{width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-cn-rec-hdr-icon svg{width:15px;height:15px;stroke:#fff;stroke-width:2;fill:none;}
.docs-cn-rec-bc{font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.18rem;display:flex;align-items:center;gap:.3rem;}
.docs-cn-rec-bc svg{width:7px;height:7px;}
.docs-cn-rec-num{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.2rem;color:#fff;letter-spacing:-.018em;display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;}
.docs-cn-rec-sub{font-size:.7rem;color:rgba(255,255,255,.5);margin-top:.1rem;}
.docs-cn-rec-detail-btn{font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:700;padding:6px 14px;border-radius:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;margin-left:auto;}

/* ════════════════════════════════════════
   171. CONCESSIONS — DETAIL PANEL
════════════════════════════════════════ */
.docs-cn-detail-panel{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.65rem 0;}
.docs-cn-dp-head{display:flex;align-items:center;gap:.55rem;padding:.75rem 1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);}
.docs-cn-dp-head svg{width:14px;height:14px;color:var(--docs-blue);}
.docs-cn-dp-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.78rem;color:var(--docs-navy);text-transform:uppercase;letter-spacing:.05em;}
.docs-cn-dp-sub{font-size:.7rem;color:var(--docs-muted);margin-left:.3rem;}
.docs-cn-dp-body{padding:1.1rem 1.25rem;}
.docs-cn-detail-row{display:grid;gap:1rem;margin-bottom:.85rem;padding-bottom:.85rem;border-bottom:1px solid var(--docs-line);}
.docs-cn-detail-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.docs-cn-dl-label{font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-ghost);margin-bottom:.28rem;display:flex;align-items:center;gap:.28rem;}
.docs-cn-dl-label svg{width:10px;height:10px;flex-shrink:0;}
.docs-cn-dl-val{font-size:.84rem;color:var(--docs-navy);font-weight:500;font-family:"Outfit",sans-serif;}
.docs-cn-dl-val.ref{color:var(--docs-blue);}
.docs-cn-dl-val.disp{font-weight:700;}
.docs-cn-dl-val.just{font-size:.85rem;color:var(--docs-body);font-family:"DM Sans",sans-serif;font-weight:400;line-height:1.65;}

/* ════════════════════════════════════════
   172. CONCESSIONS — DETAIL FOOTER &
        DELETE/EDIT BUTTONS
════════════════════════════════════════ */
.docs-cn-footer{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.1rem;background:var(--docs-off);border:1px solid var(--docs-line);border-radius:12px;margin:.65rem 0;flex-wrap:wrap;gap:.5rem;}
.docs-cn-back-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;color:var(--docs-muted);}
.docs-cn-back-btn svg{width:12px;height:12px;}
.docs-cn-footer-right{display:flex;gap:.4rem;flex-wrap:wrap;}
.docs-cn-del-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.76rem;font-weight:700;padding:7px 12px;border-radius:8px;color:var(--docs-red);border:1.5px solid rgba(220,38,38,.3);background:rgba(220,38,38,.05);}
.docs-cn-del-btn svg{width:11px;height:11px;}
.docs-cn-edit-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.76rem;font-weight:700;padding:7px 14px;border-radius:8px;color:#fff;background:var(--docs-blue);border:1.5px solid var(--docs-blue);}
.docs-cn-edit-btn svg{width:11px;height:11px;}

/* ════════════════════════════════════════
   173. CONCESSIONS — DISPOSITION CARDS
        & LIFECYCLE FLOW
════════════════════════════════════════ */
/* Disposition explanation cards */
.docs-cn-disp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:.75rem 0;}
.docs-cn-disp-card{border-radius:10px;border:1px solid;padding:1rem;}
.docs-cn-disp-card.useas{background:var(--docs-b08);border-color:var(--docs-b15);}
.docs-cn-disp-card.accept{background:rgba(5,150,105,.06);border-color:rgba(5,150,105,.2);}
.docs-cn-disp-card.rework{background:rgba(124,58,237,.05);border-color:rgba(124,58,237,.18);}
.docs-cn-disp-card-label{font-family:"Outfit",sans-serif;font-size:.63rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-bottom:.35rem;}
.docs-cn-disp-card.useas .docs-cn-disp-card-label{color:var(--docs-blue);}
.docs-cn-disp-card.accept .docs-cn-disp-card-label{color:var(--docs-green);}
.docs-cn-disp-card.rework .docs-cn-disp-card-label{color:var(--docs-purple);}
.docs-cn-disp-card-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:.9rem;margin-bottom:.35rem;}
.docs-cn-disp-card.useas .docs-cn-disp-card-title{color:var(--docs-blue);}
.docs-cn-disp-card.accept .docs-cn-disp-card-title{color:var(--docs-green);}
.docs-cn-disp-card.rework .docs-cn-disp-card-title{color:var(--docs-purple);}
.docs-cn-disp-card-desc{font-size:.78rem;line-height:1.65;}
.docs-cn-disp-card.useas .docs-cn-disp-card-desc{color:var(--docs-navy);}
.docs-cn-disp-card.accept .docs-cn-disp-card-desc{color:#065f46;}
.docs-cn-disp-card.rework .docs-cn-disp-card-desc{color:#3b0764;}
/* Authorisation lifecycle flow */
.docs-cn-lifecycle{display:flex;align-items:center;gap:.4rem;background:var(--docs-off);border:1px solid var(--docs-line);border-radius:10px;padding:.85rem 1.1rem;margin:.65rem 0;flex-wrap:wrap;}
.docs-cn-lc-step{display:flex;align-items:center;gap:.5rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;}
.docs-cn-lc-dot{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:900;flex-shrink:0;}
.docs-cn-lc-dot.raised{background:var(--docs-b08);color:var(--docs-blue);border:1.5px solid var(--docs-b15);}
.docs-cn-lc-dot.pending{background:rgba(217,119,6,.12);color:var(--docs-amber);border:1.5px solid rgba(217,119,6,.25);}
.docs-cn-lc-dot.auth{background:rgba(5,150,105,.1);color:var(--docs-green);border:1.5px solid rgba(5,150,105,.22);}
.docs-cn-lc-dot.locked{background:rgba(2,63,104,.1);color:var(--docs-navy);border:1.5px solid rgba(2,63,104,.2);}
.docs-cn-lc-label.raised{color:var(--docs-blue);}
.docs-cn-lc-label.pending{color:var(--docs-amber);}
.docs-cn-lc-label.auth{color:var(--docs-green);}
.docs-cn-lc-label.locked{color:var(--docs-navy);}
.docs-cn-lc-arrow{font-size:.8rem;color:var(--docs-ghost);}

/* ════════════════════════════════════════
   174. CONCESSIONS — RESPONSIVE OVERRIDES
════════════════════════════════════════ */
@media(max-width:720px){
  .docs-cn-form-grid-5{grid-template-columns:1fr 1fr;}
  .docs-cn-detail-row{grid-template-columns:1fr 1fr !important;}
  .docs-cn-form-grid,.docs-cn-disp-grid{grid-template-columns:1fr;}
  .docs-cn-header{flex-direction:column;}
  .docs-cn-lifecycle{flex-direction:column;align-items:flex-start;}
  .docs-cn-lc-arrow{transform:rotate(90deg);}
  .docs-cn-footer{flex-direction:column;align-items:flex-start;}
}
@media(max-width:480px){
  .docs-cn-form-grid-5{grid-template-columns:1fr;}
  .docs-cn-tbl-scroll{overflow-x:auto;}
}
/* ════════════════════════════════════════
   175. DOCUMENT CONTROL — PAGE HEADER
════════════════════════════════════════ */
.docs-dc-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.25rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-dc-hdr-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-dc-hdr-icon{width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-dc-hdr-icon svg{width:20px;height:20px;stroke:#fff;stroke-width:2;fill:none;}
.docs-dc-hdr-bc{font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.25rem;display:flex;align-items:center;gap:.3rem;}
.docs-dc-hdr-bc svg{width:7px;height:7px;}
.docs-dc-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.3rem;color:#fff;letter-spacing:-.02em;}
.docs-dc-hdr-desc{font-size:.71rem;color:rgba(255,255,255,.55);margin-top:.3rem;line-height:1.6;max-width:540px;}
.docs-dc-new-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:8px 14px;border-radius:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;align-self:flex-start;flex-shrink:0;white-space:nowrap;}
.docs-dc-new-btn svg{width:12px;height:12px;}

/* ════════════════════════════════════════
   176. DOCUMENT CONTROL — TYPE CHIPS
════════════════════════════════════════ */
.docs-dc-type{font-family:"Outfit",sans-serif;font-size:.71rem;font-weight:700;padding:2px 8px;border-radius:100px;white-space:nowrap;}
.docs-dc-type-proc  {color:var(--docs-blue);  background:var(--docs-b08);                    border:1px solid var(--docs-b15);}
.docs-dc-type-wi    {color:var(--docs-green);  background:rgba(5,150,105,.08);                border:1px solid rgba(5,150,105,.18);}
.docs-dc-type-form  {color:var(--docs-purple); background:rgba(124,58,237,.08);               border:1px solid rgba(124,58,237,.18);}
.docs-dc-type-spec  {color:var(--docs-amber);  background:rgba(217,119,6,.08);                border:1px solid rgba(217,119,6,.2);}
.docs-dc-type-policy{color:var(--docs-red);    background:rgba(220,38,38,.07);                border:1px solid rgba(220,38,38,.18);}
.docs-dc-type-other {color:var(--docs-muted);  background:var(--docs-off2);                   border:1px solid var(--docs-line2);}

/* ════════════════════════════════════════
   177. DOCUMENT CONTROL — LIST TABLE
════════════════════════════════════════ */
.docs-dc-list{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.85rem 0;}
.docs-dc-list-controls{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.7rem 1rem;border-bottom:1px solid var(--docs-line);}
.docs-dc-ctrl-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;padding:5px 10px;border-radius:7px;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-dc-ctrl-btn svg{width:11px;height:11px;}
.docs-dc-search{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--docs-ghost);background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:7px;padding:5px 10px;}
.docs-dc-search svg{width:11px;height:11px;}
.docs-dc-tbl{width:100%;border-collapse:collapse;font-size:.78rem;}
.docs-dc-tbl th{text-align:left;padding:.45rem .85rem;font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--docs-navy);white-space:nowrap;}
.docs-dc-tbl td{padding:.65rem .85rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-dc-tbl tr:last-child td{border-bottom:none;}
.docs-dc-tbl tr:hover td{background:rgba(2,116,190,.02);}
.docs-dc-doc-num{font-family:"Outfit",sans-serif;font-size:.73rem;font-weight:700;color:var(--docs-blue);}
.docs-dc-doc-name{font-size:.82rem;font-weight:500;color:var(--docs-navy);}
.docs-dc-version{font-family:"Outfit",sans-serif;font-weight:700;font-size:.78rem;color:var(--docs-navy);}
.docs-dc-version.none{color:var(--docs-ghost);font-weight:400;font-style:italic;font-family:"DM Sans",sans-serif;}
.docs-dc-revisions{font-family:"Outfit",sans-serif;font-weight:700;font-size:.78rem;color:var(--docs-navy);}
.docs-dc-view-btn{display:inline-flex;align-items:center;gap:.25rem;font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:600;padding:4px 10px;border-radius:6px;background:var(--docs-b08);border:1px solid var(--docs-b15);color:var(--docs-blue);}
.docs-dc-view-btn svg{width:10px;height:10px;}
.docs-dc-pagination{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-top:1px solid var(--docs-line);flex-wrap:wrap;gap:.4rem;}
.docs-dc-show{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--docs-muted);}
.docs-dc-pages{display:flex;align-items:center;gap:.3rem;}
.docs-dc-pg{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-dc-pg.cur{background:var(--docs-navy);color:#fff;border-color:var(--docs-navy);}

/* ════════════════════════════════════════
   178. DOCUMENT CONTROL — CREATE / EDIT
        DOCUMENT FORM
════════════════════════════════════════ */
.docs-dc-form{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:14px;overflow:hidden;margin:1rem 0;}
.docs-dc-form-header{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1.25rem;background:var(--docs-b08);border-bottom:1px solid var(--docs-b15);}
.docs-dc-form-hdr-icon{width:28px;height:28px;border-radius:6px;background:var(--docs-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-dc-form-hdr-icon svg{width:12px;height:12px;stroke:#fff;stroke-width:2.5;fill:none;}
.docs-dc-form-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:.9rem;color:var(--docs-navy);letter-spacing:.04em;text-transform:uppercase;}
.docs-dc-form-sub{font-size:.72rem;color:var(--docs-muted);margin-top:.1rem;}
.docs-dc-info-bar{display:flex;align-items:flex-start;gap:.65rem;background:rgba(2,116,190,.05);border:1px solid var(--docs-b15);border-radius:8px;padding:.75rem 1rem;font-size:.8rem;color:var(--docs-navy);line-height:1.65;margin:1rem 1.25rem 0;}
.docs-dc-info-bar svg{width:14px;height:14px;color:var(--docs-blue);flex-shrink:0;margin-top:1px;}
.docs-dc-form-body{padding:1.25rem;}
.docs-dc-form-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:.85rem;margin-bottom:1rem;}
.docs-dc-form-field{display:flex;flex-direction:column;gap:.3rem;}
.docs-dc-form-label{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-muted);}
.docs-dc-form-label sup{color:var(--docs-red);}
.docs-dc-form-input{background:var(--docs-white);border:1.5px solid var(--docs-line2);border-radius:8px;padding:.5rem .85rem;font-size:.83rem;color:var(--docs-body);font-family:"DM Sans",sans-serif;}
.docs-dc-form-input.placeholder{color:var(--docs-ghost);font-style:italic;}
.docs-dc-form-input.select{display:flex;align-items:center;justify-content:space-between;}
.docs-dc-form-input.select svg{width:10px;height:10px;color:var(--docs-ghost);}
.docs-dc-form-input.with-prefix{display:flex;align-items:center;gap:.4rem;}
.docs-dc-form-prefix{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;color:var(--docs-ghost);}
.docs-dc-form-hint{font-size:.67rem;color:var(--docs-ghost);margin-top:.15rem;}
.docs-dc-form-footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.85rem 1.25rem;border-top:1px solid var(--docs-line);background:var(--docs-off);}
.docs-dc-cancel-btn{font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;color:var(--docs-muted);padding:7px 14px;border-radius:8px;}
.docs-dc-create-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:7px 16px;border-radius:8px;background:var(--docs-blue);color:#fff;}

/* ════════════════════════════════════════
   179. DOCUMENT CONTROL — RECORD HEADER
        & STATUS BADGES
════════════════════════════════════════ */
.docs-dc-rec-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.1rem 1.4rem;margin:1rem 0;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;}
.docs-dc-rec-hdr-icon{width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-dc-rec-hdr-icon svg{width:15px;height:15px;stroke:#fff;stroke-width:2;fill:none;}
.docs-dc-rec-bc{font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.18rem;display:flex;align-items:center;gap:.3rem;}
.docs-dc-rec-bc svg{width:7px;height:7px;}
.docs-dc-rec-num{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.2rem;color:#fff;letter-spacing:-.018em;display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;}
.docs-dc-rec-sub{font-size:.7rem;color:rgba(255,255,255,.5);margin-top:.1rem;}
.docs-dc-no-pub-badge{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;padding:3px 10px;border-radius:100px;color:rgba(255,255,255,.7);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);}
.docs-dc-no-pub-badge::before{content:"⊙";font-size:.65rem;}
.docs-dc-published-badge{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:100px;color:var(--docs-green);background:rgba(5,150,105,.15);border:1px solid rgba(5,150,105,.25);}
.docs-dc-published-badge::before{content:"✓";font-size:.65rem;}
.docs-dc-rec-detail-btn{font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:700;padding:6px 14px;border-radius:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;margin-left:auto;}

/* ════════════════════════════════════════
   180. DOCUMENT CONTROL — DETAIL PANEL &
        4-COL DETAILS GRID
════════════════════════════════════════ */
.docs-dc-panel{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.65rem 0;}
.docs-dc-panel-head{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);}
.docs-dc-panel-head-left{display:flex;align-items:center;gap:.55rem;}
.docs-dc-panel-head-left svg{width:14px;height:14px;color:var(--docs-blue);}
.docs-dc-panel-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.78rem;color:var(--docs-navy);text-transform:uppercase;letter-spacing:.05em;}
.docs-dc-panel-sub{font-size:.7rem;color:var(--docs-muted);margin-top:.08rem;}
.docs-dc-panel-body{padding:1rem 1.25rem;}
.docs-dc-details-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem;}
.docs-dc-dl-label{font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-ghost);margin-bottom:.22rem;display:flex;align-items:center;gap:.28rem;}
.docs-dc-dl-label svg{width:10px;height:10px;flex-shrink:0;}
.docs-dc-dl-val{font-size:.84rem;color:var(--docs-navy);font-weight:500;font-family:"Outfit",sans-serif;}
.docs-dc-dl-val.ref{color:var(--docs-blue);}
.docs-dc-dl-val.none{color:var(--docs-ghost);font-style:italic;font-family:"DM Sans",sans-serif;font-weight:400;}

/* ════════════════════════════════════════
   181. DOCUMENT CONTROL — REVISIONS TABLE
        & ADD REVISION FORM
════════════════════════════════════════ */
.docs-dc-rev-tbl{width:100%;border-collapse:collapse;font-size:.78rem;}
.docs-dc-rev-tbl th{text-align:left;padding:.45rem .85rem;font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--docs-navy);white-space:nowrap;}
.docs-dc-rev-tbl td{padding:.6rem .85rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-dc-rev-tbl tr:last-child td{border-bottom:none;}
/* Revision status badges */
.docs-dc-rev-status{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.66rem;font-weight:700;padding:3px 9px;border-radius:100px;white-space:nowrap;}
.docs-dc-rev-draft{color:var(--docs-muted);background:var(--docs-off2);border:1px solid var(--docs-line2);}
.docs-dc-rev-review{color:#92400e;background:rgba(217,119,6,.12);border:1px solid rgba(217,119,6,.25);}
.docs-dc-rev-review::before{content:"⏱";font-size:.6rem;}
.docs-dc-rev-published{color:var(--docs-green);background:rgba(5,150,105,.1);border:1px solid rgba(5,150,105,.2);}
.docs-dc-rev-published::before{content:"✓";font-size:.6rem;}
.docs-dc-rev-obsolete{color:var(--docs-ghost);background:var(--docs-off2);border:1px solid var(--docs-line2);text-decoration:line-through;}
/* Version + file link */
.docs-dc-ver{font-family:"Outfit",sans-serif;font-weight:700;font-size:.78rem;color:var(--docs-navy);display:flex;align-items:center;gap:.4rem;}
.docs-dc-file-link{display:inline-flex;align-items:center;gap:.2rem;font-size:.68rem;color:var(--docs-blue);font-family:"DM Sans",sans-serif;font-weight:400;}
.docs-dc-file-link svg{width:9px;height:9px;flex-shrink:0;}
/* Signature chip */
.docs-dc-sig{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;color:var(--docs-muted);background:var(--docs-off2);border:1px solid var(--docs-line2);padding:2px 8px;border-radius:5px;white-space:nowrap;}
.docs-dc-sig svg{width:9px;height:9px;flex-shrink:0;color:var(--docs-blue);}
/* Publish button */
.docs-dc-pub-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.73rem;font-weight:700;padding:5px 12px;border-radius:7px;background:var(--docs-green);color:#fff;border:1px solid var(--docs-green);}
.docs-dc-pub-btn svg{width:10px;height:10px;}
/* Add revision btn in panel head */
.docs-dc-add-rev-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.73rem;font-weight:700;padding:5px 11px;border-radius:7px;background:var(--docs-b08);border:1px solid var(--docs-b15);color:var(--docs-blue);}
.docs-dc-add-rev-btn svg{width:11px;height:11px;}
/* Add revision inline form */
.docs-dc-add-rev-form{background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:10px;padding:1rem 1.1rem;margin:.65rem 0;}
.docs-dc-add-rev-title{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--docs-blue);margin-bottom:.75rem;}
.docs-dc-add-rev-grid{display:grid;grid-template-columns:.6fr 1fr 1fr;gap:.85rem;margin-bottom:.85rem;}
.docs-dc-add-rev-btns{display:flex;gap:.5rem;}
.docs-dc-add-rev-submit{font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:7px 14px;border-radius:8px;background:var(--docs-navy);color:#fff;}
.docs-dc-add-rev-cancel{font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:500;padding:7px 14px;border-radius:8px;color:var(--docs-muted);}
.docs-dc-file-input{display:flex;align-items:center;gap:.5rem;}
.docs-dc-browse-btn{font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:600;padding:5px 10px;border-radius:6px;background:var(--docs-off2);border:1px solid var(--docs-line2);color:var(--docs-muted);white-space:nowrap;}
.docs-dc-file-name{font-size:.74rem;color:var(--docs-ghost);}

/* ════════════════════════════════════════
   182. DOCUMENT CONTROL — READ & UNDERSTOOD
        PANEL, AUDIENCE CHIPS & DOCUMENT
        TYPE CARDS
════════════════════════════════════════ */
/* R&U panel */
.docs-dc-rau{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.65rem 0;}
.docs-dc-rau-head{display:flex;align-items:flex-start;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);gap:.75rem;flex-wrap:wrap;}
.docs-dc-rau-head-left{display:flex;align-items:flex-start;gap:.55rem;}
.docs-dc-rau-head-left svg{width:14px;height:14px;color:var(--docs-blue);flex-shrink:0;margin-top:1px;}
.docs-dc-rau-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.78rem;color:var(--docs-navy);text-transform:uppercase;letter-spacing:.05em;}
.docs-dc-rau-sub{font-size:.7rem;color:var(--docs-muted);margin-top:.1rem;}
.docs-dc-rau-check{display:flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;color:var(--docs-navy);font-family:"Outfit",sans-serif;white-space:nowrap;}
.docs-dc-rau-check input[type=checkbox]{width:14px;height:14px;accent-color:var(--docs-blue);}
.docs-dc-rau-body{padding:.85rem 1.25rem;font-size:.83rem;color:var(--docs-muted);line-height:1.72;}
.docs-dc-audience-label{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--docs-ghost);margin-bottom:.5rem;}
.docs-dc-audience-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem;}
.docs-dc-aud-chip{font-family:"Outfit",sans-serif;font-size:.68rem;font-weight:600;padding:3px 9px;border-radius:100px;background:var(--docs-b08);border:1px solid var(--docs-b15);color:var(--docs-navy);white-space:nowrap;}
/* Document type cards */
.docs-dc-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin:.85rem 0;}
.docs-dc-type-card{border-radius:10px;padding:.9rem 1rem;border:1px solid;}
.docs-dc-type-card.proc  {background:var(--docs-b08);                  border-color:var(--docs-b15);}
.docs-dc-type-card.wi    {background:rgba(5,150,105,.06);              border-color:rgba(5,150,105,.18);}
.docs-dc-type-card.form  {background:rgba(124,58,237,.05);             border-color:rgba(124,58,237,.18);}
.docs-dc-type-card.spec  {background:rgba(217,119,6,.06);              border-color:rgba(217,119,6,.2);}
.docs-dc-type-card.policy{background:rgba(220,38,38,.05);              border-color:rgba(220,38,38,.16);}
.docs-dc-type-card.other {background:var(--docs-off2);                 border-color:var(--docs-line2);}
.docs-dc-type-card-name{font-family:"Outfit",sans-serif;font-weight:800;font-size:.88rem;margin-bottom:.25rem;}
.docs-dc-type-card.proc   .docs-dc-type-card-name{color:var(--docs-blue);}
.docs-dc-type-card.wi     .docs-dc-type-card-name{color:var(--docs-green);}
.docs-dc-type-card.form   .docs-dc-type-card-name{color:var(--docs-purple);}
.docs-dc-type-card.spec   .docs-dc-type-card-name{color:var(--docs-amber);}
.docs-dc-type-card.policy .docs-dc-type-card-name{color:var(--docs-red);}
.docs-dc-type-card.other  .docs-dc-type-card-name{color:var(--docs-muted);}
.docs-dc-type-card-desc{font-size:.77rem;color:var(--docs-muted);line-height:1.6;}

/* ════════════════════════════════════════
   183. DOCUMENT CONTROL — FOOTER BUTTONS,
        REVISION LIFECYCLE FLOW &
        RESPONSIVE OVERRIDES
════════════════════════════════════════ */
/* Document footer */
.docs-dc-footer{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.1rem;background:var(--docs-off);border:1px solid var(--docs-line);border-radius:12px;margin:.65rem 0;flex-wrap:wrap;gap:.5rem;}
.docs-dc-back-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;color:var(--docs-muted);}
.docs-dc-back-btn svg{width:12px;height:12px;}
.docs-dc-footer-right{display:flex;gap:.4rem;flex-wrap:wrap;}
.docs-dc-del-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.76rem;font-weight:700;padding:7px 12px;border-radius:8px;color:var(--docs-red);border:1.5px solid rgba(220,38,38,.3);background:rgba(220,38,38,.05);}
.docs-dc-del-btn svg{width:11px;height:11px;}
.docs-dc-edit-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.76rem;font-weight:700;padding:7px 14px;border-radius:8px;color:#fff;background:var(--docs-blue);border:1.5px solid var(--docs-blue);}
.docs-dc-edit-btn svg{width:11px;height:11px;}
/* Revision lifecycle flow */
.docs-dc-rev-flow{display:flex;align-items:center;gap:.4rem;background:var(--docs-off);border:1px solid var(--docs-line);border-radius:10px;padding:.85rem 1.1rem;margin:.65rem 0;flex-wrap:wrap;}
.docs-dc-rev-step{display:flex;align-items:center;gap:.5rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;}
.docs-dc-rev-dot{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:900;flex-shrink:0;}
.docs-dc-rev-dot.draft    {background:var(--docs-off2);                color:var(--docs-muted);  border:1.5px solid var(--docs-line2);}
.docs-dc-rev-dot.review   {background:rgba(217,119,6,.12);             color:var(--docs-amber);  border:1.5px solid rgba(217,119,6,.25);}
.docs-dc-rev-dot.published{background:rgba(5,150,105,.12);             color:var(--docs-green);  border:1.5px solid rgba(5,150,105,.25);}
.docs-dc-rev-dot.obsolete {background:var(--docs-off2);                color:var(--docs-ghost);  border:1.5px solid var(--docs-line);}
.docs-dc-rev-label.draft    {color:var(--docs-muted);}
.docs-dc-rev-label.review   {color:var(--docs-amber);}
.docs-dc-rev-label.published{color:var(--docs-green);}
.docs-dc-rev-label.obsolete {color:var(--docs-ghost);}
.docs-dc-rev-arrow{font-size:.8rem;color:var(--docs-ghost);}
/* Responsive */
@media(max-width:720px){
  .docs-dc-form-grid{grid-template-columns:1fr 1fr;}
  .docs-dc-details-grid{grid-template-columns:1fr 1fr;}
  .docs-dc-add-rev-grid{grid-template-columns:1fr 1fr;}
  .docs-dc-type-grid{grid-template-columns:1fr 1fr;}
  .docs-dc-footer{flex-direction:column;align-items:flex-start;}
  .docs-dc-rev-flow{flex-direction:column;align-items:flex-start;}
  .docs-dc-rev-arrow{transform:rotate(90deg);}
  .docs-dc-rau-head{flex-direction:column;}
}
@media(max-width:480px){
  .docs-dc-form-grid,.docs-dc-details-grid,.docs-dc-add-rev-grid,.docs-dc-type-grid{grid-template-columns:1fr;}
}
/* ════════════════════════════════════════
   184. CALIBRATION — PAGE HEADER
════════════════════════════════════════ */
.docs-cal-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.25rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-cal-hdr-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-cal-hdr-icon{width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-cal-hdr-icon svg{width:20px;height:20px;stroke:#fff;stroke-width:2;fill:none;}
.docs-cal-hdr-bc{font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.25rem;display:flex;align-items:center;gap:.3rem;}
.docs-cal-hdr-bc svg{width:7px;height:7px;}
.docs-cal-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.3rem;color:#fff;letter-spacing:-.02em;}
.docs-cal-hdr-desc{font-size:.71rem;color:rgba(255,255,255,.55);margin-top:.3rem;line-height:1.6;max-width:540px;}
.docs-cal-add-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:8px 14px;border-radius:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;align-self:flex-start;flex-shrink:0;white-space:nowrap;}
.docs-cal-add-btn svg{width:12px;height:12px;}

/* ════════════════════════════════════════
   185. CALIBRATION — STATUS BADGES
        (list chip + header badge)
════════════════════════════════════════ */
.docs-cal-status{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.66rem;font-weight:700;padding:3px 9px;border-radius:100px;white-space:nowrap;}
.docs-cal-status::before{content:"";width:5px;height:5px;border-radius:50%;flex-shrink:0;}
.docs-cal-uncalibrated{color:var(--docs-muted);background:var(--docs-off2);border:1px solid var(--docs-line2);}
.docs-cal-uncalibrated::before{background:var(--docs-ghost);}
.docs-cal-ok{color:var(--docs-green);background:rgba(5,150,105,.1);border:1px solid rgba(5,150,105,.2);}
.docs-cal-ok::before{background:var(--docs-green);}
.docs-cal-due-soon{color:var(--docs-amber);background:rgba(217,119,6,.1);border:1px solid rgba(217,119,6,.22);}
.docs-cal-due-soon::before{background:var(--docs-amber);}
.docs-cal-overdue{color:var(--docs-red);background:rgba(220,38,38,.08);border:1px solid rgba(220,38,38,.2);}
.docs-cal-overdue::before{background:var(--docs-red);}
/* Header badge (on dark background) */
.docs-cal-hdr-badge{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:100px;color:var(--docs-muted);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);}
.docs-cal-hdr-badge svg{width:10px;height:10px;flex-shrink:0;}

/* ════════════════════════════════════════
   186. CALIBRATION — EQUIPMENT LIST TABLE
════════════════════════════════════════ */
.docs-cal-list{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.85rem 0;}
.docs-cal-list-controls{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.7rem 1rem;border-bottom:1px solid var(--docs-line);}
.docs-cal-ctrl-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;padding:5px 10px;border-radius:7px;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-cal-ctrl-btn svg{width:11px;height:11px;}
.docs-cal-search{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--docs-ghost);background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:7px;padding:5px 10px;}
.docs-cal-search svg{width:11px;height:11px;}
.docs-cal-tbl{width:100%;border-collapse:collapse;font-size:.78rem;}
.docs-cal-tbl th{text-align:left;padding:.45rem .85rem;font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--docs-navy);white-space:nowrap;}
.docs-cal-tbl td{padding:.65rem .85rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-cal-tbl tr:last-child td{border-bottom:none;}
.docs-cal-tbl tr:hover td{background:rgba(2,116,190,.02);}
.docs-cal-eq-num{font-family:"Outfit",sans-serif;font-size:.73rem;font-weight:700;color:var(--docs-blue);}
.docs-cal-eq-name{font-size:.82rem;font-weight:500;color:var(--docs-navy);}
.docs-cal-eq-loc{font-size:.76rem;color:var(--docs-muted);}
.docs-cal-date{font-size:.75rem;color:var(--docs-muted);}
.docs-cal-date.overdue{color:var(--docs-red);font-weight:600;}
.docs-cal-date.due-soon{color:var(--docs-amber);font-weight:600;}
.docs-cal-dash{color:var(--docs-ghost);font-size:.72rem;}
.docs-cal-view-btn{display:inline-flex;align-items:center;gap:.25rem;font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:600;padding:4px 10px;border-radius:6px;background:var(--docs-b08);border:1px solid var(--docs-b15);color:var(--docs-blue);}
.docs-cal-view-btn svg{width:10px;height:10px;}
.docs-cal-pagination{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-top:1px solid var(--docs-line);flex-wrap:wrap;gap:.4rem;}
.docs-cal-show{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--docs-muted);}
.docs-cal-pages{display:flex;align-items:center;gap:.3rem;}
.docs-cal-pg{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-cal-pg.cur{background:var(--docs-navy);color:#fff;border-color:var(--docs-navy);}

/* ════════════════════════════════════════
   187. CALIBRATION — ADD / EDIT EQUIPMENT
        FORM
════════════════════════════════════════ */
.docs-cal-form{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:14px;overflow:hidden;margin:1rem 0;}
.docs-cal-form-header{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1.25rem;background:var(--docs-b08);border-bottom:1px solid var(--docs-b15);}
.docs-cal-form-hdr-icon{width:28px;height:28px;border-radius:50%;background:var(--docs-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-cal-form-hdr-icon svg{width:11px;height:11px;stroke:#fff;stroke-width:2.5;fill:none;}
.docs-cal-form-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:.9rem;color:var(--docs-navy);letter-spacing:.04em;text-transform:uppercase;}
.docs-cal-form-sub{font-size:.72rem;color:var(--docs-muted);margin-top:.1rem;}
.docs-cal-info-bar{display:flex;align-items:flex-start;gap:.65rem;background:rgba(2,116,190,.05);border:1px solid var(--docs-b15);border-radius:8px;padding:.75rem 1rem;font-size:.8rem;color:var(--docs-navy);line-height:1.65;margin:1rem 1.25rem 0;}
.docs-cal-info-bar svg{width:14px;height:14px;color:var(--docs-blue);flex-shrink:0;margin-top:1px;}
.docs-cal-form-body{padding:1.25rem;}
.docs-cal-form-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr 1fr 1.1fr;gap:.75rem;margin-bottom:1rem;}
.docs-cal-form-field{display:flex;flex-direction:column;gap:.3rem;}
.docs-cal-form-label{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-muted);}
.docs-cal-form-label sup{color:var(--docs-red);}
.docs-cal-form-input{background:var(--docs-white);border:1.5px solid var(--docs-line2);border-radius:8px;padding:.5rem .85rem;font-size:.83rem;color:var(--docs-body);font-family:"DM Sans",sans-serif;}
.docs-cal-form-input.placeholder{color:var(--docs-ghost);font-style:italic;}
.docs-cal-form-input.with-prefix{display:flex;align-items:center;gap:.35rem;}
.docs-cal-form-prefix{font-size:.78rem;color:var(--docs-ghost);}
.docs-cal-form-hint{font-size:.66rem;color:var(--docs-ghost);margin-top:.15rem;line-height:1.4;}
.docs-cal-form-footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.85rem 1.25rem;border-top:1px solid var(--docs-line);background:var(--docs-off);}
.docs-cal-cancel-btn{font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;color:var(--docs-muted);padding:7px 14px;border-radius:8px;}
.docs-cal-submit-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:7px 16px;border-radius:8px;background:var(--docs-blue);color:#fff;}

/* ════════════════════════════════════════
   188. CALIBRATION — EQUIPMENT RECORD
        HEADER
════════════════════════════════════════ */
.docs-cal-rec-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.1rem 1.4rem;margin:1rem 0;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;}
.docs-cal-rec-hdr-icon{width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-cal-rec-hdr-icon svg{width:15px;height:15px;stroke:#fff;stroke-width:2;fill:none;}
.docs-cal-rec-bc{font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.18rem;display:flex;align-items:center;gap:.3rem;}
.docs-cal-rec-bc svg{width:7px;height:7px;}
.docs-cal-rec-num{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.2rem;color:#fff;letter-spacing:-.018em;display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;}
.docs-cal-rec-sub{font-size:.7rem;color:rgba(255,255,255,.5);margin-top:.1rem;}
.docs-cal-detail-btn{font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:700;padding:6px 14px;border-radius:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;margin-left:auto;}

/* ════════════════════════════════════════
   189. CALIBRATION — EQUIPMENT DETAIL
        PANEL & 7-COL DETAILS GRID
════════════════════════════════════════ */
.docs-cal-panel{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.65rem 0;}
.docs-cal-panel-head{display:flex;align-items:flex-start;gap:.55rem;padding:.75rem 1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);}
.docs-cal-panel-head svg{width:14px;height:14px;color:var(--docs-blue);flex-shrink:0;margin-top:1px;}
.docs-cal-panel-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.78rem;color:var(--docs-navy);text-transform:uppercase;letter-spacing:.05em;}
.docs-cal-panel-sub{font-size:.7rem;color:var(--docs-muted);margin-top:.08rem;}
.docs-cal-panel-body{padding:1rem 1.25rem;}
/* 7-column equipment details grid */
.docs-cal-details-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.75rem;margin-bottom:.75rem;}
.docs-cal-dl-label{font-family:"Outfit",sans-serif;font-size:.56rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-ghost);margin-bottom:.22rem;display:flex;align-items:center;gap:.25rem;}
.docs-cal-dl-label svg{width:9px;height:9px;flex-shrink:0;}
.docs-cal-dl-val{font-size:.82rem;color:var(--docs-navy);font-weight:500;font-family:"Outfit",sans-serif;}
.docs-cal-dl-val.ref{color:var(--docs-blue);}
.docs-cal-dl-val.none{color:var(--docs-ghost);font-style:italic;font-family:"DM Sans",sans-serif;font-weight:400;}

/* ════════════════════════════════════════
   190. CALIBRATION — HISTORY TABLE,
        RESULT BADGES, CERT LINK,
        EMPTY STATE & RECORD FORM
════════════════════════════════════════ */
.docs-cal-history-head{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);}
.docs-cal-history-head-left{display:flex;align-items:flex-start;gap:.55rem;}
.docs-cal-history-head-left svg{width:14px;height:14px;color:var(--docs-blue);flex-shrink:0;margin-top:1px;}
.docs-cal-hist-tbl{width:100%;border-collapse:collapse;font-size:.78rem;}
.docs-cal-hist-tbl th{text-align:left;padding:.45rem .85rem;font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--docs-navy);white-space:nowrap;}
.docs-cal-hist-tbl td{padding:.6rem .85rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-cal-hist-tbl tr:last-child td{border-bottom:none;}
/* Result badges */
.docs-cal-result{font-family:"Outfit",sans-serif;font-size:.66rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap;}
.docs-cal-result-pass{color:var(--docs-green);background:rgba(5,150,105,.1);border:1px solid rgba(5,150,105,.2);}
.docs-cal-result-fail{color:var(--docs-red);background:rgba(220,38,38,.08);border:1px solid rgba(220,38,38,.18);}
/* Certificate link */
.docs-cal-cert{display:inline-flex;align-items:center;gap:.25rem;font-size:.72rem;color:var(--docs-blue);}
.docs-cal-cert svg{width:10px;height:10px;flex-shrink:0;}
/* Empty state */
.docs-cal-empty{padding:2rem;text-align:center;}
.docs-cal-empty-icon{width:36px;height:36px;border-radius:9px;background:var(--docs-off2);border:1px solid var(--docs-line2);display:flex;align-items:center;justify-content:center;margin:0 auto .65rem;}
.docs-cal-empty-icon svg{width:14px;height:14px;color:var(--docs-ghost);}
.docs-cal-empty-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.88rem;color:var(--docs-navy);margin-bottom:.25rem;}
.docs-cal-empty-sub{font-size:.78rem;color:var(--docs-ghost);}
/* Record calibration inline form */
.docs-cal-rec-form{border-top:2px dashed var(--docs-line2);padding:1.1rem 1.25rem;}
.docs-cal-rec-form-title{font-family:"Outfit",sans-serif;font-size:.64rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--docs-blue);margin-bottom:.6rem;display:flex;align-items:center;gap:.35rem;}
.docs-cal-rec-form-title svg{width:12px;height:12px;}
.docs-cal-rec-grid{display:grid;grid-template-columns:.9fr .9fr .7fr 1fr 1.1fr;gap:.75rem;margin-bottom:.85rem;}
.docs-cal-rec-save-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:7px 16px;border-radius:8px;background:var(--docs-green);color:#fff;}
.docs-cal-rec-save-btn svg{width:12px;height:12px;}

/* ════════════════════════════════════════
   191. CALIBRATION — FOOTER BUTTONS,
        STATUS CARDS & RESPONSIVE
════════════════════════════════════════ */
/* Equipment footer */
.docs-cal-footer{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.1rem;background:var(--docs-off);border:1px solid var(--docs-line);border-radius:12px;margin:.65rem 0;flex-wrap:wrap;gap:.5rem;}
.docs-cal-back-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;color:var(--docs-muted);}
.docs-cal-back-btn svg{width:12px;height:12px;}
.docs-cal-footer-right{display:flex;gap:.4rem;flex-wrap:wrap;}
.docs-cal-del-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.76rem;font-weight:700;padding:7px 12px;border-radius:8px;color:var(--docs-red);border:1.5px solid rgba(220,38,38,.3);background:rgba(220,38,38,.05);}
.docs-cal-del-btn svg{width:11px;height:11px;}
.docs-cal-edit-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.76rem;font-weight:700;padding:7px 14px;border-radius:8px;color:#fff;background:var(--docs-blue);border:1.5px solid var(--docs-blue);}
.docs-cal-edit-btn svg{width:11px;height:11px;}
/* Status explanation cards */
.docs-cal-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;margin:.85rem 0;}
.docs-cal-status-card{border-radius:10px;padding:.9rem 1rem;border:1px solid;}
.docs-cal-status-card.uncalib{background:var(--docs-off2);               border-color:var(--docs-line2);}
.docs-cal-status-card.ok     {background:rgba(5,150,105,.06);             border-color:rgba(5,150,105,.18);}
.docs-cal-status-card.due    {background:rgba(217,119,6,.06);             border-color:rgba(217,119,6,.2);}
.docs-cal-status-card.over   {background:rgba(220,38,38,.05);             border-color:rgba(220,38,38,.16);}
.docs-cal-sc-name{font-family:"Outfit",sans-serif;font-weight:800;font-size:.88rem;margin-bottom:.25rem;}
.docs-cal-status-card.uncalib .docs-cal-sc-name{color:var(--docs-muted);}
.docs-cal-status-card.ok      .docs-cal-sc-name{color:var(--docs-green);}
.docs-cal-status-card.due     .docs-cal-sc-name{color:var(--docs-amber);}
.docs-cal-status-card.over    .docs-cal-sc-name{color:var(--docs-red);}
.docs-cal-sc-desc{font-size:.77rem;color:var(--docs-muted);line-height:1.6;}
/* Responsive */
@media(max-width:720px){
  .docs-cal-form-grid{grid-template-columns:1fr 1fr;}
  .docs-cal-rec-grid{grid-template-columns:1fr 1fr;}
  .docs-cal-details-grid{grid-template-columns:1fr 1fr 1fr;}
  .docs-cal-status-grid{grid-template-columns:1fr 1fr;}
  .docs-cal-footer{flex-direction:column;align-items:flex-start;}
}
@media(max-width:480px){
  .docs-cal-form-grid,.docs-cal-rec-grid,.docs-cal-details-grid,.docs-cal-status-grid{grid-template-columns:1fr;}
}
/* ════════════════════════════════════════
   192. CAPA — PAGE HEADER & LIFECYCLE
        BREADCRUMB
════════════════════════════════════════ */
.docs-capa-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.25rem 1.5rem;margin:1rem 0;}
.docs-capa-hdr-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.65rem;}
.docs-capa-hdr-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-capa-hdr-icon{width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-capa-hdr-icon svg{width:20px;height:20px;stroke:#fff;stroke-width:2;fill:none;}
.docs-capa-hdr-bc{font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.25rem;}
.docs-capa-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.3rem;color:#fff;letter-spacing:-.02em;}
.docs-capa-hdr-desc{font-size:.71rem;color:rgba(255,255,255,.55);margin-top:.3rem;line-height:1.6;max-width:540px;}
.docs-capa-new-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:8px 14px;border-radius:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;align-self:flex-start;flex-shrink:0;white-space:nowrap;}
.docs-capa-new-btn svg{width:12px;height:12px;}
.docs-capa-lifecycle{display:flex;align-items:center;gap:.35rem;font-size:.68rem;color:rgba(255,255,255,.5);}
.docs-capa-lifecycle strong{color:rgba(255,255,255,.85);font-weight:600;}
.docs-capa-lifecycle-arr{font-size:.6rem;color:rgba(255,255,255,.3);}

/* ════════════════════════════════════════
   193. CAPA — TYPE & STATUS CHIPS,
        OPEN COUNT CHIP
════════════════════════════════════════ */
/* Type chips */
.docs-capa-type{font-family:"Outfit",sans-serif;font-size:.71rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap;}
.docs-capa-corrective{color:var(--docs-blue);  background:var(--docs-b08); border:1px solid var(--docs-b15);}
.docs-capa-preventive{color:var(--docs-purple);background:rgba(124,58,237,.08);border:1px solid rgba(124,58,237,.18);}
/* Status chips */
.docs-capa-status{font-family:"Outfit",sans-serif;font-size:.71rem;font-weight:700;padding:3px 10px;border-radius:100px;white-space:nowrap;display:inline-flex;align-items:center;gap:.3rem;}
.docs-capa-open      {color:var(--docs-blue);  background:var(--docs-b08);              border:1px solid var(--docs-b15);}
.docs-capa-open::before{content:"⊙";font-size:.65rem;}
.docs-capa-inprogress{color:var(--docs-amber); background:rgba(217,119,6,.1);           border:1px solid rgba(217,119,6,.22);}
.docs-capa-verifying {color:var(--docs-purple);background:rgba(124,58,237,.08);         border:1px solid rgba(124,58,237,.18);}
.docs-capa-closed    {color:var(--docs-green); background:rgba(5,150,105,.1);           border:1px solid rgba(5,150,105,.2);}
.docs-capa-closed::before{content:"🔒";font-size:.6rem;}
/* Open count chip */
.docs-capa-open-chip{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:700;padding:4px 11px;border-radius:100px;color:var(--docs-blue);background:var(--docs-b08);border:1px solid var(--docs-b15);margin:.65rem 0 .85rem;}
.docs-capa-open-chip svg{width:12px;height:12px;}

/* ════════════════════════════════════════
   194. CAPA — LIST TABLE
════════════════════════════════════════ */
.docs-capa-list{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.85rem 0;}
.docs-capa-list-controls{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.7rem 1rem;border-bottom:1px solid var(--docs-line);}
.docs-capa-ctrl-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;padding:5px 10px;border-radius:7px;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-capa-ctrl-btn svg{width:11px;height:11px;}
.docs-capa-search{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--docs-ghost);background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:7px;padding:5px 10px;}
.docs-capa-search svg{width:11px;height:11px;}
.docs-capa-tbl{width:100%;border-collapse:collapse;font-size:.78rem;}
.docs-capa-tbl th{text-align:left;padding:.45rem .85rem;font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--docs-navy);white-space:nowrap;}
.docs-capa-tbl td{padding:.6rem .85rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-capa-tbl tr:last-child td{border-bottom:none;}
.docs-capa-tbl tr:hover td{background:rgba(2,116,190,.02);}
.docs-capa-num{font-family:"Outfit",sans-serif;font-size:.73rem;font-weight:700;color:var(--docs-blue);}
.docs-capa-ncr-link{font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;color:var(--docs-blue);background:var(--docs-b08);border:1px solid var(--docs-b15);padding:2px 7px;border-radius:5px;}
.docs-capa-desc{font-size:.76rem;color:var(--docs-muted);max-width:340px;}
.docs-capa-due{font-size:.74rem;color:var(--docs-muted);}
.docs-capa-due.dash{color:var(--docs-ghost);}
.docs-capa-view-btn{display:inline-flex;align-items:center;gap:.25rem;font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:600;padding:4px 10px;border-radius:6px;background:var(--docs-b08);border:1px solid var(--docs-b15);color:var(--docs-blue);}
.docs-capa-view-btn svg{width:10px;height:10px;}
.docs-capa-pagination{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-top:1px solid var(--docs-line);flex-wrap:wrap;gap:.4rem;}
.docs-capa-show{font-size:.72rem;color:var(--docs-muted);display:inline-flex;align-items:center;gap:.4rem;}
.docs-capa-pages{display:flex;align-items:center;gap:.3rem;}
.docs-capa-pg{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-capa-pg.cur{background:var(--docs-navy);color:#fff;border-color:var(--docs-navy);}

/* ════════════════════════════════════════
   195. CAPA — NEW ACTION FORM
════════════════════════════════════════ */
.docs-capa-form{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:14px;overflow:hidden;margin:1rem 0;}
.docs-capa-form-header{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1.25rem;background:var(--docs-b08);border-bottom:1px solid var(--docs-b15);}
.docs-capa-form-hdr-icon{width:28px;height:28px;border-radius:50%;background:var(--docs-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-capa-form-hdr-icon svg{width:11px;height:11px;stroke:#fff;stroke-width:2.5;fill:none;}
.docs-capa-form-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:.9rem;color:var(--docs-navy);letter-spacing:.04em;text-transform:uppercase;}
.docs-capa-form-sub{font-size:.72rem;color:var(--docs-muted);margin-top:.1rem;}
.docs-capa-info-bar{display:flex;align-items:flex-start;gap:.65rem;background:rgba(2,116,190,.05);border:1px solid var(--docs-b15);border-radius:8px;padding:.75rem 1rem;font-size:.8rem;color:var(--docs-navy);line-height:1.65;margin:1rem 1.25rem;}
.docs-capa-info-bar svg{width:14px;height:14px;color:var(--docs-blue);flex-shrink:0;margin-top:1px;}
.docs-capa-form-body{padding:0 1.25rem 1.25rem;}
.docs-capa-form-row{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:.85rem;margin-bottom:.85rem;}
.docs-capa-form-field{display:flex;flex-direction:column;gap:.3rem;}
.docs-capa-form-label{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-muted);}
.docs-capa-form-label sup{color:var(--docs-red);}
.docs-capa-form-input{background:var(--docs-white);border:1.5px solid var(--docs-line2);border-radius:8px;padding:.5rem .85rem;font-size:.83rem;color:var(--docs-body);font-family:"DM Sans",sans-serif;}
.docs-capa-form-input.placeholder{color:var(--docs-ghost);font-style:italic;}
.docs-capa-form-input.select{display:flex;align-items:center;justify-content:space-between;}
.docs-capa-form-input.select svg{width:10px;height:10px;color:var(--docs-ghost);}
.docs-capa-form-input.date{display:flex;align-items:center;gap:.4rem;color:var(--docs-ghost);font-style:italic;}
.docs-capa-form-input.date svg{width:11px;height:11px;flex-shrink:0;}
.docs-capa-textarea{background:var(--docs-white);border:1.5px solid var(--docs-line2);border-radius:8px;padding:.6rem .85rem;font-size:.83rem;color:var(--docs-body);font-family:"DM Sans",sans-serif;width:100%;min-height:90px;line-height:1.6;resize:vertical;}
.docs-capa-textarea-hint{font-size:.72rem;color:var(--docs-ghost);margin-top:.2rem;font-style:italic;}
.docs-capa-form-footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.85rem 1.25rem;border-top:1px solid var(--docs-line);background:var(--docs-off);}
.docs-capa-cancel-btn{font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;color:var(--docs-muted);padding:7px 14px;border-radius:8px;}
.docs-capa-raise-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:7px 16px;border-radius:8px;background:var(--docs-blue);color:#fff;}

/* ════════════════════════════════════════
   196. CAPA — RECORD HEADER &
        PROGRESS STEPPER
════════════════════════════════════════ */
.docs-capa-rec-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.1rem 1.4rem;margin:1rem 0;}
.docs-capa-rec-hdr-top{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem;}
.docs-capa-rec-hdr-icon{width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-capa-rec-hdr-icon svg{width:15px;height:15px;stroke:#fff;stroke-width:2;fill:none;}
.docs-capa-rec-bc{font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.18rem;display:flex;align-items:center;gap:.3rem;}
.docs-capa-rec-bc svg{width:7px;height:7px;}
.docs-capa-rec-num{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.2rem;color:#fff;letter-spacing:-.018em;display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;}
.docs-capa-rec-sub{font-size:.7rem;color:rgba(255,255,255,.5);}
.docs-capa-detail-btn{font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:700;padding:6px 14px;border-radius:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;margin-left:auto;}
/* Progress stepper */
.docs-capa-stepper{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;}
.docs-capa-step{display:flex;align-items:center;gap:.4rem;font-size:.68rem;font-weight:600;}
.docs-capa-step-dot{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-capa-step-dot.done    {background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);}
.docs-capa-step-dot.active  {background:var(--docs-blue);    border-color:var(--docs-blue);}
.docs-capa-step-dot.complete{background:var(--docs-green);   border-color:var(--docs-green);}
.docs-capa-step-dot svg{width:9px;height:9px;stroke:#fff;stroke-width:3;}
.docs-capa-step-label          {color:rgba(255,255,255,.5);}
.docs-capa-step-label.active   {color:#fff;font-weight:700;}
.docs-capa-step-label.complete {color:rgba(255,255,255,.7);}
.docs-capa-step-line{width:28px;height:1px;background:rgba(255,255,255,.2);}

/* ════════════════════════════════════════
   197. CAPA — ACTION DETAILS PANEL &
        5-COL DETAILS GRID
════════════════════════════════════════ */
.docs-capa-panel{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.65rem 0;}
.docs-capa-panel-head{display:flex;align-items:flex-start;gap:.55rem;padding:.75rem 1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);}
.docs-capa-panel-head svg{width:14px;height:14px;color:var(--docs-blue);flex-shrink:0;margin-top:1px;}
.docs-capa-panel-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.78rem;color:var(--docs-navy);text-transform:uppercase;letter-spacing:.05em;}
.docs-capa-panel-sub{font-size:.7rem;color:var(--docs-muted);margin-top:.08rem;}
.docs-capa-panel-body{padding:1rem 1.25rem;}
/* 5-col details grid */
.docs-capa-details-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr 1fr;gap:1rem;margin-bottom:.85rem;}
.docs-capa-dl-label{font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-ghost);margin-bottom:.22rem;display:flex;align-items:center;gap:.28rem;}
.docs-capa-dl-label svg{width:10px;height:10px;flex-shrink:0;}
.docs-capa-dl-val{font-size:.84rem;color:var(--docs-navy);font-weight:500;font-family:"Outfit",sans-serif;}
.docs-capa-dl-val.ref{color:var(--docs-blue);}
.docs-capa-dl-val.none{color:var(--docs-ghost);font-style:italic;font-family:"DM Sans",sans-serif;font-weight:400;}
/* Description row */
.docs-capa-desc-row{display:flex;align-items:flex-start;gap:.5rem;padding:.85rem;background:var(--docs-off);border:1px solid var(--docs-line);border-radius:8px;font-size:.84rem;color:var(--docs-body);line-height:1.7;}
.docs-capa-desc-label{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--docs-muted);margin-bottom:.3rem;}

/* ════════════════════════════════════════
   198. CAPA — WORKFLOW PANEL, LOCKED
        BANNER & EFFECTIVENESS BLOCK
════════════════════════════════════════ */
/* Workflow panel */
.docs-capa-workflow{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.65rem 0;}
.docs-capa-wf-head{display:flex;align-items:flex-start;gap:.55rem;padding:.75rem 1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);}
.docs-capa-wf-head svg{width:14px;height:14px;color:var(--docs-blue);flex-shrink:0;margin-top:2px;}
.docs-capa-wf-body{padding:1rem 1.25rem;}
.docs-capa-wf-grid{display:grid;grid-template-columns:1fr 2fr;gap:1rem;margin-top:.75rem;}
.docs-capa-wf-field{display:flex;flex-direction:column;gap:.3rem;}
.docs-capa-wf-verify-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:7px 16px;border-radius:8px;background:var(--docs-green);color:#fff;}
.docs-capa-wf-verify-btn svg{width:12px;height:12px;}
/* Locked banner */
.docs-capa-locked-banner{display:flex;align-items:flex-start;gap:.75rem;background:rgba(5,150,105,.06);border:1px solid rgba(5,150,105,.2);border-radius:10px;padding:.85rem 1.1rem;margin:.65rem 0;font-size:.85rem;color:#064e3b;line-height:1.65;}
.docs-capa-locked-banner svg{width:16px;height:16px;color:var(--docs-green);flex-shrink:0;margin-top:1px;}
/* Effectiveness verification block */
.docs-capa-ev-block{background:rgba(5,150,105,.06);border:1px solid rgba(5,150,105,.2);border-radius:8px;padding:.85rem 1.1rem;margin-top:.65rem;}
.docs-capa-ev-label{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--docs-green);margin-bottom:.35rem;display:flex;align-items:center;gap:.3rem;}
.docs-capa-ev-label svg{width:11px;height:11px;}
.docs-capa-ev-text{font-size:.84rem;color:#064e3b;line-height:1.65;}

/* ════════════════════════════════════════
   199. CAPA — FOOTER BUTTONS &
        LIFECYCLE FLOW DIAGRAM
════════════════════════════════════════ */
/* Action footer */
.docs-capa-footer{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.1rem;background:var(--docs-off);border:1px solid var(--docs-line);border-radius:12px;margin:.65rem 0;flex-wrap:wrap;gap:.5rem;}
.docs-capa-back-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;color:var(--docs-muted);}
.docs-capa-back-btn svg{width:12px;height:12px;}
.docs-capa-footer-right{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center;}
.docs-capa-del-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.76rem;font-weight:700;padding:7px 12px;border-radius:8px;color:var(--docs-red);border:1.5px solid rgba(220,38,38,.3);background:rgba(220,38,38,.05);}
.docs-capa-del-btn svg{width:11px;height:11px;}
.docs-capa-edit-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.76rem;font-weight:700;padding:7px 14px;border-radius:8px;color:#fff;background:var(--docs-blue);border:1.5px solid var(--docs-blue);}
.docs-capa-edit-btn svg{width:11px;height:11px;}
/* Lifecycle flow */
.docs-capa-lifecycle-flow{display:flex;align-items:center;gap:.4rem;background:var(--docs-off);border:1px solid var(--docs-line);border-radius:10px;padding:.85rem 1.1rem;margin:.65rem 0;flex-wrap:wrap;}
.docs-capa-lf-step{display:flex;align-items:center;gap:.4rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;}
.docs-capa-lf-dot{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:900;flex-shrink:0;}
.docs-capa-lf-dot.open  {background:var(--docs-b08);                color:var(--docs-blue);   border:1.5px solid var(--docs-b15);}
.docs-capa-lf-dot.inprog{background:rgba(217,119,6,.12);            color:var(--docs-amber);  border:1.5px solid rgba(217,119,6,.25);}
.docs-capa-lf-dot.verify{background:rgba(124,58,237,.1);            color:var(--docs-purple); border:1.5px solid rgba(124,58,237,.22);}
.docs-capa-lf-dot.closed{background:rgba(5,150,105,.12);            color:var(--docs-green);  border:1.5px solid rgba(5,150,105,.25);}
.docs-capa-lf-label.open  {color:var(--docs-blue);}
.docs-capa-lf-label.inprog{color:var(--docs-amber);}
.docs-capa-lf-label.verify{color:var(--docs-purple);}
.docs-capa-lf-label.closed{color:var(--docs-green);}
.docs-capa-lf-arrow{font-size:.8rem;color:var(--docs-ghost);}

/* ════════════════════════════════════════
   200. CAPA — RESPONSIVE OVERRIDES
════════════════════════════════════════ */
@media(max-width:720px){
  .docs-capa-form-row{grid-template-columns:1fr 1fr;}
  .docs-capa-details-grid{grid-template-columns:1fr 1fr;}
  .docs-capa-wf-grid{grid-template-columns:1fr;}
  .docs-capa-stepper{gap:.3rem;}
  .docs-capa-step-line{width:16px;}
  .docs-capa-footer{flex-direction:column;align-items:flex-start;}
  .docs-capa-lifecycle-flow{flex-direction:column;align-items:flex-start;}
  .docs-capa-lf-arrow{transform:rotate(90deg);}
}
@media(max-width:480px){
  .docs-capa-form-row,.docs-capa-details-grid{grid-template-columns:1fr;}
  .docs-capa-rec-hdr-top{flex-direction:column;}
  .docs-capa-detail-btn{margin-left:0;}
}
/* ════════════════════════════════════════
   201. AUDITS — PAGE HEADER
════════════════════════════════════════ */
.docs-aud-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.25rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-aud-hdr-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-aud-hdr-icon{width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-aud-hdr-icon svg{width:20px;height:20px;stroke:#fff;stroke-width:2;fill:none;}
.docs-aud-hdr-bc{font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.25rem;}
.docs-aud-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.3rem;color:#fff;letter-spacing:-.02em;}
.docs-aud-hdr-desc{font-size:.71rem;color:rgba(255,255,255,.55);margin-top:.3rem;line-height:1.6;max-width:540px;}
.docs-aud-sched-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:8px 14px;border-radius:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;align-self:flex-start;flex-shrink:0;white-space:nowrap;}
.docs-aud-sched-btn svg{width:12px;height:12px;}

/* ════════════════════════════════════════
   202. AUDITS — TYPE CHIP & STATUS CHIPS
════════════════════════════════════════ */
.docs-aud-type{font-family:"Outfit",sans-serif;font-size:.71rem;font-weight:600;padding:2px 9px;border-radius:100px;background:var(--docs-off2);border:1px solid var(--docs-line2);color:var(--docs-muted);white-space:nowrap;}
.docs-aud-status{font-family:"Outfit",sans-serif;font-size:.71rem;font-weight:700;padding:3px 10px;border-radius:100px;white-space:nowrap;display:inline-flex;align-items:center;gap:.3rem;}
.docs-aud-planned     {color:var(--docs-blue);  background:var(--docs-b08);              border:1px solid var(--docs-b15);}
.docs-aud-planned::before{content:"●";font-size:.55rem;}
.docs-aud-in-progress {color:var(--docs-amber); background:rgba(217,119,6,.1);           border:1px solid rgba(217,119,6,.22);}
.docs-aud-in-progress::before{content:"●";font-size:.55rem;}
.docs-aud-closed      {color:var(--docs-green); background:rgba(5,150,105,.1);           border:1px solid rgba(5,150,105,.2);}
.docs-aud-closed::before{content:"●";font-size:.55rem;}

/* ════════════════════════════════════════
   203. AUDITS — LIST TABLE
════════════════════════════════════════ */
.docs-aud-list{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.85rem 0;}
.docs-aud-list-controls{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.7rem 1rem;border-bottom:1px solid var(--docs-line);}
.docs-aud-ctrl-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;padding:5px 10px;border-radius:7px;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-aud-ctrl-btn svg{width:11px;height:11px;}
.docs-aud-search{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--docs-ghost);background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:7px;padding:5px 10px;}
.docs-aud-search svg{width:11px;height:11px;}
.docs-aud-tbl{width:100%;border-collapse:collapse;font-size:.78rem;}
.docs-aud-tbl th{text-align:left;padding:.45rem .85rem;font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--docs-navy);white-space:nowrap;}
.docs-aud-tbl td{padding:.6rem .85rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-aud-tbl tr:last-child td{border-bottom:none;}
.docs-aud-tbl tr:hover td{background:rgba(2,116,190,.02);}
.docs-aud-num{font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;color:var(--docs-blue);background:var(--docs-b08);border:1px solid var(--docs-b15);padding:2px 7px;border-radius:5px;white-space:nowrap;}
.docs-aud-title{font-size:.82rem;font-weight:500;color:var(--docs-navy);}
.docs-aud-findings-num{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;color:var(--docs-navy);}
.docs-aud-dash{color:var(--docs-ghost);font-size:.72rem;}
.docs-aud-view-btn{display:inline-flex;align-items:center;gap:.25rem;font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:600;padding:4px 10px;border-radius:6px;background:var(--docs-b08);border:1px solid var(--docs-b15);color:var(--docs-blue);}
.docs-aud-view-btn svg{width:10px;height:10px;}
.docs-aud-pagination{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-top:1px solid var(--docs-line);flex-wrap:wrap;gap:.4rem;}
.docs-aud-show{font-size:.72rem;color:var(--docs-muted);display:inline-flex;align-items:center;gap:.4rem;}
.docs-aud-pages{display:flex;align-items:center;gap:.3rem;}
.docs-aud-pg{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-aud-pg.cur{background:var(--docs-navy);color:#fff;border-color:var(--docs-navy);}

/* ════════════════════════════════════════
   204. AUDITS — SCHEDULE / EDIT FORM
════════════════════════════════════════ */
.docs-aud-form{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:14px;overflow:hidden;margin:1rem 0;}
.docs-aud-form-header{display:flex;align-items:flex-start;gap:.65rem;padding:.85rem 1.25rem;background:var(--docs-b08);border-bottom:1px solid var(--docs-b15);}
.docs-aud-form-hdr-icon{font-family:"Outfit",sans-serif;font-size:1.1rem;color:var(--docs-blue);font-weight:900;flex-shrink:0;}
.docs-aud-form-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:.9rem;color:var(--docs-blue);letter-spacing:.04em;text-transform:uppercase;}
.docs-aud-form-sub{font-size:.72rem;color:var(--docs-muted);margin-top:.1rem;}
.docs-aud-form-body{padding:1.25rem;}
.docs-aud-form-row1{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr 1fr;gap:.75rem;margin-bottom:.85rem;}
.docs-aud-form-row2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.85rem;}
.docs-aud-form-field{display:flex;flex-direction:column;gap:.3rem;}
.docs-aud-form-label{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-muted);}
.docs-aud-form-label sup{color:var(--docs-red);}
.docs-aud-form-input{background:var(--docs-white);border:1.5px solid var(--docs-line2);border-radius:8px;padding:.5rem .85rem;font-size:.83rem;color:var(--docs-body);font-family:"DM Sans",sans-serif;}
.docs-aud-form-input.placeholder{color:var(--docs-ghost);font-style:italic;}
.docs-aud-form-input.select{display:flex;align-items:center;justify-content:space-between;}
.docs-aud-form-input.select svg{width:10px;height:10px;color:var(--docs-ghost);}
.docs-aud-form-input.date{display:flex;align-items:center;gap:.4rem;color:var(--docs-ghost);font-style:italic;}
.docs-aud-form-input.date svg{width:11px;height:11px;flex-shrink:0;}
.docs-aud-form-hint{font-size:.62rem;color:var(--docs-ghost);margin-top:.12rem;line-height:1.4;}
.docs-aud-textarea{background:var(--docs-white);border:1.5px solid var(--docs-line2);border-radius:8px;padding:.6rem .85rem;font-size:.83rem;color:var(--docs-body);font-family:"DM Sans",sans-serif;width:100%;min-height:80px;line-height:1.6;}
.docs-aud-info-bar{display:flex;align-items:flex-start;gap:.65rem;background:rgba(2,116,190,.05);border:1px solid var(--docs-b15);border-radius:8px;padding:.75rem 1rem;font-size:.8rem;color:var(--docs-navy);line-height:1.65;margin-bottom:.85rem;}
.docs-aud-info-bar svg{width:14px;height:14px;color:var(--docs-blue);flex-shrink:0;margin-top:1px;}
.docs-aud-form-footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.85rem 1.25rem;border-top:1px solid var(--docs-line);background:var(--docs-off);}
.docs-aud-cancel-btn{font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;color:var(--docs-muted);padding:7px 14px;border-radius:8px;}
.docs-aud-sched-submit-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:7px 16px;border-radius:8px;background:var(--docs-green);color:#fff;}

/* ════════════════════════════════════════
   205. AUDITS — RECORD HEADER & KPI BADGES
════════════════════════════════════════ */
.docs-aud-rec-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1rem 1.25rem;margin:1rem 0;display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap;}
.docs-aud-rec-hdr-icon{width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-aud-rec-hdr-icon svg{width:15px;height:15px;stroke:#fff;stroke-width:2;fill:none;}
.docs-aud-rec-hdr-main{flex:1;min-width:0;}
.docs-aud-rec-bc{font-size:.58rem;color:rgba(255,255,255,.4);margin-bottom:.15rem;}
.docs-aud-rec-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.1rem;color:#fff;letter-spacing:-.018em;margin-bottom:.12rem;}
.docs-aud-rec-sub{font-size:.68rem;color:rgba(255,255,255,.45);}
.docs-aud-kpi-group{display:flex;gap:.4rem;flex-shrink:0;flex-wrap:wrap;}
.docs-aud-kpi{border-radius:9px;padding:.35rem .65rem;text-align:center;min-width:52px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);}
.docs-aud-kpi-label{font-family:"Outfit",sans-serif;font-size:.54rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.5);margin-bottom:.12rem;}
.docs-aud-kpi-val{font-family:"Outfit",sans-serif;font-weight:900;font-size:1rem;color:#fff;line-height:1;}
.docs-aud-kpi-val.planned{color:var(--docs-blue);}
.docs-aud-kpi-val.open-nc{color:var(--docs-red);}
.docs-aud-kpi-val.zero{color:rgba(255,255,255,.6);}

/* ════════════════════════════════════════
   206. AUDITS — AUDIT RECORD PANEL &
        6-COL GRID
════════════════════════════════════════ */
.docs-aud-panel{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.65rem 0;}
.docs-aud-panel-head{display:flex;align-items:flex-start;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);gap:.75rem;}
.docs-aud-panel-head-left{display:flex;align-items:flex-start;gap:.55rem;}
.docs-aud-panel-head-left svg{width:14px;height:14px;color:var(--docs-blue);flex-shrink:0;margin-top:1px;}
.docs-aud-panel-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.78rem;color:var(--docs-navy);text-transform:uppercase;letter-spacing:.05em;}
.docs-aud-panel-sub{font-size:.7rem;color:var(--docs-muted);margin-top:.08rem;}
.docs-aud-panel-body{padding:1rem 1.25rem;}
.docs-aud-rec-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:.75rem;margin-bottom:.85rem;}
.docs-aud-dl-label{font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-ghost);margin-bottom:.18rem;}
.docs-aud-dl-val{font-size:.82rem;color:var(--docs-navy);font-weight:500;font-family:"Outfit",sans-serif;}
.docs-aud-dl-val.none{color:var(--docs-ghost);font-family:"DM Sans",sans-serif;font-weight:400;}
.docs-aud-rec-long{display:flex;flex-direction:column;gap:.6rem;padding-top:.6rem;border-top:1px solid var(--docs-line);}
.docs-aud-rec-long-item{display:flex;flex-direction:column;gap:.2rem;}

/* ════════════════════════════════════════
   207. AUDITS — FINDINGS PANEL, ADD FINDING
        BTN & EMPTY STATE
════════════════════════════════════════ */
.docs-aud-add-finding-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.73rem;font-weight:700;padding:5px 11px;border-radius:7px;background:var(--docs-b08);border:1px solid var(--docs-b15);color:var(--docs-blue);white-space:nowrap;}
.docs-aud-add-finding-btn svg{width:11px;height:11px;}
.docs-aud-findings-empty{padding:1.25rem;text-align:center;font-size:.82rem;color:var(--docs-ghost);}

/* ════════════════════════════════════════
   208. AUDITS — FINDING CARDS, FINDING
        TYPE & STATUS CHIPS, ACTION BUTTONS
════════════════════════════════════════ */
/* Finding type chips */
.docs-aud-finding-type{font-family:"Outfit",sans-serif;font-size:.69rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap;}
.docs-aud-major      {color:#fff;background:#dc2626;border:1px solid #dc2626;}
.docs-aud-minor      {color:#92400e;background:rgba(217,119,6,.14);border:1px solid rgba(217,119,6,.3);}
.docs-aud-observation{color:var(--docs-blue);background:var(--docs-b08);border:1px solid var(--docs-b15);}
.docs-aud-ofi        {color:var(--docs-green);background:rgba(5,150,105,.1);border:1px solid rgba(5,150,105,.2);}
/* Finding open/closed badge */
.docs-aud-finding-status{font-family:"Outfit",sans-serif;font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:100px;}
.docs-aud-finding-open  {color:var(--docs-red);  background:rgba(220,38,38,.08);   border:1px solid rgba(220,38,38,.2);}
.docs-aud-finding-closed{color:var(--docs-green);background:rgba(5,150,105,.1);    border:1px solid rgba(5,150,105,.2);}
/* Finding card */
.docs-aud-finding-card{border:1px solid var(--docs-line);border-radius:10px;overflow:hidden;margin:.5rem 0;}
.docs-aud-finding-head{display:flex;align-items:center;justify-content:space-between;padding:.55rem .85rem;background:var(--docs-off);border-bottom:1px solid var(--docs-line);gap:.5rem;flex-wrap:wrap;}
.docs-aud-finding-head-left{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;}
.docs-aud-finding-ref{font-family:"JetBrains Mono","Courier New",monospace;font-size:.68rem;color:var(--docs-muted);}
.docs-aud-finding-body{padding:.75rem .85rem;}
.docs-aud-finding-text{font-size:.84rem;color:var(--docs-navy);margin-bottom:.3rem;font-weight:500;}
.docs-aud-finding-evidence{font-size:.76rem;color:var(--docs-muted);}
.docs-aud-finding-evidence strong{color:var(--docs-navy);}
.docs-aud-finding-actions{display:flex;align-items:center;gap:.5rem;margin-top:.65rem;flex-wrap:wrap;}
.docs-aud-raise-ca-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;padding:5px 11px;border-radius:7px;background:var(--docs-navy);color:#fff;}
.docs-aud-raise-ca-btn svg{width:10px;height:10px;}
.docs-aud-close-finding-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;padding:5px 11px;border-radius:7px;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-aud-finding-note{display:flex;align-items:flex-start;gap:.35rem;font-size:.72rem;color:var(--docs-muted);margin-top:.4rem;line-height:1.55;}
.docs-aud-finding-note svg{width:11px;height:11px;flex-shrink:0;color:var(--docs-blue);margin-top:1px;}

/* ════════════════════════════════════════
   209. AUDITS — TYPE CARDS, FINDING TYPE
        CARDS, WORKFLOW PANEL, FOOTER &
        LIFECYCLE FLOW
════════════════════════════════════════ */
/* Audit type cards */
.docs-aud-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:.85rem 0;}
.docs-aud-type-card{border-radius:10px;padding:.9rem 1rem;border:1px solid var(--docs-line);background:var(--docs-white);}
.docs-aud-type-card-name{font-family:"Outfit",sans-serif;font-weight:800;font-size:.88rem;color:var(--docs-navy);margin-bottom:.25rem;}
.docs-aud-type-card-desc{font-size:.77rem;color:var(--docs-muted);line-height:1.6;}
/* Finding type cards */
.docs-aud-ftype-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:.85rem 0;}
.docs-aud-ftype-card{border-radius:10px;padding:.9rem 1rem;border:1px solid;}
.docs-aud-ftype-card.major{background:rgba(220,38,38,.05);border-color:rgba(220,38,38,.16);}
.docs-aud-ftype-card.minor{background:rgba(217,119,6,.06);border-color:rgba(217,119,6,.2);}
.docs-aud-ftype-card.obs  {background:var(--docs-b08);    border-color:var(--docs-b15);}
.docs-aud-ftype-card.ofi  {background:rgba(5,150,105,.06);border-color:rgba(5,150,105,.18);}
.docs-aud-ftype-card-name{font-family:"Outfit",sans-serif;font-weight:800;font-size:.88rem;margin-bottom:.25rem;}
.docs-aud-ftype-card.major .docs-aud-ftype-card-name{color:var(--docs-red);}
.docs-aud-ftype-card.minor .docs-aud-ftype-card-name{color:var(--docs-amber);}
.docs-aud-ftype-card.obs   .docs-aud-ftype-card-name{color:var(--docs-blue);}
.docs-aud-ftype-card.ofi   .docs-aud-ftype-card-name{color:var(--docs-green);}
.docs-aud-ftype-card-desc{font-size:.77rem;color:var(--docs-muted);line-height:1.6;}
.docs-aud-ftype-card-blocks{font-size:.66rem;font-weight:700;font-family:"Outfit",sans-serif;margin-top:.35rem;}
.docs-aud-ftype-card.major .docs-aud-ftype-card-blocks,
.docs-aud-ftype-card.minor .docs-aud-ftype-card-blocks{color:var(--docs-red);}
.docs-aud-ftype-card.obs .docs-aud-ftype-card-blocks,
.docs-aud-ftype-card.ofi .docs-aud-ftype-card-blocks{color:var(--docs-green);}
/* Workflow panel */
.docs-aud-workflow{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.65rem 0;}
.docs-aud-wf-head{display:flex;align-items:flex-start;gap:.55rem;padding:.75rem 1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);}
.docs-aud-wf-head svg{width:14px;height:14px;color:var(--docs-blue);flex-shrink:0;margin-top:2px;}
.docs-aud-wf-body{padding:1rem 1.25rem;}
.docs-aud-wf-field{display:flex;flex-direction:column;gap:.3rem;max-width:240px;}
/* Footer */
.docs-aud-footer{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.1rem;background:var(--docs-off);border:1px solid var(--docs-line);border-radius:12px;margin:.65rem 0;flex-wrap:wrap;gap:.5rem;}
.docs-aud-back-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;color:var(--docs-muted);}
.docs-aud-back-btn svg{width:12px;height:12px;}
.docs-aud-footer-right{display:flex;gap:.4rem;}
.docs-aud-del-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.76rem;font-weight:700;padding:7px 12px;border-radius:8px;color:var(--docs-red);border:1.5px solid rgba(220,38,38,.3);background:rgba(220,38,38,.05);}
.docs-aud-del-btn svg{width:11px;height:11px;}
.docs-aud-edit-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.76rem;font-weight:700;padding:7px 14px;border-radius:8px;color:#fff;background:var(--docs-blue);}
.docs-aud-edit-btn svg{width:11px;height:11px;}
/* Lifecycle flow */
.docs-aud-lifecycle-flow{display:flex;align-items:center;gap:.4rem;background:var(--docs-off);border:1px solid var(--docs-line);border-radius:10px;padding:.85rem 1.1rem;margin:.65rem 0;flex-wrap:wrap;}
.docs-aud-lf-step{display:flex;align-items:center;gap:.4rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;}
.docs-aud-lf-dot{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:900;flex-shrink:0;}
.docs-aud-lf-dot.planned{background:var(--docs-b08);          color:var(--docs-blue);   border:1.5px solid var(--docs-b15);}
.docs-aud-lf-dot.active {background:rgba(217,119,6,.12);       color:var(--docs-amber);  border:1.5px solid rgba(217,119,6,.25);}
.docs-aud-lf-dot.closed {background:rgba(5,150,105,.12);       color:var(--docs-green);  border:1.5px solid rgba(5,150,105,.25);}
.docs-aud-lf-label.planned{color:var(--docs-blue);}
.docs-aud-lf-label.active {color:var(--docs-amber);}
.docs-aud-lf-label.closed {color:var(--docs-green);}
.docs-aud-lf-arrow{font-size:.8rem;color:var(--docs-ghost);}

/* ════════════════════════════════════════
   210. AUDITS — RESPONSIVE OVERRIDES
════════════════════════════════════════ */
@media(max-width:720px){
  .docs-aud-form-row1{grid-template-columns:1fr 1fr 1fr;}
  .docs-aud-form-row2,.docs-aud-rec-grid,.docs-aud-type-grid,.docs-aud-ftype-grid{grid-template-columns:1fr 1fr;}
  .docs-aud-footer{flex-direction:column;align-items:flex-start;}
  .docs-aud-lifecycle-flow{flex-direction:column;align-items:flex-start;}
  .docs-aud-lf-arrow{transform:rotate(90deg);}
}
@media(max-width:480px){
  .docs-aud-form-row1,.docs-aud-form-row2,.docs-aud-rec-grid,
  .docs-aud-type-grid,.docs-aud-ftype-grid{grid-template-columns:1fr;}
  .docs-aud-rec-hdr-main{min-width:0;}
}
/* ════════════════════════════════════════
   211. MANAGEMENT REVIEW — PAGE HEADER
════════════════════════════════════════ */
.docs-mr-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.25rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-mr-hdr-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-mr-hdr-icon{width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-mr-hdr-icon svg{width:20px;height:20px;stroke:#fff;stroke-width:2;fill:none;}
.docs-mr-hdr-bc{font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.25rem;}
.docs-mr-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.3rem;color:#fff;letter-spacing:-.02em;}
.docs-mr-hdr-desc{font-size:.71rem;color:rgba(255,255,255,.55);margin-top:.3rem;line-height:1.6;max-width:540px;}
.docs-mr-sched-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:8px 14px;border-radius:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;align-self:flex-start;flex-shrink:0;white-space:nowrap;}
.docs-mr-sched-btn svg{width:12px;height:12px;}

/* ════════════════════════════════════════
   212. MANAGEMENT REVIEW — STATUS CHIPS
════════════════════════════════════════ */
.docs-mr-status{font-family:"Outfit",sans-serif;font-size:.71rem;font-weight:700;padding:3px 10px;border-radius:100px;white-space:nowrap;display:inline-flex;align-items:center;gap:.3rem;}
.docs-mr-draft   {color:#ea580c;background:rgba(234,88,12,.08);  border:1px solid rgba(234,88,12,.22);}
.docs-mr-draft::before{content:"●";font-size:.55rem;}
.docs-mr-complete{color:var(--docs-green);background:rgba(5,150,105,.1);border:1px solid rgba(5,150,105,.2);}
.docs-mr-complete::before{content:"●";font-size:.55rem;}

/* ════════════════════════════════════════
   213. MANAGEMENT REVIEW — LIST TABLE
════════════════════════════════════════ */
.docs-mr-list{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.85rem 0;}
.docs-mr-list-controls{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.7rem 1rem;border-bottom:1px solid var(--docs-line);}
.docs-mr-ctrl-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;padding:5px 10px;border-radius:7px;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-mr-ctrl-btn svg{width:11px;height:11px;}
.docs-mr-search{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--docs-ghost);background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:7px;padding:5px 10px;}
.docs-mr-search svg{width:11px;height:11px;}
.docs-mr-tbl{width:100%;border-collapse:collapse;font-size:.78rem;}
.docs-mr-tbl th{text-align:left;padding:.45rem .85rem;font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--docs-navy);white-space:nowrap;}
.docs-mr-tbl td{padding:.6rem .85rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-mr-tbl tr:last-child td{border-bottom:none;}
.docs-mr-tbl tr:hover td{background:rgba(2,116,190,.02);}
.docs-mr-num{font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;color:var(--docs-blue);background:var(--docs-b08);border:1px solid var(--docs-b15);padding:2px 7px;border-radius:5px;white-space:nowrap;}
.docs-mr-title{font-size:.82rem;font-weight:500;color:var(--docs-navy);}
.docs-mr-date{font-size:.76rem;color:var(--docs-muted);}
.docs-mr-dash{color:var(--docs-ghost);font-size:.72rem;}
.docs-mr-view-btn{display:inline-flex;align-items:center;gap:.25rem;font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:600;padding:4px 10px;border-radius:6px;background:var(--docs-b08);border:1px solid var(--docs-b15);color:var(--docs-blue);}
.docs-mr-view-btn svg{width:10px;height:10px;}
.docs-mr-pagination{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-top:1px solid var(--docs-line);flex-wrap:wrap;gap:.4rem;}
.docs-mr-show{font-size:.72rem;color:var(--docs-muted);display:inline-flex;align-items:center;gap:.4rem;}
.docs-mr-pages{display:flex;align-items:center;gap:.3rem;}
.docs-mr-pg{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-mr-pg.cur{background:var(--docs-navy);color:#fff;border-color:var(--docs-navy);}

/* ════════════════════════════════════════
   214. MANAGEMENT REVIEW — SCHEDULE FORM
════════════════════════════════════════ */
.docs-mr-form{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:14px;overflow:hidden;margin:1rem 0;}
.docs-mr-form-header{display:flex;align-items:flex-start;gap:.65rem;padding:.85rem 1.25rem;background:var(--docs-b08);border-bottom:1px solid var(--docs-b15);}
.docs-mr-form-hdr-icon{font-family:"Outfit",sans-serif;font-size:1.1rem;color:var(--docs-blue);font-weight:900;flex-shrink:0;}
.docs-mr-form-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:.9rem;color:var(--docs-blue);letter-spacing:.04em;text-transform:uppercase;}
.docs-mr-form-sub{font-size:.72rem;color:var(--docs-muted);margin-top:.1rem;}
.docs-mr-form-body{padding:1.25rem;}
.docs-mr-form-row{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr 1fr;gap:.75rem;margin-bottom:.85rem;}
.docs-mr-form-field{display:flex;flex-direction:column;gap:.3rem;}
.docs-mr-form-label{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-muted);}
.docs-mr-form-label sup{color:var(--docs-red);}
.docs-mr-form-input{background:var(--docs-white);border:1.5px solid var(--docs-line2);border-radius:8px;padding:.5rem .85rem;font-size:.83rem;color:var(--docs-body);font-family:"DM Sans",sans-serif;}
.docs-mr-form-input.placeholder{color:var(--docs-ghost);font-style:italic;}
.docs-mr-form-input.select{display:flex;align-items:center;justify-content:space-between;}
.docs-mr-form-input.select svg{width:10px;height:10px;color:var(--docs-ghost);}
.docs-mr-form-input.date{display:flex;align-items:center;gap:.4rem;color:var(--docs-ghost);font-style:italic;}
.docs-mr-form-input.date svg{width:11px;height:11px;flex-shrink:0;}
.docs-mr-form-hint{font-size:.62rem;color:var(--docs-ghost);margin-top:.12rem;line-height:1.4;}
.docs-mr-info-bar{display:flex;align-items:flex-start;gap:.65rem;background:rgba(2,116,190,.05);border:1px solid var(--docs-b15);border-radius:8px;padding:.75rem 1rem;font-size:.8rem;color:var(--docs-navy);line-height:1.65;margin-bottom:.85rem;}
.docs-mr-info-bar svg{width:14px;height:14px;color:var(--docs-blue);flex-shrink:0;margin-top:1px;}
.docs-mr-form-footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.85rem 1.25rem;border-top:1px solid var(--docs-line);background:var(--docs-off);}
.docs-mr-cancel-btn{font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;color:var(--docs-muted);padding:7px 14px;border-radius:8px;}
.docs-mr-sched-submit-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:7px 16px;border-radius:8px;background:var(--docs-green);color:#fff;}

/* ════════════════════════════════════════
   215. MANAGEMENT REVIEW — RECORD HEADER
        & KPI BADGES
════════════════════════════════════════ */
.docs-mr-rec-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1rem 1.25rem;margin:1rem 0;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;}
.docs-mr-rec-hdr-icon{width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-mr-rec-hdr-icon svg{width:15px;height:15px;stroke:#fff;stroke-width:2;fill:none;}
.docs-mr-rec-hdr-main{flex:1;min-width:0;}
.docs-mr-rec-bc{font-size:.58rem;color:rgba(255,255,255,.4);margin-bottom:.15rem;}
.docs-mr-rec-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.05rem;color:#fff;letter-spacing:-.018em;margin-bottom:.1rem;}
.docs-mr-rec-sub{font-size:.68rem;color:rgba(255,255,255,.45);}
.docs-mr-kpi-group{display:flex;gap:.4rem;flex-shrink:0;}
.docs-mr-kpi{border-radius:9px;padding:.35rem .65rem;text-align:center;min-width:60px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);}
.docs-mr-kpi-label{font-family:"Outfit",sans-serif;font-size:.54rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.5);margin-bottom:.1rem;}
.docs-mr-kpi-val{font-family:"Outfit",sans-serif;font-weight:900;font-size:.92rem;color:#fff;line-height:1.2;}
.docs-mr-kpi-val.draft{color:#ea580c;}

/* ════════════════════════════════════════
   216. MANAGEMENT REVIEW — REVIEW DETAILS
        PANEL & 4-COL GRID
════════════════════════════════════════ */
.docs-mr-panel{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.65rem 0;}
.docs-mr-panel-head{display:flex;align-items:flex-start;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);gap:.75rem;}
.docs-mr-panel-head-left{display:flex;align-items:flex-start;gap:.55rem;}
.docs-mr-panel-head-left svg{width:14px;height:14px;color:var(--docs-blue);flex-shrink:0;margin-top:1px;}
.docs-mr-panel-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.78rem;color:var(--docs-navy);text-transform:uppercase;letter-spacing:.05em;}
.docs-mr-panel-sub{font-size:.7rem;color:var(--docs-muted);margin-top:.08rem;}
.docs-mr-panel-body{padding:1rem 1.25rem;}
.docs-mr-details-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem;}
.docs-mr-dl-label{font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-ghost);margin-bottom:.18rem;}
.docs-mr-dl-val{font-size:.82rem;color:var(--docs-navy);font-weight:500;font-family:"Outfit",sans-serif;}
.docs-mr-dl-val.none{color:var(--docs-ghost);font-family:"DM Sans",sans-serif;font-weight:400;}

/* ════════════════════════════════════════
   217. MANAGEMENT REVIEW — QMS INPUT
        PANEL & 6-CARD GRID
════════════════════════════════════════ */
.docs-mr-inputs-panel{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.65rem 0;}
.docs-mr-inputs-head{display:flex;align-items:flex-start;gap:.55rem;padding:.75rem 1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);}
.docs-mr-inputs-head svg{width:14px;height:14px;color:var(--docs-blue);flex-shrink:0;margin-top:1px;}
.docs-mr-kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.65rem;padding:1rem 1.25rem;}
.docs-mr-kpi-card{border:1px solid var(--docs-line);border-radius:10px;padding:.85rem .9rem;}
.docs-mr-kpi-card-label{font-family:"Outfit",sans-serif;font-size:.56rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-ghost);margin-bottom:.35rem;}
.docs-mr-kpi-card-val{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.35rem;line-height:1.1;margin-bottom:.2rem;}
.docs-mr-kpi-card-val.amber {color:var(--docs-amber);}
.docs-mr-kpi-card-val.normal{color:var(--docs-navy);}
.docs-mr-kpi-card-sub{font-size:.68rem;color:var(--docs-muted);line-height:1.4;}

/* ════════════════════════════════════════
   218. MANAGEMENT REVIEW — NARRATIVE
        PANEL (VIEW & EDIT), TEXTAREAS
════════════════════════════════════════ */
.docs-mr-narrative-panel{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.65rem 0;}
.docs-mr-narrative-grid {display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.85rem;padding:.85rem 1.25rem .65rem;}
.docs-mr-narrative-grid2{display:grid;grid-template-columns:1fr 1fr;          gap:.85rem;padding:0 1.25rem .85rem;}
.docs-mr-narrative-item{display:flex;flex-direction:column;gap:.2rem;}
.docs-mr-narrative-label{font-family:"Outfit",sans-serif;font-size:.57rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-ghost);}
.docs-mr-narrative-val{font-size:.81rem;color:var(--docs-body);line-height:1.65;}
.docs-mr-narrative-val.none{color:var(--docs-ghost);font-style:italic;}
.docs-mr-narrative-textarea{background:var(--docs-white);border:1.5px solid var(--docs-line2);border-radius:8px;padding:.55rem .85rem;font-size:.8rem;color:var(--docs-body);font-family:"DM Sans",sans-serif;width:100%;min-height:75px;line-height:1.6;resize:vertical;}
.docs-mr-narrative-textarea.placeholder{color:var(--docs-ghost);font-style:italic;}
/* Edit form layout grids */
.docs-mr-edit-form{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.65rem 0;}
.docs-mr-edit-row1     {display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1fr;gap:.75rem;}
.docs-mr-edit-row-full {display:grid;grid-template-columns:1fr;gap:.75rem;}
.docs-mr-edit-narr-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.75rem;margin-bottom:.75rem;}
.docs-mr-edit-narr-grid2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.85rem;}
.docs-mr-edit-footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.85rem 1.25rem;border-top:1px solid var(--docs-line);background:var(--docs-off);}
.docs-mr-save-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:7px 16px;border-radius:8px;background:var(--docs-green);color:#fff;}
.docs-mr-save-btn svg{width:12px;height:12px;}

/* ════════════════════════════════════════
   219. MANAGEMENT REVIEW — OUTPUTS PANEL,
        CATEGORY CHIPS, ACTION CARDS,
        CAT CARDS & LIFECYCLE FLOW
════════════════════════════════════════ */
/* Outputs panel */
.docs-mr-outputs{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.65rem 0;}
.docs-mr-outputs-head{display:flex;align-items:flex-start;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);gap:.75rem;}
.docs-mr-outputs-head-left{display:flex;align-items:flex-start;gap:.55rem;}
.docs-mr-outputs-head-left svg{width:14px;height:14px;color:var(--docs-blue);flex-shrink:0;margin-top:1px;}
.docs-mr-add-action-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.73rem;font-weight:700;padding:5px 11px;border-radius:7px;background:var(--docs-b08);border:1px solid var(--docs-b15);color:var(--docs-blue);white-space:nowrap;}
.docs-mr-add-action-btn svg{width:11px;height:11px;}
.docs-mr-outputs-empty{padding:1.25rem;font-size:.82rem;color:var(--docs-ghost);}
/* Category chips */
.docs-mr-cat{font-family:"Outfit",sans-serif;font-size:.69rem;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap;}
.docs-mr-cat-improvement{color:var(--docs-purple);background:rgba(124,58,237,.1); border:1px solid rgba(124,58,237,.2);}
.docs-mr-cat-qms        {color:var(--docs-blue);  background:var(--docs-b08);      border:1px solid var(--docs-b15);}
.docs-mr-cat-resource   {color:var(--docs-green); background:rgba(5,150,105,.1);   border:1px solid rgba(5,150,105,.2);}
/* Output open/done status */
.docs-mr-action-open{font-size:.72rem;font-weight:700;color:#ea580c;font-family:"Outfit",sans-serif;}
.docs-mr-action-done{font-size:.72rem;font-weight:700;color:var(--docs-green);font-family:"Outfit",sans-serif;}
/* Output action card */
.docs-mr-action-card{display:flex;align-items:flex-start;justify-content:space-between;padding:.75rem .9rem;border-bottom:1px solid var(--docs-line);gap:.75rem;}
.docs-mr-action-card:last-child{border-bottom:none;}
.docs-mr-action-card-left{display:flex;align-items:flex-start;gap:.55rem;flex:1;}
.docs-mr-action-check{width:16px;height:16px;border:1.5px solid var(--docs-line2);border-radius:4px;flex-shrink:0;margin-top:2px;}
.docs-mr-action-body{flex:1;}
.docs-mr-action-text{font-size:.83rem;color:var(--docs-navy);margin-top:.25rem;}
/* Category explanation cards */
.docs-mr-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin:.85rem 0;}
.docs-mr-cat-card{border-radius:10px;padding:.9rem 1rem;border:1px solid;}
.docs-mr-cat-card.improvement{background:rgba(124,58,237,.06);border-color:rgba(124,58,237,.18);}
.docs-mr-cat-card.qms        {background:var(--docs-b08);    border-color:var(--docs-b15);}
.docs-mr-cat-card.resource   {background:rgba(5,150,105,.06);border-color:rgba(5,150,105,.18);}
.docs-mr-cat-card-name{font-family:"Outfit",sans-serif;font-weight:800;font-size:.88rem;margin-bottom:.25rem;}
.docs-mr-cat-card.improvement .docs-mr-cat-card-name{color:var(--docs-purple);}
.docs-mr-cat-card.qms         .docs-mr-cat-card-name{color:var(--docs-blue);}
.docs-mr-cat-card.resource    .docs-mr-cat-card-name{color:var(--docs-green);}
.docs-mr-cat-card-desc{font-size:.77rem;color:var(--docs-muted);line-height:1.6;}
/* Footer buttons */
.docs-mr-footer{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.1rem;background:var(--docs-off);border:1px solid var(--docs-line);border-radius:12px;margin:.65rem 0;flex-wrap:wrap;gap:.5rem;}
.docs-mr-back-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;color:var(--docs-muted);}
.docs-mr-back-btn svg{width:12px;height:12px;}
.docs-mr-footer-right{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center;}
.docs-mr-del-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.76rem;font-weight:700;padding:7px 12px;border-radius:8px;color:var(--docs-red);border:1.5px solid rgba(220,38,38,.3);background:rgba(220,38,38,.05);}
.docs-mr-del-btn svg{width:11px;height:11px;}
.docs-mr-edit-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.76rem;font-weight:700;padding:7px 14px;border-radius:8px;color:#fff;background:var(--docs-blue);}
.docs-mr-edit-btn svg{width:11px;height:11px;}
.docs-mr-complete-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.76rem;font-weight:700;padding:7px 14px;border-radius:8px;color:#fff;background:var(--docs-green);}
.docs-mr-complete-btn svg{width:11px;height:11px;}
/* Lifecycle flow */
.docs-mr-lifecycle-flow{display:flex;align-items:center;gap:.4rem;background:var(--docs-off);border:1px solid var(--docs-line);border-radius:10px;padding:.85rem 1.1rem;margin:.65rem 0;flex-wrap:wrap;}
.docs-mr-lf-step{display:flex;align-items:center;gap:.4rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;}
.docs-mr-lf-dot{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:900;flex-shrink:0;}
.docs-mr-lf-dot.draft   {background:rgba(234,88,12,.12); color:#ea580c;          border:1.5px solid rgba(234,88,12,.25);}
.docs-mr-lf-dot.complete{background:rgba(5,150,105,.12); color:var(--docs-green);border:1.5px solid rgba(5,150,105,.25);}
.docs-mr-lf-label.draft  {color:#ea580c;}
.docs-mr-lf-label.complete{color:var(--docs-green);}
.docs-mr-lf-arrow{font-size:.8rem;color:var(--docs-ghost);}

/* ════════════════════════════════════════
   220. MANAGEMENT REVIEW — RESPONSIVE
════════════════════════════════════════ */
@media(max-width:720px){
  .docs-mr-form-row,.docs-mr-edit-row1,.docs-mr-edit-narr-grid{grid-template-columns:1fr 1fr 1fr;}
  .docs-mr-kpi-grid{grid-template-columns:repeat(3,1fr);}
  .docs-mr-details-grid,.docs-mr-narrative-grid,.docs-mr-edit-narr-grid2{grid-template-columns:1fr 1fr;}
  .docs-mr-cat-grid{grid-template-columns:1fr 1fr;}
  .docs-mr-footer{flex-direction:column;align-items:flex-start;}
  .docs-mr-lifecycle-flow{flex-direction:column;align-items:flex-start;}
  .docs-mr-lf-arrow{transform:rotate(90deg);}
}
@media(max-width:480px){
  .docs-mr-form-row,.docs-mr-edit-row1,.docs-mr-edit-narr-grid,.docs-mr-edit-narr-grid2,
  .docs-mr-kpi-grid,.docs-mr-details-grid,.docs-mr-narrative-grid,
  .docs-mr-narrative-grid2,.docs-mr-cat-grid{grid-template-columns:1fr;}
}
/* ════════════════════════════════════════
   221. ENGINEERING CHANGES — PAGE HEADER
        & LIFECYCLE BREADCRUMB
════════════════════════════════════════ */
.docs-eco-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.25rem 1.5rem;margin:1rem 0;}
.docs-eco-hdr-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.65rem;}
.docs-eco-hdr-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-eco-hdr-icon{width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-eco-hdr-icon svg{width:20px;height:20px;stroke:#fff;stroke-width:2;fill:none;}
.docs-eco-hdr-bc{font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.25rem;}
.docs-eco-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.3rem;color:#fff;letter-spacing:-.02em;}
.docs-eco-hdr-desc{font-size:.71rem;color:rgba(255,255,255,.55);margin-top:.3rem;line-height:1.6;max-width:540px;}
.docs-eco-new-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:8px 14px;border-radius:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;align-self:flex-start;flex-shrink:0;white-space:nowrap;}
.docs-eco-new-btn svg{width:12px;height:12px;}
.docs-eco-lifecycle{display:flex;align-items:center;gap:.35rem;font-size:.68rem;color:rgba(255,255,255,.5);}
.docs-eco-lifecycle strong{color:rgba(255,255,255,.85);font-weight:600;}
.docs-eco-lifecycle-arr{font-size:.6rem;color:rgba(255,255,255,.3);}

/* ════════════════════════════════════════
   222. ENGINEERING CHANGES — STATUS CHIPS
        & REVIEW FILTER CHIP
════════════════════════════════════════ */
.docs-eco-status{font-family:"Outfit",sans-serif;font-size:.71rem;font-weight:700;padding:3px 10px;border-radius:100px;white-space:nowrap;display:inline-flex;align-items:center;gap:.3rem;}
.docs-eco-draft    {color:var(--docs-muted); background:var(--docs-off2);           border:1px solid var(--docs-line2);}
.docs-eco-inreview {color:var(--docs-amber); background:rgba(217,119,6,.1);         border:1px solid rgba(217,119,6,.22);}
.docs-eco-approved {color:var(--docs-blue);  background:var(--docs-b08);            border:1px solid var(--docs-b15);}
.docs-eco-applied  {color:var(--docs-green); background:rgba(5,150,105,.1);         border:1px solid rgba(5,150,105,.2);}
.docs-eco-draft::before,.docs-eco-inreview::before,
.docs-eco-approved::before,.docs-eco-applied::before{content:"⊙";font-size:.65rem;}
/* Review filter chip */
.docs-eco-review-chip{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:700;padding:4px 11px;border-radius:100px;color:var(--docs-amber);background:rgba(217,119,6,.1);border:1px solid rgba(217,119,6,.22);margin:.65rem 0 .85rem;}

/* ════════════════════════════════════════
   223. ENGINEERING CHANGES — LIST TABLE
════════════════════════════════════════ */
.docs-eco-list{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.85rem 0;}
.docs-eco-list-controls{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.7rem 1rem;border-bottom:1px solid var(--docs-line);}
.docs-eco-ctrl-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;padding:5px 10px;border-radius:7px;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-eco-ctrl-btn svg{width:11px;height:11px;}
.docs-eco-search{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--docs-ghost);background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:7px;padding:5px 10px;}
.docs-eco-search svg{width:11px;height:11px;}
.docs-eco-tbl{width:100%;border-collapse:collapse;font-size:.78rem;}
.docs-eco-tbl th{text-align:left;padding:.45rem .85rem;font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--docs-navy);white-space:nowrap;}
.docs-eco-tbl td{padding:.6rem .85rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-eco-tbl tr:last-child td{border-bottom:none;}
.docs-eco-tbl tr:hover td{background:rgba(2,116,190,.02);}
.docs-eco-num{font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;color:var(--docs-blue);}
.docs-eco-title-cell{font-size:.82rem;font-weight:500;color:var(--docs-navy);}
.docs-eco-product{font-family:"JetBrains Mono","Courier New",monospace;font-size:.72rem;color:var(--docs-muted);}
.docs-eco-type{font-size:.72rem;color:var(--docs-muted);}
.docs-eco-view-btn{display:inline-flex;align-items:center;gap:.25rem;font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:600;padding:4px 10px;border-radius:6px;background:var(--docs-b08);border:1px solid var(--docs-b15);color:var(--docs-blue);}
.docs-eco-view-btn svg{width:10px;height:10px;}
.docs-eco-pagination{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-top:1px solid var(--docs-line);flex-wrap:wrap;gap:.4rem;}
.docs-eco-show{font-size:.72rem;color:var(--docs-muted);display:inline-flex;align-items:center;gap:.4rem;}
.docs-eco-pages{display:flex;align-items:center;gap:.3rem;}
.docs-eco-pg{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-eco-pg.cur{background:var(--docs-navy);color:#fff;border-color:var(--docs-navy);}

/* ════════════════════════════════════════
   224. ENGINEERING CHANGES — NEW ECO FORM
════════════════════════════════════════ */
.docs-eco-form{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:14px;overflow:hidden;margin:1rem 0;}
.docs-eco-form-header{display:flex;align-items:flex-start;gap:.65rem;padding:.85rem 1.25rem;background:var(--docs-b08);border-bottom:1px solid var(--docs-b15);}
.docs-eco-form-hdr-icon{color:var(--docs-blue);font-family:"Outfit",sans-serif;font-size:1.1rem;font-weight:900;flex-shrink:0;}
.docs-eco-form-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:.9rem;color:var(--docs-blue);letter-spacing:.04em;text-transform:uppercase;}
.docs-eco-form-sub{font-size:.72rem;color:var(--docs-muted);margin-top:.1rem;}
.docs-eco-info-bar{display:flex;align-items:flex-start;gap:.65rem;background:rgba(2,116,190,.05);border:1px solid var(--docs-b15);border-radius:8px;padding:.75rem 1rem;font-size:.8rem;color:var(--docs-navy);line-height:1.65;margin:1rem 1.25rem;}
.docs-eco-info-bar svg{width:14px;height:14px;color:var(--docs-blue);flex-shrink:0;margin-top:1px;}
.docs-eco-form-body{padding:0 1.25rem 1.25rem;}
.docs-eco-form-row1{display:grid;grid-template-columns:1.6fr 1.2fr 1fr 1fr .9fr;gap:.75rem;margin-bottom:.75rem;}
.docs-eco-form-row2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem;}
.docs-eco-form-field{display:flex;flex-direction:column;gap:.3rem;}
.docs-eco-form-label{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-muted);}
.docs-eco-form-label sup{color:var(--docs-red);}
.docs-eco-form-input{background:var(--docs-white);border:1.5px solid var(--docs-line2);border-radius:8px;padding:.5rem .85rem;font-size:.83rem;color:var(--docs-body);font-family:"DM Sans",sans-serif;}
.docs-eco-form-input.placeholder{color:var(--docs-ghost);font-style:italic;}
.docs-eco-form-input.select{display:flex;align-items:center;justify-content:space-between;}
.docs-eco-form-input.select svg{width:10px;height:10px;color:var(--docs-ghost);}
.docs-eco-form-hint{font-size:.62rem;color:var(--docs-ghost);margin-top:.12rem;line-height:1.4;}
.docs-eco-textarea{background:var(--docs-white);border:1.5px solid var(--docs-line2);border-radius:8px;padding:.6rem .85rem;font-size:.83rem;color:var(--docs-body);font-family:"DM Sans",sans-serif;width:100%;min-height:75px;line-height:1.6;}
.docs-eco-form-footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.85rem 1.25rem;border-top:1px solid var(--docs-line);background:var(--docs-off);}
.docs-eco-cancel-btn{font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;color:var(--docs-muted);padding:7px 14px;border-radius:8px;}
.docs-eco-raise-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:7px 16px;border-radius:8px;background:var(--docs-blue);color:#fff;}

/* ════════════════════════════════════════
   225. ENGINEERING CHANGES — RECORD HEADER
        & PROGRESS STEPPER
════════════════════════════════════════ */
.docs-eco-rec-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1rem 1.25rem;margin:1rem 0;}
.docs-eco-rec-hdr-top{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem;}
.docs-eco-rec-hdr-icon{width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-eco-rec-hdr-icon svg{width:15px;height:15px;stroke:#fff;stroke-width:2;fill:none;}
.docs-eco-rec-bc{font-size:.58rem;color:rgba(255,255,255,.4);margin-bottom:.15rem;}
.docs-eco-rec-num{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.1rem;color:#fff;letter-spacing:-.018em;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;}
.docs-eco-rec-sub{font-size:.68rem;color:rgba(255,255,255,.5);margin-top:.1rem;}
.docs-eco-detail-btn{font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:700;padding:6px 14px;border-radius:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;margin-left:auto;}
/* Stepper */
.docs-eco-stepper{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;}
.docs-eco-step{display:flex;align-items:center;gap:.4rem;font-size:.68rem;font-weight:600;}
.docs-eco-step-dot{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-eco-step-dot.done    {background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);}
.docs-eco-step-dot.active  {background:var(--docs-blue);   border-color:var(--docs-blue);}
.docs-eco-step-dot.complete{background:var(--docs-green);  border-color:var(--docs-green);}
.docs-eco-step-dot svg{width:9px;height:9px;stroke:#fff;stroke-width:3;}
.docs-eco-step-label        {color:rgba(255,255,255,.5);}
.docs-eco-step-label.active {color:#fff;font-weight:700;}
.docs-eco-step-label.done   {color:rgba(255,255,255,.7);}
.docs-eco-step-line{width:28px;height:1px;background:rgba(255,255,255,.2);}

/* ════════════════════════════════════════
   226. ENGINEERING CHANGES — ECO DETAILS
        PANEL: 7-COL GRID & 3-COL GRID
════════════════════════════════════════ */
.docs-eco-panel{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.65rem 0;}
.docs-eco-panel-head{display:flex;align-items:flex-start;gap:.55rem;padding:.75rem 1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);}
.docs-eco-panel-head svg{width:14px;height:14px;color:var(--docs-blue);flex-shrink:0;margin-top:1px;}
.docs-eco-panel-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.78rem;color:var(--docs-navy);text-transform:uppercase;letter-spacing:.05em;}
.docs-eco-panel-sub{font-size:.7rem;color:var(--docs-muted);margin-top:.08rem;}
.docs-eco-panel-body{padding:1rem 1.25rem;}
.docs-eco-details-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.75rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--docs-line);}
.docs-eco-details-grid2{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem;margin-bottom:.85rem;}
.docs-eco-dl-label{font-family:"Outfit",sans-serif;font-size:.57rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-ghost);margin-bottom:.18rem;}
.docs-eco-dl-label svg{width:10px;height:10px;flex-shrink:0;}
.docs-eco-dl-val{font-size:.82rem;color:var(--docs-navy);font-weight:500;font-family:"Outfit",sans-serif;}
.docs-eco-dl-val.ref {color:var(--docs-blue);}
.docs-eco-dl-val.mono{font-family:"JetBrains Mono","Courier New",monospace;font-size:.74rem;}
.docs-eco-dl-val.arrow{display:flex;align-items:center;gap:.3rem;}
/* Description / Reason text rows */
.docs-eco-text-row{display:flex;flex-direction:column;gap:.2rem;padding:.75rem;background:var(--docs-off);border:1px solid var(--docs-line);border-radius:8px;margin:.5rem 0;}
.docs-eco-text-label{font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-muted);display:flex;align-items:center;gap:.28rem;margin-bottom:.2rem;}
.docs-eco-text-label svg{width:11px;height:11px;flex-shrink:0;}
.docs-eco-text-val{font-size:.84rem;color:var(--docs-body);line-height:1.65;}

/* ════════════════════════════════════════
   227. ENGINEERING CHANGES — CHANGE IMPACT
        PANEL: WHERE USED & OPEN ORDERS
════════════════════════════════════════ */
.docs-eco-impact-panel{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.65rem 0;}
.docs-eco-impact-head{display:flex;align-items:flex-start;gap:.55rem;padding:.75rem 1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);}
.docs-eco-impact-head svg{width:14px;height:14px;color:var(--docs-blue);flex-shrink:0;margin-top:1px;}
.docs-eco-impact-body{display:grid;grid-template-columns:1fr 1fr;}
.docs-eco-impact-col{padding:1rem 1.25rem;}
.docs-eco-impact-col+.docs-eco-impact-col{border-left:1px solid var(--docs-line);}
.docs-eco-impact-col-title{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-muted);margin-bottom:.65rem;}
.docs-eco-impact-empty{font-size:.82rem;color:var(--docs-ghost);font-style:italic;}
.docs-eco-order-group{margin-bottom:.85rem;}
.docs-eco-order-group:last-child{margin-bottom:0;}
.docs-eco-order-group-title{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;color:var(--docs-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem;}
.docs-eco-order-tags{display:flex;flex-wrap:wrap;gap:.3rem;}
.docs-eco-order-tag{font-size:.68rem;color:var(--docs-muted);background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:100px;padding:2px 8px;white-space:nowrap;}
.docs-eco-tag-status{color:var(--docs-ghost);font-size:.64rem;margin-left:.2rem;}

/* ════════════════════════════════════════
   228. ENGINEERING CHANGES — APPROVAL
        PANEL, FOOTER BUTTONS
════════════════════════════════════════ */
.docs-eco-approval-panel{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.65rem 0;}
.docs-eco-approval-head{display:flex;align-items:flex-start;gap:.55rem;padding:.75rem 1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);}
.docs-eco-approval-head svg{width:14px;height:14px;color:var(--docs-blue);flex-shrink:0;margin-top:1px;}
.docs-eco-approval-body{padding:1rem 1.25rem;}
.docs-eco-approval-info{display:flex;align-items:flex-start;gap:.65rem;background:rgba(217,119,6,.05);border:1px solid rgba(217,119,6,.2);border-radius:8px;padding:.75rem 1rem;font-size:.8rem;color:#78350f;line-height:1.65;margin-bottom:.85rem;}
.docs-eco-approval-info svg{width:14px;height:14px;color:var(--docs-amber);flex-shrink:0;margin-top:1px;}
.docs-eco-awaiting-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:8px 16px;border-radius:8px;background:rgba(217,119,6,.12);border:1px solid rgba(217,119,6,.28);color:#92400e;}
.docs-eco-awaiting-btn::before{content:"⊙";font-size:.65rem;}
.docs-eco-apply-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:8px 16px;border-radius:8px;background:var(--docs-green);color:#fff;}
.docs-eco-apply-btn svg{width:12px;height:12px;}
/* Footer */
.docs-eco-footer{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.1rem;background:var(--docs-off);border:1px solid var(--docs-line);border-radius:12px;margin:.65rem 0;flex-wrap:wrap;gap:.5rem;}
.docs-eco-back-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;color:var(--docs-muted);}
.docs-eco-back-btn svg{width:12px;height:12px;}
.docs-eco-footer-right{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center;}
.docs-eco-del-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.76rem;font-weight:700;padding:7px 12px;border-radius:8px;color:var(--docs-red);border:1.5px solid rgba(220,38,38,.3);background:rgba(220,38,38,.05);}
.docs-eco-del-btn svg{width:11px;height:11px;}
.docs-eco-edit-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.76rem;font-weight:700;padding:7px 14px;border-radius:8px;color:#fff;background:var(--docs-blue);}
.docs-eco-edit-btn svg{width:11px;height:11px;}
.docs-eco-submit-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.76rem;font-weight:700;padding:7px 14px;border-radius:8px;color:#fff;background:var(--docs-amber);}

/* ════════════════════════════════════════
   229. ENGINEERING CHANGES — CHANGE TYPE
        CARDS & LIFECYCLE FLOW
════════════════════════════════════════ */
.docs-eco-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin:.85rem 0;}
.docs-eco-type-card{border-radius:10px;padding:.9rem 1rem;border:1px solid var(--docs-line);background:var(--docs-white);}
.docs-eco-type-card-name{font-family:"Outfit",sans-serif;font-weight:800;font-size:.86rem;color:var(--docs-navy);margin-bottom:.22rem;}
.docs-eco-type-card-desc{font-size:.76rem;color:var(--docs-muted);line-height:1.6;}
/* Lifecycle flow */
.docs-eco-lifecycle-flow{display:flex;align-items:center;gap:.4rem;background:var(--docs-off);border:1px solid var(--docs-line);border-radius:10px;padding:.85rem 1.1rem;margin:.65rem 0;flex-wrap:wrap;}
.docs-eco-lf-step{display:flex;align-items:center;gap:.4rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;}
.docs-eco-lf-dot{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:900;flex-shrink:0;}
.docs-eco-lf-dot.draft   {background:var(--docs-off2);              color:var(--docs-muted); border:1.5px solid var(--docs-line2);}
.docs-eco-lf-dot.review  {background:rgba(217,119,6,.12);            color:var(--docs-amber); border:1.5px solid rgba(217,119,6,.25);}
.docs-eco-lf-dot.approved{background:var(--docs-b08);               color:var(--docs-blue);  border:1.5px solid var(--docs-b15);}
.docs-eco-lf-dot.applied {background:rgba(5,150,105,.12);            color:var(--docs-green); border:1.5px solid rgba(5,150,105,.25);}
.docs-eco-lf-label.draft   {color:var(--docs-muted);}
.docs-eco-lf-label.review  {color:var(--docs-amber);}
.docs-eco-lf-label.approved{color:var(--docs-blue);}
.docs-eco-lf-label.applied {color:var(--docs-green);}
.docs-eco-lf-arrow{font-size:.8rem;color:var(--docs-ghost);}

/* ════════════════════════════════════════
   230. ENGINEERING CHANGES — RESPONSIVE
════════════════════════════════════════ */
@media(max-width:720px){
  .docs-eco-form-row1,.docs-eco-details-grid{grid-template-columns:1fr 1fr 1fr;}
  .docs-eco-form-row2,.docs-eco-details-grid2,.docs-eco-type-grid{grid-template-columns:1fr 1fr;}
  .docs-eco-impact-body{grid-template-columns:1fr;}
  .docs-eco-impact-col+.docs-eco-impact-col{border-left:none;border-top:1px solid var(--docs-line);}
  .docs-eco-footer{flex-direction:column;align-items:flex-start;}
  .docs-eco-lifecycle-flow{flex-direction:column;align-items:flex-start;}
  .docs-eco-lf-arrow{transform:rotate(90deg);}
  .docs-eco-stepper{gap:.3rem;}
  .docs-eco-step-line{width:14px;}
}
@media(max-width:480px){
  .docs-eco-form-row1,.docs-eco-details-grid,.docs-eco-form-row2,
  .docs-eco-details-grid2,.docs-eco-type-grid{grid-template-columns:1fr;}
  .docs-eco-rec-hdr-top{flex-direction:column;}
  .docs-eco-detail-btn{margin-left:0;}
}
/* ════════════════════════════════════════
   231. PICKING — PAGE HEADER
════════════════════════════════════════ */
.docs-pick-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.25rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-pick-hdr-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-pick-hdr-icon{width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-pick-hdr-icon svg{width:20px;height:20px;stroke:#fff;stroke-width:2;fill:none;}
.docs-pick-hdr-bc{font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.25rem;}
.docs-pick-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.3rem;color:#fff;letter-spacing:-.02em;}
.docs-pick-hdr-desc{font-size:.71rem;color:rgba(255,255,255,.55);margin-top:.3rem;line-height:1.6;max-width:520px;}
.docs-pick-add-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:8px 14px;border-radius:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;align-self:flex-start;flex-shrink:0;white-space:nowrap;}
.docs-pick-add-btn svg{width:12px;height:12px;}

/* ════════════════════════════════════════
   232. PICKING — STATUS CHIPS & TYPE CHIPS
════════════════════════════════════════ */
.docs-pick-status{font-family:"Outfit",sans-serif;font-size:.71rem;font-weight:700;padding:3px 10px;border-radius:100px;white-space:nowrap;display:inline-flex;align-items:center;gap:.3rem;}
.docs-pick-nostart  {color:var(--docs-muted); background:var(--docs-off2);          border:1px solid var(--docs-line2);}
.docs-pick-ongoing  {color:var(--docs-amber); background:rgba(217,119,6,.1);         border:1px solid rgba(217,119,6,.22);}
.docs-pick-collected{color:var(--docs-green); background:rgba(5,150,105,.1);         border:1px solid rgba(5,150,105,.2);}
.docs-pick-type{font-family:"Outfit",sans-serif;font-size:.69rem;font-weight:600;padding:2px 8px;border-radius:100px;background:var(--docs-off2);border:1px solid var(--docs-line2);color:var(--docs-muted);white-space:nowrap;}
.docs-pick-type-order{color:var(--docs-blue);background:var(--docs-b08);border:1px solid var(--docs-b15);}

/* ════════════════════════════════════════
   233. PICKING — LIST TABLE
════════════════════════════════════════ */
.docs-pick-list{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.85rem 0;}
.docs-pick-list-top{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;border-bottom:1px solid var(--docs-line);gap:.5rem;flex-wrap:wrap;}
.docs-pick-filter{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--docs-muted);background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:7px;padding:6px 11px;}
.docs-pick-filter svg{width:11px;height:11px;}
.docs-pick-controls{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;}
.docs-pick-ctrl-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;padding:5px 10px;border-radius:7px;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-pick-ctrl-btn svg{width:11px;height:11px;}
.docs-pick-search{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--docs-ghost);background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:7px;padding:5px 10px;}
.docs-pick-search svg{width:11px;height:11px;}
.docs-pick-tbl{width:100%;border-collapse:collapse;font-size:.76rem;}
.docs-pick-tbl th{text-align:left;padding:.45rem .75rem;font-family:"Outfit",sans-serif;font-size:.56rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--docs-navy);white-space:nowrap;}
.docs-pick-tbl td{padding:.55rem .75rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-pick-tbl tr:last-child td{border-bottom:none;}
.docs-pick-tbl tr:hover td{background:rgba(2,116,190,.02);}
.docs-pick-num{font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:700;color:var(--docs-blue);}
.docs-pick-name{font-size:.78rem;font-weight:500;color:var(--docs-navy);}
.docs-pick-notes{font-size:.73rem;color:var(--docs-muted);}
.docs-pick-wh{font-size:.73rem;color:var(--docs-muted);}
.docs-pick-date{font-size:.72rem;color:var(--docs-muted);}
.docs-pick-view-btn{display:inline-flex;align-items:center;gap:.25rem;font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:600;padding:4px 10px;border-radius:6px;background:var(--docs-b08);border:1px solid var(--docs-b15);color:var(--docs-blue);}
.docs-pick-view-btn svg{width:10px;height:10px;}
.docs-pick-pagination{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-top:1px solid var(--docs-line);flex-wrap:wrap;gap:.4rem;}
.docs-pick-show{font-size:.72rem;color:var(--docs-muted);display:inline-flex;align-items:center;gap:.4rem;}
.docs-pick-pages{display:flex;align-items:center;gap:.3rem;}
.docs-pick-pg{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-pick-pg.cur{background:var(--docs-navy);color:#fff;border-color:var(--docs-navy);}

/* ════════════════════════════════════════
   234. PICKING — ADD/EDIT FORM SECTIONS
════════════════════════════════════════ */
.docs-pick-form{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.85rem 0;}
.docs-pick-form-section{padding:1rem 1.25rem;border-bottom:1px solid var(--docs-line);}
.docs-pick-form-section:last-child{border-bottom:none;}
.docs-pick-form-section-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.85rem;}
.docs-pick-form-section-head svg{width:13px;height:13px;color:var(--docs-blue);flex-shrink:0;}
.docs-pick-form-section-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.75rem;color:var(--docs-blue);text-transform:uppercase;letter-spacing:.04em;}
.docs-pick-form-grid2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;}
.docs-pick-form-grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem;}
.docs-pick-form-field{display:flex;flex-direction:column;gap:.3rem;}
.docs-pick-form-label{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-muted);}
.docs-pick-form-label sup{color:var(--docs-red);}
.docs-pick-form-input{background:var(--docs-white);border:1.5px solid var(--docs-line2);border-radius:8px;padding:.5rem .85rem;font-size:.83rem;color:var(--docs-ghost);font-style:italic;font-family:"DM Sans",sans-serif;}
.docs-pick-form-input.select{display:flex;align-items:center;justify-content:space-between;}
.docs-pick-form-input.select svg{width:10px;height:10px;color:var(--docs-ghost);}
.docs-pick-form-input.filled{color:var(--docs-body);font-style:normal;}
.docs-pick-textarea{background:var(--docs-white);border:1.5px solid var(--docs-line2);border-radius:8px;padding:.6rem .85rem;font-size:.83rem;color:var(--docs-body);font-family:"DM Sans",sans-serif;width:100%;min-height:65px;line-height:1.6;}
/* Picking For radio cards */
.docs-pick-for-q{font-size:.84rem;color:var(--docs-muted);margin-bottom:.75rem;}
.docs-pick-radio-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-bottom:.85rem;}
.docs-pick-radio-card{border-radius:10px;padding:.85rem 1rem;border:1.5px solid var(--docs-line2);background:var(--docs-off);display:flex;align-items:flex-start;gap:.65rem;}
.docs-pick-radio-card.selected{border-color:var(--docs-blue);background:var(--docs-b08);}
.docs-pick-radio-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--docs-line2);flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center;}
.docs-pick-radio-card.selected .docs-pick-radio-dot{border-color:var(--docs-blue);background:var(--docs-blue);}
.docs-pick-radio-dot-inner{width:6px;height:6px;border-radius:50%;background:#fff;}
.docs-pick-radio-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;color:var(--docs-navy);margin-bottom:.15rem;}
.docs-pick-radio-sub{font-size:.73rem;color:var(--docs-muted);}
/* Form footer */
.docs-pick-form-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-top:1px solid var(--docs-line);background:var(--docs-off);}
.docs-pick-cancel-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;color:var(--docs-muted);padding:7px 14px;border-radius:8px;border:1.5px solid var(--docs-line2);}
.docs-pick-cancel-btn svg{width:11px;height:11px;}
.docs-pick-create-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:7px 16px;border-radius:8px;background:var(--docs-green);color:#fff;}
.docs-pick-create-btn svg{width:12px;height:12px;}

/* ════════════════════════════════════════
   235. PICKING — INVENTORY TABLE (FORM)
        ITEM CHIPS, STOCK, REMOVE BTN
════════════════════════════════════════ */
.docs-pick-inv-table{border-radius:10px;border:1px solid var(--docs-line);overflow:hidden;margin:.65rem 0;}
.docs-pick-inv-label{font-family:"Outfit",sans-serif;font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-muted);padding:.55rem .85rem;background:var(--docs-off);border-bottom:1px solid var(--docs-line);}
.docs-pick-inv-tbl{width:100%;border-collapse:collapse;font-size:.72rem;}
.docs-pick-inv-tbl th{text-align:left;padding:.4rem .65rem;font-family:"Outfit",sans-serif;font-size:.54rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--docs-navy);white-space:nowrap;}
.docs-pick-inv-tbl td{padding:.5rem .65rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-pick-inv-tbl tr:last-child td{border-bottom:none;}
.docs-pick-item-type{font-family:"Outfit",sans-serif;font-size:.63rem;font-weight:700;padding:2px 7px;border-radius:100px;}
.docs-pick-item-type.item    {color:var(--docs-blue);  background:var(--docs-b08);            border:1px solid var(--docs-b15);}
.docs-pick-item-type.assembly{color:var(--docs-purple);background:rgba(124,58,237,.08);        border:1px solid rgba(124,58,237,.18);}
.docs-pick-item-active{font-family:"Outfit",sans-serif;font-size:.63rem;font-weight:700;padding:2px 7px;border-radius:100px;color:var(--docs-green);background:rgba(5,150,105,.1);border:1px solid rgba(5,150,105,.2);}
.docs-pick-stock-low{color:var(--docs-red);  font-weight:600;font-size:.72rem;}
.docs-pick-stock-ok {color:var(--docs-green);font-weight:600;font-size:.72rem;}
.docs-pick-down-arrow{display:flex;justify-content:center;padding:.75rem 0;}
.docs-pick-down-arrow svg{width:24px;height:24px;color:var(--docs-blue);}
/* Selected items table */
.docs-pick-selected-tbl{width:100%;border-collapse:collapse;font-size:.72rem;}
.docs-pick-selected-tbl th{text-align:left;padding:.4rem .65rem;font-family:"Outfit",sans-serif;font-size:.54rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--docs-navy);}
.docs-pick-selected-tbl td{padding:.5rem .65rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-pick-selected-tbl tr:last-child td{border-bottom:none;}
.docs-pick-remove-btn{font-size:.65rem;font-weight:700;font-family:"Outfit",sans-serif;padding:3px 8px;border-radius:5px;color:var(--docs-red);border:1px solid rgba(220,38,38,.3);background:rgba(220,38,38,.06);}
/* Works order table */
.docs-pick-wo-table{margin:.65rem 0;}
.docs-pick-wo-label{font-size:.84rem;color:var(--docs-muted);margin-bottom:.5rem;}
.docs-pick-wo-tbl{width:100%;border-collapse:collapse;font-size:.75rem;}
.docs-pick-wo-tbl th{text-align:left;padding:.4rem .75rem;font-family:"Outfit",sans-serif;font-size:.57rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--docs-navy);}
.docs-pick-wo-tbl td{padding:.55rem .75rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-pick-wo-tbl tr:last-child td{border-bottom:none;}
.docs-pick-wo-tbl tr:hover td{background:rgba(2,116,190,.02);}
.docs-pick-wo-num{font-family:"JetBrains Mono","Courier New",monospace;font-size:.64rem;color:var(--docs-blue);margin-top:.15rem;}
.docs-pick-wo-name{font-size:.78rem;font-weight:500;color:var(--docs-navy);}
.docs-pick-wo-badge{font-size:.62rem;font-weight:700;font-family:"Outfit",sans-serif;padding:1px 7px;border-radius:100px;display:inline-flex;align-items:center;gap:.25rem;margin-top:.2rem;}
.docs-pick-wo-badge.group{color:var(--docs-blue);background:var(--docs-b08);border:1px solid var(--docs-b15);}
.docs-pick-wo-badge.staff{color:var(--docs-green);background:rgba(5,150,105,.1);border:1px solid rgba(5,150,105,.2);}
.docs-pick-wo-timeline{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;font-size:.68rem;color:var(--docs-muted);}
.docs-pick-wo-timeline-date{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:600;padding:2px 6px;border-radius:5px;border:1px solid;}
.docs-pick-wo-timeline-date.start{color:var(--docs-green);border-color:rgba(5,150,105,.25);background:rgba(5,150,105,.07);}
.docs-pick-wo-timeline-date.end  {color:var(--docs-red);  border-color:rgba(220,38,38,.2);  background:rgba(220,38,38,.06);}
/* Item filter toggle */
.docs-pick-item-toggle{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:1rem 0;}
.docs-pick-item-opt{border-radius:9px;padding:.75rem 1rem;border:1.5px solid var(--docs-line2);background:var(--docs-off);display:flex;align-items:flex-start;gap:.6rem;}
.docs-pick-item-opt.selected{border-color:var(--docs-blue);background:var(--docs-b08);}
.docs-pick-item-opt-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.78rem;color:var(--docs-navy);}
.docs-pick-item-opt-sub{font-size:.68rem;color:var(--docs-muted);margin-top:.08rem;}

/* ════════════════════════════════════════
   236. PICKING — DETAIL RECORD HEADER
        & PROGRESS STEPPER
════════════════════════════════════════ */
.docs-pick-rec-hdr{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1rem 1.25rem;margin:1rem 0;}
.docs-pick-rec-hdr-top{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;margin-bottom:.85rem;}
.docs-pick-rec-badges{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;}
.docs-pick-rec-badge{font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;padding:4px 11px;border-radius:100px;}
.docs-pick-rec-badge.ongoing  {color:var(--docs-amber);background:rgba(217,119,6,.2);border:1px solid rgba(217,119,6,.3);}
.docs-pick-rec-badge.collected{color:var(--docs-green);background:rgba(5,150,105,.2);border:1px solid rgba(5,150,105,.3);}
.docs-pick-rec-badge.nostart  {color:rgba(255,255,255,.6);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);}
.docs-pick-rec-badge.order-type{color:rgba(255,255,255,.8);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);}
.docs-pick-rec-meta{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;margin-left:auto;}
.docs-pick-rec-meta-item{display:flex;flex-direction:column;gap:.08rem;}
.docs-pick-rec-meta-label{font-size:.54rem;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.4);font-family:"Outfit",sans-serif;font-weight:700;}
.docs-pick-rec-meta-val{color:rgba(255,255,255,.85);font-weight:600;font-size:.72rem;}
/* Stepper */
.docs-pick-stepper{display:flex;align-items:center;gap:0;flex:1;}
.docs-pick-step{display:flex;align-items:center;gap:.45rem;flex:1;}
.docs-pick-step-circle{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:"Outfit",sans-serif;font-weight:700;font-size:.72rem;color:rgba(255,255,255,.5);}
.docs-pick-step-circle.done  {background:var(--docs-green);border-color:var(--docs-green);color:#fff;}
.docs-pick-step-circle.active{background:var(--docs-blue); border-color:var(--docs-blue); color:#fff;}
.docs-pick-step-label        {font-size:.69rem;font-weight:600;color:rgba(255,255,255,.5);}
.docs-pick-step-label.active {color:#fff;}
.docs-pick-step-label.done   {color:rgba(255,255,255,.7);}
.docs-pick-step-line{flex:1;height:2px;background:rgba(255,255,255,.2);margin:0 .4rem;}
.docs-pick-step-line.done{background:var(--docs-green);}

/* ════════════════════════════════════════
   237. PICKING — DETAIL PANELS, QR CODE
        & QUICK STATS
════════════════════════════════════════ */
.docs-pick-detail-layout{display:grid;grid-template-columns:1fr 220px;gap:.75rem;align-items:flex-start;}
.docs-pick-panel{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.5rem 0;}
.docs-pick-panel-head{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);}
.docs-pick-panel-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.75rem;color:var(--docs-blue);text-transform:uppercase;letter-spacing:.05em;}
.docs-pick-panel-body{padding:.85rem 1rem;}
/* Detail fields */
.docs-pick-detail-field{display:flex;flex-direction:column;gap:.12rem;margin-bottom:.75rem;}
.docs-pick-detail-field:last-child{margin-bottom:0;}
.docs-pick-detail-label{font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-ghost);}
.docs-pick-detail-val{font-size:.84rem;color:var(--docs-navy);font-weight:500;}
.docs-pick-detail-val.muted{color:var(--docs-ghost);font-style:italic;font-weight:400;}
.docs-pick-detail-val.link {color:var(--docs-blue);}
.docs-pick-detail-val.mono {font-family:"JetBrains Mono","Courier New",monospace;font-size:.75rem;}
/* Works order block inside detail */
.docs-pick-wo-block{background:var(--docs-off);border:1px solid var(--docs-line);border-radius:9px;padding:.75rem .9rem;margin-bottom:.65rem;}
.docs-pick-wo-block-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;}
.docs-pick-wo-block-name{font-size:.85rem;font-weight:600;color:var(--docs-navy);display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;}
.docs-pick-wo-block-complete{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:100px;color:var(--docs-green);background:rgba(5,150,105,.1);border:1px solid rgba(5,150,105,.2);}
.docs-pick-wo-block-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;}
/* QR code panel */
.docs-pick-qr-panel{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;}
.docs-pick-qr-body{padding:1rem;text-align:center;}
.docs-pick-qr-code{width:100%;max-width:120px;margin:0 auto .5rem;}
.docs-pick-qr-label{font-family:"JetBrains Mono","Courier New",monospace;font-size:.62rem;color:var(--docs-blue);word-break:break-all;}
.docs-pick-qr-sub{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-ghost);margin-top:.2rem;}
/* Quick stats */
.docs-pick-qs-panel{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin-top:.5rem;}
.docs-pick-qs-row{display:flex;align-items:center;justify-content:space-between;padding:.55rem 1rem;border-bottom:1px solid var(--docs-line);}
.docs-pick-qs-row:last-child{border-bottom:none;}
.docs-pick-qs-label{font-size:.75rem;color:var(--docs-muted);}
.docs-pick-qs-val{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;color:var(--docs-navy);}
.docs-pick-qs-val.green{color:var(--docs-green);}
.docs-pick-qs-val.red  {color:var(--docs-red);}

/* ════════════════════════════════════════
   238. PICKING — PICKING LIST TABLE
        INSIDE RECORD & FOOTER BUTTONS
════════════════════════════════════════ */
.docs-pick-items-tbl{width:100%;border-collapse:collapse;font-size:.74rem;}
.docs-pick-items-tbl th{text-align:left;padding:.4rem .75rem;font-family:"Outfit",sans-serif;font-size:.55rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--docs-navy);white-space:nowrap;}
.docs-pick-items-tbl td{padding:.55rem .75rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-pick-items-tbl tr:last-child td{border-bottom:none;}
/* Record footer */
.docs-pick-rec-footer{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.1rem;background:var(--docs-off);border:1px solid var(--docs-line);border-radius:12px;margin:.65rem 0;flex-wrap:wrap;gap:.5rem;}
.docs-pick-rec-back{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;color:var(--docs-muted);border:1.5px solid var(--docs-line2);padding:7px 12px;border-radius:8px;}
.docs-pick-rec-back svg{width:11px;height:11px;}
.docs-pick-rec-actions{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center;}
.docs-pick-rec-btn{display:inline-flex;align-items:center;gap:.28rem;font-family:"Outfit",sans-serif;font-size:.73rem;font-weight:600;padding:7px 12px;border-radius:8px;border:1.5px solid var(--docs-line2);color:var(--docs-muted);background:var(--docs-white);}
.docs-pick-rec-btn svg{width:11px;height:11px;}
.docs-pick-rec-btn.edit  {color:var(--docs-blue);border-color:var(--docs-b15);background:var(--docs-b08);}
.docs-pick-rec-btn.issue {color:var(--docs-red); border-color:rgba(220,38,38,.25);background:rgba(220,38,38,.04);}
.docs-pick-rec-btn.finish{color:#fff;background:var(--docs-green);border-color:var(--docs-green);}

/* ════════════════════════════════════════
   239. PICKING — BARCODE SCAN MODAL
════════════════════════════════════════ */
.docs-pick-scan-modal{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:14px;overflow:hidden;margin:.85rem 0;}
.docs-pick-scan-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;border-bottom:1px solid var(--docs-line);}
.docs-pick-scan-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:1rem;color:var(--docs-navy);}
.docs-pick-scan-close{font-size:.78rem;font-weight:600;color:var(--docs-red);cursor:pointer;}
.docs-pick-scan-body{padding:1.5rem 1.25rem;}
.docs-pick-scan-btns{display:flex;justify-content:center;gap:.85rem;margin-bottom:1.25rem;flex-wrap:wrap;}
.docs-pick-scan-camera-btn,.docs-pick-scan-scanner-btn{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;padding:9px 20px;border-radius:8px;background:var(--docs-blue);color:#fff;}
.docs-pick-scan-manual{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap;}
.docs-pick-scan-manual-label{font-size:.82rem;color:var(--docs-muted);}
.docs-pick-scan-manual-input{border:1.5px solid var(--docs-line2);border-radius:8px;padding:.45rem .85rem;font-size:.82rem;color:var(--docs-ghost);font-style:italic;font-family:"DM Sans",sans-serif;min-width:180px;}
.docs-pick-scan-submit-btn{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;padding:8px 16px;border-radius:8px;background:var(--docs-green);color:#fff;}
.docs-pick-scan-done-footer{display:flex;justify-content:flex-end;padding:.85rem 1.25rem;border-top:1px solid var(--docs-line);}
.docs-pick-scan-done-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-weight:700;font-size:.78rem;padding:7px 16px;border-radius:8px;background:var(--docs-blue);color:#fff;}
.docs-pick-scan-done-btn svg{width:12px;height:12px;}

/* ════════════════════════════════════════
   240. PICKING — LIFECYCLE FLOW
        & RESPONSIVE
════════════════════════════════════════ */
.docs-pick-lifecycle-flow{display:flex;align-items:center;gap:.4rem;background:var(--docs-off);border:1px solid var(--docs-line);border-radius:10px;padding:.85rem 1.1rem;margin:.65rem 0;flex-wrap:wrap;}
.docs-pick-lf-step{display:flex;align-items:center;gap:.4rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;}
.docs-pick-lf-dot{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:900;flex-shrink:0;}
.docs-pick-lf-dot.draft    {background:var(--docs-off2);           color:var(--docs-muted); border:1.5px solid var(--docs-line2);}
.docs-pick-lf-dot.ongoing  {background:rgba(217,119,6,.12);         color:var(--docs-amber); border:1.5px solid rgba(217,119,6,.25);}
.docs-pick-lf-dot.submitted{background:var(--docs-b08);            color:var(--docs-blue);  border:1.5px solid var(--docs-b15);}
.docs-pick-lf-dot.collected{background:rgba(5,150,105,.12);         color:var(--docs-green); border:1.5px solid rgba(5,150,105,.25);}
.docs-pick-lf-label.draft    {color:var(--docs-muted);}
.docs-pick-lf-label.ongoing  {color:var(--docs-amber);}
.docs-pick-lf-label.submitted{color:var(--docs-blue);}
.docs-pick-lf-label.collected{color:var(--docs-green);}
.docs-pick-lf-arrow{font-size:.8rem;color:var(--docs-ghost);}
/* Responsive */
@media(max-width:720px){
  .docs-pick-radio-grid,.docs-pick-form-grid2,.docs-pick-form-grid3,
  .docs-pick-item-toggle{grid-template-columns:1fr;}
  .docs-pick-detail-layout{grid-template-columns:1fr;}
  .docs-pick-wo-block-grid{grid-template-columns:1fr 1fr;}
  .docs-pick-rec-footer{flex-direction:column;align-items:flex-start;}
  .docs-pick-rec-actions{flex-wrap:wrap;}
  .docs-pick-lifecycle-flow{flex-direction:column;align-items:flex-start;}
  .docs-pick-lf-arrow{transform:rotate(90deg);}
  .docs-pick-stepper{flex-wrap:wrap;gap:.35rem;}
  .docs-pick-step-line{width:14px;flex:0 0 auto;}
}
@media(max-width:480px){
  .docs-pick-list-top{flex-direction:column;align-items:flex-start;}
  .docs-pick-rec-hdr-top{flex-direction:column;align-items:flex-start;}
  .docs-pick-rec-meta{margin-left:0;}
  .docs-pick-wo-block-grid{grid-template-columns:1fr;}
}
/* ════════════════════════════════════════
   241. PACKING — PAGE HEADER
════════════════════════════════════════ */
.docs-pack-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.25rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-pack-hdr-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-pack-hdr-icon{width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-pack-hdr-icon svg{width:20px;height:20px;stroke:#fff;fill:none;}
.docs-pack-hdr-bc{font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.25rem;}
.docs-pack-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.3rem;color:#fff;letter-spacing:-.02em;}
.docs-pack-hdr-desc{font-size:.71rem;color:rgba(255,255,255,.55);margin-top:.3rem;line-height:1.6;max-width:520px;}
.docs-pack-add-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:8px 14px;border-radius:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;align-self:flex-start;flex-shrink:0;white-space:nowrap;}
.docs-pack-add-btn svg{width:12px;height:12px;}

/* ════════════════════════════════════════
   242. PACKING — STATUS CHIPS & TYPE CHIPS
════════════════════════════════════════ */
.docs-pack-status{font-family:"Outfit",sans-serif;font-size:.71rem;font-weight:700;padding:3px 10px;border-radius:100px;white-space:nowrap;display:inline-flex;align-items:center;gap:.3rem;}
.docs-pack-nostart  {color:var(--docs-amber);background:rgba(217,119,6,.1); border:1px solid rgba(217,119,6,.22);}
.docs-pack-collected{color:var(--docs-green);background:rgba(5,150,105,.1); border:1px solid rgba(5,150,105,.2);}
.docs-pack-type-chip{font-family:"Outfit",sans-serif;font-size:.69rem;font-weight:600;padding:2px 9px;border-radius:100px;white-space:nowrap;display:inline-flex;align-items:center;gap:.3rem;}
.docs-pack-type-nodo{color:var(--docs-muted);background:var(--docs-off2);border:1px solid var(--docs-line2);}
.docs-pack-type-do  {color:var(--docs-blue); background:var(--docs-b08);  border:1px solid var(--docs-b15);}

/* ════════════════════════════════════════
   243. PACKING — ADD / EDIT FORM SECTIONS
        RADIO CARDS, FORM FOOTER
════════════════════════════════════════ */
.docs-pack-form{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.85rem 0;}
.docs-pack-form-sec{padding:1rem 1.25rem;border-bottom:1px solid var(--docs-line);}
.docs-pack-form-sec:last-child{border-bottom:none;}
.docs-pack-form-sec-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.85rem;}
.docs-pack-form-sec-head svg{width:13px;height:13px;color:var(--docs-blue);flex-shrink:0;}
.docs-pack-form-sec-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.75rem;color:var(--docs-blue);text-transform:uppercase;letter-spacing:.04em;}
.docs-pack-form-grid2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;}
.docs-pack-form-field{display:flex;flex-direction:column;gap:.3rem;}
.docs-pack-form-label{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-muted);}
.docs-pack-form-input{background:var(--docs-white);border:1.5px solid var(--docs-line2);border-radius:8px;padding:.5rem .85rem;font-size:.83rem;color:var(--docs-ghost);font-style:italic;font-family:"DM Sans",sans-serif;}
.docs-pack-textarea{background:var(--docs-white);border:1.5px solid var(--docs-line2);border-radius:8px;padding:.6rem .85rem;font-size:.83rem;color:var(--docs-body);font-family:"DM Sans",sans-serif;width:100%;min-height:65px;line-height:1.6;}
.docs-pack-textarea.filled{color:var(--docs-body);font-style:normal;}
/* Packing For radio cards */
.docs-pack-for-q{font-size:.84rem;color:var(--docs-muted);margin-bottom:.75rem;}
.docs-pack-radio-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-bottom:.5rem;}
.docs-pack-radio-card{border-radius:10px;padding:.85rem 1rem;border:1.5px solid var(--docs-line2);background:var(--docs-off);display:flex;align-items:flex-start;gap:.65rem;}
.docs-pack-radio-card.selected{border-color:var(--docs-blue);background:var(--docs-b08);}
.docs-pack-radio-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--docs-line2);flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center;}
.docs-pack-radio-card.selected .docs-pack-radio-dot{border-color:var(--docs-blue);background:var(--docs-blue);}
.docs-pack-radio-dot-inner{width:6px;height:6px;border-radius:50%;background:#fff;}
.docs-pack-radio-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;color:var(--docs-navy);margin-bottom:.15rem;}
.docs-pack-radio-sub{font-size:.73rem;color:var(--docs-muted);}
.docs-pack-radio-fixed{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:600;color:var(--docs-blue);background:var(--docs-b08);border:1px solid var(--docs-b15);padding:1px 6px;border-radius:4px;margin-top:.25rem;display:inline-block;}
/* Info bar */
.docs-pack-info-bar{display:flex;align-items:flex-start;gap:.65rem;background:var(--docs-b08);border:1px solid var(--docs-b15);border-radius:8px;padding:.65rem 1rem;font-size:.8rem;color:var(--docs-navy);line-height:1.65;margin-bottom:.75rem;}
.docs-pack-info-bar svg{width:13px;height:13px;color:var(--docs-blue);flex-shrink:0;margin-top:1px;}
/* Form footer */
.docs-pack-form-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-top:1px solid var(--docs-line);background:var(--docs-off);}
.docs-pack-cancel-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;color:var(--docs-muted);padding:7px 14px;border-radius:8px;border:1.5px solid var(--docs-line2);}
.docs-pack-cancel-btn svg{width:11px;height:11px;}
.docs-pack-create-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:7px 16px;border-radius:8px;background:var(--docs-green);color:#fff;}
.docs-pack-create-btn svg{width:12px;height:12px;}

/* ════════════════════════════════════════
   244. PACKING — INVENTORY TABLES
        ITEM CHIPS, STOCK, TOGGLE, REMOVE
════════════════════════════════════════ */
.docs-pack-inv-wrap{border-radius:10px;border:1px solid var(--docs-line);overflow:hidden;margin:.65rem 0;}
.docs-pack-inv-label{font-family:"Outfit",sans-serif;font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-muted);padding:.55rem .85rem;background:var(--docs-off);border-bottom:1px solid var(--docs-line);}
.docs-pack-inv-tbl{width:100%;border-collapse:collapse;font-size:.72rem;}
.docs-pack-inv-tbl th{text-align:left;padding:.4rem .65rem;font-family:"Outfit",sans-serif;font-size:.54rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--docs-navy);white-space:nowrap;}
.docs-pack-inv-tbl td{padding:.5rem .65rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-pack-inv-tbl tr:last-child td{border-bottom:none;}
.docs-pack-item-type-chip{font-family:"Outfit",sans-serif;font-size:.63rem;font-weight:700;padding:2px 7px;border-radius:100px;}
.docs-pack-item-type-chip.item    {color:var(--docs-blue);  background:var(--docs-b08);           border:1px solid var(--docs-b15);}
.docs-pack-item-type-chip.assembly{color:var(--docs-purple);background:rgba(124,58,237,.08);       border:1px solid rgba(124,58,237,.18);}
.docs-pack-active-chip{font-family:"Outfit",sans-serif;font-size:.63rem;font-weight:700;padding:2px 7px;border-radius:100px;color:var(--docs-green);background:rgba(5,150,105,.1);border:1px solid rgba(5,150,105,.2);}
.docs-pack-stock-low{color:var(--docs-red);  font-weight:600;}
.docs-pack-stock-ok {color:var(--docs-green);font-weight:600;}
.docs-pack-toggle-off{width:30px;height:16px;border-radius:100px;background:var(--docs-line2);display:inline-flex;align-items:center;padding:2px;}
.docs-pack-toggle-off .dot{width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);}
.docs-pack-down-arrow{display:flex;justify-content:center;padding:.75rem 0;}
.docs-pack-down-arrow svg{width:24px;height:24px;color:var(--docs-blue);}
.docs-pack-remove-btn{font-size:.65rem;font-weight:700;font-family:"Outfit",sans-serif;padding:3px 8px;border-radius:5px;color:var(--docs-red);border:1px solid rgba(220,38,38,.3);background:rgba(220,38,38,.06);}

/* ════════════════════════════════════════
   245. PACKING — DETAIL RECORD HEADER
        KPI STRIP & BADGES
════════════════════════════════════════ */
.docs-pack-rec-hdr{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1rem 1.25rem;margin:1rem 0;}
.docs-pack-rec-bc{font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.35rem;}
.docs-pack-rec-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.25rem;color:#fff;margin-bottom:.45rem;}
.docs-pack-rec-badges{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-bottom:.85rem;}
.docs-pack-ref-badge{font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:100px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;}
.docs-pack-rec-badge{font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;padding:4px 11px;border-radius:100px;}
.docs-pack-rec-badge.nostart  {color:var(--docs-amber);background:rgba(217,119,6,.2); border:1px solid rgba(217,119,6,.3);}
.docs-pack-rec-badge.collected{color:var(--docs-green);background:rgba(5,150,105,.2); border:1px solid rgba(5,150,105,.3);}
.docs-pack-rec-badge.nodo     {color:rgba(255,255,255,.75);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);}
.docs-pack-rec-badge.dorder   {color:var(--docs-blue);background:rgba(2,116,190,.25); border:1px solid rgba(2,116,190,.4);}
/* KPI strip */
.docs-pack-kpi-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;}
.docs-pack-kpi-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:.6rem .85rem;}
.docs-pack-kpi-label{font-family:"Outfit",sans-serif;font-size:.54rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.45);margin-bottom:.25rem;}
.docs-pack-kpi-val{font-size:.78rem;font-weight:600;color:#fff;}
.docs-pack-kpi-val.muted{color:rgba(255,255,255,.45);font-weight:400;font-style:italic;}
.docs-pack-kpi-sub{font-family:"JetBrains Mono","Courier New",monospace;font-size:.64rem;color:rgba(255,255,255,.55);margin-top:.12rem;}

/* ════════════════════════════════════════
   246. PACKING — DETAIL LAYOUT PANELS
        DETAIL FIELDS, NOTES BOX
════════════════════════════════════════ */
.docs-pack-detail-layout{display:grid;grid-template-columns:1fr 220px;gap:.75rem;align-items:flex-start;}
.docs-pack-panel{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.5rem 0;}
.docs-pack-panel-head{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);}
.docs-pack-panel-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.75rem;color:var(--docs-blue);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.4rem;}
.docs-pack-panel-title svg{width:13px;height:13px;flex-shrink:0;}
.docs-pack-panel-badge{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:6px;}
.docs-pack-panel-body{padding:.85rem 1rem;}
/* Detail field rows */
.docs-pack-dl-row{display:flex;align-items:flex-start;padding:.55rem 0;border-bottom:1px solid var(--docs-line);}
.docs-pack-dl-row:last-child{border-bottom:none;}
.docs-pack-dl-label{font-size:.78rem;color:var(--docs-muted);min-width:130px;flex-shrink:0;}
.docs-pack-dl-val{font-size:.84rem;color:var(--docs-navy);font-weight:500;flex:1;}
.docs-pack-dl-val.muted{color:var(--docs-ghost);font-weight:400;font-style:italic;}
.docs-pack-dl-val.link {color:var(--docs-blue);}
.docs-pack-dl-val.mono {font-family:"JetBrains Mono","Courier New",monospace;font-size:.75rem;}
/* Date pills */
.docs-pack-date-pill{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.68rem;font-weight:600;padding:2px 7px;border-radius:5px;border:1px solid;}
.docs-pack-date-pill.cal {color:var(--docs-green);border-color:rgba(5,150,105,.25);background:rgba(5,150,105,.07);}
.docs-pack-date-pill.time{color:var(--docs-blue); border-color:var(--docs-b15);           background:var(--docs-b08);}
/* Notes box */
.docs-pack-notes-box{background:var(--docs-off);border:1px solid var(--docs-line);border-radius:8px;padding:.65rem .85rem;font-size:.83rem;color:var(--docs-body);margin-top:.65rem;}
.docs-pack-notes-label{font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-ghost);margin-bottom:.3rem;}

/* ════════════════════════════════════════
   247. PACKING — QR PANEL & DELIVERY
        ORDER SIDE PANEL
════════════════════════════════════════ */
.docs-pack-qr-panel{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;}
.docs-pack-qr-body{padding:1rem;text-align:center;}
.docs-pack-qr-code{width:100%;max-width:120px;margin:0 auto .5rem;}
.docs-pack-qr-barcode{font-family:"JetBrains Mono","Courier New",monospace;font-size:.58rem;color:var(--docs-blue);word-break:break-all;padding:0 .25rem;}
/* Delivery Order panel */
.docs-pack-do-panel{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin-top:.5rem;}
.docs-pack-do-row{display:flex;align-items:flex-start;padding:.5rem .85rem;border-bottom:1px solid var(--docs-line);}
.docs-pack-do-row:last-child{border-bottom:none;}
.docs-pack-do-label{font-size:.72rem;color:var(--docs-muted);min-width:90px;flex-shrink:0;}
.docs-pack-do-val{font-size:.78rem;color:var(--docs-navy);font-weight:500;flex:1;}
.docs-pack-do-ref-btn{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:5px;background:var(--docs-b08);border:1px solid var(--docs-b15);color:var(--docs-blue);white-space:nowrap;}

/* ════════════════════════════════════════
   248. PACKING — PACKING LIST TABLE
        INSIDE RECORD & FOOTER BUTTONS
════════════════════════════════════════ */
.docs-pack-list-tbl{width:100%;border-collapse:collapse;font-size:.74rem;}
.docs-pack-list-tbl th{text-align:left;padding:.4rem .75rem;font-family:"Outfit",sans-serif;font-size:.55rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--docs-navy);white-space:nowrap;}
.docs-pack-list-tbl td{padding:.55rem .75rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-pack-list-tbl tr:last-child td{border-bottom:none;}
/* Record footer */
.docs-pack-rec-footer{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.1rem;background:var(--docs-off);border:1px solid var(--docs-line);border-radius:12px;margin:.65rem 0;flex-wrap:wrap;gap:.5rem;}
.docs-pack-back-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;color:var(--docs-muted);border:1.5px solid var(--docs-line2);padding:7px 12px;border-radius:8px;}
.docs-pack-back-btn svg{width:11px;height:11px;}
.docs-pack-rec-actions{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center;}
.docs-pack-rec-btn{display:inline-flex;align-items:center;gap:.28rem;font-family:"Outfit",sans-serif;font-size:.73rem;font-weight:600;padding:7px 12px;border-radius:8px;border:1.5px solid var(--docs-line2);color:var(--docs-muted);background:var(--docs-white);}
.docs-pack-rec-btn svg{width:11px;height:11px;flex-shrink:0;}
.docs-pack-rec-btn.edit  {color:var(--docs-blue); border-color:var(--docs-b15);              background:var(--docs-b08);}
.docs-pack-rec-btn.cancel{color:var(--docs-red);  border-color:rgba(220,38,38,.25);           background:rgba(220,38,38,.04);}
.docs-pack-rec-btn.issue {color:var(--docs-amber);border-color:rgba(217,119,6,.25);           background:rgba(217,119,6,.04);}
.docs-pack-rec-btn.start {color:#fff;background:var(--docs-green);border-color:var(--docs-green);}

/* ════════════════════════════════════════
   249. PACKING — SCAN MODAL
════════════════════════════════════════ */
.docs-pack-scan-modal{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:14px;overflow:hidden;margin:.85rem 0;}
.docs-pack-scan-hdr{background:linear-gradient(135deg,var(--docs-navy-d),var(--docs-navy));padding:1rem 1.5rem;}
.docs-pack-scan-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1rem;color:#fff;}
.docs-pack-scan-sub{font-size:.72rem;color:rgba(255,255,255,.55);margin-top:.15rem;}
.docs-pack-scan-body{padding:1.5rem 1.25rem;}
.docs-pack-scan-btns{display:flex;justify-content:center;gap:.85rem;margin-bottom:1.25rem;flex-wrap:wrap;}
.docs-pack-scan-cam-btn,.docs-pack-scan-scn-btn{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;padding:9px 20px;border-radius:8px;background:var(--docs-blue);color:#fff;}
.docs-pack-scan-manual{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap;}
.docs-pack-scan-manual-label{font-size:.82rem;color:var(--docs-muted);}
.docs-pack-scan-input{border:1.5px solid var(--docs-line2);border-radius:8px;padding:.45rem .85rem;font-size:.82rem;color:var(--docs-ghost);font-style:italic;font-family:"DM Sans",sans-serif;min-width:180px;}
.docs-pack-scan-submit-btn{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;padding:8px 16px;border-radius:8px;background:var(--docs-green);color:#fff;}
.docs-pack-scan-done-footer{display:flex;justify-content:flex-end;padding:.85rem 1.25rem;border-top:1px solid var(--docs-line);}
.docs-pack-scan-done-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-weight:700;font-size:.78rem;padding:7px 16px;border-radius:8px;background:var(--docs-blue);color:#fff;}
.docs-pack-scan-done-btn svg{width:12px;height:12px;}

/* ════════════════════════════════════════
   250. PACKING — LIFECYCLE FLOW
        & RESPONSIVE
════════════════════════════════════════ */
.docs-pack-lc-flow{display:flex;align-items:center;gap:.4rem;background:var(--docs-off);border:1px solid var(--docs-line);border-radius:10px;padding:.85rem 1.1rem;margin:.65rem 0;flex-wrap:wrap;}
.docs-pack-lc-step{display:flex;align-items:center;gap:.4rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;}
.docs-pack-lc-dot{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:900;flex-shrink:0;}
.docs-pack-lc-dot.ns {background:var(--docs-off2);          color:var(--docs-muted); border:1.5px solid var(--docs-line2);}
.docs-pack-lc-dot.ip {background:rgba(217,119,6,.12);        color:var(--docs-amber); border:1.5px solid rgba(217,119,6,.25);}
.docs-pack-lc-dot.col{background:rgba(5,150,105,.12);         color:var(--docs-green); border:1.5px solid rgba(5,150,105,.25);}
.docs-pack-lc-label.ns {color:var(--docs-muted);}
.docs-pack-lc-label.ip {color:var(--docs-amber);}
.docs-pack-lc-label.col{color:var(--docs-green);}
.docs-pack-lc-arrow{font-size:.8rem;color:var(--docs-ghost);}
/* Responsive */
@media(max-width:720px){
  .docs-pack-radio-grid,.docs-pack-form-grid2{grid-template-columns:1fr;}
  .docs-pack-kpi-strip{grid-template-columns:1fr 1fr;}
  .docs-pack-detail-layout{grid-template-columns:1fr;}
  .docs-pack-rec-footer{flex-direction:column;align-items:flex-start;}
  .docs-pack-rec-actions{flex-wrap:wrap;}
  .docs-pack-lc-flow{flex-direction:column;align-items:flex-start;}
  .docs-pack-lc-arrow{transform:rotate(90deg);}
}
@media(max-width:480px){
  .docs-pack-kpi-strip{grid-template-columns:1fr;}
  .docs-pack-rec-hdr-top{flex-direction:column;}
}
/* ════════════════════════════════════════
   251. DELIVERY ORDERS — PAGE HEADER
════════════════════════════════════════ */
.docs-do-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.25rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-do-hdr-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-do-hdr-icon{width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-do-hdr-icon svg{width:20px;height:20px;}
.docs-do-hdr-bc{font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.25rem;}
.docs-do-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.3rem;color:#fff;letter-spacing:-.02em;}
.docs-do-hdr-desc{font-size:.71rem;color:rgba(255,255,255,.55);margin-top:.3rem;line-height:1.6;max-width:520px;}
.docs-do-add-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:8px 14px;border-radius:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;align-self:flex-start;flex-shrink:0;}
.docs-do-add-btn svg{width:11px;height:11px;}

/* ════════════════════════════════════════
   252. DELIVERY ORDERS — STATUS, TYPE &
        PARTY CHIPS
════════════════════════════════════════ */
.docs-do-status{font-family:"Outfit",sans-serif;font-size:.71rem;font-weight:700;padding:3px 10px;border-radius:100px;white-space:nowrap;display:inline-flex;align-items:center;gap:.3rem;}
.docs-do-nostart   {color:var(--docs-muted);background:var(--docs-off2);           border:1px solid var(--docs-line2);}
.docs-do-ongoing   {color:var(--docs-blue); background:var(--docs-b08);            border:1px solid var(--docs-b15);}
.docs-do-despatched{color:var(--docs-green);background:rgba(5,150,105,.1);          border:1px solid rgba(5,150,105,.2);}
.docs-do-type-chip{font-family:"Outfit",sans-serif;font-size:.69rem;font-weight:600;padding:2px 9px;border-radius:100px;white-space:nowrap;display:inline-flex;align-items:center;gap:.3rem;}
.docs-do-type-order   {color:var(--docs-green);background:rgba(5,150,105,.08);border:1px solid rgba(5,150,105,.18);}
.docs-do-type-nonorder{color:var(--docs-muted);background:var(--docs-off2);       border:1px solid var(--docs-line2);}
.docs-do-party{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;padding:2px 7px;border-radius:100px;}
.docs-do-party-cust{color:var(--docs-blue); background:var(--docs-b08);            border:1px solid var(--docs-b15);}
.docs-do-party-supp{color:var(--docs-amber);background:rgba(217,119,6,.08);         border:1px solid rgba(217,119,6,.2);}

/* ════════════════════════════════════════
   253. DELIVERY ORDERS — LIST TABLE
════════════════════════════════════════ */
.docs-do-list{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.85rem 0;}
.docs-do-list-top{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;border-bottom:1px solid var(--docs-line);flex-wrap:wrap;gap:.5rem;}
.docs-do-filter{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--docs-muted);background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:7px;padding:6px 11px;}
.docs-do-filter svg{width:11px;height:11px;}
.docs-do-ctrl-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;padding:5px 10px;border-radius:7px;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-do-ctrl-btn svg{width:11px;height:11px;}
.docs-do-tbl{width:100%;border-collapse:collapse;font-size:.74rem;}
.docs-do-tbl th{text-align:left;padding:.45rem .75rem;font-family:"Outfit",sans-serif;font-size:.56rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--docs-navy);white-space:nowrap;}
.docs-do-tbl td{padding:.55rem .75rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-do-tbl tr:last-child td{border-bottom:none;}
.docs-do-tbl tr:hover td{background:rgba(2,116,190,.02);}
.docs-do-ref{font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:700;color:var(--docs-blue);background:var(--docs-b08);border:1px solid var(--docs-b15);padding:2px 8px;border-radius:5px;white-space:nowrap;}
.docs-do-name{font-size:.78rem;font-weight:500;color:var(--docs-navy);}
.docs-do-tracking{font-family:"JetBrains Mono","Courier New",monospace;font-size:.68rem;color:var(--docs-muted);}
.docs-do-wh{font-size:.72rem;color:var(--docs-muted);}
.docs-do-shipper{font-size:.72rem;color:var(--docs-muted);}
.docs-do-date{font-size:.69rem;color:var(--docs-muted);}
.docs-do-date-sub{font-size:.63rem;color:var(--docs-ghost);}
.docs-do-pagination{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-top:1px solid var(--docs-line);flex-wrap:wrap;gap:.4rem;}
.docs-do-show{font-size:.72rem;color:var(--docs-muted);display:inline-flex;align-items:center;gap:.4rem;}
.docs-do-pages{display:flex;align-items:center;gap:.3rem;}
.docs-do-pg{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-do-pg.cur{background:var(--docs-navy);color:#fff;border-color:var(--docs-navy);}

/* ════════════════════════════════════════
   254. DELIVERY ORDERS — ADD / EDIT FORM
        STEPS, RADIO CARDS, RTE TOOLBAR,
        INFO BAR, PACKING CHECKBOX
════════════════════════════════════════ */
.docs-do-form{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.85rem 0;}
.docs-do-form-step{padding:1rem 1.25rem;border-bottom:1px solid var(--docs-line);}
.docs-do-form-step:last-child{border-bottom:none;}
.docs-do-step-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.85rem;flex-wrap:wrap;}
.docs-do-step-num{width:22px;height:22px;border-radius:50%;background:var(--docs-blue);color:#fff;font-family:"Outfit",sans-serif;font-weight:700;font-size:.68rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-do-step-label{font-family:"Outfit",sans-serif;font-weight:700;font-size:.7rem;color:var(--docs-ghost);text-transform:uppercase;letter-spacing:.07em;}
.docs-do-step-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.78rem;color:var(--docs-blue);text-transform:uppercase;letter-spacing:.04em;}
.docs-do-step-note{font-family:"Outfit",sans-serif;font-size:.63rem;font-weight:600;color:var(--docs-ghost);margin-left:.35rem;}
.docs-do-form-field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.65rem;}
.docs-do-form-field:last-child{margin-bottom:0;}
.docs-do-form-label{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-muted);}
.docs-do-form-label sup{color:var(--docs-red);}
.docs-do-form-input{background:var(--docs-white);border:1.5px solid var(--docs-line2);border-radius:8px;padding:.5rem .85rem;font-size:.83rem;color:var(--docs-ghost);font-style:italic;font-family:"DM Sans",sans-serif;}
.docs-do-form-input.filled{color:var(--docs-body);font-style:normal;}
.docs-do-form-input.select{display:flex;align-items:center;justify-content:space-between;}
.docs-do-form-input.select svg{width:10px;height:10px;color:var(--docs-ghost);}
.docs-do-form-grid2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;}
.docs-do-textarea{background:var(--docs-white);border:1.5px solid var(--docs-line2);border-radius:8px;padding:.6rem .85rem;font-size:.83rem;color:var(--docs-ghost);font-style:italic;font-family:"DM Sans",sans-serif;min-height:80px;line-height:1.6;}
.docs-do-textarea.rte{border-top-left-radius:0;border-top-right-radius:0;}
/* RTE toolbar */
.docs-do-rte-toolbar{display:flex;align-items:center;gap:.3rem;padding:.4rem .65rem;background:var(--docs-off);border:1.5px solid var(--docs-line2);border-bottom:none;border-radius:8px 8px 0 0;flex-wrap:wrap;}
.docs-do-rte-btn{width:22px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:700;color:var(--docs-muted);}
.docs-do-rte-sep{width:1px;height:14px;background:var(--docs-line2);margin:0 2px;}
/* Radio cards */
.docs-do-radio-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-bottom:.75rem;}
.docs-do-radio-card{border-radius:10px;padding:.85rem 1rem;border:1.5px solid var(--docs-line2);background:var(--docs-off);display:flex;align-items:flex-start;gap:.65rem;}
.docs-do-radio-card.selected      {border-color:var(--docs-blue); background:var(--docs-b08);}
.docs-do-radio-card.selected-green{border-color:var(--docs-green);background:rgba(5,150,105,.07);}
.docs-do-radio-card.locked{opacity:.45;}
.docs-do-radio-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--docs-line2);flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center;}
.docs-do-radio-card.selected .docs-do-radio-dot      {border-color:var(--docs-blue); background:var(--docs-blue);}
.docs-do-radio-card.selected-green .docs-do-radio-dot{border-color:var(--docs-green);background:var(--docs-green);}
.docs-do-radio-dot-inner{width:6px;height:6px;border-radius:50%;background:#fff;}
.docs-do-radio-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;color:var(--docs-navy);margin-bottom:.15rem;}
.docs-do-radio-sub{font-size:.73rem;color:var(--docs-muted);}
/* Info bar */
.docs-do-info-bar{background:var(--docs-b08);border:1px solid var(--docs-b15);border-radius:8px;padding:.65rem 1rem;font-size:.8rem;color:var(--docs-navy);line-height:1.65;margin:.6rem 0;}
/* Packing checkbox */
.docs-do-packing-sec{border:1.5px solid var(--docs-line2);background:var(--docs-off);border-radius:9px;padding:.8rem 1rem;display:flex;align-items:flex-start;gap:.7rem;}
.docs-do-packing-sec.checked{border-color:var(--docs-blue);background:rgba(2,116,190,.06);}
.docs-do-packing-label{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;color:var(--docs-navy);margin-bottom:.15rem;}
.docs-do-packing-sub{font-size:.73rem;color:var(--docs-muted);}
/* Form footer */
.docs-do-form-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-top:1px solid var(--docs-line);background:var(--docs-off);}
.docs-do-cancel-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;color:var(--docs-muted);padding:7px 14px;border-radius:8px;border:1.5px solid var(--docs-line2);}
.docs-do-cancel-btn svg{width:11px;height:11px;}
.docs-do-create-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:7px 16px;border-radius:8px;background:var(--docs-green);color:#fff;}
.docs-do-create-btn svg{width:11px;height:11px;}

/* ════════════════════════════════════════
   255. DELIVERY ORDERS — INVENTORY &
        SALES ORDER / WORKS ORDER TABLES
════════════════════════════════════════ */
.docs-do-inv-wrap{border-radius:10px;border:1px solid var(--docs-line);overflow:hidden;margin:.65rem 0;}
.docs-do-inv-label{font-family:"Outfit",sans-serif;font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-muted);padding:.55rem .85rem;background:var(--docs-off);border-bottom:1px solid var(--docs-line);}
.docs-do-inv-tbl{width:100%;border-collapse:collapse;font-size:.72rem;}
.docs-do-inv-tbl th{text-align:left;padding:.4rem .65rem;font-family:"Outfit",sans-serif;font-size:.54rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--docs-navy);white-space:nowrap;}
.docs-do-inv-tbl td{padding:.5rem .65rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-do-inv-tbl tr:last-child td{border-bottom:none;}
.docs-do-item-type{font-family:"Outfit",sans-serif;font-size:.63rem;font-weight:700;padding:2px 7px;border-radius:100px;}
.docs-do-item-type.item    {color:var(--docs-blue);  background:var(--docs-b08);           border:1px solid var(--docs-b15);}
.docs-do-item-type.assembly{color:var(--docs-purple);background:rgba(124,58,237,.08);       border:1px solid rgba(124,58,237,.18);}
.docs-do-active{font-family:"Outfit",sans-serif;font-size:.63rem;font-weight:700;padding:2px 7px;border-radius:100px;color:var(--docs-green);background:rgba(5,150,105,.1);border:1px solid rgba(5,150,105,.2);}
.docs-do-stock-low{color:var(--docs-red);  font-weight:600;}
.docs-do-stock-ok {color:var(--docs-green);font-weight:600;}
.docs-do-view-btn{font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:600;padding:3px 8px;border-radius:5px;color:var(--docs-blue);background:var(--docs-b08);border:1px solid var(--docs-b15);}
.docs-do-remove-btn{font-size:.65rem;font-weight:700;font-family:"Outfit",sans-serif;padding:3px 8px;border-radius:5px;color:var(--docs-red);border:1px solid rgba(220,38,38,.3);background:rgba(220,38,38,.06);}
.docs-do-down-arrow{display:flex;justify-content:center;padding:.75rem 0;}
.docs-do-down-arrow svg{width:24px;height:24px;color:var(--docs-blue);}
/* Sales orders table */
.docs-do-so-tbl{width:100%;border-collapse:collapse;font-size:.73rem;border:1px solid var(--docs-line);border-radius:8px;overflow:hidden;margin:.65rem 0;}
.docs-do-so-tbl th{text-align:left;padding:.4rem .75rem;font-family:"Outfit",sans-serif;font-size:.54rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--docs-navy);white-space:nowrap;}
.docs-do-so-tbl td{padding:.5rem .75rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-do-so-tbl tr:last-child td{border-bottom:none;}
.docs-do-so-tbl tr.selected td{background:rgba(2,116,190,.05);}
.docs-do-so-ref{font-family:"JetBrains Mono","Courier New",monospace;font-size:.63rem;font-weight:700;color:var(--docs-blue);}
.docs-do-so-name{font-weight:500;color:var(--docs-navy);}
.docs-do-so-dispatch{display:inline-flex;align-items:center;gap:.25rem;font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:600;padding:2px 7px;border-radius:5px;color:var(--docs-green);border:1px solid rgba(5,150,105,.25);background:rgba(5,150,105,.07);}
/* Works orders table */
.docs-do-wo-tbl{width:100%;border-collapse:collapse;font-size:.73rem;border:1px solid var(--docs-line);border-radius:8px;overflow:hidden;margin:.65rem 0;}
.docs-do-wo-tbl th{text-align:left;padding:.4rem .75rem;font-family:"Outfit",sans-serif;font-size:.54rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--docs-navy);white-space:nowrap;}
.docs-do-wo-tbl td{padding:.5rem .75rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-do-wo-tbl tr:last-child td{border-bottom:none;}
.docs-do-wo-name{font-weight:500;color:var(--docs-navy);}
.docs-do-wo-group{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;padding:1px 7px;border-radius:100px;color:var(--docs-blue);background:var(--docs-b08);border:1px solid var(--docs-b15);display:inline-block;}
.docs-do-wo-dates{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;}
.docs-do-wo-date{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:600;padding:2px 6px;border-radius:5px;border:1px solid;}
.docs-do-wo-date.start{color:var(--docs-green);border-color:rgba(5,150,105,.25);background:rgba(5,150,105,.07);}
.docs-do-wo-date.end  {color:var(--docs-red);  border-color:rgba(220,38,38,.2);  background:rgba(220,38,38,.06);}

/* ════════════════════════════════════════
   256. DELIVERY ORDERS — DETAIL HEADER
        KPI STRIP & RECORD BADGES
════════════════════════════════════════ */
.docs-do-rec-hdr{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1rem 1.5rem;margin:1rem 0;}
.docs-do-rec-bc{font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.35rem;}
.docs-do-rec-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.25rem;color:#fff;margin-bottom:.45rem;}
.docs-do-rec-badges{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-bottom:.85rem;}
.docs-do-ref-badge{font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:100px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;}
.docs-do-rec-badge{font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;padding:4px 11px;border-radius:100px;}
.docs-do-rec-badge.order     {color:var(--docs-green);background:rgba(5,150,105,.2); border:1px solid rgba(5,150,105,.3);}
.docs-do-rec-badge.nonorder  {color:rgba(255,255,255,.75);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);}
.docs-do-rec-badge.despatched{color:var(--docs-green);background:rgba(5,150,105,.2);border:1px solid rgba(5,150,105,.3);}
.docs-do-rec-badge.ongoing   {color:var(--docs-blue); background:rgba(2,116,190,.25);border:1px solid rgba(2,116,190,.4);}
.docs-do-rec-badge.nostart   {color:rgba(255,255,255,.6);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);}
/* KPI strip */
.docs-do-kpi-strip{display:flex;gap:.5rem;flex-wrap:wrap;}
.docs-do-kpi-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:.6rem .85rem;min-width:100px;}
.docs-do-kpi-label{font-family:"Outfit",sans-serif;font-size:.54rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.45);margin-bottom:.25rem;}
.docs-do-kpi-val{font-size:.78rem;font-weight:600;color:#fff;}
.docs-do-kpi-num{font-family:"Outfit",sans-serif;font-size:1.1rem;font-weight:900;color:#fff;}

/* ════════════════════════════════════════
   257. DELIVERY ORDERS — DETAIL PANELS
        FIELDS, DATE PILLS, NOTES, SIDES
════════════════════════════════════════ */
.docs-do-detail-layout{display:grid;grid-template-columns:1fr 210px;gap:.75rem;align-items:flex-start;}
.docs-do-panel{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.5rem 0;}
.docs-do-panel-head{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);}
.docs-do-panel-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.75rem;color:var(--docs-blue);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.4rem;}
.docs-do-panel-title svg{width:13px;height:13px;flex-shrink:0;}
.docs-do-panel-body{padding:.85rem 1rem;}
/* Detail field rows */
.docs-do-dl-row{display:flex;align-items:flex-start;padding:.55rem 0;border-bottom:1px solid var(--docs-line);}
.docs-do-dl-row:last-child{border-bottom:none;}
.docs-do-dl-label{font-size:.78rem;color:var(--docs-muted);min-width:135px;flex-shrink:0;}
.docs-do-dl-val{font-size:.84rem;color:var(--docs-navy);font-weight:500;flex:1;}
.docs-do-dl-val.muted{color:var(--docs-ghost);font-style:italic;font-weight:400;}
.docs-do-dl-val.link{color:var(--docs-blue);}
/* Date pills */
.docs-do-date-pill{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.68rem;font-weight:600;padding:2px 7px;border-radius:5px;border:1px solid;}
.docs-do-date-pill.cal {color:var(--docs-green);border-color:rgba(5,150,105,.25);background:rgba(5,150,105,.07);}
.docs-do-date-pill.time{color:var(--docs-blue); border-color:var(--docs-b15);           background:var(--docs-b08);}
/* Notes box */
.docs-do-notes-box{background:var(--docs-off);border:1px solid var(--docs-line);border-radius:8px;padding:.65rem .85rem;font-size:.83rem;color:var(--docs-body);margin-top:.65rem;line-height:1.65;}
.docs-do-notes-label{font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-ghost);margin-bottom:.3rem;}
/* Side panels */
.docs-do-side-panel{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;}
.docs-do-side-head{display:flex;align-items:center;gap:.4rem;padding:.6rem .85rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);font-family:"Outfit",sans-serif;font-weight:700;font-size:.72rem;color:var(--docs-blue);text-transform:uppercase;letter-spacing:.05em;}
.docs-do-side-head svg{width:12px;height:12px;flex-shrink:0;}
.docs-do-side-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem .85rem;border-bottom:1px solid var(--docs-line);}
.docs-do-side-row:last-child{border-bottom:none;}
.docs-do-side-label{font-size:.72rem;color:var(--docs-muted);}
.docs-do-side-val{font-size:.78rem;font-weight:500;color:var(--docs-navy);}
.docs-do-side-link{font-size:.75rem;font-weight:600;color:var(--docs-blue);}

/* ════════════════════════════════════════
   258. DELIVERY ORDERS — ITEM LIST TABLE
        & ORDER TOTAL
════════════════════════════════════════ */
.docs-do-item-tbl{width:100%;border-collapse:collapse;font-size:.73rem;}
.docs-do-item-tbl th{text-align:left;padding:.4rem .7rem;font-family:"Outfit",sans-serif;font-size:.54rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--docs-navy);white-space:nowrap;}
.docs-do-item-tbl td{padding:.55rem .7rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-do-item-tbl tr:last-child td{border-bottom:none;}
.docs-do-order-total{text-align:right;font-family:"Outfit",sans-serif;font-weight:700;font-size:.8rem;color:var(--docs-navy);padding:.5rem 1rem;border-top:1px solid var(--docs-line);}

/* ════════════════════════════════════════
   259. DELIVERY ORDERS — PACKINGS SECTION
        PACKED VS ORDERED & QI SECTION
════════════════════════════════════════ */
.docs-do-pack-sec{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.5rem 0;}
.docs-do-pack-head{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);}
.docs-do-pack-head-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.75rem;color:var(--docs-blue);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.35rem;}
.docs-do-pack-badge{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:5px;}
.docs-do-pack-badge.collected    {color:var(--docs-green);background:rgba(5,150,105,.1); border:1px solid rgba(5,150,105,.2);}
.docs-do-pack-badge.not-collected{color:var(--docs-muted);background:var(--docs-off2);   border:1px solid var(--docs-line2);}
.docs-do-pack-row{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-bottom:1px solid var(--docs-line);flex-wrap:wrap;gap:.5rem;}
.docs-do-pack-row:last-child{border-bottom:none;}
.docs-do-pack-row-name{font-size:.82rem;font-weight:500;color:var(--docs-navy);}
.docs-do-pack-row-date{font-size:.68rem;color:var(--docs-muted);margin-top:.1rem;}
.docs-do-pack-open{font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;padding:4px 10px;border-radius:7px;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
/* Packed vs Ordered */
.docs-do-pvo-head{font-size:.72rem;font-weight:600;color:var(--docs-muted);padding:.45rem 1rem;background:var(--docs-off);border-top:1px solid var(--docs-line);}
.docs-do-pvo-row{display:flex;align-items:center;justify-content:space-between;padding:.4rem 1rem;border-top:1px solid var(--docs-line);}
.docs-do-pvo-name{font-size:.78rem;font-weight:500;color:var(--docs-navy);}
.docs-do-pvo-detail{font-size:.72rem;color:var(--docs-muted);}
.docs-do-met-badge{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;padding:2px 8px;border-radius:100px;color:var(--docs-green);background:rgba(5,150,105,.1);border:1px solid rgba(5,150,105,.2);}
/* Quality Inspections section */
.docs-do-qi-sec{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.5rem 0;}
.docs-do-qi-head{display:flex;align-items:center;gap:.4rem;padding:.65rem 1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);}
.docs-do-qi-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.75rem;color:var(--docs-blue);text-transform:uppercase;letter-spacing:.05em;}
.docs-do-qi-sub{font-size:.72rem;color:var(--docs-muted);}
.docs-do-qi-empty{padding:1.25rem 1rem;text-align:center;}
.docs-do-qi-empty-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;color:var(--docs-navy);margin:.4rem 0 .2rem;}
.docs-do-qi-empty-desc{font-size:.73rem;color:var(--docs-muted);max-width:300px;margin:0 auto;line-height:1.6;}

/* ════════════════════════════════════════
   260. DELIVERY ORDERS — FOOTER BUTTONS,
        LIFECYCLE FLOW & RESPONSIVE
════════════════════════════════════════ */
.docs-do-rec-footer{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.1rem;background:var(--docs-off);border:1px solid var(--docs-line);border-radius:12px;margin:.65rem 0;flex-wrap:wrap;gap:.5rem;}
.docs-do-back-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;color:var(--docs-muted);border:1.5px solid var(--docs-line2);padding:7px 12px;border-radius:8px;}
.docs-do-back-btn svg{width:11px;height:11px;}
.docs-do-rec-actions{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center;}
.docs-do-rec-btn{display:inline-flex;align-items:center;gap:.28rem;font-family:"Outfit",sans-serif;font-size:.73rem;font-weight:600;padding:7px 12px;border-radius:8px;border:1.5px solid var(--docs-line2);color:var(--docs-muted);background:var(--docs-white);}
.docs-do-rec-btn svg{width:11px;height:11px;flex-shrink:0;}
.docs-do-rec-btn.edit   {color:var(--docs-blue);  border-color:var(--docs-b15);            background:var(--docs-b08);}
.docs-do-rec-btn.cancel {color:var(--docs-red);   border-color:rgba(220,38,38,.25);         background:rgba(220,38,38,.04);}
.docs-do-rec-btn.issue  {color:var(--docs-amber); border-color:rgba(217,119,6,.25);         background:rgba(217,119,6,.04);}
.docs-do-rec-btn.confirm{color:var(--docs-green); border-color:rgba(5,150,105,.25);         background:rgba(5,150,105,.06);}
.docs-do-rec-btn.primary{color:#fff;background:var(--docs-green);border-color:var(--docs-green);}
/* Lifecycle */
.docs-do-lc-flow{display:flex;align-items:center;gap:.4rem;background:var(--docs-off);border:1px solid var(--docs-line);border-radius:10px;padding:.85rem 1.1rem;margin:.65rem 0;flex-wrap:wrap;}
.docs-do-lc-step{display:flex;align-items:center;gap:.4rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;}
.docs-do-lc-dot{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:900;flex-shrink:0;}
.docs-do-lc-dot.ns{background:var(--docs-off2);color:var(--docs-muted);border:1.5px solid var(--docs-line2);}
.docs-do-lc-dot.og{background:var(--docs-b08);  color:var(--docs-blue); border:1.5px solid var(--docs-b15);}
.docs-do-lc-dot.dp{background:rgba(5,150,105,.12);color:var(--docs-green);border:1.5px solid rgba(5,150,105,.25);}
.docs-do-lc-label.ns{color:var(--docs-muted);}
.docs-do-lc-label.og{color:var(--docs-blue);}
.docs-do-lc-label.dp{color:var(--docs-green);}
.docs-do-lc-arrow{font-size:.8rem;color:var(--docs-ghost);}
/* Responsive */
@media(max-width:720px){
  .docs-do-radio-grid,.docs-do-form-grid2{grid-template-columns:1fr;}
  .docs-do-detail-layout{grid-template-columns:1fr;}
  .docs-do-kpi-strip{flex-wrap:wrap;}
  .docs-do-kpi-card{min-width:calc(50% - .25rem);}
  .docs-do-rec-footer{flex-direction:column;align-items:flex-start;}
  .docs-do-rec-actions{flex-wrap:wrap;}
  .docs-do-lc-flow{flex-direction:column;align-items:flex-start;}
  .docs-do-lc-arrow{transform:rotate(90deg);}
  .docs-do-pvo-row{flex-direction:column;align-items:flex-start;gap:.25rem;}
}
@media(max-width:480px){
  .docs-do-kpi-card{min-width:100%;}
  .docs-do-rec-hdr{padding:.85rem 1rem;}
}
/* ════════════════════════════════════════
   261. SERIAL UNITS — PAGE HEADER
════════════════════════════════════════ */
.docs-su-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.25rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-su-hdr-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-su-hdr-icon{width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-su-hdr-bc{font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.25rem;}
.docs-su-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.3rem;color:#fff;}
.docs-su-hdr-desc{font-size:.71rem;color:rgba(255,255,255,.55);margin-top:.3rem;line-height:1.6;max-width:520px;}
.docs-su-hdr-right{display:flex;align-items:center;gap:.65rem;flex-shrink:0;}
.docs-su-units-badge{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:.45rem .85rem;text-align:center;}
.docs-su-units-label{font-family:"Outfit",sans-serif;font-size:.56rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.5);margin-bottom:.15rem;}
.docs-su-units-num{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.4rem;color:#fff;line-height:1;}
.docs-su-capture-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:8px 14px;border-radius:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;}
.docs-su-capture-btn svg{width:11px;height:11px;}

/* ════════════════════════════════════════
   262. SERIAL UNITS — STATUS CHIPS
════════════════════════════════════════ */
.docs-su-instock{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:100px;color:var(--docs-green);background:rgba(5,150,105,.2);border:1px solid rgba(5,150,105,.3);}
.docs-su-shipped{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:100px;color:var(--docs-blue);background:rgba(2,116,190,.25);border:1px solid rgba(2,116,190,.4);}

/* ════════════════════════════════════════
   263. SERIAL UNITS — LIST TABLE
════════════════════════════════════════ */
.docs-su-list{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.85rem 0;}
.docs-su-list-top{display:flex;align-items:center;justify-content:flex-end;padding:.7rem 1rem;border-bottom:1px solid var(--docs-line);gap:.4rem;flex-wrap:wrap;}
.docs-su-ctrl-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;padding:5px 10px;border-radius:7px;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-su-ctrl-btn svg{width:11px;height:11px;}
.docs-su-search{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--docs-ghost);background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:7px;padding:5px 12px;}
.docs-su-search svg{width:11px;height:11px;}
.docs-su-tbl{width:100%;border-collapse:collapse;font-size:.75rem;}
.docs-su-tbl th{text-align:left;padding:.45rem .85rem;font-family:"Outfit",sans-serif;font-size:.57rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--docs-navy);white-space:nowrap;}
.docs-su-tbl td{padding:.6rem .85rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-su-tbl tr:last-child td{border-bottom:none;}
.docs-su-sn{font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;color:var(--docs-blue);background:var(--docs-b08);border:1px solid var(--docs-b15);padding:3px 9px;border-radius:5px;}
.docs-su-product{font-weight:500;color:var(--docs-navy);font-family:"JetBrains Mono","Courier New",monospace;font-size:.74rem;}
.docs-su-passport-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;padding:5px 12px;border-radius:7px;color:var(--docs-blue);background:var(--docs-b08);border:1px solid var(--docs-b15);}
.docs-su-passport-btn svg{width:10px;height:10px;}
.docs-su-pagination{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-top:1px solid var(--docs-line);flex-wrap:wrap;gap:.4rem;}
.docs-su-show{font-size:.72rem;color:var(--docs-muted);display:inline-flex;align-items:center;gap:.4rem;}
.docs-su-pages{display:flex;align-items:center;gap:.3rem;}
.docs-su-pg{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-su-pg.cur{background:var(--docs-navy);color:#fff;border-color:var(--docs-navy);}

/* ════════════════════════════════════════
   264. SERIAL UNITS — CAPTURE SERIALS
        MODAL
════════════════════════════════════════ */
.docs-su-modal{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:14px;overflow:hidden;margin:.85rem 0;box-shadow:0 8px 32px rgba(2,63,104,.1);}
.docs-su-modal-hdr{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--docs-line);}
.docs-su-modal-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:1rem;color:var(--docs-navy);display:flex;align-items:center;gap:.5rem;}
.docs-su-modal-title svg{width:16px;height:16px;color:var(--docs-blue);}
.docs-su-modal-close{font-size:.9rem;color:var(--docs-ghost);font-weight:600;}
.docs-su-modal-body{padding:1.25rem;}
.docs-su-modal-label{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-muted);margin-bottom:.4rem;display:block;}
.docs-su-modal-select{width:100%;background:var(--docs-white);border:1.5px solid var(--docs-line2);border-radius:8px;padding:.55rem .9rem;font-size:.84rem;color:var(--docs-body);font-family:"DM Sans",sans-serif;display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;}
.docs-su-modal-select svg{width:10px;height:10px;color:var(--docs-ghost);flex-shrink:0;}
.docs-su-modal-textarea{width:100%;background:var(--docs-off);border:1.5px solid var(--docs-line2);border-radius:8px;padding:.65rem .9rem;font-family:"JetBrains Mono","Courier New",monospace;font-size:.78rem;color:var(--docs-body);min-height:100px;line-height:1.8;margin-bottom:.85rem;}
.docs-su-autogen{display:flex;align-items:center;gap:.65rem;font-size:.83rem;color:var(--docs-muted);}
.docs-su-autogen-spin{display:flex;align-items:center;border:1.5px solid var(--docs-line2);border-radius:7px;background:var(--docs-white);overflow:hidden;}
.docs-su-autogen-val{padding:4px 12px;font-family:"Outfit",sans-serif;font-weight:700;font-size:.84rem;color:var(--docs-navy);}
.docs-su-autogen-arrows{display:flex;flex-direction:column;border-left:1px solid var(--docs-line2);}
.docs-su-autogen-arrows span{font-size:.5rem;padding:1px 5px;color:var(--docs-ghost);display:block;line-height:1.4;}
.docs-su-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;padding:.85rem 1.25rem;border-top:1px solid var(--docs-line);background:var(--docs-off);}
.docs-su-cancel-btn{font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;padding:7px 16px;border-radius:8px;border:1.5px solid var(--docs-line2);color:var(--docs-muted);}
.docs-su-capture-modal-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:7px 16px;border-radius:8px;background:var(--docs-blue);color:#fff;}
.docs-su-capture-modal-btn svg{width:11px;height:11px;}

/* ════════════════════════════════════════
   265. SERIAL UNITS — DPP HEADER
════════════════════════════════════════ */
.docs-su-dpp-hdr{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-su-dpp-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;}
.docs-su-dpp-icon{width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-su-dpp-bc{font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.2rem;}
.docs-su-dpp-sn{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.25rem;color:#fff;margin-bottom:.3rem;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;}
.docs-su-dpp-product{font-size:.78rem;color:rgba(255,255,255,.55);font-family:"JetBrains Mono","Courier New",monospace;}
.docs-su-dpp-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0;flex-wrap:wrap;}
.docs-su-dpp-ship-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:700;padding:7px 13px;border-radius:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;}
.docs-su-dpp-ship-btn svg{width:11px;height:11px;flex-shrink:0;}
.docs-su-dpp-serials-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:700;padding:7px 13px;border-radius:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.75);}
/* WARRANTY badge (post-ship header) */
.docs-su-warranty-badge{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:9px;padding:.45rem .85rem;text-align:center;}
.docs-su-warranty-badge-label{font-family:"Outfit",sans-serif;font-size:.56rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.5);margin-bottom:.12rem;}
.docs-su-warranty-badge-val{font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.3rem;}
.docs-su-warranty-badge-val svg{width:11px;height:11px;flex-shrink:0;}

/* ════════════════════════════════════════
   266. SERIAL UNITS — DPP IDENTITY &
        WARRANTY PANELS
════════════════════════════════════════ */
.docs-su-dpp-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:.65rem 0;}
.docs-su-dpp-panel{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;}
.docs-su-dpp-panel-head{display:flex;align-items:center;gap:.4rem;padding:.65rem 1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);font-family:"Outfit",sans-serif;font-weight:700;font-size:.75rem;color:var(--docs-blue);text-transform:uppercase;letter-spacing:.05em;}
.docs-su-dpp-panel-head svg{width:13px;height:13px;flex-shrink:0;}
.docs-su-dpp-panel-body{display:grid;grid-template-columns:1fr 1fr;padding:.85rem 1rem;gap:.75rem;}
.docs-su-dpp-field-label{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-ghost);margin-bottom:.25rem;}
.docs-su-dpp-field-val{font-size:.84rem;font-weight:500;color:var(--docs-navy);}
.docs-su-dpp-field-val.muted{color:var(--docs-ghost);font-style:italic;font-weight:400;}
.docs-su-dpp-field-val.yes{color:var(--docs-green);font-weight:700;}

/* ════════════════════════════════════════
   267. SERIAL UNITS — PUBLIC PASSPORT
        LABEL & QR CARD
════════════════════════════════════════ */
.docs-su-passport-label-sec{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.65rem 0;}
.docs-su-passport-label-head{display:flex;align-items:center;gap:.4rem;padding:.65rem 1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);font-family:"Outfit",sans-serif;font-weight:700;font-size:.75rem;color:var(--docs-blue);text-transform:uppercase;letter-spacing:.05em;}
.docs-su-passport-label-head svg{width:13px;height:13px;flex-shrink:0;}
.docs-su-passport-label-body{display:grid;grid-template-columns:200px 1fr;gap:1.5rem;padding:1.25rem 1.5rem;align-items:flex-start;}
/* QR card */
.docs-su-qr-card{border:1.5px solid var(--docs-line2);border-radius:10px;padding:.75rem;text-align:center;background:var(--docs-white);}
.docs-su-qr-card-header{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--docs-muted);margin-bottom:.15rem;}
.docs-su-qr-card-product{font-family:"Outfit",sans-serif;font-size:.82rem;font-weight:700;color:var(--docs-navy);margin-bottom:.35rem;}
.docs-su-qr-img{width:100px;height:100px;margin:0 auto .5rem;display:flex;align-items:center;justify-content:center;}
.docs-su-qr-sn{font-family:"JetBrains Mono","Courier New",monospace;font-size:.72rem;font-weight:700;color:var(--docs-navy);margin-bottom:.1rem;}
.docs-su-qr-tagline{font-size:.62rem;color:var(--docs-muted);line-height:1.5;}
.docs-su-qr-warranty-note{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;color:var(--docs-green);margin-top:.3rem;}
/* Label description */
.docs-su-passport-label-desc p{font-size:.84rem;color:var(--docs-body);line-height:1.75;margin-bottom:.75rem;}
.docs-su-passport-url{font-family:"JetBrains Mono","Courier New",monospace;font-size:.7rem;color:var(--docs-blue);display:block;margin-bottom:.85rem;word-break:break-all;}
.docs-su-print-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:8px 16px;border-radius:8px;background:var(--docs-navy);color:#fff;}
.docs-su-print-btn svg{width:12px;height:12px;flex-shrink:0;}

/* ════════════════════════════════════════
   268. SERIAL UNITS — LIFECYCLE HISTORY
════════════════════════════════════════ */
.docs-su-lifecycle-sec{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.65rem 0;}
.docs-su-lifecycle-head{display:flex;align-items:center;gap:.4rem;padding:.65rem 1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);font-family:"Outfit",sans-serif;font-weight:700;font-size:.75rem;color:var(--docs-blue);text-transform:uppercase;letter-spacing:.05em;}
.docs-su-lifecycle-head svg{width:13px;height:13px;flex-shrink:0;}
.docs-su-lifecycle-body{padding:.75rem 1.25rem;}
.docs-su-lc-event{display:flex;align-items:flex-start;gap:.75rem;padding:.55rem 0;border-bottom:1px solid var(--docs-line);}
.docs-su-lc-event:last-child{border-bottom:none;}
.docs-su-lc-dot{width:10px;height:10px;border-radius:50%;background:var(--docs-blue);flex-shrink:0;margin-top:.35rem;}
.docs-su-lc-name{font-size:.84rem;font-weight:600;color:var(--docs-navy);}
.docs-su-lc-meta{font-size:.72rem;color:var(--docs-muted);margin-top:.1rem;font-family:"JetBrains Mono","Courier New",monospace;}

/* ════════════════════════════════════════
   269. SERIAL UNITS — PROVENANCE &
        GENEALOGY
════════════════════════════════════════ */
.docs-su-prov-sec{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.65rem 0;}
.docs-su-prov-head{display:flex;align-items:center;gap:.4rem;padding:.65rem 1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);font-family:"Outfit",sans-serif;font-weight:700;font-size:.75rem;color:var(--docs-blue);text-transform:uppercase;letter-spacing:.05em;}
.docs-su-prov-head svg{width:13px;height:13px;flex-shrink:0;}
.docs-su-prov-grid{display:grid;grid-template-columns:1fr 1fr 1fr;padding:.85rem 1.25rem;gap:1rem;}
.docs-su-prov-col-label{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-ghost);margin-bottom:.25rem;}
.docs-su-prov-col-val{font-size:.84rem;color:var(--docs-ghost);font-style:italic;}

/* ════════════════════════════════════════
   270. SERIAL UNITS — SHIP TO CUSTOMER
        MODAL & RESPONSIVE
════════════════════════════════════════ */
.docs-su-ship-modal{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:14px;overflow:hidden;margin:.85rem 0;box-shadow:0 8px 32px rgba(2,63,104,.1);}
.docs-su-ship-modal-hdr{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--docs-line);}
.docs-su-ship-modal-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:.95rem;color:var(--docs-navy);}
.docs-su-ship-modal-body{padding:1.25rem;}
.docs-su-ship-modal-sub{font-size:.78rem;color:var(--docs-muted);margin-top:.4rem;line-height:1.6;}
.docs-su-ship-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:7px 16px;border-radius:8px;background:var(--docs-blue);color:#fff;}
.docs-su-ship-btn svg{width:11px;height:11px;flex-shrink:0;}
/* Responsive */
@media(max-width:720px){
  .docs-su-dpp-grid{grid-template-columns:1fr;}
  .docs-su-passport-label-body{grid-template-columns:1fr;}
  .docs-su-prov-grid{grid-template-columns:1fr;}
  .docs-su-dpp-panel-body{grid-template-columns:1fr;}
  .docs-su-hdr-right{flex-wrap:wrap;}
  .docs-su-dpp-right{flex-wrap:wrap;}
  .docs-su-list-top{justify-content:flex-start;}
}
@media(max-width:480px){
  .docs-su-header{flex-direction:column;}
  .docs-su-dpp-hdr{flex-direction:column;}
  .docs-su-units-badge{align-self:flex-start;}
}
/* ════════════════════════════════════════
   271. EXPIRY / FEFO — PAGE HEADER
════════════════════════════════════════ */
.docs-ef-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.25rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-ef-hdr-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-ef-hdr-icon{width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-ef-hdr-bc{font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.25rem;}
.docs-ef-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.3rem;color:#fff;}
.docs-ef-hdr-desc{font-size:.71rem;color:rgba(255,255,255,.55);margin-top:.3rem;line-height:1.6;max-width:560px;}
.docs-ef-refresh-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:8px 14px;border-radius:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;flex-shrink:0;align-self:flex-start;}
.docs-ef-refresh-btn svg{width:13px;height:13px;flex-shrink:0;}

/* ════════════════════════════════════════
   272. EXPIRY / FEFO — ALERT BANNER
════════════════════════════════════════ */
.docs-ef-alert{display:flex;align-items:center;gap:.65rem;background:rgba(220,38,38,.06);border:1.5px solid rgba(220,38,38,.22);border-radius:9px;padding:.6rem 1rem;margin:.75rem 0;font-size:.83rem;font-weight:600;color:var(--docs-red);}
.docs-ef-alert svg{width:15px;height:15px;flex-shrink:0;}
.docs-ef-alert-sub{font-weight:400;color:var(--docs-red);opacity:.8;margin-left:.15rem;}

/* ════════════════════════════════════════
   273. EXPIRY / FEFO — STATUS CHIPS &
        DAYS-LEFT COLOURS
════════════════════════════════════════ */
.docs-ef-status-expired{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.69rem;font-weight:700;padding:3px 9px;border-radius:100px;color:var(--docs-red);background:rgba(220,38,38,.08);border:1px solid rgba(220,38,38,.22);}
.docs-ef-status-near{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.69rem;font-weight:700;padding:3px 9px;border-radius:100px;color:var(--docs-amber);background:rgba(217,119,6,.09);border:1px solid rgba(217,119,6,.25);}
.docs-ef-status-ok{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.69rem;font-weight:700;padding:3px 9px;border-radius:100px;color:var(--docs-green);background:rgba(5,150,105,.09);border:1px solid rgba(5,150,105,.22);}
.docs-ef-days-expired{font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;color:var(--docs-red);}
.docs-ef-days-near{font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;color:var(--docs-amber);}
.docs-ef-days-ok{font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;color:var(--docs-green);}

/* ════════════════════════════════════════
   274. EXPIRY / FEFO — REGISTER TABLE
        CONTROLS & FILTER
════════════════════════════════════════ */
.docs-ef-register{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.85rem 0;}
.docs-ef-reg-top{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;border-bottom:1px solid var(--docs-line);flex-wrap:wrap;gap:.5rem;}
.docs-ef-filter{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--docs-body);background:var(--docs-off);border:1.5px solid var(--docs-line2);border-radius:7px;padding:6px 11px;font-weight:500;}
.docs-ef-filter svg{width:10px;height:10px;color:var(--docs-ghost);}
.docs-ef-reg-controls{display:flex;gap:.4rem;flex-wrap:wrap;}
.docs-ef-ctrl-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;padding:5px 10px;border-radius:7px;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-ef-ctrl-btn svg{width:11px;height:11px;}
.docs-ef-search{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--docs-ghost);background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:7px;padding:5px 12px;}
.docs-ef-search svg{width:11px;height:11px;}

/* ════════════════════════════════════════
   275. EXPIRY / FEFO — REGISTER TABLE
        ROWS & CELL STYLES
════════════════════════════════════════ */
.docs-ef-tbl{width:100%;border-collapse:collapse;font-size:.74rem;}
.docs-ef-tbl th{text-align:left;padding:.45rem .85rem;font-family:"Outfit",sans-serif;font-size:.57rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--docs-navy);white-space:nowrap;}
.docs-ef-tbl td{padding:.65rem .85rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-ef-tbl tr:last-child td{border-bottom:none;}
.docs-ef-tbl tr:hover td{background:rgba(217,119,6,.025);}
.docs-ef-product-name{font-weight:600;color:var(--docs-blue);font-family:"Outfit",sans-serif;font-size:.8rem;}
.docs-ef-lot{font-family:"JetBrains Mono","Courier New",monospace;font-size:.67rem;color:var(--docs-muted);margin-top:.1rem;}
.docs-ef-container{font-family:"JetBrains Mono","Courier New",monospace;font-size:.72rem;color:var(--docs-muted);}
.docs-ef-qty{font-weight:700;color:var(--docs-navy);}
.docs-ef-qty-unit{font-size:.68rem;color:var(--docs-muted);}
.docs-ef-wh{font-size:.74rem;color:var(--docs-body);}
.docs-ef-date{font-family:"JetBrains Mono","Courier New",monospace;font-size:.72rem;color:var(--docs-navy);}
.docs-ef-quarantine-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;padding:5px 12px;border-radius:7px;color:var(--docs-blue);background:var(--docs-b08);border:1px solid var(--docs-b15);}
.docs-ef-quarantine-btn svg{width:10px;height:10px;flex-shrink:0;}

/* ════════════════════════════════════════
   276. EXPIRY / FEFO — PAGINATION
════════════════════════════════════════ */
.docs-ef-pagination{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-top:1px solid var(--docs-line);flex-wrap:wrap;gap:.4rem;}
.docs-ef-show{font-size:.72rem;color:var(--docs-muted);display:inline-flex;align-items:center;gap:.4rem;}
.docs-ef-pages{display:flex;align-items:center;gap:.3rem;}
.docs-ef-pg{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-ef-pg.cur{background:var(--docs-navy);color:#fff;border-color:var(--docs-navy);}

/* ════════════════════════════════════════
   277. EXPIRY / FEFO — FEFO LOT STRIP
        DIAGRAM
════════════════════════════════════════ */
.docs-ef-fefo-strip{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;padding:1.1rem 1.35rem;display:flex;align-items:center;gap:0;overflow-x:auto;}
.docs-ef-fefo-lot{flex:1;min-width:90px;text-align:center;padding:.75rem .5rem;border-radius:8px;border:1.5px solid;}
.docs-ef-fefo-lot.used-first {background:rgba(220,38,38,.06);  border-color:rgba(220,38,38,.25);}
.docs-ef-fefo-lot.used-second{background:rgba(217,119,6,.06);   border-color:rgba(217,119,6,.22);}
.docs-ef-fefo-lot.used-last  {background:rgba(5,150,105,.06);   border-color:rgba(5,150,105,.2);}
.docs-ef-fefo-lot-label{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.3rem;}
.docs-ef-fefo-lot.used-first  .docs-ef-fefo-lot-label{color:var(--docs-red);}
.docs-ef-fefo-lot.used-second .docs-ef-fefo-lot-label{color:var(--docs-amber);}
.docs-ef-fefo-lot.used-last   .docs-ef-fefo-lot-label{color:var(--docs-green);}
.docs-ef-fefo-lot-ref{font-family:"JetBrains Mono","Courier New",monospace;font-size:.72rem;font-weight:500;color:var(--docs-navy);margin-bottom:.2rem;}
.docs-ef-fefo-lot-date{font-size:.68rem;color:var(--docs-muted);}
.docs-ef-fefo-arrow{font-size:1.1rem;color:var(--docs-ghost);padding:0 .5rem;flex-shrink:0;}
.docs-ef-fefo-strip-label{font-family:"Outfit",sans-serif;font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-ghost);text-align:center;margin-top:.5rem;display:block;}

/* ════════════════════════════════════════
   278. EXPIRY / FEFO — QUARANTINE
        CONFIRMATION MODAL
════════════════════════════════════════ */
.docs-ef-modal{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:16px;overflow:hidden;margin:.85rem 0;box-shadow:0 8px 32px rgba(2,63,104,.1);max-width:460px;}
.docs-ef-modal-body{padding:2rem 1.75rem 1.5rem;text-align:center;}
.docs-ef-modal-icon{width:56px;height:56px;border-radius:50%;background:rgba(217,119,6,.12);border:2px solid rgba(217,119,6,.28);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;}
.docs-ef-modal-icon svg{width:22px;height:22px;color:var(--docs-amber);}
.docs-ef-modal-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.15rem;color:var(--docs-navy);margin-bottom:.75rem;}
.docs-ef-modal-text{font-size:.88rem;color:var(--docs-body);line-height:1.72;}
.docs-ef-modal-footer{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.75rem 1.5rem;border-top:1px solid var(--docs-line);}
.docs-ef-modal-quarantine-btn{font-family:"Outfit",sans-serif;font-size:.82rem;font-weight:700;padding:9px 22px;border-radius:9px;background:var(--docs-red);color:#fff;}
.docs-ef-modal-cancel-btn{font-family:"Outfit",sans-serif;font-size:.82rem;font-weight:600;padding:9px 22px;border-radius:9px;background:#6b7280;color:#fff;}

/* ════════════════════════════════════════
   279. EXPIRY / FEFO — CALLOUT VARIANTS
        (danger type, already uses base
        docs-callout rules; only extras
        needed for amber/danger palette)
════════════════════════════════════════ */
.docs-callout.danger{background:rgba(220,38,38,.06);border-color:rgba(220,38,38,.2);}
.docs-callout.danger .docs-callout-icon{background:var(--docs-red);}
.docs-callout.danger .docs-callout-label{color:var(--docs-red);}
.docs-callout.danger .docs-callout-body>p{color:#7f1d1d;}

/* ════════════════════════════════════════
   280. EXPIRY / FEFO — RESPONSIVE
════════════════════════════════════════ */
@media(max-width:720px){
  .docs-ef-fefo-strip{flex-direction:column;align-items:stretch;gap:.5rem;}
  .docs-ef-fefo-arrow{transform:rotate(90deg);text-align:center;padding:.25rem 0;}
  .docs-ef-fefo-lot{min-width:unset;}
  .docs-ef-header{flex-direction:column;}
  .docs-ef-refresh-btn{align-self:flex-start;}
  .docs-ef-reg-top{flex-direction:column;align-items:flex-start;}
  .docs-ef-reg-controls{flex-wrap:wrap;}
  .docs-ef-modal{max-width:100%;}
  .docs-ef-modal-footer{flex-direction:column;}
  .docs-ef-modal-quarantine-btn,.docs-ef-modal-cancel-btn{width:100%;text-align:center;}
}
@media(max-width:480px){
  .docs-ef-tbl th,.docs-ef-tbl td{padding:.45rem .55rem;}
}
/* ════════════════════════════════════════
   281. SCAN/PRINT — PAGE HEADER
════════════════════════════════════════ */
.docs-sp-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.25rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-sp-hdr-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-sp-hdr-icon{width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-sp-hdr-bc{font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.25rem;}
.docs-sp-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.3rem;color:#fff;}
.docs-sp-hdr-desc{font-size:.71rem;color:rgba(255,255,255,.55);margin-top:.3rem;line-height:1.6;}
.docs-sp-hdr-right{display:flex;gap:.5rem;flex-shrink:0;align-self:flex-start;flex-wrap:wrap;}
.docs-sp-hdr-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:700;padding:7px 13px;border-radius:8px;}
.docs-sp-hdr-btn.outline{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;}
.docs-sp-hdr-btn.primary{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);color:#fff;}
.docs-sp-hdr-btn svg{width:12px;height:12px;flex-shrink:0;}

/* ════════════════════════════════════════
   282. SCAN/PRINT — CONTAINER TYPE CARDS
        & COMPARISON GRID
════════════════════════════════════════ */
.docs-bc-type-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem;margin:1rem 0;}
.docs-bc-type-card{border-radius:12px;border:1.5px solid;padding:1rem 1.1rem;}
.docs-bc-type-card.product {background:var(--docs-b08);            border-color:var(--docs-b15);}
.docs-bc-type-card.location{background:rgba(5,150,105,.07);         border-color:rgba(5,150,105,.2);}
.docs-bc-type-card.storage {background:rgba(217,119,6,.07);          border-color:rgba(217,119,6,.2);}
.docs-bc-type-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:.6rem;}
.docs-bc-type-card.product  .docs-bc-type-icon{background:var(--docs-blue);}
.docs-bc-type-card.location .docs-bc-type-icon{background:var(--docs-green);}
.docs-bc-type-card.storage  .docs-bc-type-icon{background:var(--docs-amber);}
.docs-bc-type-icon svg{width:16px;height:16px;}
.docs-bc-type-name{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;color:var(--docs-navy);margin-bottom:.3rem;}
.docs-bc-type-desc{font-size:.75rem;color:var(--docs-muted);line-height:1.6;margin-bottom:.6rem;}
.docs-bc-type-actions{font-size:.72rem;color:var(--docs-body);}
.docs-bc-type-actions strong{color:var(--docs-navy);display:block;font-size:.63rem;font-family:"Outfit",sans-serif;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.2rem;}

/* ════════════════════════════════════════
   283. SCAN/PRINT — APP TABS
════════════════════════════════════════ */
.docs-sp-tabs{display:flex;border-bottom:1.5px solid var(--docs-line);margin:.5rem 0 1rem;}
.docs-sp-tab{font-family:"Outfit",sans-serif;font-size:.83rem;font-weight:600;padding:.55rem 1rem .45rem;color:var(--docs-muted);border-bottom:2px solid transparent;margin-bottom:-1.5px;}
.docs-sp-tab.active{color:var(--docs-blue);border-color:var(--docs-blue);}

/* ════════════════════════════════════════
   284. SCAN/PRINT — BARCODE LIST TABLE
════════════════════════════════════════ */
.docs-sp-list{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.85rem 0;}
.docs-sp-list-top{display:flex;align-items:center;justify-content:flex-end;padding:.65rem 1rem;border-bottom:1px solid var(--docs-line);gap:.4rem;flex-wrap:wrap;}
.docs-sp-ctrl-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;padding:5px 10px;border-radius:7px;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-sp-ctrl-btn svg{width:11px;height:11px;}
.docs-sp-search{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;color:var(--docs-ghost);background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:7px;padding:5px 12px;}
.docs-sp-search svg{width:11px;height:11px;}
.docs-sp-tbl{width:100%;border-collapse:collapse;font-size:.7rem;}
.docs-sp-tbl th{text-align:left;padding:.42rem .75rem;font-family:"Outfit",sans-serif;font-size:.54rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--docs-navy);white-space:nowrap;}
.docs-sp-tbl td{padding:.55rem .75rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-sp-tbl tr:last-child td{border-bottom:none;}
.docs-sp-barcode-id{font-family:"JetBrains Mono","Courier New",monospace;font-size:.62rem;color:var(--docs-blue);}
.docs-sp-item-name{font-weight:500;color:var(--docs-navy);}
.docs-sp-wh-none{font-size:.7rem;color:var(--docs-ghost);font-style:italic;}
.docs-sp-wh-name{font-size:.72rem;color:var(--docs-body);}
.docs-sp-ctype{display:inline-flex;align-items:center;gap:.25rem;font-family:"Outfit",sans-serif;font-size:.63rem;font-weight:700;padding:2px 7px;border-radius:100px;}
.docs-sp-ctype.product {color:var(--docs-blue); background:var(--docs-b08);           border:1px solid var(--docs-b15);}
.docs-sp-ctype.location{color:var(--docs-green);background:rgba(5,150,105,.09);        border:1px solid rgba(5,150,105,.2);}
.docs-sp-ctype.storage {color:var(--docs-amber);background:rgba(217,119,6,.09);         border:1px solid rgba(217,119,6,.22);}
.docs-sp-qty{font-weight:700;color:var(--docs-navy);}
.docs-sp-tracked{font-size:.65rem;color:var(--docs-muted);}
.docs-sp-num-badge{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;padding:2px 7px;border-radius:4px;background:rgba(217,119,6,.12);border:1px solid rgba(217,119,6,.3);color:var(--docs-amber);}
.docs-sp-notfound{font-size:.68rem;color:var(--docs-ghost);font-style:italic;}
.docs-sp-view-btn{display:inline-flex;align-items:center;gap:.25rem;font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:600;padding:4px 10px;border-radius:6px;color:var(--docs-blue);background:var(--docs-b08);border:1px solid var(--docs-b15);}
.docs-sp-pagination{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;border-top:1px solid var(--docs-line);flex-wrap:wrap;gap:.35rem;}
.docs-sp-show{font-size:.72rem;color:var(--docs-muted);}
.docs-sp-pages{display:flex;gap:.3rem;}
.docs-sp-pg{width:24px;height:24px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:700;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-sp-pg.cur{background:var(--docs-navy);color:#fff;border-color:var(--docs-navy);}

/* ════════════════════════════════════════
   285. SCAN/PRINT — SCAN BARCODE TAB
════════════════════════════════════════ */
.docs-sp-scan-box{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;padding:2.5rem 1.5rem;margin:.85rem 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.25rem;}
.docs-sp-scan-btns{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;}
.docs-sp-btn-cam,.docs-sp-btn-scan{font-family:"Outfit",sans-serif;font-weight:700;font-size:.88rem;padding:11px 28px;border-radius:8px;background:var(--docs-blue);color:#fff;}
.docs-sp-manual{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;justify-content:center;}
.docs-sp-manual-label{font-size:.84rem;color:var(--docs-muted);}
.docs-sp-manual-input{border:1.5px solid var(--docs-line2);border-radius:7px;padding:8px 14px;font-size:.83rem;color:var(--docs-ghost);background:var(--docs-white);min-width:200px;}
.docs-sp-submit-btn{font-family:"Outfit",sans-serif;font-weight:700;font-size:.83rem;padding:9px 20px;border-radius:8px;background:#16a34a;color:#fff;}

/* ════════════════════════════════════════
   286. SCAN/PRINT — PRINT BARCODE TYPE
        SELECTOR & TYPE CARDS
════════════════════════════════════════ */
.docs-sp-print-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.1rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;flex-wrap:wrap;}
.docs-sp-print-hdr-left{display:flex;align-items:flex-start;gap:.85rem;}
.docs-sp-print-hdr-icon{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-sp-print-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.15rem;color:#fff;}
.docs-sp-print-hdr-desc{font-size:.7rem;color:rgba(255,255,255,.55);margin-top:.2rem;}
.docs-sp-print-info{display:flex;align-items:flex-start;gap:.6rem;background:var(--docs-b08);border:1px solid var(--docs-b15);border-radius:9px;padding:.7rem 1rem;margin:.75rem 0;font-size:.82rem;color:var(--docs-navy);line-height:1.65;}
.docs-sp-print-info svg{width:14px;height:14px;flex-shrink:0;margin-top:1px;}
.docs-sp-type-label{font-family:"Outfit",sans-serif;font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--docs-muted);margin:.75rem 0 .5rem;display:block;}
.docs-sp-type-cards{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:.85rem;}
.docs-sp-type-card{background:var(--docs-white);border:1.5px solid var(--docs-line);border-radius:12px;padding:1.5rem 1.25rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.6rem;}
.docs-sp-type-card-icon{width:56px;height:56px;border-radius:50%;background:var(--docs-b08);display:flex;align-items:center;justify-content:center;margin-bottom:.3rem;}
.docs-sp-type-card-icon svg{width:26px;height:26px;}
.docs-sp-type-card-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:1rem;color:var(--docs-navy);}
.docs-sp-type-card-desc{font-size:.79rem;color:var(--docs-muted);line-height:1.65;}
.docs-sp-create-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:7px 16px;border-radius:100px;border:1.5px solid var(--docs-line2);color:var(--docs-navy);}

/* ════════════════════════════════════════
   287. SCAN/PRINT — CREATE BARCODE FORMS
════════════════════════════════════════ */
.docs-sp-form-section{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.85rem 0;}
.docs-sp-form-sec-head{display:flex;align-items:flex-start;gap:.65rem;padding:.8rem 1.1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);}
.docs-sp-form-sec-head svg{width:12px;height:12px;color:var(--docs-blue);flex-shrink:0;margin-top:2px;}
.docs-sp-form-sec-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.78rem;color:var(--docs-blue);text-transform:uppercase;letter-spacing:.05em;}
.docs-sp-form-sec-sub{font-size:.73rem;color:var(--docs-muted);margin-top:.1rem;}
.docs-sp-product-tbl{width:100%;border-collapse:collapse;font-size:.75rem;}
.docs-sp-product-tbl th{text-align:left;padding:.42rem .85rem;font-family:"Outfit",sans-serif;font-size:.55rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--docs-navy);}
.docs-sp-product-tbl td{padding:.55rem .85rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-sp-product-tbl tr:last-child td{border-bottom:none;}
.docs-sp-product-name{font-weight:600;color:var(--docs-navy);font-family:"Outfit",sans-serif;}
.docs-sp-pid{font-family:"JetBrains Mono","Courier New",monospace;font-size:.7rem;color:var(--docs-muted);}
.docs-sp-active{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;padding:2px 7px;border-radius:100px;color:var(--docs-green);background:rgba(5,150,105,.09);border:1px solid rgba(5,150,105,.2);}
.docs-sp-item-type{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:600;padding:2px 7px;border-radius:100px;}
.docs-sp-item-type.item    {color:var(--docs-blue);  background:var(--docs-b08);           border:1px solid var(--docs-b15);}
.docs-sp-item-type.assembly{color:var(--docs-purple);background:rgba(124,58,237,.08);       border:1px solid rgba(124,58,237,.18);}
.docs-sp-config{padding:1.1rem 1.25rem;}
.docs-sp-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:.85rem;}
.docs-sp-config-field label{font-family:"Outfit",sans-serif;font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-muted);display:block;margin-bottom:.35rem;}
.docs-sp-config-input{border:1.5px solid var(--docs-line2);border-radius:8px;padding:.5rem .85rem;font-size:.83rem;color:var(--docs-ghost);background:var(--docs-white);width:100%;}
.docs-sp-toggle-row{display:flex;align-items:center;gap:.65rem;font-size:.83rem;color:var(--docs-muted);}
.docs-sp-toggle{width:38px;height:22px;border-radius:100px;background:var(--docs-green);position:relative;flex-shrink:0;}
.docs-sp-toggle::after{content:"";width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;top:3px;right:3px;}
.docs-sp-form-footer{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;border-top:1px solid var(--docs-line);background:var(--docs-off);flex-wrap:wrap;gap:.5rem;}
.docs-sp-footer-hint{display:flex;align-items:center;gap:.4rem;font-size:.77rem;color:var(--docs-muted);}
.docs-sp-footer-hint svg{width:12px;height:12px;color:var(--docs-ghost);}
.docs-sp-goback-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;padding:7px 14px;border-radius:8px;border:1.5px solid var(--docs-line2);color:var(--docs-muted);}
.docs-sp-submit-green{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:7px 16px;border-radius:8px;background:#16a34a;color:#fff;}

/* ════════════════════════════════════════
   288. SCAN/PRINT — BARCODE DETAIL HEADER
        TABS & BADGES
════════════════════════════════════════ */
.docs-sp-detail-hdr{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1rem 1.5rem;margin:1rem 0;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-sp-detail-hdr-left{display:flex;align-items:center;gap:.85rem;}
.docs-sp-detail-hdr-icon{width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-sp-detail-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.2rem;color:#fff;}
.docs-sp-detail-id{font-family:"JetBrains Mono","Courier New",monospace;font-size:.68rem;color:rgba(255,255,255,.5);margin-top:.2rem;}
.docs-sp-detail-badge{font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;padding:4px 12px;border-radius:100px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);color:#fff;}
.docs-sp-detail-badge.location{background:rgba(5,150,105,.2);border-color:rgba(5,150,105,.35);color:#fff;}
.docs-sp-dtabs{display:flex;border-bottom:1.5px solid var(--docs-line);margin:.5rem 0 1rem;}
.docs-sp-dtab{font-family:"Outfit",sans-serif;font-size:.82rem;font-weight:600;padding:.55rem 1rem .45rem;color:var(--docs-muted);border-bottom:2px solid transparent;margin-bottom:-1.5px;}
.docs-sp-dtab.active{color:var(--docs-blue);border-color:var(--docs-blue);}

/* ════════════════════════════════════════
   289. SCAN/PRINT — DETAIL LAYOUT: PANELS
        FIELDS, QR, GENEALOGY, INFO BAR
════════════════════════════════════════ */
.docs-sp-detail-layout{display:grid;grid-template-columns:1fr 220px;gap:.85rem;margin:.5rem 0;}
.docs-sp-detail-panel,.docs-sp-qr-panel{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;}
.docs-sp-panel-head{font-family:"Outfit",sans-serif;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-blue);display:flex;align-items:center;gap:.4rem;padding:.6rem 1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);}
.docs-sp-panel-head svg{width:12px;height:12px;flex-shrink:0;}
.docs-sp-detail-fields{display:grid;grid-template-columns:repeat(4,1fr);padding:.85rem 1rem;gap:.75rem;}
.docs-sp-field label{font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-ghost);display:block;margin-bottom:.2rem;}
.docs-sp-field-val{font-size:.81rem;font-weight:500;color:var(--docs-navy);}
.docs-sp-field-val.muted{color:var(--docs-ghost);font-style:italic;font-weight:400;}
.docs-sp-qr-inner{padding:1rem;text-align:center;}
.docs-sp-qr-img{width:110px;height:110px;margin:0 auto .5rem;display:flex;align-items:center;justify-content:center;}
.docs-sp-qr-id{font-family:"JetBrains Mono","Courier New",monospace;font-size:.58rem;color:var(--docs-muted);word-break:break-all;text-align:center;}
.docs-sp-info-bar{background:rgba(217,119,6,.06);border:1px solid rgba(217,119,6,.2);border-radius:8px;padding:.6rem 1rem;font-size:.8rem;color:var(--docs-amber);display:flex;align-items:center;gap:.5rem;margin:.5rem 0;line-height:1.6;}
.docs-sp-info-bar svg{width:13px;height:13px;flex-shrink:0;}
/* Genealogy */
.docs-sp-gene-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:.5rem 0;}
.docs-sp-gene-panel{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;}
.docs-sp-gene-head{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-blue);padding:.55rem 1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);display:flex;align-items:center;gap:.3rem;}
.docs-sp-gene-head svg{width:12px;height:12px;flex-shrink:0;}
.docs-sp-gene-empty{font-size:.78rem;color:var(--docs-ghost);padding:.65rem 1rem;font-style:italic;}

/* ════════════════════════════════════════
   290. SCAN/PRINT — CONTAINER DATA TABLE
        & DETAIL FOOTER
════════════════════════════════════════ */
.docs-sp-container-sec{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.5rem 0;}
.docs-sp-container-head{font-family:"Outfit",sans-serif;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-blue);display:flex;align-items:center;gap:.4rem;padding:.6rem 1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);}
.docs-sp-container-head svg{width:12px;height:12px;flex-shrink:0;}
.docs-sp-ctbl{width:100%;border-collapse:collapse;font-size:.72rem;}
.docs-sp-ctbl th{text-align:left;padding:.4rem .75rem;font-family:"Outfit",sans-serif;font-size:.52rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--docs-navy);white-space:nowrap;}
.docs-sp-ctbl td{padding:.5rem .75rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-sp-ctbl tr:last-child td{border-bottom:none;}
.docs-sp-detail-footer{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--docs-off);border:1px solid var(--docs-line);border-radius:10px;margin:.65rem 0;flex-wrap:wrap;gap:.5rem;}
.docs-sp-exit-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;color:var(--docs-muted);border:1.5px solid var(--docs-line2);padding:7px 12px;border-radius:8px;}
.docs-sp-footer-actions{display:flex;gap:.4rem;flex-wrap:wrap;}
.docs-sp-action-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:700;padding:7px 12px;border-radius:8px;border:1.5px solid var(--docs-line2);color:var(--docs-muted);}
.docs-sp-action-btn.primary{background:var(--docs-navy);color:#fff;border-color:var(--docs-navy);}

/* ════════════════════════════════════════
   291. SCAN/PRINT — HISTORY TAB
════════════════════════════════════════ */
.docs-sp-history-section{margin:.85rem 0;}
.docs-sp-history-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;color:var(--docs-navy);display:flex;align-items:center;gap:.45rem;margin-bottom:.5rem;}
.docs-sp-history-title::before{content:"";display:block;width:28px;height:2px;background:var(--docs-blue);}

/* ════════════════════════════════════════
   292. SCAN/PRINT — ALLOCATIONS TAB
════════════════════════════════════════ */
.docs-sp-alloc-section{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.65rem 0;}
.docs-sp-alloc-head{display:flex;align-items:flex-start;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);}
.docs-sp-alloc-head-left{font-family:"Outfit",sans-serif;font-weight:700;font-size:.75rem;color:var(--docs-blue);text-transform:uppercase;letter-spacing:.05em;}
.docs-sp-alloc-sub{font-size:.7rem;color:var(--docs-muted);margin-top:.1rem;font-weight:400;text-transform:none;letter-spacing:0;}
.docs-sp-alloc-btn{display:inline-flex;align-items:center;gap:.25rem;font-family:"Outfit",sans-serif;font-size:.73rem;font-weight:700;padding:5px 11px;border-radius:7px;color:var(--docs-blue);background:var(--docs-b08);border:1px solid var(--docs-b15);}
.docs-sp-stock-summary{display:grid;grid-template-columns:1fr 1fr 1fr;padding:.85rem 1.25rem;gap:.5rem;}
.docs-sp-stock-col label{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-ghost);display:block;margin-bottom:.25rem;}
.docs-sp-stock-val{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.4rem;}
.docs-sp-stock-val.neg {color:var(--docs-red);}
.docs-sp-stock-val.zero{color:var(--docs-amber);}
.docs-sp-alloc-empty{padding:1.5rem 1rem;text-align:center;font-size:.8rem;color:var(--docs-ghost);}

/* ════════════════════════════════════════
   293. SCAN/PRINT — MOVE ITEMS PAGE
        & MOVE CONTAINER MODAL
════════════════════════════════════════ */
.docs-sp-move-page{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.85rem 0;}
.docs-sp-move-page-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:1.05rem;color:var(--docs-navy);padding:.85rem 1.25rem;border-bottom:1.5px solid var(--docs-navy);}
.docs-sp-current-details{padding:.85rem 1.25rem;border-bottom:1px solid var(--docs-line);}
.docs-sp-current-title{font-family:"Outfit",sans-serif;font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-blue);display:flex;align-items:center;gap:.4rem;margin-bottom:.75rem;}
.docs-sp-current-title::before{content:"";display:block;width:20px;height:2px;background:var(--docs-blue);}
.docs-sp-element-name{font-family:"Outfit",sans-serif;font-weight:800;font-size:1.15rem;color:var(--docs-navy);text-align:center;margin-bottom:1rem;}
.docs-sp-current-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;max-width:380px;margin:0 auto;}
.docs-sp-curr-field{font-size:.81rem;color:var(--docs-body);}
.docs-sp-curr-field span:first-child{color:var(--docs-blue);font-weight:600;margin-right:.3rem;}
.docs-sp-move-options{padding:.85rem 1.25rem;border-bottom:1px solid var(--docs-line);}
.docs-sp-move-opts-title{font-family:"Outfit",sans-serif;font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-blue);display:flex;align-items:center;gap:.4rem;margin-bottom:.65rem;}
.docs-sp-move-opts-title::before{content:"";display:block;width:20px;height:2px;background:var(--docs-blue);}
.docs-sp-radio-group{display:flex;gap:1.5rem;flex-wrap:wrap;}
.docs-sp-radio{display:flex;align-items:center;gap:.45rem;font-size:.84rem;color:var(--docs-body);}
.docs-sp-radio-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--docs-line2);flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.docs-sp-radio-dot.selected{border-color:var(--docs-blue);background:var(--docs-blue);}
.docs-sp-radio-dot.selected::after{content:"";width:6px;height:6px;border-radius:50%;background:#fff;}
.docs-sp-location-sec{padding:.85rem 1.25rem;border-bottom:1px solid var(--docs-line);}
.docs-sp-location-title{font-family:"Outfit",sans-serif;font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-blue);display:flex;align-items:center;gap:.4rem;margin-bottom:.75rem;}
.docs-sp-location-title::before{content:"";display:block;width:20px;height:2px;background:var(--docs-blue);}
.docs-sp-location-btns{display:flex;gap:.65rem;flex-wrap:wrap;}
.docs-sp-loc-btn{font-family:"Outfit",sans-serif;font-weight:700;font-size:.8rem;padding:10px 18px;border-radius:8px;background:var(--docs-blue);color:#fff;}
.docs-sp-move-footer{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:var(--docs-off);}
.docs-sp-cancel-btn{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;padding:9px 20px;border-radius:8px;background:var(--docs-red);color:#fff;}
/* Move Container modal */
.docs-sp-move-modal{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:14px;overflow:hidden;margin:.85rem 0;box-shadow:0 8px 32px rgba(2,63,104,.1);}
.docs-sp-move-modal-hdr{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;border-bottom:1px solid var(--docs-line);}
.docs-sp-move-modal-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:.95rem;color:var(--docs-navy);}
.docs-sp-move-grid{display:grid;grid-template-columns:1fr 40px 1fr;gap:.5rem;padding:1.25rem;align-items:center;}
.docs-sp-move-side{display:flex;flex-direction:column;gap:.4rem;}
.docs-sp-move-kv{font-size:.81rem;color:var(--docs-body);}
.docs-sp-move-kv span:first-child{color:var(--docs-blue);font-weight:600;margin-right:.3rem;}
.docs-sp-move-arrow{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--docs-line2);display:flex;align-items:center;justify-content:center;margin:0 auto;}
.docs-sp-move-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;border-top:1px solid var(--docs-line);}
.docs-sp-move-cancel {font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;padding:9px 20px;border-radius:8px;background:var(--docs-red);color:#fff;}
.docs-sp-move-confirm{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;padding:9px 20px;border-radius:8px;background:#16a34a;color:#fff;}

/* ════════════════════════════════════════
   294. SCAN/PRINT — SPLIT CONTENT EXTRAS
        & MOVE CONTENTS OVERLAY
════════════════════════════════════════ */
.docs-sp-split-extras{padding:.75rem 1.25rem;border-top:1px solid var(--docs-line);}
.docs-sp-split-check{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--docs-body);margin-bottom:.75rem;}
.docs-sp-split-qty label{font-family:"Outfit",sans-serif;font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-muted);display:block;margin-bottom:.35rem;}
.docs-sp-split-qty-input{border:1.5px solid var(--docs-line2);border-radius:8px;padding:.55rem .9rem;font-size:.83rem;color:var(--docs-ghost);background:var(--docs-white);width:100%;}
/* Move Contents overlay */
.docs-sp-mc-overlay{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:14px;overflow:hidden;margin:.85rem 0;box-shadow:0 8px 32px rgba(2,63,104,.1);}
.docs-sp-mc-hdr{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;border-bottom:1px solid var(--docs-line);}
.docs-sp-mc-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:1rem;color:var(--docs-navy);}
.docs-sp-mc-close{font-size:.78rem;color:var(--docs-red);font-weight:700;}
.docs-sp-mc-dest{padding:.85rem 1.25rem;border-top:1px solid var(--docs-line);}
.docs-sp-mc-dest-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.9rem;color:var(--docs-navy);display:flex;align-items:center;gap:.45rem;margin-bottom:.65rem;}
.docs-sp-mc-dest-title::after{content:"";display:block;height:2px;background:var(--docs-blue);flex:1;}
.docs-sp-mc-kv{font-size:.82rem;color:var(--docs-body);margin-bottom:.35rem;}
.docs-sp-mc-kv span:first-child{color:var(--docs-blue);font-weight:600;margin-right:.35rem;}
.docs-sp-mc-footer{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;padding:.85rem 1.25rem;border-top:1px solid var(--docs-line);}
.docs-sp-scan-src-btn{font-family:"Outfit",sans-serif;font-weight:600;font-size:.8rem;padding:8px 16px;border-radius:8px;border:1.5px solid var(--docs-b15);color:var(--docs-blue);}
.docs-sp-mc-move-btn{font-family:"Outfit",sans-serif;font-weight:700;font-size:.8rem;padding:8px 16px;border-radius:8px;background:#16a34a;color:#fff;}

/* ════════════════════════════════════════
   295. SCAN/PRINT — RESPONSIVE
════════════════════════════════════════ */
@media(max-width:820px){
  .docs-bc-type-grid{grid-template-columns:1fr;}
  .docs-sp-detail-layout{grid-template-columns:1fr;}
  .docs-sp-detail-fields{grid-template-columns:1fr 1fr;}
  .docs-sp-type-cards,.docs-sp-config-grid,.docs-next-grid{grid-template-columns:1fr;}
  .docs-sp-gene-grid{grid-template-columns:1fr;}
  .docs-sp-move-grid{grid-template-columns:1fr;}
  .docs-sp-move-arrow{transform:rotate(90deg);}
  .docs-sp-current-fields{grid-template-columns:1fr;}
  .docs-sp-hdr-right{flex-wrap:wrap;}
  .docs-sp-header{flex-direction:column;}
}
@media(max-width:540px){
  .docs-sp-detail-fields{grid-template-columns:1fr;}
  .docs-sp-stock-summary{grid-template-columns:1fr;}
  .docs-sp-location-btns{flex-direction:column;}
  .docs-sp-scan-btns{flex-direction:column;width:100%;}
  .docs-sp-btn-cam,.docs-sp-btn-scan{width:100%;text-align:center;}
  .docs-sp-manual{flex-direction:column;align-items:stretch;}
  .docs-sp-manual-input{min-width:unset;width:100%;}
}

/* ════════════════════════════════════════
   296. SHIPPERS — PAGE HEADER
════════════════════════════════════════ */
.docs-sh-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.25rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-sh-hdr-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-sh-hdr-icon{width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-sh-hdr-bc{font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.25rem;}
.docs-sh-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.3rem;color:#fff;}
.docs-sh-hdr-desc{font-size:.71rem;color:rgba(255,255,255,.55);margin-top:.3rem;line-height:1.6;}
.docs-sh-add-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:8px 14px;border-radius:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;flex-shrink:0;align-self:flex-start;}

/* ════════════════════════════════════════
   297. SHIPPERS — LIST TABLE
════════════════════════════════════════ */
.docs-sh-list{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.85rem 0;}
.docs-sh-list-top{display:flex;align-items:center;justify-content:flex-end;padding:.65rem 1rem;border-bottom:1px solid var(--docs-line);gap:.4rem;flex-wrap:wrap;}
.docs-sh-ctrl-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;padding:5px 10px;border-radius:7px;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-sh-ctrl-btn svg{width:11px;height:11px;}
.docs-sh-search{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;color:var(--docs-ghost);background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:7px;padding:5px 12px;}
.docs-sh-search svg{width:11px;height:11px;}
.docs-sh-tbl{width:100%;border-collapse:collapse;font-size:.78rem;}
.docs-sh-tbl th{text-align:left;padding:.45rem .9rem;font-family:"Outfit",sans-serif;font-size:.57rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--docs-navy);white-space:nowrap;}
.docs-sh-tbl td{padding:.65rem .9rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-sh-tbl tr:last-child td{border-bottom:none;}
.docs-sh-name{font-weight:700;color:var(--docs-navy);font-size:.88rem;display:block;}
.docs-sh-link{font-size:.72rem;color:var(--docs-blue);display:block;margin-top:.1rem;}
.docs-sh-dash{color:var(--docs-ghost);}
.docs-sh-btype{font-size:.75rem;color:var(--docs-muted);}
.docs-sh-view-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;padding:5px 12px;border-radius:7px;color:var(--docs-blue);background:var(--docs-b08);border:1px solid var(--docs-b15);}
.docs-sh-pagination{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-top:1px solid var(--docs-line);flex-wrap:wrap;gap:.35rem;}
.docs-sh-show{font-size:.72rem;color:var(--docs-muted);display:flex;align-items:center;gap:.35rem;}
.docs-sh-pages{display:flex;gap:.3rem;}
.docs-sh-pg{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-sh-pg.cur{background:var(--docs-navy);color:#fff;border-color:var(--docs-navy);}

/* ════════════════════════════════════════
   298. SHIPPERS — ADD / EDIT FORM HEADER
════════════════════════════════════════ */
.docs-sh-form-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-sh-form-hdr-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-sh-form-hdr-icon{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-sh-form-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.15rem;color:#fff;}
.docs-sh-form-hdr-desc{font-size:.7rem;color:rgba(255,255,255,.55);margin-top:.2rem;line-height:1.55;}
.docs-sh-back-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:600;padding:6px 12px;border-radius:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;flex-shrink:0;align-self:flex-start;}

/* ════════════════════════════════════════
   299. SHIPPERS — FORM SECTION PANELS
        & FIELD STYLES
════════════════════════════════════════ */
.docs-sh-form-sec{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.75rem 0;}
.docs-sh-sec-head{display:flex;align-items:flex-start;gap:.65rem;padding:.8rem 1.25rem;border-bottom:1px solid var(--docs-line);}
.docs-sh-sec-head svg{width:14px;height:14px;color:var(--docs-blue);flex-shrink:0;margin-top:1px;}
.docs-sh-sec-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.75rem;color:var(--docs-blue);text-transform:uppercase;letter-spacing:.06em;}
.docs-sh-sec-sub{font-size:.72rem;color:var(--docs-muted);margin-top:.1rem;}
.docs-sh-form-body{padding:1.1rem 1.25rem;}
.docs-sh-field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.85rem;}
.docs-sh-field:last-child{margin-bottom:0;}
.docs-sh-label{font-family:"Outfit",sans-serif;font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-muted);}
.docs-sh-label sup{color:var(--docs-red);}
.docs-sh-label-note{font-family:"DM Sans",sans-serif;font-weight:400;font-size:.63rem;color:var(--docs-ghost);text-transform:none;letter-spacing:0;margin-left:.35rem;}
.docs-sh-input{border:1.5px solid var(--docs-line2);border-radius:8px;padding:.5rem .9rem;font-size:.85rem;color:var(--docs-ghost);font-style:italic;font-family:"DM Sans",sans-serif;background:var(--docs-white);}
.docs-sh-grid2{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;}
.docs-sh-grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.85rem;}
.docs-sh-form-info{display:flex;align-items:flex-start;gap:.5rem;font-size:.8rem;color:var(--docs-muted);margin-bottom:.65rem;line-height:1.65;}
.docs-sh-form-info svg{width:13px;height:13px;color:var(--docs-ghost);flex-shrink:0;margin-top:2px;}
.docs-sh-add-contact{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:7px 14px;border-radius:8px;border:1.5px dashed var(--docs-line2);color:var(--docs-muted);margin-top:.35rem;}

/* ════════════════════════════════════════
   300. SHIPPERS — CONTACT PERSON CARD
════════════════════════════════════════ */
.docs-sh-contact-card{border:1.5px solid var(--docs-line2);border-radius:10px;overflow:hidden;margin-top:.85rem;}
.docs-sh-contact-card-head{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:var(--docs-off);border-bottom:1px solid var(--docs-line);}
.docs-sh-contact-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.75rem;color:var(--docs-blue);display:flex;align-items:center;gap:.4rem;text-transform:uppercase;letter-spacing:.05em;}
.docs-sh-contact-title svg{width:13px;height:13px;flex-shrink:0;}
.docs-sh-remove-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:6px;color:var(--docs-red);border:1px solid rgba(220,38,38,.25);background:rgba(220,38,38,.06);}
.docs-sh-contact-body{padding:.85rem 1rem;}
.docs-sh-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;}
.docs-sh-contact-field label{font-family:"Outfit",sans-serif;font-size:.57rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-ghost);display:block;margin-bottom:.25rem;}
.docs-sh-contact-val{font-size:.81rem;color:var(--docs-ghost);font-style:italic;}

/* ════════════════════════════════════════
   301. SHIPPERS — FORM FOOTER
════════════════════════════════════════ */
.docs-sh-form-footer{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.25rem;background:var(--docs-off);border:1px solid var(--docs-line);border-radius:10px;margin:.65rem 0;flex-wrap:wrap;gap:.5rem;}
.docs-sh-footer-hint{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--docs-muted);}
.docs-sh-footer-hint svg{width:12px;height:12px;color:var(--docs-ghost);flex-shrink:0;}
.docs-sh-goback-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;padding:7px 14px;border-radius:8px;border:1.5px solid var(--docs-line2);color:var(--docs-muted);}
.docs-sh-submit-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:7px 18px;border-radius:8px;background:#16a34a;color:#fff;}

/* ════════════════════════════════════════
   302. SHIPPERS — DETAIL RECORD WRAPPER,
        TITLE & TAB
════════════════════════════════════════ */
.docs-sh-detail-wrap{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.85rem 0;padding:1rem 1.25rem;}
.docs-sh-detail-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:1.05rem;color:var(--docs-navy);display:flex;align-items:center;gap:.5rem;padding:.4rem 0 .75rem;border-bottom:1.5px solid var(--docs-navy);}
.docs-sh-detail-tab{display:flex;}
.docs-sh-tab{font-family:"Outfit",sans-serif;font-size:.83rem;font-weight:600;padding:.5rem 1rem .4rem;color:var(--docs-blue);border-bottom:2px solid var(--docs-blue);margin-bottom:-1.5px;}

/* ════════════════════════════════════════
   303. SHIPPERS — DETAIL BANNER CARD
════════════════════════════════════════ */
.docs-sh-detail-banner{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:12px;padding:1.25rem 1.5rem;margin:.5rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-sh-banner-left{display:flex;flex-direction:column;gap:.5rem;}
.docs-sh-banner-label{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.45);}
.docs-sh-banner-name{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.5rem;color:#fff;letter-spacing:-.02em;}
.docs-sh-banner-badge{display:inline-flex;align-items:center;font-family:"Outfit",sans-serif;font-size:.68rem;font-weight:700;padding:4px 12px;border-radius:100px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.85);letter-spacing:.03em;align-self:flex-start;}
.docs-sh-banner-right{text-align:right;}
.docs-sh-banner-wl{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.45);margin-bottom:.2rem;}
.docs-sh-banner-link{font-size:.82rem;font-weight:600;color:var(--docs-blue);}

/* ════════════════════════════════════════
   304. SHIPPERS — DETAIL BODY ROWS
        & CONTACTS TABLE
════════════════════════════════════════ */
.docs-sh-detail-body{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.5rem 0;}
.docs-sh-detail-sec-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-navy);padding:.65rem 1.25rem;border-bottom:1px solid var(--docs-line);}
.docs-sh-detail-rows{padding:.5rem 1.25rem;}
.docs-sh-detail-row{display:flex;align-items:center;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--docs-line);}
.docs-sh-detail-row:last-child{border-bottom:none;}
.docs-sh-detail-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-sh-detail-icon.addr {background:rgba(2,63,104,.07);}
.docs-sh-detail-icon.web  {background:rgba(2,116,190,.1);}
.docs-sh-detail-icon.phone{background:rgba(5,150,105,.09);}
.docs-sh-detail-icon svg{width:12px;height:12px;}
.docs-sh-detail-field-label{font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--docs-ghost);width:80px;flex-shrink:0;}
.docs-sh-detail-field-val{font-size:.84rem;color:var(--docs-navy);font-weight:500;}
.docs-sh-detail-field-val.link{color:var(--docs-blue);}
.docs-sh-detail-field-val.muted{color:var(--docs-ghost);font-style:italic;font-weight:400;}
/* Contacts section */
.docs-sh-contacts-sec{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.5rem 0;}
.docs-sh-contacts-head{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1.25rem;border-bottom:1px solid var(--docs-line);}
.docs-sh-contacts-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-navy);}
.docs-sh-contacts-count{font-family:"Outfit",sans-serif;font-size:.7rem;color:var(--docs-ghost);}
.docs-sh-contacts-tbl{width:100%;border-collapse:collapse;font-size:.78rem;}
.docs-sh-contacts-tbl th{text-align:left;padding:.42rem .9rem;font-family:"Outfit",sans-serif;font-size:.57rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--docs-navy);}
.docs-sh-contacts-tbl td{padding:.55rem .9rem;border-bottom:1px solid var(--docs-line);color:var(--docs-body);}
.docs-sh-contacts-tbl tr:last-child td{border-bottom:none;}
/* Detail footer */
.docs-sh-detail-footer{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.1rem;background:var(--docs-off);border:1px solid var(--docs-line);border-radius:10px;margin:.65rem 0;flex-wrap:wrap;gap:.5rem;}
.docs-sh-detail-back{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;color:var(--docs-muted);border:1.5px solid var(--docs-line2);padding:7px 12px;border-radius:8px;}
.docs-sh-detail-actions{display:flex;gap:.4rem;flex-wrap:wrap;}
.docs-sh-delete-btn{font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:700;padding:7px 14px;border-radius:8px;color:var(--docs-red);border:1.5px solid rgba(220,38,38,.3);background:rgba(220,38,38,.06);display:inline-flex;align-items:center;gap:.3rem;}
.docs-sh-edit-btn{font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:700;padding:7px 14px;border-radius:8px;color:var(--docs-blue);border:1.5px solid var(--docs-b15);background:var(--docs-b08);display:inline-flex;align-items:center;gap:.3rem;}

/* ════════════════════════════════════════
   305. SHIPPERS — RESPONSIVE
════════════════════════════════════════ */
@media(max-width:720px){
  .docs-sh-header{flex-direction:column;}
  .docs-sh-add-btn{align-self:flex-start;}
  .docs-sh-grid2,.docs-sh-grid3,.docs-sh-contact-grid,.docs-next-grid{grid-template-columns:1fr;}
  .docs-sh-detail-banner{flex-direction:column;}
  .docs-sh-banner-right{text-align:left;}
  .docs-sh-form-footer{flex-direction:column;align-items:flex-start;}
  .docs-sh-detail-footer{flex-direction:column;align-items:flex-start;}
  .docs-sh-detail-actions{width:100%;}
  .docs-sh-delete-btn,.docs-sh-edit-btn{flex:1;justify-content:center;}
}
@media(max-width:460px){
  .docs-sh-list-top{flex-direction:column;align-items:flex-start;}
  .docs-sh-pagination{flex-direction:column;align-items:flex-start;gap:.5rem;}
}
/* ════════════════════════════════════════
   306. WAREHOUSES — PAGE HEADER
════════════════════════════════════════ */
.docs-wh-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.25rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-wh-hdr-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-wh-hdr-icon{width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-wh-hdr-bc{font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.25rem;}
.docs-wh-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.3rem;color:#fff;}
.docs-wh-hdr-desc{font-size:.71rem;color:rgba(255,255,255,.55);margin-top:.3rem;line-height:1.6;}
.docs-wh-add-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:8px 14px;border-radius:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;flex-shrink:0;align-self:flex-start;}

/* ════════════════════════════════════════
   307. WAREHOUSES — LIST TABLE
════════════════════════════════════════ */
.docs-wh-list{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.85rem 0;}
.docs-wh-list-top{display:flex;align-items:center;justify-content:flex-end;padding:.65rem 1rem;border-bottom:1px solid var(--docs-line);gap:.4rem;flex-wrap:wrap;}
.docs-wh-ctrl-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;padding:5px 10px;border-radius:7px;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-wh-ctrl-btn svg{width:11px;height:11px;}
.docs-wh-search{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;color:var(--docs-ghost);background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:7px;padding:5px 12px;}
.docs-wh-search svg{width:11px;height:11px;}
.docs-wh-tbl{width:100%;border-collapse:collapse;font-size:.78rem;}
.docs-wh-tbl th{text-align:left;padding:.45rem .9rem;font-family:"Outfit",sans-serif;font-size:.57rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--docs-navy);white-space:nowrap;}
.docs-wh-tbl td{padding:.6rem .9rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-wh-tbl tr:last-child td{border-bottom:none;}
.docs-wh-name{font-weight:700;color:var(--docs-navy);font-size:.88rem;}
.docs-wh-dash{color:var(--docs-ghost);}
.docs-wh-st-count{font-size:.74rem;color:var(--docs-muted);}
.docs-wh-st-past{font-size:.68rem;color:var(--docs-ghost);display:block;margin-top:.1rem;}
.docs-wh-view-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;padding:5px 12px;border-radius:7px;color:var(--docs-blue);background:var(--docs-b08);border:1px solid var(--docs-b15);}
.docs-wh-pagination{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-top:1px solid var(--docs-line);flex-wrap:wrap;gap:.35rem;}
.docs-wh-show{font-size:.72rem;color:var(--docs-muted);display:flex;align-items:center;gap:.35rem;}
.docs-wh-pages{display:flex;gap:.3rem;}
.docs-wh-pg{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-wh-pg.cur{background:var(--docs-navy);color:#fff;border-color:var(--docs-navy);}

/* ════════════════════════════════════════
   308. WAREHOUSES — ADD / EDIT FORM HEADER
        & WARNING BAR
════════════════════════════════════════ */
.docs-wh-form-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-wh-form-hdr-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-wh-form-hdr-icon{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-wh-form-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.15rem;color:#fff;}
.docs-wh-form-hdr-desc{font-size:.7rem;color:rgba(255,255,255,.55);margin-top:.2rem;line-height:1.55;}
.docs-wh-id-badge{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;padding:3px 8px;border-radius:5px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.65);}
.docs-wh-back-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:600;padding:6px 12px;border-radius:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;flex-shrink:0;align-self:flex-start;}
.docs-wh-warn-bar{display:flex;align-items:flex-start;gap:.55rem;background:rgba(217,119,6,.08);border:1px solid rgba(217,119,6,.25);border-radius:9px;padding:.75rem 1rem;margin:.75rem 0;font-size:.82rem;color:#78350f;line-height:1.65;}
.docs-wh-warn-bar svg{width:14px;height:14px;color:var(--docs-amber);flex-shrink:0;margin-top:1px;}

/* ════════════════════════════════════════
   309. WAREHOUSES — FORM SECTIONS &
        FIELD STYLES
════════════════════════════════════════ */
.docs-wh-form-sec{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.75rem 0;}
.docs-wh-sec-head{display:flex;align-items:flex-start;gap:.65rem;padding:.8rem 1.25rem;border-bottom:1px solid var(--docs-line);}
.docs-wh-sec-head svg{width:14px;height:14px;color:var(--docs-blue);flex-shrink:0;margin-top:1px;}
.docs-wh-sec-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.75rem;color:var(--docs-blue);text-transform:uppercase;letter-spacing:.06em;}
.docs-wh-sec-sub{font-size:.72rem;color:var(--docs-muted);margin-top:.1rem;}
.docs-wh-form-body{padding:1.1rem 1.25rem;}
.docs-wh-field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.85rem;}
.docs-wh-field:last-child{margin-bottom:0;}
.docs-wh-label{font-family:"Outfit",sans-serif;font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-muted);}
.docs-wh-label sup{color:var(--docs-red);}
.docs-wh-input{border:1.5px solid var(--docs-line2);border-radius:8px;padding:.5rem .9rem;font-size:.85rem;color:var(--docs-ghost);font-style:italic;background:var(--docs-white);}
.docs-wh-input.filled{color:var(--docs-body);font-style:normal;}
.docs-wh-grid2{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;}
.docs-wh-grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.85rem;}
.docs-wh-form-footer{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.25rem;background:var(--docs-off);border:1px solid var(--docs-line);border-radius:10px;margin:.65rem 0;flex-wrap:wrap;gap:.5rem;}
.docs-wh-footer-hint{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--docs-muted);}
.docs-wh-footer-hint svg{width:12px;height:12px;color:var(--docs-ghost);flex-shrink:0;}
.docs-wh-goback-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;padding:7px 14px;border-radius:8px;border:1.5px solid var(--docs-line2);color:var(--docs-muted);}
.docs-wh-create-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;padding:7px 18px;border-radius:8px;background:#16a34a;color:#fff;}

/* ════════════════════════════════════════
   310. WAREHOUSES — COORDINATES BOXES
        & RESOLVE INFO
════════════════════════════════════════ */
.docs-wh-coords-head{display:flex;align-items:center;gap:.4rem;font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-green);padding:.8rem 1.25rem .5rem;}
.docs-wh-coords-head svg{width:12px;height:12px;flex-shrink:0;}
.docs-wh-coords-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;padding:0 1.25rem .85rem;}
.docs-wh-coord-box{border-radius:8px;padding:.65rem .85rem;border:1px solid;}
.docs-wh-coord-box.lat{background:rgba(5,150,105,.07);border-color:rgba(5,150,105,.25);}
.docs-wh-coord-box.lng{background:rgba(2,116,190,.07);border-color:rgba(2,116,190,.22);}
.docs-wh-coord-label{font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;display:block;margin-bottom:.25rem;}
.docs-wh-coord-box.lat .docs-wh-coord-label{color:var(--docs-green);}
.docs-wh-coord-box.lng .docs-wh-coord-label{color:var(--docs-blue);}
.docs-wh-coord-val{font-family:"JetBrains Mono","Courier New",monospace;font-size:.88rem;font-weight:600;color:var(--docs-navy);}
.docs-wh-resolve-info{display:flex;align-items:flex-start;gap:.5rem;background:var(--docs-b08);border:1px solid var(--docs-b15);border-radius:8px;padding:.65rem 1rem;margin:0 1.25rem .85rem;font-size:.8rem;color:var(--docs-navy);line-height:1.65;}
.docs-wh-resolve-info svg{width:13px;height:13px;color:var(--docs-blue);flex-shrink:0;margin-top:1px;}

/* ════════════════════════════════════════
   311. WAREHOUSES — DETAIL PAGE HEADER,
        TABS & SUB-BANNER
════════════════════════════════════════ */
.docs-wh-detail-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1rem 1.5rem;margin:1rem 0;}
.docs-wh-detail-hdr-bc{font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.3rem;}
.docs-wh-detail-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.2rem;color:#fff;}
.docs-wh-detail-hdr-desc{font-size:.7rem;color:rgba(255,255,255,.55);margin-top:.2rem;}
.docs-wh-tabs{display:flex;border-bottom:1.5px solid var(--docs-line);margin:.5rem 0 1rem;}
.docs-wh-tab{font-family:"Outfit",sans-serif;font-size:.83rem;font-weight:600;padding:.55rem 1rem .45rem;color:var(--docs-muted);border-bottom:2px solid transparent;margin-bottom:-1.5px;}
.docs-wh-tab.active{color:var(--docs-blue);border-color:var(--docs-blue);}
.docs-wh-sub-banner{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:12px;padding:1rem 1.4rem;margin:.5rem 0;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-wh-sub-banner-left{display:flex;align-items:center;gap:.85rem;}
.docs-wh-sub-banner-icon{width:36px;height:36px;border-radius:8px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-wh-sub-banner-name{font-family:"Outfit",sans-serif;font-weight:800;font-size:1.05rem;color:#fff;}
.docs-wh-sub-banner-addr{font-size:.68rem;color:rgba(255,255,255,.5);margin-top:.2rem;}
.docs-wh-sub-banner-right{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;}
.docs-wh-active-badge{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:100px;background:rgba(5,150,105,.2);border:1px solid rgba(5,150,105,.35);color:#fff;}
.docs-wh-id-badge-grey{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:600;padding:4px 10px;border-radius:6px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.6);}

/* ════════════════════════════════════════
   312. WAREHOUSES — DETAIL LAYOUT (2-COL)
════════════════════════════════════════ */
.docs-wh-detail-layout{display:grid;grid-template-columns:1fr 240px;gap:.85rem;margin:.5rem 0;}

/* ════════════════════════════════════════
   313. WAREHOUSES — LOCATION DETAILS PANEL
════════════════════════════════════════ */
.docs-wh-loc-panel{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;}
.docs-wh-panel-head{font-family:"Outfit",sans-serif;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-blue);display:flex;align-items:center;gap:.4rem;padding:.65rem 1.25rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);}
.docs-wh-panel-head svg{width:12px;height:12px;flex-shrink:0;}
.docs-wh-loc-rows{padding:.5rem 1.25rem;}
.docs-wh-loc-row{display:flex;align-items:flex-start;gap:.9rem;padding:.55rem 0;border-bottom:1px solid var(--docs-line);}
.docs-wh-loc-row:last-child{border-bottom:none;}
.docs-wh-loc-icon{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.docs-wh-loc-icon svg{width:11px;height:11px;}
.docs-wh-loc-icon.addr {background:rgba(2,63,104,.08);}
.docs-wh-loc-icon.web  {background:rgba(2,116,190,.1);}
.docs-wh-loc-icon.phone{background:rgba(5,150,105,.09);}
.docs-wh-loc-icon.map  {background:rgba(124,58,237,.09);}
.docs-wh-loc-label{font-family:"Outfit",sans-serif;font-size:.57rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--docs-ghost);display:block;margin-bottom:.15rem;}
.docs-wh-loc-val{font-size:.82rem;color:var(--docs-navy);font-weight:500;display:block;}
.docs-wh-loc-val.muted{color:var(--docs-ghost);font-style:italic;font-weight:400;}
.docs-wh-coords-inner{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.35rem;}

/* ════════════════════════════════════════
   314. WAREHOUSES — QUICK STATUS & ACTIONS
        RIGHT-COLUMN PANELS
════════════════════════════════════════ */
.docs-wh-qs-panel{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;}
.docs-wh-qs-rows{padding:.5rem 1rem;}
.docs-wh-qs-row{padding:.55rem 0;border-bottom:1px solid var(--docs-line);}
.docs-wh-qs-row:last-child{border-bottom:none;}
.docs-wh-qs-label{font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-ghost);display:block;margin-bottom:.2rem;}
.docs-wh-qs-val{font-size:.82rem;font-weight:500;color:var(--docs-navy);}
.docs-wh-qs-val.green{color:var(--docs-green);}
.docs-wh-qs-val.muted{color:var(--docs-muted);font-style:italic;font-size:.77rem;}
.docs-wh-qs-val.big{font-family:"Outfit",sans-serif;font-size:1.35rem;font-weight:900;}
.docs-wh-actions-panel{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin-top:.65rem;}
.docs-wh-act-rows{padding:.5rem 1rem;display:flex;flex-direction:column;gap:.4rem;}
.docs-wh-act-active{display:flex;align-items:center;justify-content:center;gap:.4rem;font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:700;padding:8px;border-radius:8px;background:rgba(5,150,105,.1);border:1px solid rgba(5,150,105,.25);color:var(--docs-green);width:100%;}
.docs-wh-act-edit{display:flex;align-items:center;justify-content:center;gap:.4rem;font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:700;padding:8px;border-radius:8px;color:var(--docs-blue);border:1.5px solid var(--docs-b15);background:var(--docs-b08);width:100%;}
.docs-wh-act-delete{display:flex;align-items:center;justify-content:center;gap:.4rem;font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:700;padding:8px;border-radius:8px;color:var(--docs-red);border:1.5px solid rgba(220,38,38,.25);background:rgba(220,38,38,.05);width:100%;}

/* ════════════════════════════════════════
   315. WAREHOUSES — RECENT STOCK TAKES
        PANEL (GENERAL TAB)
════════════════════════════════════════ */
.docs-wh-rst-panel{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin-top:.65rem;}
.docs-wh-rst-head{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1.25rem;border-bottom:1px solid var(--docs-line);}
.docs-wh-rst-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-navy);}
.docs-wh-rst-sub{font-size:.68rem;color:var(--docs-muted);}
.docs-wh-viewall{font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;color:var(--docs-blue);display:flex;align-items:center;gap:.25rem;}
.docs-wh-st-row{padding:.6rem 1.25rem;border-bottom:1px solid var(--docs-line);display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;}
.docs-wh-st-row:last-of-type{border-bottom:none;}
.docs-wh-st-left{flex:1;min-width:0;}
.docs-wh-st-num{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;color:var(--docs-ghost);margin-right:.4rem;}
.docs-wh-st-chips{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;}
.docs-wh-st-id{font-family:"JetBrains Mono","Courier New",monospace;font-size:.65rem;color:var(--docs-muted);margin-top:.25rem;display:block;}
.docs-wh-st-dates{font-size:.68rem;color:var(--docs-muted);}
.docs-wh-st-sched{font-size:.68rem;color:var(--docs-ghost);font-style:italic;}
.docs-wh-st-btn{font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:6px;color:var(--docs-blue);background:var(--docs-b08);border:1px solid var(--docs-b15);white-space:nowrap;display:inline-flex;align-items:center;gap:.25rem;}

/* ════════════════════════════════════════
   316. WAREHOUSES — STATUS / COUNT TYPE
        CHIPS
════════════════════════════════════════ */
.docs-wh-chip{display:inline-flex;align-items:center;gap:.25rem;font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:100px;}
.docs-wh-chip.finished {color:var(--docs-green); background:rgba(5,150,105,.1);       border:1px solid rgba(5,150,105,.2);}
.docs-wh-chip.scheduled{color:var(--docs-muted);  background:var(--docs-off2);        border:1px solid var(--docs-line2);}
.docs-wh-chip.ns       {color:var(--docs-muted);  background:var(--docs-off2);        border:1px solid var(--docs-line2);}
.docs-wh-chip.realtime {color:#7c3aed;            background:rgba(124,58,237,.08);     border:1px solid rgba(124,58,237,.2);}
.docs-wh-chip.fullcount{color:var(--docs-blue);   background:var(--docs-b08);          border:1px solid var(--docs-b15);}

/* ════════════════════════════════════════
   317. WAREHOUSES — STOCK TAB TABLE
        & SESSION BAR
════════════════════════════════════════ */
.docs-wh-stock-tbl{width:100%;border-collapse:collapse;font-size:.76rem;}
.docs-wh-stock-tbl th{text-align:left;padding:.45rem .9rem;font-family:"Outfit",sans-serif;font-size:.57rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--docs-navy);white-space:nowrap;}
.docs-wh-stock-tbl td{padding:.6rem .9rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-wh-stock-tbl tr:last-child td{border-bottom:none;}
.docs-wh-stock-id{font-family:"JetBrains Mono","Courier New",monospace;font-size:.69rem;color:var(--docs-blue);}
.docs-wh-stock-dates{font-size:.72rem;color:var(--docs-body);}
.docs-wh-stock-dates span{display:block;color:var(--docs-muted);font-size:.65rem;}
.docs-wh-session-bar{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;background:rgba(2,116,190,.05);border:1px solid var(--docs-b15);border-radius:9px;font-size:.8rem;color:var(--docs-blue);margin:.65rem 0;flex-wrap:wrap;gap:.5rem;}
.docs-wh-session-bar svg{width:12px;height:12px;flex-shrink:0;}

/* ════════════════════════════════════════
   318. WAREHOUSES — RESPONSIVE
════════════════════════════════════════ */
@media(max-width:860px){
  .docs-wh-detail-layout{grid-template-columns:1fr;}
  .docs-wh-coords-inner{grid-template-columns:1fr 1fr;}
}
@media(max-width:720px){
  .docs-wh-header{flex-direction:column;}
  .docs-wh-add-btn{align-self:flex-start;}
  .docs-wh-sub-banner{flex-direction:column;}
  .docs-wh-form-footer{flex-direction:column;align-items:flex-start;}
  .docs-next-grid{grid-template-columns:1fr;}
}
@media(max-width:560px){
  .docs-wh-grid2,.docs-wh-grid3,.docs-wh-coords-grid,.docs-wh-coords-inner{grid-template-columns:1fr;}
  .docs-wh-st-row{flex-direction:column;align-items:flex-start;}
  .docs-wh-list-top{flex-direction:column;align-items:flex-start;}
  .docs-wh-pagination{flex-direction:column;align-items:flex-start;gap:.5rem;}
}
/* ════════════════════════════════════════
   319. WAREHOUSE DESIGNER — PAGE HEADER
════════════════════════════════════════ */
.docs-wd-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.25rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap;}
.docs-wd-hdr-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-wd-hdr-icon{width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-wd-hdr-bc{font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.25rem;}
.docs-wd-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.3rem;color:#fff;}
.docs-wd-hdr-desc{font-size:.71rem;color:rgba(255,255,255,.55);margin-top:.3rem;line-height:1.6;}

/* ════════════════════════════════════════
   320. WAREHOUSE DESIGNER — CHROME WRAPPER
════════════════════════════════════════ */
.docs-wd-chrome{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.85rem 0;}

/* ════════════════════════════════════════
   321. WAREHOUSE DESIGNER — TOOLBAR
════════════════════════════════════════ */
.docs-wd-toolbar{background:#1e2d3d;padding:0;border-bottom:1px solid rgba(255,255,255,.06);}
.docs-wd-tb-row1{display:flex;align-items:center;gap:0;padding:0 8px;height:38px;border-bottom:1px solid rgba(255,255,255,.06);flex-wrap:nowrap;overflow-x:auto;}
.docs-wd-tb-row2{display:flex;align-items:center;gap:0;padding:0 8px;height:34px;flex-wrap:nowrap;overflow-x:auto;}
.docs-wd-tb-sep{width:1px;height:20px;background:rgba(255,255,255,.1);margin:0 6px;flex-shrink:0;}
.docs-wd-tb-group{display:flex;align-items:center;flex-shrink:0;}
.docs-wd-tb-group-label{font-family:"Outfit",sans-serif;font-size:.48rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.3);padding:0 6px;flex-shrink:0;}
.docs-wd-tb-btn{display:inline-flex;align-items:center;gap:.25rem;font-family:"Outfit",sans-serif;font-size:.67rem;font-weight:600;padding:4px 8px;border-radius:5px;color:rgba(255,255,255,.7);white-space:nowrap;flex-shrink:0;}
.docs-wd-tb-btn.active{background:var(--docs-blue);color:#fff;}
.docs-wd-tb-btn.draw-active{background:rgba(255,255,255,.12);color:#fff;}
.docs-wd-tb-dropdown{display:inline-flex;align-items:center;gap:.2rem;font-family:"JetBrains Mono","Courier New",monospace;font-size:.6rem;color:rgba(255,255,255,.55);padding:3px 6px;border:1px solid rgba(255,255,255,.12);border-radius:5px;background:rgba(255,255,255,.05);flex-shrink:0;}
.docs-wd-tb-save{font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;padding:5px 12px;border-radius:6px;background:var(--docs-navy);color:#fff;border:1px solid rgba(255,255,255,.15);flex-shrink:0;}
.docs-wd-tb-export{font-family:"Outfit",sans-serif;font-size:.68rem;font-weight:600;padding:5px 10px;border-radius:6px;color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);flex-shrink:0;}
.docs-wd-tb-schedule{font-family:"Outfit",sans-serif;font-size:.68rem;font-weight:600;padding:5px 10px;border-radius:6px;color:rgba(255,255,255,.7);background:rgba(255,255,255,.05);flex-shrink:0;}
.docs-wd-tb-icon{width:22px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.55);flex-shrink:0;}
.docs-wd-tb-icon svg{width:11px;height:11px;}

/* ════════════════════════════════════════
   322. WAREHOUSE DESIGNER — 3-COL BODY
════════════════════════════════════════ */
.docs-wd-body{display:grid;grid-template-columns:200px 1fr 220px;min-height:360px;}

/* ════════════════════════════════════════
   323. WAREHOUSE DESIGNER — LEFT PANEL
════════════════════════════════════════ */
.docs-wd-left{background:#f8fafc;border-right:1px solid var(--docs-line);overflow-y:auto;max-height:420px;}
.docs-wd-panel-sec{border-bottom:1px solid var(--docs-line);}
.docs-wd-panel-head{display:flex;align-items:center;justify-content:space-between;padding:.45rem .75rem;background:var(--docs-off);}
.docs-wd-panel-head-title{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--docs-navy);}
.docs-wd-panel-head-action{font-size:.62rem;color:var(--docs-blue);font-weight:600;}
.docs-wd-panel-body{padding:.5rem .75rem;font-size:.72rem;color:var(--docs-muted);line-height:1.55;}
.docs-wd-standard-set{display:block;font-size:.68rem;color:var(--docs-blue);font-weight:600;margin-top:.35rem;line-height:1.5;}
/* Asset library */
.docs-wd-search{display:flex;align-items:center;gap:.35rem;background:var(--docs-white);border:1px solid var(--docs-line2);border-radius:6px;padding:5px 9px;margin:.5rem .75rem;font-size:.7rem;color:var(--docs-ghost);}
.docs-wd-search svg{width:10px;height:10px;flex-shrink:0;}
.docs-wd-asset-section{padding:.4rem .75rem .5rem;}
.docs-wd-asset-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem;}
.docs-wd-asset-section-title{font-family:"Outfit",sans-serif;font-size:.63rem;font-weight:700;color:var(--docs-blue);text-transform:uppercase;letter-spacing:.07em;}
.docs-wd-asset-section-vis{font-size:.6rem;color:var(--docs-muted);}
.docs-wd-asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;}
.docs-wd-asset-item{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:6px;padding:.4rem .5rem;text-align:center;font-size:.62rem;color:var(--docs-muted);line-height:1.4;}
.docs-wd-asset-icon{width:28px;height:28px;margin:0 auto .2rem;background:var(--docs-off2);border-radius:4px;display:flex;align-items:center;justify-content:center;}
.docs-wd-asset-icon svg{width:14px;height:14px;color:var(--docs-muted);}

/* ════════════════════════════════════════
   324. WAREHOUSE DESIGNER — CANVAS
════════════════════════════════════════ */
.docs-wd-canvas{background:#d8e0e8;position:relative;display:flex;align-items:center;justify-content:center;min-height:360px;}
.docs-wd-status-bar{position:absolute;bottom:0;left:0;right:0;background:rgba(30,45,61,.75);padding:4px 10px;font-family:"JetBrains Mono","Courier New",monospace;font-size:.58rem;color:rgba(255,255,255,.65);}

/* ════════════════════════════════════════
   325. WAREHOUSE DESIGNER — RIGHT PANEL
════════════════════════════════════════ */
.docs-wd-right{background:#f8fafc;border-left:1px solid var(--docs-line);overflow-y:auto;max-height:420px;padding:.65rem .85rem;display:flex;flex-direction:column;gap:.65rem;}
.docs-wd-right-section{border-bottom:1px solid var(--docs-line);padding-bottom:.65rem;}
.docs-wd-right-section:last-child{border-bottom:none;}
.docs-wd-right-head{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--docs-navy);margin-bottom:.4rem;display:flex;align-items:center;gap:.35rem;}
.docs-wd-right-head svg{width:11px;height:11px;color:var(--docs-blue);flex-shrink:0;}
.docs-wd-right-body{font-size:.71rem;color:var(--docs-muted);line-height:1.6;}
.docs-wd-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin-top:.4rem;}
.docs-wd-type-btn{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:600;padding:5px 6px;border-radius:6px;background:var(--docs-b08);border:1px solid var(--docs-b15);color:var(--docs-blue);text-align:center;}
.docs-wd-site-label{font-family:"Outfit",sans-serif;font-size:.57rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-ghost);display:block;margin-bottom:.2rem;}
.docs-wd-site-row{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-bottom:.4rem;}
.docs-wd-site-input{border:1.5px solid var(--docs-line2);border-radius:6px;padding:5px 8px;font-family:"Outfit",sans-serif;font-size:.8rem;font-weight:700;color:var(--docs-navy);background:var(--docs-white);text-align:center;}
.docs-wd-dropdown{display:flex;align-items:center;justify-content:space-between;border:1.5px solid var(--docs-line2);border-radius:6px;padding:5px 8px;font-size:.77rem;color:var(--docs-body);background:var(--docs-white);}

/* ════════════════════════════════════════
   326. WAREHOUSE DESIGNER — DRAW TOOL CARDS
════════════════════════════════════════ */
.docs-wd-tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:.85rem 0;}
.docs-wd-tool-card{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:9px;padding:.65rem .6rem;text-align:center;}
.docs-wd-tool-icon{width:32px;height:32px;border-radius:7px;background:var(--docs-b08);display:flex;align-items:center;justify-content:center;margin:0 auto .4rem;}
.docs-wd-tool-icon svg{width:15px;height:15px;color:var(--docs-blue);}
.docs-wd-tool-name{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;color:var(--docs-navy);margin-bottom:.15rem;}
.docs-wd-tool-desc{font-size:.61rem;color:var(--docs-muted);line-height:1.45;}

/* ════════════════════════════════════════
   327. WAREHOUSE DESIGNER — ASSET CATEGORY
        CARDS (4-UP GRID)
════════════════════════════════════════ */
.docs-wd-cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:.85rem 0;}
.docs-wd-cat-card{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:10px;padding:.85rem 1rem;}
.docs-wd-cat-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;}
.docs-wd-cat-icon{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-wd-cat-icon svg{width:14px;height:14px;}
.docs-wd-cat-name{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;color:var(--docs-navy);}
.docs-wd-cat-items{font-size:.72rem;color:var(--docs-muted);line-height:1.65;}

/* ════════════════════════════════════════
   328. WAREHOUSE DESIGNER — LIVE STOCK
        CALLOUT BAR
════════════════════════════════════════ */
.docs-wd-stock-bar{display:flex;align-items:flex-start;gap:.7rem;background:rgba(5,150,105,.06);border:1px solid rgba(5,150,105,.2);border-radius:10px;padding:.85rem 1rem;margin:1rem 0;}
.docs-wd-stock-bar-icon{width:28px;height:28px;border-radius:7px;background:var(--docs-green);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-wd-stock-bar-icon svg{width:14px;height:14px;stroke:#fff;stroke-width:2;}
.docs-wd-stock-bar-body{font-size:.84rem;color:var(--docs-body);line-height:1.65;}
.docs-wd-stock-bar-body strong{color:var(--docs-navy);}

/* ════════════════════════════════════════
   329–332. WAREHOUSE DESIGNER — RESPONSIVE
════════════════════════════════════════ */
/* 329 */
@media(max-width:1000px){
  .docs-wd-tools-grid{grid-template-columns:repeat(3,1fr);}
}
/* 330 */
@media(max-width:820px){
  .docs-wd-body{grid-template-columns:1fr;}
  .docs-wd-left,.docs-wd-right{display:none;}
  .docs-wd-canvas{min-height:260px;}
}
/* 331 */
@media(max-width:680px){
  .docs-wd-tools-grid{grid-template-columns:1fr 1fr;}
  .docs-wd-cat-grid{grid-template-columns:1fr;}
  .docs-next-grid{grid-template-columns:1fr;}
}
/* 332 */
@media(max-width:480px){
  .docs-wd-tools-grid{grid-template-columns:1fr 1fr;}
  .docs-wd-tb-row1,.docs-wd-tb-row2{overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .docs-wd-header{flex-direction:column;}
}
/* ════════════════════════════════════════
   333. WAREHOUSE VIEWER — PAGE HEADER
════════════════════════════════════════ */
.docs-wv-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.25rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap;}
.docs-wv-hdr-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-wv-hdr-icon{width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-wv-hdr-bc{font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.25rem;}
.docs-wv-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.3rem;color:#fff;}
.docs-wv-hdr-desc{font-size:.71rem;color:rgba(255,255,255,.55);margin-top:.3rem;line-height:1.6;}

/* ════════════════════════════════════════
   334. WAREHOUSE VIEWER — CHROME WRAPPER
════════════════════════════════════════ */
.docs-wv-chrome{background:#e8edf2;border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.85rem 0;position:relative;}

/* ════════════════════════════════════════
   335. WAREHOUSE VIEWER — TOOLBAR
════════════════════════════════════════ */
.docs-wv-toolbar{background:var(--docs-white);border-bottom:1px solid var(--docs-line);padding:.5rem .85rem;display:flex;flex-direction:column;gap:.4rem;}
.docs-wv-tb-row1{display:flex;align-items:center;gap:.6rem;flex-wrap:nowrap;overflow-x:auto;}
.docs-wv-tb-row2{display:flex;align-items:center;gap:.4rem;flex-wrap:nowrap;overflow-x:auto;}
.docs-wv-tb-row3{display:flex;align-items:center;}
/* Layout label */
.docs-wv-layout-label{font-family:"Outfit",sans-serif;font-weight:700;font-size:.78rem;color:var(--docs-navy);white-space:nowrap;flex-shrink:0;}
.docs-wv-layout-label span{color:var(--docs-blue);margin:0 3px;}
/* Warehouse dropdown */
.docs-wv-wh-dropdown{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;color:var(--docs-body);border:1px solid var(--docs-line2);border-radius:6px;padding:4px 10px;background:var(--docs-white);flex-shrink:0;}
/* Toolbar buttons */
.docs-wv-tb-btn{display:inline-flex;align-items:center;gap:.25rem;font-family:"Outfit",sans-serif;font-size:.68rem;font-weight:600;padding:4px 8px;border-radius:5px;color:var(--docs-muted);background:var(--docs-off);border:1px solid var(--docs-line2);white-space:nowrap;flex-shrink:0;}
.docs-wv-tb-btn.active-blue{background:var(--docs-blue);color:#fff;border-color:var(--docs-blue);}
.docs-wv-tb-btn.badge-orange{background:#fff3e0;color:#c05e00;border-color:#f0c080;}
.docs-wv-tb-btn.badge-green{background:rgba(5,150,105,.1);color:var(--docs-green);border-color:rgba(5,150,105,.3);}
.docs-wv-tb-btn.badge-blue{background:var(--docs-b08);color:var(--docs-blue);border-color:var(--docs-b15);}
.docs-wv-tb-btn.badge-amber{background:rgba(217,119,6,.1);color:var(--docs-amber);border-color:rgba(217,119,6,.3);}
/* Toolbar separator */
.docs-wv-tb-sep{width:1px;height:18px;background:var(--docs-line2);flex-shrink:0;margin:0 2px;}
/* Find order */
.docs-wv-find-order{display:flex;align-items:center;gap:.5rem;border:1px solid var(--docs-line2);border-radius:7px;padding:5px 10px;background:var(--docs-white);font-size:.78rem;color:var(--docs-ghost);width:100%;}
.docs-wv-find-order svg{width:11px;height:11px;flex-shrink:0;}

/* ════════════════════════════════════════
   336. WAREHOUSE VIEWER — CANVAS
════════════════════════════════════════ */
.docs-wv-canvas{position:relative;min-height:340px;display:flex;align-items:center;justify-content:center;overflow:hidden;}

/* ════════════════════════════════════════
   337. WAREHOUSE VIEWER — LIVE STOCK PANEL
════════════════════════════════════════ */
.docs-wv-live-panel{position:absolute;bottom:16px;left:16px;width:200px;background:var(--docs-white);border:1px solid var(--docs-line);border-radius:10px;overflow:hidden;box-shadow:0 4px 16px rgba(2,63,104,.12);}
.docs-wv-live-head{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid var(--docs-line);background:var(--docs-off);}
.docs-wv-live-title{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;color:var(--docs-navy);display:flex;align-items:center;gap:.35rem;}
.docs-wv-live-title svg{width:11px;height:11px;flex-shrink:0;}
.docs-wv-live-close{font-size:.72rem;color:var(--docs-ghost);}
.docs-wv-live-search{display:flex;align-items:center;gap:.4rem;padding:.45rem .7rem;border-bottom:1px solid var(--docs-line);font-size:.68rem;color:var(--docs-ghost);}
.docs-wv-live-search svg{width:10px;height:10px;flex-shrink:0;}
.docs-wv-live-body{padding:.5rem .75rem;}
.docs-wv-live-wh{font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;color:var(--docs-navy);margin-bottom:.35rem;}
.docs-wv-live-row{display:flex;align-items:center;justify-content:space-between;font-size:.68rem;color:var(--docs-body);padding:2px 0;}
.docs-wv-live-val{font-family:"Outfit",sans-serif;font-weight:700;font-size:.72rem;color:var(--docs-navy);}
.docs-wv-live-legend{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border-top:1px solid var(--docs-line);font-size:.62rem;color:var(--docs-muted);}
.docs-wv-legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0;}

/* ════════════════════════════════════════
   338. WAREHOUSE VIEWER — STATS BAR
════════════════════════════════════════ */
.docs-wv-stats-bar{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--docs-line);border-radius:10px;padding:.55rem 1.25rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 4px 16px rgba(2,63,104,.1);white-space:nowrap;}
.docs-wv-stat{text-align:center;}
.docs-wv-stat-val{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.1rem;color:var(--docs-navy);display:block;line-height:1;}
.docs-wv-stat-val.amber{color:var(--docs-amber);}
.docs-wv-stat-val.muted{color:var(--docs-ghost);}
.docs-wv-stat-label{font-family:"Outfit",sans-serif;font-size:.52rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-ghost);display:block;margin-top:3px;}
.docs-wv-stat-sep{width:1px;height:28px;background:var(--docs-line2);flex-shrink:0;}

/* ════════════════════════════════════════
   339. WAREHOUSE VIEWER — OVERLAY CARDS
        (6-UP GRID)
════════════════════════════════════════ */
.docs-wv-overlay-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:.85rem 0;}
.docs-wv-overlay-card{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:10px;padding:.75rem .9rem;display:flex;align-items:flex-start;gap:.65rem;}
.docs-wv-overlay-badge{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;padding:4px 9px;border-radius:100px;flex-shrink:0;white-space:nowrap;}
.docs-wv-overlay-badge.green {background:rgba(5,150,105,.12);  color:var(--docs-green); border:1px solid rgba(5,150,105,.3);}
.docs-wv-overlay-badge.blue  {background:var(--docs-b08);      color:var(--docs-blue);  border:1px solid var(--docs-b15);}
.docs-wv-overlay-badge.flow  {background:rgba(2,116,190,.1);   color:var(--docs-blue);  border:1px solid var(--docs-b15);}
.docs-wv-overlay-badge.amber {background:rgba(217,119,6,.1);   color:var(--docs-amber); border:1px solid rgba(217,119,6,.3);}
.docs-wv-overlay-badge.orange{background:#fff3e0;              color:#c05e00;           border:1px solid #f0c080;}
.docs-wv-overlay-desc{font-size:.73rem;color:var(--docs-muted);line-height:1.55;}
.docs-wv-overlay-desc strong{color:var(--docs-navy);}

/* ════════════════════════════════════════
   340–344. WAREHOUSE VIEWER — RESPONSIVE
════════════════════════════════════════ */
/* 340 */
@media(max-width:860px){
  .docs-wv-stats-bar{left:220px;transform:none;}
}
/* 341 */
@media(max-width:720px){
  .docs-wv-stats-bar{display:none;}
  .docs-wv-live-panel{width:180px;}
}
/* 342 */
@media(max-width:600px){
  .docs-wv-overlay-grid{grid-template-columns:1fr;}
  .docs-next-grid{grid-template-columns:1fr;}
}
/* 343 */
@media(max-width:480px){
  .docs-wv-header{flex-direction:column;}
  .docs-wv-toolbar{padding:.4rem .65rem;}
  .docs-wv-tb-row1,.docs-wv-tb-row2{overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .docs-wv-canvas{min-height:240px;}
  .docs-wv-live-panel{width:160px;bottom:10px;left:10px;}
}
/* 344 */
@media(max-width:380px){
  .docs-wv-live-panel{display:none;}
}
/* ════════════════════════════════════════
   345. PLANNING MRP — PAGE HEADER
════════════════════════════════════════ */
.docs-pl-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.25rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-pl-hdr-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-pl-hdr-icon{width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-pl-hdr-bc{font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.25rem;}
.docs-pl-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.3rem;color:#fff;}
.docs-pl-hdr-desc{font-size:.71rem;color:rgba(255,255,255,.55);margin-top:.3rem;line-height:1.6;}
.docs-pl-hdr-badges{display:flex;gap:.5rem;flex-wrap:wrap;align-self:flex-start;}
.docs-pl-hdr-badge{text-align:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:.45rem .85rem;min-width:80px;}
.docs-pl-hdr-badge-label{font-family:"Outfit",sans-serif;font-size:.52rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.45);display:block;margin-bottom:.2rem;}
.docs-pl-hdr-badge-val{font-family:"Outfit",sans-serif;font-weight:900;font-size:.95rem;color:#fff;}

/* ════════════════════════════════════════
   346. PLANNING MRP — DASHBOARD STAT CARDS
════════════════════════════════════════ */
.docs-pl-stat-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem;margin:.85rem 0;}
.docs-pl-stat-card{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;padding:1.1rem 1.25rem;display:flex;align-items:flex-start;gap:.85rem;}
.docs-pl-stat-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-pl-stat-icon svg{width:16px;height:16px;}
.docs-pl-stat-label{font-family:"Outfit",sans-serif;font-size:.57rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--docs-ghost);display:block;margin-bottom:.3rem;}
.docs-pl-stat-val{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.55rem;color:var(--docs-navy);display:block;line-height:1;margin-bottom:.2rem;}
.docs-pl-stat-sub{font-size:.7rem;color:var(--docs-muted);}

/* ════════════════════════════════════════
   347. PLANNING MRP — RUN MRP PANEL
════════════════════════════════════════ */
.docs-pl-run-panel{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;padding:1.25rem 1.5rem;margin:.85rem 0;display:flex;align-items:flex-start;gap:1.25rem;flex-wrap:wrap;}
.docs-pl-run-left{flex:1;min-width:0;}
.docs-pl-run-title{display:flex;align-items:center;gap:.65rem;margin-bottom:.65rem;}
.docs-pl-run-play{width:32px;height:32px;border-radius:8px;background:var(--docs-navy);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-pl-run-play svg{width:12px;height:12px;fill:#fff;margin-left:2px;}
.docs-pl-run-name{font-family:"Outfit",sans-serif;font-weight:800;font-size:1.05rem;color:var(--docs-navy);}
.docs-pl-run-desc{font-size:.85rem;color:var(--docs-body);line-height:1.72;margin-bottom:.85rem;}
.docs-pl-run-warn{display:flex;align-items:flex-start;gap:.45rem;background:rgba(217,119,6,.07);border:1px solid rgba(217,119,6,.25);border-radius:8px;padding:.6rem .9rem;font-size:.8rem;color:#78350f;line-height:1.6;}
.docs-pl-run-warn svg{width:13px;height:13px;flex-shrink:0;margin-top:1px;color:var(--docs-amber);}
.docs-pl-run-right{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem;flex-shrink:0;}
.docs-pl-horizon-label{font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--docs-ghost);text-align:right;display:block;}
.docs-pl-horizon-row{display:flex;align-items:center;gap:.5rem;margin-top:.3rem;}
.docs-pl-horizon-input{border:1.5px solid var(--docs-line2);border-radius:7px;padding:.45rem .85rem;font-family:"Outfit",sans-serif;font-size:.9rem;font-weight:700;color:var(--docs-navy);background:var(--docs-white);text-align:center;width:64px;}
.docs-pl-run-btn{display:inline-flex;align-items:center;gap:.5rem;font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;padding:9px 18px;border-radius:8px;background:var(--docs-navy);color:#fff;}
.docs-pl-run-btn svg{width:11px;height:11px;fill:#fff;margin-left:1px;}

/* ════════════════════════════════════════
   348. PLANNING MRP — RECENT RUNS +
        SUPPORTING DATA 2-COL LAYOUT
════════════════════════════════════════ */
.docs-pl-bottom{display:grid;grid-template-columns:1fr 280px;gap:.85rem;margin:.85rem 0;}

/* ════════════════════════════════════════
   349. PLANNING MRP — RECENT RUNS PANEL
════════════════════════════════════════ */
.docs-pl-recent{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;}
.docs-pl-recent-head{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.25rem;border-bottom:1px solid var(--docs-line);}
.docs-pl-recent-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;color:var(--docs-navy);}
.docs-pl-recent-sub{font-size:.7rem;color:var(--docs-muted);margin-top:.1rem;}
.docs-pl-view-all{font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:700;color:var(--docs-blue);display:flex;align-items:center;gap:.2rem;}
.docs-pl-run-row{display:flex;align-items:center;gap:.85rem;padding:.85rem 1.25rem;border-bottom:1px solid var(--docs-line);}
.docs-pl-run-row:last-child{border-bottom:none;}
.docs-pl-run-status-dot{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-pl-run-status-dot.ok{background:rgba(5,150,105,.12);}
.docs-pl-run-status-dot.fail{background:rgba(220,38,38,.1);}
.docs-pl-run-info{flex:1;min-width:0;}
.docs-pl-run-datetime{font-family:"Outfit",sans-serif;font-weight:700;font-size:.83rem;color:var(--docs-navy);}
.docs-pl-run-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.2rem;}
.docs-pl-run-meta-item{font-size:.68rem;color:var(--docs-muted);}
.docs-pl-run-chip{display:inline-flex;align-items:center;gap:.2rem;font-family:"Outfit",sans-serif;font-size:.63rem;font-weight:700;padding:2px 7px;border-radius:100px;}
.docs-pl-run-chip.wo{background:rgba(2,116,190,.1);color:var(--docs-blue);border:1px solid var(--docs-b15);}
.docs-pl-run-chip.po{background:rgba(217,119,6,.1);color:var(--docs-amber);border:1px solid rgba(217,119,6,.25);}
.docs-pl-run-chip.err{background:rgba(220,38,38,.08);color:var(--docs-red);border:1px solid rgba(220,38,38,.2);}
.docs-pl-run-right-col{text-align:right;flex-shrink:0;}
.docs-pl-run-rec-count{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.1rem;color:var(--docs-navy);}
.docs-pl-run-rec-label{font-size:.6rem;color:var(--docs-ghost);}
.docs-pl-status-badge{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.68rem;font-weight:700;padding:3px 9px;border-radius:100px;margin-top:.25rem;}
.docs-pl-status-badge.complete{background:rgba(5,150,105,.1);color:var(--docs-green);border:1px solid rgba(5,150,105,.25);}
.docs-pl-status-badge.failed{background:rgba(220,38,38,.08);color:var(--docs-red);border:1px solid rgba(220,38,38,.2);}

/* ════════════════════════════════════════
   350. PLANNING MRP — SUPPORTING DATA &
        LAST RUN SUMMARY
════════════════════════════════════════ */
.docs-pl-support{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;}
.docs-pl-support-head{padding:.7rem 1rem;border-bottom:1px solid var(--docs-line);font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--docs-navy);display:flex;align-items:center;gap:.4rem;}
.docs-pl-support-head svg{width:13px;height:13px;color:var(--docs-blue);}
.docs-pl-support-link{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--docs-line);}
.docs-pl-support-link-left{display:flex;align-items:center;gap:.65rem;}
.docs-pl-support-link-icon{width:28px;height:28px;border-radius:7px;background:var(--docs-b08);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-pl-support-link-icon svg{width:12px;height:12px;color:var(--docs-blue);}
.docs-pl-support-link-name{font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;color:var(--docs-navy);}
.docs-pl-support-link-sub{font-size:.68rem;color:var(--docs-muted);}
.docs-pl-support-link-arr{font-size:.8rem;color:var(--docs-ghost);}
.docs-pl-lrs{border-top:1px solid var(--docs-line);padding:.7rem 1rem;}
.docs-pl-lrs-title{font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--docs-ghost);margin-bottom:.5rem;}
.docs-pl-lrs-row{display:flex;align-items:center;justify-content:space-between;padding:3px 0;font-size:.72rem;color:var(--docs-body);border-bottom:1px solid var(--docs-line);}
.docs-pl-lrs-row:last-child{border-bottom:none;}
.docs-pl-lrs-val{font-family:"Outfit",sans-serif;font-weight:700;color:var(--docs-navy);font-size:.75rem;}

/* ════════════════════════════════════════
   351. PLANNING MRP — RUN DETAIL HEADER
        & 4 STAT CARDS
════════════════════════════════════════ */
.docs-pl-run-detail-hdr{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1rem 1.5rem;margin:1rem 0;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-pl-run-detail-left{display:flex;align-items:center;gap:.85rem;}
.docs-pl-run-detail-icon{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-pl-run-detail-bc{font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.2rem;}
.docs-pl-run-detail-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.15rem;color:#fff;}
.docs-pl-run-detail-sub{font-size:.67rem;color:rgba(255,255,255,.5);margin-top:.15rem;}
.docs-pl-run-detail-right{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;}
.docs-pl-run-detail-badge{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:7px;padding:.4rem .85rem;text-align:center;}
.docs-pl-run-detail-badge-label{font-family:"Outfit",sans-serif;font-size:.52rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.45);display:block;}
.docs-pl-run-detail-badge-val{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;color:#fff;}
.docs-pl-run-back-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.73rem;font-weight:600;padding:6px 12px;border-radius:7px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#fff;}
.docs-pl-run-stats{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.6rem;margin:.85rem 0;}
.docs-pl-run-stat-card{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:10px;padding:.9rem 1.1rem;}
.docs-pl-run-stat-label{font-family:"Outfit",sans-serif;font-size:.57rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-ghost);margin-bottom:.35rem;}
.docs-pl-run-stat-val{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.45rem;color:var(--docs-navy);line-height:1;}
.docs-pl-run-stat-val.green{color:var(--docs-green);}

/* ════════════════════════════════════════
   352. PLANNING MRP — RECOMMENDATION TABS
════════════════════════════════════════ */
.docs-pl-tabs{display:flex;border-bottom:1.5px solid var(--docs-line);margin-bottom:.75rem;overflow-x:auto;}
.docs-pl-tab{font-family:"Outfit",sans-serif;font-size:.82rem;font-weight:600;padding:.55rem 1rem .45rem;color:var(--docs-muted);border-bottom:2px solid transparent;margin-bottom:-1.5px;white-space:nowrap;flex-shrink:0;}
.docs-pl-tab.active{color:var(--docs-blue);border-color:var(--docs-blue);}
.docs-pl-tab-count{font-size:.65rem;background:var(--docs-b08);color:var(--docs-blue);border-radius:100px;padding:1px 6px;margin-left:3px;font-weight:700;}
.docs-pl-tab.active .docs-pl-tab-count{background:var(--docs-blue);color:#fff;}

/* ════════════════════════════════════════
   353. PLANNING MRP — RECOMMENDATION TABLE
════════════════════════════════════════ */
.docs-pl-rec-wrap{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.5rem 0;}
.docs-pl-filters{display:flex;align-items:center;gap:.5rem;padding:.6rem .9rem;border-bottom:1px solid var(--docs-line);flex-wrap:wrap;}
.docs-pl-filter-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;padding:4px 10px;border-radius:6px;border:1px solid var(--docs-line2);color:var(--docs-muted);background:var(--docs-off);}
.docs-pl-search-box{display:flex;align-items:center;gap:.4rem;border:1px solid var(--docs-line2);border-radius:6px;padding:4px 10px;font-size:.72rem;color:var(--docs-ghost);background:var(--docs-off);flex:1;min-width:120px;}
.docs-pl-search-box svg{width:10px;height:10px;flex-shrink:0;}
.docs-pl-rec-tbl{width:100%;border-collapse:collapse;font-size:.75rem;}
.docs-pl-rec-tbl th{text-align:left;padding:.45rem .75rem;font-family:"Outfit",sans-serif;font-size:.55rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--docs-ghost);border-bottom:1px solid var(--docs-line2);background:var(--docs-off);white-space:nowrap;}
.docs-pl-rec-tbl td{padding:.6rem .75rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-pl-rec-tbl tr:last-child td{border-bottom:none;}
.docs-pl-rec-product{font-weight:700;color:var(--docs-navy);font-size:.8rem;}
.docs-pl-rec-sku{font-size:.62rem;color:var(--docs-ghost);}
.docs-pl-type-badge{display:inline-flex;align-items:center;gap:.2rem;font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;padding:2px 7px;border-radius:100px;}
.docs-pl-type-badge.purchase{background:rgba(217,119,6,.1);color:var(--docs-amber);border:1px solid rgba(217,119,6,.25);}
.docs-pl-type-badge.make{background:rgba(2,116,190,.1);color:var(--docs-blue);border:1px solid var(--docs-b15);}
.docs-pl-source-badge{display:inline-flex;align-items:center;font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;padding:2px 7px;border-radius:4px;background:#1a1a2e;color:#fff;}
.docs-pl-qty{font-family:"JetBrains Mono","Courier New",monospace;font-size:.78rem;font-weight:600;color:var(--docs-blue);}
.docs-pl-status-sug{display:inline-flex;align-items:center;gap:.25rem;font-family:"Outfit",sans-serif;font-size:.63rem;font-weight:700;padding:2px 8px;border-radius:100px;}
.docs-pl-status-sug.suggested{background:rgba(2,116,190,.08);color:var(--docs-blue);border:1px solid var(--docs-b15);}
.docs-pl-status-sug.approved{background:rgba(124,58,237,.1);color:var(--docs-purple);border:1px solid rgba(124,58,237,.25);}
.docs-pl-approve-btn{font-family:"Outfit",sans-serif;font-size:.67rem;font-weight:700;padding:5px 10px;border-radius:6px;background:var(--docs-navy);color:#fff;white-space:nowrap;}
.docs-pl-reject-btn{font-family:"Outfit",sans-serif;font-size:.67rem;font-weight:700;padding:5px 10px;border-radius:6px;background:rgba(220,38,38,.08);color:var(--docs-red);border:1px solid rgba(220,38,38,.2);white-space:nowrap;}
.docs-pl-convert-btn{display:inline-flex;align-items:center;gap:.25rem;font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:700;padding:5px 12px;border-radius:6px;background:var(--docs-green);color:#fff;white-space:nowrap;}
.docs-pl-timeline-chip{display:inline-flex;align-items:center;gap:.2rem;font-size:.6rem;font-weight:600;padding:1px 6px;border-radius:100px;background:var(--docs-b08);color:var(--docs-blue);border:1px solid var(--docs-b15);margin-left:3px;}

/* ════════════════════════════════════════
   354. PLANNING MRP — CONSIDERED BUT NOT
        RECOMMENDED PANEL
════════════════════════════════════════ */
.docs-pl-cbnr{border:1px solid rgba(217,119,6,.25);background:rgba(217,119,6,.06);border-radius:10px;overflow:hidden;margin:.85rem 0;}
.docs-pl-cbnr-head{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;}
.docs-pl-cbnr-left{display:flex;align-items:center;gap:.55rem;}
.docs-pl-cbnr-left svg{width:14px;height:14px;color:var(--docs-amber);flex-shrink:0;}
.docs-pl-cbnr-title{font-family:"Outfit",sans-serif;font-size:.8rem;font-weight:700;color:#78350f;}
.docs-pl-cbnr-count{font-family:"Outfit",sans-serif;font-size:.67rem;font-weight:700;padding:2px 8px;border-radius:100px;background:rgba(217,119,6,.18);color:var(--docs-amber);border:1px solid rgba(217,119,6,.3);}
.docs-pl-cbnr-sub{font-size:.72rem;color:#a07020;padding:0 1rem .6rem 2.4rem;}
.docs-pl-cbnr-toggle{font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;color:var(--docs-blue);}
.docs-pl-cbnr-tbl-wrap{border-top:1px solid rgba(217,119,6,.2);}
.docs-pl-cbnr-tbl{width:100%;border-collapse:collapse;font-size:.78rem;}
.docs-pl-cbnr-tbl th{text-align:left;padding:.45rem .9rem;font-family:"Outfit",sans-serif;font-size:.57rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--docs-ghost);border-bottom:1px solid rgba(217,119,6,.15);background:rgba(217,119,6,.04);}
.docs-pl-cbnr-tbl td{padding:.6rem .9rem;border-bottom:1px solid rgba(217,119,6,.1);vertical-align:top;color:var(--docs-body);}
.docs-pl-cbnr-tbl tr:last-child td{border-bottom:none;}
.docs-pl-cbnr-product{font-weight:700;color:var(--docs-navy);}
.docs-pl-cbnr-reason-badge{display:inline-flex;align-items:center;font-family:"Outfit",sans-serif;font-size:.63rem;font-weight:700;padding:3px 9px;border-radius:100px;background:rgba(217,119,6,.14);color:#a05c00;border:1px solid rgba(217,119,6,.3);white-space:nowrap;}
.docs-pl-cbnr-coverage{font-family:"JetBrains Mono","Courier New",monospace;font-size:.68rem;color:var(--docs-muted);line-height:1.5;}

/* ════════════════════════════════════════
   355–358. PLANNING MRP — RESPONSIVE
════════════════════════════════════════ */
/* 355 */
@media(max-width:900px){
  .docs-pl-stat-grid{grid-template-columns:1fr 1fr;}
  .docs-pl-run-stats{grid-template-columns:1fr 1fr;}
  .docs-pl-bottom{grid-template-columns:1fr;}
}
/* 356 */
@media(max-width:720px){
  .docs-pl-header{flex-direction:column;}
  .docs-pl-hdr-badges{align-self:flex-start;}
  .docs-pl-run-detail-hdr{flex-direction:column;align-items:flex-start;}
}
/* 357 */
@media(max-width:600px){
  .docs-pl-stat-grid{grid-template-columns:1fr;}
  .docs-pl-run-stats{grid-template-columns:1fr 1fr;}
  .docs-pl-run-panel{flex-direction:column;}
  .docs-pl-run-right{align-items:flex-start;}
  .docs-next-grid{grid-template-columns:1fr;}
}
/* 358 */
@media(max-width:420px){
  .docs-pl-run-stats{grid-template-columns:1fr;}
}
/* ════════════════════════════════════════
   359. WORK CENTRES — PAGE HEADER
════════════════════════════════════════ */
.docs-wc-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.25rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-wc-hdr-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-wc-hdr-icon{width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-wc-hdr-bc{font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.25rem;}
.docs-wc-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.3rem;color:#fff;}
.docs-wc-hdr-desc{font-size:.71rem;color:rgba(255,255,255,.55);margin-top:.3rem;line-height:1.6;}
.docs-wc-hdr-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0;align-self:flex-start;}
.docs-wc-total-badge{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:.45rem .85rem;text-align:center;}
.docs-wc-total-label{font-family:"Outfit",sans-serif;font-size:.52rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.45);display:block;}
.docs-wc-total-val{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.2rem;color:#fff;}
.docs-wc-back-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:600;padding:7px 12px;border-radius:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#fff;}

/* ════════════════════════════════════════
   360. WORK CENTRES — UI PATH
════════════════════════════════════════ */
.docs-ui-path{display:inline-flex;align-items:center;gap:.35rem;flex-wrap:wrap;background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:7px;padding:5px 11px;margin:.6rem 0;font-size:.77rem;}
.docs-ui-path-label{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--docs-ghost);margin-right:.25rem;}
.docs-ui-path>svg{width:9px;height:9px;color:var(--docs-ghost);}
.docs-ui-path>strong{color:var(--docs-navy);font-weight:600;background:var(--docs-white);border:1px solid var(--docs-line);border-radius:4px;padding:1px 6px;font-size:.74rem;}

/* ════════════════════════════════════════
   361. WORK CENTRES — 2-COL CHROME
════════════════════════════════════════ */
.docs-wc-chrome{display:grid;grid-template-columns:1fr 320px;gap:.85rem;margin:.85rem 0;}

/* ════════════════════════════════════════
   362. WORK CENTRES — LIST PANEL
════════════════════════════════════════ */
.docs-wc-list-panel{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;}
.docs-wc-list-head{display:flex;align-items:flex-start;gap:.65rem;padding:.85rem 1.25rem;border-bottom:1px solid var(--docs-line);}
.docs-wc-list-head-icon{width:28px;height:28px;border-radius:7px;background:var(--docs-b08);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-wc-list-head-icon svg{width:13px;height:13px;color:var(--docs-blue);}
.docs-wc-list-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;color:var(--docs-navy);display:flex;align-items:center;gap:.4rem;}
.docs-wc-list-count{font-family:"Outfit",sans-serif;font-size:.67rem;font-weight:700;padding:1px 7px;border-radius:100px;background:var(--docs-b08);color:var(--docs-blue);border:1px solid var(--docs-b15);}
.docs-wc-list-sub{font-size:.7rem;color:var(--docs-muted);margin-top:.15rem;}

/* ════════════════════════════════════════
   363. WORK CENTRES — LIST TABLE
════════════════════════════════════════ */
.docs-wc-tbl{width:100%;border-collapse:collapse;font-size:.78rem;}
.docs-wc-tbl th{text-align:left;padding:.42rem 1rem;font-family:"Outfit",sans-serif;font-size:.57rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--docs-ghost);border-bottom:1px solid var(--docs-line2);background:var(--docs-off);}
.docs-wc-tbl td{padding:.65rem 1rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-wc-tbl tr:last-child td{border-bottom:none;}
.docs-wc-tbl-row.selected td{background:rgba(2,116,190,.04);}
.docs-wc-name{font-weight:700;color:var(--docs-navy);font-size:.88rem;}
.docs-wc-selected-dot{width:7px;height:7px;border-radius:50%;background:var(--docs-blue);display:inline-block;margin-right:5px;flex-shrink:0;vertical-align:middle;}
.docs-wc-capacity{font-family:"JetBrains Mono","Courier New",monospace;font-size:.78rem;color:var(--docs-body);}
.docs-wc-capacity-unit{font-size:.65rem;color:var(--docs-muted);margin-left:2px;}
.docs-wc-active-badge{display:inline-flex;align-items:center;gap:.25rem;font-family:"Outfit",sans-serif;font-size:.67rem;font-weight:700;padding:3px 9px;border-radius:100px;background:rgba(5,150,105,.1);color:var(--docs-green);border:1px solid rgba(5,150,105,.25);}
.docs-wc-edit-btn{font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:600;padding:5px 10px;border-radius:6px;color:var(--docs-blue);background:var(--docs-b08);border:1px solid var(--docs-b15);}
.docs-wc-delete-btn{font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:600;padding:5px 10px;border-radius:6px;color:var(--docs-red);background:rgba(220,38,38,.06);border:1px solid rgba(220,38,38,.2);}

/* ════════════════════════════════════════
   364. WORK CENTRES — FORM PANEL SHELL
════════════════════════════════════════ */
.docs-wc-form-panel{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;}

/* ════════════════════════════════════════
   365. WORK CENTRES — FORM HEADER
        (ADD = grey, EDIT = blue)
════════════════════════════════════════ */
.docs-wc-form-head{padding:.85rem 1.1rem;border-bottom:1px solid var(--docs-line);}
.docs-wc-form-head.add{background:var(--docs-off);}
.docs-wc-form-head.edit{background:var(--docs-b08);}
.docs-wc-form-head-top{display:flex;align-items:center;gap:.55rem;}
.docs-wc-form-head-icon{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-wc-form-head-icon.add{background:var(--docs-navy);}
.docs-wc-form-head-icon.edit{background:var(--docs-blue);}
.docs-wc-form-head-icon svg{width:12px;height:12px;stroke:#fff;stroke-width:2;}
.docs-wc-form-head-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.85rem;color:var(--docs-navy);}
.docs-wc-form-head.edit .docs-wc-form-head-title{color:var(--docs-blue);}
.docs-wc-form-head-sub{font-size:.7rem;color:var(--docs-muted);margin-top:.18rem;}

/* ════════════════════════════════════════
   366. WORK CENTRES — FORM FIELDS
════════════════════════════════════════ */
.docs-wc-form-body{padding:1rem 1.1rem;flex:1;display:flex;flex-direction:column;gap:.75rem;}
.docs-wc-field{display:flex;flex-direction:column;gap:.28rem;}
.docs-wc-label{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-muted);}
.docs-wc-label sup{color:var(--docs-red);}
.docs-wc-input{border:1.5px solid var(--docs-line2);border-radius:7px;padding:.48rem .85rem;font-size:.85rem;color:var(--docs-ghost);font-style:italic;background:var(--docs-white);}
.docs-wc-input.filled{color:var(--docs-body);font-style:normal;}
.docs-wc-input-row{display:flex;align-items:center;gap:.4rem;}
.docs-wc-input-row .docs-wc-input{flex:0 0 auto;}
.docs-wc-unit{font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:600;color:var(--docs-muted);}
.docs-wc-hint{font-size:.67rem;color:var(--docs-ghost);line-height:1.5;}
.docs-wc-textarea{border:1.5px solid var(--docs-line2);border-radius:7px;padding:.48rem .85rem;font-size:.82rem;color:var(--docs-ghost);font-style:italic;background:var(--docs-white);width:100%;min-height:70px;resize:vertical;box-sizing:border-box;}

/* ════════════════════════════════════════
   367. WORK CENTRES — FORM FOOTER BUTTONS
════════════════════════════════════════ */
.docs-wc-form-footer{padding:.85rem 1.1rem;border-top:1px solid var(--docs-line);}
.docs-wc-add-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.4rem;font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;padding:10px;border-radius:8px;background:var(--docs-green);color:#fff;}
.docs-wc-edit-actions{display:flex;gap:.5rem;}
.docs-wc-save-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;padding:10px;border-radius:8px;background:var(--docs-navy);color:#fff;}
.docs-wc-cancel-btn{font-family:"Outfit",sans-serif;font-weight:600;font-size:.82rem;padding:10px 16px;border-radius:8px;border:1.5px solid var(--docs-line2);color:var(--docs-muted);}

/* ════════════════════════════════════════
   368. WORK CENTRES — AMBER WARN BOX
════════════════════════════════════════ */
.docs-wc-warn-box{margin:.75rem 1.1rem;display:flex;align-items:flex-start;gap:.45rem;background:rgba(217,119,6,.07);border:1px solid rgba(217,119,6,.25);border-radius:8px;padding:.65rem .85rem;font-size:.75rem;color:#78350f;line-height:1.6;}
.docs-wc-warn-box svg{width:13px;height:13px;flex-shrink:0;margin-top:1px;color:var(--docs-amber);}

/* ════════════════════════════════════════
   369. WORK CENTRES — FIELD TABLE
        Required / Optional badges
════════════════════════════════════════ */
.docs-fd-req{font-size:.65rem;font-weight:700;font-family:"Outfit",sans-serif;color:var(--docs-red);background:rgba(220,38,38,.08);padding:1px 6px;border-radius:100px;border:1px solid rgba(220,38,38,.15);}
.docs-fd-opt{font-size:.65rem;font-weight:700;font-family:"Outfit",sans-serif;color:var(--docs-ghost);background:var(--docs-off2);padding:1px 6px;border-radius:100px;border:1px solid var(--docs-line);}

/* ════════════════════════════════════════
   370. WORK CENTRES — STANDALONE WARN BOX
        (Section 05, outside the chrome)
════════════════════════════════════════ */
.docs-prose .docs-wc-warn-box{margin:0 0 1.25rem;}

/* ════════════════════════════════════════
   371. WORK CENTRES — RESPONSIVE
════════════════════════════════════════ */
@media(max-width:900px){
  .docs-wc-chrome{grid-template-columns:1fr;}
}
@media(max-width:560px){
  .docs-wc-header{flex-direction:column;}
  .docs-wc-hdr-right{align-self:flex-start;}
  .docs-wc-tbl th:nth-child(3),
  .docs-wc-tbl td:nth-child(3){display:none;}
}
@media(max-width:420px){
  .docs-wc-tbl th:nth-child(2),
  .docs-wc-tbl td:nth-child(2){display:none;}
}
/* ════════════════════════════════════════
   372. CAPACITY — PAGE HEADER
════════════════════════════════════════ */
.docs-cap-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.1rem 1.5rem;margin:1rem 0;display:flex;align-items:center;gap:.85rem;}
.docs-cap-hdr-icon{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-cap-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.2rem;color:#fff;}
.docs-cap-hdr-desc{font-size:.71rem;color:rgba(255,255,255,.55);margin-top:.25rem;line-height:1.6;max-width:680px;}

/* ════════════════════════════════════════
   373. CAPACITY — FILTERS PANEL
════════════════════════════════════════ */
.docs-cap-filters{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;padding:.85rem 1.25rem;margin:.85rem 0;}
.docs-cap-filters-label{display:flex;align-items:center;gap:.4rem;font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--docs-blue);margin-bottom:.75rem;}
.docs-cap-filters-label svg{width:12px;height:12px;color:var(--docs-blue);}
.docs-cap-filters-row{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap;}
.docs-cap-filter-group{display:flex;flex-direction:column;gap:.25rem;}
.docs-cap-filter-label{font-family:"Outfit",sans-serif;font-size:.57rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-ghost);}
.docs-cap-select{display:flex;align-items:center;gap:.4rem;border:1.5px solid var(--docs-line2);border-radius:7px;padding:.45rem .9rem;font-size:.82rem;color:var(--docs-navy);font-weight:500;background:var(--docs-white);white-space:nowrap;}
.docs-cap-select svg{width:10px;height:10px;color:var(--docs-ghost);}
.docs-cap-date{display:flex;align-items:center;gap:.4rem;border:1.5px solid var(--docs-line2);border-radius:7px;padding:.45rem .9rem;font-size:.82rem;color:var(--docs-navy);font-weight:500;background:var(--docs-white);white-space:nowrap;}
.docs-cap-date svg{width:11px;height:11px;color:var(--docs-ghost);}
.docs-cap-quick-btns{display:flex;gap:.4rem;align-self:flex-end;}
.docs-cap-quick-btn{font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;padding:6px 12px;border-radius:6px;border:1.5px solid var(--docs-line2);color:var(--docs-muted);background:var(--docs-off);}
.docs-cap-quick-btn.active{background:var(--docs-blue);color:#fff;border-color:var(--docs-blue);}

/* ════════════════════════════════════════
   374. CAPACITY — 4 STAT CARDS
════════════════════════════════════════ */
.docs-cap-stats{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.65rem;margin:.85rem 0;}
.docs-cap-stat-card{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:10px;padding:.9rem 1.1rem;}
.docs-cap-stat-label{font-family:"Outfit",sans-serif;font-size:.57rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-ghost);margin-bottom:.35rem;}
.docs-cap-stat-val{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.55rem;color:var(--docs-navy);line-height:1;}
.docs-cap-stat-val.green{color:var(--docs-green);}
.docs-cap-stat-val.amber{color:var(--docs-amber);}
.docs-cap-stat-val.red{color:var(--docs-red);}

/* ════════════════════════════════════════
   375. CAPACITY — WEEKLY LOAD CHART
        WRAPPER + HEADER + LEGEND
════════════════════════════════════════ */
.docs-cap-chart-wrap{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;padding:1rem 1.25rem;margin:.85rem 0;}
.docs-cap-chart-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem;}
.docs-cap-chart-title{display:flex;align-items:center;gap:.4rem;font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:700;color:var(--docs-navy);}
.docs-cap-chart-title svg{width:12px;height:12px;color:var(--docs-blue);}
.docs-cap-legend{display:flex;align-items:center;gap:.85rem;}
.docs-cap-legend-item{display:flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.67rem;font-weight:600;color:var(--docs-muted);}
.docs-cap-legend-swatch{width:10px;height:10px;border-radius:2px;flex-shrink:0;}
.docs-cap-legend-swatch.booked{background:var(--docs-navy);}
.docs-cap-legend-swatch.available{background:#b8d4ea;}
.docs-cap-legend-swatch.over{background:var(--docs-red);}

/* ════════════════════════════════════════
   376. CAPACITY — BAR CHART BARS
════════════════════════════════════════ */
.docs-cap-chart-bars{display:flex;align-items:flex-end;gap:6px;height:110px;padding:0 4px;}
.docs-cap-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;}
.docs-cap-bar{width:100%;border-radius:4px 4px 0 0;}
.docs-cap-bar-available{background:#c5ddf0;}
.docs-cap-bar-available.short{background:#d8eaf6;}
.docs-cap-bar-booked{background:var(--docs-navy);}
.docs-cap-bar-over{background:var(--docs-red);}
.docs-cap-bar-label{font-family:"Outfit",sans-serif;font-size:.58rem;color:var(--docs-ghost);margin-top:2px;white-space:nowrap;}

/* ════════════════════════════════════════
   377. CAPACITY — ALL WEEKS TABLE WRAPPER
════════════════════════════════════════ */
.docs-cap-weeks-wrap{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.85rem 0;}
.docs-cap-weeks-head{display:flex;align-items:center;gap:.4rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--docs-line);}
.docs-cap-weeks-head svg{width:13px;height:13px;color:var(--docs-blue);}
.docs-cap-weeks-head-label{font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-navy);}

/* ════════════════════════════════════════
   378. CAPACITY — ALL WEEKS TABLE CELLS
════════════════════════════════════════ */
.docs-cap-tbl{width:100%;border-collapse:collapse;font-size:.8rem;}
.docs-cap-tbl thead tr{background:var(--docs-navy);}
.docs-cap-tbl th{text-align:left;padding:.55rem 1rem;font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.7);}
.docs-cap-tbl td{padding:.65rem 1rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-cap-tbl tr:last-child td{border-bottom:none;}
.docs-cap-week-name{font-family:"Outfit",sans-serif;font-weight:700;font-size:.83rem;color:var(--docs-navy);}
.docs-cap-week-range{font-size:.67rem;color:var(--docs-ghost);margin-top:2px;font-family:"JetBrains Mono","Courier New",monospace;}
.docs-cap-num{font-family:"JetBrains Mono","Courier New",monospace;font-size:.8rem;color:var(--docs-body);}
.docs-cap-util-badge{display:inline-flex;align-items:center;justify-content:center;font-family:"Outfit",sans-serif;font-size:.67rem;font-weight:700;padding:3px 9px;border-radius:100px;background:rgba(5,150,105,.1);color:var(--docs-green);border:1px solid rgba(5,150,105,.2);}
.docs-cap-util-badge.over{background:rgba(220,38,38,.1);color:var(--docs-red);border-color:rgba(220,38,38,.25);}
.docs-cap-util-badge.amber{background:rgba(217,119,6,.1);color:var(--docs-amber);border-color:rgba(217,119,6,.25);}
.docs-cap-wo-count{font-family:"JetBrains Mono","Courier New",monospace;font-size:.8rem;color:var(--docs-ghost);}

/* ════════════════════════════════════════
   379–384. CAPACITY — RESPONSIVE
════════════════════════════════════════ */
/* 379 */
@media(max-width:1000px){
  .docs-cap-stats{grid-template-columns:1fr 1fr;}
}
/* 380 */
@media(max-width:720px){
  .docs-cap-filters-row{flex-direction:column;align-items:flex-start;}
  .docs-cap-quick-btns{align-self:flex-start;}
}
/* 381 */
@media(max-width:640px){
  .docs-cap-chart-bars{height:80px;}
  .docs-cap-bar-label{font-size:.5rem;}
  .docs-cap-chart-head{flex-direction:column;align-items:flex-start;}
}
/* 382 */
@media(max-width:540px){
  /* hide less-critical columns on small screens */
  .docs-cap-tbl th:nth-child(6),
  .docs-cap-tbl td:nth-child(6){display:none;}
}
/* 383 */
@media(max-width:420px){
  .docs-cap-stats{grid-template-columns:1fr;}
  .docs-cap-tbl th:nth-child(5),
  .docs-cap-tbl td:nth-child(5){display:none;}
}
/* 384 */
@media(max-width:360px){
  .docs-cap-tbl th:nth-child(3),
  .docs-cap-tbl td:nth-child(3){display:none;}
}
/* ════════════════════════════════════════
   385. CAPACITY PLANNER — PAGE HEADER
════════════════════════════════════════ */
.docs-cp-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.1rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-cp-hdr-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-cp-hdr-icon{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-cp-hdr-bc{font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.18rem;}
.docs-cp-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.2rem;color:#fff;}
.docs-cp-hdr-desc{font-size:.7rem;color:rgba(255,255,255,.55);margin-top:.25rem;line-height:1.6;max-width:600px;}
.docs-cp-hdr-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0;flex-wrap:wrap;}
.docs-cp-hdr-badge{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:7px;padding:.4rem .85rem;text-align:center;}
.docs-cp-hdr-badge-label{font-family:"Outfit",sans-serif;font-size:.52rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.45);display:block;}
.docs-cp-hdr-badge-val{font-family:"Outfit",sans-serif;font-weight:900;font-size:.95rem;color:#fff;}
.docs-cp-run-btn{display:inline-flex;align-items:center;gap:.4rem;font-family:"Outfit",sans-serif;font-weight:700;font-size:.78rem;padding:8px 14px;border-radius:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;}

/* ════════════════════════════════════════
   386. CAPACITY PLANNER — 8 STAT CARDS
════════════════════════════════════════ */
.docs-cp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:.85rem 0;}
.docs-cp-stat{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:10px;padding:.7rem .85rem;}
.docs-cp-stat-label{font-family:"Outfit",sans-serif;font-size:.52rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-ghost);margin-bottom:.28rem;display:flex;align-items:center;gap:.25rem;}
.docs-cp-stat-label svg{width:10px;height:10px;flex-shrink:0;}
.docs-cp-stat-val{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.25rem;line-height:1;color:var(--docs-navy);}
.docs-cp-stat-val.red{color:var(--docs-red);}
.docs-cp-stat-val.green{color:var(--docs-green);}
.docs-cp-stat-sub{font-size:.6rem;color:var(--docs-ghost);margin-top:.18rem;}

/* ════════════════════════════════════════
   387. CAPACITY PLANNER — FILTER BAR
════════════════════════════════════════ */
.docs-cp-filter-bar{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:10px;padding:.7rem 1rem;margin:.65rem 0;display:flex;align-items:flex-end;gap:.65rem;flex-wrap:wrap;}
.docs-cp-filter-label{font-family:"Outfit",sans-serif;font-size:.57rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-ghost);}
.docs-cp-filter-search{flex:1;min-width:150px;border:1.5px solid var(--docs-line2);border-radius:6px;padding:.4rem .75rem;font-size:.78rem;color:var(--docs-ghost);background:var(--docs-off);display:flex;align-items:center;gap:.4rem;}
.docs-cp-filter-search svg{width:10px;height:10px;flex-shrink:0;}
.docs-cp-filter-select{border:1.5px solid var(--docs-line2);border-radius:6px;padding:.4rem .75rem;font-size:.78rem;color:var(--docs-navy);background:var(--docs-off);white-space:nowrap;display:flex;align-items:center;gap:.3rem;}
.docs-cp-filter-select svg{width:9px;height:9px;color:var(--docs-ghost);}
.docs-cp-filter-date{border:1.5px solid var(--docs-line2);border-radius:6px;padding:.4rem .75rem;font-size:.78rem;color:var(--docs-ghost);background:var(--docs-off);display:flex;align-items:center;gap:.35rem;white-space:nowrap;}
.docs-cp-filter-date svg{width:10px;height:10px;color:var(--docs-ghost);}
.docs-cp-late-only{display:flex;align-items:center;gap:.3rem;font-size:.72rem;color:var(--docs-muted);}
.docs-cp-late-only input{width:12px;height:12px;flex-shrink:0;}

/* ════════════════════════════════════════
   388. CAPACITY PLANNER — SUMMARY BAR
        + VIEW TOGGLE BUTTONS
════════════════════════════════════════ */
.docs-cp-summary-bar{display:flex;align-items:center;justify-content:space-between;margin:.65rem 0;flex-wrap:wrap;gap:.5rem;}
.docs-cp-summary-text{font-size:.77rem;color:var(--docs-muted);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;}
.docs-cp-late-badge{display:inline-flex;align-items:center;gap:.25rem;font-family:"Outfit",sans-serif;font-size:.67rem;font-weight:700;padding:3px 9px;border-radius:100px;background:rgba(220,38,38,.08);color:var(--docs-red);border:1px solid rgba(220,38,38,.2);}
.docs-cp-late-badge svg{width:10px;height:10px;}
.docs-cp-view-btns{display:flex;gap:.35rem;}
.docs-cp-view-btn{font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;padding:5px 11px;border-radius:6px;border:1.5px solid var(--docs-line2);color:var(--docs-muted);background:var(--docs-off);display:flex;align-items:center;gap:.3rem;}
.docs-cp-view-btn svg{width:10px;height:10px;}
.docs-cp-view-btn.active{background:var(--docs-blue);color:#fff;border-color:var(--docs-blue);}

/* ════════════════════════════════════════
   389. CAPACITY PLANNER — GANTT LEGEND
════════════════════════════════════════ */
.docs-cp-legend{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin:.5rem 0;}
.docs-cp-legend-item{display:flex;align-items:center;gap:.3rem;font-size:.7rem;color:var(--docs-muted);}
.docs-cp-legend-dot{width:9px;height:9px;border-radius:2px;flex-shrink:0;}
.docs-cp-legend-dot.not-started{background:#334155;}
.docs-cp-legend-dot.at-risk{background:rgba(220,38,38,.6);}
.docs-cp-legend-dot.in-progress{background:var(--docs-amber);}
.docs-cp-legend-dot.completed{background:#374151;}
.docs-cp-legend-dot.late{background:var(--docs-red);}
.docs-cp-today-line{width:2px;height:14px;background:var(--docs-red);display:inline-block;flex-shrink:0;}

/* ════════════════════════════════════════
   390. CAPACITY PLANNER — GANTT WRAPPER
        + 2-COL GRID (LEFT FROZEN + RIGHT)
════════════════════════════════════════ */
.docs-cp-gantt-wrap{border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.65rem 0;background:var(--docs-white);}
.docs-cp-gantt-inner{display:grid;grid-template-columns:320px 1fr;min-height:180px;overflow:hidden;}

/* ════════════════════════════════════════
   391. CAPACITY PLANNER — GANTT LEFT
        FROZEN PANEL
════════════════════════════════════════ */
.docs-cp-gantt-left{background:var(--docs-navy);overflow:hidden;}
.docs-cp-gantt-left-head{display:grid;grid-template-columns:1fr 80px 80px 40px 40px;padding:.45rem .65rem;border-bottom:1px solid rgba(255,255,255,.1);}
.docs-cp-gantt-left-head span{font-family:"Outfit",sans-serif;font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:rgba(255,255,255,.55);}
.docs-cp-gantt-row-left{display:grid;grid-template-columns:1fr 80px 80px 40px 40px;padding:.4rem .65rem;border-bottom:1px solid rgba(255,255,255,.08);align-items:center;}
.docs-cp-gantt-row-left.wc-header{background:rgba(255,255,255,.06);}
.docs-cp-gantt-row-left span{font-size:.72rem;color:rgba(255,255,255,.75);}
.docs-cp-gantt-row-left .wc-name{font-weight:700;color:#fff;font-size:.75rem;}

/* ════════════════════════════════════════
   392. CAPACITY PLANNER — GANTT RIGHT
        CALENDAR + BAR ROWS
════════════════════════════════════════ */
.docs-cp-gantt-right{overflow-x:auto;background:var(--docs-off);}
.docs-cp-gantt-cal-head{display:flex;border-bottom:1px solid var(--docs-line2);background:var(--docs-white);}
.docs-cp-gantt-month{font-family:"Outfit",sans-serif;font-size:.68rem;font-weight:700;color:var(--docs-navy);padding:.45rem .85rem;border-right:1px solid var(--docs-line2);white-space:nowrap;}
.docs-cp-gantt-days{display:flex;flex:1;}
.docs-cp-gantt-day{flex:1;min-width:48px;text-align:center;font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:600;color:var(--docs-muted);padding:.45rem 0;border-right:1px solid var(--docs-line);background:var(--docs-white);}
.docs-cp-bar-row{display:flex;align-items:center;padding:.28rem .5rem;border-bottom:1px solid var(--docs-line);min-height:34px;position:relative;}
.docs-cp-bar-row.wc-header-row{background:var(--docs-off2);}

/* ════════════════════════════════════════
   393. CAPACITY PLANNER — GANTT BARS
════════════════════════════════════════ */
.docs-cp-gantt-bar{border-radius:5px;height:22px;display:flex;align-items:center;padding:0 8px;font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.docs-cp-gantt-bar.wc-cap{background:var(--docs-green);}
.docs-cp-gantt-bar.wo-late{background:var(--docs-navy);}
.docs-cp-gantt-bar.wo-green{background:#059669;}
.docs-cp-gantt-bar.wo-short{background:#1e5c8a;}
.docs-cp-late-chip{display:inline-flex;align-items:center;gap:.2rem;font-size:.55rem;font-weight:700;padding:1px 5px;border-radius:100px;background:rgba(220,38,38,.18);color:var(--docs-red);border:1px solid rgba(220,38,38,.3);margin-left:4px;flex-shrink:0;}

/* ════════════════════════════════════════
   394. CAPACITY PLANNER — GANTT HINT
        FOOTER
════════════════════════════════════════ */
/* Rendered inline — see cpln_gantt_hint() */

/* ════════════════════════════════════════
   395. CAPACITY PLANNER — WO LIST TABLE
════════════════════════════════════════ */
.docs-cp-wo-section{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.65rem 0;}
.docs-cp-wo-head{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--docs-line);}
.docs-cp-wo-head svg{width:13px;height:13px;color:var(--docs-navy);}
.docs-cp-wo-head-label{font-family:"Outfit",sans-serif;font-weight:700;font-size:.78rem;color:var(--docs-navy);}
.docs-cp-wo-count{font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:700;color:var(--docs-navy);}
.docs-cp-wo-tbl{width:100%;border-collapse:collapse;font-size:.78rem;}
.docs-cp-wo-tbl th{text-align:left;padding:.45rem 1rem;font-family:"Outfit",sans-serif;font-size:.57rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--docs-blue);border-bottom:1px solid var(--docs-line2);background:var(--docs-off);}
.docs-cp-wo-tbl td{padding:.7rem 1rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-cp-wo-tbl tr:last-child td{border-bottom:none;}
.docs-cp-wo-ref{font-family:"Outfit",sans-serif;font-weight:700;font-size:.8rem;color:var(--docs-navy);}
.docs-cp-wo-late-chip{display:inline-flex;align-items:center;font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;padding:1px 6px;border-radius:100px;background:rgba(220,38,38,.1);color:var(--docs-red);border:1px solid rgba(220,38,38,.2);margin-left:4px;vertical-align:middle;}
.docs-cp-wo-sub{font-size:.67rem;color:var(--docs-muted);margin-top:2px;}
.docs-cp-wo-product{font-family:"JetBrains Mono","Courier New",monospace;font-size:.75rem;color:var(--docs-body);}
.docs-cp-wo-due{font-weight:700;font-size:.78rem;color:var(--docs-red);}
.docs-cp-wo-status{font-family:"Outfit",sans-serif;font-size:.67rem;font-weight:600;padding:2px 8px;border-radius:100px;background:var(--docs-off2);color:var(--docs-muted);border:1px solid var(--docs-line);}
.docs-cp-wo-scheduled{font-size:.72rem;color:var(--docs-body);white-space:nowrap;}
.docs-cp-progress-bar-wrap{width:80px;height:5px;background:var(--docs-line2);border-radius:3px;overflow:hidden;display:inline-block;vertical-align:middle;}
.docs-cp-progress-bar{height:100%;background:var(--docs-blue);border-radius:3px;}
.docs-cp-wo-open{color:var(--docs-blue);font-size:.85rem;}

/* ════════════════════════════════════════
   396. CAPACITY PLANNER — WC CAPACITY
        MINI CHART SECTION
════════════════════════════════════════ */
.docs-cp-wc-cap-section{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.65rem 0;}
.docs-cp-wc-cap-head{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-bottom:1px solid var(--docs-line);flex-wrap:wrap;gap:.5rem;}
.docs-cp-wc-cap-title{display:flex;align-items:center;gap:.5rem;}
.docs-cp-wc-cap-title svg{width:13px;height:13px;color:var(--docs-blue);}
.docs-cp-wc-cap-title-text{font-family:"Outfit",sans-serif;font-weight:700;font-size:.78rem;color:var(--docs-navy);}
.docs-cp-wc-cap-sub{font-size:.67rem;color:var(--docs-muted);}
.docs-cp-wc-legend{display:flex;gap:.65rem;flex-wrap:wrap;}
.docs-cp-wc-legend-item{display:flex;align-items:center;gap:.3rem;font-size:.67rem;color:var(--docs-muted);}
.docs-cp-wc-legend-swatch{width:9px;height:9px;border-radius:2px;}
.docs-cp-wc-legend-swatch.booked{background:var(--docs-navy);}
.docs-cp-wc-legend-swatch.available{background:#b8d4ea;}
.docs-cp-wc-legend-swatch.over{background:var(--docs-red);}
.docs-cp-wc-charts-grid{display:grid;grid-template-columns:1fr 1fr;}
.docs-cp-wc-chart-card{padding:1rem 1.25rem;border-right:1px solid var(--docs-line);}
.docs-cp-wc-chart-card:last-child{border-right:none;}
.docs-cp-wc-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem;}
.docs-cp-wc-chart-name{display:flex;align-items:center;gap:.4rem;}
.docs-cp-wc-chart-name svg{width:11px;height:11px;color:var(--docs-blue);}
.docs-cp-wc-name-text{font-family:"Outfit",sans-serif;font-weight:700;font-size:.78rem;color:var(--docs-navy);}
.docs-cp-wc-cap-label{font-size:.65rem;color:var(--docs-muted);}
.docs-cp-util-pct{font-family:"Outfit",sans-serif;font-size:.67rem;font-weight:700;padding:2px 8px;border-radius:100px;background:rgba(5,150,105,.1);color:var(--docs-green);border:1px solid rgba(5,150,105,.2);}

/* ════════════════════════════════════════
   397. CAPACITY PLANNER — WC MINI BARS
════════════════════════════════════════ */
.docs-cp-mini-bars{display:flex;align-items:flex-end;gap:4px;height:72px;}
.docs-cp-mini-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;}
.docs-cp-mini-bar{width:100%;border-radius:3px 3px 0 0;background:#c5ddf0;}
.docs-cp-mini-bar.short{background:#d8eaf6;}
.docs-cp-mini-bar-label{font-size:.5rem;color:var(--docs-ghost);white-space:nowrap;font-family:"Outfit",sans-serif;}
.docs-cp-wc-chart-footer{display:flex;gap:.85rem;margin-top:.5rem;}
.docs-cp-wc-footer-stat{font-size:.7rem;color:var(--docs-muted);}
.docs-cp-wc-footer-stat strong.zero{color:var(--docs-blue);font-weight:700;}
.docs-cp-wc-footer-stat strong.avail{color:var(--docs-navy);font-weight:700;}

/* ════════════════════════════════════════
   398–400. CAPACITY PLANNER — RESPONSIVE
════════════════════════════════════════ */
/* 398 */
@media(max-width:1100px){
  .docs-cp-stats{grid-template-columns:repeat(2,1fr);}
  .docs-cp-gantt-inner{grid-template-columns:220px 1fr;}
}
/* 399 */
@media(max-width:720px){
  .docs-cp-stats{grid-template-columns:repeat(2,1fr);}
  .docs-cp-header{flex-direction:column;}
  .docs-cp-hdr-right{flex-direction:row;align-items:flex-start;}
  .docs-cp-filter-bar{gap:.4rem;}
  .docs-cp-wc-charts-grid{grid-template-columns:1fr;}
  .docs-cp-wc-chart-card{border-right:none;border-bottom:1px solid var(--docs-line);}
  .docs-cp-wc-chart-card:last-child{border-bottom:none;}
  .docs-cp-gantt-inner{grid-template-columns:180px 1fr;}
  .docs-next-grid{grid-template-columns:1fr;}
}
/* 400 */
@media(max-width:480px){
  .docs-cp-stats{grid-template-columns:1fr 1fr;}
  .docs-cp-gantt-inner{grid-template-columns:160px 1fr;}
  .docs-cp-gantt-left-head,
  .docs-cp-gantt-row-left{grid-template-columns:1fr 60px 60px 30px 30px;}
  .docs-cp-summary-bar{flex-direction:column;align-items:flex-start;}
}
/* ════════════════════════════════════════
   401. SHOP FLOOR — PAGE HEADER
════════════════════════════════════════ */
.docs-sf-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.1rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-sf-hdr-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-sf-hdr-icon{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-sf-hdr-bc{font-family:"Outfit",sans-serif;font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.18rem;letter-spacing:.06em;}
.docs-sf-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.2rem;color:#fff;}
.docs-sf-hdr-desc{font-size:.7rem;color:rgba(255,255,255,.55);margin-top:.25rem;line-height:1.6;max-width:560px;}

/* ════════════════════════════════════════
   402. SHOP FLOOR — LIVE BADGE
════════════════════════════════════════ */
.docs-sf-live-badge{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;flex-shrink:0;}
.docs-sf-live-pill{display:inline-flex;align-items:center;gap:.4rem;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:.3rem .75rem;font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:700;color:#fff;}
.docs-sf-live-dot{width:7px;height:7px;background:#4ade80;border-radius:50%;animation:sf-live-pulse 2s ease-in-out infinite;flex-shrink:0;}
@keyframes sf-live-pulse{0%,100%{opacity:1;}50%{opacity:.35;}}
.docs-sf-last-updated{font-size:.62rem;color:rgba(255,255,255,.38);}

/* ════════════════════════════════════════
   403. SHOP FLOOR — SUMMARY BAR
════════════════════════════════════════ */
.docs-sf-summary{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:10px;padding:.6rem 1rem;margin:.75rem 0;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;}
.docs-sf-stat{display:flex;align-items:center;gap:.5rem;}
.docs-sf-stat-icon{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-sf-stat-icon.active-ic{background:rgba(5,150,105,.1);color:var(--docs-green);}
.docs-sf-stat-icon.idle-ic{background:rgba(107,131,155,.1);color:var(--docs-muted);}
.docs-sf-stat-icon svg{width:12px;height:12px;}
.docs-sf-stat-val{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.05rem;color:var(--docs-navy);line-height:1;}
.docs-sf-stat-label{font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-ghost);}
.docs-sf-sep{width:1px;height:26px;background:var(--docs-line);flex-shrink:0;}
.docs-sf-wc-count{font-size:.8rem;color:var(--docs-muted);}
.docs-sf-hint{margin-left:auto;display:flex;align-items:center;gap:.35rem;font-size:.7rem;color:var(--docs-ghost);}
.docs-sf-hint svg{width:11px;height:11px;flex-shrink:0;}

/* ════════════════════════════════════════
   404. SHOP FLOOR — WC CARDS GRID
════════════════════════════════════════ */
.docs-sf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.85rem;margin:.75rem 0;}

/* ════════════════════════════════════════
   405. SHOP FLOOR — INDIVIDUAL WC CARD
════════════════════════════════════════ */
.docs-sf-card{background:var(--docs-white);border:1.5px solid var(--docs-line);border-radius:12px;overflow:hidden;}
.docs-sf-card.is-active{border-color:#86efac;box-shadow:0 0 0 1px #86efac,0 2px 12px rgba(5,150,105,.1);}
.docs-sf-card-hdr{display:flex;align-items:center;justify-content:space-between;padding:.65rem .9rem;border-bottom:1px solid var(--docs-line);}
.docs-sf-card.is-active .docs-sf-card-hdr{background:#f0fdf4;border-bottom-color:#bbf7d0;}
.docs-sf-card-name-row{display:flex;align-items:center;gap:.45rem;}
.docs-sf-card-wc-icon{width:16px;height:16px;color:var(--docs-muted);flex-shrink:0;}
.docs-sf-card.is-active .docs-sf-card-wc-icon{color:var(--docs-green);}
.docs-sf-card-name{font-family:"Outfit",sans-serif;font-weight:800;font-size:.9rem;color:var(--docs-navy);}
.docs-sf-status-pill{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;padding:.2rem .6rem;border-radius:100px;flex-shrink:0;}
.docs-sf-status-pill.idle{background:var(--docs-off);color:var(--docs-muted);border:1px solid var(--docs-line);}
.docs-sf-status-pill.active{background:rgba(5,150,105,.1);color:var(--docs-green);border:1px solid rgba(5,150,105,.25);}
.docs-sf-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0;}
.docs-sf-status-pill.active .docs-sf-status-dot{animation:sf-live-pulse 2s ease-in-out infinite;}
.docs-sf-card-body{padding:.75rem .9rem;}

/* ════════════════════════════════════════
   406. SHOP FLOOR — EMPTY STATE
════════════════════════════════════════ */
.docs-sf-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2.75rem 1rem;color:var(--docs-ghost);}
.docs-sf-empty svg{width:30px;height:30px;opacity:.35;}
.docs-sf-empty-text{font-size:.78rem;font-style:italic;}

/* ════════════════════════════════════════
   407. SHOP FLOOR — RUNNING NOW ROW
════════════════════════════════════════ */
.docs-sf-running-label{display:flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--docs-green);margin-bottom:.55rem;}
.docs-sf-running-label svg{width:10px;height:10px;flex-shrink:0;}
.docs-sf-running-row{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:8px;padding:.6rem .8rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.6rem;cursor:pointer;transition:border-color .15s;}
.docs-sf-running-row:hover,.docs-sf-running-row:focus{border-color:var(--docs-green);outline:none;}
.docs-sf-op-info{flex:1;min-width:0;}
.docs-sf-op-top{display:flex;align-items:center;gap:.4rem;margin-bottom:.18rem;}
.docs-sf-op-type{font-family:"JetBrains Mono","Courier New",monospace;font-size:.62rem;font-weight:600;color:var(--docs-muted);background:var(--docs-off);border:1px solid var(--docs-line);border-radius:3px;padding:.05rem .3rem;flex-shrink:0;}
.docs-sf-op-ref{font-family:"Outfit",sans-serif;font-size:.68rem;font-weight:700;color:var(--docs-blue);}
.docs-sf-op-desc{font-size:.78rem;font-weight:500;color:var(--docs-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.docs-sf-op-operator{display:flex;align-items:center;gap:.3rem;font-size:.68rem;color:var(--docs-muted);margin-top:.28rem;}
.docs-sf-op-operator svg{width:10px;height:10px;flex-shrink:0;}
.docs-sf-open-icon{color:var(--docs-ghost);flex-shrink:0;line-height:1;cursor:pointer;}
.docs-sf-open-icon svg{width:12px;height:12px;}
.docs-sf-open-icon:hover{color:var(--docs-blue);}

/* ════════════════════════════════════════
   408. SHOP FLOOR — UP NEXT LABEL
        + QUEUED ROWS
════════════════════════════════════════ */
.docs-sf-upnext-label{display:flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--docs-muted);margin:.65rem 0 .4rem;}
.docs-sf-upnext-label svg{width:10px;height:10px;flex-shrink:0;}
.docs-sf-upnext-count{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;color:var(--docs-ghost);background:var(--docs-off);border:1px solid var(--docs-line);border-radius:10px;padding:.05rem .38rem;margin-left:.1rem;}
.docs-sf-queued-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.45rem .8rem;border:1px solid var(--docs-line);border-radius:7px;margin-bottom:.35rem;background:var(--docs-white);cursor:pointer;transition:border-color .15s,background .15s;}
.docs-sf-queued-row:hover,.docs-sf-queued-row:focus{border-color:var(--docs-blue);background:var(--docs-b08);outline:none;}
.docs-sf-queued-row:last-child{margin-bottom:0;}

/* ════════════════════════════════════════
   409. SHOP FLOOR — STATUS STATES GRID
════════════════════════════════════════ */
.docs-sf-states-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:.65rem;margin:.85rem 0;}
.docs-sf-state-card{border:1px solid var(--docs-line);border-radius:9px;padding:.75rem .9rem;background:var(--docs-white);}
.docs-sf-state-card.s-active{border-color:#86efac;background:#f0fdf4;}
.docs-sf-state-card.s-offline{border-color:#fca5a5;background:#fff5f5;}
.docs-sf-state-head{display:flex;align-items:center;gap:.4rem;margin-bottom:.35rem;}
.docs-sf-state-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.docs-sf-state-dot.green{background:var(--docs-green);}
.docs-sf-state-dot.grey{background:var(--docs-ghost);}
.docs-sf-state-dot.red{background:var(--docs-red);}
.docs-sf-state-name{font-family:"Outfit",sans-serif;font-weight:700;font-size:.8rem;color:var(--docs-navy);}
.docs-sf-state-desc{font-size:.73rem;color:var(--docs-muted);line-height:1.5;margin:0;}

/* ════════════════════════════════════════
   410–411. SHOP FLOOR — RESPONSIVE
════════════════════════════════════════ */
/* 410 */
@media(max-width:720px){
  .docs-sf-header{flex-direction:column;}
  .docs-sf-hint{margin-left:0;}
  .docs-sf-grid{grid-template-columns:1fr;}
  .docs-sf-states-grid{grid-template-columns:1fr 1fr;}
  .docs-next-grid{grid-template-columns:1fr;}
}
/* 411 */
@media(max-width:480px){
  .docs-sf-summary{gap:.65rem;}
  .docs-sf-stat-val{font-size:.9rem;}
  .docs-sf-states-grid{grid-template-columns:1fr;}
}
/* ════════════════════════════════════════
   412. SALES ORDERS — PAGE HEADER + ADD BTN
════════════════════════════════════════ */
.docs-so-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.1rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-so-hdr-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-so-hdr-icon{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-so-hdr-bc{font-family:"Outfit",sans-serif;font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.18rem;letter-spacing:.06em;}
.docs-so-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.2rem;color:#fff;}
.docs-so-hdr-desc{font-size:.7rem;color:rgba(255,255,255,.55);margin-top:.25rem;line-height:1.6;}
.docs-so-add-btn{display:inline-flex;align-items:center;gap:.4rem;font-family:"Outfit",sans-serif;font-weight:700;font-size:.78rem;padding:8px 14px;border-radius:8px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);color:#fff;flex-shrink:0;align-self:center;}

/* ════════════════════════════════════════
   413. SALES ORDERS — LIST TOOLBAR
════════════════════════════════════════ */
.docs-so-toolbar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:.75rem 0 .5rem;background:var(--docs-white);border:1px solid var(--docs-line);border-radius:10px;padding:.6rem .85rem;}
.docs-so-filter-pill{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--docs-muted);background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:6px;padding:.35rem .75rem;}
.docs-so-filter-pill svg{width:10px;height:10px;color:var(--docs-ghost);}
.docs-so-toolbar-right{margin-left:auto;display:flex;align-items:center;gap:.4rem;}
.docs-so-tb-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;padding:6px 11px;border-radius:6px;border:1px solid var(--docs-line2);color:var(--docs-muted);background:var(--docs-off);}
.docs-so-tb-btn svg{width:11px;height:11px;}
.docs-so-search{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--docs-ghost);background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:6px;padding:.35rem .75rem;}
.docs-so-search svg{width:10px;height:10px;}

/* ════════════════════════════════════════
   414. SALES ORDERS — ORDERS TABLE
════════════════════════════════════════ */
.docs-so-tbl-wrap{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:.5rem 0;}
.docs-so-tbl{width:100%;border-collapse:collapse;font-size:.75rem;}
.docs-so-tbl th{text-align:left;padding:.5rem .75rem;font-family:"Outfit",sans-serif;font-size:.57rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--docs-navy);white-space:nowrap;}
.docs-so-tbl td{padding:.6rem .75rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-so-tbl tr:last-child td{border-bottom:none;}
.docs-so-tbl tr:hover td{background:var(--docs-off);}
.docs-so-ref{font-family:"Outfit",sans-serif;font-weight:700;font-size:.72rem;color:var(--docs-blue);background:var(--docs-b08);border:1px solid var(--docs-b15);border-radius:5px;padding:2px 7px;display:inline-block;white-space:nowrap;}
.docs-so-party-pill{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:100px;background:rgba(5,150,105,.1);color:var(--docs-green);border:1px solid rgba(5,150,105,.2);}

/* ════════════════════════════════════════
   415. SALES ORDERS — STATUS + DESP PILLS
════════════════════════════════════════ */
.docs-so-status{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;padding:3px 9px;border-radius:100px;}
.docs-so-status.pending{background:var(--docs-off2);color:var(--docs-muted);border:1px solid var(--docs-line2);}
.docs-so-status.in-process{background:rgba(2,116,190,.1);color:var(--docs-blue);border:1px solid var(--docs-b15);}
.docs-so-status.completed{background:rgba(5,150,105,.1);color:var(--docs-green);border:1px solid rgba(5,150,105,.2);}
.docs-so-status.cancelled{background:rgba(220,38,38,.08);color:var(--docs-red);border:1px solid rgba(220,38,38,.2);}
.docs-so-desp-bar{width:60px;height:5px;background:var(--docs-line2);border-radius:3px;overflow:hidden;display:inline-block;vertical-align:middle;}
.docs-so-desp-fill{height:100%;border-radius:3px;}
.docs-so-desp-pct{font-family:"JetBrains Mono","Courier New",monospace;font-size:.65rem;font-weight:600;margin-left:4px;vertical-align:middle;}
.docs-so-desp-pct.red{color:var(--docs-red);}
.docs-so-desp-pct.green{color:var(--docs-green);}
.docs-so-view-btn{font-family:"Outfit",sans-serif;font-size:.68rem;font-weight:600;color:var(--docs-blue);padding:4px 10px;border-radius:6px;border:1px solid var(--docs-b15);background:var(--docs-b08);display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap;cursor:pointer;}
.docs-so-pagination{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-top:1px solid var(--docs-line);font-size:.75rem;color:var(--docs-muted);}
.docs-so-pag-btns{display:flex;align-items:center;gap:.25rem;}
.docs-so-pag-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:5px;border:1px solid var(--docs-line2);font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;color:var(--docs-muted);background:var(--docs-off);}
.docs-so-pag-btn.active{background:var(--docs-blue);color:#fff;border-color:var(--docs-blue);}

/* ════════════════════════════════════════
   416. SALES ORDERS — ADD / EDIT FORM
════════════════════════════════════════ */
.docs-so-form{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:1rem 0;}
.docs-so-form-step{border-bottom:1px solid var(--docs-line);}
.docs-so-form-step:last-child{border-bottom:none;}
.docs-so-step-hdr{display:flex;align-items:center;gap:.65rem;padding:.75rem 1.1rem;background:var(--docs-off);}
.docs-so-step-num{width:22px;height:22px;border-radius:50%;background:var(--docs-blue);color:#fff;font-family:"Outfit",sans-serif;font-weight:700;font-size:.65rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-so-step-label{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--docs-blue);}
.docs-so-step-body{padding:.9rem 1.1rem;}
.docs-so-radio-row{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;}
.docs-so-radio-card{border:1.5px solid var(--docs-line2);border-radius:9px;padding:.7rem 1rem;display:flex;align-items:flex-start;gap:.6rem;cursor:pointer;}
.docs-so-radio-card.selected{border-color:var(--docs-blue);background:var(--docs-b08);}
.docs-so-radio-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--docs-line2);flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center;}
.docs-so-radio-card.selected .docs-so-radio-dot{border-color:var(--docs-blue);}
.docs-so-radio-dot-inner{width:6px;height:6px;border-radius:50%;background:var(--docs-blue);}
.docs-so-radio-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;color:var(--docs-navy);margin-bottom:.15rem;}
.docs-so-radio-desc{font-size:.7rem;color:var(--docs-muted);}
.docs-so-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-bottom:.65rem;}
.docs-so-field-grid.cols-3{grid-template-columns:1fr 1fr 1fr;}
.docs-so-field-grid.full{grid-template-columns:1fr;}
.docs-so-field{display:flex;flex-direction:column;gap:.3rem;}
.docs-so-field label{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;color:var(--docs-muted);text-transform:uppercase;letter-spacing:.04em;}
.docs-so-field input,.docs-so-field select,.docs-so-field textarea{border:1.5px solid var(--docs-line2);border-radius:7px;padding:.45rem .75rem;font-size:.82rem;color:var(--docs-navy);background:var(--docs-off);font-family:"DM Sans",sans-serif;outline:none;}
.docs-so-field textarea{resize:vertical;min-height:70px;}
.docs-so-toggle-row{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 0;}
.docs-so-toggle{width:36px;height:20px;border-radius:10px;background:var(--docs-line2);flex-shrink:0;margin-top:1px;}
.docs-so-form-footer{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.1rem;border-top:1px solid var(--docs-line);background:var(--docs-off);}
.docs-so-btn{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;padding:9px 18px;border-radius:8px;border:none;cursor:pointer;}
.docs-so-btn.cancel{background:var(--docs-off2);color:var(--docs-muted);border:1px solid var(--docs-line2);}
.docs-so-btn.primary{background:var(--docs-green);color:#fff;}
.docs-so-add-link{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--docs-blue);font-weight:600;margin-top:.35rem;}
.docs-so-stock-chip{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;padding:2px 7px;border-radius:100px;}
.docs-so-stock-chip.active{background:rgba(5,150,105,.1);color:var(--docs-green);border:1px solid rgba(5,150,105,.2);}
.docs-so-stock-chip.assembly{background:rgba(2,116,190,.1);color:var(--docs-blue);border:1px solid var(--docs-b15);}
.docs-so-stock-chip.item-type{background:rgba(124,58,237,.08);color:var(--docs-purple);border:1px solid rgba(124,58,237,.2);}

/* ════════════════════════════════════════
   417. SALES ORDERS — DETAIL HEADER
════════════════════════════════════════ */
.docs-so-detail-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.25rem 1.5rem;margin:1rem 0;}
.docs-so-detail-hdr-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.85rem;}
.docs-so-detail-hdr-left{display:flex;align-items:flex-start;gap:.75rem;}
.docs-so-detail-icon{width:36px;height:36px;border-radius:8px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-so-detail-num{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.35rem;color:#fff;margin-bottom:.3rem;}
.docs-so-detail-badges{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;}
.docs-so-detail-ref{font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:700;color:rgba(255,255,255,.7);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:5px;padding:2px 8px;}
.docs-so-detail-badge{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;padding:3px 10px;border-radius:100px;}
.docs-so-detail-badge.return{background:rgba(220,38,38,.2);color:#fca5a5;border:1px solid rgba(220,38,38,.3);}
.docs-so-detail-badge.in-process{background:rgba(217,119,6,.2);color:#fcd34d;border:1px solid rgba(217,119,6,.3);}
.docs-so-detail-badge.completed{background:rgba(5,150,105,.2);color:#6ee7b7;border:1px solid rgba(5,150,105,.3);}
.docs-so-detail-hdr-right{display:flex;gap:.5rem;flex-wrap:wrap;}
.docs-so-cust-chip{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:7px;padding:.35rem .75rem;text-align:center;}
.docs-so-cust-chip-label{font-family:"Outfit",sans-serif;font-size:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.4);display:block;}
.docs-so-cust-chip-val{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;color:#fff;}
.docs-so-fulfil{background:rgba(255,255,255,.06);border-radius:8px;padding:.65rem .9rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:.65rem;}
.docs-so-fulfil-label{font-size:.72rem;color:rgba(255,255,255,.6);}
.docs-so-fulfil-label strong{color:#fff;}
.docs-so-fulfil-pct{font-family:"Outfit",sans-serif;font-weight:900;font-size:.9rem;color:var(--docs-red);}
.docs-so-fulfil-bar-wrap{flex:1;height:6px;background:rgba(255,255,255,.12);border-radius:3px;overflow:hidden;min-width:120px;}
.docs-so-fulfil-bar-fill{height:100%;background:var(--docs-red);border-radius:3px;}
.docs-so-alerts{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;}
.docs-so-alert-chip{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;padding:3px 9px;border-radius:100px;}
.docs-so-alert-chip.invoice{background:rgba(2,116,190,.15);color:#93c5fd;border:1px solid rgba(2,116,190,.3);}
.docs-so-alert-chip.warn{background:rgba(220,38,38,.15);color:#fca5a5;border:1px solid rgba(220,38,38,.3);}

/* ════════════════════════════════════════
   418. SALES ORDERS — TABS + DETAIL GRID
════════════════════════════════════════ */
.docs-so-tabs{display:flex;gap:0;border-bottom:2px solid var(--docs-line);margin:1.25rem 0 1rem;}
.docs-so-tab{font-family:"Outfit",sans-serif;font-size:.82rem;font-weight:600;padding:.6rem 1.1rem;color:var(--docs-muted);border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;}
.docs-so-tab.active{color:var(--docs-blue);border-bottom-color:var(--docs-blue);}
.docs-so-detail-grid{display:grid;grid-template-columns:1fr 300px;gap:1rem;margin-bottom:1rem;}
.docs-so-detail-card{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;}
.docs-so-detail-card-hdr{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-bottom:1px solid var(--docs-line);}
.docs-so-detail-card-title{display:flex;align-items:center;gap:.4rem;font-family:"Outfit",sans-serif;font-weight:700;font-size:.72rem;color:var(--docs-blue);text-transform:uppercase;letter-spacing:.05em;}
.docs-so-detail-card-title svg{width:12px;height:12px;}
.docs-so-return-btn{font-family:"Outfit",sans-serif;font-size:.68rem;font-weight:700;color:var(--docs-muted);background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:6px;padding:4px 10px;}
.docs-so-kv-list{padding:.5rem 0;}
.docs-so-kv{display:grid;grid-template-columns:145px 1fr;gap:.5rem;align-items:baseline;padding:.38rem 1rem;}
.docs-so-kv-label{font-size:.72rem;color:var(--docs-ghost);}
.docs-so-kv-val{font-size:.8rem;color:var(--docs-navy);font-weight:500;}
.docs-so-kv-val.ref-link{color:var(--docs-blue);}
.docs-so-kv-val.dash{color:var(--docs-ghost);}
.docs-so-notes-body{padding:.65rem 1rem;font-size:.82rem;color:var(--docs-body);}

/* ════════════════════════════════════════
   419. SALES ORDERS — ITEMS TABLE
════════════════════════════════════════ */
.docs-so-items-section{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin-bottom:1rem;}
.docs-so-items-hdr{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-bottom:1px solid var(--docs-line);flex-wrap:wrap;gap:.4rem;}
.docs-so-items-title{display:flex;align-items:center;gap:.4rem;font-family:"Outfit",sans-serif;font-weight:700;font-size:.72rem;color:var(--docs-blue);text-transform:uppercase;letter-spacing:.05em;}
.docs-so-items-toolbar{display:flex;gap:.4rem;flex-wrap:wrap;}
.docs-so-items-tbl{width:100%;border-collapse:collapse;font-size:.75rem;}
.docs-so-items-tbl th{text-align:left;padding:.5rem .85rem;font-family:"Outfit",sans-serif;font-size:.57rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--docs-blue);border-bottom:1px solid var(--docs-line2);background:var(--docs-off);}
.docs-so-items-tbl td{padding:.65rem .85rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-so-items-tbl tr:last-child td{border-bottom:none;}
.docs-so-item-name{font-family:"Outfit",sans-serif;font-weight:700;font-size:.8rem;color:var(--docs-navy);}
.docs-so-fulfil-cell{display:flex;flex-direction:column;gap:3px;}
.docs-so-fulfil-mini-bar{width:90px;height:5px;background:var(--docs-line2);border-radius:3px;overflow:hidden;}
.docs-so-fulfil-mini-fill{height:100%;background:var(--docs-red);}
.docs-so-fulfil-sub{font-size:.62rem;color:var(--docs-ghost);}
.docs-so-items-footer{display:flex;align-items:center;justify-content:space-between;padding:.55rem .85rem;border-top:1px solid var(--docs-line);}
.docs-so-total{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;color:var(--docs-navy);}

/* ════════════════════════════════════════
   420. SALES ORDERS — SUB-TABS + FOOTER BTNS
════════════════════════════════════════ */
.docs-so-subtab-section{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin-bottom:1rem;}
.docs-so-subtab-hdr{display:flex;align-items:center;gap:.4rem;padding:.65rem 1rem;border-bottom:1px solid var(--docs-line);}
.docs-so-subtab-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.75rem;color:var(--docs-navy);text-transform:uppercase;letter-spacing:.05em;}
.docs-so-subtab-tbl{width:100%;border-collapse:collapse;font-size:.75rem;}
.docs-so-subtab-tbl th{text-align:left;padding:.5rem .85rem;font-family:"Outfit",sans-serif;font-size:.57rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--docs-blue);border-bottom:1px solid var(--docs-line2);background:var(--docs-off);}
.docs-so-subtab-tbl td{padding:.65rem .85rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-so-subtab-tbl tr:last-child td{border-bottom:none;}
.docs-so-date-pill{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;padding:3px 9px;border-radius:100px;}
.docs-so-date-pill.past{background:rgba(220,38,38,.1);color:var(--docs-red);border:1px solid rgba(220,38,38,.2);}
.docs-so-date-pill.ok{background:rgba(5,150,105,.1);color:var(--docs-green);border:1px solid rgba(5,150,105,.2);}
.docs-so-date-pill.future{background:rgba(2,116,190,.08);color:var(--docs-blue);border:1px solid var(--docs-b15);}
.docs-so-wo-status,.docs-so-do-status,.docs-so-inv-status{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;padding:3px 9px;border-radius:100px;}
.docs-so-wo-status.in-progress,.docs-so-do-status.ongoing{background:var(--docs-b08);color:var(--docs-blue);border:1px solid var(--docs-b15);}
.docs-so-wo-status.completed,.docs-so-do-status.despatched,.docs-so-inv-status{background:rgba(5,150,105,.1);color:var(--docs-green);border:1px solid rgba(5,150,105,.2);}
.docs-so-inv-warning{display:flex;align-items:center;gap:.6rem;padding:.7rem 1rem;background:rgba(217,119,6,.06);border-bottom:1px solid rgba(217,119,6,.2);font-size:.78rem;color:#92400e;}
.docs-so-subtab-footer{display:flex;align-items:center;justify-content:space-between;padding:.65rem .85rem;border-top:1px solid var(--docs-line);flex-wrap:wrap;gap:.4rem;}
.docs-so-footer-btn{font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:700;padding:8px 14px;border-radius:8px;border:1px solid var(--docs-line2);background:var(--docs-off);color:var(--docs-muted);display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;}
.docs-so-footer-btn.primary{background:var(--docs-green);color:#fff;border-color:var(--docs-green);}
.docs-so-footer-btn.danger{color:var(--docs-red);border-color:rgba(220,38,38,.3);background:var(--docs-off);}
.docs-so-footer-btn.warn{background:rgba(217,119,6,.08);color:var(--docs-amber);border-color:rgba(217,119,6,.25);}
.docs-so-footer-btn.edit{background:var(--docs-b08);color:var(--docs-blue);border-color:var(--docs-b15);}
.docs-so-footer-btn svg{width:12px;height:12px;}
.docs-so-detail-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;flex-wrap:wrap;gap:.5rem;}

/* ════════════════════════════════════════
   421. SALES ORDERS — REPORT ISSUE MODAL
════════════════════════════════════════ */
.docs-so-modal{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:14px;overflow:hidden;box-shadow:0 8px 32px rgba(2,63,104,.14);margin:1rem 0;}
.docs-so-modal-hdr{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(135deg,var(--docs-navy-d),var(--docs-navy));}
.docs-so-modal-hdr-left{display:flex;align-items:center;gap:.6rem;}
.docs-so-modal-icon{width:28px;height:28px;border-radius:7px;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-so-modal-icon svg{width:13px;height:13px;color:#fff;}
.docs-so-modal-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:.95rem;color:#fff;}
.docs-so-modal-sub{font-size:.7rem;color:rgba(255,255,255,.55);}
.docs-so-modal-close{width:26px;height:26px;border-radius:6px;background:rgba(255,255,255,.1);border:none;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;font-size:.85rem;}
.docs-so-modal-body{padding:1rem 1.25rem;}
.docs-so-modal-section{margin-bottom:1rem;}
.docs-so-modal-section-label{display:flex;align-items:center;gap:.4rem;font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--docs-blue);margin-bottom:.45rem;}
.docs-so-modal-richtext{border:1.5px solid var(--docs-line2);border-radius:8px;overflow:hidden;}
.docs-so-modal-richtext-toolbar{display:flex;align-items:center;gap:.2rem;padding:.4rem .5rem;background:var(--docs-off);border-bottom:1px solid var(--docs-line2);flex-wrap:wrap;}
.docs-so-modal-richtext-tb-btn{width:22px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:var(--docs-muted);cursor:pointer;}
.docs-so-modal-richtext-body{min-height:70px;padding:.6rem .75rem;font-size:.8rem;color:var(--docs-ghost);}
.docs-so-modal-dropzone{border:1.5px dashed var(--docs-line2);border-radius:8px;padding:1.25rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.35rem;text-align:center;}
.docs-so-modal-dropzone-title{font-size:.78rem;font-weight:600;color:var(--docs-navy);}
.docs-so-modal-dropzone-sub{font-size:.68rem;color:var(--docs-ghost);}
.docs-so-modal-field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.65rem;}
.docs-so-modal-field label{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;color:var(--docs-muted);text-transform:uppercase;letter-spacing:.04em;}
.docs-so-modal-field input{border:1.5px solid var(--docs-line2);border-radius:7px;padding:.45rem .75rem;font-size:.82rem;color:var(--docs-ghost);background:var(--docs-off);outline:none;}

/* ════════════════════════════════════════
   422. SALES ORDERS — SHARE TRACKER MODAL
        + CUSTOMER TRACKER PAGE
════════════════════════════════════════ */
.docs-so-tracker-modal{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:14px;padding:1.5rem;text-align:center;box-shadow:0 8px 32px rgba(2,63,104,.14);}
.docs-so-tracker-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.1rem;color:var(--docs-navy);margin-bottom:.5rem;}
.docs-so-tracker-desc{font-size:.82rem;color:var(--docs-muted);margin-bottom:1rem;line-height:1.6;}
.docs-so-tracker-url{font-family:"JetBrains Mono","Courier New",monospace;font-size:.7rem;color:var(--docs-navy);background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:7px;padding:.55rem .85rem;margin-bottom:1rem;text-align:left;word-break:break-all;}
.docs-so-tracker-btns{display:flex;align-items:center;justify-content:center;gap:.65rem;}
.docs-so-tracker-btn{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;padding:9px 20px;border-radius:8px;cursor:pointer;}
.docs-so-tracker-btn.copy{background:var(--docs-blue);color:#fff;border:none;}
.docs-so-tracker-btn.close{background:var(--docs-off2);color:var(--docs-muted);border:1px solid var(--docs-line2);}
.docs-so-tracker-page{background:var(--docs-off);border:1px solid var(--docs-line);border-radius:14px;overflow:hidden;margin:1rem 0;}
.docs-so-tracker-pg-top{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem 1rem;}
.docs-so-tracker-logo{width:48px;height:48px;background:linear-gradient(145deg,var(--docs-navy-d),var(--docs-blue));border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;}
.docs-so-tracker-brand{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.05rem;color:var(--docs-navy);}
.docs-so-tracker-brand em{font-style:normal;font-weight:400;color:var(--docs-blue);}
.docs-so-tracker-brand-sub{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--docs-ghost);}
.docs-so-tracker-card{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:12px;padding:1.1rem 1.25rem;margin:.75rem 1rem 0;}
.docs-so-tracker-card-company{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.45);margin-bottom:.18rem;}
.docs-so-tracker-card-label{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.4);margin-bottom:.15rem;}
.docs-so-tracker-card-ref{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.1rem;color:#fff;}
.docs-so-tracker-status-pill{display:inline-flex;align-items:center;gap:.35rem;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:.25rem .65rem;font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:700;color:#fff;}
.docs-so-tracker-status-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;animation:sf-live-pulse 2s ease-in-out infinite;flex-shrink:0;}
.docs-so-tracker-info-cards{margin:.75rem 1rem 0;display:flex;flex-direction:column;gap:.5rem;}
.docs-so-tracker-info-card{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:10px;padding:.75rem 1rem;}
.docs-so-tracker-info-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem;}
.docs-so-tracker-info-label{font-size:.75rem;color:var(--docs-muted);}
.docs-so-tracker-info-val{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;color:var(--docs-navy);}
.docs-so-tracker-progress-bar{width:100%;height:6px;background:var(--docs-line2);border-radius:3px;overflow:hidden;}
.docs-so-tracker-progress-fill{height:100%;background:var(--docs-blue);border-radius:3px;}
.docs-so-tracker-progress-pct{font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;color:var(--docs-blue);}
.docs-so-tracker-count{font-size:.72rem;color:var(--docs-muted);margin-top:.25rem;}
.docs-so-tracker-prod-label{display:flex;align-items:center;gap:.4rem;font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--docs-muted);padding:.75rem 1rem .3rem;}
.docs-so-tracker-prod-label svg{width:12px;height:12px;}
.docs-so-tracker-prod-cards{padding:0 1rem 1rem;display:flex;flex-direction:column;gap:.5rem;}
.docs-so-tracker-prod-card{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:10px;padding:.75rem 1rem;}
.docs-so-tracker-prod-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:.2rem;}
.docs-so-tracker-prod-name{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;color:var(--docs-navy);}
.docs-so-tracker-prod-due{font-size:.7rem;color:var(--docs-ghost);}
.docs-so-tracker-prod-due strong{color:var(--docs-navy);}
.docs-so-tracker-prod-status{font-size:.7rem;color:var(--docs-muted);margin-bottom:.4rem;}
.docs-so-tracker-powered{padding:.75rem;text-align:center;font-size:.68rem;color:var(--docs-ghost);}
.docs-so-tracker-powered strong{color:var(--docs-navy);}

/* ════════════════════════════════════════
   423–424. SALES ORDERS — RESPONSIVE
════════════════════════════════════════ */
/* 423 */
@media(max-width:900px){
  .docs-so-detail-grid{grid-template-columns:1fr;}
  .docs-so-field-grid.cols-3{grid-template-columns:1fr 1fr;}
}
/* 424 */
@media(max-width:640px){
  .docs-so-header{flex-direction:column;}
  .docs-so-field-grid,.docs-so-field-grid.cols-3{grid-template-columns:1fr;}
  .docs-so-radio-row{grid-template-columns:1fr;}
  .docs-next-grid{grid-template-columns:1fr;}
  .docs-so-tracker-modal{padding:1rem;}
}
/* ════════════════════════════════════════
   425. QUOTES — PAGE HEADER
════════════════════════════════════════ */
.docs-qt-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.1rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-qt-hdr-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-qt-hdr-icon{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-qt-hdr-bc{font-family:"Outfit",sans-serif;font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.18rem;letter-spacing:.06em;}
.docs-qt-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.2rem;color:#fff;}
.docs-qt-hdr-desc{font-size:.7rem;color:rgba(255,255,255,.55);margin-top:.25rem;line-height:1.6;}
.docs-qt-hdr-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0;}
.docs-qt-count-badge{background:var(--docs-navy-d);border:1px solid rgba(255,255,255,.15);border-radius:9px;padding:.35rem .75rem;text-align:center;}
.docs-qt-count-label{font-family:"Outfit",sans-serif;font-size:.52rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.4);display:block;}
.docs-qt-count-num{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.1rem;color:#fff;}
.docs-qt-new-btn{display:inline-flex;align-items:center;gap:.4rem;font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;padding:9px 16px;border-radius:9px;background:#fff;color:var(--docs-navy);flex-shrink:0;}

/* ════════════════════════════════════════
   426. QUOTES — STATUS PILLS + V2 BADGE
════════════════════════════════════════ */
.docs-qt-status{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;padding:3px 10px;border-radius:100px;}
.docs-qt-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0;}
.docs-qt-status-dot.plain{background:var(--docs-ghost);}
.docs-qt-status.accepted{background:rgba(5,150,105,.1);color:var(--docs-green);border:1px solid rgba(5,150,105,.25);}
.docs-qt-status.accepted .docs-qt-status-dot{background:var(--docs-green);}
.docs-qt-status.draft{background:var(--docs-off2);color:var(--docs-muted);border:1px solid var(--docs-line2);}
.docs-qt-status.expired{background:rgba(217,119,6,.1);color:var(--docs-amber);border:1px solid rgba(217,119,6,.25);}
.docs-qt-status.superseded{background:var(--docs-off);color:var(--docs-ghost);border:1px solid var(--docs-line);}
.docs-qt-status.converted{background:rgba(5,150,105,.1);color:var(--docs-green);border:1px solid rgba(5,150,105,.25);}
.docs-qt-status.rejected{background:rgba(220,38,38,.08);color:var(--docs-red);border:1px solid rgba(220,38,38,.2);}
.docs-qt-v2-badge{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;padding:2px 7px;border-radius:100px;background:var(--docs-b08);color:var(--docs-blue);border:1px solid var(--docs-b15);}
.docs-qt-ref{font-family:"Outfit",sans-serif;font-weight:700;font-size:.72rem;color:var(--docs-blue);background:var(--docs-b08);border:1px solid var(--docs-b15);border-radius:5px;padding:2px 7px;display:inline-block;white-space:nowrap;}
.docs-qt-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;color:#fff;flex-shrink:0;}

/* ════════════════════════════════════════
   427. QUOTES — CREATE / EDIT FORM
════════════════════════════════════════ */
.docs-qt-form{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:1rem 0;}
.docs-qt-form-section{padding:0;}
.docs-qt-section-hdr{display:flex;align-items:flex-start;gap:.65rem;padding:.8rem 1.1rem;border-bottom:1px solid var(--docs-line);}
.docs-qt-section-icon{width:26px;height:26px;border-radius:7px;background:var(--docs-navy);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-qt-section-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;color:var(--docs-navy);}
.docs-qt-section-sub{font-size:.7rem;color:var(--docs-ghost);margin-top:.1rem;}
.docs-qt-form-body{padding:.9rem 1.1rem 1rem;}
.docs-qt-field-hint{font-size:.68rem;color:var(--docs-ghost);margin-top:.2rem;display:block;}
.docs-qt-currency-field{display:flex;align-items:center;gap:.4rem;border:1.5px solid var(--docs-line2);border-radius:7px;padding:.45rem .75rem;font-size:.82rem;color:var(--docs-navy);background:var(--docs-off);}
.docs-qt-currency-icon{color:var(--docs-muted);font-weight:700;}
.docs-qt-line-tbl{width:100%;border-collapse:collapse;font-size:.75rem;}
.docs-qt-line-tbl th{text-align:left;padding:.45rem .7rem;font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--docs-muted);border-bottom:1px solid var(--docs-line2);background:var(--docs-off);}
.docs-qt-line-tbl td{padding:.55rem .7rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;}
.docs-qt-line-tbl tr:last-child td{border-bottom:none;}
.docs-qt-product-search{display:flex;align-items:center;gap:4px;border:1px solid var(--docs-line2);border-radius:6px;padding:4px 8px;background:var(--docs-off);}
.docs-qt-product-search input{border:none;background:transparent;font-size:.75rem;color:var(--docs-ghost);outline:none;flex:1;}
.docs-qt-ps-caret{color:var(--docs-ghost);font-size:.7rem;}
.docs-qt-add-line-row{display:flex;align-items:center;gap:.75rem;padding:.65rem 0;border-top:1px solid var(--docs-line);flex-wrap:wrap;}
.docs-qt-add-line-btn{font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;color:var(--docs-blue);cursor:pointer;}
.docs-qt-add-line-hint{font-size:.68rem;color:var(--docs-ghost);flex:1;}
.docs-qt-unit-hint{font-size:.68rem;color:var(--docs-blue);margin-left:auto;}
.docs-qt-draft-banner{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1.1rem;background:rgba(217,119,6,.05);border-top:1px solid rgba(217,119,6,.15);font-size:.78rem;color:#92400e;flex-wrap:wrap;}
.docs-qt-draft-banner>svg{flex-shrink:0;margin-top:2px;}
.docs-qt-draft-banner>span{flex:1;line-height:1.65;}
.docs-qt-summary-box{margin-left:auto;background:var(--docs-white);border:1px solid var(--docs-line);border-radius:9px;padding:.65rem .9rem;min-width:200px;}
.docs-qt-summary-title{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--docs-ghost);margin-bottom:.4rem;}
.docs-qt-summary-row{display:flex;justify-content:space-between;font-size:.75rem;color:var(--docs-muted);margin-bottom:.25rem;}
.docs-qt-summary-row.total{font-family:"Outfit",sans-serif;font-weight:700;color:var(--docs-navy);border-top:1px solid var(--docs-line);padding-top:.25rem;margin-top:.1rem;}
.docs-qt-form-footer{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.1rem;border-top:1px solid var(--docs-line);background:var(--docs-off);}

/* ════════════════════════════════════════
   428. QUOTES — DETAIL HEADER
════════════════════════════════════════ */
.docs-qt-detail-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.1rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-qt-detail-hdr-left{display:flex;align-items:flex-start;gap:.75rem;flex:1;min-width:0;}
.docs-qt-detail-ref{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.1rem;color:#fff;}
.docs-qt-detail-hdr-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0;}
.docs-qt-detail-total{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.2rem;color:#fff;}
.docs-qt-back-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;padding:6px 12px;border-radius:7px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;}

/* ════════════════════════════════════════
   429. QUOTES — DETAIL CARDS
════════════════════════════════════════ */
.docs-qt-details-card{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin-bottom:.85rem;}
.docs-qt-card-hdr{display:flex;align-items:flex-start;justify-content:space-between;padding:.65rem 1rem;border-bottom:1px solid var(--docs-line);}
.docs-qt-card-hdr-left{display:flex;align-items:center;gap:.4rem;}
.docs-qt-card-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.72rem;color:var(--docs-navy);text-transform:uppercase;letter-spacing:.04em;}
.docs-qt-card-sub{font-size:.68rem;color:var(--docs-ghost);}
.docs-qt-details-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid var(--docs-line);}
.docs-qt-detail-kv{padding:.75rem 1rem;border-right:1px solid var(--docs-line);}
.docs-qt-detail-kv:last-child{border-right:none;}
.docs-qt-dk-label{font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-ghost);display:flex;align-items:center;gap:.25rem;margin-bottom:.3rem;}
.docs-qt-dk-val{font-family:"Outfit",sans-serif;font-weight:700;font-size:.88rem;color:var(--docs-navy);}
.docs-qt-converted-banner{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:rgba(5,150,105,.06);border-top:1px solid rgba(5,150,105,.15);}
.docs-qt-detail-line-tbl{width:100%;border-collapse:collapse;font-size:.78rem;}
.docs-qt-detail-line-tbl th{text-align:left;padding:.5rem 1rem;font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--docs-muted);border-bottom:1px solid var(--docs-line2);background:var(--docs-off);}
.docs-qt-detail-line-tbl td{padding:.65rem 1rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-qt-detail-line-tbl tr:last-child td{border-bottom:none;}
.docs-qt-disc-pill{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;padding:2px 7px;border-radius:100px;background:rgba(5,150,105,.1);color:var(--docs-green);border:1px solid rgba(5,150,105,.2);}
.docs-qt-detail-summary{display:flex;flex-direction:column;align-items:flex-end;padding:.75rem 1rem;gap:.3rem;}

/* ════════════════════════════════════════
   430. QUOTES — STATUS LIFECYCLE CARDS
════════════════════════════════════════ */
.docs-qt-status-flow{display:flex;flex-direction:column;gap:.65rem;margin:.85rem 0;}
.docs-qt-status-card{border:1px solid;border-radius:10px;padding:.85rem 1rem;}
.docs-qt-status-card-hdr{margin-bottom:.35rem;}

/* ════════════════════════════════════════
   431. QUOTES — DETAIL FOOTER
════════════════════════════════════════ */
.docs-qt-detail-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1.1rem;background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;margin:.65rem 0;flex-wrap:wrap;}
.docs-qt-footer-msg{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--docs-muted);flex:1;min-width:200px;}

/* ════════════════════════════════════════
   432. QUOTES — RESPONSIVE
════════════════════════════════════════ */
@media(max-width:900px){
  .docs-qt-details-grid{grid-template-columns:1fr 1fr;}
  .docs-qt-detail-kv:nth-child(2){border-right:none;}
  .docs-qt-detail-kv:nth-child(odd){border-right:1px solid var(--docs-line);}
}
@media(max-width:640px){
  .docs-qt-header,.docs-qt-detail-header{flex-direction:column;}
  .docs-qt-details-grid{grid-template-columns:1fr;}
  .docs-qt-detail-kv{border-right:none;border-bottom:1px solid var(--docs-line);}
  .docs-qt-detail-kv:last-child{border-bottom:none;}
  .docs-qt-draft-banner{flex-direction:column;}
  .docs-qt-summary-box{min-width:100%;margin-left:0;}
  .docs-qt-detail-footer{flex-direction:column;align-items:flex-start;}
}
/* ════════════════════════════════════════
   433. CONFIGURATOR — PAGE HEADER
════════════════════════════════════════ */
.docs-cfg-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.1rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-cfg-hdr-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-cfg-hdr-icon{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-cfg-hdr-bc{font-family:"Outfit",sans-serif;font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.18rem;letter-spacing:.06em;}
.docs-cfg-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.2rem;color:#fff;}
.docs-cfg-hdr-desc{font-size:.7rem;color:rgba(255,255,255,.55);margin-top:.25rem;line-height:1.6;}
.docs-cfg-new-btn{display:inline-flex;align-items:center;gap:.4rem;font-family:"Outfit",sans-serif;font-weight:700;font-size:.78rem;padding:8px 14px;border-radius:8px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);color:#fff;flex-shrink:0;align-self:center;}

/* ════════════════════════════════════════
   434. CONFIGURATOR — WIZARD MOCK
════════════════════════════════════════ */
.docs-cfg-wizard{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:1rem 0;}
.docs-cfg-select-section{padding:.85rem 1rem;border-bottom:1px solid var(--docs-line);}
.docs-cfg-select-hdr{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.6rem;}
.docs-cfg-dropdown-row{margin-bottom:.4rem;}
.docs-cfg-select-pill{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--docs-line2);border-radius:7px;padding:.45rem .75rem;font-size:.82rem;color:var(--docs-navy);background:var(--docs-off);min-width:180px;justify-content:space-between;}
.docs-cfg-edit-link{font-size:.75rem;color:var(--docs-blue);font-weight:600;display:inline-flex;align-items:center;gap:.25rem;text-decoration:none;}
.docs-cfg-wizard-grid{display:grid;grid-template-columns:1fr 260px;gap:1rem;padding:1rem;}
.docs-cfg-options-col{display:flex;flex-direction:column;gap:.65rem;}
.docs-cfg-option-card{background:var(--docs-off);border:1px solid var(--docs-line);border-radius:10px;padding:.85rem 1rem;}
.docs-cfg-option-card-name{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;color:var(--docs-navy);margin-bottom:.55rem;}
.docs-cfg-value-btn{font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:600;padding:7px 14px;border-radius:8px;display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;}
.docs-cfg-value-btn.selected{background:transparent;border:1.5px solid var(--docs-blue);color:var(--docs-blue);}
.docs-cfg-value-btn.unselected{background:transparent;border:1.5px solid var(--docs-line2);color:var(--docs-muted);}
.docs-cfg-value-btn.disabled{background:transparent;border:1.5px dashed var(--docs-line2);color:var(--docs-ghost);cursor:not-allowed;opacity:.5;}
.docs-cfg-delta{font-size:.7rem;font-weight:500;opacity:.75;}
.docs-cfg-summary-col{}
.docs-cfg-summary-card{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:10px;padding:.85rem 1rem;position:sticky;top:80px;}
.docs-cfg-summary-title{display:flex;align-items:center;gap:.4rem;font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--docs-blue);margin-bottom:.6rem;}
.docs-cfg-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:var(--docs-muted);margin-bottom:.3rem;}
.docs-cfg-summary-total{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.3rem;color:var(--docs-navy);}
.docs-cfg-create-btn{width:100%;margin-top:.6rem;padding:10px;border-radius:8px;background:var(--docs-navy);color:#fff;font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;}

/* ════════════════════════════════════════
   435. CONFIGURATOR — CREATE / EDIT FORM
════════════════════════════════════════ */
.docs-cfg-form{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:1rem 0;}
.docs-cfg-form-hdr{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));padding:1rem 1.25rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-cfg-back-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;padding:6px 12px;border-radius:7px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;flex-shrink:0;align-self:flex-start;}
.docs-cfg-form-section{}
.docs-cfg-section-hdr{display:flex;align-items:flex-start;justify-content:space-between;padding:.75rem 1.1rem;background:var(--docs-off);border-top:1px solid var(--docs-line);}
.docs-cfg-section-hdr:first-child{border-top:none;}
.docs-cfg-section-hdr-left{display:flex;align-items:flex-start;gap:.55rem;}
.docs-cfg-section-icon{width:24px;height:24px;border-radius:6px;background:var(--docs-navy);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-cfg-section-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.8rem;color:var(--docs-navy);}
.docs-cfg-section-sub{font-size:.68rem;color:var(--docs-ghost);margin-top:.1rem;}
.docs-cfg-section-action{font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;color:var(--docs-blue);flex-shrink:0;cursor:pointer;}
.docs-cfg-section-body{padding:.85rem 1.1rem;}

/* Materials table */
.docs-cfg-mat-tbl{width:100%;border-collapse:collapse;font-size:.75rem;}
.docs-cfg-mat-tbl th{text-align:left;padding:.4rem .65rem;font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--docs-ghost);border-bottom:1px solid var(--docs-line2);background:var(--docs-off);}
.docs-cfg-mat-tbl td{padding:.55rem .65rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;}
.docs-cfg-mat-tbl tr:last-child td{border-bottom:none;}
.docs-cfg-mat-search{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--docs-line2);border-radius:6px;padding:4px 8px;font-size:.75rem;color:var(--docs-navy);background:var(--docs-off);min-width:120px;}
.docs-cfg-remove-btn{font-family:"Outfit",sans-serif;font-size:.68rem;font-weight:600;color:var(--docs-red);cursor:pointer;white-space:nowrap;}

/* Option blocks */
.docs-cfg-option-block{border:1px solid var(--docs-line);border-radius:9px;overflow:hidden;}
.docs-cfg-option-hdr{display:flex;align-items:flex-end;gap:.75rem;padding:.65rem .85rem;background:var(--docs-off);flex-wrap:wrap;}
.docs-cfg-req-label{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--docs-muted);white-space:nowrap;margin-bottom:.15rem;cursor:pointer;}
.docs-cfg-values-section{padding:.65rem .85rem;border-top:1px solid var(--docs-line);}
.docs-cfg-values-label{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-blue);margin-bottom:.45rem;display:flex;align-items:center;gap:.5rem;}
.docs-cfg-add-link{font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:600;color:var(--docs-blue);cursor:pointer;}
.docs-cfg-value-row{background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:7px;padding:.65rem;}
.docs-cfg-value-grid{display:grid;grid-template-columns:1fr 100px 160px auto;gap:.6rem;align-items:end;margin-bottom:.5rem;}
.docs-cfg-mat-for-val{margin-top:.5rem;}
.docs-cfg-mat-for-label{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-muted);display:flex;align-items:center;margin-bottom:.25rem;}
.docs-cfg-remove-link{font-size:.68rem;color:var(--docs-red);font-weight:600;cursor:pointer;display:block;text-align:right;margin-top:.3rem;}

/* Compatibility rules */
.docs-cfg-compat-row{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;}
.docs-cfg-compat-pill{display:inline-flex;align-items:center;gap:.3rem;border:1px solid var(--docs-line2);border-radius:6px;padding:6px 10px;font-size:.75rem;color:var(--docs-navy);background:var(--docs-off);}
.docs-cfg-compat-is-not{font-size:.72rem;color:var(--docs-muted);white-space:nowrap;}

/* Form footer */
.docs-cfg-form-footer{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.1rem;border-top:1px solid var(--docs-line);background:var(--docs-off);}

/* ════════════════════════════════════════
   436. CONFIGURATOR — MODAL (in SO / Quote)
════════════════════════════════════════ */
.docs-cfg-modal-wrap{position:relative;margin:1rem 0;}
.docs-cfg-so-hint{background:var(--docs-off);border:1px solid var(--docs-line);border-radius:10px;padding:.75rem .9rem;margin-bottom:.65rem;}
.docs-cfg-so-context-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;}
.docs-cfg-so-cfg-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:700;color:#fff;background:var(--docs-navy);border:none;border-radius:7px;padding:7px 13px;cursor:pointer;}
.docs-cfg-modal{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:14px;overflow:hidden;box-shadow:0 8px 32px rgba(2,63,104,.18);max-width:500px;margin:0 auto;}
.docs-cfg-modal-hdr{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(135deg,var(--docs-navy-d),var(--docs-navy));}
.docs-cfg-modal-icon{width:28px;height:28px;border-radius:7px;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-cfg-modal-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:.95rem;color:#fff;}
.docs-cfg-modal-sub{font-size:.7rem;color:rgba(255,255,255,.55);}
.docs-cfg-modal-close{width:26px;height:26px;border-radius:6px;background:rgba(255,255,255,.1);border:none;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;font-size:.85rem;}
.docs-cfg-modal-body{padding:1rem 1.25rem;}
.docs-cfg-modal-option{padding:.35rem 0;}
.docs-cfg-modal-opt-name{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;color:var(--docs-navy);margin-bottom:.45rem;}
.docs-cfg-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;border-top:1px solid var(--docs-line);background:var(--docs-off);flex-wrap:wrap;gap:.5rem;}
.docs-cfg-modal-price{display:flex;align-items:baseline;gap:.3rem;}

/* ════════════════════════════════════════
   437. CONFIGURATOR — RESPONSIVE
════════════════════════════════════════ */
@media(max-width:820px){
  .docs-cfg-wizard-grid{grid-template-columns:1fr;}
  .docs-cfg-value-grid{grid-template-columns:1fr 90px 140px;}
}
@media(max-width:640px){
  .docs-cfg-header,.docs-cfg-form-hdr{flex-direction:column;}
  .docs-cfg-value-grid{grid-template-columns:1fr 1fr;}
  .docs-cfg-compat-row{flex-direction:column;align-items:flex-start;}
  .docs-cfg-modal{max-width:100%;}
}
/* ════════════════════════════════════════
   438. INVOICES — PAGE HEADER
════════════════════════════════════════ */
.docs-inv-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.1rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-inv-hdr-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-inv-hdr-icon{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-inv-hdr-bc{font-family:"Outfit",sans-serif;font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.18rem;letter-spacing:.06em;}
.docs-inv-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.2rem;color:#fff;}
.docs-inv-hdr-desc{font-size:.7rem;color:rgba(255,255,255,.55);margin-top:.25rem;line-height:1.6;}
.docs-inv-hdr-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0;}
.docs-inv-count-badge{background:var(--docs-navy-d);border:1px solid rgba(255,255,255,.15);border-radius:9px;padding:.35rem .75rem;text-align:center;}
.docs-inv-count-label{font-family:"Outfit",sans-serif;font-size:.52rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.4);display:block;}
.docs-inv-count-num{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.1rem;color:#fff;}
.docs-inv-gen-btn{display:inline-flex;align-items:center;gap:.4rem;font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;padding:9px 16px;border-radius:9px;background:#fff;color:var(--docs-navy);flex-shrink:0;}

/* ════════════════════════════════════════
   439. INVOICES — STATUS PILLS + SUB TAGS
════════════════════════════════════════ */
.docs-inv-status{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;padding:3px 10px;border-radius:100px;}
.docs-inv-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0;}
.docs-inv-status.draft{background:var(--docs-off2);color:var(--docs-muted);border:1px solid var(--docs-line2);}
.docs-inv-status.draft .docs-inv-status-dot{background:var(--docs-ghost);}
.docs-inv-status.issued{background:var(--docs-b08);color:var(--docs-blue);border:1px solid var(--docs-b15);}
.docs-inv-status.issued .docs-inv-status-dot{background:var(--docs-blue);}
.docs-inv-status.overdue{background:rgba(220,38,38,.08);color:var(--docs-red);border:1px solid rgba(220,38,38,.2);}
.docs-inv-status.overdue .docs-inv-status-dot{background:var(--docs-red);}
.docs-inv-status.paid{background:rgba(5,150,105,.1);color:var(--docs-green);border:1px solid rgba(5,150,105,.22);}
.docs-inv-status.paid .docs-inv-status-dot{background:var(--docs-green);}
.docs-inv-status.credited{background:rgba(124,58,237,.08);color:var(--docs-purple);border:1px solid rgba(124,58,237,.2);}
.docs-inv-status.credited .docs-inv-status-dot{background:var(--docs-purple);}
.docs-inv-sub-tag{font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:1px 6px;border-radius:3px;}
.docs-inv-sub-tag.overdue{color:var(--docs-red);background:rgba(220,38,38,.08);}
.docs-inv-sub-tag.paid{color:var(--docs-green);background:rgba(5,150,105,.1);}

/* ════════════════════════════════════════
   440. INVOICES — GENERATE MODAL
════════════════════════════════════════ */
.docs-inv-modal{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:14px;overflow:hidden;box-shadow:0 8px 32px rgba(2,63,104,.14);margin:1rem 0;}
.docs-inv-modal-hdr{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(135deg,var(--docs-navy-d),var(--docs-navy));}
.docs-inv-modal-icon{width:28px;height:28px;border-radius:7px;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-inv-modal-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:.95rem;color:#fff;}
.docs-inv-modal-sub{font-size:.7rem;color:rgba(255,255,255,.55);}
.docs-inv-modal-close{width:26px;height:26px;border-radius:6px;background:rgba(255,255,255,.1);border:none;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;font-size:.85rem;}
.docs-inv-modal-body{padding:1rem 1.25rem;}
.docs-inv-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;padding:.85rem 1.25rem;border-top:1px solid var(--docs-line);background:var(--docs-off);}
.docs-inv-gen-tip{display:flex;align-items:flex-start;gap:.5rem;background:var(--docs-b08);border:1px solid var(--docs-b15);border-radius:8px;padding:.65rem .85rem;font-size:.75rem;color:var(--docs-navy);line-height:1.65;margin-bottom:.65rem;}
.docs-inv-so-select{display:flex;align-items:center;border:1.5px solid var(--docs-line2);border-radius:7px;padding:.45rem .75rem;font-size:.82rem;color:var(--docs-navy);background:var(--docs-off);}
.docs-inv-bill-label{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-muted);margin:.75rem 0 .4rem;}
.docs-inv-bill-option{display:flex;align-items:flex-start;gap:.7rem;border:1.5px solid var(--docs-line2);border-radius:9px;padding:.7rem 1rem;margin-bottom:.5rem;}
.docs-inv-bill-option.selected{border-color:var(--docs-blue);background:var(--docs-b08);}
.docs-inv-bill-option.disabled{opacity:.5;cursor:not-allowed;background:var(--docs-off);}
.docs-inv-radio-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--docs-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;}
.docs-inv-radio-inner{width:7px;height:7px;border-radius:50%;background:var(--docs-blue);}

/* ════════════════════════════════════════
   441. INVOICES — DETAIL HEADER
════════════════════════════════════════ */
.docs-inv-detail-hdr{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.1rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-inv-detail-hdr-left{display:flex;align-items:flex-start;gap:.75rem;flex:1;min-width:0;}
.docs-inv-detail-ref{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.1rem;color:#fff;}
.docs-inv-detail-hdr-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0;}
.docs-inv-detail-total{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.2rem;color:#fff;}
.docs-inv-back-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;padding:6px 12px;border-radius:7px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;}
.docs-inv-immutable-banner{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--docs-b08);border:1px solid var(--docs-b15);border-radius:8px;margin:.65rem 0;font-size:.78rem;color:var(--docs-navy);}

/* ════════════════════════════════════════
   442. INVOICES — ADDRESS CARDS
════════════════════════════════════════ */
.docs-inv-addr-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin:.75rem 0;}
.docs-inv-addr-card{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:10px;padding:.85rem 1rem;}
.docs-inv-addr-label{display:flex;align-items:center;gap:.35rem;font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-blue);margin-bottom:.4rem;}
.docs-inv-addr-name{font-family:"Outfit",sans-serif;font-weight:700;font-size:.88rem;color:var(--docs-navy);margin-bottom:.2rem;}
.docs-inv-addr-line{font-size:.73rem;color:var(--docs-muted);line-height:1.55;}

/* ════════════════════════════════════════
   443. INVOICES — DETAILS CARD + KV GRID
════════════════════════════════════════ */
.docs-inv-details-card{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin-bottom:.85rem;}
.docs-inv-card-hdr{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-bottom:1px solid var(--docs-line);}
.docs-inv-card-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.72rem;color:var(--docs-navy);text-transform:uppercase;letter-spacing:.04em;}
.docs-inv-card-sub{font-size:.68rem;color:var(--docs-ghost);}
.docs-inv-details-grid{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--docs-line);}
.docs-inv-kv{padding:.65rem 1rem;border-right:1px solid var(--docs-line);}
.docs-inv-kv:last-child{border-right:none;}
.docs-inv-kv-label{display:flex;align-items:center;gap:.25rem;font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-ghost);margin-bottom:.3rem;}
.docs-inv-kv-val{font-family:"Outfit",sans-serif;font-weight:700;font-size:.85rem;color:var(--docs-navy);}
.docs-inv-source-order-row{display:flex;align-items:center;padding:.55rem 1rem;}

/* ════════════════════════════════════════
   444. INVOICES — LINE ITEMS + PAYMENTS
════════════════════════════════════════ */
.docs-inv-line-card{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin-bottom:.85rem;}
.docs-inv-line-tbl{width:100%;border-collapse:collapse;font-size:.78rem;}
.docs-inv-line-tbl th{text-align:left;padding:.5rem 1rem;font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--docs-muted);border-bottom:1px solid var(--docs-line2);background:var(--docs-off);}
.docs-inv-line-tbl td{padding:.65rem 1rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-inv-line-tbl tr:last-child td{border-bottom:none;}
.docs-inv-totals-section{display:flex;align-items:flex-start;justify-content:space-between;padding:.75rem 1rem;border-top:1px solid var(--docs-line);gap:1rem;flex-wrap:wrap;}
.docs-inv-vat-breakdown{flex:1;min-width:180px;}
.docs-inv-vat-label{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-ghost);margin-bottom:.4rem;}
.docs-inv-vat-tbl{width:100%;border-collapse:collapse;font-size:.75rem;}
.docs-inv-vat-tbl th{text-align:left;padding:.3rem .5rem;font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;text-transform:uppercase;color:var(--docs-ghost);border-bottom:1px solid var(--docs-line2);}
.docs-inv-vat-tbl td{padding:.35rem .5rem;color:var(--docs-body);}
.docs-inv-summary-col{min-width:200px;}
.docs-inv-summary-row{display:flex;justify-content:space-between;font-size:.78rem;color:var(--docs-muted);margin-bottom:.3rem;}
.docs-inv-summary-row.total{font-family:"Outfit",sans-serif;font-weight:700;color:var(--docs-navy);border-top:1px solid var(--docs-line);padding-top:.3rem;margin-top:.1rem;}
.docs-inv-payments-section{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin-bottom:.85rem;}
.docs-inv-payments-tbl{width:100%;border-collapse:collapse;font-size:.78rem;}
.docs-inv-payments-tbl th{text-align:left;padding:.5rem 1rem;font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--docs-muted);border-bottom:1px solid var(--docs-line2);background:var(--docs-off);}
.docs-inv-payments-tbl td{padding:.65rem 1rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-inv-payments-tbl tr:last-child td{border-bottom:none;}
.docs-inv-committed-pill{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:100px;background:rgba(5,150,105,.1);color:var(--docs-green);border:1px solid rgba(5,150,105,.2);}

/* ════════════════════════════════════════
   445. INVOICES — EDIT FORM + DETAIL FOOTER
════════════════════════════════════════ */
.docs-inv-edit-form{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:1rem 0;}
.docs-inv-edit-hdr{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));padding:1rem 1.25rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-inv-edit-section{padding:0;}
.docs-inv-edit-section-hdr{display:flex;align-items:flex-start;gap:.55rem;padding:.75rem 1.1rem;background:var(--docs-off);border-top:1px solid var(--docs-line);}
.docs-inv-edit-sec-icon{width:24px;height:24px;border-radius:6px;background:var(--docs-navy);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-inv-edit-sec-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.8rem;color:var(--docs-navy);}
.docs-inv-edit-sec-sub{font-size:.68rem;color:var(--docs-ghost);margin-top:.1rem;}
.docs-inv-ctx-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:.25rem 0;border-top:none;}
.docs-inv-edit-tbl{width:100%;border-collapse:collapse;font-size:.75rem;}
.docs-inv-edit-tbl th{text-align:left;padding:.45rem .75rem;font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;color:var(--docs-muted);border-bottom:1px solid var(--docs-line2);background:var(--docs-off);}
.docs-inv-edit-tbl td{padding:.5rem .75rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;}
.docs-inv-edit-tbl tr:last-child td{border-bottom:none;}
.docs-inv-add-line-row{padding:.55rem 1.1rem;border-top:1px solid var(--docs-line);}
.docs-inv-edit-totals{display:flex;flex-direction:column;align-items:flex-end;padding:.65rem 1.1rem;gap:.28rem;border-top:1px solid var(--docs-line);}
.docs-inv-edit-body{padding:.85rem 1.1rem;}
.docs-inv-edit-footer{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.1rem;border-top:1px solid var(--docs-line);background:var(--docs-off);}
.docs-inv-detail-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1.1rem;background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;margin:.65rem 0;flex-wrap:wrap;}
.docs-inv-footer-msg{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--docs-muted);flex:1;min-width:200px;}
.docs-inv-method-select{display:flex;align-items:center;border:1.5px solid var(--docs-line2);border-radius:7px;padding:.45rem .75rem;font-size:.82rem;color:var(--docs-navy);background:var(--docs-off);}

/* ════════════════════════════════════════
   446. INVOICES — RESPONSIVE
════════════════════════════════════════ */
@media(max-width:900px){
  .docs-inv-details-grid{grid-template-columns:1fr 1fr;}
  .docs-inv-kv:nth-child(2){border-right:none;}
  .docs-inv-ctx-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:640px){
  .docs-inv-header,.docs-inv-detail-hdr,.docs-inv-edit-hdr{flex-direction:column;}
  .docs-inv-addr-grid{grid-template-columns:1fr;}
  .docs-inv-details-grid,.docs-inv-ctx-grid{grid-template-columns:1fr;}
  .docs-inv-kv{border-right:none;border-bottom:1px solid var(--docs-line);}
  .docs-inv-kv:last-child{border-bottom:none;}
  .docs-inv-totals-section{flex-direction:column;}
  .docs-inv-detail-footer{flex-direction:column;align-items:flex-start;}
}
/* ════════════════════════════════════════
   447. CREDIT NOTES — PAGE HEADER
════════════════════════════════════════ */
.docs-cn-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.1rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-cn-hdr-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-cn-hdr-icon{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-cn-hdr-bc{font-family:"Outfit",sans-serif;font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.18rem;letter-spacing:.06em;}
.docs-cn-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.2rem;color:#fff;}
.docs-cn-hdr-desc{font-size:.7rem;color:rgba(255,255,255,.55);margin-top:.25rem;line-height:1.6;}
.docs-cn-count-badge{background:var(--docs-navy-d);border:1px solid rgba(255,255,255,.15);border-radius:9px;padding:.5rem .9rem;text-align:center;flex-shrink:0;align-self:center;}
.docs-cn-count-label{font-family:"Outfit",sans-serif;font-size:.52rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.4);display:block;}
.docs-cn-count-num{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.1rem;color:#fff;}

/* ════════════════════════════════════════
   448. CREDIT NOTES — STATUS PILLS + INV PILL
════════════════════════════════════════ */
.docs-cn-status{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;padding:3px 10px;border-radius:100px;}
.docs-cn-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0;}
.docs-cn-status.draft{background:var(--docs-off2);color:var(--docs-muted);border:1px solid var(--docs-line2);}
.docs-cn-status.draft .docs-cn-dot{background:var(--docs-ghost);}
.docs-cn-status.issued{background:rgba(5,150,105,.1);color:var(--docs-green);border:1px solid rgba(5,150,105,.22);}
.docs-cn-status.issued .docs-cn-dot{background:var(--docs-green);}
.docs-cn-inv-pill{font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:5px;background:rgba(220,38,38,.07);color:var(--docs-red);border:1px solid rgba(220,38,38,.2);white-space:nowrap;}

/* ════════════════════════════════════════
   449. CREDIT NOTES — DETAIL HEADER
════════════════════════════════════════ */
.docs-cn-detail-hdr{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.1rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-cn-detail-hdr-left{display:flex;align-items:flex-start;gap:.75rem;flex:1;min-width:0;}
.docs-cn-detail-ref{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.1rem;color:#fff;}
.docs-cn-detail-total{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.2rem;color:#fff;}
.docs-cn-back-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;padding:6px 12px;border-radius:7px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;white-space:nowrap;}
.docs-cn-immutable-banner{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--docs-b08);border:1px solid var(--docs-b15);border-radius:8px;margin:.65rem 0;font-size:.78rem;color:var(--docs-navy);}

/* ════════════════════════════════════════
   450. CREDIT NOTES — DETAILS CARD
════════════════════════════════════════ */
.docs-cn-details-card{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin-bottom:.85rem;}
.docs-cn-details-grid{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid var(--docs-line);}
.docs-cn-kv{padding:.65rem 1rem;border-right:1px solid var(--docs-line);}
.docs-cn-kv:last-child{border-right:none;}
.docs-cn-kv.full{grid-column:1/-1;border-right:none;}
.docs-cn-reason-row{display:flex;align-items:center;gap:.5rem;padding:.55rem 1rem;}
.docs-cn-reason-text{font-family:"Outfit",sans-serif;font-weight:600;font-size:.82rem;color:var(--docs-navy);}

/* ════════════════════════════════════════
   451. CREDIT NOTES — LINE ITEMS CARD
════════════════════════════════════════ */
.docs-cn-line-card{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin-bottom:.85rem;}
.docs-cn-line-tbl{width:100%;border-collapse:collapse;font-size:.78rem;}
.docs-cn-line-tbl th{text-align:left;padding:.5rem 1rem;font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--docs-muted);border-bottom:1px solid var(--docs-line2);background:var(--docs-off);}
.docs-cn-line-tbl td{padding:.65rem 1rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-cn-line-tbl tr:last-child td{border-bottom:none;}

/* ════════════════════════════════════════
   452. CREDIT NOTES — FOOTER + USE CASES + STEPS
════════════════════════════════════════ */
.docs-cn-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1.1rem;background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;margin:.65rem 0;flex-wrap:wrap;}
.docs-cn-footer-msg{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--docs-muted);flex:1;min-width:200px;}
.docs-cn-issued-confirm{font-family:"Outfit",sans-serif;font-size:.8rem;font-weight:700;color:var(--docs-green);display:inline-flex;align-items:center;gap:.35rem;}
/* Use cases */
.docs-cn-use-cases{display:flex;flex-direction:column;gap:.65rem;margin:.85rem 0;}
.docs-cn-use-case{display:flex;align-items:flex-start;gap:.85rem;background:var(--docs-white);border:1px solid var(--docs-line);border-radius:10px;padding:.85rem 1rem;}
.docs-cn-use-icon{width:36px;height:36px;border-radius:9px;background:var(--docs-b08);border:1px solid var(--docs-b15);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;}
.docs-cn-use-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.84rem;color:var(--docs-navy);margin-bottom:.2rem;}
.docs-cn-use-desc{font-size:.78rem;color:var(--docs-muted);line-height:1.65;}
/* Steps */
.docs-cn-steps{display:flex;flex-direction:column;gap:.5rem;margin:.85rem 0;}
.docs-cn-step{display:flex;align-items:flex-start;gap:.85rem;padding:.75rem 1rem;background:var(--docs-white);border:1px solid var(--docs-line);border-radius:10px;}
.docs-cn-step-num{width:28px;height:28px;border-radius:50%;background:linear-gradient(145deg,var(--docs-navy-d),var(--docs-navy));color:#fff;font-family:"Outfit",sans-serif;font-weight:700;font-size:.78rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;box-shadow:0 3px 10px rgba(2,63,104,.25);}
.docs-cn-step-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.84rem;color:var(--docs-navy);margin-bottom:.2rem;}
.docs-cn-step-desc{font-size:.78rem;color:var(--docs-muted);line-height:1.65;}

/* ════════════════════════════════════════
   453. CREDIT NOTES — RESPONSIVE
════════════════════════════════════════ */
@media(max-width:820px){
  .docs-cn-details-grid{grid-template-columns:1fr 1fr;}
  .docs-cn-kv.full{grid-column:1/-1;}
}
@media(max-width:640px){
  .docs-cn-header,.docs-cn-detail-hdr{flex-direction:column;}
  .docs-cn-details-grid{grid-template-columns:1fr;}
  .docs-cn-kv{border-right:none;border-bottom:1px solid var(--docs-line);}
  .docs-cn-kv:last-child{border-bottom:none;}
  .docs-cn-footer{flex-direction:column;align-items:flex-start;}
}
/* ════════════════════════════════════════
   454. RETURNS RMA — PAGE HEADER
════════════════════════════════════════ */
.docs-rma-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.1rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-rma-hdr-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-rma-hdr-icon{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-rma-hdr-bc{font-family:"Outfit",sans-serif;font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.18rem;letter-spacing:.06em;}
.docs-rma-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.2rem;color:#fff;}
.docs-rma-hdr-desc{font-size:.7rem;color:rgba(255,255,255,.55);margin-top:.25rem;line-height:1.6;}
.docs-rma-hdr-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0;}
.docs-rma-count-badge{background:var(--docs-navy-d);border:1px solid rgba(255,255,255,.15);border-radius:9px;padding:.4rem .8rem;text-align:center;}
.docs-rma-count-label{font-family:"Outfit",sans-serif;font-size:.52rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.4);display:block;}
.docs-rma-count-num{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.1rem;color:#fff;}
.docs-rma-new-btn{display:inline-flex;align-items:center;gap:.4rem;font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;padding:9px 16px;border-radius:9px;background:#fff;color:var(--docs-navy);}

/* ════════════════════════════════════════
   455. RETURNS RMA — STATUS PILLS + LIST
════════════════════════════════════════ */
.docs-rma-status{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;padding:3px 10px;border-radius:100px;}
.docs-rma-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0;}
.docs-rma-status.draft{background:var(--docs-off2);color:var(--docs-muted);border:1px solid var(--docs-line2);}
.docs-rma-status.draft .docs-rma-dot{background:var(--docs-ghost);}
.docs-rma-status.authorised{background:var(--docs-b08);color:var(--docs-blue);border:1px solid var(--docs-b15);}
.docs-rma-status.authorised .docs-rma-dot{background:var(--docs-blue);}
.docs-rma-status.received{background:rgba(217,119,6,.1);color:var(--docs-amber);border:1px solid rgba(217,119,6,.25);}
.docs-rma-status.received .docs-rma-dot{background:var(--docs-amber);}
.docs-rma-status.closed{background:rgba(5,150,105,.1);color:var(--docs-green);border:1px solid rgba(5,150,105,.22);}
.docs-rma-status.closed .docs-rma-dot{background:var(--docs-green);}
.docs-rma-status.rejected{background:rgba(220,38,38,.08);color:var(--docs-red);border:1px solid rgba(220,38,38,.2);}
.docs-rma-status.rejected .docs-rma-dot{background:var(--docs-red);}
.docs-rma-inv-pill{font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:5px;background:var(--docs-b08);color:var(--docs-blue);border:1px solid var(--docs-b15);white-space:nowrap;}

/* ════════════════════════════════════════
   456. RETURNS RMA — DETAIL HEADER + CARDS
════════════════════════════════════════ */
.docs-rma-detail-hdr{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.1rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-rma-detail-hdr-left{display:flex;align-items:flex-start;gap:.75rem;flex:1;min-width:0;}
.docs-rma-detail-ref{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.1rem;color:#fff;}
.docs-rma-back-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;padding:6px 12px;border-radius:7px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;align-self:flex-start;}
.docs-rma-card{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin-bottom:.85rem;}
.docs-rma-details-grid{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--docs-line);}
.docs-rma-reason-row{display:flex;align-items:center;gap:.5rem;padding:.55rem 1rem;}
.docs-rma-reason-text{font-family:"Outfit",sans-serif;font-weight:600;font-size:.82rem;color:var(--docs-navy);}

/* ════════════════════════════════════════
   457. RETURNS RMA — ITEMS TABLE
════════════════════════════════════════ */
.docs-rma-items-card{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin-bottom:.85rem;}
.docs-rma-items-tbl{width:100%;border-collapse:collapse;font-size:.75rem;}
.docs-rma-items-tbl th{text-align:left;padding:.5rem 1rem;font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--docs-muted);border-bottom:1px solid var(--docs-line2);background:var(--docs-off);}
.docs-rma-items-tbl td{padding:.65rem 1rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;color:var(--docs-body);}
.docs-rma-items-tbl tr:last-child td{border-bottom:none;}
.docs-rma-serial{font-family:"JetBrains Mono","Courier New",monospace;font-size:.65rem;font-weight:600;color:var(--docs-blue);}
.docs-rma-warranty{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;padding:1px 6px;border-radius:100px;background:rgba(5,150,105,.1);color:var(--docs-green);border:1px solid rgba(5,150,105,.2);}
.docs-rma-condition{font-size:.73rem;font-weight:500;color:var(--docs-navy);}
/* Disposition pills */
.docs-rma-disp{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;padding:3px 9px;border-radius:100px;}
.docs-rma-disp.pending{background:var(--docs-off2);color:var(--docs-ghost);border:1px solid var(--docs-line2);}
.docs-rma-disp.restock{background:rgba(5,150,105,.1);color:var(--docs-green);border:1px solid rgba(5,150,105,.22);}
.docs-rma-disp.scrap{background:rgba(220,38,38,.08);color:var(--docs-red);border:1px solid rgba(220,38,38,.2);}
.docs-rma-disp.repair{background:rgba(217,119,6,.1);color:var(--docs-amber);border:1px solid rgba(217,119,6,.25);}
.docs-rma-disp.replace{background:var(--docs-b08);color:var(--docs-blue);border:1px solid var(--docs-b15);}
.docs-rma-disp.reject{background:var(--docs-off2);color:var(--docs-muted);border:1px solid var(--docs-line2);}

/* ════════════════════════════════════════
   458. RETURNS RMA — FOOTER + MODALS
════════════════════════════════════════ */
.docs-rma-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1.1rem;background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;margin:.65rem 0;flex-wrap:wrap;}
.docs-rma-footer-msg{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--docs-muted);flex:1;min-width:200px;}
.docs-rma-modal{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:14px;overflow:hidden;box-shadow:0 8px 32px rgba(2,63,104,.14);margin:1rem 0;}
.docs-rma-modal-hdr{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(135deg,var(--docs-navy-d),var(--docs-navy));}
.docs-rma-modal-icon{width:28px;height:28px;border-radius:7px;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-rma-modal-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:.95rem;color:#fff;}
.docs-rma-modal-close{width:26px;height:26px;border-radius:6px;background:rgba(255,255,255,.1);border:none;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;font-size:.85rem;}
.docs-rma-modal-body{padding:1rem 1.25rem;}
.docs-rma-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;padding:.85rem 1.25rem;border-top:1px solid var(--docs-line);background:var(--docs-off);}
.docs-rma-lines-label{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-muted);margin:.75rem 0 .4rem;}
.docs-rma-line-check{border:1.5px solid var(--docs-line2);border-radius:9px;padding:.7rem 1rem;background:var(--docs-off);}
.docs-rma-inv-select{display:flex;align-items:center;border:1.5px solid var(--docs-line2);border-radius:7px;padding:.45rem .75rem;font-size:.82rem;color:var(--docs-navy);background:var(--docs-off);}
/* Receive & inspect modal */
.docs-rma-inspect-modal .docs-rma-modal-hdr{background:var(--docs-white);border-bottom:1px solid var(--docs-line);}
.docs-rma-inspect-modal .docs-rma-modal-title{color:var(--docs-navy);}
.docs-rma-inspect-sub{font-size:.78rem;color:var(--docs-muted);line-height:1.65;margin-bottom:.85rem;}
.docs-rma-inspect-block{border:1px solid var(--docs-line);border-radius:9px;padding:.75rem 1rem;margin-bottom:.65rem;}
.docs-rma-inspect-hdr{display:flex;align-items:center;gap:.5rem;margin-bottom:.55rem;}
.docs-rma-inspect-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.65rem;align-items:end;}

/* ════════════════════════════════════════
   459. RETURNS RMA — CONDITION/DISPOSITION CARDS + LIFECYCLE
════════════════════════════════════════ */
.docs-rma-ref-grid{display:flex;flex-direction:column;gap:.55rem;margin:.85rem 0;}
.docs-rma-ref-card{border-left:3px solid;border-radius:0 8px 8px 0;padding:.75rem 1rem;background:var(--docs-off);}
.docs-rma-ref-label{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;margin-bottom:.25rem;}
.docs-rma-ref-desc{font-size:.78rem;color:var(--docs-body);line-height:1.65;}
.docs-rma-lifecycle{display:flex;flex-direction:column;gap:.55rem;margin:.85rem 0;}
.docs-rma-lifecycle-step{border:1px solid;border-radius:10px;padding:.85rem 1rem;}

/* ════════════════════════════════════════
   460. RETURNS RMA — RESPONSIVE
════════════════════════════════════════ */
@media(max-width:820px){
  .docs-rma-inspect-fields{grid-template-columns:1fr 1fr;}
  .docs-rma-details-grid{grid-template-columns:1fr;}
}
@media(max-width:640px){
  .docs-rma-header,.docs-rma-detail-hdr{flex-direction:column;}
  .docs-rma-inspect-fields{grid-template-columns:1fr;}
  .docs-rma-footer{flex-direction:column;align-items:flex-start;}
}
/* ════════════════════════════════════════
   461. PAYMENTS — PAGE HEADER
════════════════════════════════════════ */
.docs-pay-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.1rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-pay-hdr-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-pay-hdr-icon{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-pay-hdr-bc{font-family:"Outfit",sans-serif;font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.18rem;letter-spacing:.06em;}
.docs-pay-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.2rem;color:#fff;}
.docs-pay-hdr-desc{font-size:.7rem;color:rgba(255,255,255,.55);margin-top:.25rem;line-height:1.6;}
.docs-pay-count-badge{background:var(--docs-navy-d);border:1px solid rgba(255,255,255,.15);border-radius:9px;padding:.4rem .8rem;text-align:center;flex-shrink:0;align-self:center;}
.docs-pay-count-label{font-family:"Outfit",sans-serif;font-size:.52rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.4);display:block;}
.docs-pay-count-num{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.1rem;color:#fff;}

/* ════════════════════════════════════════
   462. PAYMENTS — STATUS PILLS + ALLOC BAR
════════════════════════════════════════ */
.docs-pay-status{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;padding:3px 10px;border-radius:100px;}
.docs-pay-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0;}
.docs-pay-status.committed{background:rgba(5,150,105,.1);color:var(--docs-green);border:1px solid rgba(5,150,105,.22);}
.docs-pay-status.committed .docs-pay-dot{background:var(--docs-green);}
.docs-pay-status.draft{background:var(--docs-off2);color:var(--docs-muted);border:1px solid var(--docs-line2);}
.docs-pay-status.draft .docs-pay-dot{background:var(--docs-ghost);}
/* Allocated bar */
.docs-pay-alloc-bar{width:80px;height:3px;background:var(--docs-line2);border-radius:2px;overflow:hidden;}
.docs-pay-alloc-fill{height:100%;background:var(--docs-green);border-radius:2px;}

/* ════════════════════════════════════════
   463. PAYMENTS — RECEIPT MODAL
════════════════════════════════════════ */
.docs-pay-modal{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:14px;overflow:hidden;box-shadow:0 8px 32px rgba(2,63,104,.14);max-width:520px;margin:1rem auto;}
.docs-pay-modal-hdr{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(135deg,var(--docs-navy-d),var(--docs-navy));}
.docs-pay-modal-icon{width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-pay-modal-ref{font-family:"Outfit",sans-serif;font-weight:800;font-size:.95rem;color:#fff;}
.docs-pay-modal-subtitle{font-size:.7rem;color:rgba(255,255,255,.55);margin-top:1px;}
.docs-pay-modal-status{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;padding:3px 10px;border-radius:100px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#fff;}
.docs-pay-modal-close{width:26px;height:26px;border-radius:6px;background:rgba(255,255,255,.1);border:none;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;font-size:.85rem;}
.docs-pay-modal-body{padding:1.1rem 1.25rem;}
/* KV grid */
.docs-pay-kv-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--docs-line);border-radius:9px;overflow:hidden;margin-bottom:.85rem;}
.docs-pay-kv{padding:.6rem .85rem;border-right:1px solid var(--docs-line);border-bottom:1px solid var(--docs-line);}
.docs-pay-kv:nth-child(2n){border-right:none;}
.docs-pay-kv:nth-last-child(-n+2){border-bottom:none;}
.docs-pay-kv-label{display:flex;align-items:center;gap:.25rem;font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-ghost);margin-bottom:.22rem;}
.docs-pay-kv-val{font-size:.8rem;font-weight:500;color:var(--docs-navy);}
/* Summary cards */
.docs-pay-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-bottom:.85rem;}
.docs-pay-summary-card{border-radius:10px;padding:.85rem 1rem;}
.docs-pay-summary-card.amount{background:var(--docs-b08);border:1px solid var(--docs-b15);}
.docs-pay-summary-card.unapplied{background:var(--docs-off);border:1px solid var(--docs-line2);}
.docs-pay-summary-card.unapplied.allocated{background:rgba(5,150,105,.06);border:1px solid rgba(5,150,105,.18);}
.docs-pay-summary-label{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--docs-muted);margin-bottom:.35rem;}
.docs-pay-summary-val{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.2rem;}
.docs-pay-summary-card.amount .docs-pay-summary-val{color:var(--docs-blue);}
.docs-pay-summary-card.unapplied.allocated .docs-pay-summary-val{color:var(--docs-green);}
.docs-pay-summary-card.unapplied:not(.allocated) .docs-pay-summary-val{color:var(--docs-amber);}
.docs-pay-summary-sub{font-size:.7rem;font-weight:600;margin-top:.25rem;}
.docs-pay-summary-card.unapplied.allocated .docs-pay-summary-sub{color:var(--docs-green);}
/* Cleared invoices */
.docs-pay-cleared-section{border:1px solid var(--docs-line);border-radius:9px;overflow:hidden;}
.docs-pay-cleared-label{display:flex;align-items:center;gap:.4rem;font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-muted);padding:.55rem .85rem;background:var(--docs-off);border-bottom:1px solid var(--docs-line);}
.docs-pay-cleared-count{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;padding:1px 7px;border-radius:100px;background:var(--docs-b08);color:var(--docs-blue);border:1px solid var(--docs-b15);margin-left:auto;}
.docs-pay-cleared-tbl{width:100%;border-collapse:collapse;font-size:.78rem;}
.docs-pay-cleared-tbl th{text-align:left;padding:.45rem .85rem;font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;text-transform:uppercase;color:var(--docs-ghost);border-bottom:1px solid var(--docs-line2);}
.docs-pay-cleared-tbl td{padding:.55rem .85rem;border-bottom:1px solid var(--docs-line);}
.docs-pay-cleared-tbl tr:last-child td{border-bottom:none;}
.docs-pay-modal-footer{display:flex;justify-content:flex-end;padding:.85rem 1.25rem;border-top:1px solid var(--docs-line);background:var(--docs-off);}

/* ════════════════════════════════════════
   464. PAYMENTS — RESPONSIVE
════════════════════════════════════════ */
@media(max-width:640px){
  .docs-pay-header{flex-direction:column;}
  .docs-pay-summary-grid{grid-template-columns:1fr;}
  .docs-pay-modal{max-width:100%;}
}
/* ════════════════════════════════════════
   465. RECEIVABLES — HEADER + BADGE
════════════════════════════════════════ */
.docs-rec-report-wrap{background:var(--docs-off);border:1px solid var(--docs-line);border-radius:14px;overflow:hidden;margin:1rem 0;}
.docs-rec-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));padding:1.1rem 1.5rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-rec-hdr-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-rec-hdr-icon{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-rec-hdr-bc{font-family:"Outfit",sans-serif;font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.18rem;letter-spacing:.06em;}
.docs-rec-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.1rem;color:#fff;}
.docs-rec-hdr-desc{font-size:.7rem;color:rgba(255,255,255,.55);margin-top:.25rem;line-height:1.6;}
.docs-rec-hdr-right{display:flex;align-items:flex-start;gap:.75rem;flex-shrink:0;flex-wrap:wrap;}
.docs-rec-date-field{display:flex;flex-direction:column;gap:.2rem;}
.docs-rec-date-label{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.45);}
.docs-rec-date-input{border:1px solid rgba(255,255,255,.2);border-radius:7px;padding:.4rem .75rem;font-size:.78rem;color:rgba(255,255,255,.7);background:rgba(255,255,255,.08);outline:none;min-width:140px;}
.docs-rec-date-hint{font-size:.62rem;color:rgba(255,255,255,.35);margin-top:1px;}
.docs-rec-outstanding-badge{background:rgba(2,116,190,.35);border:1px solid rgba(2,116,190,.5);border-radius:10px;padding:.5rem .9rem;text-align:center;}
.docs-rec-out-label{font-family:"Outfit",sans-serif;font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.55);display:block;margin-bottom:.15rem;}
.docs-rec-out-val{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.1rem;color:#fff;}

/* ════════════════════════════════════════
   466. RECEIVABLES — WARNING BANNER + HINT
════════════════════════════════════════ */
.docs-rec-warn-banner{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;background:rgba(217,119,6,.06);border-bottom:1px solid rgba(217,119,6,.18);font-size:.78rem;color:#92400e;}
.docs-rec-bucket-hint{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.72rem;color:var(--docs-muted);background:var(--docs-off);border-top:1px solid var(--docs-line);border-bottom:1px solid var(--docs-line);}

/* ════════════════════════════════════════
   467. RECEIVABLES — SUMMARY CARDS
════════════════════════════════════════ */
.docs-rec-summary-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border-bottom:1px solid var(--docs-line);}
.docs-rec-summary-card{padding:.8rem 1rem;border-right:1px solid var(--docs-line);}
.docs-rec-summary-card:last-child{border-right:none;}
.docs-rec-card-label{display:flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--docs-muted);margin-bottom:.35rem;}
.docs-rec-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}
.docs-rec-card-val{font-family:"Outfit",sans-serif;font-weight:900;font-size:.95rem;color:var(--docs-navy);}
.docs-rec-card-sub{font-size:.65rem;color:var(--docs-ghost);margin-top:.2rem;}
.docs-rec-summary-card.total .docs-rec-card-val{color:var(--docs-navy);}
.docs-rec-summary-card.current{background:rgba(5,150,105,.04);}
.docs-rec-summary-card.current .docs-rec-card-val{color:var(--docs-green);}
.docs-rec-summary-card.bucket1{background:rgba(217,119,6,.04);}
.docs-rec-summary-card.bucket1 .docs-rec-card-val{color:var(--docs-amber);}

/* ════════════════════════════════════════
   468. RECEIVABLES — BY CUSTOMER TABLE
════════════════════════════════════════ */
.docs-rec-customer-section{background:var(--docs-white);border-top:1px solid var(--docs-line);}
.docs-rec-section-hdr{display:flex;align-items:flex-start;gap:.55rem;padding:.75rem 1rem;border-bottom:1px solid var(--docs-line);}
.docs-rec-section-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;color:var(--docs-navy);display:flex;align-items:center;gap:.4rem;}
.docs-rec-count-badge{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;padding:1px 7px;border-radius:100px;background:var(--docs-b08);color:var(--docs-blue);border:1px solid var(--docs-b15);}
.docs-rec-section-sub{font-size:.7rem;color:var(--docs-ghost);margin-top:.1rem;}
.docs-rec-aging-tbl{width:100%;border-collapse:collapse;font-size:.78rem;}
.docs-rec-th-cust{text-align:left;padding:.55rem 1rem;font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--docs-ghost);border-bottom:1px solid var(--docs-line2);background:var(--docs-off);}
.docs-rec-th-bucket{text-align:right;padding:.55rem .85rem;font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--docs-line2);background:var(--docs-off);display:flex;align-items:center;justify-content:flex-end;gap:.3rem;}
.docs-rec-th-total{text-align:right;padding:.55rem .85rem;font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--docs-ghost);border-bottom:1px solid var(--docs-line2);background:var(--docs-off);}
.docs-rec-aging-tbl td{padding:.6rem 1rem;border-bottom:1px solid var(--docs-line);}
.docs-rec-aging-tbl td:not(:first-child){padding:.6rem .85rem;}
.docs-rec-aging-tbl tr:last-child td{border-bottom:none;}
.docs-rec-aging-tbl tbody tr:hover td{background:var(--docs-off);}
.docs-rec-totals-row td{background:var(--docs-off);border-top:2px solid var(--docs-line2);}
.docs-rec-cust-avatar{width:26px;height:26px;border-radius:50%;background:var(--docs-blue);color:#fff;font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-transform:uppercase;}

/* ════════════════════════════════════════
   469. RECEIVABLES — BUCKET EXPLANATION CARDS
════════════════════════════════════════ */
.docs-rec-bucket-cards{display:flex;flex-direction:column;gap:.55rem;margin:.85rem 0;}
.docs-rec-bucket-card{border-left:3px solid;border-radius:0 9px 9px 0;padding:.8rem 1rem;}
.docs-rec-bucket-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:.3rem;}
.docs-rec-bucket-label{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;}
.docs-rec-bucket-example{font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:600;color:var(--docs-muted);}
.docs-rec-bucket-desc{font-size:.78rem;color:var(--docs-body);line-height:1.65;margin-bottom:.3rem;}
.docs-rec-bucket-action{font-size:.72rem;font-weight:700;}

/* ════════════════════════════════════════
   470. RECEIVABLES — RESPONSIVE
════════════════════════════════════════ */
@media(max-width:1000px){
  .docs-rec-summary-grid{grid-template-columns:repeat(3,1fr);}
  .docs-rec-summary-card:nth-child(3n){border-right:none;}
  .docs-rec-summary-card:nth-child(4),.docs-rec-summary-card:nth-child(5),.docs-rec-summary-card:nth-child(6){border-top:1px solid var(--docs-line);}
}
@media(max-width:640px){
  .docs-rec-header{flex-direction:column;}
  .docs-rec-summary-grid{grid-template-columns:1fr 1fr;}
  .docs-rec-summary-card:nth-child(even){border-right:none;}
  .docs-rec-hdr-right{flex-direction:column;width:100%;}
}
/* ════════════════════════════════════════
   471. CUSTOMERS — PAGE HEADER
════════════════════════════════════════ */
.docs-cust-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.1rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-cust-hdr-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-cust-hdr-icon{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-cust-hdr-bc{font-family:"Outfit",sans-serif;font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.18rem;letter-spacing:.06em;}
.docs-cust-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.2rem;color:#fff;}
.docs-cust-hdr-desc{font-size:.7rem;color:rgba(255,255,255,.55);margin-top:.25rem;line-height:1.6;}
.docs-cust-add-btn{display:inline-flex;align-items:center;gap:.4rem;font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;padding:9px 16px;border-radius:9px;background:#fff;color:var(--docs-navy);flex-shrink:0;align-self:center;}
.docs-cust-view-btn{font-family:"Outfit",sans-serif;font-size:.68rem;font-weight:600;color:var(--docs-blue);padding:4px 10px;border-radius:6px;border:1px solid var(--docs-b15);background:var(--docs-b08);display:inline-flex;align-items:center;gap:.25rem;cursor:pointer;white-space:nowrap;}

/* ════════════════════════════════════════
   472. CUSTOMERS — ADD / EDIT FORM
════════════════════════════════════════ */
.docs-cust-form{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:1rem 0;}
.docs-cust-form-hdr{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));padding:1rem 1.25rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-cust-form-hdr-icon{width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-cust-back-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;padding:6px 12px;border-radius:7px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;flex-shrink:0;align-self:flex-start;}
.docs-cust-form-sec-hdr{display:flex;align-items:flex-start;gap:.55rem;padding:.75rem 1.1rem;background:var(--docs-off);border-top:1px solid var(--docs-line);}
.docs-cust-form-sec-icon{width:24px;height:24px;border-radius:6px;background:var(--docs-navy);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-cust-form-sec-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.78rem;color:var(--docs-blue);text-transform:uppercase;letter-spacing:.05em;}
.docs-cust-form-sec-sub{font-size:.68rem;color:var(--docs-ghost);margin-top:.1rem;}
.docs-cust-form-body{padding:.85rem 1.1rem;}
.docs-cust-addr-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.65rem;margin-bottom:.65rem;}
.docs-cust-contact-hint{display:flex;align-items:flex-start;gap:.4rem;font-size:.75rem;color:var(--docs-muted);margin-bottom:.65rem;line-height:1.6;}
.docs-cust-contact-block{border:1px solid var(--docs-line2);border-radius:9px;overflow:hidden;margin-bottom:.65rem;}
.docs-cust-contact-block-hdr{display:flex;align-items:center;gap:.4rem;padding:.55rem .85rem;background:var(--docs-off);border-bottom:1px solid var(--docs-line2);}
.docs-cust-contact-block-label{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-blue);flex:1;}
.docs-cust-remove-btn{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:600;color:var(--docs-red);cursor:pointer;}
.docs-cust-contact-block .docs-so-field-grid{padding:.65rem .85rem 0;}
.docs-cust-contact-block .docs-so-field-grid:last-child{padding-bottom:.65rem;}
.docs-cust-add-contact-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:600;color:var(--docs-blue);padding:.5rem .75rem;border:1.5px dashed var(--docs-b15);border-radius:7px;cursor:pointer;margin-top:.35rem;}
.docs-cust-form-footer{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.1rem;border-top:1px solid var(--docs-line);background:var(--docs-off);}

/* ════════════════════════════════════════
   473. CUSTOMERS — DETAIL VIEW
════════════════════════════════════════ */
.docs-cust-detail{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:1rem 0;}
.docs-cust-detail-page-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:1.1rem;color:var(--docs-navy);padding:1rem 1.25rem .35rem;border-bottom:2px solid var(--docs-blue);display:inline-block;margin:0;}
.docs-cust-detail-hdr-card{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));padding:.85rem 1.25rem;display:flex;align-items:center;justify-content:space-between;margin:.65rem .85rem;border-radius:10px;}
.docs-cust-detail-label{font-family:"Outfit",sans-serif;font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.45);margin-bottom:.18rem;}
.docs-cust-detail-name{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.4rem;color:#fff;}
.docs-cust-detail-phone{font-family:"Outfit",sans-serif;font-weight:700;font-size:1rem;color:#fff;}
.docs-cust-detail-section{padding:.75rem 1.25rem;border-top:1px solid var(--docs-line);}
.docs-cust-detail-section-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--docs-blue);margin-bottom:.55rem;}
.docs-cust-kv-list{display:flex;flex-direction:column;gap:.45rem;}
.docs-cust-kv-row{display:grid;grid-template-columns:24px 100px 1fr;align-items:baseline;gap:.4rem;}
.docs-cust-kv-icon{display:flex;align-items:center;justify-content:center;}
.docs-cust-kv-label{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-ghost);}
.docs-cust-kv-val{font-size:.8rem;color:var(--docs-navy);font-weight:500;}
.docs-cust-detail-footer{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;border-top:1px solid var(--docs-line);background:var(--docs-off);}

/* ════════════════════════════════════════
   474. CUSTOMERS — RESPONSIVE
════════════════════════════════════════ */
@media(max-width:820px){
  .docs-cust-addr-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:640px){
  .docs-cust-header,.docs-cust-form-hdr{flex-direction:column;}
  .docs-cust-addr-grid,.docs-so-field-grid{grid-template-columns:1fr;}
  .docs-cust-detail-hdr-card{flex-direction:column;gap:.5rem;}
  .docs-cust-detail-footer{flex-direction:column;align-items:flex-start;gap:.5rem;}
}
/* ════════════════════════════════════════
   475. PURCHASE ORDERS — PAGE HEADER
════════════════════════════════════════ */
.docs-po-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.1rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-po-hdr-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-po-hdr-icon{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-po-hdr-bc{font-family:"Outfit",sans-serif;font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.18rem;letter-spacing:.06em;}
.docs-po-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.2rem;color:#fff;}
.docs-po-hdr-desc{font-size:.7rem;color:rgba(255,255,255,.55);margin-top:.25rem;line-height:1.6;}
.docs-po-add-btn{display:inline-flex;align-items:center;gap:.4rem;font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;padding:9px 16px;border-radius:9px;background:#fff;color:var(--docs-navy);flex-shrink:0;align-self:center;}

/* ════════════════════════════════════════
   476. PURCHASE ORDERS — STATUS PILLS + PARTY TAGS
════════════════════════════════════════ */
.docs-po-status{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;padding:3px 10px;border-radius:100px;}
.docs-po-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0;}
.docs-po-status.not_started{background:var(--docs-off2);color:var(--docs-muted);border:1px solid var(--docs-line2);}
.docs-po-status.not_started .docs-po-dot{background:var(--docs-ghost);}
.docs-po-status.ongoing{background:var(--docs-b08);color:var(--docs-blue);border:1px solid var(--docs-b15);}
.docs-po-status.ongoing .docs-po-dot{background:var(--docs-blue);}
.docs-po-status.delivered{background:rgba(5,150,105,.1);color:var(--docs-green);border:1px solid rgba(5,150,105,.22);}
.docs-po-status.delivered .docs-po-dot{background:var(--docs-green);}
.docs-po-status.paused{background:rgba(217,119,6,.1);color:var(--docs-amber);border:1px solid rgba(217,119,6,.22);}
.docs-po-status.paused .docs-po-dot{background:var(--docs-amber);}
.docs-po-status.rejected{background:rgba(220,38,38,.08);color:var(--docs-red);border:1px solid rgba(220,38,38,.2);}
.docs-po-status.rejected .docs-po-dot{background:var(--docs-red);}
.docs-po-party-tag{font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;padding:2px 6px;border-radius:3px;}
.docs-po-party-tag.supplier{background:var(--docs-b08);color:var(--docs-blue);border:1px solid var(--docs-b15);}
.docs-po-party-tag.customer{background:rgba(5,150,105,.1);color:var(--docs-green);border:1px solid rgba(5,150,105,.2);}

/* ════════════════════════════════════════
   477. PURCHASE ORDERS — CREATE FORM
════════════════════════════════════════ */
.docs-po-create-form{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:1rem 0;}
.docs-po-form-hdr{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));padding:1rem 1.25rem;}
.docs-po-form-section{border-top:1px solid var(--docs-line);}
.docs-po-form-sec-hdr{display:flex;align-items:center;gap:.55rem;padding:.65rem 1.1rem;background:var(--docs-off);}
.docs-po-step-icon{width:20px;height:20px;border-radius:5px;background:var(--docs-navy);display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;}
.docs-po-step-num{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;color:#fff;position:absolute;}
.docs-po-form-sec-title{font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;color:var(--docs-navy);text-transform:uppercase;letter-spacing:.05em;}
.docs-po-form-body{padding:.85rem 1.1rem;}
.docs-po-notes-area{min-height:72px;border:1.5px solid var(--docs-line2);border-radius:7px;padding:.5rem .75rem;background:var(--docs-off);color:var(--docs-ghost);}
/* Radio cards */
.docs-po-radio-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;}
.docs-po-radio-card{display:flex;align-items:flex-start;gap:.65rem;border:1.5px solid var(--docs-line2);border-radius:9px;padding:.75rem 1rem;}
.docs-po-radio-card.selected{border-color:var(--docs-blue);background:var(--docs-b08);}
.docs-po-radio-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--docs-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;}
.docs-po-radio-inner{width:7px;height:7px;border-radius:50%;background:var(--docs-blue);}
.docs-po-radio-label{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;color:var(--docs-navy);}
.docs-po-radio-sub{font-size:.7rem;color:var(--docs-muted);margin-top:.15rem;}
/* Supplier search / add */
.docs-po-search-select{display:flex;align-items:center;justify-content:space-between;border:1.5px solid var(--docs-line2);border-radius:7px;padding:.45rem .75rem;font-size:.82rem;color:var(--docs-navy);background:var(--docs-off);}
.docs-po-add-link{font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;color:var(--docs-blue);cursor:pointer;display:inline-block;}
/* Items list table */
.docs-po-items-tbl{width:100%;border-collapse:collapse;font-size:.75rem;}
.docs-po-items-tbl th{text-align:left;padding:.45rem .75rem;font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--docs-muted);border-bottom:1px solid var(--docs-line2);background:var(--docs-off);}
.docs-po-items-tbl td{padding:.55rem .75rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;}
.docs-po-items-tbl tr:last-child td{border-bottom:none;}
.docs-po-type-pill{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;padding:2px 7px;border-radius:4px;}
.docs-po-type-pill.assembly{background:rgba(124,58,237,.08);color:var(--docs-purple);border:1px solid rgba(124,58,237,.2);}
.docs-po-type-pill.item{background:var(--docs-b08);color:var(--docs-blue);border:1px solid var(--docs-b15);}
.docs-po-active-pill{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:100px;background:rgba(5,150,105,.1);color:var(--docs-green);border:1px solid rgba(5,150,105,.2);}
.docs-po-order-total{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;color:var(--docs-navy);text-align:right;padding:.5rem 0;}
.docs-po-form-footer{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.1rem;border-top:1px solid var(--docs-line);background:var(--docs-off);}

/* ════════════════════════════════════════
   478. PURCHASE ORDERS — DETAIL VIEW
════════════════════════════════════════ */
.docs-po-detail-wrap{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:1rem 0;}
.docs-po-detail-pg-hdr{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));padding:1rem 1.25rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-po-detail-icon{width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-po-detail-pg-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1rem;color:#fff;}
.docs-po-detail-tags{display:flex;align-items:center;gap:.45rem;flex-shrink:0;flex-wrap:wrap;}
.docs-po-detail-tag{display:flex;flex-direction:column;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:7px;padding:.35rem .65rem;min-width:80px;}
.docs-po-detail-tag-label{font-family:"Outfit",sans-serif;font-size:.52rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.45);}
.docs-po-detail-tag-val{font-family:"Outfit",sans-serif;font-weight:700;font-size:.72rem;color:#fff;margin-top:1px;}
/* Detail two-col body */
.docs-po-detail-body{display:grid;grid-template-columns:1fr 280px;gap:0;border-bottom:1px solid var(--docs-line);}
.docs-po-details-card{padding:.85rem 1.1rem;border-right:1px solid var(--docs-line);}
.docs-po-right-cards{display:flex;flex-direction:column;gap:0;}
.docs-po-side-card{padding:.75rem .9rem;border-bottom:1px solid var(--docs-line);}
.docs-po-side-rows{display:flex;flex-direction:column;gap:.3rem;margin-top:.45rem;}
.docs-po-side-row{display:grid;grid-template-columns:80px 1fr;font-size:.75rem;gap:.35rem;}
.docs-po-side-label{color:var(--docs-ghost);font-weight:500;}
.docs-po-card-hdr{display:flex;align-items:center;gap:.4rem;padding:.65rem 1rem;border-bottom:1px solid var(--docs-line2);background:var(--docs-off);}
.docs-po-card-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.72rem;color:var(--docs-navy);text-transform:uppercase;letter-spacing:.04em;}
.docs-po-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.65rem;}
.docs-po-kv{display:flex;flex-direction:column;gap:.2rem;}
.docs-po-kv-label{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-ghost);}
.docs-po-date-badge{font-family:"JetBrains Mono",monospace;font-size:.72rem;font-weight:600;color:var(--docs-green);}
/* Items + extra sections */
.docs-po-items-section,.docs-po-extra-section{border-top:1px solid var(--docs-line);}
.docs-po-info-strip{display:flex;align-items:center;gap:.4rem;padding:.55rem 1rem;background:var(--docs-b08);border-top:1px solid var(--docs-b15);border-bottom:1px solid var(--docs-b15);font-size:.75rem;color:var(--docs-navy);}
.docs-po-empty-sub{padding:.85rem 1rem;border-top:1px solid var(--docs-line);}
.docs-po-empty-icon{font-size:1.2rem;display:block;margin-bottom:.35rem;}
.docs-po-empty-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.78rem;color:var(--docs-navy);}
.docs-po-empty-sub-text{font-size:.72rem;color:var(--docs-ghost);margin-top:.1rem;}
.docs-po-detail-footer{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.1rem;border-top:1px solid var(--docs-line);background:var(--docs-off);flex-wrap:wrap;gap:.5rem;}

/* ════════════════════════════════════════
   479. PURCHASE ORDERS — RESPONSIVE
════════════════════════════════════════ */
@media(max-width:900px){
  .docs-po-detail-body{grid-template-columns:1fr;}
  .docs-po-details-card{border-right:none;border-bottom:1px solid var(--docs-line);}
  .docs-po-radio-grid{grid-template-columns:1fr;}
  .docs-po-detail-tags{flex-direction:column;align-items:flex-start;}
}
@media(max-width:640px){
  .docs-po-header,.docs-po-detail-pg-hdr,.docs-po-form-hdr{flex-direction:column;}
  .docs-po-details-grid{grid-template-columns:1fr;}
  .docs-po-detail-footer{flex-direction:column;align-items:flex-start;}
}
/* ════════════════════════════════════════
   480. SUPPLIERS — PAGE HEADER
════════════════════════════════════════ */
.docs-sup-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.1rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-sup-hdr-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-sup-hdr-icon{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-sup-hdr-bc{font-family:"Outfit",sans-serif;font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.18rem;letter-spacing:.06em;}
.docs-sup-hdr-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.2rem;color:#fff;}
.docs-sup-hdr-desc{font-size:.7rem;color:rgba(255,255,255,.55);margin-top:.25rem;line-height:1.6;}
.docs-sup-add-btn{display:inline-flex;align-items:center;gap:.4rem;font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;padding:9px 16px;border-radius:9px;background:#fff;color:var(--docs-navy);flex-shrink:0;align-self:center;}

/* ════════════════════════════════════════
   481. SUPPLIERS — ADD / EDIT FORM
════════════════════════════════════════ */
.docs-sup-form{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:1rem 0;}
.docs-sup-form-hdr{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));padding:1rem 1.25rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-sup-form-section{border-top:1px solid var(--docs-line);}
.docs-sup-form-sec-hdr{display:flex;align-items:flex-start;gap:.55rem;padding:.75rem 1.1rem;background:var(--docs-off);}
.docs-sup-form-sec-icon-wrap{flex-shrink:0;margin-top:2px;}
.docs-sup-form-sec-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.75rem;color:var(--docs-blue);text-transform:uppercase;letter-spacing:.05em;}
.docs-sup-form-sec-sub{font-size:.68rem;color:var(--docs-ghost);margin-top:.1rem;}
.docs-sup-form-body{padding:.85rem 1.1rem;}
.docs-sup-form-footer{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.1rem;border-top:1px solid var(--docs-line);background:var(--docs-off);}

/* ════════════════════════════════════════
   482. SUPPLIERS — DETAIL VIEW
════════════════════════════════════════ */
.docs-sup-detail{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:1rem 0;}
.docs-sup-detail-hdr{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));padding:1rem 1.25rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-sup-detail-name{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.05rem;color:#fff;}
.docs-sup-approved-badge{font-family:"Outfit",sans-serif;font-size:.68rem;font-weight:700;padding:4px 10px;border-radius:100px;background:rgba(5,150,105,.18);color:var(--docs-green);border:1px solid rgba(5,150,105,.35);}
.docs-sup-id-badge{background:var(--docs-navy-d);border:1px solid rgba(255,255,255,.15);border-radius:7px;padding:.3rem .65rem;}
.docs-sup-id-label{font-family:"Outfit",sans-serif;font-size:.52rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.4);display:block;}
.docs-sup-id-val{font-family:"JetBrains Mono",monospace;font-size:.7rem;color:rgba(255,255,255,.7);}
/* Body layout */
.docs-sup-detail-body{display:grid;grid-template-columns:1fr 260px;gap:0;min-height:300px;}
.docs-sup-detail-left{display:flex;flex-direction:column;gap:0;border-right:1px solid var(--docs-line);}
.docs-sup-detail-right{padding:.85rem;}
.docs-sup-detail-card{border-bottom:1px solid var(--docs-line);}
.docs-sup-detail-card:last-child{border-bottom:none;flex:1;}
.docs-sup-card-hdr-strip{display:flex;align-items:center;gap:.4rem;padding:.6rem 1rem;background:var(--docs-off);border-bottom:1px solid var(--docs-line);}
.docs-sup-card-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.7rem;color:var(--docs-navy);text-transform:uppercase;letter-spacing:.04em;}
.docs-sup-card-sub{font-size:.68rem;color:var(--docs-ghost);margin-left:.35rem;}
/* KV grid */
.docs-sup-kv-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.75rem 1rem;}
.docs-sup-kv{display:flex;flex-direction:column;gap:.15rem;}
.docs-sup-kv.full{grid-column:1/-1;}
.docs-sup-kv-label{font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-ghost);}
.docs-sup-kv-val{font-size:.78rem;color:var(--docs-navy);}
.docs-sup-kv-val.muted{color:var(--docs-ghost);}
/* Scorecard */
.docs-sup-scorecard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;}
.docs-sup-metric-tile{padding:.75rem 1rem;border-right:1px solid var(--docs-line);border-bottom:1px solid var(--docs-line);}
.docs-sup-metric-tile:nth-child(3n){border-right:none;}
.docs-sup-metric-tile:nth-last-child(-n+3){border-bottom:none;}
.docs-sup-metric-label{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-ghost);margin-bottom:.35rem;}
.docs-sup-score-bar{width:40px;height:4px;background:var(--docs-line2);border-radius:2px;margin-bottom:.3rem;}
.docs-sup-score-fill{width:100%;height:100%;background:var(--docs-green);border-radius:2px;}
.docs-sup-metric-val{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.2rem;color:var(--docs-navy);}
.docs-sup-metric-sub{font-size:.68rem;color:var(--docs-ghost);margin-top:.15rem;}
/* Empty contacts */
.docs-sup-empty-contacts{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem;text-align:center;}
/* Quick Status panel */
.docs-sup-qs-card{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:10px;overflow:hidden;}
.docs-sup-qs-hdr{display:flex;align-items:center;gap:.4rem;padding:.65rem .85rem;background:var(--docs-off);border-bottom:1px solid var(--docs-line);}
.docs-sup-qs-section{padding:.7rem .85rem;}
.docs-sup-qs-label{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-ghost);margin-bottom:.35rem;}
.docs-sup-approved-pill{font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:100px;background:rgba(5,150,105,.1);color:var(--docs-green);border:1px solid rgba(5,150,105,.2);display:inline-block;}
.docs-sup-qs-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--docs-line);}
.docs-sup-qs-stat{padding:.6rem .85rem;border-right:1px solid var(--docs-line);}
.docs-sup-qs-stat:last-child{border-right:none;}
.docs-sup-qs-stat-label{font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-ghost);display:block;margin-bottom:.2rem;}
.docs-sup-qs-stat-val{font-family:"Outfit",sans-serif;font-weight:900;font-size:1rem;color:var(--docs-navy);}
.docs-sup-detail-footer{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;border-top:1px solid var(--docs-line);background:var(--docs-off);}

/* ════════════════════════════════════════
   483. SUPPLIERS — RESPONSIVE
════════════════════════════════════════ */
@media(max-width:900px){
  .docs-sup-detail-body{grid-template-columns:1fr;}
  .docs-sup-detail-left{border-right:none;border-bottom:1px solid var(--docs-line);}
  .docs-sup-detail-right{padding:.65rem;}
}
@media(max-width:640px){
  .docs-sup-header,.docs-sup-detail-hdr,.docs-sup-form-hdr{flex-direction:column;}
  .docs-sup-kv-grid,.docs-sup-scorecard-grid{grid-template-columns:1fr;}
  .docs-sup-metric-tile{border-right:none;}
  .docs-sup-qs-stats{grid-template-columns:1fr;}
  .docs-sup-qs-stat{border-right:none;border-bottom:1px solid var(--docs-line);}
  .docs-sup-detail-footer{flex-direction:column;align-items:flex-start;gap:.5rem;}
}
/* ════════════════════════════════════════
   484. PRODUCTS INVENTORY — PAGE HEADER
════════════════════════════════════════ */
.docs-inv-pg-header{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:14px;padding:1.1rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-inv-pg-hdr-left{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;}
.docs-inv-pg-icon{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-inv-pg-bc{font-family:"Outfit",sans-serif;font-size:.6rem;color:rgba(255,255,255,.4);margin-bottom:.18rem;letter-spacing:.06em;}
.docs-inv-pg-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.2rem;color:#fff;}
.docs-inv-pg-desc{font-size:.7rem;color:rgba(255,255,255,.55);margin-top:.25rem;line-height:1.6;}
.docs-inv-add-btn{display:inline-flex;align-items:center;gap:.4rem;font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;padding:9px 16px;border-radius:9px;background:#fff;color:var(--docs-navy);flex-shrink:0;align-self:center;}
/* Filter bar */
.docs-inv-filter-bar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.65rem 0 0;}
.docs-inv-filter-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:500;color:var(--docs-navy);padding:5px 10px;border:1.5px solid var(--docs-line2);border-radius:7px;background:var(--docs-white);cursor:pointer;}

/* ════════════════════════════════════════
   485. PRODUCTS INVENTORY — TABLE
════════════════════════════════════════ */
.docs-inv-tbl-wrap{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:1rem 0;}
.docs-inv-tbl{width:100%;border-collapse:collapse;font-size:.72rem;}
.docs-inv-tbl th{text-align:left;padding:.45rem .65rem;font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--docs-muted);border-bottom:1px solid var(--docs-line2);background:var(--docs-navy);color:rgba(255,255,255,.75);white-space:nowrap;}
.docs-inv-tbl td{padding:.55rem .65rem;border-bottom:1px solid var(--docs-line);vertical-align:middle;white-space:nowrap;}
.docs-inv-tbl tr:last-child td{border-bottom:none;}
.docs-inv-tbl tbody tr:hover td{background:var(--docs-off);}
/* Thumbnail placeholder */
.docs-inv-thumb{width:28px;height:28px;border-radius:5px;background:var(--docs-line2);border:1px solid var(--docs-line);}
/* Product ID pill */
.docs-inv-pid{font-family:"JetBrains Mono","Courier New",monospace;font-size:.65rem;font-weight:600;color:var(--docs-navy);background:var(--docs-off);border:1px solid var(--docs-line2);border-radius:4px;padding:1px 5px;white-space:nowrap;}
/* Status & type pills */
.docs-inv-active-pill{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;padding:2px 7px;border-radius:100px;background:rgba(5,150,105,.1);color:var(--docs-green);border:1px solid rgba(5,150,105,.2);}
.docs-inv-type-pill{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;padding:2px 7px;border-radius:4px;}
.docs-inv-type-pill.item{background:var(--docs-b08);color:var(--docs-blue);border:1px solid var(--docs-b15);}
.docs-inv-type-pill.assembly{background:rgba(124,58,237,.08);color:var(--docs-purple);border:1px solid rgba(124,58,237,.2);}

/* ════════════════════════════════════════
   486. PRODUCTS INVENTORY — INDICATORS
════════════════════════════════════════ */
.docs-inv-indicator-grid{display:flex;flex-direction:column;gap:.55rem;margin:.85rem 0;}
.docs-inv-indicator-card{border-left:3px solid;border-radius:0 9px 9px 0;padding:.8rem 1rem;}
.docs-inv-ind-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;margin-bottom:.3rem;}
.docs-inv-ind-desc{font-size:.78rem;color:var(--docs-body);line-height:1.65;}

/* ════════════════════════════════════════
   487. PRODUCTS INVENTORY — RESPONSIVE
════════════════════════════════════════ */
@media(max-width:640px){
  .docs-inv-pg-header{flex-direction:column;}
  .docs-inv-filter-bar{flex-wrap:wrap;}
}
/* ════════════════════════════════════════
   488. PRODUCTS REGISTER — TYPE SELECTOR
════════════════════════════════════════ */
.docs-reg-type-selector{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:1rem 0;}
.docs-reg-sel-hdr{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));padding:1rem 1.25rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-reg-sel-icon{width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-reg-sel-bc{font-family:"Outfit",sans-serif;font-size:.6rem;color:rgba(255,255,255,.4);letter-spacing:.06em;margin-bottom:.15rem;}
.docs-reg-sel-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.05rem;color:#fff;}
.docs-reg-sel-sub{font-size:.7rem;color:rgba(255,255,255,.55);margin-top:.18rem;line-height:1.6;}
.docs-reg-info-strip{display:flex;align-items:flex-start;gap:.45rem;padding:.65rem 1.25rem;background:var(--docs-b08);border-bottom:1px solid var(--docs-b15);font-size:.78rem;color:var(--docs-navy);line-height:1.65;}
.docs-reg-sel-choose{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--docs-muted);padding:.75rem 1.25rem .35rem;}
.docs-reg-type-cards{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;padding:.65rem 1.25rem 1.1rem;}
.docs-reg-type-card{border:1.5px solid var(--docs-line);border-radius:12px;padding:1.5rem 1.25rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.6rem;transition:border-color .15s;}
.docs-reg-type-card:hover{border-color:var(--docs-blue);background:var(--docs-b08);}
.docs-reg-type-card-icon{width:100px;height:100px;border-radius:16px;background:rgba(2,116,190,.07);display:flex;align-items:center;justify-content:center;}
.docs-reg-type-card-name{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.1rem;color:var(--docs-navy);}
.docs-reg-type-card-desc{font-size:.78rem;color:var(--docs-muted);line-height:1.65;max-width:260px;}
.docs-reg-type-card-btn{font-family:"Outfit",sans-serif;font-size:.75rem;font-weight:600;color:var(--docs-blue);padding:6px 16px;border:1.5px solid var(--docs-b15);border-radius:100px;background:var(--docs-b08);cursor:pointer;margin-top:.25rem;}

/* ════════════════════════════════════════
   489. PRODUCTS REGISTER — COMPARISON CARDS
════════════════════════════════════════ */
.docs-reg-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin:.85rem 0;}
.docs-reg-compare-card{border-radius:10px;padding:1rem 1.1rem;}
.docs-reg-compare-card.item{background:var(--docs-b08);border:1px solid var(--docs-b15);}
.docs-reg-compare-card.assembly{background:rgba(124,58,237,.06);border:1px solid rgba(124,58,237,.18);}
.docs-reg-compare-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.85rem;color:var(--docs-navy);margin-bottom:.5rem;}
.docs-reg-compare-list{margin:0 0 .5rem 1.1rem;padding:0;}
.docs-reg-compare-list li{font-size:.78rem;color:var(--docs-muted);margin-bottom:.3rem;line-height:1.6;}

/* ════════════════════════════════════════
   490. PRODUCTS REGISTER — STEPPER
════════════════════════════════════════ */
.docs-reg-stepper{display:flex;align-items:center;gap:0;}
.docs-reg-step{display:flex;flex-direction:column;align-items:center;gap:.3rem;position:relative;}
.docs-reg-step-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;flex-shrink:0;}
.docs-reg-step.done .docs-reg-step-circle{background:var(--docs-green);color:#fff;}
.docs-reg-step.active .docs-reg-step-circle{background:var(--docs-blue);color:#fff;box-shadow:0 0 0 3px rgba(2,116,190,.2);}
.docs-reg-step.pending .docs-reg-step-circle{background:var(--docs-off);border:2px solid var(--docs-line2);color:var(--docs-ghost);}
.docs-reg-step-label{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:600;white-space:nowrap;}
.docs-reg-step.done .docs-reg-step-label{color:var(--docs-green);}
.docs-reg-step.active .docs-reg-step-label{color:var(--docs-blue);}
.docs-reg-step.pending .docs-reg-step-label{color:var(--docs-ghost);}
.docs-reg-step-line{flex:1;height:3px;margin:0;position:relative;top:-10px;}
.docs-reg-step-line.done{background:var(--docs-green);}
.docs-reg-step-line:not(.done){background:var(--docs-line2);}

/* ════════════════════════════════════════
   491. PRODUCTS REGISTER — FORM
════════════════════════════════════════ */
.docs-reg-form-wrap{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:1rem 0;}
.docs-reg-form-hdr{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));padding:1rem 1.25rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-reg-form-hdr-icon{width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-reg-progress-badge{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:4px 10px;border-radius:7px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;flex-shrink:0;align-self:flex-start;}
.docs-reg-form-section{padding:0;}
.docs-reg-form-sec-hdr{display:flex;align-items:flex-start;gap:.55rem;padding:.7rem 1.1rem;background:var(--docs-off);border-top:1px solid var(--docs-line);}
.docs-reg-form-sec-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;}
.docs-reg-form-sec-sub{font-size:.68rem;color:var(--docs-ghost);margin-top:.1rem;}
.docs-reg-form-body{padding:.85rem 1.1rem;}
.docs-reg-form-footer{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.1rem;border-top:1px solid var(--docs-line);background:var(--docs-off);}

/* ════════════════════════════════════════
   492. PRODUCTS REGISTER — DROPZONE + BADGES
════════════════════════════════════════ */
.docs-reg-dropzone{border:2px dashed var(--docs-b15);border-radius:10px;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;background:rgba(2,116,190,.03);margin:.65rem 0;}
.docs-reg-badge-row{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;justify-content:center;}
.docs-reg-badge{font-family:"JetBrains Mono","Courier New",monospace;font-size:.62rem;font-weight:600;padding:2px 7px;border-radius:4px;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}

/* ════════════════════════════════════════
   493. PRODUCTS REGISTER — RESPONSIVE
════════════════════════════════════════ */
@media(max-width:820px){
  .docs-reg-type-cards{grid-template-columns:1fr;}
  .docs-reg-compare-grid{grid-template-columns:1fr;}
  .docs-reg-step-label{font-size:.58rem;}
}
@media(max-width:640px){
  .docs-reg-sel-hdr,.docs-reg-form-hdr{flex-direction:column;}
  .docs-reg-form-footer{flex-direction:column;align-items:flex-start;gap:.5rem;}
}
/* ════════════════════════════════════════
   494. ITEM DETAIL — PAGE HEADER + TABS
════════════════════════════════════════ */
.docs-itd-wrap{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:12px;overflow:hidden;margin:1rem 0;}
.docs-itd-pg-hdr{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));padding:1rem 1.25rem;}
.docs-itd-pg-bc{font-family:"Outfit",sans-serif;font-size:.6rem;color:rgba(255,255,255,.4);letter-spacing:.06em;margin-bottom:.18rem;}
.docs-itd-pg-icon{width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-itd-pg-name{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.1rem;color:#fff;}
.docs-itd-version-badge{font-family:"JetBrains Mono","Courier New",monospace;font-size:.62rem;font-weight:600;padding:2px 7px;border-radius:4px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.75);}
.docs-itd-active-tab-badge{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:4px 10px;border-radius:7px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;}
/* Tab bar */
.docs-itd-tab-bar{display:flex;align-items:center;overflow-x:auto;border-bottom:1px solid var(--docs-line);padding:0 1.1rem;gap:0;-ms-overflow-style:none;scrollbar-width:none;}
.docs-itd-tab-bar::-webkit-scrollbar{display:none;}
.docs-itd-tab{font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:500;padding:.65rem .75rem;color:var(--docs-muted);border-bottom:2px solid transparent;white-space:nowrap;cursor:pointer;flex-shrink:0;}
.docs-itd-tab.active{color:var(--docs-blue);border-bottom-color:var(--docs-blue);font-weight:700;}

/* ════════════════════════════════════════
   495. ITEM DETAIL — IDENTITY + BODY
════════════════════════════════════════ */
.docs-itd-body{padding:.85rem 1.25rem;}
.docs-itd-identity{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.85rem;}
.docs-itd-img-wrap{flex-shrink:0;display:flex;flex-direction:column;align-items:center;position:relative;}
.docs-itd-img-placeholder{width:90px;height:90px;border-radius:8px;background:var(--docs-off);border:1.5px solid var(--docs-line);display:flex;align-items:center;justify-content:center;}
.docs-itd-primary-badge{position:absolute;top:4px;left:4px;font-family:"Outfit",sans-serif;font-size:.55rem;font-weight:700;padding:1px 6px;border-radius:3px;background:rgba(2,63,104,.75);color:#fff;}
.docs-itd-identity-info{flex:1;}
.docs-itd-product-name{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.05rem;color:var(--docs-navy);}

/* ════════════════════════════════════════
   496. ITEM DETAIL — DETAILS CARD
════════════════════════════════════════ */
.docs-itd-card{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:10px;overflow:hidden;margin-bottom:.85rem;}
.docs-itd-card-hdr{display:flex;align-items:center;gap:.4rem;padding:.55rem .85rem;background:var(--docs-off);border-bottom:1px solid var(--docs-line);}
.docs-itd-card-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.7rem;color:var(--docs-navy);text-transform:uppercase;letter-spacing:.04em;}
.docs-itd-kv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;}
.docs-itd-kv{padding:.6rem .85rem;border-right:1px solid var(--docs-line);border-bottom:1px solid var(--docs-line);}
.docs-itd-kv:nth-child(3n){border-right:none;}
.docs-itd-kv:nth-last-child(-n+3){border-bottom:none;}
.docs-itd-kv-label{font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-ghost);display:block;margin-bottom:.2rem;}
.docs-itd-kv-val{font-family:"Outfit",sans-serif;font-size:.82rem;font-weight:600;color:var(--docs-navy);}

/* ════════════════════════════════════════
   497. ITEM DETAIL — STOCK SECTION
════════════════════════════════════════ */
.docs-itd-section{border:1px solid var(--docs-line);border-radius:10px;overflow:hidden;margin-bottom:.85rem;}
.docs-itd-section-hdr{display:flex;align-items:center;gap:.4rem;padding:.55rem .85rem;background:var(--docs-off);border-bottom:1px solid var(--docs-line);}
.docs-itd-section-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.7rem;color:var(--docs-navy);text-transform:uppercase;letter-spacing:.04em;}
.docs-itd-stock-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid var(--docs-line);}
.docs-itd-stock-cell{padding:.7rem .85rem;border-right:1px solid var(--docs-line);}
.docs-itd-stock-cell:last-child{border-right:none;}
.docs-itd-stock-label{font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-ghost);display:block;margin-bottom:.25rem;}
.docs-itd-stock-val{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.1rem;color:var(--docs-navy);}
.docs-itd-stock-val.negative{color:var(--docs-red);}
.docs-itd-stock-val.muted{color:var(--docs-ghost);font-size:.85rem;}
.docs-itd-per-wh-label{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-ghost);padding:.55rem .85rem .25rem;}
.docs-itd-wh-pills{display:flex;flex-wrap:wrap;gap:.45rem;padding:0 .85rem .65rem;}
.docs-itd-wh-pill{display:inline-flex;align-items:center;gap:.3rem;font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:500;padding:4px 10px;border-radius:100px;background:var(--docs-off);border:1px solid var(--docs-line2);color:var(--docs-muted);}
.docs-itd-wh-pill.alert{background:rgba(220,38,38,.07);border-color:rgba(220,38,38,.2);color:var(--docs-red);}
.docs-itd-wh-pill strong{font-weight:700;}

/* ════════════════════════════════════════
   498. ITEM DETAIL — ENG FILES, IMAGES, ASSETS, WI
════════════════════════════════════════ */
.docs-itd-info-strip{display:flex;align-items:flex-start;gap:.4rem;padding:.55rem .85rem;font-size:.75rem;color:var(--docs-navy);background:var(--docs-b08);border-top:1px solid var(--docs-b15);line-height:1.65;}
.docs-itd-images-grid{display:flex;flex-wrap:wrap;gap:.55rem;padding:.65rem .85rem;}
.docs-itd-img-thumb{width:80px;height:80px;border-radius:7px;background:var(--docs-off);border:1.5px solid var(--docs-line);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;}
.docs-itd-assets-grid{display:flex;flex-wrap:wrap;gap:.55rem;padding:.65rem .85rem;}
.docs-itd-asset-item{display:flex;align-items:center;gap:.5rem;padding:.45rem .75rem;border:1px solid var(--docs-line);border-radius:7px;background:var(--docs-off);}
.docs-itd-asset-icon{font-family:"JetBrains Mono","Courier New",monospace;font-size:.55rem;font-weight:700;padding:3px 5px;border-radius:3px;background:var(--docs-muted);color:#fff;min-width:26px;text-align:center;}
.docs-itd-empty-state{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem;text-align:center;}
/* Footer */
.docs-itd-footer{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;border-top:1px solid var(--docs-line);background:var(--docs-off);flex-wrap:wrap;gap:.5rem;}

/* ════════════════════════════════════════
   499. ITEM DETAIL — RESPONSIVE
════════════════════════════════════════ */
@media(max-width:900px){
  .docs-itd-stock-grid{grid-template-columns:1fr 1fr;}
  .docs-itd-stock-cell:nth-child(2n){border-right:none;}
  .docs-itd-kv-grid{grid-template-columns:1fr 1fr;}
  .docs-itd-kv:nth-child(2n){border-right:none;}
}
@media(max-width:640px){
  .docs-itd-identity{flex-direction:column;}
  .docs-itd-stock-grid,.docs-itd-kv-grid{grid-template-columns:1fr;}
  .docs-itd-stock-cell,.docs-itd-kv{border-right:none;}
  .docs-itd-footer{flex-direction:column;align-items:flex-start;}
}
/* ════════════════════════════════════════
   500. ITEM TABS — SECTION HEADERS + EMPTY STATES
════════════════════════════════════════ */
.docs-tabs-section-hdr{display:flex;align-items:flex-start;gap:.5rem;padding:.65rem .85rem;background:var(--docs-off);border-bottom:1px solid var(--docs-line);}
.docs-tabs-sec-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.75rem;color:var(--docs-navy);text-transform:uppercase;letter-spacing:.04em;}
.docs-tabs-sec-sub{font-size:.68rem;color:var(--docs-ghost);margin-top:.1rem;line-height:1.55;}
.docs-tabs-count-badge{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;padding:2px 8px;border-radius:100px;background:var(--docs-b08);border:1px solid var(--docs-b15);color:var(--docs-blue);margin-left:auto;flex-shrink:0;align-self:flex-start;}
.docs-tabs-info-icon{margin-left:auto;font-size:.75rem;color:var(--docs-blue);cursor:pointer;flex-shrink:0;}
.docs-tabs-hide-lnk{font-size:.72rem;color:var(--docs-blue);cursor:pointer;}
.docs-tabs-empty-state{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;text-align:center;gap:.25rem;}
.docs-tabs-empty-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.82rem;color:var(--docs-navy);}
.docs-tabs-empty-sub{font-size:.72rem;color:var(--docs-ghost);}
.docs-tabs-sub-hdr{display:flex;align-items:center;gap:.4rem;padding:.55rem .85rem;border-bottom:1px solid var(--docs-line2);background:var(--docs-off);}
.docs-tabs-sub-label{font-family:"Outfit",sans-serif;font-weight:700;font-size:.65rem;color:var(--docs-navy);text-transform:uppercase;letter-spacing:.06em;}
.docs-tabs-sub-desc{font-size:.68rem;color:var(--docs-ghost);}

/* ════════════════════════════════════════
   501. ITEM TABS — ROUTE
════════════════════════════════════════ */
.docs-tabs-step-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--docs-blue);color:#fff;font-family:"Outfit",sans-serif;font-weight:700;font-size:.65rem;}
.docs-tabs-wc-pill{font-family:"Outfit",sans-serif;font-size:.68rem;font-weight:600;padding:2px 8px;border-radius:4px;background:var(--docs-b08);border:1px solid var(--docs-b15);color:var(--docs-blue);}
.docs-tabs-yes-pill{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;padding:2px 7px;border-radius:100px;background:rgba(5,150,105,.1);border:1px solid rgba(5,150,105,.2);color:var(--docs-green);}

/* ════════════════════════════════════════
   502. ITEM TABS — QUALITY
════════════════════════════════════════ */
.docs-tabs-plan-block{border:1px solid var(--docs-line);border-radius:10px;overflow:hidden;margin-bottom:.75rem;}
.docs-tabs-plan-hdr{display:flex;align-items:center;justify-content:space-between;padding:.55rem .85rem;background:var(--docs-off);border-bottom:1px solid var(--docs-line);}
.docs-tabs-plan-name{font-family:"Outfit",sans-serif;font-weight:700;font-size:.8rem;color:var(--docs-navy);}
.docs-tabs-plan-trigger{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:600;color:var(--docs-muted);}
.docs-tabs-type-pill{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;padding:2px 7px;border-radius:4px;}
.docs-tabs-type-pill.pf{background:rgba(220,38,38,.08);color:var(--docs-red);border:1px solid rgba(220,38,38,.18);}
.docs-tabs-type-pill.meas{background:rgba(124,58,237,.08);color:var(--docs-purple);border:1px solid rgba(124,58,237,.2);}
.docs-tabs-type-pill.text{background:rgba(5,150,105,.08);color:var(--docs-green);border:1px solid rgba(5,150,105,.2);}

/* ════════════════════════════════════════
   503. ITEM TABS — BARCODE / HISTORY / SUPPLIERS / TRANSACTIONS
════════════════════════════════════════ */
.docs-tabs-shortage-badge{font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;padding:1px 5px;border-radius:3px;background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.2);color:var(--docs-red);}
/* History */
.docs-tabs-filters-block{border:1px solid var(--docs-line);border-radius:10px;overflow:hidden;margin-bottom:.75rem;}
.docs-tabs-filters-hdr{display:flex;align-items:center;gap:.4rem;padding:.55rem .85rem;background:var(--docs-off);border-bottom:1px solid var(--docs-line);}
.docs-tabs-active-badge{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;padding:2px 7px;border-radius:100px;background:var(--docs-b08);border:1px solid var(--docs-b15);color:var(--docs-blue);}
.docs-tabs-mt-label{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-ghost);padding:.5rem .85rem .2rem;}
.docs-tabs-chk-grid{display:flex;flex-wrap:wrap;gap:.3rem .75rem;padding:.25rem .85rem .6rem;}
.docs-tabs-chk-label{font-size:.72rem;color:var(--docs-muted);display:flex;align-items:center;gap:.25rem;cursor:pointer;}
.docs-tabs-date-row{display:flex;align-items:flex-end;gap:.65rem;padding:.5rem .85rem .75rem;flex-wrap:wrap;}
.docs-tabs-date-input{border:1.5px solid var(--docs-line2);border-radius:6px;padding:5px 8px;font-size:.75rem;color:var(--docs-muted);background:var(--docs-off);}
.docs-tabs-kind-badge{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:600;padding:2px 8px;border-radius:100px;background:var(--docs-off2);border:1px solid var(--docs-line2);color:var(--docs-muted);}
/* Suppliers */
.docs-tabs-preferred-badge{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:100px;background:rgba(5,150,105,.1);border:1px solid rgba(5,150,105,.2);color:var(--docs-green);}
/* Transactions */
.docs-tabs-tx-type{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;padding:3px 8px;border-radius:4px;}
.docs-tabs-tx-type.so{background:var(--docs-b08);border:1px solid var(--docs-b15);color:var(--docs-blue);}
.docs-tabs-tx-type.wo{background:rgba(124,58,237,.08);border:1px solid rgba(124,58,237,.2);color:var(--docs-purple);}
.docs-tabs-tx-status{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;padding:2px 8px;border-radius:100px;}
.docs-tabs-tx-status.completed{background:rgba(5,150,105,.1);border:1px solid rgba(5,150,105,.2);color:var(--docs-green);}
.docs-tabs-tx-status.in-progress{background:var(--docs-b08);border:1px solid var(--docs-b15);color:var(--docs-blue);}

/* ════════════════════════════════════════
   504. ITEM TABS — ALLOCATIONS
════════════════════════════════════════ */
.docs-tabs-alloc-grid{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--docs-line);}
.docs-tabs-alloc-cell{padding:.75rem .85rem;border-right:1px solid var(--docs-line);}
.docs-tabs-alloc-cell:last-child{border-right:none;}
.docs-tabs-alloc-label{font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-ghost);display:block;margin-bottom:.25rem;}
.docs-tabs-alloc-val{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.15rem;color:var(--docs-navy);}
.docs-tabs-alloc-val.negative{color:var(--docs-red);}
.docs-tabs-alloc-val.amber{color:var(--docs-amber);}
.docs-tabs-alloc-val.purple{color:var(--docs-purple);}

/* ════════════════════════════════════════
   505. ITEM TABS — COST & VALUATION
════════════════════════════════════════ */
.docs-tabs-cost-card{border:1px solid var(--docs-line);border-radius:10px;overflow:hidden;margin-bottom:.75rem;}
.docs-tabs-cost-card-hdr{display:flex;align-items:center;gap:.4rem;padding:.6rem .85rem;background:var(--docs-off);border-bottom:1px solid var(--docs-line);}
.docs-tabs-cost-card-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.75rem;color:var(--docs-navy);text-transform:uppercase;letter-spacing:.04em;}
.docs-tabs-cost-card-sub{font-size:.68rem;color:var(--docs-ghost);margin-left:.25rem;}
.docs-tabs-wa-badge{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;padding:2px 8px;border-radius:100px;background:rgba(5,150,105,.1);border:1px solid rgba(5,150,105,.2);color:var(--docs-green);margin-left:auto;}
.docs-tabs-cost-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;}
.docs-tabs-cost-cell{padding:.75rem .85rem;border-right:1px solid var(--docs-line);}
.docs-tabs-cost-cell:last-child{border-right:none;}
.docs-tabs-cost-label{font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-ghost);display:block;margin-bottom:.25rem;}
.docs-tabs-cost-val{font-family:"Outfit",sans-serif;font-weight:700;color:var(--docs-navy);}
.docs-tabs-cost-val.big{font-size:.9rem;}
.docs-tabs-cost-val.blue{color:var(--docs-blue);}
.docs-tabs-cost-val.amber{color:var(--docs-amber);}
.docs-tabs-cost-sub{font-size:.65rem;color:var(--docs-ghost);margin-top:.2rem;display:block;}

/* ════════════════════════════════════════
   506. ITEM TABS — UNITS + LIFECYCLE
════════════════════════════════════════ */
.docs-tabs-base-unit-badge{display:flex;flex-direction:column;align-items:center;padding:.35rem .75rem;border:1.5px solid var(--docs-b15);border-radius:8px;background:var(--docs-b08);margin-left:auto;flex-shrink:0;text-align:center;}
.docs-tabs-both-badge{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:100px;background:rgba(5,150,105,.1);border:1px solid rgba(5,150,105,.2);color:var(--docs-green);}
.docs-tabs-lifecycle-block{padding:.85rem 1rem;}
.docs-tabs-lifecycle-badge{font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:700;padding:4px 12px;border-radius:100px;background:rgba(5,150,105,.1);border:1px solid rgba(5,150,105,.2);color:var(--docs-green);}

/* ════════════════════════════════════════
   507. ITEM TABS — RESPONSIVE
════════════════════════════════════════ */
@media(max-width:900px){
  .docs-tabs-alloc-grid{grid-template-columns:1fr 1fr;}
  .docs-tabs-alloc-cell:nth-child(2n){border-right:none;}
  .docs-tabs-cost-grid{grid-template-columns:1fr 1fr;}
  .docs-tabs-cost-cell:nth-child(2n){border-right:none;}
}
@media(max-width:640px){
  .docs-tabs-alloc-grid,.docs-tabs-cost-grid{grid-template-columns:1fr;}
  .docs-tabs-alloc-cell,.docs-tabs-cost-cell{border-right:none;}
  .docs-tabs-date-row{flex-direction:column;align-items:flex-start;}
  .docs-tabs-section-hdr{flex-wrap:wrap;}
}
/* ════════════════════════════════════════
   508. EDIT ITEM — FOOTER + REMOVE BTN
════════════════════════════════════════ */
.docs-edt-footer{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.1rem;border-top:1px solid var(--docs-line);background:var(--docs-off);flex-wrap:wrap;gap:.5rem;}
.docs-edt-remove-btn{font-family:"Outfit",sans-serif;font-size:.65rem;font-weight:700;padding:3px 9px;border-radius:4px;background:rgba(220,38,38,.07);color:var(--docs-red);border:1px solid rgba(220,38,38,.2);cursor:pointer;}

/* ════════════════════════════════════════
   509. EDIT ITEM — ROUTES — ADD STEP FORM
════════════════════════════════════════ */
.docs-edt-add-step-block{border:1px solid var(--docs-line);border-radius:9px;overflow:hidden;margin-top:.75rem;}
.docs-edt-step-fields{display:flex;align-items:flex-start;gap:.65rem;flex-wrap:wrap;margin-bottom:.55rem;}
.docs-edt-chk-label{display:flex;align-items:flex-start;gap:.5rem;font-size:.78rem;color:var(--docs-navy);cursor:pointer;padding:.45rem 0;}

/* ════════════════════════════════════════
   510. EDIT ITEM — QC — CRITERION ROWS
════════════════════════════════════════ */
.docs-edt-criterion-row{border:1px solid var(--docs-line);border-radius:8px;overflow:hidden;margin-bottom:.55rem;}
.docs-edt-criterion-header{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;background:var(--docs-off);border-bottom:1px solid var(--docs-line);flex-wrap:wrap;}
.docs-edt-criterion-body{padding:.6rem .75rem;display:flex;flex-direction:column;gap:.4rem;}
.docs-edt-group-list{display:grid;grid-template-columns:1fr 1fr;gap:.25rem .75rem;padding:.4rem 0;max-height:110px;overflow-y:auto;border:1px solid var(--docs-line2);border-radius:6px;padding:.4rem .65rem;background:var(--docs-off);}
.docs-edt-toggle-active{font-family:"Outfit",sans-serif;font-weight:700;cursor:pointer;}

/* ════════════════════════════════════════
   511. EDIT ITEM — ASSETS — FILE ROW
════════════════════════════════════════ */
.docs-edt-asset-row{display:flex;align-items:center;gap:.6rem;padding:.6rem .85rem;border-bottom:1px solid var(--docs-line);}

/* ════════════════════════════════════════
   512. EDIT ITEM — SUSTAINABILITY — MATERIAL ROW
════════════════════════════════════════ */
.docs-edt-material-row{display:flex;align-items:center;gap:.5rem;padding:.45rem 0;margin-bottom:.45rem;}

/* ════════════════════════════════════════
   513. EDIT ITEM — RESPONSIVE
════════════════════════════════════════ */
@media(max-width:820px){
  .docs-edt-step-fields{flex-direction:column;}
  .docs-edt-group-list{grid-template-columns:1fr;}
  .docs-edt-criterion-header{flex-direction:column;align-items:flex-start;}
}
@media(max-width:640px){
  .docs-edt-footer{flex-direction:column;align-items:flex-start;}
  .docs-edt-material-row{flex-wrap:wrap;}
}
/* ════════════════════════════════════════
   514. ANALYTICS — PAGE HEADER + TABS
════════════════════════════════════════ */
.docs-an-pg-hdr{background:linear-gradient(160deg,var(--docs-navy-d),var(--docs-navy));border-radius:12px 12px 0 0;padding:1rem 1.25rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.docs-an-pg-icon{width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-an-pg-bc{font-family:"Outfit",sans-serif;font-size:.6rem;color:rgba(255,255,255,.4);letter-spacing:.06em;margin-bottom:.15rem;}
.docs-an-pg-title{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.05rem;color:#fff;}
.docs-an-pg-desc{font-size:.68rem;color:rgba(255,255,255,.5);margin-top:.15rem;}
.docs-an-active-badge{font-family:"Outfit",sans-serif;font-size:.62rem;font-weight:700;padding:4px 10px;border-radius:7px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;flex-shrink:0;align-self:flex-start;}

/* ════════════════════════════════════════
   515. ANALYTICS — DATE CONTROLS
════════════════════════════════════════ */
.docs-an-date-bar{display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding:.65rem 0;flex-wrap:wrap;}
.docs-an-date-group{display:flex;flex-direction:column;gap:.2rem;}
.docs-an-date-label{font-family:"Outfit",sans-serif;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-ghost);}
.docs-an-date-pill{font-size:.75rem;color:var(--docs-navy);padding:4px 9px;border:1.5px solid var(--docs-line2);border-radius:6px;background:var(--docs-off);}
.docs-an-quick-btns{display:flex;gap:.3rem;}
.docs-an-quick-btn{font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:600;padding:4px 10px;border-radius:6px;border:1.5px solid var(--docs-line2);color:var(--docs-muted);background:var(--docs-white);cursor:pointer;}
.docs-an-quick-btn.active{background:var(--docs-navy);color:#fff;border-color:var(--docs-navy);}
.docs-an-refresh-btn{font-family:"Outfit",sans-serif;font-size:.72rem;font-weight:600;color:var(--docs-blue);padding:4px 10px;border:1.5px solid var(--docs-b15);border-radius:6px;background:var(--docs-b08);cursor:pointer;}
.docs-an-range-label{font-size:.65rem;color:var(--docs-ghost);}

/* ════════════════════════════════════════
   516. ANALYTICS — KPI TILES
════════════════════════════════════════ */
.docs-an-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem;}
.docs-an-kpi{border:1px solid var(--docs-line);border-radius:9px;padding:.7rem .85rem;background:var(--docs-white);}
.docs-an-kpi-label{font-family:"Outfit",sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--docs-ghost);margin-bottom:.25rem;}
.docs-an-kpi-val{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.15rem;color:var(--docs-navy);}

/* ════════════════════════════════════════
   517. ANALYTICS — CHART CARDS + GRIDS
════════════════════════════════════════ */
.docs-an-card{background:var(--docs-white);border:1px solid var(--docs-line);border-radius:9px;padding:.75rem .85rem;}
.docs-an-card-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:.8rem;color:var(--docs-navy);margin-bottom:.1rem;}
.docs-an-card-sub{font-size:.67rem;color:var(--docs-ghost);margin-bottom:.45rem;line-height:1.5;}
.docs-an-chart-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;}
.docs-an-chart-ph{border:2px dashed var(--docs-line2);border-radius:7px;background:var(--docs-off);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.2rem;margin-top:.4rem;}

/* ════════════════════════════════════════
   518. ANALYTICS — HORIZONTAL BAR CHARTS
════════════════════════════════════════ */
.docs-an-hbar-chart{display:flex;flex-direction:column;gap:.35rem;margin-top:.35rem;}
.docs-an-hbar-row{display:flex;align-items:center;gap:.4rem;}
.docs-an-hbar-label{font-size:.68rem;color:var(--docs-muted);min-width:100px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;}
.docs-an-hbar-track{flex:1;height:10px;background:var(--docs-line2);border-radius:5px;overflow:hidden;}
.docs-an-hbar-fill{height:100%;background:var(--docs-blue);border-radius:5px;transition:width .3s;}
.docs-an-hbar-val{font-family:"Outfit",sans-serif;font-size:.7rem;font-weight:600;color:var(--docs-navy);min-width:40px;text-align:right;}

/* ════════════════════════════════════════
   519. ANALYTICS — STAT TRIOS
════════════════════════════════════════ */
.docs-an-stat3{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--docs-line);border-radius:8px;overflow:hidden;margin-top:.45rem;}
.docs-an-stat3-cell{padding:.55rem .75rem;border-right:1px solid var(--docs-line);}
.docs-an-stat3-cell:last-child{border-right:none;}
.docs-an-stat3-val{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.05rem;color:var(--docs-navy);display:block;margin-top:.15rem;}

/* ════════════════════════════════════════
   520. ANALYTICS — RESPONSIVE
════════════════════════════════════════ */
@media(max-width:900px){
  .docs-an-chart-grid-3{grid-template-columns:1fr 1fr;}
  .docs-an-kpi-row{grid-template-columns:1fr 1fr;}
  .docs-an-stat3{grid-template-columns:1fr;}
  .docs-an-stat3-cell{border-right:none;border-bottom:1px solid var(--docs-line);}
  .docs-an-stat3-cell:last-child{border-bottom:none;}
}
@media(max-width:640px){
  .docs-an-chart-grid-3{grid-template-columns:1fr;}
  .docs-an-kpi-row{grid-template-columns:1fr 1fr;}
  .docs-an-date-bar{flex-direction:column;align-items:flex-start;}
  .docs-an-pg-hdr{flex-direction:column;}
}
/* ════════════════════════════════════════════════════════════════
   521. SETTINGS PAGE — HEADER & SHELL
════════════════════════════════════════════════════════════════ */
.docs-set-hdr {
	background: linear-gradient(135deg, #1a3f5c 0%, var(--docs-navy) 100%);
	padding: .875rem 1.25rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}
.docs-set-hdr-left {
	display: flex;
	align-items: center;
	gap: .75rem;
}
.docs-set-hdr-icon {
	width: 34px;
	height: 34px;
	border-radius: 8px;
	background: rgba(255,255,255,.15);
	display: grid;
	place-items: center;
	flex-shrink: 0;
}
.docs-set-hdr-icon svg {
	width: 16px;
	height: 16px;
	stroke: #fff;
	fill: none;
}
.docs-set-hdr-bc {
	font-size: .65rem;
	color: rgba(255,255,255,.5);
	font-weight: 500;
	letter-spacing: .04em;
	text-transform: uppercase;
	margin-bottom: .15rem;
}
.docs-set-hdr-title {
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: 1rem;
	color: #fff;
}
.docs-set-hdr-sub {
	font-size: .72rem;
	color: rgba(255,255,255,.6);
	margin-top: .1rem;
}
.docs-set-hdr-btn {
	background: rgba(255,255,255,.15);
	border: 1px solid rgba(255,255,255,.25);
	color: #fff;
	font-family: 'Outfit', sans-serif;
	font-size: .72rem;
	font-weight: 600;
	padding: .3rem .75rem;
	border-radius: 5px;
	white-space: nowrap;
	display: flex;
	align-items: center;
	gap: .35rem;
	flex-shrink: 0;
}

/* ════════════════════════════════════════════════════════════════
   522. SETTINGS — LEFT SUB-NAV
════════════════════════════════════════════════════════════════ */
.docs-set-shell {
	display: flex;
	min-height: 280px;
}
.docs-set-subnav {
	width: 192px;
	flex-shrink: 0;
	border-right: 1px solid var(--docs-line);
	padding: .625rem 0;
	background: var(--docs-off2);
}
.docs-set-subnav-group {
	font-size: .63rem;
	font-weight: 700;
	color: var(--docs-muted);
	letter-spacing: .07em;
	text-transform: uppercase;
	padding: .6rem 1rem .2rem;
}
.docs-set-subnav-item {
	display: flex;
	align-items: center;
	gap: .45rem;
	padding: .38rem 1rem;
	font-size: .8rem;
	color: var(--docs-muted);
	cursor: default;
	transition: background .12s, color .12s;
}
.docs-set-subnav-item.active {
	background: #fff;
	color: var(--docs-navy);
	font-weight: 600;
	border-right: 2px solid var(--docs-blue);
}
.docs-set-body {
	flex: 1;
	min-width: 0;
	padding: 1rem 1.25rem;
}
.docs-set-signed {
	padding: .75rem 1rem;
	border-top: 1px solid var(--docs-line);
	margin-top: .5rem;
}
.docs-set-signed-label {
	font-size: .63rem;
	color: var(--docs-ghost);
	text-transform: uppercase;
	letter-spacing: .05em;
	margin-bottom: .2rem;
}
.docs-set-signed-email {
	font-size: .78rem;
	color: var(--docs-navy);
	font-weight: 600;
}
.docs-set-signed-badge {
	display: inline-flex;
	align-items: center;
	gap: .2rem;
	font-size: .65rem;
	font-weight: 700;
	color: var(--docs-blue);
	background: var(--docs-b08);
	padding: .15rem .45rem;
	border-radius: 4px;
	margin-top: .2rem;
}

/* ════════════════════════════════════════════════════════════════
   523. SETTINGS — SECTION & SUBSECTION HEADERS
════════════════════════════════════════════════════════════════ */
.docs-set-section-title {
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: .9rem;
	color: var(--docs-navy);
}
.docs-set-section-sub {
	font-size: .75rem;
	color: var(--docs-muted);
}
.docs-set-subsection {
	border: 1px solid var(--docs-line);
	border-radius: var(--docs-r, 8px);
	overflow: hidden;
	margin-bottom: .75rem;
}
.docs-set-subsection-hdr {
	padding: .55rem .875rem;
	background: var(--docs-off2);
	border-bottom: 1px solid var(--docs-line);
	display: flex;
	align-items: center;
	gap: .5rem;
	flex-wrap: wrap;
}
.docs-set-subsection-label {
	font-family: 'Outfit', sans-serif;
	font-size: .72rem;
	font-weight: 700;
	color: var(--docs-blue);
	text-transform: uppercase;
	letter-spacing: .05em;
}
.docs-set-subsection-desc {
	font-size: .7rem;
	color: var(--docs-muted);
}
.docs-set-subsection-body {
	padding: .75rem .875rem;
}

/* ════════════════════════════════════════════════════════════════
   524. SETTINGS — FORM FIELDS
════════════════════════════════════════════════════════════════ */
.docs-set-grid2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: .5rem .875rem;
	margin-bottom: .5rem;
}
.docs-set-grid3 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: .5rem .875rem;
	margin-bottom: .5rem;
}
.docs-set-field-wrap {
	margin-bottom: .5rem;
}
.docs-set-field-label {
	font-size: .68rem;
	font-weight: 600;
	color: var(--docs-navy);
	text-transform: uppercase;
	letter-spacing: .05em;
	margin-bottom: .2rem;
}
.docs-set-field {
	width: 100%;
	padding: .4rem .625rem;
	border: 1px solid var(--docs-line2);
	border-radius: 5px;
	font-size: .8rem;
	color: var(--docs-body);
	background: #fff;
	font-family: 'DM Sans', sans-serif;
}
.docs-set-field--ph {
	color: var(--docs-ghost);
}
.docs-set-hint {
	font-size: .68rem;
	color: var(--docs-muted);
	margin: .2rem 0 .5rem;
	line-height: 1.5;
}
.docs-set-footer {
	padding: .625rem .875rem;
	border-top: 1px solid var(--docs-line);
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: var(--docs-off2);
	font-size: .72rem;
	color: var(--docs-ghost);
	flex-wrap: wrap;
	gap: .5rem;
}

/* ════════════════════════════════════════════════════════════════
   525. SETTINGS — BUTTONS
════════════════════════════════════════════════════════════════ */
.docs-set-btn {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	padding: .4rem 1rem;
	border-radius: 5px;
	font-family: 'Outfit', sans-serif;
	font-weight: 600;
	font-size: .78rem;
	cursor: pointer;
	border: none;
	transition: opacity .15s;
}
.docs-set-btn--primary { background: var(--docs-green); color: #fff; }
.docs-set-btn--navy    { background: var(--docs-navy);  color: #fff; }
.docs-set-btn--blue    { background: var(--docs-blue);  color: #fff; }
.docs-set-btn--red     { background: var(--docs-red);   color: #fff; }
.docs-set-btn--outline {
	background: #fff;
	color: var(--docs-navy);
	border: 1px solid var(--docs-line2);
}
.docs-set-btn--full { width: 100%; justify-content: center; }

/* ════════════════════════════════════════════════════════════════
   526. SETTINGS — ONBOARDING CHECKLIST
════════════════════════════════════════════════════════════════ */
.docs-set-ob-progress {
	padding: .875rem 1.25rem;
	border-bottom: 1px solid var(--docs-line);
}
.docs-set-ob-progress-hdr {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: .35rem;
}
.docs-set-ob-progress-label {
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: .85rem;
	color: var(--docs-navy);
}
.docs-set-ob-progress-sub {
	font-size: .72rem;
	color: var(--docs-muted);
}
.docs-set-ob-pct {
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: .9rem;
	color: var(--docs-blue);
	background: var(--docs-b08);
	border: 2px solid var(--docs-blue);
	width: 38px;
	height: 38px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	flex-shrink: 0;
}
.docs-set-ob-bar {
	height: 6px;
	background: var(--docs-line);
	border-radius: 3px;
	overflow: hidden;
	margin: .5rem 0;
}
.docs-set-ob-bar-fill {
	height: 100%;
	background: linear-gradient(90deg, var(--docs-navy), var(--docs-blue));
	border-radius: 3px;
}
.docs-set-ob-step {
	display: flex;
	align-items: center;
	gap: .75rem;
	padding: .65rem 1.25rem;
	border-bottom: 1px solid var(--docs-line);
}
.docs-set-ob-step:last-child { border-bottom: none; }
.docs-set-ob-check {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	flex-shrink: 0;
}
.docs-set-ob-check.done {
	background: rgba(5,150,105,.1);
	border: 1.5px solid var(--docs-green);
}
.docs-set-ob-check.done svg {
	stroke: var(--docs-green);
	width: 12px;
	height: 12px;
}
.docs-set-ob-check.pending {
	background: var(--docs-off2);
	border: 1.5px solid var(--docs-line2);
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: .75rem;
	color: var(--docs-muted);
}
.docs-set-ob-content { flex: 1; min-width: 0; }
.docs-set-ob-title {
	font-size: .83rem;
	font-weight: 600;
	color: var(--docs-navy);
}
.docs-set-ob-title.done { color: var(--docs-muted); }
.docs-set-ob-desc { font-size: .72rem; color: var(--docs-muted); }
.docs-set-ob-count {
	font-family: 'JetBrains Mono', monospace;
	font-size: .68rem;
	background: var(--docs-b08);
	color: var(--docs-blue);
	border-radius: 100px;
	padding: .1rem .45rem;
	margin-left: .3rem;
	font-weight: 600;
}
.docs-set-ob-view {
	font-size: .75rem;
	font-weight: 600;
	color: var(--docs-blue);
}
.docs-set-ob-action { flex-shrink: 0; }

/* ════════════════════════════════════════════════════════════════
   527. SETTINGS — TOGGLES
════════════════════════════════════════════════════════════════ */
.docs-set-toggle {
	display: flex;
	align-items: flex-start;
	gap: .75rem;
	padding: .75rem .875rem;
	border: 1px solid var(--docs-line);
	border-radius: var(--docs-r, 8px);
	margin-bottom: .5rem;
	background: #fff;
}
.docs-set-toggle-cb {
	width: 15px;
	height: 15px;
	flex-shrink: 0;
	margin-top: .15rem;
	accent-color: var(--docs-blue);
}
.docs-set-toggle-content { flex: 1; min-width: 0; }
.docs-set-toggle-title {
	font-size: .82rem;
	font-weight: 600;
	color: var(--docs-navy);
	margin-bottom: .15rem;
}
.docs-set-toggle-desc {
	font-size: .75rem;
	color: var(--docs-muted);
	line-height: 1.5;
}
.docs-set-toggle-state {
	font-family: 'JetBrains Mono', monospace;
	font-size: .65rem;
	font-weight: 600;
	color: var(--docs-ghost);
	margin-left: auto;
	flex-shrink: 0;
	margin-top: .15rem;
}
.docs-set-toggle-state.on { color: var(--docs-green); }

/* ════════════════════════════════════════════════════════════════
   528. SETTINGS — AVATAR ROW
════════════════════════════════════════════════════════════════ */
.docs-set-avatar-row {
	display: flex;
	align-items: center;
	gap: .875rem;
	padding: .75rem .875rem;
	border: 1px solid var(--docs-line);
	border-radius: var(--docs-r, 8px);
	margin-bottom: .75rem;
	background: #fff;
}
.docs-set-avatar {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: var(--docs-blue);
	display: grid;
	place-items: center;
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: .9rem;
	color: #fff;
	flex-shrink: 0;
}
.docs-set-avatar-name {
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: .9rem;
	color: var(--docs-navy);
}
.docs-set-avatar-email { font-size: .75rem; color: var(--docs-muted); }

/* ════════════════════════════════════════════════════════════════
   529. SETTINGS — LOGIN / OR DIVIDER
════════════════════════════════════════════════════════════════ */
.docs-set-or-divider {
	text-align: center;
	font-size: .75rem;
	color: var(--docs-muted);
	margin: .35rem 0;
}

/* ════════════════════════════════════════════════════════════════
   530. SETTINGS — TAX FIELDS
════════════════════════════════════════════════════════════════ */
.docs-set-tax-row {
	display: flex;
	align-items: center;
	gap: .5rem;
	margin-bottom: .5rem;
}
.docs-set-tax-unit { font-size: .78rem; color: var(--docs-muted); }
.docs-set-uk-badge {
	font-size: .68rem;
	font-weight: 600;
	background: var(--docs-b08);
	color: var(--docs-blue);
	border: 1px solid var(--docs-b15);
	padding: .2rem .55rem;
	border-radius: 4px;
}
.docs-set-tax-example {
	background: var(--docs-off2);
	border: 1px solid var(--docs-line);
	border-radius: var(--docs-r, 8px);
	padding: .625rem .875rem;
	margin-top: .5rem;
}
.docs-set-tax-example-label {
	font-size: .65rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: var(--docs-muted);
	margin-bottom: .35rem;
}
.docs-set-tax-example-row {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: .5rem;
}
.docs-set-tax-val {
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: .95rem;
	color: var(--docs-navy);
}

/* ════════════════════════════════════════════════════════════════
   531. SETTINGS — COMPANY LAT/LONG
════════════════════════════════════════════════════════════════ */
.docs-set-latlong-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: .5rem;
	margin-top: .5rem;
}
.docs-set-latlong-cell {
	padding: .45rem .625rem;
	border: 1px solid var(--docs-line);
	border-radius: 5px;
	background: var(--docs-off2);
}
.docs-set-ll-label {
	font-size: .63rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: var(--docs-ghost);
	margin-bottom: .1rem;
}
.docs-set-ll-val {
	font-family: 'JetBrains Mono', monospace;
	font-size: .8rem;
	color: var(--docs-navy);
}

/* ════════════════════════════════════════════════════════════════
   532. SETTINGS — TABS (DATA PROTECTION)
════════════════════════════════════════════════════════════════ */
.docs-set-tab-bar {
	display: flex;
	border-bottom: 1px solid var(--docs-line);
	margin-bottom: .75rem;
}
.docs-set-tab {
	padding: .45rem .875rem;
	font-size: .8rem;
	font-weight: 500;
	color: var(--docs-muted);
	border-bottom: 2px solid transparent;
	cursor: default;
}
.docs-set-tab.active {
	color: var(--docs-navy);
	border-bottom-color: var(--docs-blue);
	font-weight: 600;
}
.docs-set-select {
	width: 100%;
	padding: .45rem .75rem;
	border: 1px solid var(--docs-line2);
	border-radius: 5px;
	font-size: .82rem;
	color: var(--docs-ghost);
	background: #fff;
	font-family: 'DM Sans', sans-serif;
}

/* ════════════════════════════════════════════════════════════════
   533. SETTINGS — BACKGROUND JOBS
════════════════════════════════════════════════════════════════ */
.docs-set-job-row {
	display: flex;
	align-items: center;
	gap: .75rem;
	padding: .65rem .875rem;
	border-bottom: 1px solid var(--docs-line);
	flex-wrap: wrap;
}
.docs-set-job-row:last-child { border-bottom: none; }
.docs-set-job-content { flex: 1; min-width: 0; }
.docs-set-job-title {
	font-size: .83rem;
	font-weight: 600;
	color: var(--docs-navy);
	margin-bottom: .1rem;
}
.docs-set-job-desc { font-size: .72rem; color: var(--docs-muted); }
.docs-set-job-meta {
	display: flex;
	align-items: center;
	gap: .5rem;
	flex-wrap: wrap;
	flex-shrink: 0;
}
.docs-set-job-ok {
	font-size: .65rem;
	font-weight: 700;
	color: var(--docs-green);
	background: rgba(5,150,105,.1);
	border: 1px solid rgba(5,150,105,.25);
	padding: .15rem .45rem;
	border-radius: 4px;
	display: flex;
	align-items: center;
	gap: .2rem;
}
.docs-set-job-freq {
	font-family: 'JetBrains Mono', monospace;
	font-size: .68rem;
	color: var(--docs-muted);
}
.docs-set-job-run {
	font-size: .72rem;
	font-weight: 600;
	color: var(--docs-blue);
	background: #fff;
	border: 1px solid var(--docs-line2);
	padding: .3rem .7rem;
	border-radius: 5px;
	display: flex;
	align-items: center;
	gap: .3rem;
	white-space: nowrap;
	flex-shrink: 0;
	cursor: pointer;
}

/* ════════════════════════════════════════════════════════════════
   534. SETTINGS — BILLING & PLAN
════════════════════════════════════════════════════════════════ */
.docs-set-plan-card {
	background: linear-gradient(135deg, #1a3f5c, var(--docs-navy));
	border-radius: var(--docs-r, 8px);
	padding: 1rem 1.25rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	flex-wrap: wrap;
	margin-bottom: .75rem;
}
.docs-set-plan-active-label {
	font-size: .65rem;
	color: rgba(255,255,255,.45);
	text-transform: uppercase;
	letter-spacing: .06em;
	margin-bottom: .3rem;
}
.docs-set-plan-name {
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: 1.15rem;
	color: #fff;
	margin-bottom: .35rem;
}
.docs-set-plan-badges { display: flex; gap: .4rem; flex-wrap: wrap; }
.docs-set-plan-badge {
	font-size: .65rem;
	font-weight: 600;
	padding: .15rem .5rem;
	border-radius: 4px;
}
.docs-set-plan-badge.badge-monthly { background: rgba(255,255,255,.15); color: rgba(255,255,255,.8); }
.docs-set-plan-badge.badge-paid    { background: rgba(5,150,105,.3); color: #6ee7b7; }
.docs-set-plan-badge.badge-since   { background: rgba(255,255,255,.1); color: rgba(255,255,255,.6); }
.docs-set-plan-cols { display: flex; gap: 1.5rem; }
.docs-set-plan-meta { text-align: right; }
.docs-set-plan-users {
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: 1.4rem;
	color: #fff;
	line-height: 1;
}
.docs-set-plan-min { font-size: .65rem; color: rgba(255,255,255,.4); }
.docs-set-plan-total {
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: 1.3rem;
	color: #fff;
}
.docs-set-plan-per { font-size: .65rem; color: rgba(255,255,255,.5); }
.docs-set-addon-section-label {
	font-size: .65rem;
	font-weight: 700;
	color: var(--docs-muted);
	text-transform: uppercase;
	letter-spacing: .06em;
	margin-bottom: .45rem;
	display: block;
}
.docs-set-addon-card {
	border: 1px solid var(--docs-line);
	border-radius: var(--docs-r, 8px);
	padding: .875rem;
	margin-bottom: .75rem;
}
.docs-set-addon-hdr {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: .625rem;
	flex-wrap: wrap;
	gap: .5rem;
}
.docs-set-addon-title {
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: .9rem;
	color: var(--docs-navy);
}
.docs-set-addon-badge {
	font-size: .65rem;
	font-weight: 700;
	color: var(--docs-green);
	background: rgba(5,150,105,.1);
	border: 1px solid rgba(5,150,105,.25);
	padding: .1rem .45rem;
	border-radius: 4px;
}
.docs-set-addon-price {
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: 1.1rem;
	color: var(--docs-navy);
}
.docs-set-addon-price span { font-size: .72rem; color: var(--docs-muted); font-weight: 400; }
.docs-set-addon-features {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: .3rem;
}
.docs-set-addon-feat {
	font-size: .75rem;
	color: var(--docs-body);
	display: flex;
	align-items: center;
	gap: .35rem;
}
.docs-set-pay-table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: .75rem;
	font-size: .82rem;
}
.docs-set-pay-table tr { border-bottom: 1px solid var(--docs-line); }
.docs-set-pay-table td { padding: .45rem .25rem; vertical-align: middle; }
.docs-set-pay-label { color: var(--docs-muted); }
.docs-set-pay-val { text-align: right; font-weight: 500; }
.docs-set-pay-plan-badge {
	font-size: .65rem;
	font-weight: 600;
	background: var(--docs-off2);
	border: 1px solid var(--docs-line);
	color: var(--docs-navy);
	padding: .1rem .4rem;
	border-radius: 4px;
	margin-left: .35rem;
}
.docs-set-pay-paid {
	color: var(--docs-green);
	font-size: .7rem;
	font-weight: 600;
	margin-right: .35rem;
}
.docs-set-warn-banner {
	background: rgba(220,38,38,.06);
	border: 1px solid rgba(220,38,38,.2);
	border-radius: var(--docs-r, 8px);
	padding: .625rem .875rem;
	font-size: .78rem;
	color: var(--docs-red);
	margin-bottom: .75rem;
	display: flex;
	align-items: flex-start;
	gap: .5rem;
	line-height: 1.5;
}
.docs-set-bill-footer {
	padding: .875rem 1.25rem;
	border-top: 1px solid var(--docs-line);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .5rem;
	flex-wrap: wrap;
}

/* ════════════════════════════════════════════════════════════════
   535. SETTINGS — INTEGRATIONS
════════════════════════════════════════════════════════════════ */
.docs-set-int-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: .75rem;
	margin-bottom: .75rem;
}
.docs-set-int-card {
	border: 1px solid var(--docs-line);
	border-radius: var(--docs-r, 8px);
	padding: .875rem;
	background: #fff;
}
.docs-set-int-hdr {
	display: flex;
	align-items: center;
	gap: .5rem;
	margin-bottom: .5rem;
}
.docs-set-int-logo {
	width: 32px;
	height: 32px;
	border-radius: 8px;
	display: grid;
	place-items: center;
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: 1rem;
	color: #fff;
	flex-shrink: 0;
}
.docs-set-int-name {
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: .9rem;
	color: var(--docs-navy);
}
.docs-set-int-status {
	font-size: .68rem;
	color: var(--docs-muted);
}
.docs-set-int-desc {
	font-size: .75rem;
	color: var(--docs-muted);
	margin-bottom: .625rem;
	line-height: 1.5;
}
.docs-set-int-security {
	font-size: .72rem;
	color: var(--docs-blue);
	background: var(--docs-b08);
	border: 1px solid var(--docs-b15);
	border-radius: 5px;
	padding: .4rem .625rem;
	margin-bottom: .625rem;
	line-height: 1.5;
}

/* ════════════════════════════════════════════════════════════════
   536. SETTINGS — DATA IMPORT
════════════════════════════════════════════════════════════════ */
.docs-set-import-block {
	border: 1px solid var(--docs-line);
	border-radius: var(--docs-r, 8px);
	margin-bottom: .75rem;
	overflow: hidden;
}
.docs-set-import-hdr {
	padding: .55rem .875rem;
	background: var(--docs-off2);
	border-bottom: 1px solid var(--docs-line);
	display: flex;
	align-items: center;
	gap: .5rem;
	flex-wrap: wrap;
}
.docs-set-import-body { padding: .75rem .875rem; }
.docs-set-import-btns {
	display: flex;
	gap: .5rem;
	margin-bottom: .5rem;
}
.docs-set-import-note {
	font-size: .72rem;
	color: var(--docs-muted);
	line-height: 1.5;
}

/* ════════════════════════════════════════════════════════════════
   537. SETTINGS — DATA EXPORT
════════════════════════════════════════════════════════════════ */
.docs-set-export-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: .5rem;
	margin-bottom: .5rem;
}
.docs-set-export-grid--2 {
	grid-template-columns: repeat(2, 1fr);
	max-width: 340px;
}
.docs-set-export-tile {
	border: 1px solid var(--docs-line);
	border-radius: var(--docs-r, 8px);
	padding: .75rem .625rem;
	text-align: center;
	background: #fff;
}
.docs-set-export-icon { font-size: 1.3rem; margin-bottom: .35rem; }
.docs-set-export-label {
	font-size: .75rem;
	font-weight: 600;
	color: var(--docs-navy);
	margin-bottom: .4rem;
}
.docs-set-export-btn {
	display: inline-flex;
	align-items: center;
	gap: .25rem;
	font-size: .7rem;
	font-weight: 600;
	color: var(--docs-blue);
	background: var(--docs-b08);
	border: 1px solid var(--docs-b15);
	padding: .25rem .5rem;
	border-radius: 4px;
	cursor: pointer;
}
/* ════════════════════════════════════════════════════════════════
   538. STAFF & GROUPS — HEADER SEATS BADGE
════════════════════════════════════════════════════════════════ */
.docs-sag-seats-badge {
	background: rgba(255,255,255,.15);
	border: 1px solid rgba(255,255,255,.25);
	border-radius: 8px;
	padding: .4rem .875rem;
	text-align: center;
	flex-shrink: 0;
}
.docs-sag-seats-label {
	font-size: .6rem;
	font-weight: 700;
	color: rgba(255,255,255,.55);
	text-transform: uppercase;
	letter-spacing: .07em;
	margin-bottom: .1rem;
}
.docs-sag-seats-num {
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: 1.1rem;
	color: #fff;
	line-height: 1;
}

/* ════════════════════════════════════════════════════════════════
   539. STAFF & GROUPS — TAB BAR
════════════════════════════════════════════════════════════════ */
.docs-sag-tab-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 1.25rem;
	border-bottom: 1px solid var(--docs-line);
}
.docs-sag-tab-bar {
	display: flex;
}
.docs-sag-tab {
	padding: .55rem .875rem;
	font-size: .82rem;
	font-weight: 500;
	color: var(--docs-muted);
	border-bottom: 2px solid transparent;
	cursor: default;
	white-space: nowrap;
}
.docs-sag-tab.active {
	color: var(--docs-navy);
	border-bottom-color: var(--docs-blue);
	font-weight: 600;
}

/* ════════════════════════════════════════════════════════════════
   540. STAFF & GROUPS — TABLE
════════════════════════════════════════════════════════════════ */
.docs-sag-table-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	margin-bottom: .625rem;
	flex-wrap: wrap;
}
.docs-sag-search-mock {
	display: flex;
	align-items: center;
	gap: .4rem;
	border: 1px solid var(--docs-line2);
	border-radius: 5px;
	padding: .35rem .625rem;
	font-size: .78rem;
	color: var(--docs-ghost);
	background: #fff;
	min-width: 160px;
}
.docs-sag-table-wrap {
	border: 1px solid var(--docs-line);
	border-radius: var(--docs-r, 8px);
	overflow: hidden;
}
.docs-sag-table {
	width: 100%;
	border-collapse: collapse;
	font-size: .82rem;
}
.docs-sag-table thead tr {
	background: var(--docs-navy);
}
.docs-sag-table th {
	padding: .5rem .75rem;
	font-family: 'Outfit', sans-serif;
	font-size: .7rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .05em;
	color: rgba(255,255,255,.85);
	text-align: left;
	white-space: nowrap;
}
.docs-sag-table td {
	padding: .5rem .75rem;
	border-bottom: 1px solid var(--docs-line);
	vertical-align: middle;
}
.docs-sag-table tr:last-child td { border-bottom: none; }
.docs-sag-table tr:hover td { background: var(--docs-off2); }
.docs-sag-name-cell {
	display: flex;
	align-items: center;
	gap: .5rem;
	font-weight: 500;
	color: var(--docs-navy);
}
.docs-sag-avatar-sm {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--docs-blue);
	display: grid;
	place-items: center;
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: .6rem;
	color: #fff;
	flex-shrink: 0;
}
.docs-sag-pagination {
	padding: .625rem .75rem;
	border-top: 1px solid var(--docs-line);
	background: var(--docs-off2);
}
.docs-sag-edit-btn {
	font-size: .75rem;
	font-weight: 600;
	color: var(--docs-blue);
	background: var(--docs-b08);
	border: 1px solid var(--docs-b15);
	padding: .25rem .625rem;
	border-radius: 5px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: .25rem;
}

/* ════════════════════════════════════════════════════════════════
   541. STAFF & GROUPS — ROLE & SEAT BADGES
════════════════════════════════════════════════════════════════ */
.docs-sag-role-badge {
	display: inline-block;
	padding: .2rem .55rem;
	border-radius: 4px;
	font-size: .72rem;
	font-weight: 600;
	background: var(--docs-b08);
	color: var(--docs-blue);
	border: 1px solid var(--docs-b15);
	white-space: nowrap;
}
.docs-sag-seat-badge {
	display: inline-block;
	padding: .2rem .55rem;
	border-radius: 4px;
	font-size: .72rem;
	font-weight: 500;
	background: var(--docs-off2);
	color: var(--docs-muted);
	border: 1px solid var(--docs-line2);
}
.docs-sag-group-chip {
	display: inline-block;
	padding: .15rem .45rem;
	border-radius: 4px;
	font-size: .7rem;
	font-weight: 500;
	background: var(--docs-off2);
	color: var(--docs-navy);
	border: 1px solid var(--docs-line2);
	margin-right: .2rem;
	margin-bottom: .15rem;
}

/* ════════════════════════════════════════════════════════════════
   542. STAFF & GROUPS — MODALS
════════════════════════════════════════════════════════════════ */
.docs-sag-modal-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: .5rem;
}
.docs-sag-modal {
	background: #fff;
	border-radius: 10px;
	padding: 1.5rem;
	width: 100%;
	max-width: 400px;
	box-shadow: 0 4px 24px rgba(0,0,0,.15);
}
.docs-sag-modal-title {
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: 1rem;
	color: var(--docs-navy);
	padding-bottom: .5rem;
	border-bottom: 2px solid var(--docs-blue);
	margin-bottom: 1rem;
}
.docs-sag-modal-field-wrap { margin-bottom: .25rem; }
.docs-sag-modal-field {
	border-bottom: 1.5px solid var(--docs-line2);
	padding: .35rem 0;
	font-size: .85rem;
}
.docs-sag-modal-field.error { border-bottom-color: var(--docs-red); }
.docs-sag-modal-field-label { color: var(--docs-body); }
.docs-sag-modal-field-label.placeholder { color: var(--docs-ghost); }
.docs-sag-modal-error {
	font-size: .72rem;
	color: var(--docs-red);
	font-weight: 500;
	margin-top: .15rem;
}
.docs-sag-modal-btn {
	width: 100%;
	padding: .55rem;
	border-radius: 5px;
	background: var(--docs-green);
	color: #fff;
	font-family: 'Outfit', sans-serif;
	font-weight: 600;
	font-size: .875rem;
	border: none;
	cursor: pointer;
}

/* ════════════════════════════════════════════════════════════════
   543. STAFF & GROUPS — GROUP DETAIL MEMBERS
════════════════════════════════════════════════════════════════ */
.docs-sag-members-section {
	border: 1px solid var(--docs-line);
	border-radius: var(--docs-r, 8px);
	overflow: hidden;
}
.docs-sag-members-hdr {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: .75rem 1rem;
	background: var(--docs-off2);
	border-bottom: 1px solid var(--docs-line);
}
.docs-sag-members-title {
	font-family: 'Outfit', sans-serif;
	font-size: .72rem;
	font-weight: 700;
	color: var(--docs-blue);
	text-transform: uppercase;
	letter-spacing: .05em;
	margin-bottom: .2rem;
}
.docs-sag-members-sub {
	font-size: .72rem;
	color: var(--docs-muted);
}
.docs-sag-member-count {
	font-family: 'JetBrains Mono', monospace;
	font-size: .72rem;
	color: var(--docs-muted);
	white-space: nowrap;
}
.docs-sag-member-card {
	display: flex;
	align-items: center;
	gap: .75rem;
	padding: .75rem 1rem;
	border-bottom: 1px solid var(--docs-line);
}
.docs-sag-member-card:last-child { border-bottom: none; }
.docs-sag-member-name {
	font-size: .85rem;
	font-weight: 600;
	color: var(--docs-navy);
}
.docs-sag-member-role { font-size: .75rem; color: var(--docs-muted); }
.docs-sag-remove-btn {
	margin-left: auto;
	font-size: .72rem;
	font-weight: 600;
	color: var(--docs-red);
	background: rgba(220,38,38,.06);
	border: 1px solid rgba(220,38,38,.2);
	padding: .25rem .625rem;
	border-radius: 5px;
	cursor: pointer;
}
.docs-sag-group-footer {
	padding: .875rem 1.25rem;
	border-top: 1px solid var(--docs-line);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .5rem;
	flex-wrap: wrap;
	background: var(--docs-off2);
}

/* ════════════════════════════════════════════════════════════════
   544. STAFF & GROUPS — PERMISSIONS TABLE
════════════════════════════════════════════════════════════════ */
.docs-sag-perm-table-wrap {
	border: 1px solid var(--docs-line);
	border-radius: var(--docs-r, 8px);
	overflow: hidden;
	max-height: 480px;
	overflow-y: auto;
}
.docs-sag-perm-table {
	width: 100%;
	border-collapse: collapse;
	font-size: .8rem;
}
.docs-sag-perm-table thead tr {
	background: var(--docs-off2);
	position: sticky;
	top: 0;
	z-index: 1;
}
.docs-sag-perm-table th {
	padding: .45rem .75rem;
	font-family: 'Outfit', sans-serif;
	font-size: .65rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: var(--docs-muted);
	border-bottom: 1px solid var(--docs-line2);
}
.docs-sag-perm-table td {
	padding: .4rem .75rem;
	border-bottom: 1px solid var(--docs-line);
	vertical-align: middle;
}
.docs-sag-perm-table tr:last-child td { border-bottom: none; }
.docs-sag-perm-table tr.docs-sag-perm-active td {
	background: rgba(5,150,105,.04);
}
.docs-sag-perm-module {
	font-weight: 600;
	color: var(--docs-navy);
	font-size: .8rem;
	margin-bottom: .05rem;
}
.docs-sag-perm-desc { font-size: .7rem; color: var(--docs-ghost); }
.docs-sag-perm-cell {
	text-align: center;
	white-space: nowrap;
	width: 56px;
}
.docs-sag-toggle-off {
	width: 28px;
	height: 16px;
	border-radius: 8px;
	background: var(--docs-line2);
	margin: 0 auto;
	position: relative;
}
.docs-sag-toggle-off::after {
	content: '';
	position: absolute;
	left: 2px;
	top: 2px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.docs-sag-toggle-on {
	width: 28px;
	height: 16px;
	border-radius: 8px;
	background: var(--docs-green);
	margin: 0 auto;
	position: relative;
}
.docs-sag-toggle-on::after {
	content: '';
	position: absolute;
	right: 2px;
	top: 2px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.docs-sag-cb-off {
	width: 14px;
	height: 14px;
	border: 1.5px solid var(--docs-line2);
	border-radius: 3px;
	background: #fff;
	margin: 0 auto;
}
.docs-sag-cb-on {
	width: 14px;
	height: 14px;
	border: 1.5px solid var(--docs-blue);
	border-radius: 3px;
	background: var(--docs-blue);
	color: #fff;
	font-size: .6rem;
	display: grid;
	place-items: center;
	margin: 0 auto;
	font-weight: 700;
}
/* ════════════════════════════════════════════════════════════════
   521. SETTINGS PAGE — HEADER & SHELL
════════════════════════════════════════════════════════════════ */
.docs-set-hdr {
	background: linear-gradient(135deg, #1a3f5c 0%, var(--docs-navy) 100%);
	padding: .875rem 1.25rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}
.docs-set-hdr-left {
	display: flex;
	align-items: center;
	gap: .75rem;
}
.docs-set-hdr-icon {
	width: 34px;
	height: 34px;
	border-radius: 8px;
	background: rgba(255,255,255,.15);
	display: grid;
	place-items: center;
	flex-shrink: 0;
}
.docs-set-hdr-icon svg {
	width: 16px;
	height: 16px;
	stroke: #fff;
	fill: none;
}
.docs-set-hdr-bc {
	font-size: .65rem;
	color: rgba(255,255,255,.5);
	font-weight: 500;
	letter-spacing: .04em;
	text-transform: uppercase;
	margin-bottom: .15rem;
}
.docs-set-hdr-title {
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: 1rem;
	color: #fff;
}
.docs-set-hdr-sub {
	font-size: .72rem;
	color: rgba(255,255,255,.6);
	margin-top: .1rem;
}
.docs-set-hdr-btn {
	background: rgba(255,255,255,.15);
	border: 1px solid rgba(255,255,255,.25);
	color: #fff;
	font-family: 'Outfit', sans-serif;
	font-size: .72rem;
	font-weight: 600;
	padding: .3rem .75rem;
	border-radius: 5px;
	white-space: nowrap;
	display: flex;
	align-items: center;
	gap: .35rem;
	flex-shrink: 0;
}

/* ════════════════════════════════════════════════════════════════
   522. SETTINGS — LEFT SUB-NAV
════════════════════════════════════════════════════════════════ */
.docs-set-shell {
	display: flex;
	min-height: 280px;
}
.docs-set-subnav {
	width: 192px;
	flex-shrink: 0;
	border-right: 1px solid var(--docs-line);
	padding: .625rem 0;
	background: var(--docs-off2);
}
.docs-set-subnav-group {
	font-size: .63rem;
	font-weight: 700;
	color: var(--docs-muted);
	letter-spacing: .07em;
	text-transform: uppercase;
	padding: .6rem 1rem .2rem;
}
.docs-set-subnav-item {
	display: flex;
	align-items: center;
	gap: .45rem;
	padding: .38rem 1rem;
	font-size: .8rem;
	color: var(--docs-muted);
	cursor: default;
	transition: background .12s, color .12s;
}
.docs-set-subnav-item.active {
	background: #fff;
	color: var(--docs-navy);
	font-weight: 600;
	border-right: 2px solid var(--docs-blue);
}
.docs-set-body {
	flex: 1;
	min-width: 0;
	padding: 1rem 1.25rem;
}
.docs-set-signed {
	padding: .75rem 1rem;
	border-top: 1px solid var(--docs-line);
	margin-top: .5rem;
}
.docs-set-signed-label {
	font-size: .63rem;
	color: var(--docs-ghost);
	text-transform: uppercase;
	letter-spacing: .05em;
	margin-bottom: .2rem;
}
.docs-set-signed-email {
	font-size: .78rem;
	color: var(--docs-navy);
	font-weight: 600;
}
.docs-set-signed-badge {
	display: inline-flex;
	align-items: center;
	gap: .2rem;
	font-size: .65rem;
	font-weight: 700;
	color: var(--docs-blue);
	background: var(--docs-b08);
	padding: .15rem .45rem;
	border-radius: 4px;
	margin-top: .2rem;
}

/* ════════════════════════════════════════════════════════════════
   523. SETTINGS — SECTION & SUBSECTION HEADERS
════════════════════════════════════════════════════════════════ */
.docs-set-section-title {
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: .9rem;
	color: var(--docs-navy);
}
.docs-set-section-sub {
	font-size: .75rem;
	color: var(--docs-muted);
}
.docs-set-subsection {
	border: 1px solid var(--docs-line);
	border-radius: var(--docs-r, 8px);
	overflow: hidden;
	margin-bottom: .75rem;
}
.docs-set-subsection-hdr {
	padding: .55rem .875rem;
	background: var(--docs-off2);
	border-bottom: 1px solid var(--docs-line);
	display: flex;
	align-items: center;
	gap: .5rem;
	flex-wrap: wrap;
}
.docs-set-subsection-label {
	font-family: 'Outfit', sans-serif;
	font-size: .72rem;
	font-weight: 700;
	color: var(--docs-blue);
	text-transform: uppercase;
	letter-spacing: .05em;
}
.docs-set-subsection-desc {
	font-size: .7rem;
	color: var(--docs-muted);
}
.docs-set-subsection-body {
	padding: .75rem .875rem;
}

/* ════════════════════════════════════════════════════════════════
   524. SETTINGS — FORM FIELDS
════════════════════════════════════════════════════════════════ */
.docs-set-grid2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: .5rem .875rem;
	margin-bottom: .5rem;
}
.docs-set-grid3 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: .5rem .875rem;
	margin-bottom: .5rem;
}
.docs-set-field-wrap {
	margin-bottom: .5rem;
}
.docs-set-field-label {
	font-size: .68rem;
	font-weight: 600;
	color: var(--docs-navy);
	text-transform: uppercase;
	letter-spacing: .05em;
	margin-bottom: .2rem;
}
.docs-set-field {
	width: 100%;
	padding: .4rem .625rem;
	border: 1px solid var(--docs-line2);
	border-radius: 5px;
	font-size: .8rem;
	color: var(--docs-body);
	background: #fff;
	font-family: 'DM Sans', sans-serif;
}
.docs-set-field--ph {
	color: var(--docs-ghost);
}
.docs-set-hint {
	font-size: .68rem;
	color: var(--docs-muted);
	margin: .2rem 0 .5rem;
	line-height: 1.5;
}
.docs-set-footer {
	padding: .625rem .875rem;
	border-top: 1px solid var(--docs-line);
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: var(--docs-off2);
	font-size: .72rem;
	color: var(--docs-ghost);
	flex-wrap: wrap;
	gap: .5rem;
}

/* ════════════════════════════════════════════════════════════════
   525. SETTINGS — BUTTONS
════════════════════════════════════════════════════════════════ */
.docs-set-btn {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	padding: .4rem 1rem;
	border-radius: 5px;
	font-family: 'Outfit', sans-serif;
	font-weight: 600;
	font-size: .78rem;
	cursor: pointer;
	border: none;
	transition: opacity .15s;
}
.docs-set-btn--primary { background: var(--docs-green); color: #fff; }
.docs-set-btn--navy    { background: var(--docs-navy);  color: #fff; }
.docs-set-btn--blue    { background: var(--docs-blue);  color: #fff; }
.docs-set-btn--red     { background: var(--docs-red);   color: #fff; }
.docs-set-btn--outline {
	background: #fff;
	color: var(--docs-navy);
	border: 1px solid var(--docs-line2);
}
.docs-set-btn--full { width: 100%; justify-content: center; }

/* ════════════════════════════════════════════════════════════════
   526. SETTINGS — ONBOARDING CHECKLIST
════════════════════════════════════════════════════════════════ */
.docs-set-ob-progress {
	padding: .875rem 1.25rem;
	border-bottom: 1px solid var(--docs-line);
}
.docs-set-ob-progress-hdr {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: .35rem;
}
.docs-set-ob-progress-label {
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: .85rem;
	color: var(--docs-navy);
}
.docs-set-ob-progress-sub {
	font-size: .72rem;
	color: var(--docs-muted);
}
.docs-set-ob-pct {
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: .9rem;
	color: var(--docs-blue);
	background: var(--docs-b08);
	border: 2px solid var(--docs-blue);
	width: 38px;
	height: 38px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	flex-shrink: 0;
}
.docs-set-ob-bar {
	height: 6px;
	background: var(--docs-line);
	border-radius: 3px;
	overflow: hidden;
	margin: .5rem 0;
}
.docs-set-ob-bar-fill {
	height: 100%;
	background: linear-gradient(90deg, var(--docs-navy), var(--docs-blue));
	border-radius: 3px;
}
.docs-set-ob-step {
	display: flex;
	align-items: center;
	gap: .75rem;
	padding: .65rem 1.25rem;
	border-bottom: 1px solid var(--docs-line);
}
.docs-set-ob-step:last-child { border-bottom: none; }
.docs-set-ob-check {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	flex-shrink: 0;
}
.docs-set-ob-check.done {
	background: rgba(5,150,105,.1);
	border: 1.5px solid var(--docs-green);
}
.docs-set-ob-check.done svg {
	stroke: var(--docs-green);
	width: 12px;
	height: 12px;
}
.docs-set-ob-check.pending {
	background: var(--docs-off2);
	border: 1.5px solid var(--docs-line2);
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: .75rem;
	color: var(--docs-muted);
}
.docs-set-ob-content { flex: 1; min-width: 0; }
.docs-set-ob-title {
	font-size: .83rem;
	font-weight: 600;
	color: var(--docs-navy);
}
.docs-set-ob-title.done { color: var(--docs-muted); }
.docs-set-ob-desc { font-size: .72rem; color: var(--docs-muted); }
.docs-set-ob-count {
	font-family: 'JetBrains Mono', monospace;
	font-size: .68rem;
	background: var(--docs-b08);
	color: var(--docs-blue);
	border-radius: 100px;
	padding: .1rem .45rem;
	margin-left: .3rem;
	font-weight: 600;
}
.docs-set-ob-view {
	font-size: .75rem;
	font-weight: 600;
	color: var(--docs-blue);
}
.docs-set-ob-action { flex-shrink: 0; }

/* ════════════════════════════════════════════════════════════════
   527. SETTINGS — TOGGLES
════════════════════════════════════════════════════════════════ */
.docs-set-toggle {
	display: flex;
	align-items: flex-start;
	gap: .75rem;
	padding: .75rem .875rem;
	border: 1px solid var(--docs-line);
	border-radius: var(--docs-r, 8px);
	margin-bottom: .5rem;
	background: #fff;
}
.docs-set-toggle-cb {
	width: 15px;
	height: 15px;
	flex-shrink: 0;
	margin-top: .15rem;
	accent-color: var(--docs-blue);
}
.docs-set-toggle-content { flex: 1; min-width: 0; }
.docs-set-toggle-title {
	font-size: .82rem;
	font-weight: 600;
	color: var(--docs-navy);
	margin-bottom: .15rem;
}
.docs-set-toggle-desc {
	font-size: .75rem;
	color: var(--docs-muted);
	line-height: 1.5;
}
.docs-set-toggle-state {
	font-family: 'JetBrains Mono', monospace;
	font-size: .65rem;
	font-weight: 600;
	color: var(--docs-ghost);
	margin-left: auto;
	flex-shrink: 0;
	margin-top: .15rem;
}
.docs-set-toggle-state.on { color: var(--docs-green); }

/* ════════════════════════════════════════════════════════════════
   528. SETTINGS — AVATAR ROW
════════════════════════════════════════════════════════════════ */
.docs-set-avatar-row {
	display: flex;
	align-items: center;
	gap: .875rem;
	padding: .75rem .875rem;
	border: 1px solid var(--docs-line);
	border-radius: var(--docs-r, 8px);
	margin-bottom: .75rem;
	background: #fff;
}
.docs-set-avatar {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: var(--docs-blue);
	display: grid;
	place-items: center;
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: .9rem;
	color: #fff;
	flex-shrink: 0;
}
.docs-set-avatar-name {
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: .9rem;
	color: var(--docs-navy);
}
.docs-set-avatar-email { font-size: .75rem; color: var(--docs-muted); }

/* ════════════════════════════════════════════════════════════════
   529. SETTINGS — LOGIN / OR DIVIDER
════════════════════════════════════════════════════════════════ */
.docs-set-or-divider {
	text-align: center;
	font-size: .75rem;
	color: var(--docs-muted);
	margin: .35rem 0;
}

/* ════════════════════════════════════════════════════════════════
   530. SETTINGS — TAX FIELDS
════════════════════════════════════════════════════════════════ */
.docs-set-tax-row {
	display: flex;
	align-items: center;
	gap: .5rem;
	margin-bottom: .5rem;
}
.docs-set-tax-unit { font-size: .78rem; color: var(--docs-muted); }
.docs-set-uk-badge {
	font-size: .68rem;
	font-weight: 600;
	background: var(--docs-b08);
	color: var(--docs-blue);
	border: 1px solid var(--docs-b15);
	padding: .2rem .55rem;
	border-radius: 4px;
}
.docs-set-tax-example {
	background: var(--docs-off2);
	border: 1px solid var(--docs-line);
	border-radius: var(--docs-r, 8px);
	padding: .625rem .875rem;
	margin-top: .5rem;
}
.docs-set-tax-example-label {
	font-size: .65rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: var(--docs-muted);
	margin-bottom: .35rem;
}
.docs-set-tax-example-row {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: .5rem;
}
.docs-set-tax-val {
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: .95rem;
	color: var(--docs-navy);
}

/* ════════════════════════════════════════════════════════════════
   531. SETTINGS — COMPANY LAT/LONG
════════════════════════════════════════════════════════════════ */
.docs-set-latlong-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: .5rem;
	margin-top: .5rem;
}
.docs-set-latlong-cell {
	padding: .45rem .625rem;
	border: 1px solid var(--docs-line);
	border-radius: 5px;
	background: var(--docs-off2);
}
.docs-set-ll-label {
	font-size: .63rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: var(--docs-ghost);
	margin-bottom: .1rem;
}
.docs-set-ll-val {
	font-family: 'JetBrains Mono', monospace;
	font-size: .8rem;
	color: var(--docs-navy);
}

/* ════════════════════════════════════════════════════════════════
   532. SETTINGS — TABS (DATA PROTECTION)
════════════════════════════════════════════════════════════════ */
.docs-set-tab-bar {
	display: flex;
	border-bottom: 1px solid var(--docs-line);
	margin-bottom: .75rem;
}
.docs-set-tab {
	padding: .45rem .875rem;
	font-size: .8rem;
	font-weight: 500;
	color: var(--docs-muted);
	border-bottom: 2px solid transparent;
	cursor: default;
}
.docs-set-tab.active {
	color: var(--docs-navy);
	border-bottom-color: var(--docs-blue);
	font-weight: 600;
}
.docs-set-select {
	width: 100%;
	padding: .45rem .75rem;
	border: 1px solid var(--docs-line2);
	border-radius: 5px;
	font-size: .82rem;
	color: var(--docs-ghost);
	background: #fff;
	font-family: 'DM Sans', sans-serif;
}

/* ════════════════════════════════════════════════════════════════
   533. SETTINGS — BACKGROUND JOBS
════════════════════════════════════════════════════════════════ */
.docs-set-job-row {
	display: flex;
	align-items: center;
	gap: .75rem;
	padding: .65rem .875rem;
	border-bottom: 1px solid var(--docs-line);
	flex-wrap: wrap;
}
.docs-set-job-row:last-child { border-bottom: none; }
.docs-set-job-content { flex: 1; min-width: 0; }
.docs-set-job-title {
	font-size: .83rem;
	font-weight: 600;
	color: var(--docs-navy);
	margin-bottom: .1rem;
}
.docs-set-job-desc { font-size: .72rem; color: var(--docs-muted); }
.docs-set-job-meta {
	display: flex;
	align-items: center;
	gap: .5rem;
	flex-wrap: wrap;
	flex-shrink: 0;
}
.docs-set-job-ok {
	font-size: .65rem;
	font-weight: 700;
	color: var(--docs-green);
	background: rgba(5,150,105,.1);
	border: 1px solid rgba(5,150,105,.25);
	padding: .15rem .45rem;
	border-radius: 4px;
	display: flex;
	align-items: center;
	gap: .2rem;
}
.docs-set-job-freq {
	font-family: 'JetBrains Mono', monospace;
	font-size: .68rem;
	color: var(--docs-muted);
}
.docs-set-job-run {
	font-size: .72rem;
	font-weight: 600;
	color: var(--docs-blue);
	background: #fff;
	border: 1px solid var(--docs-line2);
	padding: .3rem .7rem;
	border-radius: 5px;
	display: flex;
	align-items: center;
	gap: .3rem;
	white-space: nowrap;
	flex-shrink: 0;
	cursor: pointer;
}

/* ════════════════════════════════════════════════════════════════
   534. SETTINGS — BILLING & PLAN
════════════════════════════════════════════════════════════════ */
.docs-set-plan-card {
	background: linear-gradient(135deg, #1a3f5c, var(--docs-navy));
	border-radius: var(--docs-r, 8px);
	padding: 1rem 1.25rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	flex-wrap: wrap;
	margin-bottom: .75rem;
}
.docs-set-plan-active-label {
	font-size: .65rem;
	color: rgba(255,255,255,.45);
	text-transform: uppercase;
	letter-spacing: .06em;
	margin-bottom: .3rem;
}
.docs-set-plan-name {
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: 1.15rem;
	color: #fff;
	margin-bottom: .35rem;
}
.docs-set-plan-badges { display: flex; gap: .4rem; flex-wrap: wrap; }
.docs-set-plan-badge {
	font-size: .65rem;
	font-weight: 600;
	padding: .15rem .5rem;
	border-radius: 4px;
}
.docs-set-plan-badge.badge-monthly { background: rgba(255,255,255,.15); color: rgba(255,255,255,.8); }
.docs-set-plan-badge.badge-paid    { background: rgba(5,150,105,.3); color: #6ee7b7; }
.docs-set-plan-badge.badge-since   { background: rgba(255,255,255,.1); color: rgba(255,255,255,.6); }
.docs-set-plan-cols { display: flex; gap: 1.5rem; }
.docs-set-plan-meta { text-align: right; }
.docs-set-plan-users {
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: 1.4rem;
	color: #fff;
	line-height: 1;
}
.docs-set-plan-min { font-size: .65rem; color: rgba(255,255,255,.4); }
.docs-set-plan-total {
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: 1.3rem;
	color: #fff;
}
.docs-set-plan-per { font-size: .65rem; color: rgba(255,255,255,.5); }
.docs-set-addon-section-label {
	font-size: .65rem;
	font-weight: 700;
	color: var(--docs-muted);
	text-transform: uppercase;
	letter-spacing: .06em;
	margin-bottom: .45rem;
	display: block;
}
.docs-set-addon-card {
	border: 1px solid var(--docs-line);
	border-radius: var(--docs-r, 8px);
	padding: .875rem;
	margin-bottom: .75rem;
}
.docs-set-addon-hdr {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: .625rem;
	flex-wrap: wrap;
	gap: .5rem;
}
.docs-set-addon-title {
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: .9rem;
	color: var(--docs-navy);
}
.docs-set-addon-badge {
	font-size: .65rem;
	font-weight: 700;
	color: var(--docs-green);
	background: rgba(5,150,105,.1);
	border: 1px solid rgba(5,150,105,.25);
	padding: .1rem .45rem;
	border-radius: 4px;
}
.docs-set-addon-price {
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: 1.1rem;
	color: var(--docs-navy);
}
.docs-set-addon-price span { font-size: .72rem; color: var(--docs-muted); font-weight: 400; }
.docs-set-addon-features {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: .3rem;
}
.docs-set-addon-feat {
	font-size: .75rem;
	color: var(--docs-body);
	display: flex;
	align-items: center;
	gap: .35rem;
}
.docs-set-pay-table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: .75rem;
	font-size: .82rem;
}
.docs-set-pay-table tr { border-bottom: 1px solid var(--docs-line); }
.docs-set-pay-table td { padding: .45rem .25rem; vertical-align: middle; }
.docs-set-pay-label { color: var(--docs-muted); }
.docs-set-pay-val { text-align: right; font-weight: 500; }
.docs-set-pay-plan-badge {
	font-size: .65rem;
	font-weight: 600;
	background: var(--docs-off2);
	border: 1px solid var(--docs-line);
	color: var(--docs-navy);
	padding: .1rem .4rem;
	border-radius: 4px;
	margin-left: .35rem;
}
.docs-set-pay-paid {
	color: var(--docs-green);
	font-size: .7rem;
	font-weight: 600;
	margin-right: .35rem;
}
.docs-set-warn-banner {
	background: rgba(220,38,38,.06);
	border: 1px solid rgba(220,38,38,.2);
	border-radius: var(--docs-r, 8px);
	padding: .625rem .875rem;
	font-size: .78rem;
	color: var(--docs-red);
	margin-bottom: .75rem;
	display: flex;
	align-items: flex-start;
	gap: .5rem;
	line-height: 1.5;
}
.docs-set-bill-footer {
	padding: .875rem 1.25rem;
	border-top: 1px solid var(--docs-line);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .5rem;
	flex-wrap: wrap;
}

/* ════════════════════════════════════════════════════════════════
   535. SETTINGS — INTEGRATIONS
════════════════════════════════════════════════════════════════ */
.docs-set-int-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: .75rem;
	margin-bottom: .75rem;
}
.docs-set-int-card {
	border: 1px solid var(--docs-line);
	border-radius: var(--docs-r, 8px);
	padding: .875rem;
	background: #fff;
}
.docs-set-int-hdr {
	display: flex;
	align-items: center;
	gap: .5rem;
	margin-bottom: .5rem;
}
.docs-set-int-logo {
	width: 32px;
	height: 32px;
	border-radius: 8px;
	display: grid;
	place-items: center;
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: 1rem;
	color: #fff;
	flex-shrink: 0;
}
.docs-set-int-name {
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: .9rem;
	color: var(--docs-navy);
}
.docs-set-int-status {
	font-size: .68rem;
	color: var(--docs-muted);
}
.docs-set-int-desc {
	font-size: .75rem;
	color: var(--docs-muted);
	margin-bottom: .625rem;
	line-height: 1.5;
}
.docs-set-int-security {
	font-size: .72rem;
	color: var(--docs-blue);
	background: var(--docs-b08);
	border: 1px solid var(--docs-b15);
	border-radius: 5px;
	padding: .4rem .625rem;
	margin-bottom: .625rem;
	line-height: 1.5;
}

/* ════════════════════════════════════════════════════════════════
   536. SETTINGS — DATA IMPORT
════════════════════════════════════════════════════════════════ */
.docs-set-import-block {
	border: 1px solid var(--docs-line);
	border-radius: var(--docs-r, 8px);
	margin-bottom: .75rem;
	overflow: hidden;
}
.docs-set-import-hdr {
	padding: .55rem .875rem;
	background: var(--docs-off2);
	border-bottom: 1px solid var(--docs-line);
	display: flex;
	align-items: center;
	gap: .5rem;
	flex-wrap: wrap;
}
.docs-set-import-body { padding: .75rem .875rem; }
.docs-set-import-btns {
	display: flex;
	gap: .5rem;
	margin-bottom: .5rem;
}
.docs-set-import-note {
	font-size: .72rem;
	color: var(--docs-muted);
	line-height: 1.5;
}

/* ════════════════════════════════════════════════════════════════
   537. SETTINGS — DATA EXPORT
════════════════════════════════════════════════════════════════ */
.docs-set-export-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: .5rem;
	margin-bottom: .5rem;
}
.docs-set-export-grid--2 {
	grid-template-columns: repeat(2, 1fr);
	max-width: 340px;
}
.docs-set-export-tile {
	border: 1px solid var(--docs-line);
	border-radius: var(--docs-r, 8px);
	padding: .75rem .625rem;
	text-align: center;
	background: #fff;
}
.docs-set-export-icon { font-size: 1.3rem; margin-bottom: .35rem; }
.docs-set-export-label {
	font-size: .75rem;
	font-weight: 600;
	color: var(--docs-navy);
	margin-bottom: .4rem;
}
.docs-set-export-btn {
	display: inline-flex;
	align-items: center;
	gap: .25rem;
	font-size: .7rem;
	font-weight: 600;
	color: var(--docs-blue);
	background: var(--docs-b08);
	border: 1px solid var(--docs-b15);
	padding: .25rem .5rem;
	border-radius: 4px;
	cursor: pointer;
}

/* ════════════════════════════════════════════════════════════════
   545. INTEGRATIONS — SECTION HEADER
════════════════════════════════════════════════════════════════ */
.docs-igr-section-hdr {
	display: flex;
	align-items: center;
	gap: .625rem;
	padding: .65rem .875rem;
	background: var(--docs-off2);
	border: 1px solid var(--docs-line);
	border-radius: var(--docs-r, 8px);
	margin-bottom: .875rem;
}
.docs-igr-section-hdr-icon {
	width: 28px;
	height: 28px;
	border-radius: 7px;
	background: rgba(2,116,190,.1);
	border: 1px solid var(--docs-b15);
	display: grid;
	place-items: center;
	flex-shrink: 0;
}
.docs-igr-section-hdr-icon svg {
	width: 14px;
	height: 14px;
	stroke: var(--docs-blue);
	fill: none;
}
.docs-igr-section-title {
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: .9rem;
	color: var(--docs-navy);
}
.docs-igr-section-sub {
	font-size: .75rem;
	color: var(--docs-muted);
}

/* ════════════════════════════════════════════════════════════════
   546. INTEGRATIONS — INFO BANNER
════════════════════════════════════════════════════════════════ */
.docs-igr-info-banner {
	display: flex;
	align-items: flex-start;
	gap: .625rem;
	background: rgba(2,116,190,.06);
	border: 1px solid rgba(2,116,190,.2);
	border-radius: var(--docs-r, 8px);
	padding: .75rem .875rem;
	margin-bottom: 1rem;
	font-size: .8rem;
	color: var(--docs-body);
	line-height: 1.6;
}
.docs-igr-info-banner svg {
	width: 15px;
	height: 15px;
	stroke: var(--docs-blue);
	fill: none;
	flex-shrink: 0;
	margin-top: .15rem;
}

/* ════════════════════════════════════════════════════════════════
   547. INTEGRATIONS — CARDS GRID & CARDS
════════════════════════════════════════════════════════════════ */
.docs-igr-cards-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: .875rem;
	margin-bottom: .75rem;
}
.docs-igr-card {
	border: 1px solid var(--docs-line);
	border-radius: 10px;
	padding: 1rem 1.1rem 1.1rem;
	background: #fff;
	display: flex;
	flex-direction: column;
	gap: .625rem;
	transition: box-shadow .2s;
}
.docs-igr-card:hover {
	box-shadow: 0 2px 12px rgba(0,0,0,.08);
}
.docs-igr-card-hdr {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.docs-igr-card-ident {
	display: flex;
	align-items: center;
	gap: .5rem;
}
.docs-igr-card-logo {
	width: 34px;
	height: 34px;
	border-radius: 9px;
	display: grid;
	place-items: center;
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: 1.05rem;
	color: #fff;
	flex-shrink: 0;
}
.docs-igr-card-name {
	font-family: 'Outfit', sans-serif;
	font-weight: 700;
	font-size: .95rem;
	color: var(--docs-navy);
}
.docs-igr-card-status {
	display: flex;
	align-items: center;
	gap: .3rem;
	font-size: .72rem;
	color: var(--docs-muted);
}
.docs-igr-status-dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	flex-shrink: 0;
}
.dot-disconnected { background: var(--docs-ghost); }
.dot-connected    { background: var(--docs-green); }
.docs-igr-card-tagline {
	font-size: .8rem;
	color: var(--docs-muted);
	line-height: 1.5;
}
.docs-igr-card-hint {
	display: flex;
	align-items: flex-start;
	gap: .35rem;
	font-size: .75rem;
	color: var(--docs-muted);
	line-height: 1.5;
}

/* ════════════════════════════════════════════════════════════════
   548. INTEGRATIONS — SECURITY BANNERS
════════════════════════════════════════════════════════════════ */
.docs-igr-security {
	display: flex;
	align-items: flex-start;
	gap: .4rem;
	border-radius: 6px;
	padding: .45rem .625rem;
	font-size: .75rem;
	line-height: 1.5;
	font-weight: 500;
}
.docs-igr-security-xero {
	background: rgba(19,181,234,.1);
	border: 1px solid rgba(19,181,234,.25);
	color: #0d7ca6;
}
.docs-igr-security-sage {
	background: rgba(0,176,80,.1);
	border: 1px solid rgba(0,176,80,.25);
	color: #006b30;
}

/* ════════════════════════════════════════════════════════════════
   549. INTEGRATIONS — CONNECT BUTTON
════════════════════════════════════════════════════════════════ */
.docs-igr-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .4rem;
	width: 100%;
	padding: .5rem;
	border-radius: 6px;
	font-family: 'Outfit', sans-serif;
	font-weight: 600;
	font-size: .82rem;
	border: none;
	cursor: pointer;
	background: var(--docs-navy);
	color: #fff;
	transition: opacity .15s;
}
.docs-igr-btn:hover { opacity: .88; }

/* ════════════════════════════════════════════════════════════════
   550. INTEGRATIONS — OAUTH FLOW DIAGRAM
════════════════════════════════════════════════════════════════ */
.docs-igr-flow {
	display: flex;
	align-items: center;
	gap: 0;
	margin: 1rem 0;
	overflow-x: auto;
	border: 1px solid var(--docs-line);
	border-radius: var(--docs-r, 8px);
	overflow: hidden;
}
.docs-igr-flow-step {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .35rem;
	min-width: 100px;
	flex: 1;
	padding: .875rem .5rem;
	background: var(--docs-off2);
	text-align: center;
	border-right: 1px solid var(--docs-line);
}
.docs-igr-flow-step:last-child { border-right: none; }
.docs-igr-flow-icon {
	width: 32px;
	height: 32px;
	border-radius: 8px;
	display: grid;
	place-items: center;
	margin: 0 auto;
	flex-shrink: 0;
}
.docs-igr-flow-icon svg { stroke: #fff; fill: none; }
.docs-igr-flow-label {
	font-family: 'JetBrains Mono', monospace;
	font-size: .62rem;
	color: var(--docs-muted);
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .04em;
}
.docs-igr-flow-desc {
	font-size: .7rem;
	color: var(--docs-muted);
	line-height: 1.4;
}
.docs-igr-flow-arrow {
	font-size: 1.1rem;
	color: var(--docs-blue);
	flex-shrink: 0;
	font-weight: 700;
	padding: 0 .25rem;
	background: var(--docs-off2);
	align-self: stretch;
	display: flex;
	align-items: center;
}

/* ════════════════════════════════════════════════════════════════
   551. INTEGRATIONS — CREDENTIALS EXPLAINER
════════════════════════════════════════════════════════════════ */
.docs-igr-creds {
	border: 1px solid var(--docs-line);
	border-radius: var(--docs-r, 8px);
	overflow: hidden;
	margin: 1rem 0;
}
.docs-igr-creds-hdr {
	background: var(--docs-off2);
	padding: .55rem .875rem;
	display: flex;
	align-items: center;
	gap: .5rem;
	border-bottom: 1px solid var(--docs-line);
}
.docs-igr-creds-hdr-title {
	font-family: 'Outfit', sans-serif;
	font-size: .72rem;
	font-weight: 700;
	color: var(--docs-navy);
	text-transform: uppercase;
	letter-spacing: .05em;
}
.docs-igr-creds-body {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.docs-igr-creds-col {
	padding: .75rem .875rem;
}
.docs-igr-creds-col:first-child {
	border-right: 1px solid var(--docs-line);
}
.docs-igr-creds-col-label {
	font-family: 'Outfit', sans-serif;
	font-size: .7rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .06em;
	margin-bottom: .5rem;
}
.docs-igr-creds-col-yes { color: var(--docs-green); }
.docs-igr-creds-col-no  { color: var(--docs-red); }
.docs-igr-cred-item {
	display: flex;
	align-items: center;
	gap: .4rem;
	font-size: .78rem;
	margin-bottom: .3rem;
	line-height: 1.45;
}
.docs-igr-cred-yes { color: var(--docs-body); }
.docs-igr-cred-no  { color: var(--docs-muted); }

/* ════════════════════════════════════════════════════════════════
   To hide the schedule card for docs home page
════════════════════════════════════════════════════════════════ */
#docs-section-schedule {
    display: none;
}