/* PHASE 6 UI HOTFIX */
.nav-section{margin:20px 14px 6px;color:#5f6879;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:1.2px}
.sidebar-user{margin-top:auto;border-top:1px solid var(--border-soft,#1d212b);padding-top:14px}
.sidebar-profile{display:flex;align-items:center;gap:10px;text-decoration:none;color:white;padding:8px;border-radius:10px}
.sidebar-profile:hover{background:#171a22}
.sidebar-profile img,.avatar-fallback{width:38px;height:38px;border-radius:50%;object-fit:cover}
.avatar-fallback{display:grid;place-items:center;background:#252b38;font-weight:900}
.sidebar-profile>div:last-child{display:flex;flex-direction:column;min-width:0}
.sidebar-profile strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-profile small{color:#8f97a7;font-size:10px}
.sidebar .logout{display:block;margin-top:8px}

.page-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}
.page-header h1{margin:4px 0 0;font-size:32px}
.btn-primary,.btn-secondary,.btn-danger{
border:1px solid transparent;border-radius:9px;padding:10px 14px;font-weight:850;
display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:white;cursor:pointer}
.btn-primary{background:#e51b23;border-color:#ef333a}.btn-primary:hover{background:#f32a32}
.btn-secondary{background:#1b202a;border-color:#323947}.btn-secondary:hover{background:#242a35}
.btn-danger{background:#4b151c;border-color:#77242e}.btn-danger:hover{background:#5c1922}
.btn-small{padding:7px 10px;font-size:12px}.full{width:100%;margin-top:16px}

.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.metric-card{background:linear-gradient(180deg,#13161d,#0f1117);border:1px solid #252936;border-radius:14px;padding:18px}
.metric-card span{display:block;color:#8f97a7;font-size:12px;margin-bottom:8px}.metric-card strong{font-size:28px}

.dashboard-columns{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}
.simple-list,.member-list,.user-admin-list,.audit-list{display:flex;flex-direction:column;gap:8px}
.simple-row,.user-admin-row{
display:flex;align-items:center;gap:14px;background:#0b0d12;border:1px solid #1d212b;
border-radius:10px;padding:12px 14px;color:white;text-decoration:none}
.simple-row{justify-content:space-between}
.simple-row>div{display:flex;flex-direction:column;gap:3px}.simple-row small{color:#8f97a7}

.status-pill,.role-pill{
display:inline-flex;width:max-content;padding:5px 8px;border-radius:999px;font-size:10px;
font-weight:900;text-transform:uppercase;letter-spacing:.5px;border:1px solid #323947}
.status-draft{color:#aeb5c2;background:#171b23}
.status-active{color:#61d88b;background:#11271a;border-color:#245b37}
.status-finished{color:#f2cf54;background:#2c280e;border-color:#665a1a}

.member-row{display:flex;align-items:center;gap:10px}
.member-row>div:nth-child(2){display:flex;flex-direction:column;gap:2px;min-width:0}
.member-row small{color:#8f97a7}
.member-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover}
.member-avatar.fallback{display:grid;place-items:center;background:#252b38;font-weight:900}
.presence-dot{width:9px;height:9px;border-radius:50%;background:#4d5360;margin-left:auto}
.presence-dot.online{background:#25c66a;box-shadow:0 0 0 4px rgba(37,198,106,.1)}

.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.profile-grid>section:first-child{grid-row:span 2}
.profile-head{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.profile-head h2{margin:0 0 6px}
.profile-avatar{width:86px;height:86px;border-radius:18px;object-fit:cover}
.profile-avatar.fallback{display:grid;place-items:center;background:#252b38;font-size:30px;font-weight:900}

.setup-2fa-panel{max-width:900px}.setup-2fa-grid{display:grid;grid-template-columns:300px 1fr;gap:30px}
.qr-box{background:white;border-radius:14px;padding:18px}.qr-box img{width:100%;display:block}
.secret-code{display:block;background:#090b0f;border:1px solid #252936;padding:12px;border-radius:8px;word-break:break-all}
.recovery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:18px 0}
.recovery-grid code{background:#090b0f;border:1px solid #252936;padding:12px;border-radius:8px;text-align:center;font-size:16px}

.user-admin-row{display:grid;grid-template-columns:1.6fr .7fr .6fr auto}
.user-state{display:flex;align-items:center;gap:8px;color:#cbd1dc}.user-state .presence-dot{margin-left:0}
.row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.row-actions form{margin:0}
.form-panel{max-width:720px}
select{width:100%;background:#090b0f;color:white;border:1px solid #2a303d;padding:11px 12px;border-radius:8px}
.check-row{display:flex;align-items:center;gap:8px;margin:15px 0}.check-row input{width:auto}

.audit-row{display:grid;grid-template-columns:150px 1fr 130px 1.5fr;gap:16px;background:#0b0d12;border:1px solid #1d212b;border-radius:9px;padding:11px 13px}
.audit-row>div:not(.audit-time){display:flex;flex-direction:column;gap:2px}
.audit-row small,.audit-time,.audit-details{color:#8f97a7;font-size:12px}

@media(max-width:1050px){
.dashboard-columns,.profile-grid{grid-template-columns:1fr}
.profile-grid>section:first-child{grid-row:auto}
.user-admin-row{grid-template-columns:1fr 1fr}
.row-actions{grid-column:1/-1}
.audit-row{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
.metric-grid{grid-template-columns:1fr}
.page-header{align-items:flex-start;flex-direction:column}
.page-header>a{width:100%}
.setup-2fa-grid{grid-template-columns:1fr}
.recovery-grid{grid-template-columns:1fr}
.user-admin-row,.audit-row{grid-template-columns:1fr}
}

/* PHASE 6.1 CLEANUP */
.user-admin-row{grid-template-columns:minmax(260px,1.4fr) 110px minmax(170px,.8fr) 100px auto}
.user-times{display:flex;flex-direction:column;gap:2px}
.user-times small{color:#737d91;font-size:10px;text-transform:uppercase;letter-spacing:.5px}
.user-times strong,.user-times span{font-size:12px}
.status-form{display:flex;gap:7px;align-items:center}
.status-form select{width:auto;min-width:120px;padding:9px 10px}
.hero-actions{flex-wrap:wrap}
.hero-actions form{margin:0}
.audit-time{display:flex;flex-direction:column;gap:2px}
.audit-time small{color:#737d91}
.tournament-page-grid{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(600px,1.5fr);gap:18px}
.tournament-list{display:flex;flex-direction:column;gap:8px}
.tournament-row{display:grid;grid-template-columns:minmax(220px,1fr) 100px auto;align-items:center;gap:14px;background:#0b0d12;border:1px solid #1d212b;border-radius:10px;padding:12px 14px}
.tournament-main{display:flex;flex-direction:column;gap:3px}.tournament-main small{color:#8f97a7}
@media(max-width:1100px){
  .user-admin-row{grid-template-columns:1fr 120px}
  .user-times,.row-actions{grid-column:1/-1}
  .tournament-page-grid{grid-template-columns:1fr}
}

/* PHASE 8 LIVE */
.live-update-notice{
    position:sticky;
    top:12px;
    z-index:60;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:12px 14px;
    margin-bottom:14px;
    border-radius:10px;
    background:#2a220d;
    border:1px solid #735f18;
    color:#f2dda5;
    box-shadow:0 8px 28px rgba(0,0,0,.28)
}
.live-update-notice[hidden]{display:none}
