:root{--bg:#07080c;--panel:#0d0f15;--panel2:#11141c;--line:#202532;--text:#f5f7fb;--muted:#858da0;--accent:#8c7dff;--accent2:#5d8cff;--good:#5ee6a8;--user:#1b2741;--r:18px}
*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:khorshid,system-ui,sans-serif}body{overflow:hidden}button,a{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}
.shell{height:100dvh;display:flex;max-width:1500px;margin:auto}.sidebar{width:280px;background:#090b10;border-left:1px solid var(--line);display:flex;flex-direction:column;padding:18px 14px;gap:15px;flex-shrink:0}.main{flex:1;min-width:0;display:flex;flex-direction:column;background:radial-gradient(circle at 55% -15%,#171a2a 0,#08090d 43%)}
.brand{display:flex;align-items:center;gap:10px;padding:3px 5px}.brand-mark,.welcome-orb,.support-orb{display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 15px 45px #7568ff2b}.brand-mark{width:42px;height:42px;border-radius:14px}.brand strong{display:block}.brand small,.agent-copy small{display:block;color:var(--muted);font-size:10px}.brand .mobile-only{margin-right:auto}
.new-chat{border:1px solid var(--line);background:linear-gradient(135deg,#171a25,#11141b);color:var(--text);padding:12px;border-radius:13px;text-align:right}.new-chat span{font-size:20px;vertical-align:-2px;margin-left:5px}.nav{display:grid;gap:4px}.nav a{padding:11px 12px;border-radius:11px;color:var(--muted);display:flex;gap:10px}.nav a:hover,.nav a.active{background:#141823;color:var(--text)}.nav span{width:18px;text-align:center}.side-section{border-top:1px solid var(--line);padding-top:15px}.side-title{color:var(--muted);font-size:10px;margin:0 5px 8px}.agent-mini{width:100%;display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:11px;border-radius:14px;text-align:right}.agent-mini>span:nth-child(2){flex:1}.agent-mini small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.agent-orb{width:9px;height:9px;border-radius:50%;background:var(--good);box-shadow:0 0 12px var(--good)}
.memory-card{display:flex;gap:10px;align-items:flex-start;background:#0e1219;border:1px solid var(--line);border-radius:14px;padding:12px;color:#a9b0bf}.memory-card>span{color:#aaa0ff}.memory-card b{display:block;font-size:11px;color:#dfe3eb}.memory-card small{display:block;color:var(--muted);font-size:9px;line-height:1.7;margin-top:3px}.sidebar-bottom{margin-top:auto}.secure-note{font-size:10px;color:#657084;padding:8px 4px}.secure-note:first-letter{color:var(--good)}.version{color:#596274;font-size:9px;padding:0 4px}
.topbar{height:64px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 22px;gap:12px;background:#0a0c11cc;backdrop-filter:blur(16px);z-index:5}.top-title{flex:1}.top-title b{display:block}.top-title span{font-size:10px;color:var(--muted)}.top-title i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--good);margin-left:4px}.top-actions{display:flex;gap:8px}.pill,.icon-btn{border:1px solid var(--line);background:#11141c;color:var(--text);border-radius:12px}.pill{padding:8px 13px;font-size:11px}.icon-btn{width:38px;height:38px}.mobile-only{display:none}
.chat{height:calc(100dvh - 64px);display:flex;flex-direction:column;min-height:0}.welcome{width:min(800px,calc(100% - 34px));margin:auto;text-align:center;padding:18px 0}.welcome-orb{width:66px;height:66px;border-radius:21px;margin:0 auto 16px;font-size:27px}.eyebrow{letter-spacing:1.6px;font-size:9px;color:#9b91ff}.welcome h1{font-size:32px;margin:9px 0 6px}.welcome p{color:var(--muted);margin:0 auto 22px;font-size:13px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.quick-grid button{background:#0e1118;border:1px solid var(--line);border-radius:15px;color:var(--text);padding:14px;text-align:right;transition:.18s}.quick-grid button:hover{transform:translateY(-2px);border-color:#464c62;background:#121620}.quick-grid b{font-size:18px;color:#aaa1ff}.quick-grid span{display:block;font-size:12px;margin-top:6px}.quick-grid small{color:var(--muted);font-size:9px}.choose-agent{margin-top:11px;width:100%;display:flex;align-items:center;gap:8px;padding:11px 13px;border:1px solid #4a456f;background:#111222;color:#dcd9ff;border-radius:14px;text-align:right}.choose-agent span{color:var(--muted);font-size:10px}.choose-agent b{font-size:11px}.choose-agent i{margin-right:auto;font-style:normal}
.messages{width:min(920px,calc(100% - 34px));margin:0 auto;flex:1;overflow:auto;padding:24px 0 12px;display:flex;flex-direction:column;gap:11px;scroll-behavior:smooth}.msg{max-width:79%;padding:12px 15px;border-radius:17px;line-height:1.85;animation:up .18s ease}.msg.user{align-self:flex-start;background:var(--user);border:1px solid #2c4168}.msg.bot{align-self:stretch;max-width:100%;background:#0e1118;border:1px solid var(--line)}.msg-body{font-size:13px;word-break:break-word}.msg-body pre{direction:ltr;text-align:left;background:#080a0e;border:1px solid #1c222d;padding:12px;border-radius:10px;overflow:auto}.msg-body code{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px}.msg-body p{margin:0}.msg-body ul{padding-right:20px}.msg-foot{display:flex;align-items:center;gap:10px;color:#626b7c;font-size:8px;margin-top:6px}.msg-foot button{border:0;background:transparent;color:#7f8899;font-size:8px;padding:0}.typing .msg-body{display:flex;gap:4px}.typing .msg-body i{width:6px;height:6px;background:#737b8a;border-radius:50%;animation:b 1s infinite}.typing .msg-body i:nth-child(2){animation-delay:.15s}.typing .msg-body i:nth-child(3){animation-delay:.3s}@keyframes b{50%{transform:translateY(-5px);opacity:.35}}@keyframes up{from{opacity:0;transform:translateY(5px)}}
.composer-wrap{width:min(920px,calc(100% - 34px));margin:0 auto;padding:8px 0 15px}.composer{display:flex;align-items:flex-end;gap:6px;background:#0f1219;border:1px solid #292f3d;border-radius:18px;padding:7px;transition:.2s}.composer:focus-within{border-color:#5d58a0;box-shadow:0 0 0 3px #6d61ff14}.composer textarea{flex:1;resize:none;max-height:180px;min-height:42px;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:13px;line-height:1.65;padding:8px}.send{width:42px;height:42px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-size:22px}.send:disabled{opacity:.45}.attach{width:38px;height:38px;border:0;background:transparent;color:#6f7889;font-size:18px}.composer-meta{display:flex;justify-content:space-between;color:#5d6677;font-size:8px;padding:5px 7px}
.hidden{display:none!important}
.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center}.modal-backdrop{position:absolute;inset:0;background:#000c;backdrop-filter:blur(10px)}.modal-card{position:relative;width:min(610px,calc(100% - 26px));max-height:90dvh;overflow:auto;background:#0f1219;border:1px solid #2b3140;border-radius:23px;padding:25px;box-shadow:0 25px 90px #0009}.modal-close{position:absolute;left:16px;top:13px;background:transparent;border:0;color:var(--muted);font-size:24px}.modal-card h2{margin:8px 0 5px;font-size:21px}.modal-card>p{font-size:11px;color:var(--muted);margin-top:0}.agents{display:grid;gap:8px;margin-top:17px}.agent-card{display:flex;align-items:center;gap:12px;background:#0b0e14;border:1px solid var(--line);color:var(--text);border-radius:16px;padding:12px;text-align:right;transition:.15s}.agent-card:hover,.agent-card.selected{border-color:#6861a9;background:#141625}.agent-icon{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:12px;background:#181a2a;color:#b6afff;font-size:17px}.agent-copy{flex:1}.agent-copy b{display:block;font-size:12px}.agent-copy small{font-size:9px;margin-top:2px}.agent-copy em{display:block;color:#858d9e;font-style:normal;font-size:9px;margin-top:5px}.agent-copy label{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.agent-copy label i{font-style:normal;font-size:8px;color:#aaa3ff;border:1px solid #353157;border-radius:99px;padding:2px 6px}.check{opacity:0;color:var(--good);font-size:16px}.selected .check{opacity:1}.modal-tip{margin-top:12px;padding:10px;border-radius:12px;background:#0b0e14;color:#737c8d;font-size:9px}
.page{width:min(900px,calc(100% - 34px));margin:0 auto;overflow:auto;padding:45px 0 55px}.support-page{max-width:800px}.support-hero{text-align:center;padding:20px 0 25px}.support-orb{width:72px;height:72px;border-radius:23px;margin:0 auto 15px;font-size:28px}.support-hero h1{font-size:31px;margin:8px 0}.support-hero p{color:var(--muted);font-size:12px;max-width:570px;margin:auto;line-height:2}.support-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:12px}.support-card,.support-note{background:#0f1219;border:1px solid var(--line);border-radius:20px;padding:22px}.support-icon{font-size:25px;color:#aaa1ff}.support-card h2{font-size:17px;margin:8px 0}.support-card p,.support-note p{color:var(--muted);font-size:11px;line-height:1.9}.primary{border:0;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border-radius:12px;padding:11px 16px}.support-info{white-space:pre-wrap;margin-top:12px;background:#090b10;border:1px solid var(--line);padding:14px;border-radius:12px;font-size:14px;line-height:2;direction:rtl}.support-note span{color:#aaa1ff}.support-note b{display:block;margin-top:7px;font-size:12px}
@media(max-width:760px){body{overflow:hidden}.sidebar{position:fixed;z-index:60;right:0;top:0;bottom:0;transform:translateX(105%);transition:.22s;width:min(300px,88vw);box-shadow:-20px 0 60px #0008}.sidebar.open{transform:none}.mobile-only{display:block}.quick-grid{grid-template-columns:1fr}.welcome{padding-top:10px}.welcome h1{font-size:26px}.messages{padding-top:14px}.msg{max-width:90%}.topbar{padding:0 12px}.support-grid{grid-template-columns:1fr}.page{padding-top:25px}.modal-card{padding:22px 16px}.agent-copy em{display:none}}
/* 2.2 UX refinement */
.welcome-line{display:flex;justify-content:center;align-items:center;gap:9px;flex-wrap:wrap;margin:2px auto 14px;color:#6f7889;font-size:10px}.welcome-line i{font-style:normal;color:#353b48}.welcome p{margin-bottom:12px}.choose-agent{margin-top:8px}
.support-page{max-width:860px}.support-hero{padding:34px 0 30px}.support-hero h1{font-size:34px;letter-spacing:-.5px}.support-hero p{font-size:12px;line-height:2.1}.support-grid{grid-template-columns:1.25fr .75fr;align-items:stretch}.support-card{padding:26px}.support-card p{max-width:500px}.support-info{padding:0;background:transparent;border:0}.bank-card{position:relative;overflow:hidden;margin-top:18px;min-height:205px;border:1px solid #363b4d;border-radius:22px;padding:22px;color:#fff;background:linear-gradient(145deg,#1b1f2d,#0c0f16 58%,#161327);box-shadow:0 20px 55px #0007}.bank-card:before,.bank-card:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.bank-card:before{width:170px;height:170px;right:-75px;top:-70px;background:#8c7dff20}.bank-card:after{width:130px;height:130px;left:-65px;bottom:-80px;background:#5d8cff18}.bank-card-top,.bank-card-bottom{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between}.bank-card-top{font-size:10px;letter-spacing:2px;color:#b9b4ff}.bank-card-top span:last-child{font-size:18px}.chip{position:relative;z-index:1;width:39px;height:29px;margin:30px 0 14px;border-radius:7px;background:linear-gradient(135deg,#b9b9ad,#6d6d68);box-shadow:inset 0 0 0 1px #ffffff55}.card-number{position:relative;z-index:1;font-family:ui-monospace,SFMono-Regular,monospace;font-size:20px;letter-spacing:2px;white-space:nowrap}.bank-card-bottom{margin-top:18px;color:#8991a3;font-size:9px}.copy-card{border:1px solid #363c4c;background:#171b26;color:#e9ebf1;border-radius:9px;padding:7px 10px;font-size:9px}.copy-card:hover{background:#202535}.support-thanks{margin:10px 2px 0!important;color:#777f91!important;font-size:10px!important}.support-note{display:flex;flex-direction:column;justify-content:center}.support-note b{font-size:13px;line-height:1.8}.support-note p{margin-bottom:0}
@media(max-width:760px){.welcome-line{max-width:330px;line-height:2}.support-hero h1{font-size:27px}.support-card{padding:18px}.card-number{font-size:16px;letter-spacing:1px}.bank-card{min-height:185px}.support-grid{grid-template-columns:1fr}}
/* 2.3 interface */
.quick-prompts{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;margin:0 0 7px}.quick-prompts::-webkit-scrollbar{display:none}.quick-prompts button{flex:0 0 auto;border:1px solid var(--line);background:#0d1017;color:#8f97a8;border-radius:999px;padding:7px 11px;font-size:9px}.quick-prompts button:hover,.quick-prompts button.active{border-color:#514b85;color:#c3bdff;background:#121323}.quick-prompts .web-chip{color:#aaa1ff}.composer{direction:ltr}.composer textarea{direction:rtl;text-align:right}.agent-trigger{width:42px;height:42px;border:1px solid #2e3342;border-radius:13px;background:#171a25;color:#bdb7ff;font-size:18px;flex:none}.send{order:3}.agent-trigger{order:1}.composer textarea{order:2}.new-chat{direction:rtl}.conversation-head{display:flex;align-items:center;justify-content:space-between;color:#6f7889;font-size:9px;padding:0 4px}.conversation-head button{border:0;background:transparent;color:#747d8e}.conversation-list{display:flex;flex-direction:column;gap:3px;max-height:38dvh;overflow:auto}.conversation{position:relative;display:flex;align-items:center;border-radius:11px}.conversation.active{background:#131722}.conv-main{flex:1;min-width:0;border:0;background:transparent;color:#bfc5d1;padding:9px 7px;display:flex;align-items:center;gap:7px;text-align:right}.conv-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.conv-icon{font-size:10px;color:#687183}.conv-more{border:0;background:transparent;color:#687183;width:30px}.conv-menu{position:fixed;z-index:100;background:#11151e;border:1px solid #2a3040;border-radius:12px;padding:5px;box-shadow:0 18px 45px #000b;min-width:130px}.conv-menu button{display:block;width:100%;border:0;background:transparent;color:#c9ced8;text-align:right;padding:8px;border-radius:8px;font-size:10px}.conv-menu button:hover{background:#1b202c}.support-link{display:flex;align-items:center;gap:8px;color:#8e97a8;font-size:11px;padding:11px 5px;border-top:1px solid var(--line);margin-bottom:3px}.support-link span{color:#aaa1ff}.sidebar-bottom{margin-top:auto}.about-page{max-width:800px;display:grid;place-items:center}.about-card{width:100%;background:#0f1219;border:1px solid var(--line);border-radius:24px;padding:42px;text-align:center}.about-card .welcome-orb{margin:0 auto 15px}.about-card h1{font-size:30px;margin:9px 0}.about-card>p{color:var(--muted);font-size:12px;line-height:2.1;max-width:620px;margin:0 auto}.feature-row{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:25px 0}.feature-row span{font-size:9px;border:1px solid #2b3040;border-radius:999px;padding:7px 10px;color:#a3aabc;background:#0b0e14}.about-story{border-top:1px solid var(--line);padding-top:22px;margin-top:20px}.about-story b{font-size:13px}.about-story p{color:var(--muted);font-size:11px;line-height:2;margin-bottom:0}.support-link:hover{color:#d8dce5}.msg.bot a{color:#aaa1ff}.bank-card{direction:ltr}.support-thanks{text-align:right}
@media(max-width:760px){.conversation-list{max-height:45dvh}.about-card{padding:28px 18px}.about-card h1{font-size:25px}.quick-prompts{padding-inline:1px}.composer-wrap{padding-bottom:12px}}

/* 2.4 code experience */
.code-wrap{margin:12px 0;border:1px solid #292f3d;border-radius:14px;overflow:hidden;background:#080a0f;direction:ltr;text-align:left}.code-head{display:flex;align-items:center;justify-content:space-between;padding:7px 9px;background:#10131b;border-bottom:1px solid #252b38;color:#7f899c;font:9px ui-monospace,SFMono-Regular,monospace}.code-head div{display:flex;gap:5px}.code-head button{border:1px solid #303647;background:#171b25;color:#c4cad5;border-radius:7px;padding:5px 8px;font-size:8px;cursor:pointer}.code-head button:hover{background:#202635}.code-wrap pre{margin:0;padding:13px 14px;overflow:auto;max-height:520px;direction:ltr;text-align:left;white-space:pre;tab-size:2}.code-wrap code{font:12px/1.7 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#dce2ec}.msg.bot>.msg-body>pre:not(.code-wrap pre){direction:ltr;text-align:left;overflow:auto;background:#080a0f;border:1px solid #292f3d;border-radius:12px;padding:12px}.msg.bot>.msg-body>code{direction:ltr}.msg.bot .code-wrap+br{display:none}
.sidebar-backdrop{display:none}.page{position:relative}.page-close{position:absolute;top:18px;right:18px;width:42px;height:42px;border-radius:12px;border:1px solid var(--line,#252831);display:grid;place-items:center;text-decoration:none;font-size:25px;color:inherit;background:rgba(255,255,255,.03);z-index:2}.auth-card,.install-card{max-width:620px;margin:60px auto;padding:38px;border:1px solid var(--line,#252831);border-radius:28px;background:rgba(20,22,29,.78);text-align:center}.auth-tabs{display:flex;gap:8px;margin:25px 0 15px;flex-wrap:wrap}.auth-tabs button{flex:1;padding:12px;border:1px solid var(--line,#252831);background:transparent;color:inherit;border-radius:12px}.auth-tabs button.active{background:rgba(255,255,255,.09)}.auth-form{display:grid;gap:12px}.auth-form input,.install-card input{width:100%;box-sizing:border-box;padding:14px;border-radius:12px;border:1px solid var(--line,#252831);background:#0d0f14;color:inherit}.account-link{display:flex;width:100%;padding:10px 0;background:none;border:0;color:inherit;text-decoration:none;align-items:center;gap:8px;cursor:pointer}.account-link small{opacity:.55;margin-right:auto}.install-page{min-height:100vh;display:grid;place-items:center;padding:20px}.install-msg{margin:15px 0;padding:12px;border-radius:12px;background:#2b1a1a}.install-msg.ok{background:#14251b}.install-link{display:flex;text-decoration:none;justify-content:center;margin-top:15px}.install-help{margin-top:20px;text-align:left;direction:ltr;opacity:.65;font:12px monospace;line-height:1.8}.conv-menu{position:fixed;z-index:10000;min-width:170px;padding:6px;border:1px solid var(--line,#252831);border-radius:14px;background:#151820;box-shadow:0 16px 40px rgba(0,0,0,.35)}.conv-menu button{display:block;width:100%;padding:10px;border:0;background:transparent;color:inherit;text-align:right;border-radius:9px}.conv-menu button:hover{background:rgba(255,255,255,.07)}
@media(max-width:800px){.sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.52);z-index:40;display:block;opacity:0;pointer-events:none;transition:.2s}.sidebar-backdrop.show{opacity:1;pointer-events:auto}.sidebar{z-index:50}.sidebar.open{transform:translateX(0)!important}.shell{position:relative}.page-close{top:12px;right:12px}.auth-card{margin:30px 12px;padding:25px 18px}}


/* ===== Khorshid Android-style UI refresh ===== */
:root{
  --android-bg:#090a0f;
  --android-surface:#101219;
  --android-surface-2:#171923;
  --android-border:#242733;
  --android-hover:#1b1e29;
  --android-text:#f7f7fb;
  --android-muted:#9297a6;
  --android-accent:#8f82ff;
}
body{background:var(--android-bg)}
.shell{max-width:none}
.sidebar{
  width:300px;
  padding:14px 12px 12px;
  background:#0b0c11;
  border-left:1px solid #1d2029;
  gap:10px;
}
.brand{padding:7px 9px 13px;gap:11px}
.brand-mark{width:40px;height:40px;border-radius:13px}
.brand strong{font-size:15px}
.brand small{font-size:10px}
.new-chat{
  width:100%;
  min-height:46px;
  padding:0 15px;
  border-radius:14px;
  text-align:right;
  background:#171922;
  border:1px solid #292c37;
  font-size:13px;
  transition:.18s ease;
}
.new-chat:hover{background:#1d202b;border-color:#343847;transform:none}
.conversation-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 7px 4px;color:#8f94a2;font-size:11px;
}
.conversation-head button{
  width:30px;height:30px;border:0;border-radius:9px;background:transparent;color:#aeb3c0;
}
.conversation-head button:hover{background:var(--android-hover);color:#fff}
.conversation-list{
  flex:1;min-height:0;overflow:auto;padding:2px 2px 8px;
  scrollbar-width:thin;
}
.conversation{
  display:flex;align-items:center;gap:2px;margin:2px 0;padding:2px;
  border-radius:11px;transition:.16s ease;
}
.conversation:hover,.conversation.active{background:#171a23}
.conv-main{
  flex:1;min-width:0;display:flex;align-items:center;gap:9px;
  padding:10px 9px;border:0;background:transparent;color:#dfe2ea;
  text-align:right;border-radius:9px;
}
.conv-main>span:first-child{width:14px;color:#777d8d;font-size:11px;flex:none}
.conv-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
.conv-more{
  flex:none;width:32px;height:34px;border:0;background:transparent;
  color:#858b9a;border-radius:9px;opacity:.55;
}
.conversation:hover .conv-more,.conversation.active .conv-more{opacity:1}
.conv-more:hover{background:#242733;color:#fff}
.nav{border-top:1px solid #1d2028;padding-top:8px}
.nav a,.support-link,.account-link{
  min-height:43px;padding:10px 12px;border-radius:11px;
  color:#a5a9b5;transition:.16s ease;
}
.nav a:hover,.nav a.active,.support-link:hover,.account-link:hover{
  background:#171a23;color:#f5f6fa;
}
.sidebar-bottom{padding-top:5px}
.sidebar-bottom .support-link{display:flex;align-items:center;gap:10px}
.account-link{
  width:100%;display:flex;align-items:center;justify-content:center;gap:8px;
  border:1px solid #302f49;
  background:linear-gradient(135deg,#19172a,#151622);
  color:#eeeefe!important;
  font-size:12px;font-weight:700;
  margin-top:6px;
}
.account-link small{font-size:10px;color:#a9a4d7;margin-right:auto}
.secure-note{padding:9px 5px 3px}
.version{padding:0 5px 3px}

/* Chat screen: app-like full canvas, no header */
.main{background:#090a0f}
.chat{
  position:relative;
  height:100dvh;
  min-height:0;
  padding:0;
  display:flex;
  flex-direction:column;
}
.chat .messages{
  flex:1;
  min-height:0;
  width:min(900px,100%);
  margin:0 auto;
  padding:76px 22px 160px;
  overflow-y:auto;
  scrollbar-width:thin;
}
.chat .welcome{
  margin:auto;
  max-width:680px;
  padding:24px 20px 110px;
}
.chat-app-title{
  display:none;
}
.chat-menu-trigger{
  position:fixed;
  top:14px;
  right:14px;
  z-index:20;
  width:43px;height:43px;
  display:grid;place-items:center;
  border:1px solid #292c36;
  border-radius:14px;
  background:rgba(17,18,25,.9);
  color:#e9eaf0;
  backdrop-filter:blur(18px);
  box-shadow:0 8px 28px rgba(0,0,0,.24);
  font-size:19px;
}
.chat-menu-trigger:hover{background:#1c1f29}
.composer-wrap{
  position:fixed;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  width:min(900px,100%);
  padding:10px 18px calc(12px + env(safe-area-inset-bottom));
  background:linear-gradient(to bottom,transparent,#090a0f 25%);
  z-index:15;
}
.quick-prompts{
  display:flex;gap:7px;overflow-x:auto;white-space:nowrap;
  padding:0 0 9px;scrollbar-width:none;
}
.quick-prompts::-webkit-scrollbar{display:none}
.quick-prompts button{
  flex:none;border:1px solid #272a35;background:#11131a;color:#b9bdc9;
  border-radius:999px;padding:7px 11px;font-size:10px;
}
.quick-prompts button:hover{background:#191c25;color:#fff}
.composer{
  border:1px solid #2a2d38!important;
  background:#11131a!important;
  border-radius:22px!important;
  box-shadow:0 12px 38px rgba(0,0,0,.35);
  padding:8px!important;
}
.composer textarea{
  background:transparent!important;
  font-size:13px!important;
}
.composer-meta{padding:6px 8px 0;font-size:9px;color:#686e7c}
.agent-trigger,.send{width:40px!important;height:40px!important;border-radius:14px!important}
.agent-trigger{background:#191b24!important;border:1px solid #292c37!important}
.send{background:var(--android-accent)!important}
.topbar{height:58px}

/* Independent pages retain a compact app bar and real close affordance */
.page{
  position:relative;
  height:100dvh;
  overflow:auto;
}
.page-close{
  position:fixed!important;
  top:14px;right:14px;
  z-index:30;
  width:42px;height:42px;
  display:grid!important;place-items:center;
  border:1px solid #292c36;
  border-radius:13px;
  background:#11131a;
  color:#eee;
  font-size:25px;
}
.page-close:hover{background:#1c1f29}

/* Mobile drawer */
@media (max-width:760px){
  .sidebar{
    position:fixed;
    top:0;right:0;bottom:0;
    width:min(320px,88vw);
    z-index:100;
    transform:translateX(105%);
    transition:transform .22s cubic-bezier(.2,.8,.2,1);
    box-shadow:-18px 0 55px rgba(0,0,0,.45);
  }
  .sidebar.open{transform:translateX(0)}
  .sidebar .mobile-only#closeSide{display:none}
  .sidebar-backdrop{
    position:fixed;inset:0;z-index:90;
    background:rgba(0,0,0,.52);
    backdrop-filter:blur(2px);
    opacity:0;pointer-events:none;
    transition:opacity .2s ease;
  }
  .sidebar-backdrop.show{opacity:1;pointer-events:auto}
  body.sidebar-open{overflow:hidden}
  .chat .messages{padding:70px 14px 170px}
  .chat .welcome{padding:34px 15px 110px}
  .composer-wrap{padding-left:10px;padding-right:10px}
  .chat-menu-trigger{top:10px;right:10px}
}
@media (min-width:761px){
  .chat-menu-trigger{top:14px;right:18px}
  .sidebar-backdrop{display:none}
}

/* Modern single-flow authentication */
.auth-card{max-width:430px;margin:50px auto;padding:34px 28px;border-radius:30px;text-align:center;background:rgba(18,20,27,.9);border:1px solid var(--line,#292c35);box-shadow:0 24px 70px rgba(0,0,0,.28)}
.auth-card h1{margin:10px 0 8px;font-size:30px;letter-spacing:-.5px}.auth-card>p{margin:0 auto 26px;line-height:1.9;opacity:.62;font-size:14px}.auth-form{display:grid;gap:12px}.auth-label{text-align:right;font-size:13px;opacity:.65;margin:0 3px -4px}.auth-input{width:100%;height:54px;box-sizing:border-box;padding:0 16px;border-radius:16px;border:1px solid var(--line,#292c35);background:#0c0e13;color:inherit;font:inherit;outline:none;transition:.18s}.auth-input:focus{border-color:rgba(255,255,255,.32);box-shadow:0 0 0 3px rgba(255,255,255,.04)}.auth-primary{height:54px;border:0;border-radius:16px;background:#f2f3f5;color:#101116;font:700 15px inherit;cursor:pointer;transition:.18s}.auth-primary:hover{transform:translateY(-1px)}.auth-secondary{height:48px;border:1px solid var(--line,#292c35);border-radius:15px;background:transparent;color:inherit;font:inherit;cursor:pointer}.auth-hint{font-size:12px;opacity:.42;margin-top:2px}.auth-mobile-pill{height:42px;border-radius:13px;background:rgba(255,255,255,.045);border:1px solid var(--line,#292c35);display:grid;place-items:center;font-size:14px;letter-spacing:.5px}.otp-title{font-size:15px;font-weight:700;margin-top:6px}.otp-wrap{display:flex;justify-content:center;align-items:center;gap:10px;direction:ltr;margin:10px auto 4px}.otp-box{width:56px;height:64px;padding:0;text-align:center;border-radius:15px;border:1px solid var(--line,#292c35);background:#0b0d12;color:inherit;font-size:25px;font-weight:700;outline:none;caret-color:transparent}.otp-box:focus{border-color:rgba(255,255,255,.42);box-shadow:0 0 0 4px rgba(255,255,255,.045)}.otp-timer{font-size:12px;opacity:.58;margin:7px 0}.otp-timer b{font-variant-numeric:tabular-nums;opacity:.95}.otp-actions{display:flex;justify-content:center;gap:18px;margin-top:5px}.otp-actions button{border:0;background:none;color:inherit;font:inherit;font-size:13px;cursor:pointer}.otp-actions button:first-child{font-weight:700}.hidden{display:none!important}.auth-error{min-height:20px;color:#ff8f8f;font-size:12px;line-height:1.7;margin-top:2px}.pin-entry{letter-spacing:8px;text-align:center}.pin-caption{text-align:center;font-size:12px;opacity:.52;margin-top:3px}.auth-backup .otp-wrap{margin-top:0}.auth-backup .auth-secondary{margin-top:2px}
@media(max-width:600px){.auth-card{margin:20px 12px;padding:28px 18px;border-radius:26px}.auth-card h1{font-size:27px}.otp-wrap{gap:8px}.otp-box{width:54px;height:60px}}

/* Chat top controls: compact Android-style actions */
.chat-top-actions{
  position:fixed;top:12px;left:14px;z-index:45;
  display:flex;align-items:center;gap:8px;
}
.chat-icon-btn{
  width:40px;height:40px;border:1px solid #292c36;border-radius:13px;
  background:rgba(17,19,26,.92);color:#eceef3;display:grid;place-items:center;
  font:inherit;font-size:23px;line-height:1;cursor:pointer;
  box-shadow:0 8px 25px rgba(0,0,0,.18);backdrop-filter:blur(12px);
}
.chat-icon-btn:hover{background:#1b1e27}
.chat-icon-btn:first-child{font-size:26px;letter-spacing:1px}
.chat .chat-menu-trigger{right:14px;left:auto;opacity:1;pointer-events:auto;width:43px;height:43px;padding:0;overflow:visible}
@media(max-width:760px){.chat-top-actions{top:10px;left:10px}.chat-icon-btn{width:42px;height:42px}.chat .chat-menu-trigger{top:10px;right:10px;width:42px;height:42px}.chat .messages{padding-top:72px}}

/* Backup login uses only mobile + 4-digit PIN */
.auth-backup .auth-mobile-pill{margin-bottom:2px}
.auth-backup .otp-wrap{margin-top:6px}


/* Message footer: timestamp left, copy right */
:root{--msg-scale:1}
.msg-body{font-size:calc(13px * var(--msg-scale))!important;transition:font-size .08s ease}
.msg-body code{font-size:calc(11px * var(--msg-scale))!important}
.msg-foot{width:100%;justify-content:space-between;direction:ltr;margin-top:8px}
.msg-time{direction:rtl;text-align:left;color:#626b7c;font-size:8px}
.msg-copy{direction:rtl;border:0;background:transparent;color:#7f8899;font-size:9px;padding:3px 0;cursor:pointer}
.msg-copy:hover{color:#fff}

/* OTP sequential green confirmation animation */
@keyframes otpSuccess{0%{background:#0b0d12;border-color:#2e3542;box-shadow:none}35%{background:#49c878;border-color:#72e39a;color:#08120c;box-shadow:0 0 0 5px rgba(73,200,120,.12),0 0 24px rgba(73,200,120,.22)}100%{background:#0b0d12;border-color:#2e3542;color:inherit;box-shadow:none}}
.otp-box.otp-success{animation:otpSuccess .18s ease forwards}

/* The browser page itself does not zoom; pinch gesture scales message text only. */
html,body{touch-action:pan-x pan-y}

/* Minimal AI thinking state */
.thinking-indicator{display:flex;align-items:center;gap:8px;min-height:28px;direction:rtl;color:#aab1bf;animation:thinkingIn .22s ease both}
.thinking-orb{width:10px;height:10px;border-radius:50%;border:1px solid rgba(190,198,214,.55);position:relative;animation:thinkingPulse 1.35s ease-in-out infinite}
.thinking-orb:after{content:"";position:absolute;inset:2px;border-radius:50%;background:rgba(210,218,232,.75);animation:thinkingGlow 1.35s ease-in-out infinite}
.thinking-label{font-size:11px;opacity:.58;margin-left:2px}
.thinking-indicator i{display:block;width:4px;height:4px;border-radius:50%;background:#8f98aa;opacity:.35;animation:thinkingDot 1.15s ease-in-out infinite}
.thinking-indicator i:nth-of-type(2){animation-delay:.14s}.thinking-indicator i:nth-of-type(3){animation-delay:.28s}
@keyframes thinkingIn{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
@keyframes thinkingPulse{0%,100%{transform:scale(.82);opacity:.55}50%{transform:scale(1.15);opacity:1}}
@keyframes thinkingGlow{0%,100%{transform:scale(.7);opacity:.35}50%{transform:scale(1);opacity:.9}}
@keyframes thinkingDot{0%,100%{transform:translateY(0);opacity:.25}50%{transform:translateY(-4px);opacity:.9}}

/* Chat message style: user in bubble, AI in open ChatGPT-like layout */
.messages .msg{
  max-width:79%;
  padding:12px 15px;
  border-radius:17px;
  line-height:1.85;
  animation:up .18s ease;
}
.messages .msg.user{
  align-self:flex-start;
  background:var(--user);
  border:1px solid #2c4168;
}
.messages .msg.bot{
  align-self:stretch;
  max-width:100%;
  padding:12px 0 10px;
  background:transparent;
  border:0;
  border-radius:0;
}
.messages .msg.bot .msg-body{
  width:100%;
}
.messages .msg.user .msg-foot{
  display:none;
}
.messages .msg.bot .msg-foot{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  direction:ltr;
  width:100%;
  margin-top:8px;
}
.messages .msg.bot .msg-time{
  direction:rtl;
  text-align:left;
  color:#626b7c;
  font-size:8px;
}
.messages .msg.bot .msg-copy{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:0;
  background:transparent;
  color:#7f8899;
  padding:0;
  cursor:pointer;
  border-radius:8px;
}
.messages .msg.bot .msg-copy:hover{
  color:#fff;
  background:rgba(255,255,255,.05);
}
.messages .msg.bot .msg-copy svg{
  width:15px;
  height:15px;
  display:block;
}
.page .page-close{
  position:static!important;
  width:38px;
  height:38px;
  border-radius:12px;
  display:grid;
  place-items:center;
  font-size:25px;
  line-height:1;
  border:1px solid var(--line);
  background:rgba(255,255,255,.03);
}


/* ===== Khorshid 1.0.0 final fixes ===== */
.topbar{position:relative;display:flex;align-items:center;min-height:58px;padding:0 18px;z-index:20}
.top-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.page-close{position:static!important;width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border:1px solid var(--line)!important;border-radius:12px!important;background:#11131a!important;color:#eee!important;text-decoration:none!important;font-size:25px!important;line-height:1!important;z-index:auto!important}
.install-app-link{border:0!important;background:transparent!important;color:inherit!important;text-align:right!important;cursor:pointer;font-size:11px}
.install-app-link span{color:var(--accent);font-size:16px;width:18px;text-align:center}
.msg.bot{background:transparent!important;border:0!important;border-radius:0!important;padding:12px 0 10px!important;max-width:100%!important}
.msg.bot .msg-body{width:100%;background:transparent!important}
.msg.user{align-self:flex-start}
.msg-foot{display:flex!important;align-items:center;justify-content:flex-start!important;gap:12px;direction:ltr;width:100%;margin-top:8px!important}
.msg.bot .msg-copy{width:28px;height:28px;display:grid;place-items:center;border:0;background:transparent;color:#7f8899;padding:0;cursor:pointer;border-radius:8px}
.msg.bot .msg-copy svg{width:15px;height:15px;display:block}
.offline-notice{position:fixed;left:50%;bottom:92px;transform:translateX(-50%);z-index:120;display:flex;align-items:center;gap:9px;max-width:calc(100vw - 28px);padding:10px 14px;border:1px solid #3a3042;border-radius:13px;background:rgba(20,17,27,.96);box-shadow:0 15px 40px rgba(0,0,0,.35);font-size:10px;direction:rtl}
.offline-notice b{color:#e5b6ff;white-space:nowrap}.offline-notice span{color:#9da4b2}
.install-help-modal{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.65);display:grid;place-items:center;padding:20px;direction:rtl}
.install-help-card{position:relative;width:min(430px,100%);padding:25px;border:1px solid var(--line);border-radius:24px;background:#10131a;box-shadow:0 25px 80px rgba(0,0,0,.5)}
.install-help-card h3{margin:8px 0 16px;font-size:20px}.install-help-card p{font-size:12px;line-height:2;margin:10px 0;color:#b8bfcb}.install-help-card small{display:block;color:#727b8c;line-height:1.9}.install-help-close{position:absolute;left:12px;top:12px;width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:#171a22;color:#eee;font-size:20px}
@media(max-width:760px){.topbar{padding:0 12px}.offline-notice{bottom:105px}.install-app-link{padding:10px 0}}

/* ===== Sidebar final layout / conversation lazy loading ===== */
.sidebar{
  height:100dvh;
  min-height:0;
  overflow:hidden;
}
.conversation-list{
  flex:1 1 auto;
  min-height:0;
  max-height:none;
  overflow-y:auto;
  overscroll-behavior:contain;
}
.sidebar-bottom{
  flex:0 0 auto;
  margin-top:0;
  padding-top:8px;
  border-top:1px solid var(--line);
  background:#090b10;
}
.sidebar-links{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:5px;
  width:100%;
}
.side-link{
  min-width:0;
  min-height:42px;
  padding:8px 4px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#a5a9b5;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  cursor:pointer;
  text-decoration:none;
  font-size:10px;
  transition:.16s ease;
}
.side-link:hover{
  background:#171a23;
  color:#f5f6fa;
}
.side-link span{font-size:13px;color:#aaa1ff}
.side-link b{font-size:10px;font-weight:600;white-space:nowrap}
.sidebar-bottom .account-link{
  margin-top:7px;
}
@media(max-width:760px){
  .sidebar{height:100dvh;overflow:hidden}
  .conversation-list{max-height:none}
  .sidebar-bottom{padding-bottom:calc(8px + env(safe-area-inset-bottom))}
}

/* ===== Sidebar interaction hardening v1.0.0 ===== */
@media(max-width:760px){
  .chat-menu-trigger{
    z-index:1000!important;
    pointer-events:auto!important;
    touch-action:manipulation;
  }
  .sidebar-backdrop{z-index:900!important;}
  .sidebar{z-index:1001!important;}
}

/* ===== Khorshid 1.0.0 fixes ===== */
.chat-top-actions .chat-icon-btn{
  text-decoration:none;
}
.chat-top-actions .home-btn{
  font-size:21px;
}
.conv-menu{
  position:fixed!important;
  z-index:10000!important;
}
.messages{
  --msg-scale:1;
}
.msg.user .msg-body,.msg.bot .msg-body{
  font-size:calc(13px * var(--msg-scale))!important;
}
.msg.user .msg-body code,.msg.bot .msg-body code{
  font-size:calc(11px * var(--msg-scale))!important;
}
@media(max-width:760px){
  .chat-top-actions{
    display:flex;
    flex-direction:row;
    gap:7px;
  }
}

/* ===== Khorshid 1.0.0 logo assets ===== */
.brand-mark,
.welcome-orb{
  overflow:hidden;
  background:transparent!important;
  box-shadow:none!important;
}
.brand-mark img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.welcome-orb img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  border-radius:inherit;
}
.chat-app-title{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
}
.chat-app-title img{
  width:30px;
  height:30px;
  object-fit:contain;
  display:block;
  border-radius:8px;
}

/* ===== Khorshid 2.6.9 ===== */
@font-face{
  font-family:khorshid;
  src:url('font/khorshid.woff2') format('woff2');
  font-display:swap;
  font-weight:100 900;
  font-style:normal;
}
html,body,button,input,textarea,select{font-family:khorshid,system-ui,sans-serif}

/* Humor selector inside the agent chooser */
.humor-setting{
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid var(--line);
}
.humor-setting-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
.humor-setting-head b{font-size:12px}
.humor-setting-head span{font-size:10px;color:#aaa1ff}
.humor-slider{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:5px;
  padding:4px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#090c12;
  touch-action:pan-y;
  user-select:none;
}
.humor-option{
  border:0;
  background:transparent;
  color:#7f8798;
  border-radius:10px;
  padding:10px 7px;
  font-size:10px;
  transition:.16s ease;
}
.humor-option.active{
  background:#1a1d2a;
  color:#eeeef5;
  box-shadow:0 3px 12px rgba(0,0,0,.2);
}
.humor-setting>small{
  display:block;
  margin-top:8px;
  color:#626b7c;
  font-size:8px;
  text-align:center;
}

/* Timed install / registration prompts */
.khorshid-timed-popup{
  position:fixed;
  inset:0;
  z-index:11000;
  display:grid;
  place-items:center;
  padding:18px;
  background:rgba(0,0,0,.68);
  backdrop-filter:blur(9px);
  direction:rtl;
  animation:khorshidPopupIn .2s ease both;
}
.khorshid-timed-card{
  width:min(430px,100%);
  padding:27px 23px 22px;
  border:1px solid #303545;
  border-radius:25px;
  background:#10131a;
  box-shadow:0 25px 90px rgba(0,0,0,.55);
  text-align:center;
}
.khorshid-popup-icon{
  width:52px;
  height:52px;
  margin:0 auto 13px;
  display:grid;
  place-items:center;
  border-radius:17px;
  background:#19172a;
  color:#aaa1ff;
  font-size:24px;
}
.khorshid-timed-card h3{margin:0 0 9px;font-size:20px}
.khorshid-timed-card p{margin:0;color:#929aaa;font-size:11px;line-height:2}
.khorshid-popup-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  width:100%;
  margin-top:20px;
}
.khorshid-popup-actions button{
  width:100%;
  min-height:46px;
  border-radius:13px;
  font-size:11px;
  cursor:pointer;
}
.khorshid-popup-primary{
  border:0;
  background:var(--android-accent,var(--accent));
  color:#fff;
}
.khorshid-popup-secondary{
  border:1px solid #2b3040;
  background:#151821;
  color:#aeb4c1;
}
.khorshid-popup-actions button:active{transform:scale(.98)}
@keyframes khorshidPopupIn{from{opacity:0}to{opacity:1}}
@media(max-width:480px){
  .khorshid-timed-card{padding:24px 17px 18px;border-radius:22px}
  .khorshid-timed-card h3{font-size:18px}
}


/* ===== Khorshid 1.0.0 — iPhone-style bottom sheets ===== */
.khorshid-timed-popup{
  position:fixed;
  inset:0;
  z-index:11000;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:0;
  background:rgba(0,0,0,.58);
  backdrop-filter:blur(7px);
  direction:rtl;
  animation:khorshidSheetBackdrop .2s ease both;
}
.khorshid-timed-card{
  width:min(760px,100%);
  min-height:33dvh;
  max-height:62dvh;
  overflow:auto;
  padding:12px 22px calc(18px + env(safe-area-inset-bottom));
  border:1px solid #2d3240;
  border-bottom:0;
  border-radius:28px 28px 0 0;
  background:linear-gradient(180deg,#141720 0%,#0e1016 100%);
  box-shadow:0 -20px 70px rgba(0,0,0,.48);
  text-align:center;
  transform:translateY(0);
  animation:khorshidSheetUp .28s cubic-bezier(.2,.8,.2,1) both;
}
.khorshid-sheet-handle{
  width:42px;height:4px;border-radius:99px;
  margin:0 auto 15px;
  background:#555b6b;
}
.khorshid-popup-icon{
  width:50px;height:50px;margin:0 auto 11px;
  display:grid;place-items:center;
  border-radius:16px;background:#19172a;color:#aaa1ff;font-size:23px;
}
.khorshid-timed-card h3{margin:0 0 9px;font-size:20px}
.khorshid-timed-card p{max-width:590px;margin:0 auto;color:#929aaa;font-size:11px;line-height:2}
.khorshid-popup-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:100%;margin:22px auto 0;max-width:600px}
.khorshid-popup-actions button{width:100%;min-height:48px;border-radius:14px;font-size:11px}
.khorshid-popup-primary{border:0;background:var(--android-accent,var(--accent));color:#fff}
.khorshid-popup-secondary{border:1px solid #2b3040;background:#151821;color:#aeb4c1}
.khorshid-popup-actions button:active{transform:scale(.985)}
@keyframes khorshidSheetUp{from{transform:translateY(100%);opacity:.7}to{transform:translateY(0);opacity:1}}
@keyframes khorshidSheetBackdrop{from{opacity:0}to{opacity:1}}
@media(max-width:480px){
  .khorshid-timed-card{min-height:33dvh;padding:10px 16px calc(16px + env(safe-area-inset-bottom));border-radius:25px 25px 0 0}
  .khorshid-timed-card h3{font-size:18px}
  .khorshid-timed-card p{font-size:10.5px}
}

/* ===== Khorshid 1.0.0 medical UI ===== */
.clinic-intro-trigger{display:block;margin:14px auto 5px;border:0;background:transparent;color:#8f97a8;letter-spacing:5px;font-size:15px;padding:7px 14px;cursor:pointer;transition:.2s}.clinic-intro-trigger:hover{color:#c8c3ff;transform:translateY(-1px)}.attach-tools{display:flex;align-items:center;gap:2px;order:1}.composer .attach-tools+.composer textarea{order:2}.attachment-preview{width:min(920px,calc(100% - 34px));margin:0 auto 7px;display:flex;align-items:center;gap:8px;padding:7px 10px;background:#0f1219;border:1px solid var(--line);border-radius:13px;color:#9ba3b4;font-size:10px}.attachment-preview img{width:42px;height:42px;border-radius:9px;object-fit:cover}.attachment-preview span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-preview button{border:0;background:transparent;color:#8b93a4;font-size:18px;cursor:pointer}.support-disabled{cursor:default;opacity:.55}.support-disabled:hover{color:#8e97a8!important}.composer{gap:4px}.attach{width:34px;height:38px}.camera-attach{font-size:16px}.welcome-line{margin-top:3px}@media(max-width:760px){.attachment-preview{width:calc(100% - 28px)}.attach-tools{gap:0}}

.clinic-site-btn{display:inline-flex;align-items:center;justify-content:center;margin:4px auto 10px;padding:9px 15px;border:1px solid #343a4b;border-radius:11px;background:#11151e;color:#c5c9d4;text-decoration:none;font-size:10px;transition:.2s}.clinic-site-btn:hover{border-color:#5d58a0;color:#fff;background:#151925}

/* ===== Khorshid 1.1.0 ===== */
.clinic-intro-trigger{display:block;margin:0 auto 8px;border:0;background:transparent;color:#8f97a8;letter-spacing:.2px;font-size:10px;padding:7px 14px;cursor:pointer;transition:.2s}.clinic-intro-trigger:hover{color:#c8c3ff;transform:translateY(-1px)}
.media-choice-modal{position:fixed;inset:0;z-index:10020;display:flex;align-items:flex-end;justify-content:center;padding:0;direction:rtl}.media-choice-modal.hidden{display:none}.media-choice-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(12px)}.media-choice-card{position:relative;width:min(620px,100%);min-height:min(48vh,500px);max-height:86dvh;overflow:auto;box-sizing:border-box;padding:30px 24px calc(28px + env(safe-area-inset-bottom));border:1px solid rgba(255,255,255,.09);border-bottom:0;border-radius:30px 30px 0 0;background:rgba(17,20,28,.98);box-shadow:0 -28px 90px rgba(0,0,0,.55);text-align:center;animation:mediaSheetUp .34s cubic-bezier(.2,.8,.2,1)}.media-choice-icon{width:48px;height:48px;margin:0 auto 10px;display:grid;place-items:center;border-radius:15px;background:#181b27;color:#bdb7ff;font-size:24px}.media-choice-card h3{margin:4px 0 5px;font-size:18px}.media-choice-card p{margin:0 auto 17px;color:#858e9f;font-size:10px;line-height:1.9;max-width:300px}.media-choice-close{position:absolute;left:12px;top:12px;width:32px;height:32px;border:0;border-radius:10px;background:#1a1e28;color:#aeb5c2;font-size:20px}.media-choice-actions{display:grid;gap:8px}.media-choice-actions button{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;text-align:right;border:1px solid #2a3040;border-radius:15px;background:#0e1118;color:#e4e7ed;padding:11px 12px;cursor:pointer}.media-choice-actions button:hover{border-color:#57518f;background:#131625}.media-choice-actions span{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#181b28;color:#aaa3ff;font-size:17px}.media-choice-actions b{font-size:11px}.media-choice-actions small{color:#727b8b;font-size:8px;margin-top:2px}@keyframes mediaSheetUp{from{opacity:.5;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}
.attach{font-size:19px!important}.attach-tools{order:1!important}.composer textarea{order:2!important}.send{order:3!important}
@media(max-width:760px){.media-choice-card{width:min(360px,100%);padding:22px 16px 15px}.clinic-intro-trigger{margin-bottom:7px}}

/* Khorshid 1.2 settings, SVG controls and first-visit language sheet */
.settings-gear{margin-right:auto;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#9da3b3;background:transparent}.settings-gear:hover{background:#191c25;color:#fff}.settings-gear svg,.attach svg,.media-choice-actions svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.quick-prompts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}.quick-prompts button{min-width:0;overflow:hidden;text-overflow:ellipsis}.attach{display:grid!important;place-items:center}.attach svg{width:19px;height:19px}
.settings-page{display:grid;place-items:center;padding:30px 16px}.settings-card{position:relative;width:min(600px,100%);padding:30px;border:1px solid #292c36;border-radius:28px;background:#101219;box-shadow:0 24px 70px rgba(0,0,0,.3)}.settings-head{display:flex;align-items:center;gap:14px;margin-bottom:28px}.settings-head h1{margin:4px 0 0}.settings-label{display:block;margin:20px 2px 9px;font-size:13px;color:#aeb3c0}.language-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.language-row button{height:48px;border:1px solid #2a2d38;border-radius:14px;background:#11131a;color:#bfc3ce}.language-row button.active,.language-row button:hover{background:#20232e;color:#fff;border-color:#454a5a}.text-size-row{display:flex;align-items:center;gap:12px;color:#888f9f;font-size:11px}.text-size-row input{flex:1;accent-color:#8f82ff}.settings-save{width:100%;height:52px;margin-top:28px;border:0;border-radius:16px;background:#f2f3f5;color:#101116;font-weight:700;cursor:pointer}
.messages{--msg-scale:1}.messages .msg-body{font-size:calc(13px * var(--msg-scale,1))}.messages .msg-body code{font-size:calc(11px * var(--msg-scale,1))}
.language-onboarding{position:fixed;inset:0;z-index:10000}.language-onboarding.hidden{display:none}.language-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(7px)}.language-sheet{position:absolute;left:0;right:0;bottom:0;margin:auto;width:min(620px,100%);padding:10px 22px calc(22px + env(safe-area-inset-bottom));border:1px solid #292c36;border-bottom:0;border-radius:28px 28px 0 0;background:#12141b;box-shadow:0 -24px 80px rgba(0,0,0,.45);text-align:center;animation:sheetUp .34s cubic-bezier(.2,.8,.2,1)}.sheet-grabber{width:42px;height:4px;border-radius:9px;background:#454a55;margin:4px auto 20px}.language-sheet .welcome-orb{margin:0 auto 12px;width:58px;height:58px}.language-sheet h2{margin:0 0 8px}.language-sheet p{margin:0 auto 8px;max-width:500px;line-height:1.8;color:#aeb3c0;font-size:13px}.language-sheet .lang-all{font-size:11px;opacity:.7}.onboarding-langs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.onboarding-langs button{height:50px;border:1px solid #303440;border-radius:15px;background:#191c24;color:#f1f2f5;font-weight:700}.onboarding-langs button:hover{background:#252936}@keyframes sheetUp{from{transform:translateY(100%);opacity:.5}to{transform:translateY(0);opacity:1}}
.media-choice-actions button span{display:grid;place-items:center}.media-choice-actions button span svg{width:24px;height:24px;margin-bottom:4px}
@media(max-width:650px){.quick-prompts{grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;padding-bottom:2px}.settings-card{padding:24px 18px}.language-sheet{padding-left:14px;padding-right:14px}}

.sidebar-status-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center;margin-top:10px}.sidebar-status-row .secure-note,.sidebar-status-row .version{margin:0;width:100%;min-height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;background:#0f1218;font-size:9px}.sidebar-status-row .version{color:#747d8d}.sidebar-status-row .secure-note{color:#8e97a8}

/* Khorshid 1.3.2: About bottom sheet and four equal quick actions */
.about-sheet{position:fixed;inset:0;z-index:11000}.about-sheet.hidden{display:none}.about-sheet-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(8px)}.about-sheet-card{position:absolute;left:0;right:0;bottom:0;margin:auto;width:min(680px,100%);min-height:min(62vh,620px);box-sizing:border-box;padding:34px 26px calc(28px + env(safe-area-inset-bottom));border:1px solid #292c36;border-bottom:0;border-radius:30px 30px 0 0;background:#12141b;box-shadow:0 -28px 90px rgba(0,0,0,.5);text-align:center;animation:aboutSheetUp .34s cubic-bezier(.2,.8,.2,1)}.about-sheet-close{position:absolute;top:14px;left:14px;width:40px;height:40px;border:1px solid #303440;border-radius:12px;background:#191c24;color:#eee;font-size:22px}.about-sheet-icon{width:76px;height:76px;margin:8px auto 15px;border-radius:22px;overflow:hidden}.about-sheet-icon img{width:100%;height:100%;object-fit:contain}.about-sheet-card h2{font-size:24px;margin:8px 0 14px}.about-sheet-card p{max-width:570px;margin:0 auto;color:#aeb3c0;line-height:2;font-size:13px}.about-sheet-features{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;max-width:520px;margin:26px auto 0}.about-sheet-features span{border:1px solid #2b3040;background:#0e1118;border-radius:14px;padding:12px 8px;color:#c5cad5;font-size:11px}@keyframes aboutSheetUp{from{transform:translateY(100%);opacity:.5}to{transform:translateY(0);opacity:1}}
@media(max-width:650px){.quick-prompts{gap:5px}.quick-prompts button{padding:7px 4px;font-size:8px;white-space:nowrap}.about-sheet-card{min-height:68vh;padding:32px 16px calc(24px + env(safe-area-inset-bottom))}.about-sheet-card h2{font-size:21px}.about-sheet-features{gap:7px}}

/* ===== Khorshid 1.3.3: unified iPhone-style sheets + desktop drawer safety ===== */
@media (min-width:761px){
  .sidebar{position:relative;z-index:10;flex:0 0 300px;transform:none!important;box-shadow:none;}
  .main{position:relative;z-index:1;min-width:0;overflow:hidden;}
  .sidebar.open + .main{margin:0;}
}
.auth-sheet{position:fixed;inset:0;z-index:12000}.auth-sheet.hidden{display:none}.auth-sheet-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(10px)}
.auth-sheet-card{position:absolute;left:0;right:0;bottom:0;margin:auto;width:min(620px,100%);min-height:min(72vh,760px);max-height:92dvh;overflow:auto;box-sizing:border-box;padding:24px 28px calc(28px + env(safe-area-inset-bottom));border:1px solid #292c36;border-bottom:0;border-radius:32px 32px 0 0;background:#12141b;box-shadow:0 -28px 100px rgba(0,0,0,.58);text-align:center;animation:authSheetUp .34s cubic-bezier(.2,.8,.2,1)}
.auth-sheet-close{position:absolute;top:14px;left:14px;width:40px;height:40px;border:1px solid #303440;border-radius:12px;background:#191c24;color:#eee;font-size:22px}.auth-sheet-card .welcome-orb{width:62px;height:62px;margin:4px auto 12px}.auth-sheet-card h2{font-size:24px;margin:8px 0 5px}.auth-sheet-sub{margin:0 auto 18px;color:#8d95a5;font-size:11px;line-height:1.9}.auth-sheet-card #authBox{max-width:470px;margin:auto}.auth-sheet-card .auth-form{text-align:right}.auth-sheet-card .auth-primary,.auth-sheet-card .auth-secondary{width:100%}
@keyframes authSheetUp{from{transform:translateY(100%);opacity:.5}to{transform:translateY(0);opacity:1}}
.msg-retry{display:inline-grid!important;place-items:center;width:25px;height:25px;padding:0!important;border:0;background:transparent;color:#7f8899;cursor:pointer}.msg-retry svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.msg-retry:hover{color:#c3bdff}.msg-retry:disabled{opacity:.4}
.quick-prompts{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;overflow:visible!important;width:100%}.quick-prompts button{width:100%;min-width:0!important;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.media-choice-card{min-height:min(52vh,470px);display:flex;flex-direction:column;justify-content:center}.media-choice-actions{grid-template-columns:1fr 1fr;display:grid}.media-choice-actions button{min-height:92px}
@media(max-width:650px){.auth-sheet-card{min-height:78vh;padding:22px 16px calc(22px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0}.quick-prompts{gap:4px!important}.quick-prompts button{font-size:8px!important;padding:7px 3px!important}.media-choice-card{min-height:46vh}.media-choice-actions{grid-template-columns:1fr}}

/* Khorshid 1.3.4: composer lives inside .main so desktop sidebar never overlaps it. */
@media (min-width:761px){
  .chat .composer-wrap{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    width:auto;
    transform:none;
    box-sizing:border-box;
  }
  .chat .composer-wrap > .quick-prompts,
  .chat .composer-wrap > .composer,
  .chat .composer-wrap > .attachment-preview,
  .chat .composer-wrap > .composer-meta{
    width:min(900px,100%);
    margin-left:auto;
    margin-right:auto;
    box-sizing:border-box;
  }
}

/* Khorshid 1.3.4: composer is constrained by .main, so desktop sidebar never covers it. */
@media (min-width:761px){
  .chat .composer-wrap{position:absolute;left:0;right:0;bottom:0;width:auto;transform:none;box-sizing:border-box;}
  .chat .composer-wrap > .quick-prompts,
  .chat .composer-wrap > .composer,
  .chat .composer-wrap > .attachment-preview,
  .chat .composer-wrap > .composer-meta{width:min(900px,100%);margin-left:auto;margin-right:auto;box-sizing:border-box;}
}

/* Khorshid 1.3.5 — media picker iPhone-style bottom sheet */
.media-choice-card:before{content:'';display:block;width:42px;height:4px;border-radius:9px;background:#454a55;margin:0 auto 20px}.media-choice-close{top:16px}.media-choice-icon{margin-top:4px}@media(max-width:650px){.media-choice-card{min-height:48vh;padding:26px 16px calc(24px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0}.media-choice-actions{grid-template-columns:1fr 1fr!important}.media-choice-actions button{min-height:94px}}