/* v11.3 Session UI — bewusst getrennt vom allgemeinen Admin-Layout. */
.auth-pending .admin-shell{visibility:hidden}
.auth-ready .admin-shell{visibility:visible}

.admin-session-actions{
  justify-self:end;
  display:flex;
  align-items:center;
  gap:8px;
}

.logout-button{
  min-height:34px;
  padding:7px 10px;
  border:1px solid var(--color-border);
  border-radius:var(--radius-xs);
  background:var(--color-surface-soft);
  color:var(--color-text-secondary);
  font:700 12px/1 var(--font-sans);
  cursor:pointer;
  transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-fast);
}

.logout-button:hover{
  color:var(--color-text);
  border-color:var(--color-border-strong);
  background:var(--color-surface-hover);
}

.logout-button:focus-visible{
  outline:2px solid var(--color-accent);
  outline-offset:2px;
}

@media(max-width:640px){
  .admin-session-actions{gap:6px}
  .logout-button{padding-inline:9px}
}