/* Cockpit Marge : Operations, un onglet par client (07/11/2026, decisions.md « Cockpit v2 »). Logique dans ops.js, section #tab-ops créée par shell.js. */
#tab-ops .ops-head .vh-sub { flex-basis: 100%; margin: -6px 0 0; }
#tab-ops .ops-headr { margin-left: auto; display: flex; align-items: center; gap: 10px; }
#tab-ops .ops-next { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 0 0 var(--sp-4); padding: 12px 16px; background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-md); font-size: var(--fs-body-lg); }
.ops-k { font-family: var(--f-mono); font-size: var(--fs-label-sm); font-weight: 500; letter-spacing: var(--ls-label); text-transform: uppercase; color: var(--muted); }
.ops-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.ops-col { display: grid; gap: 16px; }
.ops-box { background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-md); padding: 18px 20px; min-width: 0; }
.ops-box h3 { margin: 0 0 12px; font-family: var(--f-mono); font-size: var(--fs-label-lg); font-weight: 500; letter-spacing: var(--ls-label); text-transform: uppercase; color: var(--muted); display: flex; align-items: baseline; gap: 10px; }
.ops-box .ops-k { margin: 14px 0 6px; }
.ops-box .ops-k:first-of-type { margin-top: 0; }
.ops-n { font-family: var(--f-mono); font-size: 12px; font-weight: 500; color: var(--muted); }
.ops-mute { margin: 0; }
.ops-small { font-size: 12px; margin-top: 10px; }
.ops-date { font-family: var(--f-mono); font-size: 11.5px; color: var(--muted); white-space: nowrap; }
.ops-date.late { color: var(--red); font-weight: 600; }
.ops-own { font-family: var(--f-mono); font-size: var(--fs-label-sm); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; padding: 2px 7px; border-radius: 4px; background: rgba(14, 14, 12, .07); color: var(--ink-soft); white-space: nowrap; }
.ops-own.charles { background: rgba(47, 107, 255, .14); color: #1d4ed8; }
.ops-own.brian { background: rgba(124, 58, 237, .14); color: #6d28d9; }
.ops-own.both { background: var(--jaune); color: var(--ink); }
.ops-tbl { width: 100%; border-collapse: collapse; font-size: var(--fs-body); }
.ops-tbl th { padding: 6px 8px; }
.ops-tbl td { padding: 9px 8px; border-bottom: 1px dashed var(--line); vertical-align: top; }
.ops-tbl .n { text-align: right; font-family: var(--f-mono); font-size: 13px; }
.ops-tbl tfoot td { border-bottom: 0; font-weight: 600; }
.ops-done td { vertical-align: middle; }
.ops-row { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 8px 0; border-top: 1px dashed var(--line); font-size: 14px; }
.ops-row:first-of-type { border-top: 0; }
.ops-row a { color: var(--muted); text-decoration: none; }
.ops-row a:hover { color: var(--ink); text-decoration: underline; }
.ops-logr { justify-content: flex-start; align-items: flex-start; }
.ops-logr .ops-kind { font-family: var(--f-mono); font-size: 10.5px; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-soft); background: rgba(14, 14, 12, .06); padding: 2px 6px; border-radius: 4px; white-space: nowrap; flex: 0 0 auto; }
.ops-logr .ops-body { min-width: 0; overflow-wrap: anywhere; }
.ops-chki { display: flex; align-items: baseline; gap: 10px; padding: 7px 0; border-top: 1px dashed var(--line); font-size: 14px; cursor: pointer; }
.ops-chki:first-of-type { border-top: 0; }
.ops-chki input { width: 16px; height: 16px; accent-color: var(--ink); flex: 0 0 auto; position: relative; top: 2px; }
.ops-chki.on span { color: var(--muted); text-decoration: line-through; text-decoration-color: rgba(14, 14, 12, .35); }
.ops-chki em { margin-left: auto; font-style: normal; font-family: var(--f-mono); font-size: 11px; color: var(--muted); white-space: nowrap; }
.ops-links { display: flex; flex-wrap: wrap; gap: 8px; }
.ops-links a { font-family: var(--f-mono); font-size: var(--fs-label-lg); color: var(--ink); text-decoration: none; border: 1px solid var(--line); border-radius: var(--r-pill); padding: 4px 11px; background: var(--paper); }
.ops-links a:hover { border-color: var(--ink); }
@media (max-width: 900px) { .ops-grid { grid-template-columns: 1fr; } }
@media (max-width: 720px) { .ops-tbl th:nth-child(3), .ops-tbl td:nth-child(3), .ops-done th:nth-child(4), .ops-done td:nth-child(4) { display: none; } #tab-ops .ops-headr { margin-left: 0; } }