/* ENIGMA LIVE — the home conversation, the bubble on every screen and driving mode. Black and gold, phone first. */
:root{--el-ink:#111215;--el-ink-2:#1a1b20;--el-ink-3:#26282f;--el-gold:#d6b26e;--el-gold-2:#f1dcae;--el-gold-3:#a8823f;--el-text:#f4efe4;--el-mute:#a29d90;--el-line:#ffffff17}
.el-hidden-audio{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none}

/* ---------- orb ---------- */
.el-orb{--lvl:.12;container-type:inline-size;position:relative;width:180px;aspect-ratio:1;flex:none;display:grid;place-items:center}
.el-orb canvas{position:absolute;inset:0;width:100%;height:100%}
.el-orb-glow{position:absolute;inset:16%;border-radius:50%;background:radial-gradient(circle,#d6b26e66 0%,#d6b26e00 70%);transform:scale(calc(1.05 + var(--lvl)*.9));filter:blur(8px);transition:transform .08s linear}
.el-orb-core{position:relative;width:56%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff6dd 0%,#ecd29a 18%,#c9a35c 46%,#7a5a26 78%,#3b2a10 100%);box-shadow:0 0 0 1px #f1dcae55,0 14px 40px #00000080,inset 0 -10px 24px #00000055,inset 0 6px 14px #ffffff55;display:grid;place-items:center;overflow:hidden;transform:scale(calc(1 + var(--lvl)*.22));transition:transform .08s linear;animation:el-breathe 4.2s ease-in-out infinite}
.el-orb-core b{font:800 28px/1 'Heebo',Arial,sans-serif;font-size:24cqw;color:#2b1f0b;letter-spacing:-1px;text-shadow:0 1px 0 #ffffff70;position:relative;z-index:1}
.el-orb-sheen{position:absolute;inset:-30%;background:conic-gradient(from 0deg,transparent 0 55%,#ffffff55 62%,transparent 70% 100%);animation:el-spin 6s linear infinite}
.el-orb[data-state=thinking] .el-orb-sheen,.el-orb[data-state=connecting] .el-orb-sheen{animation-duration:1.4s}
.el-orb[data-state=speaking] .el-orb-core{animation:none}
.el-orb[data-state=hearing] .el-orb-glow{background:radial-gradient(circle,#f6e3b6aa 0%,#f6e3b600 70%)}
.el-orb-xl{width:min(250px,58vw)}
.el-orb-sm{width:42px}
.el-orb-sm canvas{display:none}
.el-orb-drive{width:min(78vw,62vh,520px)}
@keyframes el-breathe{0%,100%{filter:brightness(1)}50%{filter:brightness(1.12)}}
@keyframes el-spin{to{transform:rotate(360deg)}}
@keyframes el-pulse{0%{transform:scale(1);opacity:.65}100%{transform:scale(1.9);opacity:0}}
@keyframes el-dot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@keyframes el-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ---------- home ---------- */
.shell.enigma-home-shell>main.content{padding:18px 22px;max-width:none}
.shell.enigma-home-shell .top{display:none}
.el-home{position:relative;display:flex;flex-direction:column;min-height:calc(100vh - 36px);min-height:calc(100dvh - 36px);background:radial-gradient(120% 70% at 50% 0%,#2a241a 0%,var(--el-ink) 55%),var(--el-ink);color:var(--el-text);border-radius:28px;padding:28px clamp(14px,4vw,48px) 18px;box-shadow:0 30px 80px #10111540;overflow:hidden}
.el-home:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 22%,#d6b26e1f,transparent 45%);pointer-events:none}
.el-hero{position:relative;height:auto;border:0;background:none;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding-top:2vh;transition:all .3s}
.el-hero h2{margin:6px 0 0;font-size:clamp(26px,4.4vw,40px);font-weight:700;line-height:1.25;color:#fff}
.el-hero h2 em{font-style:normal;background:linear-gradient(90deg,var(--el-gold-2),var(--el-gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.el-context{margin:0;color:var(--el-mute);font-size:14px}
.el-hero-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:16px}
.el-live,.el-drive-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:56px;padding:0 26px;border-radius:999px;font-size:17px;font-weight:700;border:0}
.el-live{background:linear-gradient(135deg,var(--el-gold-2),var(--el-gold) 55%,var(--el-gold-3));color:#2b1f0b;box-shadow:0 10px 30px #d6b26e40}
.el-live svg,.el-drive-btn svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.el-live.is-on{background:#e0662f;color:#fff;box-shadow:0 0 0 6px #e0662f30}
.el-drive-btn{background:#ffffff0f;color:var(--el-text);border:1px solid #ffffff26}
.el-home.el-has-messages .el-hero{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:4px 14px;padding-top:0}
.el-home.el-has-messages .el-orb-xl{width:92px}
.el-home.el-has-messages .el-hero h2{font-size:20px;margin:0}
.el-home.el-has-messages .el-context{width:100%}
.el-home.el-has-messages .el-hero-actions{margin-top:6px;width:100%}
.el-home.el-has-messages .el-live,.el-home.el-has-messages .el-drive-btn{min-height:46px;font-size:15px;padding:0 18px}
.el-home .el-messages{flex:1 1 auto;min-height:0}
.el-home.el-has-messages .el-messages{max-height:none;overflow-y:auto;margin-top:14px;padding-bottom:6px}
.el-suggest{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:22px auto 12px;max-width:640px}
.el-suggest button{border:1px solid #d6b26e45;background:#d6b26e12;color:var(--el-gold-2);border-radius:999px;padding:9px 16px;font-size:14px;min-height:40px}
.el-suggest button:hover{background:#d6b26e26}
.el-has-messages .el-suggest{display:none}
.el-home .el-composer{position:sticky;bottom:0;max-width:820px;width:100%;margin:auto auto 0}

/* ---------- messages ---------- */
.el-messages{display:flex;flex-direction:column;gap:10px;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;max-width:820px;width:100%;margin:0 auto}
.el-msg{max-width:min(86%,640px);padding:11px 15px;border-radius:18px;font-size:15.5px;line-height:1.65;overflow-wrap:anywhere}
.el-msg.el-in{animation:el-rise .25s ease-out}
.el-msg p{margin:0 0 4px}.el-msg p:last-child{margin:0}.el-msg ul{margin:4px 0;padding-inline-start:20px}.el-msg li{margin:2px 0}
.el-me{align-self:flex-start;background:linear-gradient(135deg,#e9cf98,#cfa95f);color:#24190a;border-end-start-radius:6px;border-start-start-radius:18px}
.el-ai{align-self:flex-end;background:var(--el-ink-3);color:var(--el-text);border:1px solid var(--el-line);border-end-end-radius:6px}
.el-error{background:#3a1d17;border-color:#e0662f55;color:#ffd9c9}
.el-voice:before{content:"🎙";font-size:12px;margin-inline-end:6px;opacity:.7}
.el-typing{display:flex;gap:5px;padding:14px 16px}
.el-typing i{width:7px;height:7px;border-radius:50%;background:var(--el-gold);animation:el-dot 1.2s infinite}
.el-typing i:nth-child(2){animation-delay:.15s}.el-typing i:nth-child(3){animation-delay:.3s}
.el-thumbs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}
.el-thumbs img{width:72px;height:72px;object-fit:cover;border-radius:10px;border:1px solid #00000020}
.el-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:4px}
.el-chip{font-size:12.5px;background:#00000018;border-radius:8px;padding:2px 8px}
.el-opened{display:inline-flex;margin-top:8px;margin-inline-end:6px;border:1px solid #d6b26e60;background:#d6b26e18;color:var(--el-gold-2);border-radius:999px;padding:5px 12px;font-size:13px;min-height:32px}

/* ---------- composer ---------- */
.el-composer{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.el-row{display:flex;align-items:flex-end;gap:6px;background:#1d1e24;border:1px solid #ffffff1f;border-radius:24px;padding:6px}
.el-row:focus-within{border-color:#d6b26e80;box-shadow:0 0 0 3px #d6b26e1f}
.el-row textarea{flex:1;min-width:0;min-height:0;height:44px;resize:none;border:0;background:transparent;color:var(--el-text);font-size:16px;line-height:1.5;padding:9px 6px;max-height:160px;outline:none}
.el-row textarea::placeholder{color:#8c887d}
.el-icon{flex:none;width:44px;height:44px;min-height:44px;display:grid;place-items:center;border-radius:50%;border:0;background:transparent;color:var(--el-gold-2);padding:0}
.el-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.el-icon:hover{background:#ffffff10}
.el-send{background:linear-gradient(135deg,var(--el-gold-2),var(--el-gold));color:#2b1f0b}
.el-send:disabled{opacity:.45}
.el-rec.is-on{width:auto;padding:0 12px;gap:6px;display:flex;border-radius:22px;background:#e0662f;color:#fff;animation:el-recpulse 1.4s infinite}
.el-rec-time{font-size:13px;font-weight:700;direction:ltr}
@keyframes el-recpulse{0%,100%{box-shadow:0 0 0 0 #e0662f70}50%{box-shadow:0 0 0 7px #e0662f00}}
.el-row-voice{background:transparent;border:0;padding:0;gap:8px;justify-content:center}
.el-row-voice:focus-within{box-shadow:none}
.el-row-voice .el-live,.el-row-voice .el-drive-btn{flex:1;min-height:48px;font-size:15px;padding:0 14px}
.el-tray{display:flex;flex-wrap:wrap;gap:6px}
.el-tray:empty{display:none}
.el-att{display:inline-flex;align-items:center;gap:6px;max-width:220px;background:#ffffff12;border:1px solid #ffffff1f;color:var(--el-text);border-radius:12px;padding:4px 4px 4px 8px;font-size:13px}
.el-att img{width:34px;height:34px;border-radius:8px;object-fit:cover}
.el-att>svg{width:20px;height:20px;fill:none;stroke:var(--el-gold);stroke-width:1.8}
.el-att span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.el-att button{width:28px;height:28px;min-height:28px;border:0;border-radius:50%;background:transparent;color:var(--el-mute);display:grid;place-items:center;padding:0}
.el-att button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.el-att-wait{padding:8px 12px;color:var(--el-gold-2)}
.el-drop{outline:2px dashed var(--el-gold);outline-offset:-8px}

/* ---------- bubble ---------- */
.el-bubble-wrap{position:fixed;left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));z-index:1000;direction:rtl}
.el-bubble-wrap[hidden]{display:none}
.el-bubble{position:relative;width:66px;height:66px;min-height:66px;border-radius:50%;border:0;padding:0;background:transparent;display:grid;place-items:center;filter:drop-shadow(0 10px 22px #00000059)}
.el-bubble-core{position:relative;z-index:1;width:100%;height:100%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 34% 28%,#fff6dd 0%,#ecd29a 20%,#c9a35c 50%,#6e4f1f 100%);box-shadow:0 0 0 3px #111215,0 0 0 4px #d6b26e80;animation:el-breathe 3.2s ease-in-out infinite}
.el-bubble-core b{font:800 27px/1 'Heebo',Arial,sans-serif;color:#2b1f0b}
.el-bubble-ring{position:absolute;inset:0;border-radius:50%;border:2px solid #d6b26e;animation:el-pulse 2.6s ease-out infinite}
.el-ring-2{animation-delay:1.3s}
.el-bubble-dot{position:absolute;z-index:2;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#2fb57a;border:2px solid #111215;display:none}
.el-voice-on .el-bubble-dot{display:block;background:#e0662f}
.el-bubble-wrap[data-state=thinking] .el-bubble-ring{animation-duration:1s}
.el-bubble-wrap.el-open .el-bubble-ring{display:none}
.el-peek{position:absolute;left:0;bottom:78px;width:max-content;max-width:min(300px,calc(100vw - 36px));margin:0;background:var(--el-ink-2);color:var(--el-text);border:1px solid #d6b26e55;border-radius:16px 16px 16px 4px;padding:10px 14px;font-size:14px;line-height:1.55;box-shadow:0 12px 30px #0000004d;cursor:pointer;animation:el-rise .25s}
.el-panel{display:none;position:absolute;left:0;bottom:80px;width:min(410px,calc(100vw - 36px));height:min(640px,calc(100vh - 120px));height:min(640px,calc(100dvh - 120px));background:var(--el-ink);color:var(--el-text);border:1px solid #d6b26e40;border-radius:24px;box-shadow:0 30px 70px #00000080;flex-direction:column;overflow:hidden}
.el-open .el-panel{display:flex;animation:el-rise .2s ease-out}
.el-panel-head{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--el-line);background:linear-gradient(180deg,#221e16,var(--el-ink))}
.el-panel-title{flex:1;min-width:0;display:grid}
.el-panel-head b{font-size:16px;letter-spacing:1px;color:var(--el-gold-2)}
.el-panel-head small{color:var(--el-mute);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.el-panel-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:12px}
.el-panel-body .el-messages{flex:1;min-height:0}
.el-panel-body .el-suggest{margin:auto 0 8px}
.el-panel-body.el-has-messages .el-suggest{display:none}
body.el-has-bubble #status:not(:empty){bottom:100px}

/* ---------- driving mode ---------- */
.el-drive{position:fixed;inset:0;z-index:2000;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:max(28px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));touch-action:manipulation}
.el-drive .el-orb{margin:auto}
.el-drive .el-orb[data-state=connecting]{opacity:.55}
.el-drive-stop{width:min(100%,520px);min-height:min(24vh,150px);border:0;border-radius:36px;background:#c8402a;color:#fff;font-size:30px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:14px;box-shadow:0 18px 50px #c8402a55}
.el-drive-stop svg{width:44px;height:44px;fill:currentColor}
body.el-driving{overflow:hidden}
body.el-driving .el-bubble-wrap{display:none}

/* ---------- phone ---------- */
@media (max-width:800px){
 .shell.enigma-home-shell>main.content{padding:10px 8px 12px}
 .el-home{border-radius:22px;padding:18px 12px 12px;min-height:calc(100dvh - 76px)}
 .el-orb-xl{width:min(210px,56vw)}
 .el-hero-actions{width:100%}
 .el-hero .el-live{flex:1 1 100%;min-height:64px;font-size:19px}
 .el-hero .el-drive-btn{flex:1 1 100%}
 .el-msg{max-width:92%;font-size:16px}
 body.el-has-bubble .shell>main.content{padding-bottom:100px}
 .el-bubble{width:60px;height:60px;min-height:60px}
 .el-bubble-wrap{left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom))}
 .el-open .el-panel{position:fixed;inset:0;width:auto;height:auto;border-radius:0;border:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
 body.el-panel-open{overflow:hidden}
 .el-open .el-bubble{display:none}
 .el-panel-head .el-icon{width:46px;height:46px}
}
@media (prefers-reduced-motion:reduce){.el-orb-core,.el-orb-sheen,.el-bubble-core,.el-bubble-ring{animation:none}}
body .shell .side nav i.nav-live{background:linear-gradient(135deg,#f1dcae,#d6b26e);color:#2b1f0b;letter-spacing:.5px}

/* ---------- tables, confirm cards, voice notices ---------- */
.el-table{overflow-x:auto;margin:6px 0;max-width:100%;-webkit-overflow-scrolling:touch}
.el-table table{border-collapse:collapse;font-size:13.5px;min-width:100%}
.el-table th,.el-table td{color:var(--el-text);padding:5px 9px;border-bottom:1px solid #ffffff1a;text-align:right;white-space:nowrap}
.el-table th{color:var(--el-gold-2);font-weight:700;background:#ffffff08}
.el-confirm{margin-top:10px;border:1px solid #d6b26e66;border-radius:14px;background:#d6b26e0f;padding:10px 12px}
.el-confirm-title{display:block;color:var(--el-gold-2);font-size:14px;margin-bottom:6px}
.el-kv{display:grid;gap:3px;font-size:14px}
.el-kv div{display:flex;justify-content:space-between;gap:12px}
.el-kv span{color:var(--el-mute)}
.el-kv b{font-weight:600;text-align:left;overflow-wrap:anywhere}
.el-confirm .el-chips{margin-top:8px}
.el-confirm .el-chip{background:#ffffff12}
.el-confirm-actions{display:flex;gap:8px;margin-top:10px}
.el-confirm-actions button{flex:1;min-height:44px;border-radius:12px;font-size:15px;font-weight:700;border:0}
.el-yes{background:linear-gradient(135deg,var(--el-gold-2),var(--el-gold));color:#2b1f0b}
.el-no{background:#ffffff12;color:var(--el-text);border:1px solid #ffffff26!important}
.el-confirm-state{margin:8px 0 0;color:var(--el-gold-2);font-weight:700}
.el-confirm.is-cancelled{opacity:.6}
.el-unmute{position:fixed;z-index:2100;left:50%;bottom:max(130px,calc(env(safe-area-inset-bottom) + 130px));transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;border:0;background:linear-gradient(135deg,var(--el-gold-2),var(--el-gold));color:#2b1f0b;font-size:17px;font-weight:800;box-shadow:0 12px 34px #00000080}
.el-unmute svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2}
.el-drive-msg{margin:0;min-height:1.6em;color:#ffd9c9;font-size:20px;line-height:1.5;text-align:center;max-width:520px}
.el-drive-msg:empty{visibility:hidden}

/* ---------- getting around: the CRM from ENIGMA, ENIGMA from the CRM, and the phone menu ---------- */
.el-crm-entry{width:100%;max-width:640px;display:grid;gap:10px;margin-top:14px}
.el-crm-enter{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border-radius:16px;border:1px solid #d6b26e80;background:#d6b26e14;color:var(--el-gold-2);font-size:16px;font-weight:700}
.el-crm-enter svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.el-crm-enter b{font-size:18px;opacity:.8}
.el-crm-enter:hover{background:#d6b26e26}
.el-shortcuts{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px 2px 4px;scroll-snap-type:x proximity}
.el-shortcuts::-webkit-scrollbar{display:none}
.el-shortcuts button{flex:none;scroll-snap-align:start;border:1px solid #ffffff24;background:#ffffff0d;color:var(--el-text);border-radius:999px;padding:8px 14px;font-size:14px;min-height:40px;white-space:nowrap}
.el-shortcuts button:hover{border-color:#d6b26e80}
.el-home.el-has-messages .el-crm-entry{margin-top:8px;gap:8px}
.el-home.el-has-messages .el-crm-enter{min-height:42px;font-size:14px}
.el-back-enigma{display:inline-flex;align-items:center;gap:8px;border:1px solid #d6b26e66;background:#15161a;color:#ecd5a4;border-radius:999px;padding:6px 14px 6px 8px;font-size:13px;font-weight:700;letter-spacing:1px;min-height:38px;cursor:pointer}
.el-back-enigma span,.el-topbar-home span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff6dd,#c9a35c 55%,#6e4f1f);color:#2b1f0b;font-weight:800;font-size:13px;letter-spacing:0}
.el-back-enigma:hover{background:#22232a}
.el-topbar,.el-nav-backdrop{display:none}
@media (max-width:800px){
 .el-topbar{display:flex;position:sticky;top:0;z-index:950;align-items:center;gap:10px;height:56px;padding:0 10px;padding-top:env(safe-area-inset-top);background:#15161aee;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f4efe4;border-bottom:1px solid #ffffff14}
 .el-topbar>b{flex:1;min-width:0;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
 .el-topbar-menu{width:44px;height:44px;min-height:44px;border:0;border-radius:12px;background:#ffffff12;display:grid;place-content:center;gap:5px;padding:0}
 .el-topbar-menu i{display:block;width:20px;height:2px;border-radius:2px;background:#ecd5a4;transition:transform .2s,opacity .2s}
 body.el-nav-open .el-topbar-menu i:nth-child(1){transform:translateY(7px) rotate(45deg)}
 body.el-nav-open .el-topbar-menu i:nth-child(2){opacity:0}
 body.el-nav-open .el-topbar-menu i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 .el-topbar-home,.el-topbar-crm{display:inline-flex;align-items:center;gap:6px;min-height:40px;border-radius:999px;border:1px solid #d6b26e66;background:transparent;color:#ecd5a4;font-size:13px;font-weight:700;padding:0 12px 0 6px;white-space:nowrap}
 .el-topbar-crm{padding:0 14px}
 .shell .top .el-back-enigma{display:none}
 /* the side menu is a drawer on phones */
 .shell>.side{display:none!important}
 body.el-nav-open .shell>.side{display:block!important;position:fixed;top:0;bottom:0;right:0;width:min(86vw,340px);z-index:1600;overflow-y:auto;overscroll-behavior:contain;padding:calc(env(safe-area-inset-top) + 14px) 14px calc(env(safe-area-inset-bottom) + 18px);box-shadow:-20px 0 50px #00000080;animation:el-drawer .22s ease-out}
 body.el-nav-open .shell>.side .crm-desktop-nav{display:block}
 body.el-nav-open .shell>.side .crm-mobile-nav{display:none}
 body.el-nav-open .shell>.side .crm-desktop-nav nav{display:grid;gap:2px;margin:12px 0}
 body.el-nav-open .el-nav-backdrop{display:block;position:fixed;inset:0;z-index:1550;background:#0009}
 body.el-nav-open{overflow:hidden}
 body.el-nav-open .el-bubble-wrap{display:none}
}
@keyframes el-drawer{from{transform:translateX(100%)}to{transform:none}}
@media (max-width:800px) and (max-height:640px){
 .el-orb-xl{width:min(150px,40vw)}
 .el-hero h2{font-size:24px}
 .el-hero-actions{margin-top:10px}
 .el-hero .el-live{min-height:54px}
 .el-suggest{margin-top:12px}
}

/* conversations ("השיחות שלי") */
.el-threadbar{display:flex;align-items:center;gap:8px;max-width:760px;margin:6px auto 0;padding:0 4px}
.el-tb-btn{border:1px solid #d6b26e45;background:#d6b26e12;color:var(--el-gold-2,#e9cf97);border-radius:999px;padding:6px 12px;font-size:13px;min-height:34px;white-space:nowrap}
.el-tb-btn:hover{background:#d6b26e26}
.el-thread-title{flex:1;min-width:0;text-align:center;font-size:13px;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.el-threads-host{position:relative;max-width:760px;margin:0 auto}
.el-threads{position:absolute;inset-inline:4px;top:6px;z-index:30;max-height:60vh;overflow:auto;background:#14110c;border:1px solid #d6b26e45;border-radius:16px;padding:10px;box-shadow:0 18px 50px #0009}
.el-threads-head{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 10px}
.el-thread-new{border:0;background:#d6b26e;color:#1a140b;border-radius:999px;padding:6px 14px;font-weight:600;min-height:34px}
.el-thread{display:flex;align-items:stretch;gap:6px;border-radius:12px}
.el-thread.is-on{background:#d6b26e1c}
.el-thread-open{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:0;background:transparent;color:inherit;text-align:start;padding:10px;border-radius:12px;min-height:44px}
.el-thread-open:hover{background:#ffffff0d}
.el-thread-open b{font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.el-thread-open span{font-size:12px;opacity:.6}
.el-thread-del{border:0;background:transparent;color:inherit;opacity:.55;padding:0 10px;min-width:44px;border-radius:10px;font-size:13px}
.el-thread-del:hover{opacity:1;background:#ff5a5a1f}
.el-threads-empty{opacity:.65;text-align:center;padding:14px}
/* during a live call: the gold button closes the user's turn ("סיימתי – תעני"); a separate red square button ends the call */
.el-live.is-on{background:linear-gradient(135deg,#3fbf7f,#23985f);color:#fff;box-shadow:0 0 0 6px #23985f30}
.el-stop{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:0 22px;border-radius:14px;border:2px solid #e5484d;background:#2a1215;color:#ff8f93;font-size:16px;font-weight:700}
.el-stop-bar{display:flex;width:100%;margin:0 0 10px;min-height:52px}
.el-stop[hidden]{display:none}
.el-stop svg{width:18px;height:18px;fill:currentColor}
.el-home.el-has-messages .el-stop{min-height:46px;font-size:15px;padding:0 16px}
/* "השיחות שלי" – side drawer (opens from the right, like Claude's conversation list), grouped by area */
.el-threads-host{position:static}
.el-drawer-back{position:fixed;inset:0;background:#0008;z-index:2000;animation:elFade .18s ease}
.el-drawer{position:fixed;top:0;bottom:0;inset-inline-start:0;width:min(360px,88vw);z-index:2001;display:flex;flex-direction:column;gap:10px;padding:14px 12px calc(14px + env(safe-area-inset-bottom));background:#14110c;border-inline-end:1px solid #d6b26e40;box-shadow:0 0 60px #000a;animation:elSlide .22s ease;color:#f3ead8}
@keyframes elSlide{from{transform:translateX(100%)}to{transform:none}}
@keyframes elFade{from{opacity:0}to{opacity:1}}
.el-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:2px 4px}
.el-drawer-head b{font-size:18px}
.el-drawer-x{border:0;background:#ffffff12;color:inherit;border-radius:10px;min-width:40px;min-height:40px;font-size:16px}
.el-drawer .el-thread-new{width:100%;min-height:44px;font-size:15px;border-radius:12px}
.el-tsearch{width:100%;min-height:42px;border-radius:12px;border:1px solid #ffffff22;background:#0d0b08;color:inherit;padding:0 12px;font-size:15px}
.el-drawer-list{flex:1;overflow:auto;margin:0 -4px;padding:0 4px}
.el-tgroup{margin:6px 0 12px}
.el-tgroup[hidden],.el-thread[hidden]{display:none}
.el-tgroup h4{margin:6px 6px 4px;font-size:13px;font-weight:700;color:#d6b26e;letter-spacing:.2px}
.el-tgroup h4 small{opacity:.6;font-weight:500;margin-inline-start:4px}
.el-thread{align-items:center}
.el-thread-move{max-width:30px;min-height:34px;border:0;border-radius:8px;background:transparent;color:transparent;cursor:pointer;opacity:.6;background-image:linear-gradient(transparent,transparent)}
.el-thread-move{appearance:none;-webkit-appearance:none;padding:0;text-indent:-999px;background:center/16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d6b26e' stroke-width='2'%3E%3Cpath d='M3 7h13l-3-3M21 17H8l3 3'/%3E%3C/svg%3E")}
.el-thread-move:hover{opacity:1;background-color:#ffffff10}
.el-thread-move option{color:#111;text-indent:0}
.el-tb-btn{font-weight:600}
/* the move-to-area control: an icon only (the portal's own select styling paints it white on Windows) */
.el-drawer select.el-thread-move{flex:0 0 32px;width:32px;max-width:32px;height:34px;border:0!important;box-shadow:none!important;background-color:transparent!important;color:transparent!important;padding:0!important}
.el-drawer select.el-thread-move:hover{background-color:#ffffff12!important}

/* "השיחות שלי" card under ENIGMA in the CRM menu */
body .shell .side nav .nav-threads{display:flex;align-items:center;gap:10px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden;margin:6px 0 12px;padding:12px 12px;border-radius:16px;text-align:right;cursor:pointer;
 border:1px solid rgba(214,178,110,.55);background:linear-gradient(135deg,rgba(214,178,110,.22),rgba(84,120,244,.16));color:inherit;
 box-shadow:0 6px 18px rgba(214,178,110,.18),inset 0 1px 0 rgba(255,255,255,.12);transition:transform .15s,box-shadow .15s}
body .shell .side nav .nav-threads:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(214,178,110,.28),inset 0 1px 0 rgba(255,255,255,.18)}
body .shell .side nav .nav-threads-ico{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#f1dcae,#d6b26e)}
body .shell .side nav .nav-threads-ico svg{width:22px;height:22px;fill:none;stroke:#2b1f0b;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body .shell .side nav .nav-threads-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
body .shell .side nav .nav-threads-text b{font-size:15px;font-weight:800;white-space:normal}
body .shell .side nav .nav-threads-text small{font-size:11.5px;line-height:1.35;opacity:.75;white-space:normal;overflow-wrap:anywhere}
body .shell .side nav .nav-threads-go{font-size:16px;opacity:.7}