@font-face{font-family:Estedad;src:url('fonts/Estedad-Light.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}
*{box-sizing:border-box}html,body,#artinai-app{width:100%;height:100%;margin:0}.artinai-body{overflow:hidden;font-family:Estedad,Tahoma,sans-serif;font-synthesis:weight style;background:var(--bg);color:var(--text);direction:rtl}
:root,[data-theme=dark]{--bg:var(--admin-bg,#111);--sidebar:#101010;--surface:var(--admin-surface,#202020);--surface-2:#292929;--hover:#303030;--text:var(--admin-text,#f1f0ec);--muted:#9b9a94;--faint:#6c6b67;--border:#373735;--user:#2b2a28;--shadow:0 18px 65px rgba(0,0,0,.32)}
[data-theme=light]{--bg:#f8f7f3;--sidebar:#f0efeb;--surface:#fff;--surface-2:#f1f0ec;--hover:#e8e7e2;--text:#25231f;--muted:#6e6b64;--faint:#96928a;--border:#d8d5ce;--user:#eceae4;--shadow:0 18px 65px rgba(50,45,36,.12)}
button,input,textarea,select{font:inherit}button{color:inherit}.n-app{height:100%;background:var(--bg)}.n-sidebar{position:fixed;z-index:20;inset:0 0 0 auto;width:var(--sidebar-width);display:flex;flex-direction:column;padding:10px;border-left:1px solid var(--border);background:var(--sidebar);transition:transform .25s ease}.n-main{height:100%;margin-right:var(--sidebar-width);position:relative;display:flex;flex-direction:column}.without-sidebar .n-main{margin-right:0}.n-mobile-header{display:none}
.n-brand{height:46px;display:flex;align-items:center;padding:0 8px}.n-brand-lockup{display:inline-flex;align-items:center;gap:10px}.n-brand-lockup img,.n-brand-lockup .n-logo-fallback{width:28px;height:28px;border-radius:8px;object-fit:cover}.n-logo-fallback{display:grid;place-items:center;background:var(--text);color:var(--bg);font-weight:800}.n-brand-lockup b{font-size:18px}.n-new,.n-nav button,.n-theme,.n-account{border:0;background:transparent;width:100%;display:flex;align-items:center;text-align:right;cursor:pointer}.n-new{height:42px;border-radius:10px;background:var(--surface-2);padding:0 12px;gap:12px;font-size:14px}.n-new:hover,.n-nav button:hover,.n-theme:hover,.n-account:hover{background:var(--hover)}.n-new b{font-size:22px;font-weight:300}.n-nav{padding-top:8px}.n-nav button{height:40px;border-radius:8px;padding:0 11px;gap:12px;color:var(--muted)}.n-icon{width:22px;text-align:center;font-size:18px}.n-recent{padding:30px 10px 10px;color:var(--muted)}.n-recent-title{display:flex;justify-content:space-between;font-size:12px;margin-bottom:10px}.n-recent button{width:100%;border:0;background:transparent;color:var(--text);text-align:right;padding:8px;border-radius:7px}.n-recent small{color:var(--faint)}.n-bottom{margin-top:auto;padding-top:9px;border-top:1px solid var(--border)}.n-theme{height:42px;border-radius:8px;gap:11px;padding:0 10px;color:var(--muted)}.n-theme span{width:24px;font-size:18px}.n-account{min-height:54px;border-radius:9px;padding:7px;gap:9px}.n-avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:var(--surface-2)}.n-account>span:nth-child(2){min-width:0;display:flex;align-items:baseline;gap:5px}.n-account b{font-size:13px;max-width:120px;overflow:hidden;text-overflow:ellipsis}.n-account small{font-size:11px;color:var(--muted)}.n-account i{font-style:normal;margin-right:auto}
.n-plan{position:absolute;z-index:2;top:66px;left:50%;transform:translateX(-50%);padding:7px 12px;border-radius:10px;background:color-mix(in srgb,var(--sidebar) 85%,transparent);font-size:12px;color:var(--muted)}.n-plan a{color:#61a7f8;text-decoration:none}.n-workspace{width:min(var(--content-width),calc(100% - 40px));margin:auto;transform:translateY(-2vh)}.n-greeting{text-align:right;margin:0 auto 36px;font-size:var(--hero-size);line-height:1.35;font-weight:300;letter-spacing:-1.6px;max-width:740px}.n-composer{position:relative;margin:auto;width:100%;max-width:800px;border:1px solid var(--border);border-radius:var(--composer-radius);background:var(--surface);box-shadow:0 1px 0 rgba(255,255,255,.025);padding:15px 16px 11px;transition:border .2s,box-shadow .2s}.n-composer:focus-within{border-color:color-mix(in srgb,var(--border) 40%,var(--text));box-shadow:0 0 0 2px color-mix(in srgb,var(--text) 5%,transparent)}.n-composer textarea{display:block;width:100%;min-height:61px;max-height:180px;resize:none;border:0;outline:0;background:transparent;color:var(--text);font-size:15px;line-height:1.8;padding:0}.n-composer textarea::placeholder{color:var(--muted)}.n-toolbar{min-height:38px;display:flex;align-items:center;justify-content:space-between;direction:rtl}.n-tools-primary{display:flex;align-items:center;gap:6px}.n-tool,.n-send,.n-model-button{border:0;cursor:pointer;height:34px;border-radius:9px}.n-tool{width:34px;background:transparent;color:var(--muted);font-size:21px;display:grid;place-items:center}.n-tool:hover{background:var(--hover);color:var(--text)}.n-tool.recording{background:#9e3030;color:white;animation:pulse 1s infinite}.n-send{width:34px;background:var(--text);color:var(--bg);font-size:21px;line-height:1}.n-send:disabled{opacity:.35;cursor:not-allowed}.n-model-wrap{position:relative}.n-model-button{display:flex;align-items:center;gap:7px;max-width:190px;background:var(--surface-2);padding:0 9px}.n-model-button img,.n-model-button>span{width:21px;height:21px;border-radius:6px;object-fit:cover;display:grid;place-items:center;background:var(--hover);font-size:10px}.n-model-button b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.n-model-button i{font-style:normal;color:var(--muted)}.n-model-menu{display:none;position:absolute;right:0;bottom:42px;width:295px;padding:7px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:13px}.n-model-menu.show{display:grid;gap:3px}.n-model-menu button{border:0;background:transparent;border-radius:9px;padding:9px;display:grid;grid-template-columns:34px 1fr 16px;align-items:center;text-align:right;gap:9px}.n-model-menu button:hover,.n-model-menu button.active{background:var(--hover)}.n-model-menu button:disabled{opacity:.45}.n-model-menu img,.n-model-menu button>span:first-child{width:32px;height:32px;border-radius:8px;object-fit:cover;display:grid;place-items:center;background:var(--surface-2)}.n-model-menu button>span:nth-child(2){display:grid}.n-model-menu small{color:var(--muted);font-size:10px}.n-model-label{font-size:12px;color:var(--muted)}
.n-attachments{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px}.n-file{height:42px;max-width:190px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);display:flex;align-items:center;gap:7px;padding:4px 8px;cursor:pointer}.n-file b{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.n-file i{font-style:normal;color:var(--muted)}.n-image-file{position:relative;width:54px;height:54px;padding:0;overflow:hidden}.n-image-file img{width:100%;height:100%;object-fit:cover}.n-image-file span{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:rgba(0,0,0,.7);color:#fff;display:grid;place-items:center}.n-prompts{margin:48px auto 0;display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.n-chip{min-height:41px;border:0;border-radius:10px;background:var(--surface-2);padding:8px 12px;display:flex;align-items:center;gap:8px;text-align:right;cursor:pointer}.n-chip:hover{background:var(--hover)}.n-chip>span:first-child{font-size:17px;color:var(--muted)}.n-chip>span:last-child{display:grid}.n-chip b{font-size:12px}.n-chip small{font-size:9px;color:var(--muted);margin-top:1px}
.n-thread{flex:1;width:min(var(--content-width),calc(100% - 40px));margin:0 auto;padding:110px 4px 180px;overflow-y:auto;scrollbar-width:thin}.n-msg-row{position:relative;max-width:88%;margin:0 0 28px;display:flex;align-items:flex-end;gap:7px}.n-msg-row.user{margin-right:auto;flex-direction:row-reverse}.n-msg{font-size:14px;line-height:2;white-space:normal}.n-msg-row.user .n-msg{background:var(--user);border-radius:17px 17px 4px 17px;padding:10px 15px;max-width:680px}.n-msg-row.ai .n-msg{padding:3px 0;max-width:760px}.n-copy{opacity:0;border:0;background:transparent;color:var(--muted);width:28px;height:28px;border-radius:7px;cursor:pointer}.n-msg-row:hover .n-copy{opacity:1}.n-copy:hover{background:var(--hover)}.n-thinking span{animation:blink 1s infinite}.n-docked{position:absolute;right:50%;bottom:25px;transform:translateX(50%);margin:0;z-index:4}
.n-modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.67);backdrop-filter:blur(8px)}.n-subscriptions{position:relative;width:min(930px,100%);max-height:90vh;overflow:auto;border:1px solid var(--border);border-radius:20px;background:var(--bg);padding:32px;box-shadow:var(--shadow)}.n-close{position:absolute;left:15px;top:15px;border:0;background:var(--surface-2);border-radius:50%;width:33px;height:33px;cursor:pointer}.n-eyebrow{color:var(--accent);font-size:12px}.n-subscriptions h2{font-size:28px;font-weight:500}.n-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.n-plan-card{position:relative;border:1px solid var(--border);border-radius:15px;padding:20px;background:var(--surface)}.n-plan-card.featured{border-color:var(--accent)}.n-plan-card em{position:absolute;left:12px;top:12px;color:var(--accent);font-size:10px}.n-plan-card>strong{font-size:19px}.n-plan-card p{min-height:36px;color:var(--muted);font-size:12px}.n-price b{font-size:25px}.n-price span{display:block;color:var(--muted);font-size:10px}.n-plan-card ul{padding:0 18px 0 0;min-height:70px;font-size:11px;color:var(--muted)}.n-primary{border:0;border-radius:9px;background:var(--text);color:var(--bg);padding:11px 17px;cursor:pointer}.n-plan-card .n-primary{width:100%}.n-toast{position:fixed;z-index:120;left:22px;bottom:22px;background:#1f7a51;color:white;padding:12px 16px;border-radius:10px;box-shadow:var(--shadow)}.n-toast.error{background:#a43d3d}
.n-login-shell,.n-onboarding{min-height:100%;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,var(--surface),var(--bg) 55%);padding:20px}.n-auth-card{width:min(410px,100%);display:grid;gap:13px;border:1px solid var(--border);border-radius:20px;padding:30px;background:var(--surface);box-shadow:var(--shadow)}.n-auth-card h1{margin:6px 0 0;font-size:26px}.n-auth-card p{margin:0;color:var(--muted);line-height:1.8}.n-auth-card input{height:49px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);padding:0 13px;outline:0}.n-auth-card .n-primary{height:48px}.n-back{border:0;background:transparent;color:var(--muted);cursor:pointer}.n-error{min-height:20px;color:#df6c6c;font-size:12px}.n-step{color:var(--accent);font-size:11px}.n-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.n-role{border:1px solid var(--border);background:var(--bg);border-radius:9px;padding:10px}.n-role.selected{border-color:var(--accent);color:var(--accent)}.n-link-button{text-align:center;text-decoration:none}
@keyframes pulse{50%{opacity:.55}}@keyframes blink{50%{opacity:.25}}
@media(max-width:760px){.artinai-body{overflow:hidden}.n-sidebar{width:min(86vw,320px);transform:translateX(105%);box-shadow:-20px 0 55px rgba(0,0,0,.28)}.n-sidebar.open{transform:translateX(0)}.n-backdrop{display:none;position:fixed;z-index:19;inset:0;background:rgba(0,0,0,.55)}.n-backdrop.show{display:block}.n-main{margin-right:0;padding-top:56px}.n-mobile-header{position:fixed;z-index:12;top:0;right:0;left:0;height:56px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(14px)}.n-mobile-header .n-brand-lockup img,.n-mobile-header .n-logo-fallback{width:25px;height:25px}.n-mobile-header button{width:34px;height:34px;border:0;background:transparent;border-radius:8px}.n-plan{top:68px;white-space:nowrap}.n-workspace{width:calc(100% - 24px);transform:none}.n-main>.n-workspace:not(.n-docked){margin:auto 12px}.n-greeting{font-size:min(var(--hero-size),34px);margin-bottom:25px;line-height:1.55}.n-composer{padding:12px 12px 9px}.n-composer textarea{min-height:74px;font-size:14px}.n-model-button{max-width:150px}.n-model-menu{position:fixed;right:12px;left:12px;bottom:88px;width:auto}.n-prompts{margin-top:22px;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.n-chip{flex:0 0 auto}.n-thread{width:100%;padding:66px 13px 150px}.n-msg-row{max-width:94%;margin-bottom:20px}.n-msg-row.user .n-msg{max-width:86vw}.n-copy{opacity:1}.n-docked{bottom:max(10px,env(safe-area-inset-bottom));width:calc(100% - 20px)}.n-plan-grid{grid-template-columns:1fr}.n-subscriptions{padding:25px 16px}.n-role-grid{grid-template-columns:1fr}.n-toast{right:12px;left:12px;bottom:12px;text-align:center}}
@media(max-width:390px){.n-model-button b{max-width:76px}.n-tool,.n-send{width:32px}.n-tools-primary{gap:3px}.n-greeting{font-size:min(var(--hero-size),30px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
html{margin-top:0!important}
.n-recent{overflow:auto}.n-recent button{cursor:pointer}.n-recent button:hover,.n-recent-item.active{background:var(--hover)}.n-recent-item span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--muted)}
.n-message-attachments{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 9px;justify-content:flex-start}.n-message-attachments img{display:block;width:74px;height:74px;object-fit:cover;border:1px solid var(--border);border-radius:11px;background:var(--surface)}
.n-limit-lock{width:100%;border:0;border-radius:10px;background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--text);padding:10px 12px;margin-bottom:10px;text-align:center;cursor:pointer}.n-composer.disabled textarea,.n-composer.disabled .n-toolbar{opacity:.52}
@media(max-width:760px){.n-message-attachments img{width:64px;height:64px}.n-recent{max-height:42vh}}
.n-orders-button{display:flex;align-items:center;gap:11px;min-height:48px;margin:18px 0 22px;padding:8px 12px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);color:var(--text);text-align:right;cursor:pointer;transition:background .18s,border-color .18s}.n-orders-button:hover{background:var(--hover);border-color:color-mix(in srgb,var(--border) 45%,var(--text))}.n-orders-button .n-svg{width:20px;height:20px;flex:0 0 20px;color:var(--muted)}.n-orders-button>span{display:grid;gap:1px}.n-orders-button b{font-size:13px;line-height:1.5}.n-orders-button small{font-size:10px;line-height:1.6;color:var(--muted)}.n-orders-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.n-toolbar>.n-tools-primary{min-width:0;flex-wrap:nowrap}.n-aux-tools,.n-tool-direct,.n-tool-overflow-inline{display:flex;align-items:center;gap:3px}.n-aux-tools{position:relative;min-width:0}.n-tool-overflow-inline{margin-inline-start:3px;padding-inline-start:6px;border-inline-start:1px solid color-mix(in srgb,var(--admin-text) 12%,transparent)}.n-aux-tools>.n-tool-menu-toggle,.n-tool-menu{display:none}.n-theme{min-height:42px;line-height:1}.n-theme>span{width:24px;height:24px;display:grid;place-items:center;flex:0 0 24px}.n-theme>span .n-svg{width:18px;height:18px}.n-theme>b{line-height:1.4}.n-mobile-actions{display:flex;align-items:center;gap:4px}.n-mobile-actions button{display:grid;place-items:center;padding:0;color:var(--text)}.n-mobile-actions button .n-svg{width:18px;height:18px}
@media(max-width:760px){.n-toolbar,.n-toolbar>.n-tools-primary,.n-tool-direct{flex-wrap:nowrap}.n-toolbar>.n-tools-primary{width:100%;gap:4px}.n-model-wrap{min-width:0;flex:1}.n-model-button{width:100%;min-width:0;justify-content:flex-start}.n-model-button b{min-width:0}.n-tool-direct{gap:2px}.n-tool-overflow-inline{display:none}.n-aux-tools>.n-tool-menu-toggle{display:grid;width:30px;height:30px;flex:0 0 30px;border-radius:8px}.n-tool-menu-toggle[aria-expanded=true]{background:var(--hover);color:var(--text)}.n-tool-menu-toggle .n-svg{width:16px;height:16px}.n-tool-menu{position:absolute;z-index:18;inset-inline-end:0;bottom:calc(100% + 9px);min-height:42px;padding:5px;align-items:center;gap:3px;border:1px solid var(--border);border-radius:11px;background:var(--surface);box-shadow:var(--shadow)}.n-tool-menu.show{display:flex}.n-tool-menu .n-format-btn{width:32px;height:32px}.n-mobile-header .n-brand-lockup{height:34px}.n-mobile-header .n-brand-lockup b{line-height:1.2}.n-mobile-header button:focus-visible,.n-theme:focus-visible,.n-tool-menu-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}
@media(max-width:350px){.n-tools-primary{gap:2px}.n-model-button{padding-inline:6px}.n-model-button b{max-width:64px}.n-tool-direct .n-tool{width:29px}.n-tool-menu-toggle{width:28px;flex-basis:28px}}
@media(max-width:760px){.n-orders-button{width:100%;margin:15px 0 18px}.n-subscriptions h2{font-size:clamp(23px,7vw,28px);line-height:1.55}.n-subscriptions>p{line-height:1.9;margin-block:8px 0}}


/* 1.8.34 — Auth / registration UI redesign */
.n-login-shell,.n-onboarding{
  padding:28px;
  background:
    radial-gradient(circle at 18% 16%, color-mix(in srgb,var(--accent) 18%, transparent), transparent 24%),
    radial-gradient(circle at 88% 14%, rgba(99,214,255,.16), transparent 20%),
    radial-gradient(circle at 50% 100%, color-mix(in srgb,var(--surface) 86%, transparent), transparent 58%),
    linear-gradient(180deg, color-mix(in srgb,var(--bg) 92%, #101827 8%), var(--bg));
}
.n-auth-card{
  position:relative;
  width:min(760px,100%);
  gap:18px;
  border-radius:36px;
  padding:34px 34px 28px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 93%, white 7%),color-mix(in srgb,var(--surface) 98%, transparent));
  box-shadow:0 30px 80px rgba(10,20,35,.26), inset 0 1px 0 rgba(255,255,255,.18);
  border:1px solid color-mix(in srgb,var(--border) 72%, rgba(255,255,255,.16));
  overflow:hidden;
}
.n-auth-card::before{
  content:'';
  position:absolute;
  inset:0 0 auto 0;
  height:6px;
  background:linear-gradient(90deg,#78a8ff 0%, #6ea0ff 52%, #5ae0d1 100%);
  opacity:.95;
}
.n-auth-card::after{
  content:'';
  position:absolute;
  inset:auto auto 16px 16px;
  width:160px;
  height:160px;
  background:radial-gradient(circle, color-mix(in srgb,var(--accent) 10%, transparent), transparent 70%);
  pointer-events:none;
  filter:blur(6px);
}
.n-login-card{width:min(940px,100%)}
.n-register-card{width:min(980px,100%)}
.n-welcome-card{width:min(620px,100%)}
.n-auth-card>.n-brand-lockup,
.n-auth-card .n-welcome-brand{
  align-self:flex-end;
  position:relative;
  z-index:1;
}
.n-auth-card>.n-brand-lockup img,
.n-auth-card .n-welcome-brand img,
.n-auth-card>.n-brand-lockup .n-logo-fallback,
.n-auth-card .n-welcome-brand .n-logo-fallback{
  width:54px;
  height:54px;
  border-radius:18px;
  background:color-mix(in srgb,var(--surface) 74%, white 26%);
  box-shadow:0 12px 28px rgba(15,26,44,.13), inset 0 1px 0 rgba(255,255,255,.38);
  border:1px solid color-mix(in srgb,var(--border) 70%, rgba(255,255,255,.18));
}
.n-auth-card .n-brand-lockup{gap:0}
.n-auth-card h1{
  margin:0;
  font-size:clamp(34px,4vw,48px);
  line-height:1.28;
  letter-spacing:-.03em;
  text-align:right;
}
.n-auth-card p{
  color:color-mix(in srgb,var(--muted) 86%, var(--text));
  font-size:19px;
  line-height:1.95;
  text-align:right;
}
.n-auth-card .n-secondary,
.n-auth-card .n-primary{
  min-height:58px;
  border-radius:20px;
  font-size:18px;
  font-weight:700;
}
.n-auth-card .n-primary{
  background:linear-gradient(160deg,#6aa2ff,#4c84ea);
  color:#fff;
  box-shadow:0 16px 32px rgba(76,132,234,.26), inset 0 1px 0 rgba(255,255,255,.28);
}
.n-auth-card .n-secondary{
  border:1px solid color-mix(in srgb,var(--border) 86%, transparent);
  background:color-mix(in srgb,var(--surface) 88%, transparent);
  color:var(--text);
  box-shadow:0 8px 20px rgba(18,34,55,.06), inset 0 1px 0 rgba(255,255,255,.12);
}
.n-auth-card input,
.n-auth-card select{
  display:block;
  width:100%;
  min-width:0;
  height:58px;
  border:1px solid color-mix(in srgb,var(--border) 86%, transparent);
  border-radius:20px;
  background:color-mix(in srgb,var(--bg) 65%, var(--surface) 35%);
  color:var(--text);
  padding:0 18px;
  outline:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  font-size:18px;
}
.n-auth-card input::placeholder,
.n-auth-card select{
  color:color-mix(in srgb,var(--muted) 90%, var(--text));
}
.n-auth-card input:focus,
.n-auth-card select:focus{
  border-color:color-mix(in srgb,var(--accent) 60%, white 20%);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%, transparent), inset 0 1px 0 rgba(255,255,255,.08);
}
.n-auth-back{
  position:absolute;
  top:18px;
  left:18px;
  width:48px;
  height:48px;
  border:1px solid color-mix(in srgb,var(--border) 86%, transparent);
  border-radius:18px;
  background:color-mix(in srgb,var(--surface) 90%, transparent);
  color:var(--text);
  cursor:pointer;
  font-size:30px;
  line-height:1;
  display:grid;
  place-items:center;
  box-shadow:0 8px 18px rgba(18,34,55,.06), inset 0 1px 0 rgba(255,255,255,.12);
}
.n-login-card .n-password-login,
.n-register-card .n-register-grid,
.n-register-card #regOtp,
.n-login-card #otp,
.n-login-card #phone,
.n-auth-card .n-auth-panel{
  position:relative;
  z-index:1;
}
.n-password-login{
  display:grid;
  gap:12px;
  padding:24px;
  border:1px solid color-mix(in srgb,var(--border) 84%, transparent);
  border-radius:28px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 76%, transparent),color-mix(in srgb,var(--bg) 36%, var(--surface) 64%));
}
.n-password-login>p{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text)}
.n-login-divider{
  display:flex;
  align-items:center;
  gap:16px;
  margin:2px 0;
  color:var(--muted);
}
.n-login-divider::before,
.n-login-divider::after{
  content:'';
  flex:1 1 auto;
  height:1px;
  background:color-mix(in srgb,var(--border) 88%, transparent);
}
.n-login-divider span{
  display:inline-grid;
  place-items:center;
  min-width:42px;
  height:34px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid color-mix(in srgb,var(--border) 88%, transparent);
  background:color-mix(in srgb,var(--surface) 90%, transparent);
  font-size:14px;
}
.n-login-card>p,
.n-register-card>p,
.n-welcome-card .n-welcome-note,
.n-auth-card .n-step,
.n-auth-card .n-error,
.n-auth-card .n-back{
  position:relative;
  z-index:1;
}
.n-login-card>p,
.n-register-card>p{font-size:18px}
.n-login-card #phone,
.n-login-card #otp,
.n-register-card #regOtp{margin-top:-2px}
.n-login-card #passwordLogin,
.n-login-card #sendOtp,
.n-login-card #verifyOtp,
.n-register-card #regSendOtp,
.n-register-card #finishRegister,
.n-auth-card #emailSend,
.n-auth-card #emailVerify{width:100%}
.n-register-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  padding:24px;
  border:1px solid color-mix(in srgb,var(--border) 84%, transparent);
  border-radius:30px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 76%, transparent),color-mix(in srgb,var(--bg) 34%, var(--surface) 66%));
}
.n-register-grid #regName{grid-column:1 / -1}
.n-register-grid #regPhone,
.n-register-grid #regEmail,
.n-register-grid #regRole{grid-column:auto}
.n-register-card #regOtp,
.n-login-card #otp{
  text-align:center;
  font-size:32px;
  letter-spacing:.38em;
  padding-inline:26px;
  direction:ltr;
}
.n-login-card #phone,
.n-register-card #regPhone,
.n-auth-card #emailInput,
.n-auth-card #emailCode,
.n-login-card #loginUsername,
.n-login-card #loginPassword,
.n-register-card #regEmail{direction:ltr}
.n-error{
  min-height:24px;
  border-radius:14px;
  padding:0 4px;
  font-size:14px;
  line-height:1.8;
  color:#ff8f8f;
}
.n-back{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 14px;
  border-radius:14px;
  color:var(--muted);
}
.n-welcome-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.n-welcome-note{
  text-align:center;
  font-size:13px;
  color:var(--muted);
}
.n-auth-status-icon{
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  border-radius:24px;
  background:linear-gradient(160deg,#6ba3ff,#50d0b8);
  color:#fff;
  font-size:30px;
  box-shadow:0 18px 32px rgba(73,130,223,.22);
}
@media(max-width:760px){
  .n-login-shell,.n-onboarding{padding:14px}
  .n-auth-card,.n-login-card,.n-register-card,.n-welcome-card{width:100%;padding:24px 18px 18px;border-radius:28px;gap:14px}
  .n-auth-card::before{height:5px}
  .n-auth-card h1{font-size:clamp(28px,10vw,42px);line-height:1.4}
  .n-auth-card p{font-size:16px;line-height:1.85}
  .n-auth-card input,.n-auth-card select{height:54px;border-radius:18px;font-size:16px;padding-inline:16px}
  .n-auth-card .n-secondary,.n-auth-card .n-primary{min-height:54px;border-radius:18px;font-size:17px}
  .n-auth-back{top:12px;left:12px;width:44px;height:44px;border-radius:16px;font-size:26px}
  .n-register-grid{grid-template-columns:1fr;padding:16px;border-radius:24px}
  .n-register-grid #regName,.n-register-grid #regPhone,.n-register-grid #regEmail,.n-register-grid #regRole{grid-column:auto}
  .n-password-login{padding:16px;border-radius:22px}
  .n-login-card #otp,.n-register-card #regOtp{font-size:25px;letter-spacing:.28em}
  .n-welcome-actions{grid-template-columns:1fr}
}

/* 1.8.35 — Unified smart sign-in */
.n-smart-login-card,.n-auth-step-card{width:min(720px,100%)}
.n-auth-step-badge{
  justify-self:start;
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 13px;
  border:1px solid color-mix(in srgb,var(--border) 84%,transparent);
  border-radius:999px;
  background:color-mix(in srgb,var(--surface) 78%,transparent);
  color:color-mix(in srgb,var(--muted) 80%,var(--text));
  font-size:13px;
  line-height:1;
}
.n-auth-focus-panel{
  position:relative;
  z-index:1;
  display:grid;
  gap:12px;
  margin-top:4px;
  padding:24px;
  border:1px solid color-mix(in srgb,var(--border) 82%,transparent);
  border-radius:28px;
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--surface) 78%,transparent),color-mix(in srgb,var(--bg) 33%,var(--surface) 67%));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.n-auth-input-label{
  display:block;
  padding-inline:4px;
  color:var(--text);
  font-size:14px;
  font-weight:700;
}
.n-smart-login-card #loginIdentifier{
  height:64px;
  border-radius:21px;
  font-size:19px;
}
.n-smart-login-card #continueLogin,
.n-auth-step-card #passwordLogin,
.n-auth-step-card #verifyOtp{
  min-height:60px;
  border-radius:20px;
}
.n-auth-identity{
  display:flex;
  align-items:center;
  gap:8px;
  padding:13px 16px;
  border:1px solid color-mix(in srgb,var(--border) 80%,transparent);
  border-radius:18px;
  background:color-mix(in srgb,var(--surface) 70%,transparent);
  font-size:15px!important;
}
.n-auth-identity b{direction:ltr;unicode-bidi:plaintext;color:var(--text)}
.n-register-link{
  justify-self:center;
  font-size:15px;
  color:color-mix(in srgb,var(--muted) 72%,var(--text));
}
.n-register-link:hover{color:var(--text);background:color-mix(in srgb,var(--surface) 72%,transparent)}
@media(max-width:760px){
  .n-auth-focus-panel{padding:16px;border-radius:22px}
  .n-smart-login-card #loginIdentifier{height:56px;font-size:16px}
  .n-smart-login-card #continueLogin,.n-auth-step-card #passwordLogin,.n-auth-step-card #verifyOtp{min-height:54px}
  .n-auth-step-badge{font-size:12px;min-height:31px}
}


/* 1.8.37 — Mobile identity authentication */
.n-mobile-identity-card{width:min(720px,100%)}
.n-mobile-identity-card .n-auth-focus-panel{margin-top:4px}
.n-mobile-identity-card #loginPhone{font-size:21px;letter-spacing:.035em;text-align:left}
.n-mobile-register-card{width:min(880px,100%)}
.n-mobile-register-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.n-mobile-register-grid #regName{grid-column:1/-1}
.n-mobile-register-grid #regEmail{grid-column:1/-1}
.n-mobile-register-grid #regPassword,.n-mobile-register-grid #regPassword2{grid-column:auto}
.n-auth-identity{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap;padding:12px 16px;border-radius:16px;background:color-mix(in srgb,var(--surface) 78%,transparent);border:1px solid color-mix(in srgb,var(--border) 82%,transparent)}
.n-auth-identity b{font-weight:700;color:var(--text)}
@media(max-width:760px){
 .n-mobile-register-grid{grid-template-columns:1fr}
 .n-mobile-register-grid #regName,.n-mobile-register-grid #regEmail,.n-mobile-register-grid #regPassword,.n-mobile-register-grid #regPassword2{grid-column:auto}
 .n-mobile-identity-card #loginPhone{font-size:18px}
}


/* 1.8.38 — Registration form polish */
.n-mobile-register-grid #regEmail{
  text-align:right;
}
.n-mobile-register-grid #regPassword,
.n-mobile-register-grid #regPassword2{
  text-align:center;
  font-size:15px;
  padding-inline:14px;
}
.n-mobile-register-grid #regPassword::placeholder,
.n-mobile-register-grid #regPassword2::placeholder{
  text-align:center;
  font-size:15px;
}
.n-register-actions{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);
  gap:12px;
  align-items:stretch;
  width:100%;
}
.n-register-actions .n-primary,
.n-register-actions .n-back{
  width:100%;
  margin:0!important;
}
.n-register-actions .n-back{
  min-height:58px;
  border-radius:20px;
  border:1px solid color-mix(in srgb,var(--border) 86%, transparent);
  background:color-mix(in srgb,var(--surface) 88%, transparent);
  color:var(--text);
  box-shadow:0 8px 20px rgba(18,34,55,.06), inset 0 1px 0 rgba(255,255,255,.12);
}
@media(max-width:760px){
  .n-mobile-register-grid #regPassword,
  .n-mobile-register-grid #regPassword2,
  .n-mobile-register-grid #regPassword::placeholder,
  .n-mobile-register-grid #regPassword2::placeholder{
    font-size:13px;
  }
  .n-register-actions{
    grid-template-columns:1fr 1fr;
    gap:10px;
  }
  .n-register-actions .n-back,
  .n-register-actions .n-primary{
    min-height:54px;
    font-size:16px;
    padding-inline:10px;
  }
}

/* 1.9.7 — optional prompt enhancer */
.n-prompt-enhance{height:34px;min-width:76px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:6px;font-family:inherit;cursor:pointer;white-space:nowrap;transition:.18s ease}.n-prompt-enhance:hover{background:var(--hover);color:var(--text)}.n-prompt-enhance .n-svg{width:17px;height:17px}.n-prompt-enhance span{font-size:11px}.n-prompt-enhance:disabled{opacity:.45;cursor:not-allowed}.n-prompt-enhance.is-working{background:var(--hover)}
@media(max-width:560px){.n-prompt-enhance{min-width:34px;width:34px;padding:0}.n-prompt-enhance span{display:none}}


/* 2.2.18 — Private AI welcome / approved-user authentication */
.n-private-auth-card{overflow:hidden}
.n-private-badge{justify-self:start;display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--accent) 9%,var(--surface));color:color-mix(in srgb,var(--accent) 72%,var(--text));font-size:13px;font-weight:700}
.n-private-lead{max-width:650px}
.n-private-auth-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:4px}
.n-private-auth-option{min-height:112px;padding:18px;border:1px solid color-mix(in srgb,var(--border) 90%,transparent);border-radius:24px;background:color-mix(in srgb,var(--surface) 88%,var(--bg) 12%);color:var(--text);display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:center;text-align:right;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);transition:transform .16s ease,border-color .16s ease,background .16s ease}
.n-private-auth-option:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 36%,var(--border));background:color-mix(in srgb,var(--accent) 5%,var(--surface))}
.n-private-auth-option.primary{background:linear-gradient(155deg,color-mix(in srgb,#5d95ee 18%,var(--surface)),color-mix(in srgb,var(--surface) 94%,transparent));border-color:color-mix(in srgb,#5d95ee 42%,var(--border))}
.n-private-option-icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:color-mix(in srgb,var(--bg) 54%,var(--surface));font-size:23px;font-weight:700}
.n-private-auth-option>span:last-child{display:grid;gap:5px}
.n-private-auth-option b{font-size:17px;line-height:1.6}
.n-private-auth-option small{font-size:12px;line-height:1.8;color:var(--muted)}
.n-private-security-note,.n-approval-email-note{display:flex;align-items:center;gap:11px;padding:13px 15px;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:17px;background:color-mix(in srgb,var(--bg) 45%,var(--surface));color:var(--muted)}
.n-private-security-note>span{color:#43a46f;font-size:12px}.n-private-security-note small{font-size:12px;line-height:1.8}
.n-approval-email-note{align-items:flex-start}.n-approval-email-note>span{width:35px;height:35px;flex:0 0 35px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,#5d95ee 12%,var(--surface));color:#5d95ee;font-size:17px}.n-approval-email-note>div{display:grid;gap:2px}.n-approval-email-note b{font-size:14px;color:var(--text)}.n-approval-email-note small{font-size:12px;line-height:1.8;color:var(--muted)}
@media(max-width:760px){.n-private-auth-options{grid-template-columns:1fr}.n-private-auth-option{min-height:92px;border-radius:20px;padding:14px;grid-template-columns:46px 1fr}.n-private-option-icon{width:46px;height:46px;border-radius:15px}.n-private-auth-option b{font-size:15px}}

/* Inline image replies share the chat bubble and its responsive width. */
.n-inline-image{margin:0;max-width:100%;width:min(100%,640px)}
.n-inline-image>a{display:block}.n-inline-image img{display:block;width:100%;height:auto;max-height:75vh;object-fit:contain;border-radius:16px;background:rgba(127,127,127,.08)}
.n-inline-image figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:12px;font-size:12px}
.n-inline-image figcaption .n-image-download{margin:0;display:inline-flex;padding:8px 14px;border:1px solid rgba(127,127,127,.25);border-radius:12px}
.n-inline-image-pending{display:flex;align-items:center;gap:12px;min-height:88px;padding:12px;direction:rtl}
.n-inline-image-spinner{width:24px;height:24px;border:2px solid rgba(127,127,127,.25);border-top-color:currentColor;border-radius:50%;animation:n-image-spin 1s linear infinite;flex-shrink:0}
@keyframes n-image-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.n-inline-image-spinner{animation:none}}