body.signal-social-open{overflow:hidden}
.signal-social-page{position:fixed;inset:0;z-index:9000;display:none;background:var(--bg,#f6f7f9);overflow:auto;color:var(--text,#1f252b)}
.signal-social-page.open{display:block}
.signal-social-shell{min-height:100vh;width:min(1500px,100%);margin:0 auto;padding:22px clamp(14px,3vw,38px) 48px}
.signal-social-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:8px 0 18px;border-bottom:1px solid rgba(127,127,127,.25)}
.signal-social-header h1{margin:.1rem 0 0;font-size:clamp(1.6rem,3vw,2.5rem)}
.signal-social-close{border:0;background:transparent;font-size:2.4rem;line-height:1;cursor:pointer;color:inherit;padding:.2rem .6rem}
.signal-social-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:16px 0;position:sticky;top:0;z-index:4;background:var(--bg,#f6f7f9)}
.signal-social-tab,.signal-mod-filter{border:1px solid rgba(127,127,127,.3);background:var(--card,#fff);border-radius:999px;padding:.65rem 1rem;cursor:pointer;color:inherit}
.signal-social-tab.active,.signal-mod-filter.active{font-weight:750;box-shadow:inset 0 0 0 2px currentColor}
.signal-social-main{min-height:60vh}
.signal-social-loading,.signal-social-empty{padding:28px;text-align:center;opacity:.72}
.signal-social-split{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:18px;align-items:start}
.signal-social-sidebar,.signal-social-detail{min-width:0}.signal-social-detail{background:var(--card,#fff);border:1px solid rgba(127,127,127,.25);border-radius:18px;min-height:62vh;padding:18px}
.signal-social-card{background:var(--card,#fff);border:1px solid rgba(127,127,127,.25);border-radius:16px;padding:18px;margin-bottom:14px}.signal-social-card h2,.signal-social-card h3,.signal-social-card h4{margin-top:0}
.signal-social-card label{display:grid;gap:6px;margin:12px 0}.signal-social-card input:not([type=checkbox]),.signal-social-card select,.signal-social-card textarea,.signal-social-detail textarea,.signal-social-detail input:not([type=checkbox]),.signal-social-detail select{width:100%;box-sizing:border-box;border:1px solid rgba(127,127,127,.35);border-radius:10px;padding:.72rem;background:var(--input-bg,#fff);color:inherit}
.signal-social-list{display:grid;gap:8px;margin-top:12px}.signal-social-list-row{display:flex;width:100%;justify-content:space-between;align-items:center;gap:10px;text-align:left;border:1px solid rgba(127,127,127,.25);background:var(--card,#fff);border-radius:13px;padding:12px;color:inherit;cursor:pointer}.signal-social-list-row.static{cursor:default}.signal-social-list-row.active{box-shadow:inset 0 0 0 2px currentColor}.signal-social-list-row span{display:grid;gap:4px;min-width:0}.signal-social-list-row strong{overflow-wrap:anywhere}.signal-social-list-row small{opacity:.68}.signal-social-count{min-width:1.7rem;height:1.7rem;border-radius:999px;display:grid;place-items:center;background:#2c9a59;color:white}.signal-social-badge{display:inline-flex;padding:.2rem .55rem;border-radius:999px;background:rgba(127,127,127,.16);font-size:.8rem}.signal-social-badge.warn{background:#c98b1b;color:#fff}
.signal-social-search-results{display:grid;gap:6px;margin-top:8px}.signal-social-search-result{border:1px solid rgba(127,127,127,.25);border-radius:10px;padding:10px;background:transparent;color:inherit;text-align:left;cursor:pointer;display:grid;gap:3px}.signal-social-selected{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(127,127,127,.25);border-radius:10px;padding:10px}
.signal-social-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.signal-social-full{width:100%}
.signal-thread-head,.signal-case-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(127,127,127,.22)}.signal-thread-head h2,.signal-case-head h2{margin:.15rem 0}.signal-thread-messages{display:flex;flex-direction:column;gap:10px;max-height:54vh;overflow:auto;padding:16px 2px}.signal-thread-message{max-width:min(78%,760px);border-radius:14px;padding:10px 12px;background:rgba(127,127,127,.11);align-self:flex-start}.signal-thread-message.is-self{align-self:flex-end;background:rgba(66,135,245,.14)}.signal-thread-message>div{display:flex;gap:12px;justify-content:space-between;align-items:baseline}.signal-thread-message p{margin:.45rem 0 0;overflow-wrap:anywhere}.signal-thread-message small{opacity:.62;white-space:nowrap}.signal-thread-composer{display:grid;gap:8px;padding-top:14px;border-top:1px solid rgba(127,127,127,.22)}
.signal-social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.signal-social-span-2{grid-column:1/-1}.signal-check{display:flex!important;align-items:center;gap:8px!important}.signal-check input{width:auto!important}
.signal-social-modal{position:fixed;inset:0;z-index:9100;background:rgba(0,0,0,.52);display:grid;place-items:center;padding:18px}.signal-social-modal-card{position:relative;width:min(650px,100%);max-height:90vh;overflow:auto;background:var(--card,#fff);border-radius:18px;padding:24px;color:inherit}.signal-social-modal-close{position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:2rem;color:inherit;cursor:pointer}.signal-social-modal-body label{display:grid;gap:6px;margin:12px 0}.signal-social-modal-body input,.signal-social-modal-body select,.signal-social-modal-body textarea{width:100%;box-sizing:border-box;padding:.7rem;border-radius:10px;border:1px solid rgba(127,127,127,.35);background:var(--input-bg,#fff);color:inherit}
.signal-case-meta{display:flex;gap:10px;flex-wrap:wrap;opacity:.82}.signal-case-participants,.signal-case-files,.signal-social-privacy-note{border-radius:12px;background:rgba(127,127,127,.09);padding:12px;margin:12px 0}.signal-case-files{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.signal-case-files a{overflow-wrap:anywhere}.signal-case-user-actions{margin:10px 0}.signal-support-session-grant summary,.signal-case-audit summary,.signal-case-notes summary,.signal-admin-area summary{cursor:pointer;font-weight:750}.signal-session-grant-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.signal-session-grant-controls .btn{width:auto}.signal-case-audit{margin-top:14px}.signal-audit-row{padding:8px;border-bottom:1px solid rgba(127,127,127,.18);font-size:.9rem}.signal-case-notes article{padding:12px 0;border-bottom:1px solid rgba(127,127,127,.18)}.signal-case-notes article small{display:block;opacity:.65}.signal-case-notes article p{margin:.4rem 0}.signal-social-file-compact{display:flex!important;gap:8px;align-items:center}.signal-social-file-compact input{width:auto!important}
.signal-moderation-summary{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.signal-moderation-summary span{display:grid;min-width:120px;background:var(--card,#fff);border:1px solid rgba(127,127,127,.25);border-radius:14px;padding:10px 14px}.signal-moderation-summary strong{font-size:1.5rem}.signal-mod-filters{display:flex;gap:6px;flex-wrap:wrap}.signal-mod-case-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center}.signal-mod-tools{margin-top:18px}.signal-mod-tool-grid,.signal-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.signal-ai-answer{margin:10px 0;white-space:normal}.signal-close-case{margin-top:12px}.signal-admin-area{margin-top:18px;background:var(--card,#fff);border:1px solid rgba(127,127,127,.25);border-radius:16px;padding:16px}.signal-admin-selected{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.signal-admin-selected>strong{grid-column:1/-1}
@media(max-width:850px){.signal-social-shell{padding:12px}.signal-social-split{grid-template-columns:1fr}.signal-social-sidebar{max-height:none}.signal-social-detail{min-height:50vh}.signal-social-grid,.signal-mod-tool-grid,.signal-admin-grid{grid-template-columns:1fr}.signal-social-span-2{grid-column:auto}.signal-thread-message{max-width:92%}.signal-session-grant-controls{grid-template-columns:1fr}.signal-admin-selected{grid-template-columns:1fr}.signal-admin-selected>strong{grid-column:auto}.signal-social-tabs{top:0}}
.signal-message-mini-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:7px}.signal-message-mini-actions .btn{font-size:.78rem;padding:.35rem .55rem}
.signal-report-snapshots{margin:12px 0;padding:12px;border-radius:12px;background:rgba(127,127,127,.09)}.signal-report-snapshots article{padding:9px 0;border-bottom:1px solid rgba(127,127,127,.18)}.signal-report-snapshots article:last-child{border-bottom:0}.signal-report-snapshots p{margin:.35rem 0 0}
.signal-metric-row{display:grid;grid-template-columns:minmax(170px,1.3fr) repeat(4,minmax(90px,auto));gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(127,127,127,.16)}.signal-metric-row span{font-size:.9rem;opacity:.8}
.signal-report-history-counts{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.signal-report-history-counts span{display:grid;min-width:92px;padding:9px 11px;border-radius:11px;background:rgba(127,127,127,.09)}.signal-report-history-counts strong{font-size:1.2rem}.signal-history-row{display:grid;gap:3px;padding:9px 0;border-bottom:1px solid rgba(127,127,127,.16)}.signal-history-row span{font-size:.86rem;opacity:.72}.signal-quota-current{grid-column:1/-1;padding:10px;border-radius:10px;background:rgba(127,127,127,.09)}
@media(max-width:850px){.signal-metric-row{grid-template-columns:1fr 1fr}.signal-metric-row strong{grid-column:1/-1}}

/* ================================================================
   SIGNALREITER v0.10.16b - real inbox + session share/support UI
   ================================================================ */
.signal-inbox-card,.signal-conversation-card{display:grid;gap:10px}
.signal-social-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.signal-social-section-head h2{margin:0}
.signal-inbox-list{max-height:310px;overflow:auto}
.signal-inbox-row.unread{border-color:color-mix(in srgb,var(--app-primary) 58%,var(--app-panel-border));background:color-mix(in srgb,var(--app-primary) 10%,var(--app-panel))}
.signal-inbox-detail{display:grid;gap:13px}
.signal-inbox-body{white-space:pre-wrap;line-height:1.55;margin:0}
.signal-share-invite-summary{display:grid;gap:5px;padding:13px;border:1px solid var(--app-panel-border);border-radius:13px;background:color-mix(in srgb,var(--app-panel) 88%,transparent)}
.signal-share-invite-summary span{color:var(--app-muted);font-size:.88rem}
.signal-social-help{color:var(--app-muted);line-height:1.5}
.signal-support-session-request-card,.signal-session-grant-direct{display:grid;gap:10px;padding:13px;border:1px solid var(--app-panel-border);border-radius:13px;background:color-mix(in srgb,var(--app-panel) 88%,transparent)}
.signal-support-session-request-card small{color:var(--app-muted)}
.signal-support-direct-share{margin-top:12px}
.workspace-moderation-host .signal-admin-area{margin-top:18px}
.workspace-moderation-host .signal-moderation-summary{margin-bottom:14px}

/* v0.10.18 FULL FULL - contact code lookup */
.signal-contact-code-lookup{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}.signal-contact-code-lookup label{display:grid;gap:6px}.signal-contact-code-lookup .signal-social-search-results{grid-column:1/-1}.signal-social-tabs{overflow-x:auto;scrollbar-width:thin}.signal-social-tab{flex:0 0 auto}
@media(max-width:640px){.signal-contact-code-lookup{grid-template-columns:1fr}.signal-contact-code-lookup .signal-social-search-results{grid-column:auto}}


/* ================================================================
   SIGNALREITER v0.10.18c - mailbox cleanup / tabs / compact settings
   ================================================================ */
.signal-social-tabs{flex-wrap:nowrap;align-items:center}
.signal-social-tab-support{margin-left:auto;opacity:.82}
.signal-social-tab-support.active{opacity:1}
.signal-social-header .eyebrow{display:none!important}
.signal-mail-layout .signal-social-sidebar{display:grid;gap:14px;align-content:start}
.signal-mail-layout .signal-social-card{margin-bottom:0}
.signal-mail-layout .signal-inbox-list{max-height:56vh}
.signal-mail-row{min-height:58px}
.signal-mail-row.active{box-shadow:inset 0 0 0 2px currentColor}
.signal-system-card{margin-bottom:14px}
.signal-code-row{display:grid;grid-template-columns:minmax(90px,.45fr) minmax(150px,.55fr);gap:8px;align-items:end}
.signal-contact-code.is-hidden{display:none!important}
@media(max-width:700px){
  .signal-social-tab-support{margin-left:0}
  .signal-social-tabs{overflow-x:auto}
  .signal-social-tab{white-space:nowrap}
  .signal-code-row{grid-template-columns:minmax(80px,.42fr) minmax(120px,.58fr)}
}

/* ================================================================
   SIGNALREITER v0.10.18d - Outlook-style mail + separate chat + themes
   ================================================================ */
.signal-social-page{
  background:var(--app-bg);
  color:var(--app-text);
}
.signal-social-tabs{background:color-mix(in srgb,var(--app-bg) 96%,transparent)}
.signal-social-tab,.signal-mod-filter,.signal-social-card,.signal-social-detail,
.signal-social-modal-card,.signal-moderation-summary span,.signal-admin-area,
.signal-social-list-row{
  background:var(--app-panel);
  border-color:var(--app-panel-border);
  color:var(--app-text);
}
.signal-social-card input:not([type=checkbox]),.signal-social-card select,.signal-social-card textarea,
.signal-social-detail textarea,.signal-social-detail input:not([type=checkbox]),.signal-social-detail select,
.signal-social-modal-body input,.signal-social-modal-body select,.signal-social-modal-body textarea{
  background:var(--app-panel-strong);
  border-color:var(--app-panel-border);
  color:var(--app-text);
}
.signal-social-search-result,.signal-social-selected{border-color:var(--app-panel-border);color:var(--app-text)}
.signal-social-search-result:hover,.signal-mail-folder-list button:hover,.signal-mail-list-row:hover{
  background:color-mix(in srgb,var(--app-primary) 8%,var(--app-panel));
}

.signal-mail-shell{
  display:grid;
  grid-template-columns:210px minmax(300px,430px) minmax(0,1fr);
  min-height:66vh;
  border:1px solid var(--app-panel-border);
  border-radius:18px;
  overflow:hidden;
  background:var(--app-panel);
}
.signal-mail-folders{
  display:grid;
  align-content:start;
  gap:14px;
  padding:16px;
  border-right:1px solid var(--app-panel-border);
  background:color-mix(in srgb,var(--app-panel) 88%,var(--app-bg));
}
.signal-mail-compose{width:100%}
.signal-mail-folder-list{display:grid;gap:5px}
.signal-mail-folder-list button{
  width:100%;
  border:0;
  border-radius:10px;
  padding:10px 12px;
  background:transparent;
  color:var(--app-text);
  text-align:left;
  cursor:pointer;
}
.signal-mail-folder-list button.active{
  background:color-mix(in srgb,var(--app-primary) 16%,var(--app-panel));
  font-weight:800;
}
.signal-mail-list-pane{
  min-width:0;
  border-right:1px solid var(--app-panel-border);
  background:var(--app-panel);
}
.signal-mail-list-head{
  padding:17px 16px 13px;
  border-bottom:1px solid var(--app-panel-border);
}
.signal-mail-list-head h2{margin:0;font-size:1.2rem}
.signal-mail-list{display:grid;align-content:start;max-height:70vh;overflow:auto}
.signal-mail-list-row{
  position:relative;
  display:grid;
  gap:5px;
  width:100%;
  padding:13px 14px;
  border:0;
  border-bottom:1px solid var(--app-panel-border);
  background:var(--app-panel);
  color:var(--app-text);
  text-align:left;
  cursor:pointer;
}
.signal-mail-list-row.unread{background:color-mix(in srgb,var(--app-primary) 10%,var(--app-panel))}
.signal-mail-list-row.unread>strong{font-weight:900}
.signal-mail-row-top{display:flex;justify-content:space-between;gap:12px;align-items:baseline;min-width:0}
.signal-mail-row-top span,.signal-mail-row-top strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.signal-mail-row-top time,.signal-mail-list-row small{color:var(--app-muted);font-size:.82rem}
.signal-mail-list-row>strong,.signal-mail-list-row>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.signal-mail-list-row .signal-social-count{position:absolute;right:12px;bottom:10px}
.signal-mail-reading-pane{min-width:0;padding:18px;background:var(--app-panel);overflow:auto}
.signal-mail-reading-pane>.signal-social-empty{min-height:44vh;display:grid;place-items:center}
.signal-mail-compose-panel{display:grid;gap:13px;max-width:900px}
.signal-mail-compose-panel header h2{margin:0}
.signal-mail-compose-panel label{display:grid;gap:6px}
.signal-mail-compose-panel input,.signal-mail-compose-panel textarea{
  width:100%;box-sizing:border-box;border:1px solid var(--app-panel-border);border-radius:10px;
  padding:.75rem;background:var(--app-panel-strong);color:var(--app-text)
}
.signal-mail-recipient{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px;color:var(--app-muted)}
.signal-mail-compose-actions{margin-top:2px}
.signal-mail-thread-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid var(--app-panel-border)}
.signal-mail-thread-head span{color:var(--app-muted)}
.signal-mail-thread-head h2{margin:.25rem 0 0}
.signal-mail-thread-messages{display:grid;gap:12px;padding:16px 0}
.signal-mail-message{padding:14px 15px;border:1px solid var(--app-panel-border);border-radius:12px;background:color-mix(in srgb,var(--app-panel) 94%,var(--app-bg))}
.signal-mail-message header,.signal-mail-news-detail header{display:flex;justify-content:space-between;gap:14px;align-items:baseline}
.signal-mail-message time,.signal-mail-news-detail time{color:var(--app-muted);font-size:.82rem;white-space:nowrap}
.signal-mail-message p,.signal-mail-news-detail p{line-height:1.55;margin:.75rem 0 0;overflow-wrap:anywhere}
.signal-mail-reply{display:grid;gap:9px;padding-top:15px;border-top:1px solid var(--app-panel-border)}
.signal-mail-reply h3{margin:0}
.signal-mail-reply textarea{width:100%;box-sizing:border-box;border:1px solid var(--app-panel-border);border-radius:10px;padding:.75rem;background:var(--app-panel-strong);color:var(--app-text)}
.signal-mail-reply .btn{justify-self:start}
.signal-mail-news-detail{max-width:900px}
.signal-mail-news-detail h2{margin:.7rem 0}

.signal-chat-layout .signal-social-detail{background:var(--app-panel)}
.signal-chat-layout .signal-thread-message{background:color-mix(in srgb,var(--app-text) 7%,var(--app-panel))}
.signal-chat-layout .signal-thread-message.is-self{background:color-mix(in srgb,var(--app-primary) 18%,var(--app-panel))}

@media(max-width:1050px){
  .signal-mail-shell{grid-template-columns:180px minmax(280px,360px) minmax(0,1fr)}
}
@media(max-width:820px){
  .signal-mail-shell{grid-template-columns:150px minmax(0,1fr)}
  .signal-mail-reading-pane{grid-column:1/-1;border-top:1px solid var(--app-panel-border);min-height:40vh}
  .signal-mail-list-pane{border-right:0}
}
@media(max-width:560px){
  .signal-mail-shell{display:block;border-radius:14px}
  .signal-mail-folders{border-right:0;border-bottom:1px solid var(--app-panel-border)}
  .signal-mail-folder-list{display:flex;gap:5px;overflow-x:auto}
  .signal-mail-folder-list button{width:auto;white-space:nowrap}
  .signal-mail-list{max-height:42vh}
  .signal-mail-reading-pane{padding:14px}
}


/* v0.10.18f - strict two-column mail, trash, clearer friends/contact-code UX */
.signal-mail-shell.signal-mail-two-column{display:grid;grid-template-columns:minmax(165px,210px) minmax(0,1fr);min-height:68vh;border:1px solid var(--app-panel-border);border-radius:16px;overflow:hidden;background:var(--app-panel)}
.signal-mail-two-column .signal-mail-folders{border-right:1px solid var(--app-panel-border);border-bottom:0;padding:14px;align-content:start;background:color-mix(in srgb,var(--app-panel) 94%,var(--app-bg))}
.signal-mail-work-pane{min-width:0;padding:18px;overflow:auto;background:var(--app-panel)}
.signal-mail-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:0 0 14px;border-bottom:1px solid var(--app-panel-border)}
.signal-mail-list-head h2{margin:0}.signal-mail-list-head small{display:block;margin-top:4px;color:var(--app-muted)}
.signal-mail-list{max-height:none;overflow:visible}
.signal-mail-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:0;border:0;border-bottom:1px solid var(--app-panel-border);border-radius:0;background:transparent}
.signal-mail-list-open{position:relative;display:grid;gap:4px;width:100%;min-width:0;padding:13px 10px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.signal-mail-list-open:hover{background:color-mix(in srgb,var(--app-primary) 7%,transparent)}
.signal-mail-row-actions{display:flex;gap:6px;align-items:center;padding-right:8px}
.signal-mail-compose-panel,.signal-mail-news-detail{max-width:none;width:100%}
.signal-mail-compose-panel header p{margin:.4rem 0 0;color:var(--app-muted)}
.signal-inline-confirm{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:14px 0;padding:12px;border:1px solid color-mix(in srgb,var(--app-danger) 35%,var(--app-panel-border));border-radius:12px;background:color-mix(in srgb,var(--app-danger) 7%,var(--app-panel))}
.signal-my-code{display:grid;gap:9px}.signal-my-code label{display:grid;gap:6px}.signal-my-code input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:800;letter-spacing:.04em}
.signal-code-generator{display:grid;gap:9px}.signal-code-generator p{margin:0;color:var(--app-muted)}
.signal-contact-duration{display:grid;grid-template-columns:minmax(80px,120px) minmax(110px,150px) auto;gap:8px;align-items:end}
.signal-friends-grid .signal-social-card label{display:grid;gap:6px}
.signal-friends-grid .signal-contact-code-lookup{border-top:0;padding-top:0;margin-top:0}
@media(max-width:760px){.signal-mail-shell.signal-mail-two-column{grid-template-columns:1fr;display:block}.signal-mail-two-column .signal-mail-folders{border-right:0;border-bottom:1px solid var(--app-panel-border)}.signal-mail-folder-list{display:flex;overflow-x:auto}.signal-mail-folder-list button{width:auto;white-space:nowrap}.signal-mail-work-pane{padding:14px}.signal-contact-duration{grid-template-columns:1fr 1fr}.signal-contact-duration .btn{grid-column:1/-1}.signal-mail-list-row{grid-template-columns:1fr}.signal-mail-row-actions{padding:0 10px 10px}}

/* ================================================================
   SIGNALREITER v0.10.18h - rich mail editor, search, News recipient + stable dropdown
   ================================================================ */
.signal-mail-right-column{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--app-panel)}
.signal-mail-searchbar{display:flex;align-items:center;gap:8px;padding:11px 16px;border-bottom:1px solid var(--app-panel-border);background:color-mix(in srgb,var(--app-panel) 96%,var(--app-bg))}
.signal-mail-searchbar>span{color:var(--app-muted);font-size:1.15rem}
.signal-mail-searchbar input{flex:1;min-width:0;box-sizing:border-box;border:1px solid var(--app-panel-border);border-radius:10px;padding:.65rem .75rem;background:var(--app-panel-strong);color:var(--app-text)}
.signal-mail-searchbar button{border:0;background:transparent;color:var(--app-muted);font-size:1.2rem;cursor:pointer;padding:.2rem .45rem}
.signal-mail-search-folder{display:inline-flex;align-items:center;border:1px solid var(--app-panel-border);border-radius:999px;padding:.1rem .45rem;color:var(--app-muted);font-size:.76rem;white-space:nowrap}
.signal-mail-recipient-label{display:grid;gap:6px}
.signal-mail-recipient-field{min-height:47px;display:flex;align-items:center;gap:8px;border:1px solid var(--app-panel-border);border-radius:10px;padding:5px 7px;background:var(--app-panel-strong)}
.signal-mail-recipient-field:focus-within{outline:2px solid color-mix(in srgb,var(--app-primary) 65%,transparent);outline-offset:1px}
.signal-mail-recipient-field>input{flex:1;min-width:100px;border:0!important;background:transparent!important;padding:.55rem!important;outline:0!important}
.signal-mail-recipient-chip{display:flex;align-items:center;gap:8px;max-width:100%;border-radius:999px;padding:.48rem .55rem .48rem .75rem;background:color-mix(in srgb,var(--app-primary) 18%,var(--app-panel));border:1px solid color-mix(in srgb,var(--app-primary) 42%,var(--app-panel-border))}
.signal-mail-recipient-chip strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.signal-mail-recipient-chip button{width:28px;height:28px;border:0;border-radius:999px;background:transparent;color:inherit;cursor:pointer;font-size:1.15rem;line-height:1}
.signal-mail-news-recipient{flex:0 0 auto;border:1px solid color-mix(in srgb,var(--app-primary) 45%,var(--app-panel-border));border-radius:999px;padding:.45rem .65rem;background:color-mix(in srgb,var(--app-primary) 12%,var(--app-panel));color:var(--app-text);cursor:pointer;font-weight:750}
.signal-mail-body-label{display:grid;gap:6px}
.signal-rich-editor{border:1px solid var(--app-panel-border);border-radius:12px;overflow:hidden;background:var(--app-panel-strong)}
.signal-rich-toolbar{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:8px;border-bottom:1px solid var(--app-panel-border);background:color-mix(in srgb,var(--app-panel) 85%,var(--app-panel-strong))}
.signal-rich-toolbar button,.signal-editor-image-button{min-height:34px;border:1px solid var(--app-panel-border);border-radius:8px;padding:.35rem .55rem;background:var(--app-panel);color:var(--app-text);cursor:pointer;font:inherit}
.signal-rich-toolbar button:hover,.signal-editor-image-button:hover{background:color-mix(in srgb,var(--app-primary) 11%,var(--app-panel))}
.signal-editor-image-button{display:inline-flex!important;align-items:center!important;gap:4px!important;margin:0!important;width:auto!important}

.signal-editor-block-menu{position:relative;display:inline-flex;align-items:center}
.signal-editor-block-toggle{min-width:150px!important;display:flex!important;align-items:center;justify-content:space-between;gap:12px;white-space:nowrap}
.signal-editor-block-options{position:absolute;z-index:40;left:0;top:calc(100% + 5px);min-width:190px;padding:5px;border:1px solid var(--app-panel-border);border-radius:10px;background:var(--app-panel-strong);box-shadow:var(--app-shadow);color:var(--app-text)}
.signal-editor-block-options[hidden]{display:none!important}
.signal-editor-block-options button{display:block;width:100%;text-align:left;border:0!important;background:transparent!important;color:var(--app-text)!important;border-radius:7px!important;padding:.55rem .65rem!important}
.signal-editor-block-options button:hover,.signal-editor-block-options button[aria-selected="true"]{background:color-mix(in srgb,var(--app-primary) 16%,var(--app-panel-strong))!important}
.signal-editor-link-row{display:flex;gap:7px;padding:8px;border-bottom:1px solid var(--app-panel-border)}
.signal-editor-link-row input{flex:1;min-width:0;margin:0}
.signal-rich-editor-body{min-height:220px;padding:14px 16px;outline:0;line-height:1.55;overflow-wrap:anywhere;background:var(--app-panel);color:var(--app-text)}
.signal-rich-editor-body:empty:before{content:attr(data-placeholder);color:var(--app-muted);pointer-events:none}
.signal-rich-editor-body img,.signal-mail-rendered-body img{max-width:100%;height:auto;border-radius:8px;display:block;margin:.7rem 0}
.signal-rich-editor-body h2,.signal-rich-editor-body h3,.signal-mail-rendered-body h2,.signal-mail-rendered-body h3{margin:.8rem 0 .4rem}
.signal-rich-editor-body p,.signal-mail-rendered-body p{margin:.5rem 0;line-height:1.55}
.signal-rich-editor-body ul,.signal-rich-editor-body ol,.signal-mail-rendered-body ul,.signal-mail-rendered-body ol{padding-left:1.5rem}
.signal-editor-status{display:block;min-height:1em;padding:0 8px 8px;color:var(--app-muted)}
.signal-mail-ai{border:1px solid var(--app-panel-border);border-radius:11px;padding:11px 13px;background:color-mix(in srgb,var(--app-primary) 5%,var(--app-panel))}
.signal-mail-ai summary{cursor:pointer;font-weight:750}
.signal-mail-ai p{color:var(--app-muted);line-height:1.45}
.signal-mail-ai textarea{width:100%;box-sizing:border-box;border:1px solid var(--app-panel-border);border-radius:9px;padding:.7rem;background:var(--app-panel-strong);color:var(--app-text)}
.signal-mail-rendered-body{line-height:1.55;overflow-wrap:anywhere}
.signal-news-permission-row>span{display:grid;gap:3px;min-width:0}.signal-news-permission-row small{color:var(--app-muted)}
@media(max-width:760px){.signal-rich-toolbar{overflow-x:auto;flex-wrap:nowrap}.signal-rich-toolbar>*{flex:0 0 auto}.signal-rich-editor-body{min-height:180px}.signal-mail-searchbar{padding:9px 12px}}


/* ================================================================
   SIGNALREITER v0.10.18i - editor selection/alignment, file/PDF, AI web + spinner
   ================================================================ */
.signal-editor-link-row[hidden]{display:none!important}
.signal-rich-toolbar [data-editor-align]{min-width:38px;font-family:ui-sans-serif,system-ui,sans-serif;font-weight:800;letter-spacing:-.08em}
.signal-mail-file-link{display:inline-flex;align-items:center;gap:.4rem;margin:.45rem 0;padding:.55rem .7rem;border:1px solid var(--app-panel-border);border-radius:9px;background:color-mix(in srgb,var(--app-primary) 7%,var(--app-panel));color:var(--app-link,var(--app-primary));text-decoration:none;font-weight:650}
.signal-mail-file-link:hover{text-decoration:underline;background:color-mix(in srgb,var(--app-primary) 12%,var(--app-panel))}
.signal-mail-ai-web{display:flex!important;align-items:flex-start!important;gap:.55rem!important;margin:.75rem 0!important;padding:.65rem .75rem;border:1px solid var(--app-panel-border);border-radius:9px;background:color-mix(in srgb,var(--app-panel-strong) 75%,transparent)}
.signal-mail-ai-web>input{flex:0 0 auto;width:auto!important;margin:.2rem 0 0!important}
.signal-mail-ai-web>span{display:grid;gap:2px;min-width:0}.signal-mail-ai-web small{display:block;color:var(--app-muted);line-height:1.35}
.signal-mail-ai-web:has(input:disabled){opacity:.65}
.signal-ai-spinner{display:inline-block;width:1em;height:1em;border:.16em solid currentColor;border-right-color:transparent;border-radius:50%;animation:signalAiSpin .7s linear infinite;vertical-align:-.12em;margin-right:.4rem}
@keyframes signalAiSpin{to{transform:rotate(360deg)}}
.btn.is-loading{cursor:wait}
.signal-rich-editor-body [style*="text-align:center"],.signal-mail-rendered-body [style*="text-align:center"]{text-align:center}
.signal-rich-editor-body [style*="text-align:right"],.signal-mail-rendered-body [style*="text-align:right"]{text-align:right}
.signal-rich-editor-body [style*="text-align:justify"],.signal-mail-rendered-body [style*="text-align:justify"]{text-align:justify}


/* ================================================================
   SIGNALREITER v0.10.18j - compact drafts + reliable link editor
   ================================================================ */
.signal-editor-link-row{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(260px,1.4fr) auto;gap:8px;align-items:end}
.signal-editor-link-row>label{display:grid!important;gap:4px!important;min-width:0;margin:0!important}
.signal-editor-link-row>label>span{font-size:.78rem;color:var(--app-muted)}
.signal-editor-link-row input{width:100%;box-sizing:border-box}
.signal-editor-link-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.signal-mail-draft-preview{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden!important;white-space:normal!important;line-height:1.35;max-height:2.7em}
@media(max-width:860px){.signal-editor-link-row{grid-template-columns:1fr}.signal-editor-link-actions{justify-content:flex-start}}

/* SIGNALREITER since v0.10.18k - visible mail links */
.signal-rich-editor-body a[href]:not([data-mail-file]),
.signal-mail-rendered-body a[href]:not([data-mail-file]){
  color:var(--app-link,var(--app-primary));
  text-decoration:underline;
  text-decoration-thickness:.08em;
  text-underline-offset:.16em;
  cursor:pointer;
  font-weight:600;
}
.signal-rich-editor-body a[href]:not([data-mail-file]):hover,
.signal-mail-rendered-body a[href]:not([data-mail-file]):hover{
  text-decoration-thickness:.13em;
  filter:brightness(1.08);
}


/* ================================================================
   SIGNALREITER v0.10.18l - compact mail lists + visible trash confirm
   ================================================================ */
.signal-mail-list-preview{
  display:-webkit-box!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden!important;
  white-space:normal!important;
  text-overflow:ellipsis;
  line-height:1.35;
  max-height:4.05em;
  overflow-wrap:anywhere;
}
.signal-mail-row-actions{flex-wrap:wrap;justify-content:flex-end}
.signal-mail-list-head #signalMailFolderActions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.signal-empty-trash-question{font-size:.9rem;color:var(--app-muted);font-weight:700}
@media(max-width:760px){
  .signal-mail-row-actions{justify-content:flex-start}
  .signal-mail-list-preview{-webkit-line-clamp:2;max-height:2.7em}
}


/* ================================================================
   SIGNALREITER v0.10.18n - message history, transparent AI use, Mod split
   ================================================================ */
.signal-editor-link-error{display:block;min-height:1.05rem;margin-top:2px;color:var(--app-danger,#c62828);font-size:.78rem;font-weight:650;line-height:1.3}
.signal-editor-link-row input[aria-invalid="true"]{border-color:var(--app-danger,#c62828)!important;outline-color:var(--app-danger,#c62828)!important}
.signal-mail-external-link{cursor:pointer}
.signal-mail-ai-cost-note{padding:.55rem .65rem;border-left:3px solid color-mix(in srgb,var(--app-primary) 55%,var(--app-panel-border));background:color-mix(in srgb,var(--app-primary) 6%,var(--app-panel));border-radius:6px}
.signal-mail-ai-connection{display:block;margin:-.25rem 0 .7rem;color:var(--app-muted);font-weight:650}
.signal-mail-ai-web-override{margin:.65rem 0;padding:.7rem .8rem;border:1px solid color-mix(in srgb,var(--app-primary) 45%,var(--app-panel-border));border-radius:9px;background:color-mix(in srgb,var(--app-primary) 9%,var(--app-panel))}
.signal-mail-ai-web-override[hidden]{display:none!important}.signal-mail-ai-web-override p{margin:0 0 .55rem;color:var(--app-text)}
.signal-mail-ai-usage{display:grid;gap:3px;margin:.65rem 0;padding:.6rem .7rem;border:1px solid var(--app-panel-border);border-radius:8px;background:var(--app-panel-strong);font-size:.84rem;color:var(--app-muted)}
.signal-mail-ai-usage[hidden]{display:none!important}.signal-mail-ai-usage strong{color:var(--app-text)}.signal-mail-ai-usage span{display:block}
.signal-mod-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin-left:6px;padding:0 6px;border-radius:999px;background:var(--app-danger,#c62828);color:#fff;font-size:.72rem;font-weight:800;line-height:1}
.signal-mod-case-unread{background:var(--app-danger,#c62828)!important;color:#fff!important}
.signal-mod-message-center .signal-social-section-head small{display:block;margin-top:3px;color:var(--app-muted);line-height:1.35}
.signal-mod-api-permission{display:flex!important;align-items:flex-start!important;gap:.55rem!important}.signal-mod-api-permission>input{flex:0 0 auto;margin-top:.25rem!important}.signal-mod-api-permission>span{display:grid;gap:2px}.signal-mod-api-permission small{display:block;color:var(--app-muted);font-weight:400;line-height:1.35}


/* ================================================================
   SIGNALREITER v0.10.18o - opaque, readable custom dropdowns + AI action
   ================================================================ */
.signal-mail-ai-actions{margin-top:.75rem;align-items:center}
.signal-mail-ai-actions .btn{font-weight:750}

/* The editor block picker must never show page/editor content through it. */
.signal-editor-block-options{
  z-index:2200!important;
  isolation:isolate;
  opacity:1!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:hidden;
}
html[data-theme-effective="dark"] .signal-editor-block-options{
  background-color:#1b2540!important;
  border-color:#46516b!important;
  color:#f4f7ff!important;
  box-shadow:0 16px 36px rgba(0,0,0,.55)!important;
}
html[data-theme-effective="light"] .signal-editor-block-options{
  background-color:#ffffff!important;
  border-color:#c9d1dc!important;
  color:#111827!important;
  box-shadow:0 16px 36px rgba(15,23,42,.18)!important;
}
.signal-editor-block-options button{
  opacity:1!important;
  text-shadow:none!important;
  margin:2px 0!important;
  font-weight:650!important;
}
html[data-theme-effective="dark"] .signal-editor-block-options button{
  background-color:#1b2540!important;
  color:#f4f7ff!important;
}
html[data-theme-effective="dark"] .signal-editor-block-options button:hover,
html[data-theme-effective="dark"] .signal-editor-block-options button:focus-visible,
html[data-theme-effective="dark"] .signal-editor-block-options button[aria-selected="true"]{
  background-color:#33405f!important;
  color:#ffffff!important;
}
html[data-theme-effective="light"] .signal-editor-block-options button{
  background-color:#ffffff!important;
  color:#111827!important;
}
html[data-theme-effective="light"] .signal-editor-block-options button:hover,
html[data-theme-effective="light"] .signal-editor-block-options button:focus-visible,
html[data-theme-effective="light"] .signal-editor-block-options button[aria-selected="true"]{
  background-color:#e8edf5!important;
  color:#0b1220!important;
}


/* ================================================================
   SIGNALREITER v0.10.18p - editable links + source verification
   ================================================================ */
.signal-editor-link-row{grid-template-columns:minmax(170px,.85fr) minmax(280px,1.55fr) auto;align-items:start;column-gap:8px}
.signal-editor-link-actions{padding-top:1.25rem;flex-wrap:nowrap;align-items:center}
.signal-editor-link-error{min-height:0}
.signal-editor-link-error:empty{display:none}
.signal-editor-link-remove[hidden]{display:none!important}
.signal-rich-editor-body a.signal-mail-ai-source-link[href]{cursor:pointer}
@media(max-width:860px){.signal-editor-link-row{grid-template-columns:1fr}.signal-editor-link-actions{padding-top:0;flex-wrap:wrap}}


/* ================================================================
   SIGNALREITER v0.10.18r - support flow + readable native selects
   ================================================================ */
.signal-support-page{
  display:grid;
  gap:18px;
  width:min(980px,100%);
  margin:0 auto;
}
.signal-support-contact>.signal-social-card{margin:0}
.signal-support-open-cases,
.signal-support-system-area{
  border:1px solid var(--app-panel-border);
  border-radius:16px;
  background:var(--app-panel);
  padding:18px;
}
.signal-support-open-head{align-items:center}
.signal-support-open-head h2{margin:0}
.signal-support-case-list{margin-top:12px}
.signal-support-none{margin:8px 0 0;color:var(--app-muted)}
.signal-support-case-detail{margin-top:14px}
.signal-support-case-detail[hidden]{display:none!important}
.signal-support-system-area{border:0;background:transparent;padding:0 2px}
.signal-support-system-area.has-system-items{border:1px solid var(--app-panel-border);background:var(--app-panel);padding:14px 18px}
.signal-support-system-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.signal-support-system-count{min-width:24px;justify-content:center}
.signal-support-system-count.has-items{background:var(--app-danger,#c62828)!important;color:#fff!important;font-weight:800}
.signal-support-system-list{margin-top:12px}

/* Native dropdown popup: explicit palette so Windows/Chromium does not
   combine a light popup with inherited light text from dark mode. */
html[data-theme-effective="dark"] .signal-social-page select,
html[data-theme-effective="dark"] .signal-social-modal select{
  color-scheme:dark!important;
  background-color:#414958!important;
  color:#f7f9ff!important;
  border-color:#5d6677!important;
}
html[data-theme-effective="dark"] .signal-social-page select option,
html[data-theme-effective="dark"] .signal-social-page select optgroup,
html[data-theme-effective="dark"] .signal-social-modal select option,
html[data-theme-effective="dark"] .signal-social-modal select optgroup{
  background-color:#20283a!important;
  color:#f7f9ff!important;
}
html[data-theme-effective="dark"] .signal-social-page select option:checked,
html[data-theme-effective="dark"] .signal-social-modal select option:checked{
  background-color:#365f91!important;
  color:#ffffff!important;
}
html[data-theme-effective="light"] .signal-social-page select,
html[data-theme-effective="light"] .signal-social-modal select{
  color-scheme:light!important;
  background-color:#ffffff!important;
  color:#111827!important;
  border-color:#c8d0dc!important;
}
html[data-theme-effective="light"] .signal-social-page select option,
html[data-theme-effective="light"] .signal-social-page select optgroup,
html[data-theme-effective="light"] .signal-social-modal select option,
html[data-theme-effective="light"] .signal-social-modal select optgroup{
  background-color:#ffffff!important;
  color:#111827!important;
}
html[data-theme-effective="light"] .signal-social-page select option:checked,
html[data-theme-effective="light"] .signal-social-modal select option:checked{
  background-color:#dbeafe!important;
  color:#0b1220!important;
}
@media(max-width:700px){
  .signal-support-page{gap:12px}
  .signal-support-open-cases{padding:14px}
  .signal-support-system-area.has-system-items{padding:14px}
}


/* v0.11.28 INLINE WORKSPACE GUARANTEE: communication is a normal workspace page, never a fullscreen popup. */
#messagesWorkspaceHost #signalSocialPage{
  position:static!important;inset:auto!important;z-index:auto!important;display:none!important;
  width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
  margin:0!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important;
}
#messagesWorkspaceHost #signalSocialPage.open{display:block!important;}
#messagesWorkspaceHost .signal-social-shell{width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;}
#messagesWorkspaceHost .signal-social-close{display:none!important;}
body.signal-social-open{overflow:auto!important;}

/* v0.11.38 – direct moderator-AI settings, independent of message routing */
.signal-mod-ai-direct-dialog {
    width: min(920px, calc(100vw - 28px));
    max-width: 920px;
    max-height: min(900px, calc(100vh - 28px));
    padding: 0;
    border: 1px solid var(--app-panel-border);
    border-radius: 16px;
    background: var(--app-panel, #151b28);
    color: var(--app-text, #f5f7fb);
    box-shadow: 0 24px 70px rgba(0,0,0,.45);
    overflow: auto;
}

.signal-mod-ai-direct-dialog::backdrop {
    background: rgba(4, 8, 18, .72);
    backdrop-filter: blur(2px);
}

.signal-mod-ai-direct-shell {
    display: grid;
    min-width: 0;
}

.signal-mod-ai-direct-head {
    position: sticky;
    top: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 18px;
    border-bottom: 1px solid var(--app-panel-border);
    background: var(--app-panel, #151b28);
}

.signal-mod-ai-direct-head h2 {
    margin: 2px 0 0;
}

.signal-mod-ai-direct-head small {
    color: var(--app-muted);
    font-weight: 800;
    letter-spacing: .05em;
}

.signal-mod-ai-direct-close {
    width: 36px;
    height: 36px;
    border: 1px solid var(--app-panel-border);
    border-radius: 50%;
    background: transparent;
    color: var(--app-text);
    font-size: 1.35rem;
    cursor: pointer;
}

.signal-mod-ai-direct-body {
    display: grid;
    gap: 16px;
    padding: 18px;
}

.signal-mod-ai-direct-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 14px;
}

.signal-mod-ai-direct-grid > label:not(.signal-check) {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.signal-mod-ai-direct-grid > label > span {
    color: var(--app-muted);
    font-size: .78rem;
    font-weight: 700;
}

.signal-mod-ai-direct-grid input,
.signal-mod-ai-direct-grid select {
    width: 100%;
    min-width: 0;
}

.signal-mod-ai-wide {
    grid-column: 1 / -1;
}

.signal-mod-ai-model-list {
    margin-top: 6px;
}

.signal-mod-ai-direct-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

@media (max-width: 700px) {
    .signal-mod-ai-direct-grid {
        grid-template-columns: 1fr;
    }
    .signal-mod-ai-wide {
        grid-column: auto;
    }
    .signal-mod-ai-direct-actions .btn {
        flex: 1 1 100%;
    }
}

/* v0.11.60: shared Friends view inside account settings.
   Keep the social form defaults from stretching radio buttons/cards. */
.account-pane[data-account-pane="friends"] .signal-friend-preferences .friend-pref-options{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin-top:8px;
}
.account-pane[data-account-pane="friends"] .signal-friend-preferences .friend-pref-options .choice-card{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    min-height:86px;
    box-sizing:border-box;
    margin:0!important;
    padding:13px 14px!important;
    border:1px solid var(--border-color,rgba(148,163,184,.24));
    border-radius:13px;
    background:var(--surface-2,rgba(255,255,255,.025));
    cursor:pointer;
}
.account-pane[data-account-pane="friends"] .signal-friend-preferences .friend-pref-options .choice-card>input[type="radio"]{
    width:17px!important;
    height:17px!important;
    min-width:17px!important;
    max-width:17px!important;
    flex:0 0 17px!important;
    margin:3px 0 0!important;
    padding:0!important;
    box-sizing:border-box!important;
}
.account-pane[data-account-pane="friends"] .signal-friend-preferences .friend-pref-options .choice-card>span{
    display:flex;
    flex-direction:column;
    gap:4px;
    min-width:0;
}
.account-pane[data-account-pane="friends"] .signal-friend-preferences .friend-pref-options .choice-card strong{line-height:1.35}
.account-pane[data-account-pane="friends"] .signal-friend-preferences .friend-pref-options .choice-card small{line-height:1.4;opacity:.72}
@media (max-width:900px){
    .account-pane[data-account-pane="friends"] .signal-friend-preferences .friend-pref-options{grid-template-columns:1fr}
}