.ops-page{--ops-navy:#061f60;--ops-muted:#4f5b6f;--ops-edge:#dadde4;--ops-gold:#f2e2c7;color:var(--ops-navy);max-width:1120px}
.ops-header,.ops-section-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.ops-header p{margin:.3rem 0 0}
.ops-header .ops-eyebrow{font-size:.74rem;font-weight:800;letter-spacing:.15em;color:var(--ops-navy)}
.ops-eyebrow span{color:#8a622b;margin-inline:4px}
.ops-header h1{margin:.25rem 0;line-height:1.08}
.ops-page .ops-banner{margin:20px 0 0;padding:10px 14px;border:1px solid #ded4bc;border-radius:10px;background:#fbf5e9;color:#533c20;font-size:.9rem}
.ops-selector{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 4px}
.ops-selector button,.ops-page .pill{background:#f1f3f7;color:var(--ops-navy);border:1px solid var(--ops-edge);min-height:42px;padding:8px 14px;border-radius:100px;font-size:.85rem;font-weight:700}
.ops-selector button[aria-pressed=true]{background:var(--ops-gold);border-color:#b3925c}
.ops-selector button:hover,.ops-page .pill:hover{background:#e7eaf0}
.ops-selector button[aria-pressed=true]:hover{background:#ebd5af}
.ops-nav{margin-top:22px;padding:5px;width:fit-content;max-width:100%;background:rgb(255 255 255 / .72);border:1px solid #fff;border-radius:24px;box-shadow:0 1px 10px #1524510d;backdrop-filter:blur(12px)}
.ops-nav button{background:transparent;border-color:transparent}
@media(prefers-reduced-transparency:reduce){.ops-nav{background:white;backdrop-filter:none}}
.ops-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr));gap:16px;align-items:start}
.ops-panel{padding:clamp(15px,3vw,24px);border:1px solid var(--ops-edge);border-radius:20px;background:white;min-width:0}
.ops-panel h2{margin:0;font-size:1.2rem}
.ops-panel h3{margin:4px 0;font-size:1rem}
.ops-page .ops-hint{color:var(--ops-muted);margin:8px 0 12px;font-size:.86rem}
.ops-history{margin-top:16px}
.ops-count,.ops-tag{background:#e9edf6;color:var(--ops-navy);border-radius:100px;padding:4px 8px;font-size:.72rem;font-weight:750;white-space:nowrap}
.ops-count{display:inline-block;min-width:1.65rem;text-align:center;margin-inline-start:4px}
.ops-form{display:grid;gap:12px;margin-top:14px}
.ops-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr));gap:10px}
.ops-page label{display:grid;align-content:start;gap:4px;font-size:.86rem;font-weight:650;color:var(--ops-navy);min-width:0}
.ops-page :is(input,select,textarea){width:100%;min-width:0;min-height:42px;padding:8px 10px;color:#172b51;background:#fff;border:1px solid #aeb8cb;border-radius:8px;font:inherit}
.ops-page textarea{resize:vertical}
.ops-page :is(a,button,input,select,textarea):focus-visible{outline:2px solid #8a622b;outline-offset:2px}
.ops-page button:disabled{opacity:.55;cursor:wait}
.ops-primary{justify-self:start;color:#fff;background:var(--ops-navy);border:1px solid var(--ops-navy);border-radius:100px;padding:10px 16px;min-height:44px;font-weight:750}
.ops-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ops-page .ops-feedback{min-height:1rem;margin:0;color:#8d2636;font-size:.86rem}
.ops-page .ops-announcement{color:#23654e;margin:4px 0 8px}
.ops-log{list-style:none;padding:0;margin:8px 0 0}
.ops-log li{border-bottom:1px solid var(--ops-edge);padding:12px 0;overflow-wrap:anywhere}
.ops-log li:last-child{border-bottom:0}
.ops-log li>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ops-log li>p{font-size:.9rem;margin:5px 0}
.ops-log small{color:var(--ops-muted);font-size:.8rem}
.ops-log button{margin-top:6px}
.ops-log .ops-resolved{color:#23654e}
.ops-empty{margin:10px 0 0}
#ops-filter{width:min(100%,220px);margin-top:12px}
#ops-followup{border-top:1px solid var(--ops-edge);padding-top:12px}
.ops-ingredient{min-width:0;margin:0 0 8px;padding:10px;border:1px solid var(--ops-edge);border-radius:10px}
.ops-ingredient legend{font-size:.8rem;padding:0 4px}
.ops-ingredient .pill{margin-top:8px}
.ops-metrics{display:flex;flex-wrap:wrap;gap:8px 14px;margin:8px 0}
.ops-metrics dt{font-size:.75rem;color:var(--ops-muted)}
.ops-metrics dd{margin:2px 0;font-weight:750;font-variant-numeric:tabular-nums}