/* Isolated operator UI. No global selectors and no change to player layout. */
#singtelOperator[hidden],#singtelOperator [hidden],.operator-test-badge[hidden]{display:none!important}
#singtelOperator{position:fixed;inset:0;z-index:2147483000;background:#171820cf;backdrop-filter:blur(12px);padding:clamp(10px,2vw,48px);overflow:auto;color:#202127;font:500 clamp(15px,1.25vmin,28px)/1.45 system-ui,-apple-system,sans-serif;box-sizing:border-box;touch-action:pan-y;text-align:left}
#singtelOperator *{box-sizing:border-box}#singtelOperator .op-window{position:relative;max-width:1500px;min-height:80vh;margin:0 auto;background:#f7f7fa;border-radius:24px;overflow:hidden;box-shadow:0 20px 100px #0004}
#singtelOperator h1,#singtelOperator h2,#singtelOperator h3,#singtelOperator p{margin:0 0 .7em;font-family:inherit;letter-spacing:normal;text-transform:none;text-shadow:none;color:inherit}
#singtelOperator h1{font-size:1.65em;line-height:1.2;margin:.15em 0 0}#singtelOperator h2{font-size:1.3em}#singtelOperator h3{font-size:1.15em}#singtelOperator p{font-size:.9em}
#singtelOperator button,#singtelOperator input,#singtelOperator select{font:inherit;color:inherit;border:1px solid #d7d8df;border-radius:10px;background:white;min-height:44px;padding:.65em .85em;touch-action:manipulation;max-width:100%}
#singtelOperator button{cursor:pointer;font-weight:650}#singtelOperator button:hover{background:#f3f3f7}#singtelOperator button:disabled{opacity:.5;cursor:wait}#singtelOperator :focus-visible{outline:3px solid #ed1a3d;outline-offset:3px}
#singtelOperator label{display:flex;flex-direction:column;gap:.4em;font-size:.83em;color:#555866}#singtelOperator .op-primary{background:#ed1a3d;color:white;border-color:#ed1a3d}#singtelOperator .op-danger{color:#b11b33;border-color:#efb3bd;background:#fff0f3}
#singtelOperator button.op-primary:hover{background:#cf1233;border-color:#cf1233}
#singtelOperator .op-header{display:flex;align-items:center;justify-content:space-between;gap:16px;background:white;padding:1.4em 1.6em;border-bottom:1px solid #e8e8ee}#singtelOperator .op-eyebrow{font-size:.69em;letter-spacing:.13em;font-weight:750;color:#b71633}
#singtelOperator .op-login{max-width:560px;padding:2.5em 1.5em;margin:0 auto}#singtelOperator .op-login label{margin:1.3em 0}#singtelOperator .op-login .op-primary{width:100%;margin-bottom:1.2em}
#singtelOperator .op-mode{display:flex;align-items:center;gap:1em;padding:1em 1.6em;background:#fff2d9;font-size:.8em;flex-wrap:wrap}#singtelOperator .op-mode>button{margin-left:auto}#singtelOperator .op-pill{display:inline-block;background:#684506;color:white;padding:.35em .7em;border-radius:6px;font-weight:800;white-space:nowrap}#singtelOperator .op-live{background:#067051}
#singtelOperator .op-tabs{display:flex;gap:.4em;padding:.8em 1.6em 0;border-bottom:1px solid #dedee6;background:white}#singtelOperator .op-tabs button{border:0;border-radius:10px 10px 0 0;background:transparent;padding:.85em 1.1em}#singtelOperator .op-tabs [aria-current=page]{background:#f7f7fa;color:#d51237;box-shadow:inset 0 -3px #ed1a3d}
#singtelOperator .op-content{padding:1.4em 1.6em}#singtelOperator .op-filters{display:flex;align-items:end;gap:.7em;flex-wrap:wrap;margin-bottom:1.4em}#singtelOperator .op-filters label{flex:1 1 135px}#singtelOperator .op-filters input{width:100%}
#singtelOperator .op-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8em}#singtelOperator .op-cards article{background:white;border:1px solid #e8e8ef;padding:1em;border-radius:14px}#singtelOperator .op-cards span{font-size:.78em;color:#626575}#singtelOperator .op-cards strong{display:block;font-size:2em;letter-spacing:-.03em;margin:.2em 0 0}
#singtelOperator .op-summary{display:flex;gap:1.3em;flex-wrap:wrap;padding:1em .3em;font-size:.83em;color:#5a5e6b}#singtelOperator .op-summary b{color:#202127}
#singtelOperator .op-chart-heading{display:flex;justify-content:space-between;align-items:center;gap:1em;margin-top:1.2em;flex-wrap:wrap}#singtelOperator .op-chart-heading span{font-size:.7em}#singtelOperator .op-dot{display:inline-block;width:.8em;height:.8em;border-radius:50%;background:#ed1a3d;margin:0 .2em 0 .7em}#singtelOperator .op-gold{background:#e5ac1d}
#singtelOperator .op-chart{display:flex;overflow-x:auto;gap:.45em;background:white;border:1px solid #e5e6ed;border-radius:14px;padding:1.4em .8em 2em;margin:.5em 0 1.2em;min-height:220px}#singtelOperator .op-bar-group{flex:1 0 38px;position:relative;text-align:center}#singtelOperator .op-bars{height:180px;display:flex;align-items:end;justify-content:center;gap:3px;border-bottom:1px solid #ddd}#singtelOperator .op-bars span{width:12px;background:#ed1a3d;border-radius:5px 5px 0 0}#singtelOperator .op-bars span+span{background:#e5ac1d}#singtelOperator .op-bar-group small{font-size:.6em;white-space:nowrap}#singtelOperator .op-bar-group em{position:absolute;left:0;bottom:-1.3em;font-size:.58em;white-space:nowrap;color:#646979}
#singtelOperator .op-table-wrap{overflow:auto;max-height:48vh;border:1px solid #e5e6ed;border-radius:12px;margin-bottom:1em;background:white}#singtelOperator table{border-collapse:collapse;width:100%;font-size:.78em;text-align:left;white-space:nowrap}#singtelOperator td,#singtelOperator th{padding:.9em 1em;border-bottom:1px solid #eee}#singtelOperator thead{position:sticky;top:0;background:#eeeef4;z-index:1}#singtelOperator tbody th{font-weight:500}#singtelOperator tbody tr:hover{background:#fff4f6}
#singtelOperator .op-note,#singtelOperator .op-footer{font-size:.73em;line-height:1.65;color:#686c7a}#singtelOperator .op-footer{padding-top:1.4em;border-top:1px solid #ddd;margin-top:1.5em}#singtelOperator .op-error{background:#ffe9ee;color:#a0112e;padding:.8em;border-radius:8px;overflow-wrap:anywhere}
#singtelOperator .op-section-title{display:flex;justify-content:space-between;align-items:center;gap:1em;margin:1em 0}#singtelOperator .op-stock-grid{display:grid;grid-template-columns:1fr 1fr;gap:1em;margin-bottom:2em}#singtelOperator .op-stock{border-radius:16px;padding:1.3em;background:white;border:1px solid #e3e4ed}#singtelOperator .op-stock strong{font-size:2.4em;display:block}#singtelOperator .op-stock strong small{font-size:.35em;font-weight:500;color:#6d7180}#singtelOperator .op-stock p{font-size:.8em;color:#656979;margin:.8em 0}#singtelOperator .op-meter{height:8px;border-radius:10px;background:#eee;overflow:hidden}#singtelOperator .op-meter span{display:block;height:100%;background:#ed1a3d}
#singtelOperator .op-confirm{position:fixed;inset:0;background:#14151ed9;display:grid;place-items:center;padding:16px;overflow:auto;z-index:2}#singtelOperator .op-confirm form{width:min(100%,650px);background:white;border-radius:20px;padding:1.5em;max-height:90vh;overflow:auto}#singtelOperator .op-confirm label{margin:.8em 0}#singtelOperator .op-actions{display:flex;justify-content:end;gap:.8em}
.operator-test-badge{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);z-index:100;background:#25212de8;color:#fff!important;border-radius:4px;padding:3px 8px;font:700 clamp(10px,1.3vmin,23px)/1.3 system-ui;letter-spacing:.08em;pointer-events:none;white-space:nowrap}
@media(max-width:600px){#singtelOperator{padding:6px}#singtelOperator .op-header,#singtelOperator .op-content{padding:1em}#singtelOperator .op-header button{font-size:.75em}#singtelOperator .op-mode{padding:1em}#singtelOperator .op-tabs{padding:.5em .5em 0}#singtelOperator .op-cards{grid-template-columns:1fr 1fr}#singtelOperator .op-stock-grid{grid-template-columns:1fr}#singtelOperator .op-section-title{align-items:start;flex-direction:column}#singtelOperator .op-cards strong{font-size:1.8em}}
