/* Live friend search: a short header and input, then readable results. */
body .friends-search-mode[open]{display:flex;flex-direction:column;max-height:var(--friends-visible-height,90dvh);overflow:hidden}
body .friends-search-mode .friends-heading{flex-shrink:0;padding:10px 12px;min-height:0}
body .friends-search-mode .friends-tabs{flex-shrink:0;padding:6px 12px}
body .friends-search-mode .friends-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:10px 12px;scroll-padding:8px}
body .friends-search-mode .friend-private-note{margin:0 0 10px;font-size:14px;line-height:1.4}
body .friends-search-mode .friend-search{margin:0;border:1px solid #9db8cb;border-radius:12px;overflow:hidden}
body .friends-search-mode .friend-search>summary{display:none}
body .friends-search-mode [data-friend-search]{padding:12px;margin:0;background:#edf5fb;border-bottom:1px solid #c5d8e6}
body .friends-search-mode [data-friend-search] .field{margin:0;gap:6px}
body .friends-search-mode [data-friend-search] input{font-size:16px!important;min-height:44px;width:100%;box-sizing:border-box}
body .friends-search-mode [data-friend-search-results]{background:#fff;color:#203443}
body .friends-search-mode [data-friend-search-results]>p{padding:10px 12px;margin:0;font-size:13px;line-height:1.4}
body .friends-search-mode .friend-person{display:flex;gap:8px;padding:10px 12px;align-items:center;border-bottom:1px solid #d9e4ed}
body .friends-search-mode .friend-person-identity{flex:1 1 130px;min-width:0}
body .friends-search-mode .friend-person-identity strong{display:block;color:#173b5b;font-size:17px;line-height:1.35;overflow-wrap:anywhere}
body .friends-search-mode .friend-person-identity small{font-size:12px;line-height:1.4}
body .friends-search-mode .friend-person button{font-size:13px;padding:9px 10px;min-height:42px}
@media(max-width:700px){body .friends-search-mode{position:fixed;top:var(--friends-visible-top,8px);bottom:auto;left:0;right:0;margin:0 auto;width:calc(100% - 20px)}body .friends-search-mode.friends-keyboard-open .friends-tabs,body .friends-search-mode.friends-keyboard-open .friend-private-note{display:none}}
/* Flat notifications get colour from their activity and update, without added frames. */
body .workflow-notice-group.notice-compact{border-color:color-mix(in srgb,var(--notice-ink,#316d95) 65%,white)!important}
body .workflow-notice-group.notice-compact .notice-latest{background:color-mix(in srgb,var(--notice-ink,#316d95) 9%,white)!important;border-top-color:color-mix(in srgb,var(--notice-ink,#316d95) 25%,white)}
body .workflow-notice-group.notice-compact .notice-visual-icon{background:var(--notice-ink,#316d95);color:#fff;border:0}
body .workflow-notice-group.notice-compact .notice-visual-category{color:var(--notice-dark,#244c68);font-weight:800}
body .workflow-notice-group.notice-compact .notice-older>summary{background:color-mix(in srgb,var(--notice-ink,#316d95) 5%,white)}
body .workflow-notice-group.notice-compact .summary-facts{background:color-mix(in srgb,var(--notice-ink,#316d95) 6%,white)}
body .workflow-notice-group.notice-compact .notice-tone-confirm .notice-visual-icon{background:#17794d}
body .workflow-notice-group.notice-compact :is(.notice-tone-cancel,.notice-tone-withdrawal) .notice-visual-icon{background:#b83e46}
body .workflow-notice-group.notice-compact .notice-tone-request .notice-visual-icon{background:#9c690c}
body .workflow-notice-group.notice-compact .notice-tone-chat .notice-visual-icon{background:#226aa0}
body .workflow-notice-group.notice-compact.notice-is-new{border-color:#b58b07!important}
body .workflow-notice-group.notice-compact .notice-new-badge{background:#ffdb39;color:#403100;border:1px solid #dab20a}
body .workflow-notice-group.notice-kind-match{--notice-ink:#256f99;--notice-dark:#194767}
body .workflow-notice-group.notice-kind-classic{--notice-ink:#896900;--notice-dark:#655000}
body .workflow-notice-group.notice-kind-double{--notice-ink:#7250a0;--notice-dark:#4c326e}
body .workflow-notice-group.notice-kind-tournament{--notice-ink:#256ab1;--notice-dark:#1b4775}
body .workflow-notice-group.notice-compact .flow-preview-title{background:var(--notice-ink,#316d95);color:#fff}
