/* Original-site inspired supervisor dashboard.
   Standalone implementation; source/data not copied from the original site. */
:root{--oc-bg:#07121e;--oc-card:#151f2e;--oc-surface:#141f2e;--oc-stroke:#2a3949;--oc-teal:#12bcb1;--oc-gold:#ffb900;--oc-ink:#f2f6fb;--oc-muted:#96a9bf}
.original-dashboard{background:var(--oc-bg)}
.original-dashboard .sidebar,.original-dashboard .topbar,.original-dashboard .footer{display:none}
.original-dashboard .work{background:var(--oc-bg)}
.original-dashboard .main{max-width:none;padding:0;flex:1}
.original-dashboard [hidden]{display:none!important}
.oc-global-bar{height:71px;display:flex;align-items:flex-start;padding:16px 16px 0;justify-content:space-between;gap:14px;max-width:1700px;margin:0 auto}
.oc-global-left,.oc-global-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.oc-global-bar button{appearance:none;font-size:14px;font-weight:780;letter-spacing:0;border-radius:14px;cursor:pointer;min-height:49px;padding:13px 23px}
.oc-global-bar .oc-primary-link{background:#039d92;color:#f0fffe;border:0}
.oc-global-bar .oc-primary-link:hover{background:#12bcb1}
.oc-global-bar .oc-quiet-link{background:#121f2d;color:#b6c7d8;border:1px solid #22384a;min-height:43px;padding:10px 16px}
.oc-global-bar .oc-quiet-link:hover{color:white;background:#263649}
.oc-dashboard-page{max-width:1290px;margin:17px auto 0;padding:0 22px 45px}
.oc-dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:26px;min-height:104px;margin:-1px -22px 26px;padding:12px 0 25px;border-bottom:1px solid #1b2a37}
.oc-eyebrow{color:#18c8bf;text-transform:uppercase;letter-spacing:3px;font-size:12px;font-weight:850;margin-bottom:5px}
.oc-dashboard-header h1{font-size:25px;font-weight:790;line-height:1.25;letter-spacing:-.65px;margin:0 0 4px}
.oc-event-line{color:#a4b5c9;font-size:12px;letter-spacing:.12px}
.oc-connection{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;background:#052f31;color:#0ee0a1;font-size:11px;letter-spacing:.1px;font-weight:750;padding:8px 15px;border-radius:999px;min-height:34px}
.oc-dashboard-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}
.oc-stat{background:#131e2d;border:1px solid #29394b;border-radius:17px;min-height:87px;display:flex;flex-direction:column;justify-content:center;padding:14px 18px}
.oc-stat strong{color:#10bcb2;font-size:22px;line-height:1.1;letter-spacing:-.5px;font-weight:850;margin-bottom:4px}
.oc-stat span{color:#9aafc7;font-size:13px}
.oc-tab-row{display:flex;gap:2px;border-radius:12px;background:#172332;padding:3px;width:max-content;max-width:100%;margin-bottom:25px}
.oc-tab{border:0;background:transparent;color:#9cacc2;min-width:199px;padding:8px 24px;border-radius:10px;font-size:13px;font-weight:550;cursor:pointer}
.oc-tab.active{background:#233242;color:#f3f6ff;box-shadow:0 0 0 1px #334454}
.oc-tab:hover:not(.active){background:#1d2a3a;color:white}
.oc-banner{background:#052732;border:1px solid #0d4851;border-radius:15px;color:#ecfaff;font-size:13px;line-height:1.6;padding:16px;margin-bottom:20px}
.oc-court-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.oc-court-card{min-width:0;background:#151f2c;border:1px solid #293747;border-radius:22px;overflow:hidden;box-shadow:0 3px 5px rgba(0,0,0,.08)}
.oc-court-top{min-height:80px;border-bottom:1px solid #293747;padding:17px 20px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.oc-court-top strong{display:block;font-size:16px;line-height:1.3;font-weight:760}
.oc-court-status{display:block;margin-top:4px;font-size:11px;line-height:1.4;font-weight:790;text-transform:uppercase;color:#7b8ea5}
.oc-court-status.live{color:#08c49d}
.oc-court-status.finished{color:#ffc461}
.oc-match-tag{font-size:11px;font-weight:650;background:#29394a;border-radius:20px;color:#e2eefa;text-transform:uppercase;padding:9px 10px;line-height:1;letter-spacing:.15px;white-space:nowrap}
.oc-court-body{padding:18px 20px 12px}
.oc-team-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-height:55px;margin-bottom:4px}
.oc-team-text{overflow:hidden}
.oc-team-text strong{display:block;font-size:14px;font-weight:760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oc-team-text span{display:block;font-size:11px;text-transform:none;color:#94a7c0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}
.oc-team-text .oc-serving{color:#13bfae;font-weight:730;font-size:10px;margin-top:4px;letter-spacing:.2px}
.oc-score{font-size:27px;font-weight:870;line-height:1.1;letter-spacing:-.3px;min-width:28px;text-align:right;font-variant-numeric:tabular-nums}
.oc-match-meta{border-top:1px solid #283849;padding:17px 0 13px;margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#91a8c2;font-size:13px}
.oc-match-meta strong{color:#f4f5fd;font-size:13px;font-weight:850;font-variant-numeric:tabular-nums;letter-spacing:.25px}
.oc-card-button{border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px;border-radius:11px;font-size:14px;font-weight:800;min-height:37px;padding:8px 12px;transition:filter .15s}
.oc-card-button:hover{filter:brightness(1.13)}
.oc-assign{background:#ffb900;color:#0b1822;width:100%;margin:0 0 7px}
.oc-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.oc-phone{background:#15beb5;color:#05232d;min-width:0}
.oc-overlay{background:#223246;color:#f3f6fb;min-width:0}
.oc-open{display:flex;align-items:center;justify-content:center;width:100%;margin:8px 0 0;padding:8px 3px 4px;min-height:31px;color:#b3c7dd;font-size:12px;background:transparent;border:0;cursor:pointer}
.oc-open:hover{color:white}
.oc-dashboard-footer{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:28px 0 15px}
.oc-dashboard-footer button{font:inherit;font-size:12px;border:1px solid #2b4357;background:#192b3c;color:#c4d8e7;border-radius:10px;padding:10px 15px;cursor:pointer}
.oc-dashboard-footer button:hover{background:#24435b}
.oc-origin-note{text-align:center;color:#7890a5;font-size:11px;line-height:1.8;margin:0 auto 15px;max-width:820px}
@media(max-width:1200px){.oc-court-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.oc-dashboard-page{max-width:990px}}
@media(max-width:850px){.oc-court-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oc-dashboard-header{margin-left:0;margin-right:0}.oc-dashboard-page{max-width:700px}}
@media(max-width:600px){.oc-global-bar{height:auto;align-items:center;gap:8px;padding:12px;flex-wrap:wrap}.oc-global-left,.oc-global-right{gap:5px}.oc-global-bar button{min-height:36px!important;border-radius:10px!important;padding:8px 10px!important;font-size:11px!important}.oc-dashboard-page{margin:15px auto 0;padding:0 13px 26px}.oc-dashboard-header{padding:12px 0 16px;margin:0 0 17px;flex-direction:column;align-items:flex-start;gap:12px}.oc-dashboard-header h1{font-size:23px}.oc-eyebrow{font-size:10px;letter-spacing:2px}.oc-dashboard-stats{gap:8px}.oc-stat{min-height:72px;padding:10px}.oc-stat strong{font-size:19px}.oc-stat span{font-size:10px}.oc-tab-row{width:100%}.oc-tab{flex:1;min-width:0;font-size:12px;padding:9px 5px}.oc-court-grid{grid-template-columns:1fr;gap:13px}.oc-banner{font-size:12px}.oc-court-body{padding:13px 18px 11px}.oc-team-row{min-height:50px}.oc-match-meta{margin-top:8px}}
@media(min-width:601px) and (max-width:850px){.oc-court-body{padding:14px 13px 11px}.oc-match-tag{font-size:10px}}

.oc-sample-tag{display:inline-flex;background:#574321;color:#ffe29d;border:1px solid #976c27;border-radius:6px;font-size:10px;letter-spacing:.6px;padding:3px 6px;margin-left:10px}.oc-clear-sample{font:inherit;font-size:12px;background:#382d24;color:#ffdc9e;border:1px solid #8f6e38;border-radius:7px;padding:8px 12px;cursor:pointer}