/* VL 3.0 / Pack 3 – public player workspace overlay. Isolated from existing styles. */
.vl3-my-page .page-head{background:linear-gradient(120deg,#12152c 0%,#15233c 58%,#261944 100%)}
.vl3-my-page .page-head .shell{padding-bottom:44px}
.vl3-my-page .page-head p{max-width:68ch}
.vl3-my-page .vl3-hub-breadcrumb{display:flex;align-items:center;gap:10px;color:#a8c4ff;margin-top:10px;font-size:.92rem}
.vl3-my-page .vl3-hub-breadcrumb span{background:rgba(92,121,255,.16);padding:6px 10px;border-radius:10px}
.vl3-my-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:20px;align-items:start;padding-top:28px;padding-bottom:60px}
.vl3-my-card{border:1px solid rgba(153,167,220,.25);border-radius:20px;padding:22px;background:linear-gradient(145deg,rgba(20,30,58,.96),rgba(17,23,44,.94));box-shadow:0 16px 38px rgba(0,0,0,.12);color:#e9efff;min-width:0}
.vl3-my-card>h2,.vl3-my-card h3{color:#f9fbff;margin:0 0 8px}
.vl3-my-lead{color:#b3bfd9;margin:0 0 18px;line-height:1.55}
.vl3-my-overview{grid-column:1/-1}
.vl3-my-card-header{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:14px;flex-wrap:wrap}
.vl3-my-card-header h2{font-size:1.2rem;line-height:1.3;margin:0}
.vl3-my-label{display:block;color:#aab9e3;font-size:.82rem;margin-bottom:8px;font-weight:650}
.vl3-my-search{background:#0d172a!important;color:white!important;border:1px solid #6375ac!important;width:100%;min-height:48px;border-radius:12px;padding:12px 14px;font-size:1rem;outline-offset:3px}
.vl3-my-search:focus{border-color:#73d9fb!important}
.vl3-my-candidates{display:grid;gap:8px;margin-top:12px}
.vl3-my-candidates button{border:1px solid rgba(122,146,194,.3);background:rgba(80,103,180,.12);color:#fff;border-radius:12px;padding:12px 14px;cursor:pointer;text-align:left;display:grid;gap:3px}
.vl3-my-candidates button span{color:#aebddc;font-size:.83rem}
.vl3-my-candidates button:hover,.vl3-my-candidates button:focus-visible{border-color:#78dbf5;background:rgba(84,119,215,.22)}
.vl3-my-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;text-decoration:none;border-radius:11px;border:1px solid rgba(170,191,240,.37);background:rgba(82,111,191,.15);color:white;font-weight:700;min-height:42px;padding:9px 14px;font-size:.92rem;line-height:1.3}
.vl3-my-button:hover{background:rgba(109,143,241,.26);color:white}
.vl3-my-button.primary{background:linear-gradient(130deg,#545cff,#655adf);border-color:#888cff}
.vl3-my-button[aria-disabled="true"]{opacity:.5;pointer-events:none}
.vl3-my-button-row{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}
.vl3-my-content[hidden],#vl3MyIdentity[hidden]{display:none!important}
.vl3-my-person{display:flex;align-items:center;gap:16px}
.vl3-me-person{display:flex;align-items:center;gap:16px;margin:8px 0 20px}
.vl3-me-person img{width:66px;height:66px;object-fit:contain;border-radius:14px;background:#111e3d;border:1px solid #4a5781}
.vl3-me-person h2{font-size:1.5rem;margin:3px 0 4px;overflow-wrap:anywhere}
.vl3-me-person small,.vl3-me-person p{color:#aebdda;margin:0;font-size:.89rem}
.vl3-me-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.vl3-me-metrics>div{background:rgba(95,117,189,.13);padding:14px;border-radius:13px;min-width:0}
.vl3-me-metrics small{display:block;color:#b5c4e4;font-size:.76rem}
.vl3-me-metrics strong{display:block;color:#fff;font-size:1.5rem;font-weight:800;line-height:1.3;margin-top:5px}
.vl3-me-note{font-size:.85rem;color:#a7b5d1;line-height:1.5;margin:15px 0 0}
.vl3-my-notice{font-size:.88rem;color:#b7d5ff;background:rgba(88,120,199,.12);border-left:3px solid #6f91ff;padding:10px 12px;border-radius:8px;margin:12px 0}
.vl3-my-notice[data-kind="ok"]{border-left-color:#64dab5;color:#b5ebdb}
.vl3-my-notice[data-kind="error"]{border-left-color:#fa8a91;color:#ffc6ca}
.vl3-me-fixture{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid rgba(155,171,222,.18);padding:14px 0;color:#dce8ff}
.vl3-me-fixture:last-child{border:0}
.vl3-me-fixture div{min-width:0;display:flex;flex-direction:column;gap:5px}
.vl3-me-fixture small,.vl3-me-fixture span{font-size:.8rem;color:#a7b9de}
.vl3-me-fixture strong{overflow-wrap:anywhere}
.vl3-me-fixture>b{white-space:nowrap;font-size:1.05rem;background:#111d37;border-radius:9px;padding:8px 11px}
.vl3-me-no-matches{line-height:1.6;color:#b5c2de;padding:13px;background:rgba(108,131,220,.12);border-radius:10px}
.vl3-my-minicards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:18px}
.vl3-my-minicards article{background:rgba(95,117,189,.13);border-radius:12px;padding:12px;display:grid;gap:6px}
.vl3-my-minicards small,.vl3-my-minicards span{font-size:.78rem;color:#b7c2df}
.vl3-my-minicards strong{font-size:1.28rem}
.vl3-my-recent{display:grid;gap:8px}.vl3-my-recent>div{display:flex;gap:9px;justify-content:space-between;font-size:.85rem;border-bottom:1px solid rgba(155,171,222,.15);padding:8px 0}
.vl3-my-recent span{color:#b6c4e2}.vl3-my-recent em{font-style:normal;color:#eaf2ff}
.vl3-my-help ol{color:#c1ccea;padding-left:20px;line-height:1.75;margin:8px 0 20px}
.vl3-my-help li{padding-left:3px;margin-bottom:9px}
.vl3-my-help p{font-size:.87rem;color:#adbdde;line-height:1.55}
.vl3-my-skeleton{min-height:130px;border-radius:14px;background:linear-gradient(90deg,#172039,#253354,#172039);animation:vl3-me-loading 1.8s ease-in-out infinite alternate}
@keyframes vl3-me-loading{to{opacity:.55}}
.vl3-me-pill{font-size:.78rem;color:#97e4e7;border:1px solid rgba(117,218,226,.35);border-radius:20px;padding:5px 10px}
@media(max-width:850px){.vl3-my-grid{grid-template-columns:1fr;gap:14px}.vl3-my-overview{grid-column:1}.vl3-my-card{padding:18px}}
@media(max-width:560px){.vl3-me-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.vl3-my-minicards{grid-template-columns:1fr 1fr}.vl3-my-card{border-radius:15px}.vl3-me-person img{width:53px;height:53px}.vl3-me-person h2{font-size:1.18rem}.vl3-my-button{width:100%}.vl3-me-fixture{gap:8px}}
@media(prefers-reduced-motion:reduce){.vl3-my-skeleton{animation:none}}

@media(max-width:800px){.mobile-nav{grid-template-columns:repeat(6,minmax(0,1fr))}.mobile-nav button{font-size:16px}.mobile-nav small{font-size:8px}}
