.top-actions { display:flex; align-items:center; gap:10px; min-width:0; max-width:100%; font-size:14px; }
.logout { border:0; background:transparent; color:var(--muted); padding:0; font:inherit; cursor:pointer; }
.account-link { display:block; max-width:12ch; overflow:hidden; color:var(--muted); text-decoration:none; font-weight:750; text-overflow:ellipsis; white-space:nowrap; }
.account-link:hover { color:var(--brand); text-decoration:underline; }
.card { background:var(--panel); border:1px solid var(--line); border-radius:8px; padding:14px; box-shadow:0 1px 2px rgba(20,30,45,.04); }
.btn-row { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px; margin-top:12px; }
.btn-row form { display:inline-flex; margin:0; }
.compact-actions { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
.compact-actions form { display:inline-flex; margin:0; }
.mini-action { min-height:34px; display:inline-flex; align-items:center; justify-content:center; padding:7px 10px; border:1px solid var(--line); border-radius:8px; background:var(--panel); color:var(--brand); font-weight:850; text-decoration:none; white-space:nowrap; }
button.mini-action { font:inherit; cursor:pointer; }
.mini-action.primary { border-color:var(--brand); background:var(--brand); color:#fff; }
.mini-action.danger { color:var(--danger); }
.btn { min-height:36px; display:inline-flex; align-items:center; justify-content:center; padding:7px 11px; border-radius:8px; border:1px solid var(--brand); background:var(--brand); color:#fff; font-weight:800; font-size:14px; text-decoration:none; text-align:center; white-space:nowrap; }
.btn.secondary { background:var(--panel); color:var(--brand); }
.theme-toggle { min-height:34px; border:1px solid var(--line); border-radius:8px; background:color-mix(in srgb, var(--panel) 88%, transparent); color:var(--text); font:inherit; font-weight:800; padding:6px 10px; cursor:pointer; white-space:nowrap; }

@media (max-width:520px) {
  .topbar { gap:6px; padding:8px; }
  .top-actions { gap:6px; }
  .brand { gap:6px; padding-right:7px; font-size:16px; }
  .brand-logo { width:28px; height:28px; }
  .theme-toggle { padding-left:7px; padding-right:7px; }
  .account-link { max-width:7ch; }
  .logout { white-space:nowrap; }
}