/* app.css source lines: 761-796 — OME list (table cards) */
/* ── OME LIST (otc = OME Table Cards) ──────────────────── */
.otc-wrap{max-width:1140px;margin:0 auto;padding:28px 32px}
.otc-topbar{display:flex;align-items:center;gap:10px;margin-bottom:22px}
.otc-filter-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px;padding:14px 18px;background:var(--surf2);border:1px solid var(--bord);border-radius:var(--r-ctl)}
.otc-filter-strip label{font-size:var(--fs-12);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--mt);white-space:nowrap}
/* DS Search (.sbox): surf2/bord2, 7px radius, copper focus + focus ring */
.otc-search{height:34px;padding:0 10px;font-size:12px;color:var(--tx);background:var(--surf2);border:1px solid var(--bord2);border-radius:var(--r-xs);width:180px;transition:border-color var(--dur-2) var(--ease-standard),box-shadow var(--dur-2) var(--ease-standard)}
.otc-search:focus{outline:none;border-color:var(--copper);box-shadow:var(--focus-ring)}
.otc-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}
.otc-kpi{background:var(--surf2);border:1px solid var(--bord);border-radius:var(--r-card);padding:14px 18px}
.otc-kpi-lbl{font-size:var(--fs-12);font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--mt);margin-bottom:6px}
.otc-kpi-val{font-size:26px;font-weight:700;letter-spacing:-.03em;color:var(--tx);font-variant-numeric:tabular-nums}
.otc-kpi-sub{font-size:var(--fs-12);color:var(--tx2);margin-top:3px}
.otc-section-lbl{font-size:var(--fs-12);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--mt);margin-bottom:12px}
.otc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media(max-width:900px){.otc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.otc-grid{grid-template-columns:1fr}}
.otc-card{background:var(--surf2);border:1px solid var(--bord);border-radius:var(--r-card);padding:16px;cursor:pointer;transition:border-color var(--dur-2) var(--ease-standard),box-shadow var(--dur-2) var(--ease-standard)}
.otc-card:hover{border-color:var(--bord-bright);box-shadow:var(--sh)}
.otc-card-top{display:flex;align-items:flex-start;gap:11px;margin-bottom:12px}
.otc-av{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}
.otc-info{flex:1;min-width:0}
.otc-name{font-size:13px;font-weight:600;color:var(--tx);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.otc-sub{font-size:var(--fs-12);color:var(--tx2);margin-top:2px}
.otc-area{font-size:var(--fs-12);color:var(--mt);margin-top:1px}
.otc-chips{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:11px}
.otc-chip{font-size:var(--fs-12);font-weight:600;padding:2px 7px;border-radius:var(--r-pill);white-space:nowrap}
/* Status chips → DS status language (dim bg + themed text + dim border) */
.otc-log{background:var(--ok-dim);color:var(--ok-strong);border:1px solid var(--ok-bord)}
.otc-nolog{background:var(--bad-dim);color:var(--bad-strong);border:1px solid var(--bad-bord)}
.otc-obs{background:var(--warn-dim);color:var(--warn-strong);border:1px solid var(--warn-bord)}
.otc-pend{background:var(--surf);color:var(--mt);border:1px solid var(--bord)}
.otc-prog{margin-top:4px}
.otc-prog-bar{height:4px;background:var(--bord);border-radius:2px;overflow:hidden;margin-bottom:5px}
.otc-prog-fill{height:100%;border-radius:2px;transition:width var(--dur-3) var(--ease-standard)}
.otc-prog-lbl{font-size:var(--fs-12);font-weight:600}
.otc-empty{grid-column:1/-1;text-align:center;padding:48px 20px;color:var(--mt);font-size:13px;font-style:italic}