/*
 * GuardAIn — brand system v1.0 (step 53). Loaded LAST, after app.css and theme.css.
 *
 *   Navy #000E36 · Emerald #0FA47F · Bright emerald #12B886 · Blue #0064BD
 *   Brand gradient 120° emerald → blue (the most important action only)
 *   Paper #FAFBF9 · White · Mist #E9F7F2 / #086B53 · Slate #55607D · Amber #B4561A on #FFF4E5
 *   Google Sans · sentence case · pill buttons ≥ 44–48 px · cards 24 px, 1.5 px border, soft shadow
 *
 * Done as an override layer on purpose: every page keeps its markup and behaviour,
 * and only the look changes. Remove this one file and the old look comes back.
 */

:root {
    --gb-navy: #000E36;
    --gb-emerald: #0FA47F;
    --gb-emerald-2: #12B886;
    --gb-blue: #0064BD;
    --gb-grad: linear-gradient(120deg, #12B886 0%, #0FA47F 30%, #0064BD 100%);
    --gb-paper: #FAFBF9;
    --gb-white: #FFFFFF;
    --gb-mist: #E9F7F2;
    --gb-mist-ink: #086B53;
    --gb-slate: #55607D;
    --gb-amber: #B4561A;
    --gb-amber-soft: #FFF4E5;
    --gb-line: #E6EAF0;
    --gb-line-2: #DCE2EA;
    --gb-shadow: 0 1px 2px rgba(0, 14, 54, .04), 0 10px 30px -18px rgba(0, 14, 54, .22);
    --gb-font: "Google Sans", "Google Sans Text", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

    /* the old theme's tokens now point at the brand, so every component follows */
    --gd-forest: #000E36;
    --gd-forest-2: #0A1E5C;
    --gd-forest-3: #000A28;
    --gd-teal: #12B886;
    --gd-teal-2: #0FA47F;
    --gd-teal-soft: #E9F7F2;
    --gd-blue: #0064BD;
    --gd-blue-soft: #E6F0FA;
    --gd-amber: #B4561A;
    --gd-amber-soft: #FFF4E5;
    --gd-ink: #000E36;
    --gd-muted: #55607D;
    --gd-line: #E6EAF0;
    --gd-bg: #FAFBF9;
    --gd-card: #FFFFFF;
    --gd-radius: 24px;
    --gd-radius-sm: 14px;
    --gd-shadow: var(--gb-shadow);
    --gd-grad: linear-gradient(120deg, #000E36 0%, #0A1E5C 100%);

    /* Bootstrap */
    --bs-primary: #0FA47F;
    --bs-primary-rgb: 15, 164, 127;
    --bs-success: #0FA47F;
    --bs-success-rgb: 15, 164, 127;
    --bs-link-color: #0064BD;
    --bs-link-color-rgb: 0, 100, 189;
    --bs-link-hover-color: #004E93;
    --bs-body-color: #000E36;
    --bs-body-bg: #FAFBF9;
    --bs-border-color: #E6EAF0;
    --bs-secondary-color: #55607D;
    --bs-font-sans-serif: var(--gb-font);
    --bs-body-font-family: var(--gb-font);
}

/* ------------------------------------------------------------------ type */
body.gd-brand, .gd-brand .btn, .gd-brand .form-control, .gd-brand .form-select, .gd-brand input, .gd-brand button, .gd-brand select, .gd-brand textarea {
    font-family: var(--gb-font);
}
body.gd-brand { background: var(--gb-paper) !important; color: var(--gb-navy); letter-spacing: 0; }
.gd-brand h1, .gd-brand .h1, .gd-brand h2, .gd-brand .h2 { font-weight: 500; letter-spacing: -.03em; color: var(--gb-navy); }
.gd-brand h3, .gd-brand .h3, .gd-brand h4, .gd-brand h5, .gd-brand .h5, .gd-brand h6, .gd-brand .h6 { font-weight: 500; color: var(--gb-navy); letter-spacing: -.01em; }
.gd-brand .text-muted { color: var(--gb-slate) !important; }
.gd-brand a { color: var(--gb-blue); }
.gd-brand ::selection { background: rgba(18, 184, 134, .22); }
.gd-brand :focus-visible { outline: 3px solid rgba(15, 164, 127, .45); outline-offset: 2px; }
.gd-grad-text { background: var(--gb-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* page head */
.gd-brand .gd-pagehead h1 { font-size: clamp(1.6rem, 1.2rem + 1.2vw, 2.1rem); font-weight: 500; letter-spacing: -.03em; line-height: 1.1; margin-bottom: .35rem; }
.gd-brand .gd-pagehead p { color: var(--gb-slate); font-size: .98rem; }
.gd-brand .gd-pagehead__icon { background: var(--gb-mist); color: var(--gb-mist-ink); border-radius: 16px; }
.gd-pagehead__icon--ai { background: var(--gb-grad) !important; color: #fff !important; }

/* ------------------------------------------------------------------ buttons */
.gd-brand .btn { border-radius: 999px; font-weight: 600; padding-left: 1.15rem; padding-right: 1.15rem; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: .4rem; }
.gd-brand .btn-sm { min-height: 36px; padding-left: .9rem; padding-right: .9rem; font-size: .88rem; }
.gd-brand .btn-lg { min-height: 52px; }
.gd-brand .btn-link { min-height: 0; }
.gd-brand .btn-primary, .gd-brand .btn-success {
    background: var(--gb-grad); border: 0; color: #fff;
    box-shadow: 0 6px 18px -10px rgba(0, 100, 189, .55);
}
.gd-brand .btn-primary:hover, .gd-brand .btn-success:hover, .gd-brand .btn-primary:focus, .gd-brand .btn-success:focus { filter: brightness(1.05); color: #fff; }
.gd-brand .btn-primary:active, .gd-brand .btn-success:active { filter: brightness(.95); }
.gd-brand .btn-outline-primary, .gd-brand .btn-outline-secondary, .gd-brand .btn-light {
    background: #fff; color: var(--gb-navy); border: 1.5px solid var(--gb-line-2);
}
.gd-brand .btn-outline-primary:hover, .gd-brand .btn-outline-secondary:hover, .gd-brand .btn-light:hover { background: var(--gb-mist); border-color: #BFE6D7; color: var(--gb-mist-ink); }
.gd-brand .btn-dark { background: var(--gb-navy); border-color: var(--gb-navy); color: #fff; }
.gd-brand .btn-warning { background: var(--gb-amber-soft); border: 1.5px solid #F2C99B; color: var(--gb-amber); }
.gd-brand .btn-outline-danger { border-width: 1.5px; }

/* ------------------------------------------------------------------ cards & panels */
.gd-brand .card, .gd-brand .gd-panel {
    border-radius: 24px; border: 1.5px solid var(--gb-line); background: #fff;
    box-shadow: var(--gb-shadow);
}
.gd-brand .card-body.p-4 { padding: 1.5rem !important; }
.gd-brand .gd-panel__head h2, .gd-brand .card h2.h6 { font-weight: 500; font-size: 1.08rem; color: var(--gb-navy); }
.gd-panel--mist { background: var(--gb-mist) !important; border-color: #CDEBDF !important; box-shadow: none !important; color: var(--gb-mist-ink); }
.gd-panel--ai { border: 1.5px solid transparent !important; background: linear-gradient(#fff, #fff) padding-box, var(--gb-grad) border-box !important; }

/* tiles (dashboard folders and figures) */
.gd-brand .gd-tile { border-radius: 24px; border: 1.5px solid var(--gb-line); box-shadow: var(--gb-shadow); background: #fff; }
.gd-brand .gd-tile__value { font-weight: 500; letter-spacing: -.03em; color: var(--gb-navy); }
.gd-brand .gd-tile__label { font-weight: 500; color: var(--gb-slate); }
.gd-brand .gd-tile__foot { color: var(--gb-mist-ink); font-weight: 600; }

/* status pills */
.gd-brand .gd-status { font-weight: 600; letter-spacing: .01em; }
.gd-brand .gd-status--on, .gd-brand .gd-status--sent { background: var(--gb-mist); color: var(--gb-mist-ink); }
.gd-brand .gd-status--off { background: #EEF1F5; color: var(--gb-slate); }
.gd-brand .gd-status--skipped, .gd-brand .gd-status--warn { background: var(--gb-amber-soft); color: var(--gb-amber); }
.gd-brand .badge.text-bg-warning { background: var(--gb-amber-soft) !important; color: var(--gb-amber) !important; }
.gd-brand .badge { border-radius: 999px; font-weight: 600; }

/* tables */
.gd-brand .table { --bs-table-border-color: var(--gb-line); color: var(--gb-navy); }
.gd-brand .table thead th { font-size: .74rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--gb-slate); border-bottom-width: 1.5px; }
.gd-brand .table tbody tr:hover > * { background: #F7FBF9; }

/* forms */
.gd-brand .form-control, .gd-brand .form-select { border-radius: 14px; border: 1.5px solid var(--gb-line-2); min-height: 44px; }
.gd-brand .form-control-sm, .gd-brand .form-select-sm { border-radius: 12px; min-height: 36px; }
.gd-brand textarea.form-control { min-height: 0; }
.gd-brand .form-control:focus, .gd-brand .form-select:focus { border-color: var(--gb-emerald); box-shadow: 0 0 0 4px rgba(15, 164, 127, .14); }
.gd-brand .form-label { font-weight: 500; color: var(--gb-navy); }
.gd-brand .form-check-input:checked { background-color: var(--gb-emerald); border-color: var(--gb-emerald); }
.gd-brand .alert { border-radius: 16px; border-width: 1.5px; }
.gd-brand .alert-success { background: var(--gb-mist); border-color: #CDEBDF; color: var(--gb-mist-ink); }
.gd-brand .alert-warning { background: var(--gb-amber-soft); border-color: #F6D9B5; color: var(--gb-amber); }
.gd-brand .alert-info { background: #EAF3FB; border-color: #CFE2F5; color: #0A3E73; }

/* ------------------------------------------------------------------ sidebar: light (schools, families, students) */
.gd-wordmark { font-weight: 600; letter-spacing: -.02em; }
.gd-wordmark__ai { background: var(--gb-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }

.gd-skin--light .gd-sidebar { background: #fff !important; color: var(--gb-slate); border-right: 1.5px solid var(--gb-line); }
.gd-skin--light .gd-sidebar__brand { color: var(--gb-navy); font-size: 1.3rem; }
.gd-skin--light .gd-sidebar__mark { filter: none; width: 30px; height: 30px; }
.gd-skin--light .gd-sidebar__tagline { color: var(--gb-slate); }
.gd-skin--light .gd-sidebar__section, .gd-skin--light .gd-sidebar__grouphead { color: var(--gb-slate); font-size: .7rem; letter-spacing: .1em; }
.gd-skin--light .gd-sidebar__grouphead:hover { background: #F4F7FA; }
.gd-skin--light .gd-sidebar__link { color: #2B3554; border-radius: 14px; font-weight: 500; }
.gd-skin--light .gd-sidebar__link:hover { background: #F4F7FA; color: var(--gb-navy); padding-left: .75rem; }
.gd-skin--light .gd-sidebar__link.is-active { background: var(--gb-mist) !important; color: var(--gb-mist-ink); font-weight: 600; }
.gd-skin--light .gd-sidebar__link::before { display: none; }
.gd-skin--light .gd-sidebar__count { background: #EEF1F5; color: var(--gb-slate); }
.gd-skin--light .gd-sidebar__link.is-active .gd-sidebar__count { background: #CDEBDF; color: var(--gb-mist-ink); }
.gd-skin--light .gd-sidebar__here { background: var(--gb-mist); color: var(--gb-mist-ink); }
.gd-skin--light .gd-sidebar__foot { border-top: 1.5px solid var(--gb-line); }
.gd-skin--light .gd-sidebar__who { color: var(--gb-navy); }
.gd-skin--light .gd-sidebar__role, .gd-skin--light .gd-roundbar__label { color: var(--gb-slate); }
.gd-skin--light .gd-sidebar__signout { background: #fff; color: var(--gb-navy); border: 1.5px solid var(--gb-line-2); }
.gd-skin--light .gd-sidebar__signout:hover { background: var(--gb-navy); color: #fff; }
.gd-skin--light .gd-sidebar .gd-install { background: var(--gb-mist); color: var(--gb-mist-ink); border: 0; }
.gd-skin--light .gd-sidebar { scrollbar-color: #D5DBE4 transparent; }

/* ------------------------------------------------------------------ sidebar: navy (GuardAIn team) */
.gd-skin--navy .gd-sidebar { background: var(--gb-navy) !important; }
.gd-skin--navy .gd-sidebar__brand { font-size: 1.3rem; }
.gd-skin--navy .gd-wordmark__ai { background: none; color: #3FD7A6; }
.gd-skin--navy .gd-sidebar__link { border-radius: 14px; color: rgba(255, 255, 255, .82); }
.gd-skin--navy .gd-sidebar__link.is-active { background: rgba(255, 255, 255, .09) !important; color: #fff; font-weight: 600; }
.gd-skin--navy .gd-sidebar__link::before { background: #3FD7A6; }
.gd-sidebar__kicker { margin: -.6rem 0 .2rem 3.4rem; font-size: .66rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #3FD7A6; }

/* the gradient card at the foot of the sidebar */
.gd-sidecard { margin: 1rem .9rem .25rem; padding: 1rem 1rem 1.05rem; border-radius: 20px; background: var(--gb-grad); color: #fff; display: flex; flex-direction: column; gap: .3rem; }
.gd-sidecard strong { font-weight: 600; font-size: .95rem; }
.gd-sidecard span { font-size: .8rem; opacity: .92; line-height: 1.35; }
.gd-sidecard__btn { margin-top: .45rem; background: #fff; color: var(--gb-navy) !important; border-radius: 999px; text-align: center; font-weight: 600; font-size: .86rem; padding: .55rem .8rem; text-decoration: none; }
.gd-sidecard__btn:hover { background: var(--gb-mist); }

/* ------------------------------------------------------------------ top bars */
.gd-brand .gd-topbar { background: var(--gb-navy) !important; }
.gd-brand .gd-deskbar { gap: .6rem; padding: .9rem 1.75rem .2rem; justify-content: flex-start; }
.gd-chipbar { display: flex; align-items: center; gap: .65rem; min-width: 0; max-width: 18rem; }
.gd-chipbar__mark { flex: none; width: 40px; height: 40px; border-radius: 12px; background: var(--gb-grad); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-weight: 600; font-size: .85rem; }
.gd-skin--navy .gd-chipbar__mark { background: var(--gb-navy); }
.gd-chipbar__text { display: flex; flex-direction: column; min-width: 0; line-height: 1.2; }
.gd-chipbar__text strong { font-weight: 600; font-size: .95rem; color: var(--gb-navy); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gd-chipbar__text small { color: var(--gb-slate); font-size: .78rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gd-askbar { flex: 1 1 auto; max-width: 34rem; margin: 0 auto; position: relative; }
.gd-askbar input {
    width: 100%; min-height: 46px; border-radius: 999px; padding: .55rem 1.1rem .55rem 2.8rem; font-size: .95rem; color: var(--gb-navy);
    border: 1.5px solid transparent; background: linear-gradient(#fff, #fff) padding-box, var(--gb-grad) border-box;
    box-shadow: 0 6px 20px -14px rgba(0, 100, 189, .6);
}
.gd-askbar input::placeholder { color: var(--gb-slate); }
.gd-askbar input:focus { outline: none; box-shadow: 0 0 0 4px rgba(15, 164, 127, .15); }
.gd-askbar__icon { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); color: var(--gb-emerald); display: inline-flex; }
.gd-brand .gd-deskbar__bell { background: #fff; border: 1.5px solid var(--gb-line); box-shadow: none; color: var(--gb-navy); width: 44px; height: 44px; align-items: center; justify-content: center; }
.gd-brand .gd-deskbar__push { border: 1.5px solid var(--gb-line); color: var(--gb-mist-ink); min-height: 40px; }
.gd-deskbar__me { flex: none; width: 44px; height: 44px; border-radius: 50%; background: var(--gb-grad); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-weight: 600; font-size: .85rem; }
.gd-brand .gd-pushask { border-radius: 20px; background: var(--gb-mist); border: 1.5px solid #CDEBDF; }

/* footer */
.gd-brand .gd-footer { color: var(--gb-slate); }

/* the Prep AI button (bottom right) — the brand gradient */
.gd-brand .gd-prep-fab { background: var(--gb-grad) !important; box-shadow: 0 12px 30px -12px rgba(0, 100, 189, .65) !important; }

/* ------------------------------------------------------------------ Prep AI tables */
.gd-pai-table th[data-system] { font-size: .7rem; min-width: 7.5rem; white-space: normal; }
.gd-pai-table td, .gd-pai-table th { vertical-align: middle; }
.gd-pai-own { background: var(--gb-mist) !important; }
.gd-pai-sum td, .gd-pai-sum th { border-top: 1.5px solid var(--gb-line-2); background: #FBFCFD; }
.gd-pai-chip { display: inline-block; margin-left: .3rem; padding: 1px 8px; border-radius: 999px; background: var(--gb-mist); color: var(--gb-mist-ink); font-size: .74rem; font-weight: 600; }

/* ------------------------------------------------------------------ the new overview blocks (dashboards) */
.gb-hello h1 { font-size: clamp(1.7rem, 1.2rem + 1.5vw, 2.3rem); margin: 0; }
.gb-hello p { color: var(--gb-slate); margin: .2rem 0 0; }
.gb-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
@media (max-width: 991px) { .gb-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.gb-kpi { background: #fff; border: 1.5px solid var(--gb-line); border-radius: 24px; box-shadow: var(--gb-shadow); padding: 1.1rem 1.25rem; color: var(--gb-navy); text-decoration: none; display: block; }
a.gb-kpi:hover { border-color: #BFE6D7; color: var(--gb-navy); }
.gb-kpi__label { font-size: .9rem; color: var(--gb-slate); }
.gb-kpi__value { font-size: 2.3rem; font-weight: 500; letter-spacing: -.03em; line-height: 1.1; margin: .15rem 0; }
.gb-kpi__foot { font-size: .8rem; font-weight: 600; color: var(--gb-mist-ink); }
.gb-kpi__foot--warn { color: var(--gb-amber); }
.gb-card { background: #fff; border: 1.5px solid var(--gb-line); border-radius: 24px; box-shadow: var(--gb-shadow); padding: 1.15rem 1.25rem; height: 100%; }
.gb-card__head { display: flex; justify-content: space-between; align-items: center; gap: .5rem; margin-bottom: .6rem; }
.gb-card__head h2 { font-size: 1.05rem; font-weight: 500; margin: 0; }
.gb-tag { font-size: .74rem; color: var(--gb-slate); border: 1.5px solid var(--gb-line); border-radius: 8px; padding: 1px 8px; }
.gb-list { list-style: none; margin: 0; padding: 0; }
.gb-list li { display: flex; align-items: center; gap: .75rem; padding: .6rem 0; border-bottom: 1px solid var(--gb-line); }
.gb-list li:last-child { border-bottom: 0; }
.gb-av { flex: none; width: 36px; height: 36px; border-radius: 50%; background: linear-gradient(135deg, #0FA47F, #0064BD); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: .78rem; font-weight: 600; }
.gb-list__text { flex: 1 1 auto; min-width: 0; }
.gb-list__text strong { font-weight: 600; display: block; color: var(--gb-navy); font-size: .93rem; }
.gb-list__text small { color: var(--gb-slate); }
.gb-act { flex: none; font-size: .78rem; font-weight: 600; border-radius: 999px; padding: .25rem .7rem; text-decoration: none; background: #EAF3FB; color: #0A4F94; }
.gb-act--warn { background: var(--gb-amber-soft); color: var(--gb-amber); }
.gb-act--ok { background: var(--gb-mist); color: var(--gb-mist-ink); }
.gb-bar { display: grid; grid-template-columns: 8.5rem 1fr 3.6rem; align-items: center; gap: .75rem; font-size: .9rem; padding: .35rem 0; }
.gb-bar__track { height: 9px; border-radius: 999px; background: #EEF1F5; overflow: hidden; }
.gb-bar__fill { height: 100%; border-radius: 999px; background: var(--gb-grad); }
.gb-bar__n { text-align: right; font-weight: 600; font-variant-numeric: tabular-nums; }
.gb-note { margin-top: .75rem; background: var(--gb-mist); color: var(--gb-mist-ink); border-radius: 14px; padding: .6rem .8rem; font-size: .84rem; }
.gb-rings { display: flex; align-items: center; gap: 1.25rem; flex-wrap: wrap; }
.gb-ring { position: relative; width: 108px; height: 108px; }
.gb-ring svg { width: 108px; height: 108px; transform: rotate(-90deg); }
.gb-ring__txt { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1.1; }
.gb-ring__txt strong { font-size: 1.45rem; font-weight: 500; color: var(--gb-navy); }
.gb-ring__txt small { font-size: .72rem; color: var(--gb-slate); }
.gb-legend { display: flex; gap: 1rem; flex-wrap: wrap; font-size: .8rem; color: var(--gb-slate); margin-bottom: .4rem; }
.gb-legend i { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: .3rem; vertical-align: middle; }
.gb-chart svg { width: 100%; height: auto; display: block; }
.gb-steps { list-style: none; margin: 0; padding: 0; }
.gb-steps li { display: flex; gap: .75rem; align-items: center; padding: .55rem 0; border-bottom: 1px solid var(--gb-line); }
.gb-steps li:last-child { border-bottom: 0; }

/* ------------------------------------------------------------------ landing page */
.lp-card--feature { border: 1.5px solid transparent !important; background: linear-gradient(#fff, #fff) padding-box, var(--gb-grad) border-box !important; }
.lp-grad { background: var(--gb-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.lp-link { display: inline-block; margin-top: .6rem; font-weight: 600; color: var(--gb-blue); text-decoration: none; }

@media (prefers-reduced-motion: reduce) {
    .gd-brand * { animation: none !important; transition: none !important; }
}

/* the welcome block: light, like the concept ("Good morning, Mrs. Kato") */
.gd-brand .gd-hero { background: transparent !important; box-shadow: none !important; color: var(--gb-navy); padding: .25rem 0 1rem !important; border: 0; overflow: visible; }
.gd-brand .gd-hero__glow, .gd-brand .gd-hero__shield { display: none !important; }
.gd-brand .gd-hero__eyebrow { color: var(--gb-slate) !important; font-size: .72rem; letter-spacing: .12em; }
.gd-brand .gd-hero__title { color: var(--gb-navy) !important; font-weight: 500 !important; letter-spacing: -.03em; font-size: clamp(1.8rem, 1.3rem + 1.6vw, 2.5rem) !important; }
.gd-brand .gd-hero__sub { color: var(--gb-slate) !important; }
.gd-brand .gd-hero .gd-chip { background: #fff !important; color: var(--gb-navy) !important; border: 1.5px solid var(--gb-line) !important; }
.gd-brand .gd-hero .gd-chip__dim { color: var(--gb-slate) !important; }
.gd-brand .gd-hero .gd-chip--warn { background: var(--gb-amber-soft) !important; color: var(--gb-amber) !important; }
.gd-brand .gd-tile__label { color: var(--gb-navy) !important; }
.gd-brand a.gd-tile { color: var(--gb-navy); }
.gd-brand a.gb-kpi, .gd-brand a.gb-kpi:hover { color: var(--gb-navy); text-decoration: none; }
.gd-brand .gb-link { color: var(--gb-blue); font-weight: 600; }

/* Prep AI tables on a phone: keep the subject column in view while the systems scroll sideways */
@media (max-width: 767px) {
    .gd-pai-table th:first-child { position: sticky; left: 0; background: #fff; z-index: 1; box-shadow: 1px 0 0 var(--gb-line); }
    .gd-pai-table th[data-system] { min-width: 6.5rem; }
}

/* step 55 */
.gd-chip--ok { background: var(--gb-mist, #E9F7F2) !important; color: #086B53 !important; border-color: rgba(15,164,127,.35) !important; }