/* Shared glass material for the workspaces and sign-in page. */
:root{
  --glass-fill:rgba(25,36,53,.62);
  --glass-shell:rgba(12,22,37,.54);
  --glass-raised:rgba(37,51,70,.56);
  --glass-input:rgba(5,15,29,.30);
  --glass-composer:rgba(30,43,61,.84);
  --glass-edge:rgba(227,239,255,.16);
  --glass-glint:rgba(255,255,255,.16);
  --glass-shade:rgba(0,8,24,.22);
  --glass-sheen:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.015) 50%,rgba(255,255,255,.045));
  --glass-text:#f1f5fc;--glass-muted:#acb9cc;
  --text:var(--glass-text);--muted:var(--glass-muted);--subtle:#93a4bd;
  --glass-scene:radial-gradient(ellipse at 4% 8%,rgba(63,137,199,.36),transparent 52%),radial-gradient(ellipse at 94% 96%,rgba(112,70,176,.29),transparent 56%),radial-gradient(ellipse at 66% 10%,rgba(56,139,151,.13),transparent 50%),linear-gradient(140deg,#081322,#122436 54%,#17162c);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
:root[data-theme=light]{
  --glass-fill:rgba(255,255,255,.56);
  --glass-shell:rgba(255,255,255,.38);
  --glass-raised:rgba(255,255,255,.66);
  --glass-input:rgba(246,250,255,.62);
  --glass-composer:rgba(255,255,255,.84);
  --glass-edge:rgba(255,255,255,.80);
  --glass-glint:rgba(255,255,255,.96);
  --glass-shade:rgba(39,67,103,.12);
  --glass-sheen:linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,.05) 55%,rgba(255,255,255,.24));
  --glass-text:#1b2a40;--glass-muted:#53647d;
  --text:var(--glass-text);--muted:var(--glass-muted);--subtle:#5c6d85;
  --glass-scene:radial-gradient(ellipse at 0% 0%,rgba(164,208,242,.72),transparent 54%),radial-gradient(ellipse at 96% 100%,rgba(197,183,235,.64),transparent 56%),radial-gradient(ellipse at 64% 16%,rgba(209,242,237,.65),transparent 46%),linear-gradient(130deg,#edf3fc,#f0f4fa 50%,#edeaf8);
}
html[data-theme] body{background:var(--glass-scene);background-attachment:fixed;color:var(--glass-text)}
.app-shell{padding:14px;gap:12px}
html[data-theme] .sidebar,html[data-theme] .main-panel{
  border:1px solid var(--glass-edge);border-radius:28px;
  background:var(--glass-sheen),var(--glass-shell);
  -webkit-backdrop-filter:blur(28px) saturate(155%);backdrop-filter:blur(28px) saturate(155%);
  box-shadow:inset 0 1px 0 var(--glass-glint),0 12px 40px var(--glass-shade);
}
html[data-theme] .sidebar{width:258px;flex-basis:258px;background:var(--glass-sheen),var(--glass-fill);overflow:hidden}
html[dir=rtl][data-theme] .sidebar{border:1px solid var(--glass-edge)}
html[data-theme] .main-panel{overflow:hidden;min-width:0}
.brand-block{height:88px;padding-inline:22px;gap:12px}
.brand-block strong{font-size:12px;font-weight:750;letter-spacing:.11em}
.brand-block span{font-size:11px;margin-top:4px}
.brand-mark{width:42px;height:42px;border-radius:15px;background:var(--glass-sheen),rgba(var(--accent-rgb,109,154,255),.12);border-color:var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-glint)}
.new-chat{margin:3px 16px 24px;border-radius:17px;background:linear-gradient(145deg,rgba(var(--accent-rgb,109,154,255),.22),rgba(var(--accent-rgb,109,154,255),.09));border:1px solid rgba(var(--accent-rgb,109,154,255),.30);box-shadow:inset 0 1px 0 var(--glass-glint);height:47px;font-weight:600}
.new-chat:hover{background:rgba(var(--accent-rgb,109,154,255),.23);transform:translateY(-1px)}
.primary-nav{gap:5px;padding-inline:13px}.nav-item{border:1px solid transparent;border-radius:15px;height:43px;font-weight:550}
html[data-theme] .nav-item:hover,html[data-theme] .conversation-item:hover{background:rgba(var(--accent-rgb,109,154,255),.07)}
html[data-theme] .nav-item.active{background:var(--glass-sheen),rgba(var(--accent-rgb,109,154,255),.10);border-color:var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-glint);color:var(--text)}
.nav-item.active svg{color:var(--accent,#b6c9ff)}
html[data-theme] .conversation-item.active{background:var(--glass-sheen),rgba(var(--accent-rgb,109,154,255),.09);box-shadow:inset 0 1px 0 var(--glass-glint)}
.conversation-item{border-radius:13px}
html[data-theme] .sidebar-search{background:var(--glass-input);border-color:var(--glass-edge);border-radius:14px;padding:11px 12px}
.sidebar-footer{border-top-color:var(--glass-edge);padding:19px 20px}.footer-note{line-height:1.6}
html[data-theme] .topbar{background:rgba(255,255,255,.015);border-bottom-color:var(--glass-edge);height:72px;min-height:72px;padding-inline:28px}
.topbar-right{gap:8px}.breadcrumb{font-size:12px;gap:9px}
html[data-theme] .theme-switch,html[data-theme] .language-switch,html[data-theme] .chat-model-picker{background:var(--glass-sheen),var(--glass-raised);border:1px solid var(--glass-edge);border-radius:999px;box-shadow:inset 0 1px 0 var(--glass-glint),0 3px 9px rgba(0,0,0,.04);color:var(--text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.theme-switch,.language-switch{height:36px;min-width:36px}.theme-switch{width:36px}
.chat-model-picker{min-height:36px;padding-inline:11px}.chat-model-picker select{font-weight:550;font-size:12px}
.chat-model-picker label{font-size:9px;letter-spacing:.07em;font-weight:650}
.top-avatar{border-radius:50%;margin-inline-start:5px;width:33px;height:33px;background:linear-gradient(145deg,var(--accent,#b6c9ff),rgba(var(--accent-rgb,109,154,255),.68));box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 3px 9px rgba(0,0,0,.10)}
html[data-theme] .chat-heading{border-bottom-color:var(--glass-edge);min-height:92px;padding-block:18px}
.chat-heading h1{font-size:20px;font-weight:600}.chat-subtitle{color:var(--muted);font-size:12px}
.icon-button{border-radius:50%;transition:background .18s,transform .18s}.icon-button:hover{background:var(--glass-raised);transform:translateY(-1px)}
.welcome-state{max-width:790px;padding:36px 32px}
.welcome-orb{width:76px;height:76px;border-radius:26px;background:radial-gradient(circle at 24% 12%,rgba(215,244,255,.36),transparent 60%),linear-gradient(145deg,rgba(var(--accent-rgb,109,154,255),.30),rgba(135,118,204,.16));border:1px solid var(--glass-edge);color:var(--accent,#b6c9ff);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -6px 18px rgba(255,255,255,.03),0 12px 35px rgba(var(--accent-rgb,109,154,255),.10);margin-bottom:24px;transform:rotate(-5deg)}
.welcome-orb svg{transform:rotate(5deg);width:33px;height:33px}
.welcome-state h2{font-size:36px;letter-spacing:-.045em;font-weight:600;line-height:1.3;margin-block:12px}
html[lang=fa] .welcome-state h2{letter-spacing:-.025em}
.welcome-state .eyebrow{font-weight:600;font-size:10px;letter-spacing:.10em}
.welcome-state p{max-width:460px;line-height:1.8;font-size:14px}.prompt-grid{gap:12px;margin-top:30px}
html[data-theme] .prompt-card{background:var(--glass-sheen),var(--glass-fill);border:1px solid var(--glass-edge);border-radius:22px;box-shadow:inset 0 1px 0 var(--glass-glint),0 5px 18px rgba(0,0,0,.035);min-height:116px;padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s}
html[data-theme] .prompt-card:hover{background:var(--glass-sheen),var(--glass-raised);border-color:rgba(var(--accent-rgb,109,154,255),.36);box-shadow:inset 0 1px 0 var(--glass-glint),0 12px 25px var(--glass-shade);transform:translateY(-3px)}
.prompt-card strong{font-weight:600;font-size:13px}.prompt-card small{color:var(--muted)}
.composer-wrap{padding:12px 28px 18px;max-width:920px}
html[data-theme] .composer{background:var(--glass-sheen),var(--glass-composer);border:1px solid var(--glass-edge);border-radius:26px;box-shadow:inset 0 1px 0 var(--glass-glint),inset 0 -1px 0 rgba(255,255,255,.03),0 10px 32px var(--glass-shade);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);padding:12px 15px}
html[data-theme] .composer:focus-within{border-color:rgba(var(--accent-rgb,109,154,255),.43);box-shadow:inset 0 1px 0 var(--glass-glint),0 0 0 3px rgba(var(--accent-rgb,109,154,255),.055),0 10px 32px var(--glass-shade)}
.composer textarea{padding-inline:8px;min-height:54px}.attach-button{border-radius:999px;padding:8px 10px}
.send-button{border-radius:50%;height:38px;width:38px;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 3px 10px rgba(0,0,0,.10)}
.composer-hint{color:var(--muted);font-size:10px}
html[data-theme] .message.user .message-main{background:var(--glass-sheen),rgba(var(--accent-rgb,109,154,255),.12);border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-glint),0 4px 14px rgba(0,0,0,.025)}
.message-avatar{border-radius:11px;background:var(--glass-sheen),rgba(var(--accent-rgb,109,154,255),.10);border-color:var(--glass-edge)}
html[data-theme] .message.user .file-pill{background:var(--glass-input)}
html[data-theme] .surface-panel,html[data-theme] .text-dialog,html[data-theme] .password-dialog,html[data-theme] .toast,html[data-theme] .jump-latest{background:var(--glass-sheen),var(--glass-fill);border:1px solid var(--glass-edge);border-radius:24px;box-shadow:inset 0 1px 0 var(--glass-glint),0 8px 26px var(--glass-shade);-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%)}
html[data-theme] .text-dialog,html[data-theme] .password-dialog{background:var(--glass-sheen),var(--glass-composer)}
html[data-theme] .text-dialog::backdrop,html[data-theme] .password-dialog::backdrop{background:rgba(9,19,35,.35);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
html[data-theme] .toast{background:var(--glass-sheen),var(--glass-composer);border-radius:18px}
html[data-theme] .toast.error{border-color:rgba(218,115,102,.6)}
html[data-theme] .jump-latest{border-radius:999px;background:var(--glass-sheen),var(--glass-composer)}
.settings-card{padding:26px}.card-icon{border-radius:12px;background:var(--glass-sheen),rgba(var(--accent-rgb,109,154,255),.10);box-shadow:inset 0 1px 0 var(--glass-glint)}
html[data-theme] .settings-card input,html[data-theme] .settings-card textarea,html[data-theme] .settings-card select,html[data-theme] .tasks-form input,html[data-theme] .tasks-form textarea,html[data-theme] .text-dialog textarea,html[data-theme] .password-dialog input,html[data-theme] .file-search-wrap input{background-color:var(--glass-input);border-color:var(--glass-edge);border-radius:13px}
html[data-theme] .settings-card label{color:var(--text)}
html[data-theme] .secondary-button,html[data-theme] .task-actions button,html[data-theme] .dialog-actions button,html[data-theme] .skill-editor-actions button{background:var(--glass-sheen),var(--glass-raised);border-color:var(--glass-edge);border-radius:13px;box-shadow:inset 0 1px 0 var(--glass-glint)}
.save-button,html[data-theme] .dialog-actions .save-button,html[data-theme] .skill-editor-actions .save-button{background:var(--accent,#80d8a4);border-radius:14px;color:var(--accent-ink,#082119);box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 4px 12px rgba(var(--accent-rgb,109,154,255),.12)}
.panel-header,.file-row,.file-search-wrap{border-color:var(--glass-edge)}
html[data-theme] .message-content pre,html[data-theme] .task-result pre{background:var(--glass-input);border-color:var(--glass-edge);border-radius:14px}
html[data-theme] .message-content code,html[data-theme] .message-content th{background:var(--glass-input)}
html[data-theme] .message-content pre code{background:transparent}
.settings-badge{background:var(--glass-fill);border-color:var(--glass-edge)}
html[data-theme] .chat-model-picker select option{background:var(--panel,#162333);color:var(--text)}
/* Sign-in uses the same material and scene as the workspace. */
html[data-theme] body>main{width:min(430px,calc(100vw - 32px));padding:40px;border:1px solid var(--glass-edge);border-radius:32px;background:var(--glass-sheen),var(--glass-fill);box-shadow:inset 0 1px 0 var(--glass-glint),0 24px 70px var(--glass-shade);-webkit-backdrop-filter:blur(28px) saturate(155%);backdrop-filter:blur(28px) saturate(155%)}
html[data-theme] body>main h1{font-size:28px;font-weight:600;letter-spacing:-.03em}
html[data-theme] body>main p{color:var(--glass-muted);line-height:1.8}
html[data-theme] body>main label{color:var(--glass-text)}
html[data-theme] body>main input{background:var(--glass-input);border-color:var(--glass-edge);color:var(--glass-text);height:48px;border-radius:14px}
html[data-theme] body>main .mark{width:52px;height:52px;border:1px solid var(--glass-edge);border-radius:18px;background:var(--glass-sheen),rgba(117,222,188,.13);color:#82dbbc;box-shadow:inset 0 1px 0 var(--glass-glint)}
html[data-theme=light] body>main .mark{color:#137b50}
html[data-theme] #submit{height:48px;font-family:inherit;font-size:14px;border-radius:15px;background:linear-gradient(145deg,#94e8c6,#72cdb6);color:#103d32;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 5px 16px rgba(35,128,93,.10)}
html[data-theme] .login-controls .theme-switch,html[data-theme] .login-controls .language-switch{background:var(--glass-sheen),var(--glass-fill);color:var(--glass-text);border-color:var(--glass-edge);border-radius:50%;box-shadow:inset 0 1px 0 var(--glass-glint);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
@media(max-width:1000px){html[data-theme] .sidebar{width:235px;flex-basis:235px}.app-shell{padding:10px;gap:10px}.welcome-state h2{font-size:32px}}
@media(max-width:700px){
  .app-shell{padding:0;gap:0}
  html[data-theme] .main-panel{border:0;border-radius:0;box-shadow:none;background:rgba(255,255,255,.025);-webkit-backdrop-filter:none;backdrop-filter:none}
  html[data-theme] .sidebar,html[dir=rtl][data-theme] .sidebar{width:min(300px,86vw);flex-basis:auto;border:1px solid var(--glass-edge);border-radius:0 26px 26px 0;background:var(--glass-sheen),var(--glass-composer);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:none}
  html[dir=rtl][data-theme] .sidebar{border-radius:26px 0 0 26px}
  html[data-theme] .sidebar.open{box-shadow:12px 0 45px var(--glass-shade)}
  html[dir=rtl][data-theme] .sidebar.open{box-shadow:-12px 0 45px var(--glass-shade)}
  html[data-theme] .topbar{height:62px;min-height:62px;padding-inline:15px;background:var(--glass-fill);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
  html[data-theme] .chat-heading{padding:16px 18px;min-height:84px}.chat-heading h1{font-size:18px}
  .topbar-right{gap:5px}.theme-switch,.language-switch{height:34px;min-width:34px}.theme-switch{width:34px}
  .chat-model-picker{padding:4px 7px;min-height:34px}
  .welcome-state{padding:25px 20px}.welcome-orb{width:66px;height:66px;border-radius:23px;margin-bottom:20px}
  .welcome-state h2{font-size:28px}.welcome-state p{font-size:13px}.prompt-grid{gap:10px;margin-top:25px}
  html[data-theme] .prompt-card{min-height:78px;padding:14px 16px;border-radius:20px}
  .composer-wrap{padding:10px 12px 15px}.composer-hint{font-size:10px}
  html[data-theme] .composer{padding:10px 13px;border-radius:24px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
  html[data-theme] .surface-panel{border-radius:22px;-webkit-backdrop-filter:none;backdrop-filter:none}
  .settings-card{padding:22px}.content-view{padding:28px 16px}
  html[data-theme] body>main{padding:32px;border-radius:28px}
}
@media(max-width:420px){.chat-model-picker{padding:4px}.chat-model-picker select{min-width:58px;max-width:78px}.topbar-right{gap:4px}.theme-switch,.language-switch{min-width:32px;width:32px;height:32px}.breadcrumb{gap:7px}.breadcrumb span:first-of-type{display:none}.breadcrumb-slash{display:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:root{--glass-fill:#1d2d42;--glass-shell:#112138;--glass-raised:#26374d}:root[data-theme=light]{--glass-fill:#f4f8ff;--glass-shell:#edf3fb;--glass-raised:#fff}}
@media(prefers-reduced-transparency:reduce){:root{--glass-fill:#1d2d42;--glass-shell:#112138;--glass-composer:#24364c}:root[data-theme=light]{--glass-fill:#f4f8ff;--glass-shell:#edf3fb;--glass-composer:#fff}*,*::before,*::after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}

.theme-switch svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){.welcome-state{padding:20px}.welcome-orb{width:60px;height:60px;margin-bottom:14px}.welcome-state h2{font-size:26px;margin-block:8px}.prompt-grid{margin-top:18px;gap:8px}html[data-theme] .prompt-card{min-height:72px;padding:12px 16px}}