.security-toolbar{position:fixed;z-index:100000;top:10px;right:14px;display:flex;gap:12px;align-items:center;padding:7px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(10,15,30,.82);backdrop-filter:blur(12px);color:#eef4ff;font:13px/1.3 Inter,system-ui,sans-serif;box-shadow:0 6px 24px rgba(0,0,0,.25)}.security-toolbar form{margin:0}.security-toolbar form input{display:none}.security-toolbar button{border:0;background:transparent;color:#8edbff;padding:0;cursor:pointer;font:inherit}.security-toolbar button:hover{text-decoration:underline}.security-toolbar-app{top:auto;bottom:10px}.security-login-body{min-height:100vh;margin:0;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#17376f,#090d18 60%);color:#f5f7ff;font-family:Inter,system-ui,sans-serif}.security-login-card{width:min(420px,calc(100% - 48px));padding:34px;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:rgba(18,25,48,.86);box-shadow:0 24px 80px rgba(0,0,0,.42);backdrop-filter:blur(16px)}.security-login-card h1{margin:0 0 8px}.security-login-card p{color:#b8c4dc}.security-login-card form{display:grid;gap:18px;margin-top:24px}.security-login-card label{display:grid;gap:8px;color:#dbe5f8}.security-login-card input{box-sizing:border-box;width:100%;padding:12px 14px;border:1px solid #52617d;border-radius:10px;background:#0d1426;color:#fff;font-size:16px}.security-login-card button{padding:12px;border:0;border-radius:10px;background:#4f9cff;color:#061020;font-size:16px;font-weight:700;cursor:pointer}.security-error,.security-warning{margin-top:16px;padding:12px;border-radius:10px}.security-error{background:#5e1f2a;color:#ffdce1}.security-warning{background:#594816;color:#fff1a9}.security-warning code{font-size:12px}

/* v1.6.5 FIX3: Solo Karaoke Admin / Logout lives in the intentionally empty
   right side of the LEFT karaoke header column (the circled area), not attached
   to the mixer pill and never over the console/sidebar. */
.compact-header > .karaoke-security-slot{
    position:absolute;
    right:8px;
    top:50%;
    transform:translateY(-50%);
    display:flex;
    align-items:center;
    justify-content:flex-end;
    z-index:21;
    white-space:nowrap;
    pointer-events:auto;
}
.security-toolbar-inline{
    position:static;
    top:auto;
    right:auto;
    bottom:auto;
    display:flex;
    gap:9px;
    align-items:center;
    padding:5px 10px;
    border-color:rgba(212,175,55,.42);
    background:rgba(8,9,11,.68);
    box-shadow:0 4px 16px rgba(0,0,0,.30);
    font-size:11px;
    color:#f5e5a4;
}
.security-toolbar-inline button{color:#e8c75f;font-weight:700}
.security-toolbar-inline button:hover{color:#fff1aa}

/* Keep the slot from colliding with the centered mixer selector on narrower screens. */
@media (max-width:1250px){
    .compact-header > .karaoke-security-slot{right:4px}
    .security-toolbar-inline{padding:4px 7px;font-size:10px;gap:6px}
}
@media (max-width:980px){
    .compact-header > .karaoke-security-slot{display:none}
}


/* Karaoke Maker v0.3.1: account toolbar lives above the Stem Engine badge. */
.security-toolbar-kmaker{
    position:static;
    top:auto; right:auto; bottom:auto;
    padding:5px 10px;
    border-color:rgba(212,175,55,.42);
    background:rgba(8,9,11,.70);
    box-shadow:0 4px 16px rgba(0,0,0,.30);
    font-size:11px;
    color:#f5e5a4;
}
.security-toolbar-kmaker button{color:#e8c75f;font-weight:700}
@media (max-width:760px){
    .security-toolbar-kmaker{font-size:10px;padding:4px 8px}
}