/* Karli v15 — base.css (auto-generated) */
*{margin:0;padding:0;box-sizing:border-box}
body.theme-admin{--bg:#FAFBFD;--bg2:#F0F2F5;--bg3:#FFFFFF;--bg-h:#EEF0F4;--border:#E4E7EC;--border-l:#F0F2F5;--text:#1A1D26;--sub:#6B7280;--muted:#9CA3AF;--accent:#5C70FF;--accent-l:#E8ECFF;--accent-h:#4A5CE6;--pri:#00E898;--pri-l:#DCFCE7;--warn:#F59E0B;--warn-l:#FEF3C7;--err:#EF4444;--err-l:#FEE2E2;--sh:0 1px 3px rgba(0,0,0,.06);--sh-lg:0 4px 12px rgba(0,0,0,.08);--rad:8px;--rad-lg:12px;--fs-xs:11px;--fs-sm:13px;--fs:14px;--fs-lg:16px;--fs-xl:20px;--fs-2xl:24px}
body.theme-collab{--bg:#FEFCFA;--bg2:#F8F5F0;--bg3:#FFFFFF;--bg-h:#F5F0EA;--border:#E8E0D8;--border-l:#F2EDE6;--text:#2D2A26;--sub:#7A7468;--muted:#A8A098;--accent:#7C8CFF;--accent-l:#EDE8FF;--accent-h:#6A7AE8;--pri:#34D399;--pri-l:#D1FAE5;--warn:#FBBF24;--warn-l:#FEF3C7;--err:#F87171;--err-l:#FEE2E2;--sh:0 1px 4px rgba(0,0,0,.04);--sh-lg:0 4px 16px rgba(0,0,0,.06);--rad:12px;--rad-lg:16px;--fs-xs:12px;--fs-sm:14px;--fs:15px;--fs-lg:17px;--fs-xl:21px;--fs-2xl:26px}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;background:var(--bg);color:var(--text);height:100vh;overflow:hidden}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
::selection{background:var(--accent);color:white}
::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}
input,textarea,select{background:var(--bg2);border:1px solid var(--border);color:var(--text);border-radius:var(--rad);padding:10px 14px;font-size:var(--fs);font-family:inherit;width:100%;transition:border .2s}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)}
textarea{resize:vertical;min-height:80px}
.btn{padding:9px 18px;border-radius:var(--rad);border:none;cursor:pointer;font-size:var(--fs-sm);font-weight:600;transition:all .15s;display:inline-flex;align-items:center;gap:6px}
.bp{background:var(--accent);color:white}.bp:hover{background:var(--accent-h)}
.ba{background:var(--accent-l);color:var(--accent)}.ba:hover{background:var(--accent)}
.bw{background:var(--warn-l);color:#92400E}.be{background:var(--err-l);color:#991B1B}.be:hover{background:var(--err);color:white}
.bg{background:transparent;color:var(--sub);border:1px solid var(--border)}.bg:hover{border-color:var(--accent);color:var(--accent)}
.bs{padding:5px 10px;font-size:var(--fs-xs)}
.login-wrap{display:flex;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#E8ECFF 0%,#FAFBFD 50%,#DCFCE7 100%)}
.login-box{background:white;border:1px solid var(--border);border-radius:var(--rad-lg);padding:40px;width:400px;max-width:92vw;box-shadow:var(--sh-lg)}
.login-box h1{font-size:26px;color:var(--accent);margin-bottom:2px}.login-box .sub{color:var(--sub);font-size:var(--fs-sm);margin-bottom:28px}
.fg{margin-bottom:16px}.fg label{display:block;font-size:var(--fs-xs);color:var(--sub);margin-bottom:5px;font-weight:500}
.login-btn{width:100%;justify-content:center;padding:12px;font-size:15px;margin-top:4px}
.login-err{color:var(--err);font-size:var(--fs-sm);margin-top:10px;display:none}
.app{display:flex;flex-direction:column;height:100vh}
.topbar{background:var(--bg3);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;height:52px;flex-shrink:0;gap:8px;box-shadow:var(--sh)}
.topbar .logo{display:flex;align-items:center;gap:8px;margin-right:12px}
.logo-icon{width:30px;height:30px;border-radius:var(--rad);background:var(--accent);display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:13px}
.logo-text{font-weight:700;font-size:15px;color:var(--text)}
.tabs{display:flex;gap:2px;overflow-x:auto;flex:1;min-width:0;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}
.tab{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:var(--rad);cursor:pointer;color:var(--sub);font-size:12px;font-weight:500;transition:all .15s;white-space:nowrap;user-select:none;position:relative;border:1px solid transparent;flex-shrink:0}
.tab:hover{color:var(--text);background:var(--bg-h)}.tab.active{color:var(--accent);background:var(--accent-l);font-weight:600;border-color:rgba(92,112,255,.15)}
.tab .ti{display:inline-flex;align-items:center;width:18px;height:18px}
.tab[data-tooltip]:hover::after{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--text);color:white;padding:5px 10px;border-radius:6px;font-size:10px;font-weight:400;white-space:nowrap;z-index:100;pointer-events:none}
.uarea{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}
.uname{font-size:var(--fs-sm);font-weight:600;color:var(--text)}.urole{font-size:10px;color:var(--muted)}
.avatar{width:30px;height:30px;border-radius:50%;background:var(--accent-l);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:var(--accent);flex-shrink:0}
.pc{flex:1;overflow:hidden;position:relative}
.pg{display:none;position:absolute;inset:0;flex-direction:column;overflow-y:auto;overflow-x:hidden}.pg.active{display:flex}
.ps{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:24px 28px}
.ph{padding:18px 28px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--bg3)}
.ph h2{font-size:var(--fs-xl);font-weight:700;color:var(--text)}
.grid{display:grid;gap:14px}.g2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.g3{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.g4{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.card{background:var(--bg3);border:1px solid var(--border-l);border-radius:var(--rad-lg);padding:16px;transition:all .2s;box-shadow:var(--sh)}.card:hover{box-shadow:var(--sh-lg);transform:translateY(-1px)}
.ct{font-weight:600;margin-bottom:6px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--text)}
.cm{font-size:var(--fs-xs);color:var(--sub);margin-bottom:6px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.cb{font-size:var(--fs-sm);line-height:1.5;color:var(--sub)}.ca{display:flex;gap:5px;margin-top:10px;flex-wrap:wrap}
.badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:600;letter-spacing:.3px}
.b-kritisch,.b-high,.b-hoch{background:var(--err-l);color:#991B1B}
.b-medium,.b-mittel{background:rgba(92,112,255,.1);color:var(--accent)}.b-low,.b-niedrig{background:var(--bg2);color:var(--sub)}
.b-brand{background:var(--pri-l);color:#166534}
.b-open,.b-offen{background:rgba(92,112,255,.1);color:var(--accent)}.b-in_arbeit{background:var(--warn-l);color:#92400E}
.b-erledigt,.b-done{background:var(--pri-l);color:#166534}
.b-lead{background:var(--pri-l);color:#166534}.b-kunde{background:rgba(92,112,255,.1);color:var(--accent)}
.b-partner{background:var(--warn-l);color:#92400E}.b-lieferant{background:rgba(155,107,255,.1);color:#7C3AED}
.b-presse{background:rgba(236,72,153,.1);color:#BE185D}
.task-wip{border-left:3px solid var(--warn)}.task-done{border-left:3px solid var(--pri);opacity:.5}
.task-done .ct>span:first-child{text-decoration:line-through}
#dashStats>.sc{cursor:pointer;transition:transform .15s,box-shadow .15s}#dashStats>.sc:hover{transform:translateY(-2px);box-shadow:var(--sh-lg)}
.sc{background:var(--bg3);border:1px solid var(--border-l);border-radius:var(--rad-lg);padding:20px;text-align:center;box-shadow:var(--sh);transition:all .2s}.sc:hover{box-shadow:var(--sh-lg)}
.sn{font-size:var(--fs-2xl);font-weight:800;color:var(--accent)}.sl{font-size:var(--fs-xs);color:var(--sub);margin-top:2px}
.chat-wrap{display:flex;flex-direction:column;height:100%}
.chat-msgs{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px 28px;display:flex;flex-direction:column;gap:12px;background:var(--bg)}
.chat-msg{max-width:78%;padding:12px 16px;font-size:var(--fs);line-height:1.6;word-break:break-word}
.chat-msg.user{align-self:flex-end;background:var(--accent);color:white;border-radius:16px 16px 4px 16px}
.chat-msg.assistant{align-self:flex-start;background:var(--bg3);border:1px solid var(--border-l);color:var(--text);border-radius:4px 16px 16px 16px;box-shadow:var(--sh)}
.chat-msg.assistant p{margin-bottom:8px}.chat-msg.assistant p:last-child{margin-bottom:0}
.chat-msg.assistant code{background:var(--bg2);padding:1px 5px;border-radius:4px;font-size:12px}
.chat-msg.assistant pre{background:var(--bg2);padding:10px;border-radius:6px;overflow-x:auto;margin:8px 0}
.chat-msg .ts{font-size:10px;opacity:.4;margin-top:5px;display:block}
.chat-bar{padding:14px 28px;border-top:1px solid var(--border);display:flex;gap:10px;background:var(--bg3)}.chat-bar input{flex:1}
/*chat-typing-v1*/
.chat-typing{display:none;padding:12px 28px;margin:4px 0}
.chat-typing.active{display:flex;align-items:center;gap:10px}
.chat-typing .dots{display:flex;gap:4px}
.chat-typing .dots span{width:8px;height:8px;background:var(--accent,#5C70FF);border-radius:50%;animation:chatTypingDot 1.4s infinite ease-in-out}
.chat-typing .dots span:nth-child(2){animation-delay:.2s}
.chat-typing .dots span:nth-child(3){animation-delay:.4s}
@keyframes chatTypingDot{0%,60%,100%{opacity:.3;transform:scale(.75)}30%{opacity:1;transform:scale(1)}}
.chat-typing .status-text{font-size:12px;color:var(--sub,#6B7280);font-style:italic}
.conv-sb{width:250px;background:var(--bg3);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}
.conv-sb .sb-top{padding:10px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:6px}
.conv-sb .sb-list{flex:1;overflow-y:auto;padding:4px}
.conv-item{padding:8px 10px;border-radius:6px;cursor:pointer;font-size:12px;color:var(--sub);display:flex;align-items:center;gap:6px;position:relative;border-left:3px solid transparent}
.conv-item:hover{background:var(--bg-h);color:var(--text)}.conv-item.active{border-left-color:var(--accent);color:var(--text);background:var(--accent-l)}
.conv-item .ci-del{display:none;position:absolute;right:6px;color:var(--err);font-size:10px;cursor:pointer}.conv-item:hover .ci-del{display:block}
.conv-group{font-size:10px;color:var(--muted);padding:8px 10px 2px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.cal-hd{text-align:center;font-size:12px;color:var(--sub);padding:8px 0;font-weight:600}
.cal-d{background:var(--bg3);border:1px solid var(--border-l);border-radius:var(--rad);min-height:72px;padding:5px;font-size:11px;cursor:pointer;transition:.15s}
.cal-d:hover{border-color:var(--accent)}.cal-d.today{border-color:var(--accent);background:var(--accent-l)}.cal-d.other{opacity:.25}
.cal-d .dn{font-weight:700;margin-bottom:3px;color:var(--text)}
.cal-ev{background:var(--accent);color:white;border-radius:3px;padding:0 3px;font-size:9px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cal-nav{display:flex;align-items:center;gap:10px;margin-bottom:14px}.cal-nav h3{min-width:170px;font-size:16px;color:var(--text)}
.modal-bg{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:200;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.modal-bg.show{display:flex}
.modal{background:var(--bg3);border:1px solid var(--border);border-radius:var(--rad-lg);padding:28px;width:460px;max-width:92vw;max-height:82vh;overflow-y:auto;box-shadow:var(--sh-lg)}
.modal h3{margin-bottom:16px;font-size:18px;color:var(--text)}.modal .fg{margin-bottom:14px}
.ma{display:flex;gap:8px;margin-top:18px;justify-content:flex-end}
.cat-btn{padding:5px 12px;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--sub);cursor:pointer;font-size:12px;transition:.2s}
.cat-btn:hover,.cat-btn.active{background:var(--accent);color:white;border-color:var(--accent)}
.spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:sp .6s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}
.sbar{display:flex;gap:16px;padding:12px 28px;border-bottom:1px solid var(--border);flex-wrap:wrap;font-size:var(--fs-sm);background:var(--bg3)}
.email-empty{text-align:center;color:var(--sub);padding:60px 20px}
.file-dl{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--accent-l);border:1px solid rgba(92,112,255,.25);border-radius:var(--rad);color:var(--accent);text-decoration:none;font-size:12px;margin:6px 4px 6px 0;transition:.2s}.file-dl:hover{background:rgba(92,112,255,.2)}
.chat-btns{margin-top:8px;display:flex;flex-wrap:wrap;gap:4px}
.chat-btn{padding:6px 14px;border-radius:var(--rad);border:1px solid var(--border);background:var(--bg3);color:var(--text);cursor:pointer;font-size:12px;transition:.2s}.chat-btn:hover{background:var(--accent-l);border-color:var(--accent);color:var(--accent)}.chat-btn:disabled{opacity:.4}
#micBtn{width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;font-size:16px;flex-shrink:0;transition:.2s}#micBtn:hover{border-color:var(--accent)}
@keyframes micPulse{0%{box-shadow:0 0 0 0 rgba(239,68,68,.5)}70%{box-shadow:0 0 0 12px rgba(239,68,68,0)}100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}}
#micBtn.recording{background:var(--err);border-color:var(--err);color:white;animation:micPulse 1.2s ease infinite}
.file-preview{padding:8px 14px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--rad);margin:4px 0;display:flex;align-items:center;gap:10px;font-size:13px}
.file-preview .fp-x{background:none;border:none;cursor:pointer;color:var(--sub);font-size:16px}
.tts-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:14px;padding:2px 4px;margin-left:4px}.tts-btn:hover{color:var(--accent)}
.bot-item{transition:.15s}.bot-item:hover{background:var(--bg-h)!important}
/* ─── MOBILE iOS DARK MODE 768px ─── */
@media(max-width:768px){
/* Hide desktop chrome */
.topbar{display:none!important}
.uarea{display:none!important}
#sbToggle{display:none!important}
.conv-sb{display:none!important}

/* iOS Dark Mode base */
body{font-size:16px;background:#0D0F14!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important}
.app{background:#0D0F14!important;height:100%!important;overflow:visible!important}
input,textarea,select{font-size:16px!important}

/* Layout: content area fixed between top and tab bar */
.pc{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:max(70px,calc(60px + env(safe-area-inset-bottom)))!important;overflow:hidden!important}

/* All pages scrollable */
.pg{position:absolute!important;inset:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;background:#0D0F14!important}
.ps{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;min-height:0!important;padding:16px!important}
.ph{padding:14px 16px!important;flex-wrap:wrap!important;gap:8px!important;flex-shrink:0!important;background:#0D0F14!important;border-color:#1E2130!important}
.ph h2{font-size:20px!important;width:100%!important;color:#E8ECF8!important}

/* ─── iOS BOTTOM TAB BAR ─── */
.mobile-tab-bar{display:flex!important;position:fixed;bottom:0;left:0;right:0;z-index:9999;background:#0D0F14;border-top:1px solid #1E2130;padding:6px 0;padding-bottom:max(6px,env(safe-area-inset-bottom));height:auto;align-items:stretch;justify-content:space-around}
.mobile-tab-bar .mtab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px;min-width:44px;min-height:44px;border:none;background:transparent;color:#555B6E;font-size:10px;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .2s;flex:1}
.mobile-tab-bar .mtab .mtab-svg{width:24px;height:24px;stroke:currentColor;flex-shrink:0}
.mobile-tab-bar .mtab .mtab-label{font-size:10px;line-height:1;white-space:nowrap}
.mobile-tab-bar .mtab.active{color:#5C70FF}
.mobile-tab-bar .mtab.active .mtab-svg{stroke:#5C70FF}

/* Page scroll */
#pg-dashboard>.ps{overflow-y:auto!important}
#pg-tasks,#pg-calendar,#pg-contacts,#pg-memory,#pg-knowledge,#pg-emails,#pg-security,#pg-pipeline,#pg-roadmap{overflow-y:auto!important}
#pg-roadmap>div{overflow-y:auto!important;height:100%!important}

/* Bots: flex layout */
#pg-bots{overflow:hidden!important}
#pg-bots>div{height:100%!important;flex-direction:column!important}
#botList{width:100%!important;min-width:0!important;max-height:120px!important;border-right:none!important;border-bottom:1px solid #1E2130!important;overflow-x:auto!important;display:flex!important;flex-wrap:nowrap!important;padding:8px!important;gap:6px!important}
#botMessages{flex:1!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;min-height:0!important}

/* Chat: fullscreen, messages scroll */
#pg-chat{overflow:hidden!important}
#pg-chat>div{height:100%!important;overflow:hidden!important}
.chat-wrap{display:flex!important;flex-direction:column!important;height:100%!important;overflow:hidden!important}
.chat-msgs{flex:1!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;min-height:0!important;padding:12px!important;background:#0D0F14!important}
.chat-bar{padding:10px 12px!important;gap:8px!important;background:#0D0F14!important;border-color:#1E2130!important}
.chat-bar input{font-size:16px!important}
.chat-msg{max-width:92%!important;font-size:14px!important;padding:12px 14px!important}
.chat-msg.user{background:#5C70FF!important}
.chat-msg.assistant{background:#1A1D26!important;border-color:#2A2E3F!important;color:#E8ECF8!important}

/* Dashboard */
#dashStats>.sc{padding:12px!important;background:#1A1D26!important;border-color:#2A2E3F!important}
.sc{background:#1A1D26!important;border-color:#2A2E3F!important}
.sn{font-size:20px!important;color:#5C70FF!important}
.sl{color:#8890A4!important}
#dashBody{grid-template-columns:1fr!important}
#dashGreet{color:#E8ECF8!important}
#dashGreet>div:last-child{color:#8890A4!important}
/* Quick-Actions Dark */
.quick-actions{display:flex!important;gap:8px;padding:10px 16px;overflow-x:auto;-webkit-overflow-scrolling:touch;border-top:1px solid #1E2130;flex-shrink:0;scrollbar-width:none;background:#0D0F14!important}
.quick-actions::-webkit-scrollbar{display:none}
.quick-actions button{white-space:nowrap;padding:0 16px;height:48px;min-height:48px;font-size:14px;border-radius:24px;border:1px solid #2A2E3F;background:#1A1D26;color:#E8ECF8;cursor:pointer;font-weight:600;flex-shrink:0;display:flex;align-items:center;gap:6px;-webkit-tap-highlight-color:transparent}
.quick-actions button:first-child{background:#00E898;color:#000;border-color:#00E898}
.quick-actions button:active{transform:scale(.96);opacity:.8}

/* Touch */
button,.btn,[onclick]{min-height:44px!important}
.bs{min-height:32px!important}
.badge,.email-filter-btn,.tts-btn{min-height:auto!important;min-width:auto!important}
.ca .btn{min-height:36px!important;padding:6px 12px!important}

/* Cards Dark */
.card{padding:16px!important;border-radius:16px!important;background:#1A1D26!important;border-color:#2A2E3F!important;color:#E8ECF8!important}
.card:hover{box-shadow:none!important;transform:none!important}
.ct{color:#E8ECF8!important}.cb,.cm{color:#8890A4!important}

/* Grids */
.g4{grid-template-columns:1fr 1fr!important;gap:10px!important}
.g2,.g3{grid-template-columns:1fr!important}

/* Calendar Dark */
.cal-d{min-height:48px!important;padding:3px!important;font-size:10px!important;background:#1A1D26!important;border-color:#2A2E3F!important}
.cal-d .dn{color:#E8ECF8!important}.cal-d.today{border-color:#5C70FF!important;background:#5C70FF22!important}
.cal-ev{font-size:8px!important}.cal-hd{color:#8890A4!important}
.cal-nav h3{font-size:14px!important;min-width:130px!important;color:#E8ECF8!important}

/* Modals Dark */
.modal-bg{background:rgba(0,0,0,.7)!important}
.modal{background:#1A1D26!important;border-color:#2A2E3F!important;color:#E8ECF8!important;width:100%!important;max-width:100%!important;border-radius:16px 16px 0 0!important;margin-top:auto!important;max-height:90vh!important}
#emailDetailModal>div>div,#taskDetailModal>div>div,#smartPlanModal>div>div{background:#1A1D26!important;color:#E8ECF8!important}

/* Status Cards */
#ksGrid{grid-template-columns:1fr!important;gap:16px!important}
#karliStatus *{min-height:auto!important}
#ksFeatGrid{grid-template-columns:1fr!important}

/* DM */
#dmFloat{width:100%!important;height:100vh!important;inset:0!important;border-radius:0!important}
#dmFInput{font-size:16px!important}

/* Mehr-Menu Dark */
.mehr-menu{display:none;position:fixed;bottom:max(70px,calc(60px + env(safe-area-inset-bottom)));left:0;right:0;z-index:9998;background:#1A1D26;border-top:1px solid #2A2E3F;box-shadow:0 -8px 30px rgba(0,0,0,.4);border-radius:16px 16px 0 0;padding:12px 16px 16px;max-height:65vh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;animation:slideUp .2s ease}
.mehr-menu.open{display:block}
.mehr-menu .mm-item{display:flex;align-items:center;gap:14px;padding:16px 14px;border-radius:12px;font-size:16px;color:#E8ECF8;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s}
.mehr-menu .mm-item:active{background:#262A3A}
.mehr-menu .mm-item .mm-icon{width:28px;display:flex;align-items:center;justify-content:center;color:#8890A4}
.mehr-menu .mm-handle{width:36px;height:4px;background:#2A2E3F;border-radius:2px;margin:0 auto 12px}
@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}

/* Transitions + Voice */
.pg{transition:opacity .2s ease!important}
@keyframes micPulse{0%{box-shadow:0 0 0 0 rgba(239,68,68,.5)}70%{box-shadow:0 0 0 12px rgba(239,68,68,0)}100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}}
#micBtn.recording{background:#EF4444!important;border-color:#EF4444!important;color:white!important;animation:micPulse 1.2s ease infinite}

/* Misc Dark */
.sbar{background:#0D0F14!important;border-color:#1E2130!important;color:#8890A4!important}
.login-wrap{background:linear-gradient(135deg,#0D0F14,#1A1D26,#0D0F14)!important}
.login-box{background:#1A1D26!important;border-color:#2A2E3F!important;color:#E8ECF8!important}
.login-box h1{color:#5C70FF!important}.login-box .sub{color:#8890A4!important}
input,textarea,select{background:#262A3A!important;border-color:#353A4F!important;color:#E8ECF8!important}
}