.site-header .site-nav { display:flex; align-items:center; gap:4px; }
.site-header .site-nav a { display:inline-flex; align-items:center; justify-content:center; min-width:52px; min-height:44px; padding:0 12px; border-radius:10px; color:var(--sub); font-size:13px; text-decoration:none; }
.site-header .site-nav a:hover { color:var(--ink); background:var(--group); }
.site-header .site-nav a[aria-current="page"] { color:var(--ink); background:var(--group); font-weight:650; }
.settings-section { border-top:1px solid var(--line-strong); padding-top:20px; margin-top:36px; }
.settings-section:first-of-type { margin-top:0; }
.settings-section .web-push,.settings-section .notification-channel { border-top:1px solid var(--line); }
.settings-section h3 { margin:0; font-size:14px; font-weight:650; }
.settings-links { display:flex; align-items:center; gap:8px 24px; flex-wrap:wrap; }
.settings-links a,.settings-links button { display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:0; border:0; background:none; color:var(--sub); text-decoration:none; }
.settings-links a:hover,.settings-links button:hover { color:var(--ink); }
.message-back { display:inline-flex; min-height:44px; align-items:center; color:var(--sub); text-decoration:none; }
.message-back:hover { color:var(--ink); }
.workspace-copy a { color:inherit; text-underline-offset:3px; }
.message-list { margin-top:12px; }
.message-list .note-row { padding:0; contain-intrinsic-size:auto; }
.message-list a { display:grid; gap:4px; padding:18px 0; color:var(--ink); text-decoration:none; }
.message-list a:hover { color:var(--sub); }
.message-list .message-meta { color:var(--soft); font-size:12px; }
.message-list .message-preview { overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; color:var(--sub); font-size:13px; white-space:pre-wrap; }
.message-approval { margin-bottom:24px; padding:18px 20px; border:1px solid var(--line); border-radius:18px; background:var(--field); }
.message-approval p { margin:0 0 10px; color:var(--sub); }
.message-approval a { display:inline-flex; min-height:44px; align-items:center; color:var(--ink); font-weight:650; }
.message-pagination { display:flex; gap:16px; align-items:center; justify-content:space-between; margin-top:20px; color:var(--sub); }
.message-pagination a { display:inline-flex; min-height:44px; align-items:center; color:var(--ink); text-decoration:none; }
@media(max-width:600px) {
  .site-header.topbar.shell { flex-wrap:wrap; gap:0 8px; padding-block:6px; }
  .site-header .brand { min-height:44px; }
  .site-header .site-nav { flex:1 0 100%; width:100%; justify-content:space-between; border-top:1px solid var(--line); }
  .site-header .site-nav a { flex:1; min-width:0; padding-inline:8px; }
  .settings-section { margin-top:28px; }
  .message-approval { padding:16px; }
}
