/* Production-only layout. No design-studio prototypes or old blue palette. */
@font-face{font-family:Vazirmatn;src:url('assets/Vazirmatn.woff2') format('woff2');font-weight:100 900;font-display:block}
:root{font-family:Vazirmatn,Tahoma,sans-serif;font-size:14px;font-synthesis:none;color:#222321;background:#f7f7f4;color-scheme:light}
:root[data-theme=dark]{color:#f1f1ea;background:#141513;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;--bg:#f7f7f4;--surface:#fff;--ink:#222321;--muted:#6d7069;--line:#e7e7e0;--gold:#b58c32;--soft:#f5eedb;--round:20px;--button:var(--ink);--on-button:var(--surface);background:var(--bg);color:var(--ink)}
button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{cursor:default;opacity:.4}a{color:inherit;text-decoration:none}button,a,input,textarea,select{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold)}
h1,h2,p{margin:0}svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}input,textarea,select{min-width:0}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.login-layout,.workspace-layout{background:var(--bg);color:var(--ink);border-radius:var(--round);overflow:hidden;border:1px solid var(--line);box-shadow:0 14px 50px #0001}
.login-layout{display:grid;grid-template-columns:46% 54%;direction:rtl;min-height:710px}.login-side{padding:38px 50px 26px;display:flex;flex-direction:column;min-height:710px;background:var(--surface)}
.brand{display:flex;align-items:center}.login-content{width:100%;max-width:340px;margin:auto;padding:44px 0}.eyebrow{font-size:11px;color:var(--muted);display:block;margin-bottom:15px}.login-content h1{font-size:29px;font-weight:700;line-height:1.65}.muted{color:var(--muted);line-height:2}.intro{font-size:14px;margin:8px 0 29px}
.login-form label{display:block;font-size:13px;font-weight:500;margin:18px 0 9px}.field{display:flex;align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:10px;min-height:50px;padding:0 15px;gap:12px}.field input{width:100%;border:0;background:none;font-size:13px;padding:13px 0;outline:none}.label-row{display:flex;justify-content:space-between;align-items:baseline}.field-hint{font-size:10px;color:var(--muted);white-space:nowrap}
.primary{display:flex;align-items:center;justify-content:center;gap:20px;min-height:49px;background:var(--button);color:var(--on-button);border-radius:10px;font-weight:600;font-size:13px;padding:12px 20px}.enter{width:100%;margin-top:24px;justify-content:space-between}.login-help{margin-top:30px;border-top:1px solid var(--line);padding-top:20px;color:var(--muted);font-size:11px}.login-foot{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.login-foot>span{margin-right:auto;letter-spacing:2px}
.brand-side{position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);padding:36px 42px 26px;color:var(--ink)}.brand-side-top,.brand-side-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;z-index:1;font-size:10px;color:var(--muted)}.brand-side-top{direction:ltr;letter-spacing:2px;font-size:9px}.brand-copy{position:relative;z-index:1;margin-top:49px}.brand-copy h2{font-size:43px;font-weight:600;line-height:1.55}.brand-copy h2 em{font-style:normal;color:var(--gold)}.brand-copy p{font-size:13px;line-height:2.1;margin-top:18px;color:var(--muted)}.brand-side-bottom{margin-top:auto}.three-dots{display:flex;gap:5px;direction:ltr}.three-dots i{width:5px;height:5px;background:var(--line);border-radius:50%}.three-dots i:first-child{width:20px;border-radius:5px;background:var(--gold)}
.artwork{position:relative;height:290px;min-height:260px;margin:0 -20px}.orb{position:absolute;width:260px;height:105px;left:calc(50% - 130px);top:96px;display:grid;place-items:center}.orbit-ring{position:absolute;border:1px solid var(--line);border-radius:50%;left:50%;top:140px;transform:translate(-50%,-50%);width:270px;height:270px}.ring-two{width:410px;height:410px}.ring-three{width:550px;height:550px}.float-card{position:absolute;background:var(--surface);box-shadow:0 12px 26px #0001;border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;gap:12px;padding:13px 17px;font-size:11px}.float-card b{display:block;font-size:12px;font-weight:600}.float-card span{display:block;font-size:10px;color:var(--muted);margin-top:4px}.float-card>i{background:var(--soft);border-radius:50%;width:23px;height:23px;display:grid;place-items:center;color:var(--muted)}.float-a{top:20px;right:0;transform:rotate(3deg)}.float-b{bottom:7px;left:0;transform:rotate(-4deg)}.bars{display:flex!important;align-items:end;gap:4px;height:29px}.bars i{height:15px;width:5px;background:var(--line);border-radius:2px}.bars i:nth-child(2){height:23px}.bars i:nth-child(3){height:19px;background:var(--gold)}.bars i:nth-child(4){height:29px}.bars i:nth-child(5){height:25px}.spark{position:absolute;color:var(--gold);font-size:26px}.sp-one{top:17px;left:15%}.sp-two{bottom:35px;right:24%;font-size:15px}
.workspace-layout{display:grid;grid-template-columns:236px minmax(0,1fr);height:740px;min-height:740px}.sidebar{display:flex;flex-direction:column;border-left:1px solid var(--line);background:var(--surface);padding:21px 18px 15px;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.sidebar .brand{padding:0 9px;margin-bottom:17px}.workspace-selector{border:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:12px 8px;border-radius:10px;font-size:12px}.workspace-selector b{font-weight:500}.workspace-selector small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.team-icon{display:grid;place-items:center;background:var(--soft);width:30px;height:30px;border-radius:8px}.sidebar nav{display:grid;gap:5px}.sidebar .selected{color:var(--ink);background:var(--soft)}.side-bottom{margin-top:auto}.profile{margin-top:12px;display:flex;align-items:center;gap:9px;font-size:11px}.profile>span{width:32px;height:32px;background:var(--soft);border-radius:50%;display:grid;place-items:center}.profile b{font-weight:500}.profile small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.work-header{display:flex;align-items:center;justify-content:space-between;height:76px;flex-shrink:0;padding:0 30px;border-bottom:1px solid var(--line);font-size:12px}.work-header>div{display:flex;gap:13px;align-items:center}.work-header strong{font-weight:500}.work-header span,.work-header i{color:var(--muted);font-style:normal}.workspace-main{min-width:0;min-height:0;display:flex;flex-direction:column}.chat-area{flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto;padding:0 42px}.welcome{text-align:center;padding-top:42px;margin:auto 0 0}.mini-label{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:10px}.mini-label i{width:5px;height:5px;border-radius:50%;background:var(--gold)}.welcome h1{font-size:30px;font-weight:600;line-height:1.8}.welcome>p{font-size:14px;margin-top:7px}
.wing-logo{position:relative;display:block;width:150px;aspect-ratio:2034/773;direction:ltr;flex:none}.wing-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;visibility:hidden}.wing-logo .logo-night{display:none}.wing-logo::after{content:"";position:absolute;inset:0;background:var(--ink);mask:url('assets/sunyar-wing-light-v1.png') center/contain no-repeat;clip-path:inset(0 0 0 32%)}.brand>.wing-logo{width:151px}.sidebar .brand>.wing-logo{width:134px}.orb .wing-logo{width:260px}.welcome-symbol{margin:16px auto 8px;width:178px;height:75px}.welcome-symbol .wing-logo{width:178px}
/* Font is a first-paint gate, not a later swap of visible text. */
html[data-sunyar-font-pending=true] :is(.theme-bar,.login-layout,.workspace-layout){visibility:hidden}
html[data-sunyar-font-pending=true] body::before{content:"";position:fixed;top:45%;left:calc(50% - 24px);width:48px;height:48px;border:2px solid var(--line);border-top-color:var(--gold);border-radius:50%;animation:loading 1s linear infinite}
@keyframes loading{to{transform:rotate(360deg)}}
@media(min-width:1550px){.login-layout,.login-side{min-height:760px}.artwork{margin-top:20px}.brand-copy{margin-top:60px}}
@media(max-width:1050px){.login-side,.brand-side{padding:30px}.brand-copy h2{font-size:35px}.float-card{padding:11px;gap:8px}.float-a{right:-12px}.float-b{left:-12px}.workspace-layout{grid-template-columns:198px minmax(0,1fr)}.chat-area{padding:0 25px}.welcome h1{font-size:25px}}
@media(max-width:760px){.login-layout{display:flex;flex-direction:column;min-height:0}.login-side{min-height:620px;padding:26px}.login-content{padding:32px 0}.login-content h1{font-size:27px}.brand-side{padding:25px;min-height:520px}.brand-copy{margin-top:30px}.brand-copy h2{font-size:32px}.artwork{transform:scale(.85);margin:0 -5px;height:250px}.orb{width:210px;left:calc(50% - 105px)}.orb .wing-logo{width:210px}.sidebar .brand>.wing-logo{width:112px}.login-side .brand>.wing-logo{width:141px}.work-header{height:57px;padding:0 17px;font-size:10px}.work-header>div{gap:7px}.welcome h1{font-size:25px}.welcome>p{font-size:11px}.chat-area{padding:0 18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}