.ops-page { padding-top:32px; padding-bottom:48px; max-width:1100px; }
.ops-page h1 { font-size:28px; font-weight:750; margin:18px 0 10px; }
.ops-page h2 { font-size:19px; font-weight:650; margin:0 0 16px; }
.ops-page p, .ops-page small { color:#536C69; line-height:1.7; }
.ops-back { color:#0F766E; display:inline-flex; min-height:44px; align-items:center; }
.ops-panel { margin:20px 0; padding:24px; background:#fff; border:1px solid #DCE7E3; border-radius:12px; overflow-wrap:anywhere; }
.ops-form { display:grid; gap:12px; max-width:760px; }
.ops-page input,.ops-page select,.ops-page textarea { border:1px solid #BDCFCA; border-radius:7px; padding:10px 12px; font:inherit; color:#172B2A; background:#fff; min-width:0; width:100%; min-height:44px; }
.ops-page button,.ops-page .ops-button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; border:1px solid #0F766E; border-radius:7px; background:#0F766E; color:#fff; padding:10px 16px; cursor:pointer; text-decoration:none; }
.ops-page button:disabled { opacity:.55; cursor:wait; }
.ops-page :is(button,a,input,select,textarea):focus-visible { outline:3px solid #82CEC0; outline-offset:3px; }
.ops-filters { display:flex; gap:12px; align-items:end; flex-wrap:wrap; }
.ops-filters label { flex:1 1 140px; }
.ops-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.ops-metric { background:#fff; padding:20px; border:1px solid #DCE7E3; border-radius:10px; }
.ops-metric strong { display:block; color:#0F766E; font-size:28px; font-variant-numeric:tabular-nums; }
.ops-table-scroll { overflow-x:auto; }
.ops-page table { border-collapse:collapse; width:100%; }
.ops-page td,.ops-page th { border-bottom:1px solid #E3ECE8; padding:12px 10px; text-align:left; font-size:14px; }
.ops-page th { color:#536C69; font-weight:600; }
.ops-pagination { display:flex; gap:12px; align-items:center; justify-content:flex-end; }
.ops-error { color:#B42318 !important; }
@media(max-width:640px) { .ops-page { padding-top:20px; } .ops-panel { padding:16px; } .ops-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } .ops-page h1 { font-size:24px; } }

.metric-help { display:inline-flex; align-items:center; justify-content:center; width:15px; height:15px; margin-left:5px; border-radius:50%; background:#E2E8F0; color:#475569; font-size:11px; font-weight:700; line-height:1; cursor:help; position:relative; vertical-align:middle; user-select:none; }
.metric-help:hover::after { content:attr(data-tip); position:absolute; left:50%; bottom:150%; transform:translateX(-50%); width:240px; padding:8px 10px; border-radius:8px; background:#1F2937; color:#fff; font-size:12px; font-weight:400; line-height:1.6; text-align:left; white-space:normal; z-index:1000; box-shadow:0 8px 20px rgba(0,0,0,.25); }
.metric-help:hover::before { content:''; position:absolute; left:50%; bottom:130%; transform:translateX(-50%); border:6px solid transparent; border-top-color:#1F2937; z-index:1000; }
@media(max-width:640px) { .metric-help:hover::after { width:200px; left:auto; right:-10px; transform:none; } .metric-help:hover::before { left:auto; right:8px; transform:none; } }

.pv-filter { display:inline-flex; align-items:center; gap:8px; margin:0 0 12px; font-size:13px; color:#475569; }
.pv-filter select { padding:6px 10px; border:1px solid #DCE7E3; border-radius:8px; background:#fff; color:#0F172A; }
.col-hidden { display:none; }