:root{
  --navy:#172c52;
  --navy-2:#0f213f;
  --navy-3:#09182f;
  --gold:#b3893b;
  --gold-soft:#d7c8a7;
  --sand:#f1ece2;
  --canvas:#f5f7fa;
  --surface:#fff;
  --surface-soft:#f8fafc;
  --line:#e6eaf0;
  --line-strong:#d8dee8;
  --text:#162033;
  --muted:#6d7787;
  --success:#16835f;
  --danger:#b42318;
  --shadow-sm:0 8px 24px rgba(23,44,82,.08);
  --shadow-md:0 22px 60px rgba(23,44,82,.14);
  --radius-sm:12px;
  --radius-md:18px;
  --radius-lg:28px;
}

*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:"Cairo","Almarai","Noto Kufi Arabic",Tahoma,Arial,sans-serif;color:var(--text);background:var(--canvas)}
body{min-height:100vh}
button,textarea,select,a{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(179,137,59,.32);outline-offset:2px}
svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Shared brand */
.brand-lockup{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;min-width:0}
.ekhtabrni-emblem{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,var(--gold),#ceb06f);color:#fff;box-shadow:0 10px 24px rgba(179,137,59,.24)}
.ekhtabrni-emblem svg{width:23px;stroke:none;fill:currentColor}
.brand-copy,.khabor-name{display:flex;flex-direction:column;min-width:0}
.brand-copy strong,.khabor-name strong{font-size:17px;line-height:1.35;font-weight:900}
.brand-copy small,.khabor-name small{font-size:9.5px;line-height:1.4;opacity:.62;font-weight:700;white-space:nowrap}
.brand-divider{width:1px;height:30px;background:currentColor;opacity:.18;margin-inline:2px}
.khabor-name strong{color:var(--gold-soft)}

/* Chat layout */
.chat-body{height:100vh;overflow:hidden;background:var(--surface)}
.app-shell{height:100vh;display:grid;grid-template-columns:310px minmax(0,1fr);direction:ltr}
.sidebar{direction:rtl;min-width:0;background:
  radial-gradient(circle at 25% -5%,rgba(179,137,59,.16),transparent 32%),
  linear-gradient(180deg,var(--navy) 0%,var(--navy-2) 62%,var(--navy-3) 100%);
  color:#fff;padding:20px 16px 16px;display:flex;flex-direction:column;gap:14px;border-left:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden}
.sidebar::after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.035);border-radius:50%;bottom:-120px;left:-80px;box-shadow:0 0 0 35px rgba(255,255,255,.018),0 0 0 70px rgba(255,255,255,.012);pointer-events:none}
.sidebar-top,.sidebar-bottom,.conversation-list,.conversation-section-head{position:relative;z-index:1}
.sidebar .brand-lockup{padding:2px 4px 8px}
.sidebar .brand-copy strong{color:#fff}

.khabor-profile-card{min-height:98px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.045));border-radius:20px;padding:12px;display:flex;align-items:center;gap:10px;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.khabor-art{width:73px;height:73px;flex:0 0 73px;border-radius:18px;position:relative;overflow:hidden;background-color:rgba(255,255,255,.08);background-image:url('https://ekhtabrni.com/img/khabor.png'),linear-gradient(145deg,rgba(179,137,59,.22),rgba(255,255,255,.04));background-repeat:no-repeat;background-position:center bottom,center;background-size:contain,cover}
.khabor-art::before{content:"خ";position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.2);font-size:30px;font-weight:900;z-index:-1}
.khabor-profile-card>div:last-child{display:flex;flex-direction:column;min-width:0;gap:2px}
.khabor-profile-card strong{font-size:14px;font-weight:900}
.khabor-profile-card small{font-size:9.5px;color:rgba(255,255,255,.58);line-height:1.5;white-space:nowrap}
.online-pill{font-size:9px;color:#c9f4e4;font-weight:800;display:flex;align-items:center;gap:5px;margin-bottom:3px}
.online-pill i,.model-status i,.welcome-eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#45d39b;box-shadow:0 0 0 4px rgba(69,211,155,.12)}

.new-chat{width:100%;min-height:48px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:#fff;color:var(--navy);font-weight:900;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;box-shadow:0 12px 28px rgba(4,13,28,.18);transition:.2s ease}
.new-chat svg{width:19px}
.new-chat:hover{transform:translateY(-1px);background:#fbfaf7;box-shadow:0 15px 32px rgba(4,13,28,.24)}
.conversation-section-head{display:flex;align-items:center;justify-content:space-between;padding:3px 7px 0}
.conversation-section-head span{font-size:11px;font-weight:900;color:rgba(255,255,255,.78)}
.conversation-section-head small{font-size:8.5px;color:rgba(255,255,255,.36)}
.conversation-list{flex:1;overflow:auto;display:flex;flex-direction:column;gap:5px;padding:1px 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}
.conversation-list:empty::after{content:"ستظهر محادثاتك هنا";display:block;text-align:center;color:rgba(255,255,255,.35);font-size:11px;padding:30px 10px}
.conversation-row{display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;border-radius:12px;border:1px solid transparent;transition:.18s ease}
.conversation-row:hover{background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.06)}
.conversation-item{border:0;background:transparent;color:rgba(255,255,255,.72);text-align:right;padding:10px 11px;border-radius:11px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11.5px;font-weight:700}
.conversation-item:hover,.conversation-item.active{color:#fff}
.conversation-item.active{background:rgba(255,255,255,.11)}
.conversation-delete{width:28px;height:28px;border:0;background:transparent;color:rgba(255,255,255,.35);font-size:20px;line-height:1;cursor:pointer;border-radius:8px;display:grid;place-items:center}
.conversation-delete:hover{background:rgba(180,35,24,.22);color:#ffc6c1}
.sidebar-bottom{display:grid;gap:10px}
.privacy-note{display:flex;align-items:center;gap:9px;border:1px solid rgba(215,200,167,.14);background:rgba(179,137,59,.08);padding:10px;border-radius:13px;color:var(--gold-soft)}
.privacy-note svg{width:22px;flex:0 0 22px}
.privacy-note span{display:flex;flex-direction:column;min-width:0}
.privacy-note strong{font-size:10.5px}
.privacy-note small{font-size:8.5px;color:rgba(255,255,255,.48);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-user{border-top:1px solid rgba(255,255,255,.09);padding:13px 3px 0;display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:9px;align-items:center}
.logout-form{margin:0;padding:0;display:flex}
.avatar{width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,var(--gold),#d4b97f);color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 8px 18px rgba(0,0,0,.16)}
.user-copy{display:flex;flex-direction:column;min-width:0}
.user-copy strong{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-copy span{font-size:9px;color:rgba(255,255,255,.45)}
.icon-button{width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--navy);display:grid;place-items:center;cursor:pointer}
.icon-button svg{width:20px}
.ghost-on-dark{width:34px;height:34px;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08);color:rgba(255,255,255,.65)}
.ghost-on-dark:hover{background:rgba(255,255,255,.1);color:#fff}

.main{direction:rtl;min-width:0;height:100vh;display:grid;grid-template-rows:72px minmax(0,1fr) auto;background:var(--surface);position:relative}
.topbar{border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 clamp(16px,3vw,34px);background:rgba(255,255,255,.92);backdrop-filter:blur(14px);z-index:4}
.topbar-title{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.title-line{display:flex;align-items:center;gap:9px;min-width:0}
.title-line strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.general-badge{font-size:8px;letter-spacing:.08em;color:#8d6a2c;background:#f5eddd;border:1px solid #e8d8b9;border-radius:999px;padding:3px 7px;font-weight:900;direction:ltr}
.model-status{display:flex;align-items:center;gap:7px;font-size:9.5px;color:var(--muted)}
.model-status i{width:6px;height:6px;box-shadow:0 0 0 3px rgba(69,211,155,.1)}
.assistant-picker{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;font-weight:800}
.assistant-picker select{max-width:210px;min-width:150px;border:1px solid var(--line);border-radius:12px;padding:9px 12px;color:var(--text);background:var(--surface-soft);font-weight:800;outline:none}
.menu-btn{display:none}

.messages{overflow:auto;padding:26px max(20px,calc((100% - 900px)/2)) 18px;scroll-behavior:smooth;background:
  radial-gradient(circle at 90% 8%,rgba(23,44,82,.035),transparent 25%),
  linear-gradient(180deg,#fff 0%,#fbfcfe 100%)}
.welcome{max-width:780px;margin:clamp(34px,8vh,90px) auto 25px;text-align:center;display:flex;flex-direction:column;align-items:center}
.welcome-mascot{width:132px;height:132px;border-radius:36px;position:relative;background-color:#eef2f7;background-image:url('https://ekhtabrni.com/img/khabor.png'),linear-gradient(145deg,#f5efe3,#edf3fa);background-repeat:no-repeat;background-position:center bottom,center;background-size:contain,cover;box-shadow:0 22px 60px rgba(23,44,82,.16);border:1px solid rgba(179,137,59,.2);margin-bottom:18px}
.welcome-mascot::before{content:"خ";position:absolute;inset:0;display:grid;place-items:center;color:rgba(23,44,82,.13);font-size:44px;font-weight:900;z-index:-1}
.welcome-eyebrow{display:flex;align-items:center;gap:8px;color:var(--success);font-size:10px;font-weight:900;margin-bottom:7px}
.welcome h1{margin:0;color:var(--navy);font-size:clamp(27px,4vw,38px);line-height:1.4;font-weight:900;letter-spacing:-.02em}
.welcome h1 span{color:var(--gold)}
.welcome>p{max-width:650px;color:var(--muted);font-size:13px;line-height:2;margin:8px auto 22px}
.suggestion-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.suggestion-grid button{min-height:102px;text-align:right;border:1px solid var(--line);border-radius:17px;background:#fff;padding:15px;cursor:pointer;display:flex;flex-direction:column;gap:5px;color:var(--text);box-shadow:0 6px 20px rgba(23,44,82,.035);transition:.2s ease;position:relative;overflow:hidden}
.suggestion-grid button::before{content:"";position:absolute;right:0;top:0;width:3px;height:100%;background:linear-gradient(var(--gold),transparent);opacity:.7}
.suggestion-grid button:hover{transform:translateY(-3px);border-color:#d9c69d;box-shadow:var(--shadow-sm)}
.suggestion-grid strong{font-size:12px;color:var(--navy)}
.suggestion-grid span{font-size:10px;line-height:1.7;color:var(--muted)}

.message{display:flex;gap:11px;margin:18px 0;align-items:flex-start;animation:messageIn .22s ease both}
.message.user{flex-direction:row-reverse}
.message>div:nth-child(2){min-width:0;max-width:min(780px,86%)}
.mini-avatar{width:34px;height:34px;border-radius:12px;background:linear-gradient(145deg,var(--navy),#264a82);color:#fff;display:grid;place-items:center;flex:0 0 34px;font-size:12px;font-weight:900;box-shadow:0 7px 18px rgba(23,44,82,.16)}
.message.user .mini-avatar{background:linear-gradient(145deg,var(--gold),#ceb06f)}
.bubble{padding:13px 16px;border-radius:18px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}
.message.user .bubble{background:#eef2f7;color:var(--text);border-bottom-left-radius:18px;border-bottom-right-radius:5px}
.message.assistant .bubble{background:#fff;border:1px solid var(--line);box-shadow:0 8px 26px rgba(23,44,82,.045);border-bottom-right-radius:5px}
.message.assistant .bubble.typing:empty{width:66px;height:46px;position:relative}
.message.assistant .bubble.typing:empty::after{content:"•••";position:absolute;inset:7px 0 0;text-align:center;color:var(--gold);letter-spacing:4px;animation:pulse 1s ease-in-out infinite}
.meta{font-size:9px;color:var(--muted);margin:5px 4px 0;min-height:13px}
.message-actions{display:flex;gap:5px;flex-wrap:wrap;margin:7px 3px 0}
.message-actions button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:5px 9px;cursor:pointer;color:var(--muted);font-size:9.5px;font-weight:800;transition:.16s ease}
.message-actions button:hover{color:var(--navy);border-color:#d5c18f;background:#fcfaf5}
.message-actions button:disabled{opacity:.55;cursor:default}
.admin-confirmation{display:flex;gap:8px;align-items:center;margin:9px 3px 2px}
.admin-confirmation button{min-width:68px;border-radius:10px;padding:8px 15px;cursor:pointer;font-size:11px;font-weight:900;transition:.16s ease}
.admin-confirmation .confirm-yes{border:1px solid var(--navy);background:var(--navy);color:#fff}
.admin-confirmation .confirm-no{border:1px solid var(--line);background:#fff;color:var(--muted)}
.admin-confirmation button:hover{transform:translateY(-1px)}
.admin-confirmation button:disabled{opacity:.55;cursor:default;transform:none}

.composer-zone{padding:0 max(16px,calc((100% - 900px)/2)) max(12px,env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(255,255,255,0),#fff 20%);z-index:3}
.status{min-height:24px;padding:2px 6px;font-size:10px;color:var(--muted)}
.status.error{color:var(--danger)}
.composer{display:flex;align-items:flex-end;gap:8px;padding:8px;border:1px solid var(--line-strong);border-radius:20px;background:#fff;box-shadow:0 14px 42px rgba(23,44,82,.10);transition:.2s ease}
.composer:focus-within{border-color:#c9ae76;box-shadow:0 15px 44px rgba(23,44,82,.12),0 0 0 4px rgba(179,137,59,.08)}
.composer textarea{flex:1;resize:none;max-height:180px;min-height:43px;border:0;background:transparent;padding:11px 7px;outline:none;line-height:1.65;color:var(--text);font-size:12.5px}
.composer textarea::placeholder{color:#9aa3b0}
.composer textarea:disabled{opacity:.7}
.attach-button,.send-button,.stop-button{width:43px;height:43px;flex:0 0 43px;border-radius:13px;display:grid;place-items:center;cursor:pointer}
.attach-button{border:0;background:var(--surface-soft);color:#9aa3b0}
.attach-button:disabled{cursor:not-allowed;opacity:.62}
.send-button{border:0;background:linear-gradient(145deg,var(--navy),#254a82);color:#fff;box-shadow:0 8px 20px rgba(23,44,82,.24)}
.send-button:hover{transform:translateY(-1px)}
.send-button:disabled{opacity:.45;cursor:not-allowed;transform:none}
.stop-button{border:0;background:#fff2f0;color:var(--danger)}
.attach-button svg,.send-button svg,.stop-button svg{width:20px}
.composer-disclaimer{text-align:center;color:#8b94a2;font-size:8.5px;margin:7px 0 0;line-height:1.6}
.mobile-scrim{display:none}

/* Authentication */
.auth-body{min-height:100vh;background:#f4f6f9}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(430px,.95fr);direction:ltr}
.auth-showcase{direction:rtl;position:relative;overflow:hidden;color:#fff;padding:clamp(28px,5vw,66px);background:
  radial-gradient(circle at 15% 15%,rgba(179,137,59,.27),transparent 27%),
  linear-gradient(145deg,var(--navy) 0%,var(--navy-2) 58%,var(--navy-3) 100%);display:flex;flex-direction:column;min-height:100vh}
.showcase-grid{position:absolute;inset:0;opacity:.07;background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(135deg,#000,transparent 70%)}
.auth-brand{position:relative;z-index:2;align-self:flex-start;color:#fff}
.auth-brand .brand-copy small{color:rgba(255,255,255,.6)}
.showcase-copy{position:relative;z-index:2;margin-top:clamp(55px,11vh,125px);max-width:610px}
.showcase-kicker{display:inline-block;color:var(--gold-soft);font-size:10px;font-weight:900;letter-spacing:.14em;direction:ltr;margin-bottom:12px}
.showcase-copy h1{font-size:clamp(38px,5vw,68px);line-height:1.22;margin:0 0 12px;font-weight:900;letter-spacing:-.035em}
.showcase-copy h1 span{color:#d7bd84}
.showcase-copy>p{max-width:550px;color:rgba(255,255,255,.7);font-size:14px;line-height:2;margin:0}
.showcase-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.showcase-points span{border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.065);border-radius:999px;padding:8px 11px;color:rgba(255,255,255,.78);font-size:9.5px;font-weight:800}
.showcase-points i{font-style:normal;color:#d9c28f;margin-left:4px}
.auth-khabor{position:absolute;left:clamp(20px,5vw,76px);bottom:0;width:clamp(230px,28vw,430px);height:clamp(300px,53vh,590px);background-image:url('https://ekhtabrni.com/img/khabor.png');background-size:contain;background-repeat:no-repeat;background-position:center bottom;filter:drop-shadow(0 24px 38px rgba(0,0,0,.22));z-index:1}
.khabor-greeting{position:absolute;left:clamp(34px,7vw,130px);bottom:clamp(230px,31vh,365px);z-index:3;background:rgba(255,255,255,.96);color:var(--navy);padding:12px 15px;border-radius:17px 17px 5px 17px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;max-width:230px}
.khabor-greeting strong{font-size:12px}
.khabor-greeting span{font-size:9.5px;color:var(--muted);margin-top:2px}
.auth-panel{direction:rtl;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:clamp(24px,6vw,80px);background:#f7f8fa}
.auth-card{width:min(470px,100%);background:#fff;border:1px solid var(--line);border-radius:28px;padding:clamp(28px,5vw,48px);box-shadow:var(--shadow-md)}
.security-badge{display:inline-flex;align-items:center;gap:7px;color:var(--success);background:#edf8f4;border:1px solid #d9efe7;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:900}
.security-badge svg{width:15px}
.auth-card h2{font-size:30px;color:var(--navy);margin:18px 0 7px;font-weight:900}
.auth-card>p{color:var(--muted);line-height:1.9;font-size:12px;margin:0}
.sso-button{display:grid;grid-template-columns:42px minmax(0,1fr) 22px;align-items:center;gap:11px;margin:27px 0 18px;padding:12px;border-radius:16px;text-decoration:none;color:#fff;background:linear-gradient(145deg,var(--navy),#254a82);box-shadow:0 13px 30px rgba(23,44,82,.22);transition:.2s ease}
.sso-button:hover{transform:translateY(-2px);box-shadow:0 17px 34px rgba(23,44,82,.27)}
.sso-logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.12)}
.sso-logo svg{width:22px;stroke:none;fill:currentColor}
.sso-button>span:nth-child(2){display:flex;flex-direction:column}
.sso-button strong{font-size:11.5px}
.sso-button small{font-size:8.5px;color:rgba(255,255,255,.62);margin-top:2px}
.sso-button .arrow{width:18px}
.auth-boundary{border:1px solid #e7ddc8;background:#fbf8f1;border-radius:15px;padding:13px 14px}
.auth-boundary strong{font-size:10.5px;color:#806126}
.auth-boundary p{font-size:9.5px;color:#7d7568;line-height:1.8;margin:4px 0 0}
.auth-card .auth-footnote{text-align:center;font-size:8.5px;color:#929aa6;margin-top:18px}
.auth-copyright{font-size:9px;color:#9aa3b0;margin:18px 0 0}

/* Error and system states */
.system-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top right,#e7eef8,transparent 38%),var(--canvas)}
.system-card{width:min(560px,100%);background:#fff;border:1px solid var(--line);border-radius:28px;padding:38px;text-align:center;box-shadow:var(--shadow-md)}
.system-card .ekhtabrni-emblem{margin:0 auto 18px}
.system-card h1{color:var(--navy);font-size:25px;margin:0 0 8px}
.system-card p{color:var(--muted);font-size:12px;line-height:1.9;margin:0}
.system-card a{display:inline-flex;margin-top:20px;background:var(--navy);color:#fff;padding:11px 18px;border-radius:12px;text-decoration:none;font-size:11px;font-weight:900}

@keyframes messageIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes pulse{0%,100%{opacity:.35}50%{opacity:1}}

@media(max-width:980px){
  .auth-shell{grid-template-columns:1fr}
  .auth-showcase{min-height:360px;padding:28px}
  .showcase-copy{margin-top:44px;max-width:62%}
  .showcase-copy h1{font-size:42px}
  .showcase-copy>p{font-size:12px}
  .auth-khabor{width:270px;height:330px;left:15px}
  .khabor-greeting{left:120px;bottom:230px}
  .auth-panel{padding:42px 22px}
}

/* Reviewed knowledge feed */
.knowledge-body{margin:0;min-height:100vh;background:#f3f5f8;color:#172c52;font-family:inherit}
.knowledge-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px clamp(18px,5vw,70px);background:#172c52;color:#fff;box-shadow:0 8px 24px rgba(23,44,82,.16)}
.knowledge-topbar a{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.22);padding:9px 13px;border-radius:11px;font-size:11px}
.knowledge-topbar div{display:flex;flex-direction:column;text-align:right}.knowledge-topbar strong{font-size:18px}.knowledge-topbar span{font-size:10px;color:rgba(255,255,255,.68);margin-top:3px}
.knowledge-shell{width:min(1180px,calc(100% - 28px));margin:26px auto 60px;display:grid;gap:20px}
.knowledge-card{background:#fff;border:1px solid #e2e7ee;border-radius:22px;padding:clamp(18px,3vw,30px);box-shadow:0 12px 35px rgba(23,44,82,.07)}
.knowledge-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.knowledge-card h1,.knowledge-card h2{margin:0;font-size:20px}.knowledge-card p{margin:6px 0 0;color:#697588;font-size:11px;line-height:1.8}.review-pill,.knowledge-card-head>span{background:#f7f1e4;color:#8a6823;border:1px solid #eadbb9;padding:7px 10px;border-radius:999px;font-size:9px;font-weight:900;white-space:nowrap}
.knowledge-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.knowledge-form label{display:flex;flex-direction:column;gap:6px}.knowledge-form label.wide,.knowledge-actions{grid-column:1/-1}.knowledge-form label>span{font-size:10px;font-weight:900;color:#374965}.knowledge-form input,.knowledge-form select,.knowledge-form textarea,.review-actions input{width:100%;box-sizing:border-box;border:1px solid #dce3ec;border-radius:12px;background:#fbfcfd;padding:11px 12px;color:#172c52;font:inherit;font-size:11px;outline:none}.knowledge-form textarea{resize:vertical;line-height:1.8}.knowledge-form input:focus,.knowledge-form select:focus,.knowledge-form textarea:focus{border-color:#b99243;box-shadow:0 0 0 3px rgba(185,146,67,.12)}
.knowledge-actions button,.review-actions button{border:0;border-radius:10px;padding:10px 15px;background:#172c52;color:#fff;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.knowledge-list{display:grid;gap:12px}.knowledge-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);gap:18px;padding:16px;border:1px solid #e5e9ef;border-radius:15px;background:#fbfcfd}.knowledge-item-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.knowledge-item-title strong{font-size:12px}.knowledge-item-title span{font-size:8px;font-weight:900;padding:4px 7px;border-radius:999px}.status-approved{background:#e5f5ee;color:#187451}.status-reviewing{background:#fff3d8;color:#8b6418}.status-rejected{background:#fde8e8;color:#a63d3d}.status-archived,.status-draft{background:#e9edf2;color:#657083}.knowledge-meta{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0}.knowledge-meta span{font-size:8px;background:#eef2f7;padding:4px 7px;border-radius:7px;color:#526176}.knowledge-item-main small{color:#7a8594;font-size:8px}.review-actions{display:grid;grid-template-columns:1fr repeat(3,auto);gap:7px;align-content:center}.review-actions input{grid-column:1/-1}.review-actions .approve{background:#177453}.review-actions .reject{background:#a64040}.review-actions .archive{background:#687383}.knowledge-alert{padding:12px 15px;border-radius:12px;font-size:10px;font-weight:800}.knowledge-alert.success{background:#e6f5ef;color:#17684c}.knowledge-alert.error{background:#fdeaea;color:#973939}.knowledge-empty{text-align:center;color:#7b8796;padding:25px;font-size:11px}
.knowledge-content-preview{margin:10px 0;color:#536176;font-size:10px}.knowledge-content-preview summary{cursor:pointer;font-weight:900;color:#806126}.knowledge-content-preview p{white-space:pre-wrap;background:#fff;border:1px solid #e5e9ef;border-radius:10px;padding:10px;margin:7px 0;line-height:1.8;color:#35445b}
@media(max-width:760px){.knowledge-form{grid-template-columns:1fr}.knowledge-form label.wide,.knowledge-actions{grid-column:auto}.knowledge-item{grid-template-columns:1fr}.review-actions{grid-template-columns:1fr 1fr}.review-actions input{grid-column:1/-1}.knowledge-topbar{align-items:flex-start}.knowledge-topbar div{text-align:left}}

@media(max-width:820px){
  .app-shell{grid-template-columns:1fr}
  .sidebar{position:fixed;z-index:30;inset:0 0 0 auto;width:min(310px,88vw);transform:translateX(105%);transition:transform .25s ease;box-shadow:-22px 0 55px rgba(5,14,29,.25)}
  .sidebar.open{transform:translateX(0)}
  .mobile-scrim{display:block;position:fixed;z-index:25;inset:0;background:rgba(7,17,35,.48);backdrop-filter:blur(2px)}
  .mobile-scrim[hidden]{display:none}
  .menu-btn{display:grid}
  .topbar{padding:0 12px;height:68px}
  .main{grid-template-rows:68px minmax(0,1fr) auto}
  .assistant-picker>span{display:none}
  .assistant-picker select{min-width:120px;max-width:150px;padding:8px 9px}
  .messages{padding-left:14px;padding-right:14px}
  .composer-zone{padding-left:12px;padding-right:12px}
  .message>div:nth-child(2){max-width:91%}
  .suggestion-grid{grid-template-columns:1fr}
  .suggestion-grid button{min-height:76px}
  .welcome{margin-top:35px}
  .welcome-mascot{width:105px;height:105px;border-radius:29px}
}

@media(max-width:600px){
  .general-badge{display:none}
  .title-line strong{font-size:12px}
  .assistant-picker select{min-width:108px;max-width:120px;font-size:9.5px}
  .bubble{font-size:12px;padding:12px 13px}
  .mini-avatar{width:30px;height:30px;flex-basis:30px;border-radius:10px}
  .composer{gap:5px;padding:6px;border-radius:17px}
  .attach-button,.send-button,.stop-button{width:39px;height:39px;flex-basis:39px;border-radius:11px}
  .composer textarea{font-size:12px;min-height:39px}
  .auth-showcase{min-height:410px}
  .showcase-copy{max-width:100%;margin-top:35px;padding-bottom:170px}
  .showcase-copy h1{font-size:36px}
  .showcase-points{display:none}
  .auth-khabor{width:220px;height:240px;left:-6px}
  .khabor-greeting{left:112px;bottom:145px}
  .auth-panel{padding:28px 15px}
  .auth-card{padding:27px 22px;border-radius:23px}
}

/* Global product settings and dark appearance */
.settings-wrap{position:relative}.settings-button{border-radius:14px;transition:.18s ease}.settings-button:hover,.settings-button[aria-expanded="true"]{background:var(--surface-soft);border-color:var(--line-strong);transform:rotate(18deg)}
.settings-menu{position:absolute;direction:rtl;top:calc(100% + 12px);left:0;width:286px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 70px rgba(10,20,38,.2);z-index:60;animation:settingsIn .16s ease both}.settings-menu[hidden]{display:none}.settings-menu-head{padding:10px 11px 12px;display:flex;flex-direction:column}.settings-menu-head strong{font-size:13px}.settings-menu-head span{font-size:10px;color:var(--muted);margin-top:2px}.settings-item{width:100%;border:0;background:transparent;color:var(--text);text-decoration:none;display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;text-align:right;padding:10px;border-radius:12px;cursor:pointer;transition:.15s ease}.settings-item:hover{background:var(--surface-soft)}.settings-item>span:last-child{display:flex;flex-direction:column}.settings-item strong{font-size:11px}.settings-item small{font-size:9px;color:var(--muted);margin-top:2px}.settings-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--surface-soft);border:1px solid var(--line);font-size:17px;color:var(--navy)}.settings-separator{height:1px;background:var(--line);margin:6px}.settings-item.danger strong{color:var(--danger)}.settings-item.danger .settings-icon{color:var(--danger);background:rgba(180,35,24,.07);border-color:rgba(180,35,24,.12)}
.confirm-dialog{width:min(470px,calc(100% - 28px));border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--text);padding:0;box-shadow:0 30px 100px rgba(4,12,25,.32)}.confirm-dialog::backdrop{background:rgba(7,15,29,.62);backdrop-filter:blur(5px)}.confirm-dialog form{padding:28px;text-align:center}.dialog-icon{width:54px;height:54px;border-radius:17px;background:rgba(180,35,24,.1);color:var(--danger);display:grid;place-items:center;margin:0 auto 14px;font-size:24px;font-weight:900}.confirm-dialog h2{margin:0;font-size:19px}.confirm-dialog p{color:var(--muted);font-size:11px;line-height:1.9;margin:8px 0 18px}.confirm-dialog label{display:flex;flex-direction:column;text-align:right;gap:6px}.confirm-dialog label span{font-size:10px;font-weight:900}.confirm-dialog input{border:1px solid var(--line-strong);border-radius:12px;background:var(--surface-soft);color:var(--text);padding:11px;outline:none}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.dialog-actions button{border:0;border-radius:12px;padding:11px;font-size:10px;font-weight:900;cursor:pointer}.dialog-cancel{background:var(--surface-soft);color:var(--text)}.dialog-danger{background:var(--danger);color:#fff}.dialog-danger:disabled{opacity:.38;cursor:not-allowed}
@keyframes settingsIn{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}

/* Knowledge Studio refinements */
.knowledge-body{background:var(--canvas);color:var(--text)}.knowledge-topbar{min-height:76px;padding:13px clamp(18px,5vw,72px);background:color-mix(in srgb,var(--surface) 94%,transparent);color:var(--text);border-bottom:1px solid var(--line);box-shadow:none;backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.knowledge-brand{display:flex!important;flex-direction:row!important;align-items:center;gap:11px}.knowledge-logo{width:42px;height:42px;border-radius:14px;display:grid!important;place-items:center;background:linear-gradient(145deg,var(--navy),#294d84);color:#fff!important;font-size:17px!important;font-weight:900;box-shadow:0 10px 25px rgba(23,44,82,.2)}.knowledge-brand>div strong{font-size:15px}.knowledge-brand>div span{color:var(--muted);font-size:10px}.knowledge-topbar nav{display:flex;gap:8px;align-items:center}.knowledge-topbar nav a,.knowledge-theme{height:40px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);padding:0 13px;text-decoration:none;font-size:10px;font-weight:900;cursor:pointer}.knowledge-theme span{font-size:16px;color:var(--gold)}
.knowledge-shell{width:min(1220px,calc(100% - 34px));margin:30px auto 70px;gap:22px}.knowledge-hero{position:relative;overflow:hidden;border-radius:28px;padding:clamp(25px,4vw,46px);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:30px;color:#fff;background:radial-gradient(circle at 15% 0,rgba(203,169,99,.28),transparent 32%),linear-gradient(135deg,#172c52,#0b1930);box-shadow:0 24px 70px rgba(14,30,58,.2)}.knowledge-hero::after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(255,255,255,.07);border-radius:50%;left:-110px;bottom:-180px;box-shadow:0 0 0 42px rgba(255,255,255,.025),0 0 0 84px rgba(255,255,255,.018)}.knowledge-kicker{font-size:9px;letter-spacing:.12em;color:#d9c28f;font-weight:900}.knowledge-hero h1{font-size:clamp(24px,3.4vw,39px);line-height:1.45;margin:8px 0 5px}.knowledge-hero p{font-size:12px;color:rgba(255,255,255,.66);margin:0;line-height:1.9}.knowledge-stats{display:grid;grid-template-columns:repeat(3,120px);gap:9px;position:relative;z-index:1}.knowledge-stats article{height:92px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.07);display:flex;flex-direction:column;justify-content:center;align-items:center;backdrop-filter:blur(5px)}.knowledge-stats strong{font-size:25px;color:#e3cd9c}.knowledge-stats span{font-size:9px;color:rgba(255,255,255,.6);margin-top:3px}
.knowledge-card{background:var(--surface);border-color:var(--line);border-radius:24px;padding:clamp(20px,3vw,34px);box-shadow:var(--shadow-sm)}.knowledge-card-head{align-items:center}.knowledge-card-head>div{position:relative;padding-right:44px}.section-index{position:absolute;right:0;top:0;width:32px;height:32px;border-radius:10px;background:var(--surface-soft);border:1px solid var(--line);color:var(--gold);display:grid;place-items:center;font-size:9px;font-weight:900}.knowledge-card h1,.knowledge-card h2{color:var(--text);font-size:18px}.knowledge-card p{font-size:11px;color:var(--muted)}.knowledge-form{gap:18px}.knowledge-form label>span{font-size:11px;color:var(--text)}.knowledge-form input,.knowledge-form select,.knowledge-form textarea,.review-actions input{min-height:45px;border-color:var(--line);border-radius:13px;background:var(--surface-soft);color:var(--text);font-size:12px;padding:11px 13px}.knowledge-form textarea{min-height:170px}.knowledge-actions{display:flex;justify-content:flex-start}.knowledge-actions button{min-height:46px;padding:0 22px;border-radius:13px;background:linear-gradient(145deg,var(--navy),#294d84);font-size:11px;box-shadow:0 10px 24px rgba(23,44,82,.2)}.knowledge-item{background:var(--surface-soft);border-color:var(--line);border-radius:17px;padding:18px}.knowledge-item-title strong{font-size:13px;color:var(--text)}.knowledge-meta span{font-size:9px;background:var(--surface);color:var(--muted);border:1px solid var(--line)}.knowledge-item-main small{font-size:9px}.knowledge-content-preview p{background:var(--surface);border-color:var(--line);color:var(--text);font-size:11px}.review-actions button{min-height:38px}.knowledge-alert{font-size:11px;border-radius:14px;padding:14px 17px}

/* Dark theme */
html[data-theme="dark"]{--navy:#8fb5f5;--navy-2:#111b2d;--navy-3:#080e19;--gold:#d1aa59;--gold-soft:#d6bf91;--sand:#1d2635;--canvas:#080d16;--surface:#0e1522;--surface-soft:#151e2d;--line:#253145;--line-strong:#344258;--text:#edf3fc;--muted:#98a7ba;--success:#43c89a;--danger:#ff776c;--shadow-sm:0 10px 30px rgba(0,0,0,.22);--shadow-md:0 24px 70px rgba(0,0,0,.35);color-scheme:dark}html[data-theme="dark"] .sidebar{background:radial-gradient(circle at 25% -5%,rgba(209,170,89,.12),transparent 32%),linear-gradient(180deg,#101a2b,#0a111e)}html[data-theme="dark"] .topbar{background:rgba(14,21,34,.9)}html[data-theme="dark"] .messages{background:radial-gradient(circle at 90% 8%,rgba(92,134,200,.06),transparent 25%),linear-gradient(180deg,#0c131f,#0a101a)}html[data-theme="dark"] .composer-zone{background:linear-gradient(180deg,rgba(8,13,22,0),#080d16 22%)}html[data-theme="dark"] .message.assistant .bubble,html[data-theme="dark"] .message-actions button,html[data-theme="dark"] .suggestion-grid button,html[data-theme="dark"] .composer,html[data-theme="dark"] .icon-button{background:var(--surface);border-color:var(--line);color:var(--text)}html[data-theme="dark"] .message.user .bubble{background:#182335}html[data-theme="dark"] .welcome h1,html[data-theme="dark"] .suggestion-grid strong{color:var(--text)}html[data-theme="dark"] .general-badge{color:#e0bd75;background:rgba(209,170,89,.1);border-color:rgba(209,170,89,.22)}html[data-theme="dark"] .send-button,html[data-theme="dark"] .knowledge-actions button{background:linear-gradient(145deg,#335b93,#213f6b)}html[data-theme="dark"] .knowledge-topbar{background:rgba(14,21,34,.92)}html[data-theme="dark"] .knowledge-hero{background:radial-gradient(circle at 15% 0,rgba(209,170,89,.2),transparent 32%),linear-gradient(135deg,#14233c,#090f1a)}html[data-theme="dark"] .status-approved{background:rgba(67,200,154,.12);color:#67ddb4}html[data-theme="dark"] .status-reviewing{background:rgba(209,170,89,.12);color:#e3bc6a}html[data-theme="dark"] .status-rejected{background:rgba(255,119,108,.12);color:#ff958c}html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select{color-scheme:dark}
html[data-theme="dark"] .new-chat{background:#edf3fc;color:#15233a}html[data-theme="dark"] .new-chat:hover{background:#fff}html[data-theme="dark"] .settings-icon{color:#d1aa59}

@media(max-width:900px){.knowledge-hero{grid-template-columns:1fr}.knowledge-stats{grid-template-columns:repeat(3,1fr)}.knowledge-stats article{height:78px}.settings-menu{left:0}}
@media(max-width:600px){.settings-menu{position:fixed;top:72px;left:12px;right:12px;width:auto}.knowledge-topbar{padding:12px 14px}.knowledge-topbar nav b{display:none}.knowledge-topbar nav a{font-size:0;padding:0 12px}.knowledge-topbar nav a span{font-size:18px}.knowledge-brand>div span{display:none}.knowledge-shell{width:min(100% - 22px,1220px);margin-top:15px}.knowledge-hero{border-radius:22px;padding:23px}.knowledge-stats{gap:6px}.knowledge-stats article{height:70px}.knowledge-stats strong{font-size:21px}.knowledge-stats span{font-size:8px}.knowledge-card{padding:18px;border-radius:19px}.knowledge-card-head>div{padding-right:0}.section-index{display:none}.dialog-actions{grid-template-columns:1fr}}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}