@media screen {
  .server-auth-switch { width:100%; margin-top:15px; color:#4274a9; font-size:12px; }
  .server-password-help { font-size:11px; color:#6b829d; line-height:1.6; }
  .server-admin-dialog { max-width:1000px; width:min(1000px,calc(100vw - 30px)); }
  .server-admin-heading { display:flex; justify-content:space-between; gap:20px; }
  .server-admin-heading h2 { margin:6px 0 12px; }
  .server-admin-heading p { font-size:12px; color:#68819b; line-height:1.7; }
  .server-admin-heading > button { align-self:flex-start; border-radius:50%; width:34px; height:34px; padding:0; }
  .server-admin-tools { display:flex; gap:10px; align-items:center; margin:24px 0 17px; }
  .server-admin-tools select { flex:1; max-width:260px; }
  .server-user { display:flex; justify-content:space-between; align-items:center; gap:20px; background:#ffffff9c; border:1px solid #fff; border-radius:16px; padding:19px; margin-bottom:10px; box-shadow:0 0 0 1px #8daac31c; }
  .server-user > div:first-child { min-width:0; }
  .server-user h3 { font-size:14px; color:#2f5279; overflow-wrap:anywhere; }
  .server-user p { font-size:12px; color:#587b9f; margin:7px 0; overflow-wrap:anywhere; }
  .server-user small { font-size:11px; color:#7189a2; }
  .server-user-actions { display:flex; justify-content:flex-end; gap:7px; flex-wrap:wrap; max-width:470px; }
  .server-user-actions button { font-size:11px; padding:8px 11px; }
  .server-user-actions > span { color:#7189a2; font-size:11px; }
  .server-storage-note { display:block; color:#69839e; font-size:10px; line-height:1.7; margin:8px 0; }
  .server-one-time { display:grid; gap:20px; padding:20px; margin-top:20px; background:#e9f2fc; border-radius:16px; }
  .server-one-time input { user-select:all; font-family:ui-monospace,SFMono-Regular,monospace; }
  #server-password-form { display:flex; flex-direction:column; gap:18px; }
  #server-password-form .auth-message:empty { display:none; }
  .server-mode .network-start-link { display:none; }
  .server-workspace .hub-gallery-actions { flex-wrap:wrap; }
}
@media screen and (max-width:650px) {
  .server-user { flex-direction:column; align-items:stretch; padding:16px; gap:15px; }
  .server-user-actions { justify-content:flex-start; max-width:none; }
  .server-admin-tools { flex-wrap:wrap; }
}