/* User-requested futuristic YPN HUD variant. Presentation only; font scale retained. */
.live-ops-trigger{background:#272725;border-color:#5a5337;color:#ffc000;box-shadow:inset 0 1px 0 #ffffff12,0 3px 10px #231f2012}
.live-ops-trigger img{width:27px;height:27px;display:block}.live-ops-trigger::after{background:#86c8ac;box-shadow:0 0 0 3px #86c8ac13}
.ops-radar img{width:33px;height:33px;display:block}
.live-ops-dialog{--ink:#f0eee7;--muted:#aaa99f;--line:#ffffff13;--leaf:#8bcbae;--signal-deep:#e4bc4a;--leaf-soft:#263d33;background:#191c1c;border-color:#7a693d70;color:#f0eee7;box-shadow:0 35px 120px #0009,0 0 0 1px #ffffff08 inset;isolation:isolate}
.live-ops-dialog::backdrop{background:#141817ae;backdrop-filter:blur(7px)}
.live-ops-dialog .picker-dialog-head{position:relative;background:linear-gradient(110deg,#292b25 0%,#202424 50%,#1b1f20 100%);border-color:#ffc00028;padding-top:18px;padding-bottom:18px}
.live-ops-dialog .picker-dialog-head::after{content:"";position:absolute;left:22px;right:22px;bottom:-1px;height:1px;background:linear-gradient(90deg,#ffc000a0,#ffc00020 38%,transparent 70%)}
.ops-radar{border-color:#d2ad4038;background:#181d1b;box-shadow:0 0 24px #ffc00008,inset 0 0 18px #ffc00008;border-radius:13px}
.ops-eyebrow{color:#e3bd4b}.ops-subtitle{color:#aaa99f}
.ops-chip{border-color:#c3a13a40;background:#ffc0000a;color:#dfbd59;border-radius:6px;letter-spacing:.035em}
.ops-head-actions .secondary-action{color:#e1ded3;background:#ffffff05;border:1px solid #ffffff20;border-radius:10px;min-width:44px;min-height:44px}
.ops-head-actions .ops-popout{color:#e6c76e;background:#ffc00008;border-color:#d4b34e38;font-family:inherit;font-size:11px;font-weight:700;line-height:1.3}
.ops-drag-hint{color:#94a08e}
.live-ops-dialog .picker-dialog-body{background-color:#191e1e;background-image:linear-gradient(#c4cbbb03 1px,transparent 1px),linear-gradient(90deg,#c4cbbb03 1px,transparent 1px),radial-gradient(ellipse at 7% 0%,#ffc00008,transparent 55%);background-size:32px 32px,32px 32px,100% 100%;scrollbar-color:#706447 #1a1e1d;scrollbar-width:thin}
.ops-statusbar{background:#131818;border-bottom:1px solid #ffffff0c;color:#9faaa3}.ops-statusbar strong{color:#e7c766}.ops-statusbar b{color:#d4ddd5;font-weight:600;font-variant-numeric:tabular-nums}
.ops-statusbar strong i{box-shadow:0 0 7px #ffc00030}
.ops-metrics{gap:12px}.ops-metric{border-color:#ffffff12;border-radius:13px;background:linear-gradient(125deg,#252b29,#202626);box-shadow:inset 0 1px 0 #ffffff04;position:relative}
.ops-metric::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;background:#80b69d3d}
.ops-metric::after{content:"";position:absolute;width:35px;height:35px;right:11px;top:12px;border:1px solid #ffffff06;border-radius:50%}
.ops-metric:first-child{border-color:#b99a3b60;background:radial-gradient(ellipse at 0 0,#d5ae2330,transparent 70%),linear-gradient(120deg,#2d3024,#232a26)}
.ops-metric:first-child::before{background:#ffc000b0}.ops-metric:first-child strong{color:#ffda70}.ops-metric:nth-child(2) strong{color:#99d3b7}.ops-metric:last-child strong{color:#f0cf8c}
.ops-metric:last-child{border-color:#b99a3b60;background:radial-gradient(ellipse at 100% 0,#d5ae2330,transparent 70%),linear-gradient(240deg,#2d3024,#232a26)}
.ops-metric:last-child::before{left:auto;right:0;background:#ffc000b0}
.ops-metric>span{color:#c0c2b5;letter-spacing:.035em}.ops-metric small{color:#969f96}.ops-metric strong{position:relative;z-index:1;font-variant-numeric:tabular-nums}
.ops-panel{border-color:#ffffff13;border-radius:15px;background:#202626f5;box-shadow:0 5px 20px #0000000a}
.ops-panel .surface-head{background:#252c2a;border-bottom-color:#ffffff0e;position:relative}
.ops-panel .surface-head::before{content:"";width:12px;height:12px;position:absolute;top:0;left:0;border-top:1px solid #d3ae4a7a;border-left:1px solid #d3ae4a7a;border-radius:13px 0 0}
.ops-panel .surface-head h3{color:#eeeede}.ops-panel .surface-head p,.ops-caption{color:#a2aaa0}
.ops-filterbar{border-bottom-color:#ffffff0d;background:#1e2524}.ops-filterbar input,.ops-filterbar select{background:#141c1b;color:#e5e8df;border-color:#ffffff1c;color-scheme:dark;box-shadow:inset 0 1px 3px #00000012}
.ops-filterbar input::placeholder{color:#8b978c}
.ops-person{border-color:#ffffff10;border-radius:11px;background:linear-gradient(135deg,#2c3430,#232b29)}
.ops-person[data-status="away"]{background:linear-gradient(135deg,#323228,#282d27);border-color:#cab45522}
.ops-person[data-status="offline"]{background:#232828;border-style:dashed}.ops-person[data-status="offline"] .ops-avatar{background:#2c3331;border-color:#ffffff19;color:#a4aea5}
.ops-avatar{border-color:#91c3a638;background:#364c40;color:#b9ddc7;box-shadow:0 0 0 3px #91c3a606}
.ops-person-name{color:#f0efe3}.ops-person-role,.ops-section span,.ops-person-bottom{color:#a7b0a4}
.ops-status{color:#9cd7b5}.ops-status i{background:#90d8b2;box-shadow:0 0 6px #90d8b226}
.ops-status.away{color:#dec77b}.ops-status.away i{background:#dec77b;box-shadow:none}.ops-status.offline{color:#a7ada5}.ops-status.offline i{background:#89958c;box-shadow:none}
.ops-section{border-color:#ffffff10}.ops-section strong{color:#dce3d6}.ops-country svg{border-color:#ffffff1a;opacity:.94}
.ops-issue{border-color:#d8b66130;background:#dbb04a0e;color:#e6cb8d;border-radius:6px}
.ops-map-head{border-color:#ffffff12}.ops-distribution{background:#141a18;height:4px}.ops-distribution span{background:#8bcbae}.ops-distribution span:nth-child(2){background:#edc54b}.ops-distribution span:nth-child(3){background:#8a988b}.ops-distribution span:nth-child(4){background:#528d74}.ops-legend{color:#9faa9d}
.ops-event{border-color:#ffffff0b}.ops-event-icon{background:#a2dbb811;border:1px solid #a2dbb81a;color:#a2dbb8;border-radius:6px}
.ops-event[data-tone="warning"] .ops-event-icon{background:#ebc25912;border-color:#ebc25926;color:#ebc259}
.ops-event strong{color:#e4e8d9}.ops-event p{color:#b8c0b3}.ops-event small,.ops-event time{color:#96a292}
.ops-privacy{border-color:#aebc9d27;background:#1c2422;border-radius:11px}.ops-privacy strong{color:#bacaaf}.ops-privacy p{color:#a1ae9a}
.ops-footer{background:#171d1c;border-color:#d0b45424}.ops-footer p{color:#98a691}.ops-footer p strong{color:#d1dcca}
.ops-footer .secondary-action{background:#252c28;border-color:#ffffff20;color:#d8dfce}.ops-footer .primary-action{background:#eac454;border-color:#eac454;color:#1d251d;box-shadow:0 4px 14px #0002}
.ops-footer .primary-action:hover{background:#f6d266}.ops-toast{color:#9ed6b3}
.live-ops-dialog :focus-visible,.live-ops-trigger:focus-visible{outline-color:#e6c667;outline-width:2px;outline-offset:3px}
@media(max-width:600px){.live-ops-dialog .picker-dialog-head::after{left:12px;right:12px}.ops-metrics{gap:8px}.live-ops-dialog{border-color:#b69d4b50}.ops-metric{border-radius:11px}}
/* Decorative telemetry marks only; never a live tracking indicator. */
.ops-metric::after{width:76px;height:76px;right:10px;top:18px;border:0;border-radius:0;background:url('/live-operations-radar.svg') center/contain no-repeat;opacity:.13;pointer-events:none}
.ops-metric:nth-child(2)::after{transform:rotate(35deg);opacity:.1}
.ops-metric:nth-child(3)::after{transform:rotate(-50deg);opacity:.085}
.ops-metric:nth-child(4)::after{transform:rotate(90deg);opacity:.11}
.ops-metric>span,.ops-metric small{position:relative;z-index:1}
.ops-person{overflow:hidden}
.ops-person::after{content:"";position:absolute;right:-21px;bottom:-29px;width:110px;height:110px;background:url('/live-operations-radar.svg') center/contain no-repeat;opacity:.055;pointer-events:none;transform:rotate(-20deg)}
.ops-person[data-status="away"]::after{transform:rotate(45deg);opacity:.045}
.ops-person[data-status="offline"]::after{opacity:.025}
.ops-person>*{position:relative;z-index:1}
@media(max-width:600px){.ops-metric::after{width:60px;height:60px;right:5px;top:25px;opacity:.1}.ops-person::after{width:100px;height:100px;right:-17px;bottom:-25px}}
.ops-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 14px 13px;border-top:1px solid #ffffff0d}
.ops-page-summary{font-size:9px;color:#a2b09d;font-variant-numeric:tabular-nums}
.ops-page-controls{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.ops-page-button{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid #ffffff18;border-radius:9px;background:#1c2421;color:#c7d2bf;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer}
.ops-page-button[aria-current="page"]{background:#eac454;color:#1c241b;border-color:#eac454}
.ops-page-button:disabled{opacity:.32;cursor:default}
@media(max-width:600px){.ops-pagination{padding:10px;justify-content:center}.ops-page-summary{flex-basis:100%;text-align:center}.ops-page-controls{justify-content:center}}