.section-actions { display: flex; gap: 3px; }
.section-actions button { width: 28px; height: 28px; padding: 0; text-align: center; border-radius: 7px; }
.section-actions button:hover { background: #182a40; color: #fff; }
.dialog-content { padding: 25px; display: grid; gap: 16px; max-height: calc(100vh - 30px); overflow: auto; }
.dialog-content header, .dialog-content footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.dialog-content header h2 { margin: 0; font-size: 1.45rem; }
.dialog-content footer { justify-content: flex-end; }
.manage-note { margin: 0; padding: 12px 14px; background: #f5f7fa; border-radius: 10px; line-height: 1.5; }
.manage-mailbox-list { display: grid; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
.manage-mailbox-row { display: flex; align-items: center; gap: 12px; padding: 13px 14px; background: #fff; border-bottom: 1px solid var(--line); }
.manage-mailbox-row:last-child { border-bottom: 0; }
.manage-mailbox-info { min-width: 0; flex: 1; }
.manage-mailbox-info b, .manage-mailbox-info span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.manage-mailbox-info b { font-size: .88rem; }
.manage-mailbox-info span { margin-top: 3px; color: var(--muted); font-size: .72rem; }
.delete-mailbox { border: 1px solid #f1cbd1; background: #fff5f6; color: var(--danger); border-radius: 8px; padding: 8px 10px; font-size: .76rem; font-weight: 750; }
.delete-mailbox:hover { background: #ffe8eb; }
.danger-text { color: var(--danger); }
.danger-modal p { font-size: .9rem; line-height: 1.55; color: #536075; }
.danger-button { border: 0; background: var(--danger); color: #fff; font-weight: 800; border-radius: 10px; padding: 12px 18px; }
.danger-button:hover { background: #bd2d41; }
.danger-button:disabled { opacity: .4; cursor: not-allowed; }
.mailbox-tools { flex-wrap: nowrap; }
.mailbox-tools .icon-btn { flex: 0 0 auto; }
.icon-btn:disabled { opacity: .32; cursor: not-allowed; background: #f4f6f8; }
.icon-btn.starred { color: #d89000; background: #fff8df; border-color: #f0d98e; }
.icon-btn.has-note { color: var(--accent-dark); background: #eaf9f7; border-color: #a9e2da; }
.delete-bin:not(:disabled) { color: var(--danger); background: #fff5f6; border-color: #f1cbd1; }
.mailboxes button i { margin-left: auto; color: var(--accent); font-style: normal; font-size: 1.1rem; line-height: .6; }
.random-address { grid-template-columns: minmax(0, 1.3fr) auto minmax(125px, .8fr); }
.random-button { border: 1px solid #9bded6; background: #eaf9f7; color: var(--accent-dark); border-radius: 10px; padding: 0 12px; font-size: .78rem; font-weight: 800; }
.fixed-storage { display: flex; justify-content: space-between; align-items: center; padding: 12px 14px; border: 1px solid var(--line); border-radius: 10px; color: #46536a; font-size: .84rem; }
.fixed-storage strong { color: var(--ink); }
.confirm-actions { justify-content: center !important; gap: 18px !important; padding-top: 8px !important; }
.confirm-choice { width: 120px; border: 0; border-radius: 12px; padding: 12px; display: grid; place-items: center; gap: 5px; font-weight: 800; }
.confirm-choice span { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; font-size: 1.4rem; }
.cancel-choice { background: #f1f3f6; color: #566275; }
.cancel-choice span { background: #fff; }
.delete-choice { background: #fff0f2; color: var(--danger); }
.delete-choice span { color: #fff; background: var(--danger); }
.inline-user-form { display: grid; grid-template-columns: 1fr 1fr auto; gap: 10px; align-items: end; padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: #f8fafb; }
.inline-user-form .primary { height: 44px; }
.role-chip { display: inline-block !important; color: #087d71; background: #e5f7f4; padding: 2px 6px; border-radius: 5px; font-size: .64rem; margin-left: 5px; }
.delete-mailbox:disabled { opacity: .45; cursor: not-allowed; }
.sidebar { overflow: hidden; }
.sidebar > .brand, .sidebar > .compose, .sidebar > .folders, .sidebar > .sidebar-footer { flex: 0 0 auto; }
#favoriteSection { flex: 0 1 auto; max-height: 180px; overflow-y: auto; }
.sidebar > .sidebar-section:last-of-type { flex: 1 1 auto; min-height: 0; overflow-y: auto; margin-bottom: 12px; }
.sidebar-footer { position: relative; z-index: 1; background: var(--nav); padding-bottom: max(0px, env(safe-area-inset-bottom)); }
.sidebar-backdrop { display: none; }
@media (max-width: 1100px) {
  .topbar { height: auto; min-height: 88px; }
  .mailbox-tools { gap: 6px; }
  .mailbox-tools .icon-btn { width: 38px; height: 38px; }
}
@media (max-width: 820px) {
  .sidebar-backdrop { display: block; position: fixed; inset: 0; z-index: 19; border: 0; padding: 0; background: rgba(4, 11, 20, .56); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .2s, visibility .2s; }
  .sidebar-backdrop.open { opacity: 1; visibility: visible; pointer-events: auto; }
  .sidebar { height: 100dvh; }
  .topbar { gap: 6px; }
  .topbar h2 { font-size: 1.05rem; max-width: 82px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .mailbox-tools { gap: 3px; }
  .mailbox-tools .icon-btn { width: 30px; height: 34px; font-size: .95rem; padding: 0; }
  #mobileMenu { width: 34px; height: 34px; }
  .random-address, .inline-user-form { grid-template-columns: 1fr; }
  .random-button { min-height: 42px; }
}