/* Sigma Chat — WhatsApp-inspired visual layer. Isolated styling only. */
:root{--sc-wa:#00a884;--sc-wa-dark:#005c4b;--sc-bg:#0b141a;--sc-panel:#111b21;--sc-panel2:#202c33;--sc-line:#222d34;--sc-muted:#8696a0;--sc-text:#e9edef;--sc-in:#202c33;--sc-out:#005c4b}
#sigmaChatLauncher{background:var(--sc-wa);font-family:Arial,sans-serif;box-shadow:0 6px 22px rgba(0,0,0,.35);transition:transform .15s ease,box-shadow .15s ease}
#sigmaChatLauncher:hover{transform:scale(1.04);box-shadow:0 8px 26px rgba(0,0,0,.4)}
#sigmaChatShell{background:var(--sc-bg);border-color:#26343c;border-radius:12px;color:var(--sc-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.sc-sidebar{background:var(--sc-panel);border-color:var(--sc-line)}
.sc-side-head,.sc-chat-head{background:var(--sc-panel2);border-color:var(--sc-line)}
.sc-side-head{min-height:60px;box-sizing:border-box;padding:10px 14px}
.sc-title{font-size:17px}.sc-sub{color:var(--sc-muted)}
.sc-icon-btn{border:0;background:transparent;color:#aebac1;border-radius:50%;font-size:20px;min-width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center}
.sc-icon-btn:hover{background:rgba(255,255,255,.07)}
.sc-search{background:var(--sc-panel);border-color:var(--sc-line);padding:7px 12px}
.sc-search input{background:var(--sc-panel2);border:0;border-radius:8px;padding:9px 13px;color:var(--sc-text);font-size:13px}
.sc-search input::placeholder{color:var(--sc-muted)}
.sc-room{border-bottom:1px solid rgba(134,150,160,.12);padding:11px 13px;background:transparent}
.sc-room:hover,.sc-room.active{background:#202c33}
.sc-avatar{width:48px;height:48px;min-width:48px;background:#6a7175;color:white;font-size:15px;font-weight:600}
.sc-avatar.green{background:var(--sc-wa-dark)}
.sc-room-name{font-size:15px;font-weight:500;color:var(--sc-text)}
.sc-time{font-size:11px;color:var(--sc-muted)}
.sc-preview{font-size:12px;color:var(--sc-muted);margin-top:4px}
.sc-unread{background:#00a884;color:#111b21;min-width:19px;height:19px;font-size:10px}
.sc-main{position:relative;background-color:var(--sc-bg);background-image:linear-gradient(rgba(11,20,26,.93),rgba(11,20,26,.93)),radial-gradient(circle at 20% 30%,#233138 1px,transparent 1px),radial-gradient(circle at 80% 70%,#233138 1px,transparent 1px);background-size:auto,22px 22px,28px 28px}
.sc-chat-head{min-height:60px;height:60px;padding:8px 12px}
.sc-chat-head .sc-avatar{width:40px;height:40px;min-width:40px;font-size:13px}
.sc-chat-head .name{font-size:15px;font-weight:500}.sc-chat-head .status{color:var(--sc-muted);font-size:11px}
.sc-messages{padding:16px 7%;gap:3px}
.sc-day{align-self:center;background:#182229;color:#d1d7db;border-radius:7px;padding:6px 10px;font-size:10px;box-shadow:0 1px 1px rgba(0,0,0,.25);margin:10px 0}
.sc-msg{position:relative;max-width:68%;background:var(--sc-in);border-radius:8px;padding:6px 8px 5px;box-shadow:0 1px .5px rgba(0,0,0,.25);margin:1px 0}
.sc-msg.mine{background:var(--sc-out)}
.sc-msg:not(.mine)::before{content:"";position:absolute;left:-7px;top:0;border-top:8px solid var(--sc-in);border-left:8px solid transparent}
.sc-msg.mine::after{content:"";position:absolute;right:-7px;top:0;border-top:8px solid var(--sc-out);border-right:8px solid transparent}
.sc-msg .sender{color:#53bdeb;font-size:11px;font-weight:600;margin-bottom:2px}
.sc-msg .body{font-size:14px;line-height:1.35;color:var(--sc-text);padding-right:4px}
.sc-msg .foot{color:#aebac1;font-size:9px;margin-top:2px;min-width:42px}.sc-ticks.read{color:#53bdeb}
.sc-compose{background:var(--sc-panel2);border:0;padding:8px 10px;gap:8px}
.sc-compose::before{content:"☺";width:34px;height:42px;display:flex;align-items:center;justify-content:center;color:#aebac1;font-size:23px;flex:0 0 34px}
.sc-compose textarea{background:#2a3942;border:0;border-radius:8px;color:var(--sc-text);min-height:42px;padding:11px 13px;font-size:15px;line-height:20px}
.sc-compose textarea::placeholder{color:#8696a0}
.sc-send{background:var(--sc-wa);width:42px;height:42px;min-width:42px;font-size:17px;box-shadow:none}
.sc-new-panel{background:var(--sc-panel);border-color:var(--sc-line)}.sc-new-head{background:var(--sc-panel2);border-color:var(--sc-line)}
.sc-person{border-color:rgba(134,150,160,.12)}.sc-person:hover{background:#202c33}.sc-person small{color:var(--sc-muted)}
.sc-empty{color:var(--sc-muted)}
@media(max-width:760px){
#sigmaChatShell{background:var(--sc-bg)}
.sc-side-head{min-height:58px;padding:calc(8px + env(safe-area-inset-top)) 12px 8px}
.sc-title{font-size:19px}.sc-sub{display:none}
.sc-search{padding:7px 9px}.sc-search input{font-size:14px;padding:10px 13px}
.sc-room{padding:10px 12px}.sc-avatar{width:48px;height:48px;min-width:48px}.sc-room-name{font-size:16px}.sc-preview{font-size:13px}
.sc-chat-head{min-height:58px;height:auto;padding:calc(7px + env(safe-area-inset-top)) 7px 7px}.sc-chat-head .sc-avatar{width:38px;height:38px;min-width:38px}.sc-chat-head .name{font-size:16px}
.sc-messages{padding:10px 10px 12px;gap:3px}.sc-msg{max-width:82%;padding:6px 8px 5px}.sc-msg .body{font-size:14.5px}
.sc-compose{padding:6px 7px calc(6px + env(safe-area-inset-bottom));gap:5px}.sc-compose::before{width:31px;flex-basis:31px;font-size:21px}.sc-compose textarea{border-radius:21px;min-height:44px;padding:12px 14px}.sc-send{width:44px;height:44px;min-width:44px}
.sc-new-panel{background:var(--sc-panel)}
}