/* Inline account security, ordered welcomes and navigation unread counts. */
.security-settings { display:flex; flex-direction:column; gap:28px; min-width:0; }
.security-settings > .active-sessions { border-top:1px solid var(--line); padding-top:24px; }
.active-sessions { display:flex; flex-direction:column; gap:16px; min-width:0; }
.active-sessions h3 { margin:0; }
.background-settings .background-editor { display:flex; flex-direction:column; gap:18px; min-width:0; }
.background-settings .background-preview { padding:14px; min-height:150px; max-height:260px; border:1px solid var(--line); }
.background-settings .background-preview img { display:block; max-width:100%; max-height:230px; border-radius:8px; }
.background-settings .background-actions { display:flex; flex-wrap:wrap; gap:12px; }
.background-settings .background-actions > button { flex:1 1 140px; min-width:0; }
.background-settings > p { margin:0; line-height:1.8; overflow-wrap:anywhere; }
.rail-button { position:relative; }
.rail-button > .rail-unread { position:absolute; top:2px; right:0; min-width:20px; height:20px; padding:0 5px; border-radius:10px; background:var(--danger, #d83a49); color:#fff; font-size:11px; font-weight:700; line-height:20px; text-align:center; box-shadow:0 0 0 2px var(--surface); }
.rail-unread[hidden] { display:none; }
.welcome-settings { display:flex; flex-direction:column; gap:20px; min-width:0; }
.welcome-settings > p { margin:0; line-height:1.8; }
.welcome-settings .template-list { display:flex; flex-direction:column; gap:14px; }
.welcome-settings .welcome-number { flex:none; width:26px; height:26px; display:grid; place-items:center; border-radius:50%; background:var(--primary-soft); color:var(--primary); font-weight:700; }
.welcome-settings .template-summary { min-width:0; overflow-wrap:anywhere; }
.welcome-settings .template-tools { flex-wrap:wrap; }
.welcome-settings .welcome-actions { display:flex; flex-wrap:wrap; gap:12px; }
.welcome-settings .welcome-actions > button { flex:1 1 150px; }
@media (max-width:480px) {
  .security-settings .device-session { flex-wrap:wrap; }
  .security-settings .device-session-details { flex-basis:calc(100% - 40px); }
  .security-settings .device-session > button { margin-left:36px; }
  .welcome-settings .template-row { flex-wrap:wrap; }
  .welcome-settings .template-summary { flex-basis:calc(100% - 44px); }
  .welcome-settings .template-tools { margin-left:36px; }
}