/* Additional referee console, additive CSS; tournament/bracket CSS untouched. */
.pbon-line{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;background:#d9f4e5;color:#155b37;border-radius:9px;font-size:12px;font-weight:800}.pbon-line.off{background:#fff1d8;color:#97551c}.pbon-logout{padding:7px 12px;border:1px solid #8098ac;border-radius:9px;background:#223850;color:#fff;cursor:pointer}.pbon-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:15px}.pb-ref-panel{background:#03080c;color:#f5f7fb;border-radius:19px;max-width:980px;overflow:hidden;box-shadow:0 17px 36px #0613223b;margin:auto;border:1px solid #164363}.pb-ref-bar{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:#0a0c11;border-bottom:1px solid #263342;gap:12px}.pb-ref-bar h2{color:#fff;font-size:23px;letter-spacing:.1px;text-align:center;margin:0}.pb-ref-bar p{margin:5px 0 0;color:#a4adbc;font-size:12px;text-align:center}.pb-ref-sect{font-size:12px;color:#35c1ff;font-weight:800;letter-spacing:1px}.pb-ref-main{padding:18px}.pb-ref-teams{display:grid;grid-template-columns:42% 58%;background:#00121f;min-height:252px;overflow:hidden;border:1px solid #0c6ca1;border-radius:10px}.pb-ref-names{display:grid;grid-template-rows:1fr 1fr;background:#070b14}.pb-ref-side{padding:12px;border:1px solid #203650;background:#131b2b;display:flex;flex-direction:column;justify-content:center;min-width:0;gap:7px}.pb-ref-side+.pb-ref-side{border-top:2px solid #1dade9}.pb-ref-side strong{font-size:clamp(16px,2.7vw,25px);overflow-wrap:anywhere;line-height:1.25}.pb-ref-side small{color:#b0cee6;font-weight:750}.pb-ref-score{display:grid;grid-template-rows:1fr 1fr;text-align:center}.pb-ref-score>div{display:flex;align-items:center;justify-content:center;font-weight:950;font-size:clamp(60px,11vw,94px);line-height:1;border-bottom:2px solid #119ee6}.pb-ref-score>div:last-child{border:0}.pb-ref-call{border-radius:13px;background:#191c25;padding:12px;margin-top:14px;text-align:center;font-size:clamp(28px,7vw,54px);font-weight:950;letter-spacing:1px;font-variant-numeric:tabular-nums}.pb-ref-court{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:14px;border:2px solid #a7b2bf;background:#11729b;min-height:250px;border-radius:8px;overflow:hidden}.pb-ref-court-team{display:grid;grid-template-columns:1fr 1fr;min-width:0;background:#021721}.pb-ref-court-team:nth-child(2){border-left:2px dashed #a8d0de}.pb-ref-player{min-width:0;padding:11px 8px;background:#061723;display:flex;flex-direction:column;justify-content:space-around;text-align:center;align-items:center;gap:9px;border-right:1px solid #6193a4}.pb-ref-player:last-child{border-right:0}.pb-ref-player strong{font-size:clamp(12px,2.8vw,18px);overflow-wrap:anywhere;max-width:100%;line-height:1.2}.pb-ref-ball{display:inline-grid;place-items:center;border-radius:999px;background:#15b7ff;color:#051825;border:2px solid #b5edff;width:39px;height:39px;font-size:25px;box-shadow:0 0 0 5px #18adff25;flex:none}.pb-ref-receive{background:#f1cd54;color:#152536;border-color:#ffea9d}.pb-ref-balls{display:flex;gap:6px;justify-content:center;margin-top:5px}.pb-ref-balls b{width:20px;height:20px;background:#21baff;border:2px solid #cff5ff;border-radius:50%;box-shadow:0 0 10px #28bafa6e}.pb-ref-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.pb-ref-controls button,.pb-ref-tools button{border:1px solid #2f6982;border-radius:12px;padding:13px 8px;font-size:15px;font-weight:850;cursor:pointer;background:#0e2839;color:#eaf6ff}.pb-ref-controls button.scorebtn{font-size:21px;background:#128ed3;color:white}.pb-ref-controls button:disabled,.pb-ref-tools button:disabled{opacity:.4;cursor:not-allowed}.pb-ref-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.pb-ref-tools button{font-size:13px;padding:9px 12px}.pb-ref-footer{margin:14px 0 2px;color:#abbdce;line-height:1.5;font-size:13px}.pb-ref-tag{display:inline-block;padding:4px 8px;background:#165679;color:#b9f1ff;border-radius:6px;font-size:12px;font-weight:800}.pb-setline{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;color:#c6dff3;font-size:12px;font-weight:800;padding:8px}.pb-setline span{padding:7px;border:1px solid #456174;border-radius:8px}.pb-ref-warn{border-radius:10px;background:#44291b;color:#ffdfb9;padding:12px;font-size:12px;line-height:1.6}.pb-ref-finish{background:#bbef6e!important;color:#1b341a!important;border-color:#a3db54!important}.pb-ref-caption{color:#698398;font-size:12px}.pb-assign-matches{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pb-assign-row{padding:12px;border:1px solid #d3e0eb;border-radius:11px;background:#f6f9fd}.pb-assign-row label{display:block;margin-bottom:7px;font-size:13px;font-weight:800}.pb-assign-row small{display:block;color:#697f93;margin-bottom:8px}.pb-assign-row select{width:100%;padding:8px;border:1px solid #bfd0de;border-radius:8px}.pb-readonly{font-size:12px;color:#718096;padding:7px 10px}.pb-ref-leader{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px;align-items:center}.pb-ref-leader select{max-width:100%;padding:9px;border:1px solid #bfd4e5;border-radius:10px}.pb-ref-leader label{font-weight:800;font-size:12px}@media(max-width:700px){.pb-ref-main{padding:9px}.pb-ref-teams{min-height:205px}.pb-ref-court{min-height:190px}.pb-ref-side{padding:7px}.pb-ref-bar{padding:12px}.pb-ref-controls button{font-size:13px}.pb-assign-matches{grid-template-columns:1fr}.pb-ref-player{padding:8px 3px}.pb-ref-ball{width:32px;height:32px;font-size:19px}}

.pb-ball-shape{width:24px;height:24px;border-radius:50%;display:block;background-color:#d1f469;background-image:radial-gradient(circle at 30% 30%,#1a6f66 0 2px,transparent 3px),radial-gradient(circle at 70% 30%,#1a6f66 0 2px,transparent 3px),radial-gradient(circle at 50% 57%,#1a6f66 0 2px,transparent 3px),radial-gradient(circle at 28% 74%,#1a6f66 0 2px,transparent 3px),radial-gradient(circle at 75% 75%,#1a6f66 0 2px,transparent 3px);box-shadow:inset -2px -3px 3px #3e742b5e,0 0 3px #d8efbd}.pb-ref-receive .pb-ball-shape{background-color:#ffc442;background-image:radial-gradient(circle at 30% 30%,#ac6d15 0 2px,transparent 3px),radial-gradient(circle at 70% 30%,#ac6d15 0 2px,transparent 3px),radial-gradient(circle at 50% 57%,#ac6d15 0 2px,transparent 3px),radial-gradient(circle at 28% 74%,#ac6d15 0 2px,transparent 3px),radial-gradient(circle at 75% 75%,#ac6d15 0 2px,transparent 3px)}

/* Giao diện sát ảnh mẫu: Đổi giao – tỷ số 0–0–2 – Quay xu, hai cột sân. */
.pb-ref-midrow{display:grid;grid-template-columns:minmax(64px,100px) minmax(0,1fr) minmax(64px,100px);gap:9px;align-items:stretch;margin-top:14px}
.pb-ref-midrow>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#35bbfa;background:#0b1119;border:1px solid #236486;border-radius:14px;font-size:23px;font-weight:850;cursor:pointer;min-height:100px}
.pb-ref-midrow>button span{font-size:13px;color:#f4f8ff}
.pb-ref-midrow>button:disabled{opacity:.4;cursor:not-allowed}
.pb-ref-midrow .pb-ref-call{margin-top:0;display:grid;place-items:center;min-width:0}
.pb-ref-court-team{grid-template-columns:1fr;grid-template-rows:1fr 1fr}
.pb-ref-court-team .pb-ref-player{border-right:0;border-bottom:2px solid #6a9bad;min-height:125px}
.pb-ref-court-team .pb-ref-player:last-child{border-bottom:0}
.pb-ref-player-state{display:inline-flex;align-items:center;gap:8px;justify-content:center}
.pb-ref-player-state em{font-size:11px;letter-spacing:1px;font-style:normal;font-weight:900;color:#c8ecfa}
@media(max-width:550px){.pb-ref-midrow{grid-template-columns:65px minmax(0,1fr) 65px;gap:5px}.pb-ref-midrow>button{font-size:20px;min-height:74px}.pb-ref-midrow>button span{font-size:11px}.pb-ref-midrow .pb-ref-call{font-size:clamp(28px,7.4vw,46px);letter-spacing:0}.pb-ref-court-team .pb-ref-player{min-height:110px}.pb-ref-player-state{gap:4px}.pb-ref-player-state em{font-size:10px}}

.pbon-account-actions{display:flex;flex-direction:column;gap:7px;padding:10px}.pbon-account-actions .btn{background:#233a52;color:#eef8ff;border:1px solid #3c5971;justify-content:flex-start}