/* ═══════════════════════════════════════════════════════════════════════════
   SURF-ADMIN — the operations console.
   Source: legacy Admin (§5) — explicitly EXEMPT from Mini-first (ADJ-003).
   It is a desktop governance console by nature: dark sidebar + sticky topbar +
   list skeleton + a wide drawer with anchor nav and a state-gated action bar.

   The shell primitives live in styles.css because every admin surface composes
   them. This file carries only what a LIST or a DRAWER adds.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── KPI cards ─────────────────────────────────────────────────────────── */
.admin-kpi { background: var(--c-surface); border: 1px solid var(--c-line); border-radius: var(--r-md);
  padding: var(--sp-4); }
.admin-kpi .akv { font-size: 26px; font-weight: var(--fw-bold); color: var(--c-ink);
  font-variant-numeric: tabular-nums; line-height: 1.15; }
.admin-kpi .akl { font-size: var(--fs-xs); color: var(--c-mute); margin-top: 3px; }
.admin-kpi .akt { font-size: var(--fs-xs); margin-top: 5px; }

/* ── Drawer detail sections ────────────────────────────────────────────── */
.d-section .ds-sub { font-size: var(--fs-xs); color: var(--c-mute); margin-bottom: var(--sp-3); }
.d-section .ds-note { font-size: var(--fs-xs); color: var(--c-mute); margin-top: var(--sp-2); line-height: 1.6; }
.risk-panel { background: var(--c-danger-bg); border: 1px solid #fbd9d1; border-radius: var(--r-sm);
  padding: var(--sp-3) var(--sp-4); }
.risk-panel .rp-row { display: flex; justify-content: space-between; gap: var(--sp-4);
  font-size: var(--fs-sm); padding: 5px 0; }
.risk-panel .rp-k { color: var(--c-danger-ink); }
.risk-panel .rp-v { color: var(--c-danger-ink); font-weight: var(--fw-semibold); font-variant-numeric: tabular-nums; }
.internal-note { background: var(--c-warning-bg); border: 1px solid #f9e9b8; border-radius: var(--r-sm);
  padding: var(--sp-3) var(--sp-4); font-size: var(--fs-xs); color: var(--c-warning-ink-deep); line-height: 1.6; }

/* ── Bulk / selection bar ──────────────────────────────────────────────── */
.bulk-bar { display: flex; align-items: center; gap: var(--sp-3); padding: var(--sp-2) var(--sp-3);
  background: var(--c-primary-50); border: 1px solid var(--c-primary-100); border-radius: var(--r-sm);
  font-size: var(--fs-sm); color: var(--c-primary-700); }
.sel-box { width: 16px; height: 16px; border-radius: 4px; border: 1.6px solid var(--c-line);
  display: inline-flex; align-items: center; justify-content: center; color: transparent; flex: none; }
.sel-box.is-on { background: var(--c-primary-500); border-color: var(--c-primary-500); color: #fff; }

/* ── Anchor nav inside a wide drawer ───────────────────────────────────── */
.anchor-nav .an-group { font-size: 10px; text-transform: uppercase; letter-spacing: 0.07em;
  color: var(--c-faint); padding: var(--sp-3) 10px 5px; font-weight: var(--fw-semibold); }

/* ── Drawer action bar — state-gated dispositions live here ────────────── */
.drawer-foot.gated { justify-content: space-between; }
.drawer-foot .df-left { display: flex; gap: var(--sp-2); flex-wrap: wrap; }
.drawer-foot .df-right { display: flex; gap: var(--sp-2); flex-wrap: wrap; margin-left: auto; }

/* ── Tables: admin density ─────────────────────────────────────────────── */
.admin-page .dtable th { padding: 8px 12px; }
.admin-page .dtable td { padding: 10px 12px; }
.admin-page .filter-bar { padding: 0; margin-bottom: var(--sp-3); }
.admin-page .filter-bar .input, .admin-page .filter-bar .select-wrap { min-width: 148px; }
.status-tabs { display: flex; gap: var(--sp-1); border-bottom: 1px solid var(--c-line); margin-bottom: var(--sp-4);
  overflow-x: auto; scrollbar-width: none; }
.status-tabs::-webkit-scrollbar { display: none; }
.status-tabs button { padding: 10px 14px; font-size: var(--fs-sm); color: var(--c-mute);
  white-space: nowrap; position: relative; border-radius: var(--r-xs) var(--r-xs) 0 0; }
.status-tabs button.is-on { color: var(--c-primary-600); font-weight: var(--fw-semibold); background: var(--c-primary-50); }
.status-tabs button.is-on::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px;
  height: 2px; background: var(--c-primary-500); }
.status-tabs .cnt { font-size: 10px; color: var(--c-faint); margin-left: 4px; }
.status-tabs button.is-on .cnt { color: var(--c-primary-500); }

/* ── Funnel + health grid ──────────────────────────────────────────────── */
.admin-grid-2 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--sp-4); }
.admin-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sp-4); }
@container (max-width: 1180px)
@container (max-width: 880px) { .admin-grid-2, .admin-grid-3 { grid-template-columns: minmax(0, 1fr); } }
.health-tile { display: flex; gap: var(--sp-3); align-items: center; padding: var(--sp-4);
  background: var(--c-surface); border: 1px solid var(--c-line); border-radius: var(--r-md); }

/* ── Settings anchor layout ────────────────────────────────────────────── */
.settings-layout { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: var(--sp-5); align-items: start; }
@container (max-width: 880px) { .settings-layout { grid-template-columns: minmax(0, 1fr); } }
.settings-nav { position: sticky; top: 74px; display: flex; flex-direction: column; gap: 2px; }
.settings-nav button { text-align: left; padding: 8px 11px; border-radius: var(--r-xs);
  font-size: var(--fs-sm); color: var(--c-mute); }
.settings-nav button:hover { background: var(--c-surface-2); color: var(--c-ink-soft); }
.settings-nav button.is-on { background: var(--c-primary-50); color: var(--c-primary-600); font-weight: var(--fw-semibold); }
.removed-card { border: 1px dashed var(--c-line); border-radius: var(--r-md); padding: var(--sp-4);
  background: var(--c-surface-2); }
.removed-card .rv-tag { display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px;
  border-radius: var(--r-xs); background: var(--c-danger-bg); color: var(--c-danger-ink);
  font-size: var(--fs-xs); font-weight: var(--fw-semibold); }

/* ── Retention / lifecycle chips ───────────────────────────────────────── */
.lifecycle-chip { display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px;
  border-radius: var(--r-xs); font-size: var(--fs-xs); font-weight: var(--fw-medium); }
.lc-active { background: var(--c-success-bg); color: var(--c-success-ink); }
.lc-hold { background: var(--c-danger-bg); color: var(--c-danger-ink); }
.lc-expiring { background: var(--c-warning-bg); color: var(--c-warning-ink-deep); }
.lc-expired { background: var(--c-surface-2); color: var(--c-mute); }

/* ── AI band (admin side) ──────────────────────────────────────────────── */
.ai-summary { background: var(--c-ai-bg); border: 1px solid #e6dafb; border-radius: var(--r-md);
  padding: var(--sp-4); }
.ai-summary .as-head { display: flex; align-items: center; gap: 7px; margin-bottom: var(--sp-3); }
.ai-summary .as-title { font-size: var(--fs-sm); font-weight: var(--fw-semibold); color: var(--c-ai-ink); }
.ai-summary .as-body { font-size: var(--fs-sm); color: var(--c-ai-ink); line-height: 1.65; }

/* PEOPLE/SUPPLY · TT 2c0998cd components.css. Domain scope, no shell/token fork. */
.lc-people .admin-page-head { margin-bottom:20px; align-items:flex-start; }
.lc-people h1 { font-size:22px; font-weight:700; }
.lc-people .desc { font-size:13px; color:var(--c-mute); margin-top:4px; }
.lc-people .stats-row { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:18px; }
.lc-people .stat-card { background:#fff; border:1px solid var(--c-line); border-radius:var(--r-md); padding:16px 18px; }
.lc-people .stat-card .label { font-size:12px; color:var(--c-mute); }
.lc-people .stat-card .num { font-size:26px; font-weight:700; margin-top:6px; line-height:1.1; }
.lc-people .stat-card .delta { font-size:12px; margin-top:5px; color:var(--c-mute); }
.lc-people .stat-card .ico { width:38px; height:38px; border-radius:var(--r-sm); display:flex; align-items:center; justify-content:center; float:right; }
.lc-people .lc-tone-0,.lc-people .lc-tone-3 { background:var(--c-info-bg); color:var(--c-primary-600); }
.lc-people .lc-tone-1 { background:var(--c-success-bg); color:var(--c-success); }
.lc-people .lc-tone-2 { background:var(--c-warning-bg); color:#b8791a; }
.lc-people .filter-bar { background:#fff; border:1px solid var(--c-line); border-radius:var(--r-md); padding:14px 16px; margin-bottom:14px; display:flex; gap:10px; flex-wrap:wrap; align-items:flex-end; }
.lc-people .filter-item { display:flex; flex-direction:column; gap:4px; }
.lc-people .filter-item > span { font-size:11px; color:var(--c-mute); }
.lc-people .f-input,.lc-people .f-select { padding:7px 11px; font-size:13px; border:1px solid var(--c-line); border-radius:var(--r-xs); background:#fff; color:var(--c-ink); min-width:130px; }
.lc-people .filter-bar .spacer { flex:1; }
.lc-people .status-tabs { display:flex; gap:3px; margin-bottom:14px; flex-wrap:wrap; background:#fff; padding:5px; border-radius:var(--r-md); border:1px solid var(--c-line); width:fit-content; }
.lc-people .status-tab { padding:7px 14px; border-radius:var(--r-sm); font-size:13px; font-weight:500; display:flex; align-items:center; gap:6px; }
.lc-people .status-tab.is-on::after { content:none; }
.lc-people .status-tab .cnt { font-size:11px; background:var(--c-line-soft); color:var(--c-mute); padding:1px 7px; border-radius:999px; margin:0; }
.lc-people .table-wrap { background:#fff; border:1px solid var(--c-line); border-radius:var(--r-md); overflow:hidden; }
.lc-people .table-tools { display:flex; align-items:center; justify-content:space-between; padding:11px 16px; border-bottom:1px solid var(--c-line); gap:12px; }
.lc-people .bulk { font-size:13px; color:var(--c-mute); display:flex; align-items:center; gap:10px; }
.lc-people .text-btn { font-size:13px; color:var(--c-primary-600); font-weight:500; white-space:nowrap; }
.lc-people .icon-btn { width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center; }
.lc-people .table-scroll { overflow-x:auto; }
.lc-people .dtable { width:100%; font-size:13px; border-collapse:collapse; }
.lc-people .dtable th { padding:10px 16px; background:var(--c-surface-2); white-space:nowrap; }
.lc-people .dtable td { padding:12px 16px; border-bottom:1px solid var(--c-line-soft); white-space:nowrap; }
.lc-people .cell-primary { font-size:13px; color:var(--c-ink); font-weight:600; }
.lc-people .cell-sub { font-size:11px; color:var(--c-mute); margin-top:3px; }
.lc-people .pagination { display:flex; justify-content:space-between; align-items:center; padding:12px 16px; font-size:12px; color:var(--c-mute); gap:10px; }
.lc-people .pages { display:flex; gap:4px; }
.lc-people .page-btn { min-width:28px; height:28px; border:1px solid var(--c-line); border-radius:var(--r-xs); }
.lc-people .page-btn.active { color:#fff; background:var(--c-primary-500); border-color:var(--c-primary-500); }
.lc-detail .lc-fixture-note { font-size:11px; padding:8px 18px; color:var(--c-mute); border-bottom:1px solid var(--c-line); }
.lc-detail .drawer-sections { padding:18px; background:var(--c-surface-2); }
.lc-detail .d-section { background:#fff; border:1px solid var(--c-line); border-radius:var(--r-md); padding:16px 18px; margin-bottom:14px; scroll-margin-top:14px; }
.lc-detail .d-section-title { font-size:15px; font-weight:600; color:var(--c-ink); margin-bottom:12px; display:flex; align-items:center; justify-content:space-between; gap:8px; }
.lc-detail .kv-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 24px; }
.lc-detail .kv-grid.cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.lc-detail .kv-item .k { font-size:12px; color:var(--c-mute); }
.lc-detail .kv-item .v { font-size:13px; color:var(--c-ink); font-weight:500; margin-top:2px; overflow-wrap:anywhere; }
.lc-detail .rel-row { display:flex; align-items:center; gap:10px; padding:10px 0; border-bottom:1px solid var(--c-line-soft); }
.lc-detail .rel-row:last-child { border-bottom:none; }
.lc-detail .rel-ico { width:32px; height:32px; border-radius:var(--r-sm); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.lc-detail .flex-1 { flex:1; min-width:0; }
.lc-detail .sm { font-size:13px; }
.lc-detail .xs { font-size:11px; }
.lc-detail .ink { color:var(--c-ink); }
.lc-detail .bold { font-weight:600; }
.lc-detail .ai-card { padding:14px 16px; background:var(--c-ai-bg); color:var(--c-ai-ink); border-radius:var(--r-sm); line-height:1.7; }
.lc-detail .checklist { display:flex; flex-direction:column; gap:9px; }
.lc-detail .ck-item { display:flex; align-items:flex-start; gap:9px; font-size:13px; }
.lc-detail .audit-step { padding:0 0 14px 14px; border-left:2px solid var(--c-line); }
.lc-detail .a-act { font-size:13px; }
.lc-detail .a-meta { font-size:11px; color:var(--c-mute); margin-top:4px; }
.lc-detail .lc-media-unavailable { border:1px dashed var(--c-line); padding:8px; font-size:11px; color:var(--c-mute); }
.lc-detail .anchor-link { display:block; text-align:left; text-decoration:none; }
@container (max-width: 880px) {
  .lc-people .stats-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .lc-people .admin-page-head,.lc-people .table-tools,.lc-people .pagination { flex-wrap:wrap; }
  .lc-detail .kv-grid.cols-3 { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@container (max-width: 480px) {
  .lc-people .stat-card { padding:12px; }
  .lc-people .stat-card .ico { width:28px; height:28px; }
  .lc-people .filter-item { flex:1 1 135px; min-width:0; }
  .lc-people .f-input,.lc-people .f-select { min-width:0; width:100%; }
  .lc-people .bulk { flex-wrap:wrap; }
  .lc-detail .kv-grid,.lc-detail .kv-grid.cols-3 { grid-template-columns:minmax(0,1fr); }
  .lc-detail .drawer-sections { padding:10px; }
}

/* Exact TT utility declarations used by the owner-specific detail copy. */
.lc-detail .u-001 { background:var(--c-info-bg) !important; color:var(--c-primary-600) !important }
.lc-detail .u-002 { color:var(--c-success) !important }
.lc-detail .u-003 { background:var(--c-warning-bg) !important; color:#b8791a !important }
.lc-detail .u-004 { background:var(--c-success-bg) !important; color:var(--c-success) !important }
.lc-detail .u-006 { background:var(--c-ai-bg) !important; color:var(--c-ai) !important }
.lc-detail .u-010 { color:var(--c-warning) !important }
.lc-detail .u-013 { margin-bottom:12px !important }
.lc-detail .u-014 { margin-bottom:6px !important }
.lc-detail .u-017 { color:var(--c-risk-low) !important }
.lc-detail .u-018 { background:var(--c-line-soft) !important; color:var(--c-mute) !important }
.lc-detail .u-034 { width:200px !important }
.lc-detail .u-065 { opacity:.92 !important }
.lc-detail .u-066 { width:68% !important }
.lc-detail .u-067 { width:45% !important }
.lc-detail .u-068 { padding:30px !important }

/* Lane C exact owner tones/media; shared drawer/shell remains Director-owned. */
.lc-people .lc-stat-info { background:var(--c-info-bg); color:var(--c-primary-600); }
.lc-people .lc-stat-success { background:var(--c-success-bg); color:var(--c-success); }
.lc-people .lc-stat-warning { background:var(--c-warning-bg); color:#b8791a; }
.lc-people .lc-stat-danger { background:var(--c-danger-bg); color:var(--c-danger); }
.lc-people[data-lc-family="user"] .stat-card:nth-child(4) .num,
.lc-people[data-lc-family="application"] .stat-card:first-child .num { color:var(--c-warning); }
.lc-people .lc-avatar { width:32px; height:32px; object-fit:cover; border-radius:50%; flex-shrink:0; }
.lc-people button:disabled,.lc-detail button:disabled { opacity:.5; cursor:not-allowed; }
.lc-people .row-actions [data-lc-action="封禁"],
.lc-people .row-actions [data-lc-action="暂停"],
.lc-people .row-actions [data-lc-action="拒绝"] { color:var(--c-danger); }
.lc-detail .lc-media-preview { flex-shrink:0; }
.lc-detail .lc-media-preview img { object-fit:cover; border-radius:var(--r-xs); }
.lc-detail audio { max-width:220px; width:100%; }
.lc-full-preview { width:100%; max-height:65vh; object-fit:contain; }
.lc-detail .d-section:last-child { margin-bottom:80px; }

/* Lane C pinned AudioBar composition (media.ts), hidden audio drives controls. */
.lc-detail .audio-bar{ display:flex; align-items:center; gap:10px; padding:8px 12px;
  background:var(--c-bg-soft, #f4f6fb); border:1px solid var(--c-border, #e2e8f0); border-radius:10px;
  max-width:420px; min-width:220px; }
.lc-detail .audio-bar-play{ width:32px; height:32px; flex-shrink:0; border:none; border-radius:50%;
  background:var(--c-primary, #4f46e5); color:#fff; display:inline-flex; align-items:center;
  justify-content:center; cursor:pointer; font-size:12px; }
.lc-detail .audio-bar-play:disabled{ background:#9aa3b5; cursor:not-allowed; }
.lc-detail .audio-bar-wave{ display:inline-flex; align-items:center; gap:2px; height:28px; flex:1; min-width:70px; overflow:hidden; }
.lc-detail .audio-bar-bar{ width:3px; border-radius:2px; background:var(--c-primary, #4f46e5); opacity:.28; transition:opacity .15s; }
.lc-detail .audio-bar-bar.on{ opacity:1; }
.lc-detail .audio-bar-meta{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.lc-detail .audio-bar-meta b{ font-size:12px; color:var(--c-ink, #1e293b); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:130px; }
.lc-detail .audio-bar-meta small{ font-size:11px; color:var(--c-muted, #64748b); }
.lc-people .lc-stat-accent { background: var(--c-info-bg); color: var(--c-accent-600); }
.lc-detail .rel-row[aria-disabled="true"] { cursor: not-allowed; }

/* Lane C bounded source PreviewDialog / recording MediaThumb composition. */
.lc-source-preview.pv-body{padding:4px 2px}
.lc-source-preview .pv-img{display:flex;justify-content:center;background:var(--c-bg);border-radius:10px;overflow:hidden}
.lc-source-preview .pv-img img{max-width:100%;max-height:56vh;object-fit:contain}
/* Domain-local source shell; runtime still owns the sole scrim and dismissal. */
#dqOverlay .lc-preview-dialog{width:440px;max-width:92vw;background:#fff;border-radius:var(--r-md);box-shadow:var(--sh-lg)}
#dqOverlay .lc-preview-dialog .dialog-body{padding:12px 22px 18px}
#dqOverlay .lc-preview-dialog .dialog-foot{padding:0 22px 18px;display:flex;gap:9px;justify-content:flex-end}
.lc-preview-dialog .dialog-foot-inner{display:flex;justify-content:flex-end;gap:8px;width:100%}
#dqOverlay:has(> .lc-preview-dialog) > .scrim{background:rgba(26,28,46,.45)}
.lc-detail .text-btn.danger{color:var(--c-danger)}
.lc-detail .rel-ico.u-001{background:var(--c-info-bg);color:var(--c-primary-600)}
.lc-detail .media-thumb{position:relative;border-radius:var(--r-xs);background:var(--c-sidebar);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}
.lc-detail .media-thumb-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lc-detail .media-thumb-play{position:relative;z-index:1;width:18px;height:18px;border-radius:50%;background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center}
.lc-detail .media-dur{position:absolute;right:2px;bottom:2px;z-index:2;font-size:9px;line-height:1;padding:2px 4px;border-radius:3px;background:rgba(15,23,42,.65);color:#fff}
.lc-state-address{padding:10px 16px;border-bottom:1px solid var(--c-line);font-size:12px;color:var(--c-muted)}
.lc-meta-sep{color:var(--c-muted);margin:0 6px}

/* TT commerce family: source composition, scoped away from people overrides. */
.cf-family .stats-row { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:16px; margin-bottom:20px; }
.cf-family .stat-card { border:1px solid var(--c-line); border-radius:12px; padding:18px; background:var(--c-surface,#fff); }
.cf-family .stat-card .num { font-size:26px; font-weight:700; margin:6px 0; font-variant-numeric:tabular-nums; }
.cf-family .stat-card .delta { font-size:12px; color:var(--c-mute); }
.cf-family .status-tabs { display:flex; flex-wrap:wrap; gap:4px; margin:16px 0; }
.cf-family .status-tab { padding:8px 12px; border-radius:8px; border:1px solid var(--c-line); background:transparent; }
.cf-family .status-tab.is-on { color:var(--c-primary-600); background:var(--c-info-bg); }
.cf-family .filter-bar { display:flex; flex-wrap:wrap; gap:12px; }
.cf-family .table-scroll { overflow-x:auto; }
.cf-family .dtable { width:100%; }
.cf-family { container-type:normal; } /* Admin responsive conditions resolve the existing frame, not an inner list. */
.cf-family .table-wrap,.cf-family .table-scroll { min-width:0; max-width:100%; }
/* TT components.css:618-657 uses labelled row cards at <=768. Keep
   selection and every field; respond to the list container, not the viewport. */
.cf-family .dtable th { white-space:nowrap; }
.cf-family .dtable td[data-label="订单号"],
.cf-family .dtable td[data-label="房间 ID"] { min-width:8em; white-space:nowrap; }
.cf-family .dtable td[data-label="学生"],
.cf-family .dtable td[data-label="导师"] { min-width:7em; }
.cf-family .dtable td[data-label="课程"],
.cf-family .dtable td[data-label="课节"],
.cf-family .dtable td[data-label="关联课节"] { min-width:12em; }
@container (max-width:768px) {
 .cf-family .stats-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .cf-family .dtable { min-width:0; }
 .cf-family .dtable thead { display:none; }
 .cf-family .dtable,.cf-family .dtable tbody,.cf-family .dtable tr { display:block; width:100%; }
 .cf-family .dtable tbody tr { box-sizing:border-box; border:1px solid var(--c-line); border-radius:12px; padding:14px; margin-bottom:12px; }
 .cf-family .dtable tbody td[data-label] { display:flex; align-items:flex-start; gap:10px; width:auto; min-width:0; padding:5px 0; border:0; white-space:normal; overflow-wrap:anywhere; }
 .cf-family .dtable tbody td[data-label]:not([data-label=""])::before { content:attr(data-label); flex:0 0 76px; color:var(--c-mute); font-size:12px; }
 .cf-family .dtable .cell-entity { min-width:0; flex:1; }
 .cf-family .dtable .cell-entity > div { min-width:0; }
 .cf-family .dtable .cell-sub { overflow-wrap:anywhere; }
 .cf-family .dtable .cell-entity svg,.cf-family .dtable .cf-thumb,.cf-family .dtable .avatar { flex-shrink:0; }
 .cf-family .dtable .row-actions { flex-wrap:wrap; }
}
[data-cf-confirm] .field { display:flex; flex-direction:column; gap:6px; margin-bottom:16px; }
[data-cf-confirm] .input,[data-cf-confirm] .textarea { width:100%; max-width:100%; box-sizing:border-box; }
[data-cf-confirm] .notice { display:flex; align-items:flex-start; gap:8px; }
[data-cf-confirm] .notice svg { flex-shrink:0; }
.cf-source-chronology { font-size:12px; color:var(--c-mute); border-left:2px solid var(--c-border); padding:8px 12px; }
.cf-family .cell-entity { display:flex; align-items:center; gap:10px; }
.cf-family .cell-sub { font-size:12px; color:var(--c-mute); }
.cf-detail { display:grid; grid-template-columns:150px minmax(0,1fr); gap:20px; }
.cf-anchors { position:sticky; top:0; align-self:start; display:flex; flex-direction:column; max-height:70vh; overflow:auto; }
.cf-anchors button { text-align:left; padding:8px; }
.cf-sections .d-section { padding:18px 0; border-bottom:1px solid var(--c-line); scroll-margin-top:16px; }
.cf-sections .d-section-title { font-weight:700; margin-bottom:12px; }
.cf-sections .kv-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:14px; }
.cf-sections .k { color:var(--c-mute); font-size:12px; margin-bottom:4px; }
.cf-media { display:inline-flex; flex-direction:column; max-width:100%; }
.cf-media img { object-fit:cover; max-width:100%; }
.cf-family button:disabled,.cf-detail button:disabled { opacity:.5; cursor:not-allowed; }
@container (width < 560px) { .cf-detail { grid-template-columns:1fr; } .cf-anchors { position:static; flex-direction:row; flex-wrap:wrap; max-height:none; } }

/* Commerce source primitives: isolated from people-family and shared roles. */
.cf-family .stat-card .ico { background:var(--cf-ico-bg);color:var(--cf-ico-color); }
.cf-family .stat-card .num { color:var(--cf-num-color,inherit); }
.cf-family .table-foot { display:flex;align-items:center;gap:10px;flex-wrap:wrap; }
.cf-thumb { position:relative;display:inline-block;width:48px;height:32px;border-radius:4px;overflow:hidden;vertical-align:middle;background:#edf1f5; }
.cf-thumb img { width:48px;height:32px;object-fit:cover; }
.cf-player { position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:#18212f;color:white; }
.cf-player img { width:100%;height:100%;object-fit:cover; }
.cf-play { position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;color:#fff;text-shadow:0 1px 3px #000; }
.cf-player .cf-play { font-size:32px; }
.cf-duration { position:absolute;bottom:2px;right:2px;background:#000a;color:#fff;font-size:9px;line-height:12px;padding:0 2px;border-radius:2px; }
.cf-live { position:absolute;top:2px;left:2px;background:#d83c45;color:white;font-size:8px;line-height:12px;padding:0 2px;border-radius:2px; }
.cf-media-caption { position:absolute;left:8px;bottom:24px;font-size:12px; }
.cf-thumb .cf-media-caption { display:none; }

.cf-fileico { display:inline-grid;place-items:center;width:28px;height:32px;border-radius:4px;background:#edf1f5;color:#627085;font-size:9px;font-weight:700; }
.cf-file-pdf { color:#c94b55;background:#fcecef; }.cf-file-doc,.cf-file-docx { color:#3971c1;background:#eaf1fe; }.cf-file-mp4 { color:#8965bb;background:#f1ebfa; }.cf-file-xls,.cf-file-xlsx { color:#378264;background:#e8f5ee; }.cf-file-img,.cf-file-jpg,.cf-file-png { color:#b48838;background:#fff4dc; }
.cf-detail { min-width:0; }.cf-detail .cf-sections { min-width:0;overflow-wrap:anywhere; }
.cf-detail .cf-anchors { position:sticky;top:0;align-self:start;max-height:80vh;overflow:auto; }
.cf-disabled { color:#7a8391;cursor:not-allowed;text-decoration:none; }.cf-disabled small { display:inline;color:#7a8391;font-size:11px; }
.cf-action-reason { display:block;font-size:11px;color:#7a8391;max-width:360px; }
.cf-source-case > .notice { font-size:12px; }.cf-source-case details { margin-bottom:16px;border:1px dashed #d2d9e2;border-radius:6px;padding:10px; }
.cf-source-case summary { cursor:pointer;color:#697486;font-size:12px; }
.cf-ceremony { margin:16px 0;border:1px solid #d6dde7;padding:16px;border-radius:8px;display:grid;gap:12px; }
.cf-ceremony label { display:grid;gap:5px; }.cf-ceremony textarea,.cf-ceremony input,.cf-ceremony select { width:100%;max-width:100%;box-sizing:border-box; }
.cf-header-actions { display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px; }
@container viewport (max-width:767px) { .cf-detail { display:block; }.cf-detail .cf-anchors { display:flex;flex-wrap:nowrap;gap:8px;overflow:auto;max-height:none;z-index:1;background:#fff;padding:8px; }.cf-detail .cf-anchors button { flex:none; }.cf-family .filter-bar { display:flex;flex-wrap:wrap; }.cf-family .filter-item { flex:1 1 145px;min-width:0; }.cf-family .admin-page-head { flex-wrap:wrap; }.cf-ceremony { padding:12px; }.cf-detail .kv-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
/* Commerce second repair: pinned media primitive sizing and inline recordset captions. */
.cf-thumb img { width:100%;height:100%; }
.cf-player-mask { position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.35)); }
.cf-player .cf-play { display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.9);color:#222; }
.cf-fileico { width:34px;height:34px;color:#fff; }
.cf-recordset { font-weight:400;font-size:11px;color:var(--c-mute); }
[data-cf-confirm] label { display:block;margin:12px 0; }
[data-cf-confirm] textarea { display:block;width:100%;min-height:64px; }
.cf-detail .cf-header-actions { display:flex;gap:8px;flex-wrap:wrap; }

/* Commerce third repair: type-specific pinned media composition. */
.cf-thumb { display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-xs);overflow:hidden; }
.cf-thumb img,.cf-player img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover; }
.cf-thumb .cf-play { position:relative;top:auto;left:auto;transform:none;z-index:1;width:18px;height:18px;border-radius:50%;background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center;text-shadow:none; }
.cf-duration { right:2px;bottom:2px;z-index:2;font-size:9px;line-height:1;padding:2px 4px;border-radius:3px;background:rgba(15,23,42,.65); }
.cf-player { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;border-radius:var(--r-sm); }
.cf-player-mask { background:linear-gradient(180deg,rgba(15,23,42,.12),rgba(15,23,42,.5)); }
.cf-player .cf-play { position:relative;top:auto;left:auto;transform:none;z-index:1;width:48px;height:48px;background:rgba(255,255,255,.16);color:#fff;display:flex;align-items:center;justify-content:center;text-shadow:none; }
.cf-player .cf-media-caption { position:relative;left:auto;bottom:auto;z-index:1;font-size:13px; }
.cf-live { left:4px;top:4px;z-index:2;display:inline-flex;align-items:center;gap:4px;padding:1px 5px;border-radius:999px;background:#EF4444;font-size:9px;font-weight:700;letter-spacing:.08em;line-height:normal; }
.cf-live .live-dot { width:5px;height:5px;border-radius:50%;background:#fff;animation:livePulse 1.2s ease-in-out infinite; }
.cf-player .cf-live { left:10px;top:10px;padding:2px 8px;font-size:11px; }
.cf-fileico { border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;letter-spacing:.02em;flex-shrink:0; }
/* Commerce source finish: use shared reference drawer slots, not nested body chrome. */
.drawer-reference-admin .cf-detail{min-width:0;display:block}
.drawer-reference-admin .reference-dh-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.drawer-reference-admin .reference-dh-actions .cf-action-reason{max-width:220px;font-size:11px}
.cf-source-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-top:1px solid var(--c-border)}
.cf-source-pagination .pages{display:flex;gap:4px;align-items:center}
.cf-source-pagination .page-btn{min-width:30px;height:30px;border:1px solid var(--c-border);border-radius:6px;background:var(--c-surface);color:var(--c-text);opacity:1}
.cf-source-pagination .page-btn.active{background:var(--c-primary-600);color:#fff}
.cf-fixture-pagination{font-size:11px;flex-wrap:wrap}
@container(max-width:767px){.cf-source-pagination{flex-wrap:wrap;padding:12px}.drawer-reference-admin .reference-dh-actions .cf-action-reason{max-width:160px}.cf-source-pagination .pages{overflow-x:auto;max-width:100%}}

/* Admin people defaults only. No global/table/foundation selector changes. */
.ap-family { min-width: 0; color: var(--c-ink); }
.ap-family .admin-page-head { margin-bottom: 20px; }
.ap-family .ap-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; margin-bottom: 20px; }
.ap-family .ap-stat { display: flex; gap: 14px; align-items: flex-start; background: var(--c-surface); border: 1px solid var(--c-line); border-radius: 12px; padding: 20px; }
.ap-family .ap-stat-icon { display: grid; place-items: center; width: 40px; height: 40px; flex: none; border-radius: 10px; color: var(--c-primary-600); background: var(--c-info-bg); }
.ap-family .ap-stat:nth-child(2) .ap-stat-icon { color: var(--c-success); background: var(--c-success-bg); }
.ap-family .ap-stat:nth-child(3) .ap-stat-icon { color: var(--c-danger); background: var(--c-danger-bg); }
.ap-family .ap-stat:nth-child(4) .ap-stat-icon { color: var(--c-warning); background: var(--c-warning-bg); }
.ap-family .ap-stat-label, .ap-family .ap-stat-delta { color: var(--c-mute); font-size: 12px; line-height: 1.5; }
.ap-family .ap-stat strong { display: block; font-size: 28px; font-weight: 700; line-height: 1.4; font-variant-numeric: tabular-nums; }
.ap-family .ap-stat-delta { margin-top: 4px; }
.ap-family .ap-filters { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 12px; margin-bottom: 16px; padding: 16px; border: 1px solid var(--c-line); border-radius: 10px; background: var(--c-surface); }
.ap-family .ap-filter { display: flex; flex-direction: column; gap: 6px; min-width: 110px; color: var(--c-mute); font-size: 12px; }
.ap-family .ap-filter:first-child { min-width: 220px; }
.ap-family .ap-filter input, .ap-family .ap-filter select { height: 34px; max-width: 100%; border: 1px solid var(--c-line); border-radius: 6px; padding: 0 10px; background: var(--c-surface); color: var(--c-ink); font-size: 13px; }
.ap-family .ap-filter-actions { display: flex; gap: 8px; margin-left: auto; }
.ap-family .ap-tabs { display: flex; overflow-x: auto; border-bottom: 1px solid var(--c-line); margin-bottom: 16px; }
.ap-family .ap-tabs button { padding: 10px 16px; white-space: nowrap; font-size: 13px; color: var(--c-mute); border-bottom: 2px solid transparent; }
.ap-family .ap-tabs button[aria-selected="true"] { color: var(--c-primary-600); border-color: var(--c-primary-600); font-weight: 600; }
.ap-family .ap-tabs span { font-size: 11px; margin-left: 4px; }
.ap-family .ap-table-wrap { border: 1px solid var(--c-line); border-radius: 10px; background: var(--c-surface); overflow: hidden; }
.ap-family .ap-tools { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding: 12px 16px; border-bottom: 1px solid var(--c-line); color: var(--c-mute); font-size: 12px; }
.ap-family .ap-scroll { overflow-x: auto; }
.ap-family table { width: 100%; border-collapse: collapse; min-width: 920px; text-align: left; font-size: 13px; }
.ap-family th { padding: 11px 14px; background: var(--c-surface-2); color: var(--c-mute); font-size: 12px; font-weight: 500; white-space: nowrap; }
.ap-family td { padding: 13px 14px; border-top: 1px solid var(--c-line-soft); white-space: nowrap; }
.ap-family td:last-child .btn { padding: 4px 6px; min-height: 28px; }
.ap-family .ce-sub { font-size: 11px; color: var(--c-mute); margin-top: 4px; }
.ap-family .ap-pagination { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; padding: 12px 16px; border-top: 1px solid var(--c-line); color: var(--c-mute); font-size: 12px; }
.ap-family .ap-pagination > div { display: flex; gap: 6px; align-items: center; }
.ap-family .ap-pagination button { border: 1px solid var(--c-line); border-radius: 5px; min-width: 28px; height: 28px; padding: 0 6px; }
.ap-family .ap-pagination button[aria-current] { background: var(--c-primary-600); color: white; border-color: var(--c-primary-600); }
.ap-family [hidden] { display: none !important; }
.ap-family .ap-no-results { padding: 24px; text-align: center; color: var(--c-mute); }
.ap-family input[type="checkbox"] { accent-color: var(--c-primary-600); }
.ap-family :is(button,input,select,.ap-scroll):focus-visible { outline: 2px solid var(--c-primary-500); outline-offset: 2px; }
@container (max-width: 1100px) { .ap-family .ap-stats { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@container (max-width: 600px) { .ap-family .ap-stats { gap: 10px; } .ap-family .ap-stat { padding: 12px; gap: 8px; } .ap-family .ap-stat-icon { display: none; } .ap-family .ap-stat strong { font-size: 23px; } .ap-family .ap-filter { flex: 1 1 130px; min-width: 0; } .ap-family .ap-filter:first-child { flex-basis: 100%; min-width: 0; } .ap-family .ap-filter-actions { width: 100%; justify-content: flex-end; } .ap-family .admin-page-head { flex-wrap: wrap; gap: 12px; } }
/* SUPPLY4 scoped surfaces; People and Orders styles unchanged. */
.sr-family { min-width:0; }
.sr-family .sr-stats { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; margin-bottom:20px; }
.sr-family .sr-stat { border:1px solid var(--c-line); border-radius:10px; background:var(--c-surface); padding:16px; font-size:12px; color:var(--c-mute); }
.sr-family .sr-stat strong { display:block; font-size:26px; color:var(--c-ink); margin:5px 0; font-variant-numeric:tabular-nums; }
.sr-family .sr-filters { display:flex; gap:12px; flex-wrap:wrap; align-items:flex-end; margin-bottom:16px; padding:16px; border:1px solid var(--c-line); border-radius:10px; background:var(--c-surface); }
.sr-family .sr-filters label { display:flex; flex-direction:column; gap:6px; font-size:12px; color:var(--c-mute); }
.sr-family .sr-filters input { padding:8px 10px; border:1px solid var(--c-line); border-radius:6px; background:var(--c-surface); color:var(--c-ink); }
.sr-family .dtable { min-width:1000px; width:100%; }
.sr-family td small { display:block; color:var(--c-mute); font-size:11px; margin-top:4px; }
.sr-thumb { display:inline-flex; position:relative; flex:none; width:56px; height:38px; margin-right:10px; vertical-align:middle; }
.sr-thumb img { width:100%; height:100%; object-fit:cover; border-radius:5px; }
.sr-thumb > span { position:absolute; inset:0; display:grid; place-items:center; color:white; background:#0003; }
.sr-family .sr-pagination { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; padding:12px 16px; border-top:1px solid var(--c-line); font-size:12px; color:var(--c-mute); }
.sr-family .sr-pagination > div { display:flex; align-items:center; gap:8px; }
.sr-detail .sr-thumb { width:100%; max-width:520px; height:280px; }
.sr-dialog label { display:flex; flex-direction:column; gap:8px; }
.sr-family :is(input,button):focus-visible { outline:2px solid var(--c-primary-500); outline-offset:2px; }
.cf-family:is([data-cf-family="course"],[data-cf-family="lesson"],[data-cf-family="room"]) .admin-page-head p { max-width:760px; line-height:1.6; }
@container (max-width:1100px) { .sr-family .sr-stats { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@container (max-width:600px) {
 .sr-family .sr-stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .sr-family .sr-stat { padding:12px; }
 .sr-family .sr-filters label { flex:1 1 140px; min-width:0; }
 .sr-family .sr-filters input { min-width:0; width:100%; }
 .sr-family .admin-page-head { flex-wrap:wrap; gap:12px; }
 .sr-family .dtable { min-width:0; display:block; }
 .sr-family .dtable thead { display:none; }
 .sr-family .dtable tbody { display:grid; gap:12px; padding:12px; }
 .sr-family .dtable tr { display:block; border:1px solid var(--c-line); border-radius:8px; padding:8px; }
 .sr-family .dtable td { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; white-space:normal; padding:8px; }
 .sr-family .dtable td::before { content:attr(data-label); color:var(--c-mute); font-size:12px; }
}

.cf-family:is([data-cf-family="course"],[data-cf-family="lesson"],[data-cf-family="room"]) .status-tabs { flex-wrap:nowrap; overflow-x:auto; }
.cf-family:is([data-cf-family="course"],[data-cf-family="lesson"],[data-cf-family="room"]) .status-tab { white-space:nowrap; border:0; border-bottom:2px solid transparent; border-radius:0; background:transparent; }
.cf-family:is([data-cf-family="course"],[data-cf-family="lesson"],[data-cf-family="room"]) .status-tab.is-on { border-bottom-color:var(--c-primary-600); }
/* FINANCE-AUDIT4: precise scope, no prior rules modified. */
.fa-family { min-width:0; }
.fa-family .fa-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:18px; }
.fa-family .fa-stat { border:1px solid var(--c-line); background:var(--c-surface); border-radius:var(--r-md); padding:16px 18px; font-size:12px; color:var(--c-mute); }
.fa-family .fa-stat-label { display:flex; align-items:center; gap:6px; font-size:var(--fs-xs); }
.fa-family .fa-num { color:var(--c-ink); font-size:26px; font-weight:var(--fw-bold); margin-top:6px; line-height:1.1; font-variant-numeric:tabular-nums; }
.fa-family .fa-delta { font-size:var(--fs-xs); margin-top:5px; display:flex; align-items:center; gap:3px; }
.fa-family .fa-delta.up { color:var(--c-success); }
.fa-family .fa-delta.down { color:var(--c-danger); }
.fa-family .fa-filters { display:flex; flex-wrap:wrap; gap:10px; align-items:center; padding:14px 16px; border:1px solid var(--c-line); border-radius:var(--r-md); background:var(--c-surface); margin-bottom:14px; }
.fa-family .fa-filters label { display:flex; flex-direction:column; gap:4px; color:var(--c-mute); font-size:11px; }
.fa-family .fa-filters input,.fa-family .fa-filters select { border:1px solid var(--c-line); border-radius:var(--r-xs); padding:7px 11px; font-size:var(--fs-sm); min-width:130px; background:var(--c-surface); color:var(--c-ink); }
.fa-family .fa-filter-spacer { flex:1; }
.fa-family .fa-filter-actions { display:flex; flex-direction:column; gap:4px; font-size:11px; }
.fa-family .fa-filter-actions > div { display:flex; gap:8px; }
.fa-family[data-fa-family="audit"] .fa-filters > button { align-self:center; }
.fa-family .text-btn { border:0; background:transparent; padding:0; font-size:var(--fs-sm); color:var(--c-primary-600); font-weight:var(--fw-medium); }
.fa-family .text-btn:hover { text-decoration:underline; }
.fa-family .row-actions { display:flex; gap:6px; }
.fa-family .cell-primary { color:var(--c-ink); font-weight:var(--fw-medium); }
.fa-family .cell-sub { font-size:var(--fs-xs); color:var(--c-mute); margin-top:2px; }
.fa-family .fa-cell-muted { color:var(--c-mute); font-size:var(--fs-xs); }
.fa-family .cell-entity { display:flex; align-items:center; gap:9px; }
.fa-family .fa-avatar { display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; flex:none; border-radius:50%; background:var(--c-primary-100); color:var(--c-primary-600); font-size:10px; font-weight:var(--fw-semibold); }
.fa-family .fa-ref { border:0; background:transparent; padding:0; font:inherit; color:var(--c-primary-600); opacity:1; cursor:not-allowed; }
.fa-family .fa-st-dot { display:inline-flex; align-items:center; gap:5px; color:var(--c-mute); font-size:var(--fs-xs); font-weight:var(--fw-medium); }
.fa-family .fa-st-dot::before { content:''; width:6px; height:6px; border-radius:50%; background:currentColor; }
.fa-family .fa-st-success { color:var(--c-success); }
.fa-family .fa-st-danger { color:var(--c-danger); }
.fa-family .status-tabs { flex-wrap:wrap; }
@container (max-width:768px) { .fa-family .status-tabs { flex-wrap:nowrap; overflow-x:auto; } }
.fa-family .status-tabs button { white-space:nowrap; }
.fa-family .dtable { width:100%; min-width:0; }
.fa-family .dtable thead th { padding:11px 14px; }
.fa-family .dtable tbody td { padding:13px 14px; }
.fa-family [data-fa-row]:focus-visible { outline:2px solid var(--c-primary-500); outline-offset:-2px; }
.fa-family .fa-ref-inherit { color:inherit; }
.fa-dialog { min-width:0; max-width:100%; }
.fa-dialog [data-fa-captured-scope] { box-sizing:border-box; min-width:0; max-width:100%; white-space:pre-wrap; overflow-wrap:anywhere; word-break:break-word; overflow:auto; max-height:240px; }
.fa-dialog [data-fa-captured-scope]:focus-visible { outline:2px solid var(--c-primary-500); }
.fa-family td small { display:block; color:var(--c-mute); font-size:11px; }
.fa-family .fa-pagination { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px; border-top:1px solid var(--c-line); padding:12px 16px; font-size:12px; color:var(--c-mute); }
.fa-dialog label { display:flex; flex-direction:column; gap:8px; margin:12px 0; }
.fa-family :is(button,input,select):focus-visible { outline:2px solid var(--c-primary-500); outline-offset:2px; }
@container (max-width:768px) {
 .fa-family .fa-stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .fa-family .fa-filters label { flex:1 1 140px; min-width:0; }
 .fa-family .fa-filters input,.fa-family .fa-filters select { min-width:0; max-width:100%; }
 .fa-family .admin-page-head { flex-wrap:wrap; gap:12px; }
 .fa-family .dtable { display:block; min-width:0; }
 .fa-family .dtable thead { display:none; }
 .fa-family .dtable tbody { display:grid; padding:12px; gap:12px; }
 .fa-family .dtable tr { display:block; border:1px solid var(--c-line); border-radius:10px; padding:8px; }
 .fa-family .dtable td { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; padding:8px; white-space:normal; }
 .fa-family .dtable td::before { content:attr(data-label); color:var(--c-mute); font-size:12px; }
}

/* ACTIVE PEOPLE CONSOLIDATED: source metrics, no Supply/Finance scope. */
.lc-people .stats-row { grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:14px; margin-bottom:18px; }
.lc-people .stat-card .ico svg { width:18px; height:18px; }
.lc-people .stat-card .delta { color:var(--c-success); }
.lc-people[data-lc-family="user"] .stat-card:last-child .num,.lc-people[data-lc-family="application"] .stat-card:first-child .num { color:var(--c-warning); }
.lc-people .filter-bar { align-items:center; }
.lc-people .filter-item { gap:4px; }
.lc-people .filter-item > span { font-size:11px; }
.lc-people .f-input:focus,.lc-people .f-select:focus { border-color:var(--c-primary-400); }
.lc-people .dtable th { padding:11px 14px; }
.lc-people .dtable td { padding:13px 14px; }
.lc-people .cell-primary { font-weight:500; }
.lc-people .cell-sub { font-size:var(--fs-xs); margin-top:2px; }
.lc-people .lc-avatar,.lc-people .cell-entity .avatar { width:34px; height:34px; }
.lc-people .checkbox-cell { width:38px; }
.lc-people input[type="checkbox"] { width:15px; height:15px; }
.lc-people .row-actions { gap:6px; }
.lc-people .table-tools { padding:11px 16px; }
.lc-people .page-btn { width:30px; height:30px; }
.lc-people .pages { gap:6px; }
.lc-people .status-tab.is-on .cnt { background:var(--c-primary-100); color:var(--c-primary-600); }
.lc-people .st-dot { font-size:var(--fs-xs); font-weight:500; }
.lc-people .st-dot::before { background:currentColor; width:6px; height:6px; }
.lc-people .badge { padding:3px 9px; font-size:var(--fs-xs); }
.lc-people .risk { padding:2px 8px; border-radius:5px; background:var(--c-line-soft); }
.lc-people .risk::before { display:none; }
.lc-people .risk-low { background:var(--c-success-bg); }
.lc-people .risk-medium { background:var(--c-warning-bg); }
.lc-people .risk-high,.lc-people .risk-critical { background:var(--c-danger-bg); }
.lc-people .lc-view-toggle { display:none; }
@container (max-width:1023px) { .lc-people .admin-page-head { flex-direction:column; align-items:flex-start; } .lc-people .pagination { flex-direction:column; align-items:flex-start; } }
@container (max-width:768px) {
 .lc-people .stats-row { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .lc-people .stat-card { padding:12px 14px; }
 .lc-people .stat-card .num { font-size:20px; }
 .lc-people .stat-card .ico { width:30px; height:30px; }
 .lc-people .stat-card .ico svg { width:15px; height:15px; }
 .lc-people .filter-item { flex:1 1 calc(50% - 12px); min-width:0; }
 .lc-people .status-tabs { flex-wrap:nowrap; overflow-x:auto; width:100%; }
 .lc-people .status-tab { white-space:nowrap; }
 .lc-people .lc-view-toggle { display:flex; justify-content:flex-end; gap:6px; padding:8px; }
 .lc-people .lc-view-toggle button { padding:6px 10px; border:1px solid var(--c-line); border-radius:6px; }
 .lc-people .lc-view-toggle [aria-pressed="true"] { color:var(--c-primary-600); background:var(--c-primary-50); }
 .lc-people [data-lc-mode="list"] .dtable { min-width:640px; }
 .lc-people .dtable.is-cards { display:block; min-width:0; }
 .lc-people .dtable.is-cards thead { display:none; }
 .lc-people .dtable.is-cards tbody { display:grid; gap:10px; padding:10px; }
 .lc-people .dtable.is-cards tr { display:block; border:1px solid var(--c-line); border-radius:10px; padding:10px 12px; }
 .lc-people .dtable.is-cards td { display:flex; align-items:center; justify-content:space-between; gap:10px; border:0; padding:5px 0; min-width:0; white-space:normal; }
 .lc-people .dtable.is-cards td::before { content:attr(data-label); font-size:11px; color:var(--c-mute); flex:none; }
 .lc-people .dtable.is-cards td.checkbox-cell { display:none; }
}
@container (max-width:479px) { .lc-people .stats-row { gap:8px; } .lc-people .stat-card { padding:10px 12px; } .lc-people .stat-card .num { font-size:17px; } .lc-people .stat-card .delta { font-size:10px; } }

/* PEOPLE FULL RECONSTRUCTION: grouped cells/source card composition. */
.lc-people .lc-cell-content { display:flex; align-items:center; gap:4px; flex-wrap:wrap; min-width:0; }
.lc-people .lc-cell-content .cell-entity { flex-wrap:nowrap; }
.lc-people .cell-entity .av { width:34px; height:34px; }
.lc-people .pages { gap:4px; }
.lc-people .risk-medium { color:#b8791a; background:var(--c-warning-bg); }
.lc-people .risk-high { background:#fff0e8; }
.lc-people .filter-item small { font-size:10px; line-height:1.4; max-width:220px; }
.lc-people .f-select:disabled { opacity:.65; }
.lc-people .lc-view-toggle { background:var(--c-surface-2); padding:2px; gap:2px; border-radius:6px; }
.lc-people .lc-view-toggle button { padding:4px 9px; border:0; font-size:12px; }
@container (max-width:768px) {
 .lc-people .table-wrap.lc-cards { background:transparent; border:0; overflow:visible; }
 .lc-people .lc-cards .table-scroll { overflow:visible; }
 .lc-people .lc-cards .table-tools { background:transparent; padding:8px 0; }
 .lc-people .dtable.is-cards tbody { display:block; padding:0; }
 .lc-people .dtable.is-cards tr { padding:10px 14px; margin-bottom:10px; border-radius:var(--r-md); background:var(--c-surface); box-shadow:var(--sh-xs); }
 .lc-people .dtable.is-cards td { justify-content:flex-start; align-items:flex-start; gap:10px; }
 .lc-people .dtable.is-cards td::before { width:88px; flex:0 0 88px; }
 .lc-people .dtable.is-cards .lc-cell-content { flex:1; justify-content:flex-start; }
 .lc-people .stat-card .ico { width:30px; height:30px; }
}
@container (max-width:479px) { .lc-people .stat-card .ico { width:30px; height:30px; } }

/* PEOPLE FINAL JOIN: exact source toggle metrics + row-owned field shells. */
.lc-people .lc-view-toggle { align-items:center; border:1px solid var(--c-line); border-radius:var(--r-sm); }
.lc-people .lc-view-toggle button { padding:4px 10px; border-radius:6px; font-weight:var(--fw-medium); color:var(--c-mute); background:transparent; }
.lc-people .lc-view-toggle [aria-pressed="true"] { background:#fff; color:var(--c-primary-600); box-shadow:var(--sh-xs); }
.lc-detail .kv-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 20px; }
.lc-detail .kv-grid.cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.lc-detail .kv-item .k { font-size:var(--fs-xs); color:var(--c-mute); margin-bottom:4px; }
.lc-detail .kv-item .v { font-size:var(--fs-sm); color:var(--c-ink); overflow-wrap:anywhere; }
.lc-detail .ck-item { display:flex; align-items:flex-start; gap:8px; margin:10px 0; }
@container (max-width:768px) { .lc-detail .kv-grid,.lc-detail .kv-grid.cols-3 { grid-template-columns:minmax(0,1fr); } }

/* SUPPLY FULL reconstruction: precise owned family scopes; Orders excluded. */
.cf-family:is([data-cf-family="course"],[data-cf-family="lesson"],[data-cf-family="room"]) .stat-card .ico { display:grid; place-items:center; width:38px; height:38px; border-radius:10px; }
.cf-family:is([data-cf-family="course"],[data-cf-family="lesson"],[data-cf-family="room"]) .stat-card .ico svg { width:18px; height:18px; }
.cf-family:is([data-cf-family="course"],[data-cf-family="lesson"],[data-cf-family="room"]) .filter-bar { background:var(--c-surface); border:1px solid var(--c-line); border-radius:var(--r-md); padding:14px 16px; align-items:center; }
.cf-family:is([data-cf-family="course"],[data-cf-family="lesson"],[data-cf-family="room"]) .filter-item { display:flex; flex-direction:column; gap:4px; font-size:11px; }
.cf-family:is([data-cf-family="course"],[data-cf-family="lesson"],[data-cf-family="room"]) :is(.f-input,.f-select) { border:1px solid var(--c-line); padding:8px 10px; border-radius:6px; background:var(--c-surface); color:var(--c-ink); }
.cf-view-toggle,.sr-view-toggle { display:none; }
.sr-family .sr-stat-icon { display:grid; place-items:center; width:38px; height:38px; color:var(--c-primary-600); background:var(--c-info-bg); border-radius:10px; }
.sr-family .sr-stat:nth-child(3) strong { color:var(--c-danger); }
.sr-family .sr-stat:nth-child(4) strong { color:var(--c-warning); }
.sr-family .table-scroll { overflow-x:auto; min-width:0; max-width:100%; }
@container (max-width:768px) {
 .cf-family:is([data-cf-family="course"],[data-cf-family="lesson"],[data-cf-family="room"]) .stat-card,.sr-family .sr-stat { padding:12px 14px; }
 .cf-family:is([data-cf-family="course"],[data-cf-family="lesson"],[data-cf-family="room"]) .stat-card .num,.sr-family .sr-stat strong { font-size:20px; }
 .cf-view-toggle,.sr-view-toggle { display:inline-flex; gap:2px; padding:2px; background:var(--c-surface-2); border:1px solid var(--c-line); border-radius:6px; }
 .cf-family:not([data-cf-family="order"]) .cf-cards,.sr-family .sr-cards { background:transparent; border:0; overflow:visible; }
 .cf-family:not([data-cf-family="order"]) .cf-cards .table-scroll,.sr-family .sr-cards .table-scroll { overflow:visible; }
 .cf-family:not([data-cf-family="order"]) .cf-cards .dtable,.sr-family .sr-cards .dtable { display:block; min-width:0; }
 .cf-family:not([data-cf-family="order"]) .cf-cards .dtable thead,.sr-family .sr-cards .dtable thead { display:none; }
 .cf-family:not([data-cf-family="order"]) .cf-cards .dtable tbody,.sr-family .sr-cards .dtable tbody { display:block; padding:0; }
 .cf-family:not([data-cf-family="order"]) .cf-cards .dtable tr,.sr-family .sr-cards .dtable tr { display:block; padding:10px 14px; margin-bottom:10px; background:var(--c-surface); border:1px solid var(--c-line); border-radius:var(--r-md); }
 .cf-family:not([data-cf-family="order"]) .cf-cards td[data-label],.sr-family .sr-cards td[data-label] { display:flex; justify-content:flex-start; gap:10px; padding:5px 0; width:auto; white-space:normal; }
 .cf-family:not([data-cf-family="order"]) .cf-cards td[data-label]::before,.sr-family .sr-cards td[data-label]::before { content:attr(data-label); width:88px; flex:0 0 88px; }
 .cf-family:not([data-cf-family="order"]) .cf-cards td:first-child,.sr-family .sr-cards td:first-child { display:none; }
 .cf-family:not([data-cf-family="order"]) .cf-list .table-scroll,.sr-family .sr-list .table-scroll { overflow-x:auto; }
 .cf-family:not([data-cf-family="order"]) .cf-list .dtable,.sr-family .sr-list .dtable { display:table; min-width:1000px; }
 .cf-family:not([data-cf-family="order"]) .cf-list .dtable thead,.sr-family .sr-list .dtable thead { display:table-header-group; }
 .cf-family:not([data-cf-family="order"]) .cf-list .dtable tbody,.sr-family .sr-list .dtable tbody { display:table-row-group; }
 .cf-family:not([data-cf-family="order"]) .cf-list .dtable tr,.sr-family .sr-list .dtable tr { display:table-row; }
 .cf-family:not([data-cf-family="order"]) .cf-list .dtable td,.sr-family .sr-list .dtable td { display:table-cell; }
 .cf-family:not([data-cf-family="order"]) .cf-list td::before,.sr-family .sr-list td::before { content:none; }
}
@container (max-width:479px) { .cf-family:not([data-cf-family="order"]) .stat-card .num,.sr-family .sr-stat strong { font-size:17px; } }

/* Supply consolidated residual exact disabled/source primitive finish. */
.cf-family:not([data-cf-family="order"]) .cf-view-toggle button,.sr-family .sr-view-toggle button { padding:4px 10px; border:0; border-radius:6px; }
.cf-family:not([data-cf-family="order"]) .cf-view-toggle [aria-pressed="true"],.sr-family .sr-view-toggle [aria-pressed="true"] { background:var(--c-surface); color:var(--c-primary-600); box-shadow:var(--sh-xs); }
.sr-family .sr-stat:nth-child(1) .sr-stat-icon { background:var(--c-success-bg); color:var(--c-success); }
.sr-family .sr-stat:nth-child(3) .sr-stat-icon { background:var(--c-danger-bg); color:var(--c-danger); }
.sr-family .sr-stat:nth-child(4) .sr-stat-icon { background:var(--c-warning-bg); color:var(--c-warning); }
.sr-family .sr-stat:nth-child(5) .sr-stat-icon { background:var(--c-line-soft); color:var(--c-mute); }
.sr-family .sr-retention { border-radius:5px; padding:2px 8px; color:var(--c-mute); background:var(--c-line-soft); }
.sr-detail .row-between { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 0; }
.sr-detail input[role="switch"] { appearance:none; width:32px; height:18px; border-radius:12px; background:var(--c-line); position:relative; }
.sr-detail input[role="switch"]::before { content:''; position:absolute; width:14px; height:14px; border-radius:50%; background:white; left:2px; top:2px; }
@container (max-width:768px) { .cf-family:not([data-cf-family="order"]) .cf-list .dtable,.sr-family .sr-list .dtable { min-width:640px; } }

/* Supply final source primitive shell dimensions. */
.sr-family .sr-thumb { width:48px; height:32px; }
.sr-family .sr-stat:nth-child(6) .sr-stat-icon { color:var(--c-accent-600); }
.sr-family .sr-retention { color:var(--c-warning-ink); background:var(--c-warning-bg); }

/* Supply MediaThumb/disabled MediaPlayer exact dimensions and retention levels. */
.sr-family .sr-thumb { display:inline-flex; position:relative; width:48px; height:32px; margin-right:0; }
.sr-detail .sr-player.media-player { aspect-ratio:16/9; width:100%; max-width:none; position:relative; overflow:hidden; border-radius:var(--r-md); background:var(--c-ink); }
.sr-detail .media-player-img { width:100%; height:100%; object-fit:cover; }
.sr-detail .media-player-mask { position:absolute; inset:0; background:linear-gradient(transparent,#0008); }
.sr-detail .media-player-caption { position:absolute; left:12px; bottom:12px; color:white; font-size:var(--fs-xs); }
.sr-family .sr-ret-none { background:var(--c-line-soft); color:var(--c-mute); }
.sr-family .sr-ret-low { background:var(--c-success-bg); color:var(--c-success); }
.sr-family .sr-ret-medium { background:var(--c-warning-bg); color:#b8791a; }
.sr-family .sr-ret-high { background:#fff0e8; color:var(--c-danger); }
.sr-family .sr-ret-critical { background:var(--c-danger-bg); color:var(--c-danger); }

/* Recording F01–F03 pinned source primitives; disabled capabilities unchanged. */
.sr-family .sr-thumb.media-thumb { align-items:center; justify-content:center; border-radius:var(--r-xs); background:var(--c-sidebar); color:#fff; overflow:hidden; flex-shrink:0; }
.sr-family .sr-thumb .media-thumb-img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.sr-family .sr-thumb > .media-thumb-play { position:relative; inset:auto; z-index:1; width:18px; height:18px; border-radius:50%; background:rgba(15,23,42,.55); display:flex; align-items:center; justify-content:center; }
.sr-detail .sr-player.media-player { background:var(--c-sidebar); border-radius:var(--r-sm); display:flex; flex-direction:column; align-items:center; justify-content:center; color:#fff; gap:8px; }
.sr-detail .media-player-img { position:absolute; inset:0; }
.sr-detail .media-player-mask { background:linear-gradient(180deg,rgba(15,23,42,.12),rgba(15,23,42,.5)); }
.sr-detail .media-player-label { position:relative; z-index:1; font-size:13px; }
.sr-family .sr-ret-none { color:var(--c-risk-none); }
.sr-family .sr-ret-low { color:var(--c-risk-low); }
.sr-family .sr-ret-high { background:#fff0e8; color:var(--c-risk-high); }
.sr-family .sr-ret-critical { color:var(--c-risk-crit); }

/* Supply native R01: reversible table mode has no card pseudo-labels. */
@container (max-width:768px) {
 .cf-family:not([data-cf-family="order"]) .cf-list .dtable td[data-label]::before { content:none !important; display:none; }
}

/* FinanceAudit4 source closure: owned primitives, no prior family overrides. */
.fa-family .fa-stat { padding:16px 18px; }
.fa-family .fa-stat-icon { float:right; display:flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:var(--r-sm); background:var(--c-info-bg); color:var(--c-primary-600); }
.fa-family .fa-tone-success .fa-stat-icon { background:var(--c-success-bg); color:var(--c-success); }
.fa-family .fa-tone-warning .fa-stat-icon { background:var(--c-warning-bg); color:#b8791a; }
.fa-family .fa-tone-danger .fa-stat-icon { background:var(--c-danger-bg); color:var(--c-danger); }
.fa-family .fa-num-danger { color:var(--c-danger); }
.fa-family .fa-filters { align-items:center; }
.fa-family .fa-status-tabs { display:flex; width:fit-content; max-width:100%; gap:3px; padding:5px; border:1px solid var(--c-line); border-radius:var(--r-md); background:var(--c-surface); margin-bottom:14px; }
.fa-family .fa-status-tabs button { display:flex; align-items:center; gap:6px; padding:7px 14px; border-radius:var(--r-sm); border-bottom:0; color:var(--c-mute); font-size:var(--fs-sm); font-weight:var(--fw-medium); flex-shrink:0; }
.fa-family .fa-status-tabs button::after { content:none; display:none; }
.fa-family .fa-status-tabs .is-on { background:var(--c-primary-50); color:var(--c-primary-600); }
.fa-family .fa-status-tabs .cnt { font-size:11px; background:var(--c-line-soft); color:var(--c-mute); padding:1px 7px; border-radius:var(--r-pill); margin-left:0; }
.fa-family .fa-status-tabs .is-on .cnt { background:var(--c-primary-100); color:var(--c-primary-600); }
.fa-view-toggle { display:none; }
.fa-detail .kv-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 20px; }
.fa-detail .kv-grid.cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.fa-detail .k { color:var(--c-mute); font-size:var(--fs-xs); margin-bottom:4px; }
.fa-detail .v { font-size:var(--fs-sm); overflow-wrap:anywhere; }
.fa-detail .diff-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.fa-detail .diff-box { border:1px solid var(--c-line); border-radius:var(--r-sm); padding:12px; min-width:0; }
.fa-detail .diff-line { font-family:monospace; font-size:12px; overflow-wrap:anywhere; }
.fa-detail .dt { font-weight:var(--fw-semibold); margin-bottom:8px; }
.fa-detail .fa-evidence button { padding:0; border:1px solid var(--c-line); border-radius:var(--r-xs); opacity:1; overflow:hidden; }
.fa-detail .fa-evidence img { display:block; }
.fa-detail .progress { height:8px; border-radius:8px; background:var(--c-line-soft); }
.fa-detail .progress-fill { width:auto; height:100%; background:repeating-linear-gradient(90deg,var(--c-line) 0 8px,transparent 8px 16px); }
.fa-detail .row-between { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; margin-top:12px; }
.fa-detail .rel-ico { display:flex; align-items:center; justify-content:center; width:34px; height:34px; flex:none; border-radius:var(--r-sm); background:var(--c-primary-50); color:var(--c-primary-600); }
@container (max-width:768px) {
 .fa-family .fa-stat { padding:12px 14px; }
 .fa-family .fa-num { font-size:20px; }
 .fa-family .fa-delta { font-size:11px; }
 .fa-view-toggle { display:inline-flex; gap:2px; padding:2px; background:var(--c-surface-2); border-radius:6px; }
 .fa-family .fa-cards { background:transparent; border:0; }
 .fa-family .fa-cards td::before { width:88px; flex:0 0 88px; }
 .fa-family .fa-cards td { justify-content:flex-start; }
 .fa-family .fa-cards .checkbox-cell { display:none; }
 .fa-family .fa-list .table-scroll { overflow-x:auto; }
 .fa-family .fa-list .dtable { display:table; min-width:640px; }
 .fa-family .fa-list thead { display:table-header-group; }
 .fa-family .fa-list tbody { display:table-row-group; }
 .fa-family .fa-list tr { display:table-row; }
 .fa-family .fa-list td { display:table-cell; }
 .fa-family .fa-list td::before { content:none; display:none; }
 .fa-detail .kv-grid,.fa-detail .kv-grid.cols-3,.fa-detail .diff-grid { grid-template-columns:minmax(0,1fr); }
}
@container (max-width:479px) { .fa-family .fa-stats { gap:8px; } .fa-family .fa-stat { padding:10px 12px; } .fa-family .fa-num { font-size:17px; } .fa-family .fa-delta { font-size:10px; } }

/* Finance NR02–04 exact source metadata finish; other families untouched. */
.fa-family .fa-num-warning { color:var(--c-warning); }
.fa-family .fa-status-tabs button { white-space:nowrap; }
.fa-family .fa-pagination { font-size:var(--fs-sm); }
.fa-family .fa-pagination > span { min-width:0; }
.fa-family .fa-pagination small { display:block; }
.fa-family .fa-pagination > div { display:flex; align-items:center; gap:4px; }
.fa-family .fa-pagination .page-btn { width:30px; min-width:30px; height:30px; border:1px solid var(--c-line); border-radius:var(--r-xs); margin:0; opacity:1; }
.fa-family .fa-pagination .page-btn.active { background:var(--c-primary-500); border-color:var(--c-primary-500); color:#fff; }
.fa-family .fa-page-ellipsis { color:var(--c-mute); padding:0 4px; }
.fa-family .fa-mode-btn { border:0; background:transparent; font-size:12px; font-weight:var(--fw-medium); color:var(--c-mute); padding:4px 10px; border-radius:6px; }
.fa-family .fa-mode-btn.active { background:var(--c-surface); color:var(--c-primary-600); box-shadow:var(--sh-xs); }
@container (max-width:768px) {  .fa-family .fa-stat-icon { width:30px; height:30px; border-radius:var(--r-xs); }  .fa-family .fa-stat-icon svg { width:15px; height:15px; }  .fa-family .fa-filters label { flex:1 1 calc(50% - 10px); }  .fa-family .fa-filters input,.fa-family .fa-filters select { width:100%; box-sizing:border-box; }  .fa-family .fa-filter-spacer { display:none; }  .fa-family .fa-view-toggle { border:1px solid var(--c-line); border-radius:var(--r-sm); align-items:center; }  .fa-family .fa-cards .table-scroll { overflow:visible; }  .fa-family .fa-cards .dtable tbody { display:block; padding:0; }  .fa-family .fa-cards .dtable tr { background:var(--c-surface); padding:10px 14px; margin-bottom:10px; border:1px solid var(--c-line); border-radius:var(--r-md); box-shadow:var(--sh-xs); }  .fa-family .fa-cards .dtable td { width:auto; border:0; padding:5px 0; align-items:center; gap:10px; }  .fa-family .fa-list { background:var(--c-surface); border:1px solid var(--c-line); border-radius:var(--r-md); overflow:hidden; }  .fa-family .fa-list .dtable tbody { padding:0; }  .fa-family .fa-list .dtable tr { border:0; border-radius:0; padding:0; margin:0; box-shadow:none; background:transparent; }  .fa-family .fa-list .dtable td { padding:11px 12px; width:auto; border-bottom:1px solid var(--c-line-soft); }  .fa-family .fa-list .dtable .checkbox-cell { display:table-cell; } }