/* Social surfaces share Lyringo's warm palette, with quieter chat typography. */
#v-chats .sect{margin-top:12px}#v-chats .sect>h2{display:none}
#social-content{--social-surface:#201b19;--social-border:rgba(244,233,219,.10);padding-bottom:12px}
#social-content button,#social-dialog button{font-family:var(--font-ui);cursor:pointer}
#social-content button:disabled,#social-dialog button:disabled{opacity:.4;cursor:default}
#social-content svg,#social-dialog svg,.toast svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
#social-content button:focus-visible,#social-dialog button:focus-visible,#social-dialog input:focus-visible,#social-compose:focus-visible,.social-menu summary:focus-visible{outline:2px solid var(--ember);outline-offset:4px}
.social-heading{padding:10px 0 24px}.social-heading h2{font:500 30px/1.2 var(--font-display);letter-spacing:-.7px}.social-heading p{font-size:13px;color:var(--muted);margin-top:9px}
.social-tabs{display:flex;gap:5px;padding:5px;background:rgba(244,233,219,.035);border:1px solid var(--social-border);border-radius:15px;margin-bottom:20px}
.social-tab{flex:1;min-height:42px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px}
.social-tab.selected{background:#342a23;color:var(--cream);box-shadow:0 2px 8px #0002}
.social-conversation,.social-recipient{display:flex;align-items:center;gap:14px;width:100%;padding:17px 4px;text-align:left;border:0;border-bottom:1px solid var(--social-border);color:var(--cream);background:transparent;border-radius:0;transition:background .15s}
.social-conversation:hover,.social-recipient:hover{background:rgba(244,233,219,.035)}
.social-avatar{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:hsl(var(--avatar-hue,28) 22% 23%);color:hsl(var(--avatar-hue,28) 48% 79%);font:500 14px/1 var(--font-ui);letter-spacing:.4px;border:1px solid #ffffff0a}
.social-person-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.social-person-info strong{font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-preview{display:block;font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.social-conversation-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.social-conversation-meta time{font-size:11px;color:var(--muted)}
.social-unread{font-size:11px;min-width:19px;height:19px;padding:0 5px;border-radius:20px;background:var(--ember);color:#251b12;display:inline-flex;align-items:center;justify-content:center;font-weight:600}.social-unread[hidden]{display:none}
#social-badge:not(:empty){display:inline-block;border-radius:20px;min-width:15px;background:var(--ember);color:#251b12;margin-left:4px;font-size:10px;padding:0 4px}
.social-empty{padding:45px 18px;text-align:center;color:var(--muted)}.social-empty>svg{width:40px!important;height:40px!important;color:var(--ember);margin-bottom:20px}.social-empty h3{font-size:18px;font-weight:500;color:var(--cream);margin-bottom:10px}.social-empty p{font-size:13px;line-height:1.7;max-width:280px;margin:auto}
.social-search-box{display:flex;align-items:center;gap:10px;padding:3px 12px;border:1px solid rgba(244,233,219,.12);border-radius:13px;background:rgba(0,0,0,.13);margin-bottom:12px;color:var(--muted)}
.social-search-box input{min-width:0;flex:1;width:100%;padding:12px 0;background:none;border:0;outline:none;color:var(--cream);font:14px var(--font-ui)}.social-search-box:focus-within{border-color:var(--ember)}
.social-search-box input::placeholder,#social-compose::placeholder{color:var(--muted)}
.social-section-title{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin:26px 0 8px}
.social-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--social-border)}.social-row>strong{flex:1;min-width:0;overflow-wrap:anywhere;font-size:14px;font-weight:500}.social-row .social-avatar{width:38px;height:38px;font-size:12px}.social-actions{display:flex;gap:6px;align-items:center}.social-actions .actbtn{font-size:12px;padding:8px 12px}
.social-menu{position:relative}.social-menu summary{list-style:none;cursor:pointer;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:var(--muted)}.social-menu summary::-webkit-details-marker{display:none}.social-menu[open]>div{position:absolute;right:0;top:42px;z-index:5;background:#302522;border:1px solid var(--line);box-shadow:0 10px 30px #0006;border-radius:12px;padding:8px;min-width:130px;display:grid;gap:6px}
#social-content .social-icon-button,#social-dialog .social-icon-button{display:grid;place-items:center;width:42px;height:42px;min-width:42px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted)}
#social-content .social-icon-button:hover,#social-dialog .social-icon-button:hover{background:#ffffff09;color:var(--cream)}
#social-content.is-conversation{display:flex;flex-direction:column;height:calc(100dvh - 195px);min-height:310px;max-height:850px;background:linear-gradient(160deg,#ffffff02,transparent);border:1px solid var(--social-border);border-radius:22px;padding:0;overflow:hidden}
body.has-npbar #social-content.is-conversation{height:calc(100dvh - 251px)}
.social-chat-header{display:flex;align-items:center;gap:10px;padding:14px 12px;border-bottom:1px solid var(--social-border);flex-shrink:0;background:#1c1715}.social-chat-header .social-avatar{width:38px;height:38px;font-size:12px}.social-chat-header h3{font-size:15px;font-weight:500}.social-chat-header .social-preview{font-size:11px}
#social-history{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:8px 18px 20px;display:flex;flex-direction:column;scrollbar-color:#ffffff20 transparent}
#social-content .social-earlier{align-self:center;font-size:11px;border:0;padding:8px 15px;margin:6px;background:transparent;color:var(--muted)}#social-content .social-earlier[hidden]{display:none}
.social-date{align-self:center;color:var(--muted);font-size:10px;letter-spacing:.5px;margin:15px 0 19px}
.social-message{align-self:flex-start;max-width:85%;width:fit-content;border:1px solid #ffffff06;background:#2b2522;border-radius:17px 17px 17px 5px;padding:10px 13px 6px;margin-top:14px;overflow-wrap:anywhere;flex-shrink:0}
.social-message.mine{align-self:flex-end;background:#493424;border-color:#f2a65a13;border-radius:17px 17px 5px 17px}.social-message.grouped{margin-top:4px}
.social-message p{white-space:pre-wrap;margin:0;font-size:14px;line-height:1.55}.social-message-time{display:block;text-align:right;color:rgba(244,233,219,.45);font-size:9px;margin-top:5px;line-height:1.4}
.social-card{min-width:160px;padding:4px 0 2px}.social-card-caption{display:flex;align-items:center;gap:6px;color:var(--ember);font-size:10px;margin-bottom:10px}.social-card-caption svg{width:15px!important;height:15px!important}.social-card>strong{display:block;font:500 20px/1.25 var(--font-display);margin-bottom:5px}.social-card>p{color:var(--muted);font-size:12px}.social-card>small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.social-card .actbtn{font-size:11px;padding:6px 10px;margin:10px 5px 2px 0;border-color:#ffffff18}
.social-composer{display:flex;align-items:flex-end;gap:10px;margin:0 12px 12px;padding:7px 7px 7px 14px;border:1px solid var(--social-border);border-radius:24px;background:#261f1c;flex-shrink:0}.social-composer:focus-within{border-color:#f2a65a66}
#social-compose{flex:1;min-width:0;background:transparent;border:0;color:var(--cream);font:14px/1.5 var(--font-ui);resize:none;padding:7px 0;min-height:35px;max-height:120px;outline:none!important}
#social-content #social-send{background:var(--ember);color:#2c1d12;width:36px;height:36px;min-width:36px}#social-content #social-send:disabled{opacity:.35}
.social-status{color:var(--muted);font-size:12px;line-height:1.5;padding:0 16px 12px}.social-status:empty{display:none}
#social-dialog{--social-border:rgba(244,233,219,.10);background:#211a17;color:var(--cream);border:1px solid #ffffff15;border-radius:26px;width:min(440px,calc(100vw - 40px));max-height:min(760px,85dvh);padding:24px;margin:auto;box-shadow:0 25px 100px #0009;overflow-y:auto;overscroll-behavior:contain}
#social-dialog::backdrop{background:#090706a6;backdrop-filter:blur(7px)}
.social-sheet-handle{display:none}.social-share-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.social-share-heading h2{font:500 26px/1.2 var(--font-display);letter-spacing:-.5px}
.social-share-preview{display:flex;align-items:center;gap:13px;border:1px solid var(--social-border);background:#ffffff03;border-radius:16px;padding:12px;margin-bottom:22px}.social-share-art{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#60462e,#32251f);color:#f2bd85;flex-shrink:0}.social-share-art svg{width:25px!important;height:25px!important}
.social-recipients{min-height:80px;max-height:260px;overflow-y:auto;scrollbar-width:thin;margin:6px 0 14px}.social-recipient{padding:12px 8px;border-radius:12px;border:1px solid transparent;gap:12px}.social-recipient>span:nth-child(2){flex:1;font-size:14px;overflow-wrap:anywhere;min-width:0}.social-recipient[aria-pressed=true]{border-color:#f2a65a40;background:#f2a65a0c}.social-recipient-check{width:22px;height:22px;border-radius:50%;border:1px solid #ffffff25;flex-shrink:0;display:grid;place-items:center}.social-recipient[aria-pressed=true] .social-recipient-check{background:var(--ember);color:#211a17;border-color:var(--ember)}.social-recipient-check svg{width:15px!important;height:15px!important}
.social-share-footer{display:flex;align-items:center;gap:10px;border-top:1px solid var(--social-border);padding-top:18px}.social-share-footer .actbtn{display:flex;align-items:center;justify-content:center;gap:9px;flex:1;min-height:46px;font-size:13px;border-radius:13px}.social-share-footer .social-primary{background:var(--ember);color:#2c1d12;border-color:transparent;font-weight:500}.social-hint{font-size:13px;color:var(--muted);padding:22px 8px;text-align:center}
.social-copy-fallback{width:100%;background:#15110f;color:var(--cream);border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:10px}
.toast:has(.social-toast-link){white-space:normal;display:flex;align-items:center;gap:10px;border-radius:16px;font-size:13px;text-align:left;max-width:calc(100vw - 28px);width:max-content;box-shadow:0 10px 40px #0008}.toast:has(.social-toast-link)>span{min-width:0;overflow-wrap:anywhere}.toast>svg{color:var(--ember);width:18px}.social-toast-link{border:0;background:transparent;color:var(--ember);font:500 12px var(--font-ui);white-space:nowrap;padding:10px 0 10px 8px;cursor:pointer}.social-toast-link:focus-visible{outline:2px solid var(--ember);outline-offset:3px}
@media(max-width:600px){#social-dialog{position:fixed;inset:auto 0 0;margin:0 auto;width:100%;max-width:540px;border-radius:26px 26px 0 0;padding:10px 22px calc(22px + env(safe-area-inset-bottom));max-height:88dvh}.social-sheet-handle{display:block;width:34px;height:4px;border-radius:5px;background:#ffffff28;margin:0 auto 14px}.social-recipients{max-height:30dvh}.social-share-heading{margin-bottom:16px}#social-content.is-conversation{margin:0 -8px;border-radius:18px}.social-heading h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.social-conversation,.social-recipient{transition:none}}