*{box-sizing:border-box;margin:0;padding:0}
body{width:1440px;height:900px;background:radial-gradient(circle at 70% -10%,#0d2a66 0,#070b18 45%,#04060d 100%);color:#e8eefc;font-family:Inter,"Segoe UI",Helvetica,Arial,sans-serif;overflow:hidden;position:relative}
.top{height:76px;display:flex;align-items:center;padding:0 28px;border-bottom:1px solid #16203a;background:rgba(6,10,22,.7);gap:22px}
.logo{font-weight:800;font-size:22px;display:flex;align-items:center;gap:10px}.logo i{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#1e6bff,#5aa2ff);display:inline-block;box-shadow:0 0 20px #1e6bff88}
.logo span{color:#4d8dff}
.stats{display:flex;gap:12px;margin-left:30px}.stat{background:#0c1428;border:1px solid #1a2747;border-radius:12px;padding:8px 18px;min-width:120px}.stat b{font-size:22px;display:block}.stat small{color:#7f8db0;font-size:12px;text-transform:uppercase;letter-spacing:1px}
.stat.g b{color:#2ee6a0}.stat.bl b{color:#4d8dff}
.tog{margin-left:auto;display:flex;align-items:center;gap:12px;font-weight:600}.sw{width:56px;height:30px;border-radius:30px;background:#1e6bff;position:relative;box-shadow:0 0 16px #1e6bff99}.sw:after{content:"";position:absolute;right:4px;top:4px;width:22px;height:22px;border-radius:50%;background:#fff}
.nav{display:flex;gap:6px}.nav a{padding:8px 14px;border-radius:9px;color:#8b98ba;font-size:14px;font-weight:600}.nav a.on{background:#13224a;color:#fff}
.av{width:38px;height:38px;border-radius:50%;background:#1a2747;display:flex;align-items:center;justify-content:center;font-weight:700}
.grid{display:grid;grid-template-columns:380px 1fr 440px;gap:18px;padding:18px 28px;height:620px}
.card{background:rgba(12,20,40,.85);border:1px solid #1a2747;border-radius:18px;padding:20px;overflow:hidden}
h2{font-size:24px;margin-bottom:4px}h3{font-size:13px;color:#7f8db0;text-transform:uppercase;letter-spacing:1.2px;margin:16px 0 8px}
.muted{color:#8b98ba;font-size:14px}.row{display:flex;justify-content:space-between;font-size:14px;padding:6px 0;border-bottom:1px solid #141e38}.row span:first-child{color:#7f8db0}
.chip{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700}
.c-blue{background:#12275a;color:#6ea4ff}.c-green{background:#0d3a2c;color:#2ee6a0}.c-amber{background:#3d2d0b;color:#ffb83d}.c-red{background:#3d1218;color:#ff5d6c}.c-grey{background:#1a2238;color:#9aa6c4}.c-purple{background:#2a1a4d;color:#b48cff}
.note{background:#0a1124;border-left:3px solid #1e6bff;padding:8px 10px;border-radius:8px;font-size:13px;margin-bottom:8px;color:#c6d0ea}.note small{display:block;color:#6d7aa0;margin-bottom:2px}
.center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.timer{font-size:72px;font-weight:800;letter-spacing:2px;font-variant-numeric:tabular-nums}
.cid{margin:8px 0 30px;color:#8b98ba}.cid b{color:#6ea4ff}
.callbtn{width:200px;height:200px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4dffb8,#11b874);display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:800;color:#03221a;box-shadow:0 0 60px #19d98966,0 0 0 14px #19d9891a}
.hang{margin-top:26px;padding:14px 44px;border-radius:40px;border:2px solid #ff5d6c;color:#ff5d6c;font-weight:700;font-size:18px}
.hang.live{background:#ff3b4f;color:#fff;border-color:#ff3b4f;box-shadow:0 0 30px #ff3b4f77}
.node{border-radius:12px;padding:10px 12px;margin-bottom:8px;font-size:13px;border:1px solid;position:relative}
.node b{display:block;font-size:14px;margin-bottom:2px}
.n-blue{background:#0f1f48;border-color:#1e6bff}.n-green{background:#0b2e24;border-color:#1fc985}.n-amber{background:#33260a;border-color:#ffb83d}.n-red{background:#351219;border-color:#ff5d6c}
.arrow{text-align:center;color:#3a4e80;font-size:14px;margin:-4px 0 4px}
.tick{display:flex;align-items:center;gap:8px;font-size:13px;padding:4px 0}.box{width:16px;height:16px;border-radius:4px;border:2px solid #3a4e80}.box.on{background:#1e6bff;border-color:#1e6bff}
.branches{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bottom{display:flex;gap:12px;padding:0 28px;height:150px}
.outs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;flex:1.4}
.ob{border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;border:1px solid}
.o1{background:#0e3a2b;border-color:#1fc985;color:#2ee6a0}.o2{background:#0f1f48;border-color:#1e6bff;color:#6ea4ff}.o3{background:#351219;border-color:#ff5d6c;color:#ff7d8a}.o4,.o5{background:#151d33;border-color:#2a3758;color:#b6c1de}.o6{background:#33260a;border-color:#ffb83d;color:#ffb83d}
.notes{flex:1;background:#0a1124;border:1px solid #1a2747;border-radius:14px;padding:14px;color:#6d7aa0;font-size:14px}
.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:30px;font-weight:700;font-size:14px;margin:0 5px}
.dot{width:10px;height:10px;border-radius:50%;background:#ff3b4f;box-shadow:0 0 10px #ff3b4f}
.overlay{position:absolute;inset:0;background:rgba(2,4,10,.65);display:flex;align-items:center;justify-content:center}
.modal{width:560px;background:#0c1428;border:1px solid #1e6bff;border-radius:20px;padding:28px;box-shadow:0 0 80px #1e6bff55}
.slots{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.slot{padding:10px;text-align:center;border-radius:10px;background:#111b35;border:1px solid #22305a;font-weight:600;font-size:14px}.slot.on{background:#1e6bff;border-color:#1e6bff}
.sms{background:#0a1124;border-radius:12px;padding:12px;font-size:14px;line-height:1.5;color:#c6d0ea;border:1px solid #1a2747}
.btn{display:inline-block;padding:13px 26px;border-radius:12px;font-weight:700}.bp{background:#1e6bff;box-shadow:0 0 24px #1e6bff77}.bg{background:#151d33;color:#9aa6c4}
table{width:100%;border-collapse:collapse;font-size:15px}th{text-align:left;color:#7f8db0;font-size:12px;text-transform:uppercase;letter-spacing:1px;padding:12px;border-bottom:1px solid #1a2747}td{padding:13px 12px;border-bottom:1px solid #121b33}tr.hl td{background:#0f1f48}
.grid{height:590px;padding:14px 28px}
.bottom{height:196px;flex-direction:column;gap:8px}
.brow{display:flex;gap:12px;flex:1}
.kpis{display:flex;gap:8px;font-size:12px;color:#7f8db0;align-items:center}
.kpi{background:#0c1428;border:1px solid #1a2747;border-radius:10px;padding:5px 10px;display:flex;gap:6px;align-items:center}
.kpi b{color:#e8eefc}.kpi b.g{color:#2ee6a0}.kpi.best{border-color:#1fc985}
.klab{text-transform:uppercase;letter-spacing:1px;font-weight:700;margin-right:2px}
.ops{display:flex;gap:8px;align-items:center;margin-left:auto}
.op{font-size:12px;font-weight:700;padding:6px 11px;border-radius:20px;display:flex;align-items:center;gap:6px;white-space:nowrap}
.gdot{width:8px;height:8px;border-radius:50%;background:#2ee6a0;box-shadow:0 0 8px #2ee6a0}
.bell{position:relative;width:38px;height:38px;border-radius:50%;background:#1a2747;display:flex;align-items:center;justify-content:center;font-size:17px}
.bell em{position:absolute;top:-4px;right:-4px;background:#ff3b4f;color:#fff;font-style:normal;font-size:11px;font-weight:800;border-radius:10px;padding:1px 6px}
.mini{display:flex;align-items:center;gap:7px;font-size:12px;color:#9aa6c4;font-weight:600}.sws{width:34px;height:19px;border-radius:20px;background:#1e6bff;position:relative}.sws:after{content:"";position:absolute;right:3px;top:3px;width:13px;height:13px;border-radius:50%;background:#fff}
.stats .stat{padding:6px 14px;min-width:96px}.stats .stat b{font-size:20px}
.top{gap:16px}.stats{margin-left:14px}
.opk{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:4px}
.ok{border:1px solid #22305a;background:#111b35;border-radius:11px;padding:9px 4px;text-align:center;font-weight:800;font-size:14px}
.ok small{display:block;font-weight:600;font-size:10px;color:#7f8db0}
.ok.on{background:#1e6bff;border-color:#1e6bff;box-shadow:0 0 18px #1e6bff77}.ok.on small{color:#dce8ff}
.logged{font-size:11px;color:#2ee6a0;margin-bottom:10px}
.steps{display:flex;gap:4px;margin:4px 0 10px}.steps span{flex:1;font-size:10px;text-align:center;padding:4px 0;border-radius:6px;background:#111b35;color:#6d7aa0;font-weight:700}
.steps span.done{background:#0b2e24;color:#2ee6a0}.steps span.on{background:#1e6bff;color:#fff}
.line{position:relative;padding-right:24px}.pen{position:absolute;right:8px;top:8px;font-size:12px;color:#6d7aa0;opacity:.85}
.resp{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:6px}
.rb{border:1px solid #2a3758;background:#151d33;border-radius:10px;padding:8px;font-size:12.5px;font-weight:700;color:#c6d0ea;text-align:center}
.rb.g{border-color:#1fc985;color:#2ee6a0;background:#0b2e24}.rb.on{border-color:#ffb83d;color:#ffb83d;background:#33260a}
.objs{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 8px}
.obj{font-size:12px;font-weight:700;padding:6px 10px;border-radius:20px;border:1px solid #2a3758;background:#151d33;color:#b6c1de}
.obj.on{border-color:#ffb83d;background:#33260a;color:#ffb83d}
.calbtn{display:block;text-align:center;margin-top:8px;padding:11px;border-radius:12px;background:#1fc985;color:#03221a;font-weight:800;font-size:15px;box-shadow:0 0 22px #19d98955}
.lnext{margin-top:6px}.ln{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:6px 0;border-bottom:1px solid #141e38}
.flag{font-size:11px;font-weight:700;color:#ff7d8a;background:#3d1218;border-radius:12px;padding:2px 8px}
.ob{font-size:16px}
.tiny{font-size:11px;color:#6d7aa0;margin-top:4px}
/* app additions */
body{min-width:1440px;height:auto;min-height:900px;overflow:auto}
button,.ob,.ok,.rb,.obj,.calbtn,.callbtn,.hang,.bell,.mini,.ln,.pill{cursor:pointer;user-select:none}
button{font:inherit;color:inherit}
.sws.off{background:#2a3758}.sws.off:after{right:auto;left:3px}
.op.c-red .gdot{background:#ff5d6c;box-shadow:0 0 8px #ff5d6c}
.callbtn.dis{filter:grayscale(1);opacity:.35;cursor:not-allowed;box-shadow:none}
.hang.dis{opacity:.3;cursor:default}
.ob{position:relative}.ob kbd{position:absolute;top:6px;left:9px;font-size:11px;opacity:.6;font-family:inherit}
.ob:active,.rb:active,.ok:active{transform:scale(.98)}
textarea.notes{resize:none;color:#c6d0ea;font:inherit;font-size:14px;outline:none}
.line[contenteditable=true]{outline:2px dashed #ffb83d}
.card.scroll{overflow:auto}
.toolbar{display:flex;gap:6px;margin-left:8px}.tb{font-size:12px;font-weight:700;padding:6px 10px;border-radius:9px;background:#13224a;color:#9fbfff;border:1px solid #1e3a7a}
.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#0c1428;border:1px solid #1e6bff;padding:10px 18px;border-radius:12px;font-weight:700;z-index:50;box-shadow:0 0 30px #1e6bff55}
.drawer{position:fixed;top:76px;right:20px;width:380px;max-height:70vh;overflow:auto;background:#0c1428;border:1px solid #1e6bff;border-radius:16px;padding:16px;z-index:40;box-shadow:0 0 50px #1e6bff44}
.drawer input{width:100%;background:#0a1124;border:1px solid #22305a;color:#e8eefc;border-radius:8px;padding:8px;margin:4px 0 10px}
.hidden{display:none!important}
.mockbadge{font-size:11px;font-weight:800;color:#ffb83d;background:#3d2d0b;border-radius:10px;padding:3px 8px}
.ln.flagged span:first-child{color:#6d7aa0;text-decoration:line-through}
.notewrap{flex:1;display:flex}.notewrap summary{display:none}.notewrap textarea{width:100%}
.sheetbar{display:none}
@media (max-width:768px){
 html,body{min-width:0;width:100%;height:auto;min-height:100dvh;overflow-x:hidden}
 body{padding:env(safe-area-inset-top) env(safe-area-inset-right) calc(env(safe-area-inset-bottom) + 8px) env(safe-area-inset-left);-webkit-tap-highlight-color:transparent}
 .top{height:auto;flex-wrap:wrap;padding:10px 12px;gap:8px}.logo{font-size:17px}.logo i{width:26px;height:26px}
 .stats{order:3;width:100%;margin:0;gap:6px}.stats .stat{flex:1;min-width:0;padding:5px 6px;text-align:center}.stats .stat b{font-size:16px}.stat small{font-size:9px;letter-spacing:.5px}
 .ops{order:2;flex-wrap:wrap;gap:6px;justify-content:flex-end}.op{font-size:10.5px;padding:5px 8px}#cidTop,.ops .mini{display:none}
 .grid{display:flex;flex-direction:column;height:auto;padding:10px 12px;gap:10px}
 #leadCard{max-height:none;padding:14px}#leadCard h2{font-size:20px}#leadCard .lnext,#leadCard h3:last-of-type{display:none}
 .card.center{padding:14px;order:2}.timer{font-size:44px;margin-top:8px!important}.cid{margin:4px 0 12px;font-size:13px}
 .callbtn{width:100%;height:72px;border-radius:20px;font-size:26px;box-shadow:0 0 30px #19d98955}
 .hang{margin-top:10px;width:100%;padding:16px;font-size:18px;text-align:center}
 #script{position:fixed;left:0;right:0;bottom:0;z-index:30;max-height:82dvh;border-radius:22px 22px 0 0;transform:translateY(100%);transition:transform .25s;padding:18px 16px calc(env(safe-area-inset-bottom) + 18px)}
 body.sheet #script{transform:none;box-shadow:0 -10px 60px #000c}
 .sheetbar{display:flex;position:fixed;right:14px;bottom:calc(env(safe-area-inset-bottom) + 14px);z-index:31;background:#1e6bff;color:#fff;font-weight:800;padding:12px 18px;border-radius:30px;gap:8px;align-items:center;box-shadow:0 0 24px #1e6bff99}
 body.sheet .sheetbar{bottom:auto;top:calc(18dvh - 22px);right:50%;transform:translateX(50%)}
 .grab{display:none}
 .ok{padding:12px 2px}.rb,.obj{padding:12px 10px;font-size:14px}.calbtn{padding:16px;font-size:17px}
 .bottom{height:auto;padding:0 12px 80px;flex-direction:column}
 .kpis{overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;padding-bottom:4px}
 .brow{flex-direction:column}
 .outs{grid-template-columns:1fr 1fr;gap:8px}.ob{min-height:60px;font-size:16px}
 .notewrap{display:block}.notewrap summary{display:block;padding:12px;color:#9aa6c4;font-weight:700;cursor:pointer}.notewrap textarea{min-height:90px;font-size:16px}
 .drawer{left:10px;right:10px;width:auto;top:calc(env(safe-area-inset-top) + 60px)}
 .toast{bottom:calc(env(safe-area-inset-bottom) + 80px);max-width:90vw}
}
@media (min-width:769px){.notewrap{display:block;flex:1}.notewrap textarea{width:100%;height:100%}.stat small{white-space:nowrap}.stats .stat{min-width:84px}.logo{white-space:nowrap}}
@media (min-width:769px){.notewrap textarea{min-height:128px}}
/* fit top bar at laptop widths (gear was clipped at 1440px) */
@media (min-width:769px){.ops,.toolbar,.bell,.tb{flex-shrink:0}}
@media (max-width:1600px) and (min-width:901px){.top{gap:12px;padding:0 18px}.ops{gap:6px}.op{font-size:11.5px;padding:5px 9px}.mini{font-size:11px;gap:5px}.stats{margin-left:6px}}
@media (max-width:1600px) and (min-width:769px){#cidTop{display:none}}
@media (max-width:1380px) and (min-width:769px){.stats .stat:nth-child(4){display:none}}
@media (min-width:769px){body{width:100%;min-width:1280px;overflow-x:auto}}
@media (max-width:1600px) and (min-width:769px){.stats{gap:8px;overflow:visible}.stat{min-width:88px;padding:7px 12px}.stat b{font-size:19px}.stat small{font-size:10.5px;letter-spacing:.5px}.logo{font-size:19px}}
@media (max-width:1380px) and (min-width:769px){.logo{font-size:17px}.stat{min-width:76px;padding:6px 10px}.top{gap:10px;padding:0 14px}.mockbadge{display:none}}

/* country switch + US practice */
.ctry{display:flex;background:#0a1124;border:1px solid #22305a;border-radius:20px;padding:2px;flex-shrink:0}.ctry span{font-size:12px;font-weight:800;padding:5px 10px;border-radius:18px;color:#7f8db0;cursor:pointer;user-select:none;white-space:nowrap}.ctry span.on{background:#1e6bff;color:#fff}
body.us .ctry span.on{background:#7a4dff}
body.us .stats,body.us .kpis,body.us .outs,body.us .au-only,body.us .mini{display:none!important}
.us-only{display:none}body.us .us-only{display:inline}
.rtime{margin:-22px 0 22px;font-size:14px;font-weight:700;color:#b48cff}
.testbtn{margin-top:12px;font-size:13px;font-weight:700;color:#ffb83d;border:1px dashed #ffb83d66;border-radius:20px;padding:7px 16px;cursor:pointer;user-select:none}
.usnum{width:100%;margin:14px 0 10px;background:#0a1124;border:1px solid #2a3a6a;border-radius:12px;color:#fff;font-size:24px;font-weight:700;padding:12px 14px;text-align:center;letter-spacing:1px;outline:none}
.usnum:focus{border-color:#7a4dff}
.pad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pad span{background:#111b35;border:1px solid #22305a;border-radius:12px;text-align:center;padding:12px 0;font-size:20px;font-weight:700;cursor:pointer;user-select:none}.pad span:active{background:#1e2d5a}
.usrow{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:12px}
@media (max-width:768px){
 .ctry span{padding:6px 10px;font-size:12px}
 .rtime{margin:-6px 0 12px;font-size:13px}
 body.us .grid{gap:10px}body.us #leadCard{order:1}
 .usnum{font-size:22px;margin:10px 0 8px}.pad span{padding:14px 0;font-size:22px}
 body.us .bottom{padding-bottom:70px}
}
body.us .toolbar label.tb,body.us #bell{display:none!important}