/* Hooshi 1.0.0 BETA — Modern Premium UI v21
   Neutral premium palette, compact chat, responsive control center. */
:root{
  --m-bg:#f5f7fb;--m-bg-soft:#eef2f7;--m-surface:#ffffff;--m-surface-2:#f8fafc;
  --m-text:#172033;--m-muted:#687386;--m-subtle:#98a2b3;--m-line:#e3e8f0;
  --m-brand:#6d5dfc;--m-brand-2:#3f7cf7;--m-accent:#8b5cf6;--m-danger:#ef476f;
  --m-warning:#f59e0b;--m-success:#18a77b;--m-shadow:0 18px 50px rgba(31,42,68,.08);
  --m-shadow-sm:0 8px 24px rgba(31,42,68,.07);--m-radius:18px;--m-radius-sm:12px;
  --hx-brand:var(--m-brand);--hx-brand-2:var(--m-brand-2);--accent:var(--m-brand);--accent-2:var(--m-brand-2);
}
html[data-theme="dark"]{
  --m-bg:#090d17;--m-bg-soft:#0e1422;--m-surface:#111827;--m-surface-2:#151d2d;
  --m-text:#f4f7fb;--m-muted:#aab4c4;--m-subtle:#748096;--m-line:#273247;
  --m-shadow:0 24px 70px rgba(0,0,0,.34);--m-shadow-sm:0 10px 28px rgba(0,0,0,.26);
}
html,body{font-family:"Vazirmatn",Tahoma,sans-serif;background:var(--m-bg);color:var(--m-text)}
body{background-image:radial-gradient(800px 420px at 75% -15%,rgba(109,93,252,.10),transparent 70%),radial-gradient(620px 380px at 5% 8%,rgba(63,124,247,.07),transparent 68%)}
body:before{display:none!important}.aurora{opacity:.18}.aurora .o1{background:#695cff}.aurora .o2{background:#3f7cf7}.aurora .o3{background:#a855f7}
.glass,.glass-2,.premium-panel,.panel,.admin-card,.admin-panel{background:color-mix(in srgb,var(--m-surface) 94%,transparent)!important;border:1px solid var(--m-line)!important;box-shadow:var(--m-shadow-sm)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.btn{border-radius:11px!important;background:linear-gradient(135deg,var(--m-brand),var(--m-brand-2))!important;box-shadow:0 9px 22px rgba(93,80,225,.22)!important;color:#fff!important}
.btn:hover{transform:translateY(-1px);filter:brightness(1.04)}.btn.ghost{background:var(--m-surface-2)!important;border:1px solid var(--m-line)!important;color:var(--m-text)!important;box-shadow:none!important}.btn.warm{background:linear-gradient(135deg,#7c5cff,#4f7cff)!important}
.icon-btn{border:1px solid transparent}.icon-btn:hover{background:var(--m-surface-2);border-color:var(--m-line)}
.input,.inp,.textarea,select,.select,input[type="text"],input[type="email"],input[type="password"],input[type="url"],input[type="search"],textarea{background:var(--m-surface-2)!important;border-color:var(--m-line)!important;color:var(--m-text)!important}
.input:focus,.inp:focus,textarea:focus,select:focus,input:focus{border-color:rgba(109,93,252,.55)!important;box-shadow:0 0 0 4px rgba(109,93,252,.10)!important}

/* Navigation and dashboards */
.app-sidebar{background:color-mix(in srgb,var(--m-surface) 96%,transparent)!important;border-inline-end:1px solid var(--m-line)!important;box-shadow:10px 0 36px rgba(26,37,62,.04)!important}
.side-brand{color:var(--m-text)!important;font-weight:850;letter-spacing:-.035em}.side-brand:after{display:none!important}.side-brand .mark,.icon-orb,.chat-ai-orb,.welcome-mark{background:linear-gradient(135deg,var(--m-brand),var(--m-brand-2))!important;box-shadow:0 8px 22px rgba(93,80,225,.22)!important}
.side-nav a{border-radius:11px!important;color:var(--m-muted)!important;margin-block:2px}.side-nav a:hover{background:rgba(109,93,252,.07)!important;color:var(--m-text)!important;transform:none!important}.side-nav a.active{background:linear-gradient(135deg,rgba(109,93,252,.13),rgba(63,124,247,.09))!important;color:var(--m-brand)!important;box-shadow:none!important}.side-nav-label{color:var(--m-subtle)!important}
.app-topbar,.admin-topbar{background:color-mix(in srgb,var(--m-bg) 88%,transparent)!important;border-bottom:1px solid var(--m-line)!important;backdrop-filter:blur(18px)}
.page-head,.dashboard-hero,.hero-card,.stat-card,.metric-card,.dash-card,.panel-card,.tool-card,.feature,.price-card,.admin-card,.admin-stat,.admin-panel{background:var(--m-surface)!important;border:1px solid var(--m-line)!important;border-radius:var(--m-radius)!important;box-shadow:var(--m-shadow-sm)!important}
.dashboard-hero:after,.hero-card:after,.page-head:after,.landing-hero:before,.hero:before{display:none!important}.stat-card:hover,.metric-card:hover,.dash-card:hover,.tool-card:hover{transform:translateY(-2px);border-color:rgba(109,93,252,.28)!important;box-shadow:var(--m-shadow)!important}
.app-content{max-width:1600px;margin-inline:auto;width:100%}

/* Compact, conversation-first chat */
body.chat-focus{overflow:hidden;background:var(--m-bg)!important}.chat-focus .app-main{height:100dvh;overflow:hidden}.chat-focus .app-topbar.chat-topbar{height:36px!important;min-height:36px!important;padding-inline:12px!important}.chat-focus .app-topbar.chat-topbar .icon-btn{width:32px!important;height:32px!important}.chat-focus .chat-topbar-brand{font-size:12px!important;gap:6px!important}.chat-focus .chat-brand-mark{width:27px!important;height:27px!important;border-radius:9px!important}.chat-focus .app-content{height:calc(100dvh - 36px)!important;padding:0!important;max-width:none!important;overflow:hidden!important}.chat-focus .context-guide-link{display:none!important}
.chat-shell.v6,.chat-shell.chat-composer-first{height:100%!important;min-height:0!important;display:grid!important;grid-template-rows:minmax(0,1fr) auto!important;background:transparent!important;position:relative!important;isolation:isolate}.chat-shell:before{background:radial-gradient(650px 280px at 50% -20%,rgba(109,93,252,.075),transparent 72%)!important}
.chat-workspace-header{display:none!important}
.chat-workspace-title{gap:8px!important}.chat-workspace-title .chat-ai-orb{width:28px!important;height:28px!important;border-radius:9px!important}.chat-workspace-title b{font-size:12.5px!important;line-height:1.2}.chat-workspace-title small{display:block!important;font-size:9.5px!important;color:var(--m-subtle)!important;margin-top:0!important}.chat-workspace-actions{gap:4px!important}.chat-workspace-actions .icon-btn{width:30px!important;height:30px!important;border-radius:9px!important}
.chat-stream{min-height:0!important;overflow:auto!important;padding:12px 0 126px!important;scrollbar-gutter:stable;background:transparent!important}.chat-inner{width:min(960px,calc(100% - 28px))!important;max-width:960px!important;margin-inline:auto!important;padding:0 6px 16px!important}.chat-welcome{width:min(760px,100%)!important;min-height:auto!important;margin:clamp(14px,4vh,34px) auto 0!important;padding:16px 8px!important}.chat-welcome>.welcome-mark{width:40px!important;height:40px!important;border-radius:13px!important;margin:0 auto 10px!important}.chat-welcome .h2,.chat-welcome h2{font-size:clamp(21px,3vw,29px)!important;margin:0 0 6px!important}.chat-welcome>p{font-size:13px!important;line-height:1.8!important;max-width:600px!important;margin:0 auto 10px!important;color:var(--m-muted)!important}.welcome-live{padding:4px 9px!important;font-size:10.5px!important;background:rgba(109,93,252,.07)!important;color:var(--m-muted)!important;border:1px solid rgba(109,93,252,.14)!important}.memory-welcome-card{display:none!important}.memory-welcome-card p{font-size:11px!important;line-height:1.65!important;margin:2px 0!important}.memory-welcome-card small{font-size:9.5px!important}.memory-welcome-icon{width:30px!important;height:30px!important}.chat-prompt-guide{display:none!important}.chat-prompt-guide summary{padding:8px 10px!important;font-size:11px!important}.suggestions{max-width:680px!important;margin:10px auto 0!important;gap:7px!important}.suggestion{min-height:42px!important;padding:9px 11px!important;border-radius:12px!important;font-size:11px!important;background:var(--m-surface)!important;border:1px solid var(--m-line)!important}
.msg{margin:12px 0!important;gap:8px!important}.msg .avatar{width:30px!important;height:30px!important;border-radius:10px!important}.msg .bubble{font-size:14px!important;line-height:1.95!important;padding:12px 14px!important;border-radius:17px!important;max-width:min(100%,900px)!important}.msg.bot .bubble{background:transparent!important;border:0!important;box-shadow:none!important;padding:4px 0 8px!important;width:100%!important}.msg.bot{grid-template-columns:30px minmax(0,1fr)!important}.msg.user{grid-template-columns:minmax(0,1fr) 30px!important;max-width:78%!important;margin-inline-start:auto!important}.msg.user .bubble{background:linear-gradient(135deg,rgba(109,93,252,.13),rgba(63,124,247,.09))!important;border:1px solid rgba(109,93,252,.18)!important;box-shadow:none!important;border-radius:17px 17px 6px 17px!important}.msg-actions{opacity:.45}.msg:hover .msg-actions{opacity:1}

.chat-composer{position:absolute!important;z-index:20!important;inset-inline:0!important;bottom:0!important;padding:5px 10px max(7px,env(safe-area-inset-bottom))!important;background:linear-gradient(180deg,transparent 0,var(--m-bg) 28%,var(--m-bg) 100%)!important;border:0!important;pointer-events:none}.composer-inner{width:min(960px,100%)!important;max-width:960px!important;margin-inline:auto!important;pointer-events:auto}.chat-context-bar{min-height:30px!important;padding:0 2px 5px!important;margin:0!important;gap:5px!important;background:transparent!important;border:0!important;box-shadow:none!important;display:flex!important;align-items:center!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none}.chat-context-bar::-webkit-scrollbar{display:none}.site-switch,.chat-source-trigger,.privacy-note,.change-auto-pill{height:28px!important;min-height:28px!important;padding:3px 8px!important;border-radius:9px!important;background:var(--m-surface)!important;border:1px solid var(--m-line)!important;box-shadow:none!important;flex:0 0 auto!important;color:var(--m-muted)!important}.site-switch>span:last-child,.change-auto-pill>span:last-child{display:flex!important;align-items:center!important;gap:4px!important}.site-switch b,.change-auto-pill b{font-size:10.5px!important}.site-switch small,.change-auto-pill small{font-size:9px!important;color:var(--m-subtle)!important}.change-auto-pill.is-active{border-color:rgba(109,93,252,.35)!important;background:rgba(109,93,252,.08)!important;color:var(--m-brand)!important}.context-picker{height:28px!important;min-height:28px!important;padding-block:0!important;font-size:10px!important;max-width:180px!important}.privacy-note{font-size:9.5px!important}.chat-change-safety{display:none!important}
.composer-box{border-radius:16px!important;border:1px solid var(--m-line)!important;background:color-mix(in srgb,var(--m-surface) 97%,transparent)!important;box-shadow:0 14px 42px rgba(25,35,58,.12)!important;padding:5px!important}.composer-box:focus-within{border-color:rgba(109,93,252,.42)!important;box-shadow:0 16px 48px rgba(25,35,58,.15),0 0 0 3px rgba(109,93,252,.075)!important}.composer-intent{display:none!important;min-height:18px!important;padding:1px 7px 3px!important;font-size:9.5px!important;gap:5px!important;color:var(--m-subtle)!important}.composer-intent>span:nth-child(2){font-size:10px!important;color:var(--m-muted)!important}.composer-intent small{font-size:9px!important}.composer-intent.is-change{display:flex!important;color:var(--m-brand)!important}.composer-intent.is-change>span:nth-child(2){color:var(--m-brand)!important}#chat-input{min-height:30px!important;height:30px;max-height:118px!important;padding:3px 8px!important;font-size:14px!important;line-height:1.7!important;border:0!important;background:transparent!important;box-shadow:none!important;resize:none!important}.composer-control-row{min-height:31px!important;padding:4px 4px 1px!important;gap:5px!important;border-top:1px solid var(--m-line)!important;flex-wrap:nowrap!important}.composer-select{height:30px!important;min-height:30px!important;border-radius:9px!important;background:var(--m-surface-2)!important}.composer-select select{height:28px!important;min-height:28px!important;font-size:10px!important;padding-inline:5px!important}.composer-select svg{width:12px!important}.model-quick{max-width:210px!important}.mode-quick{max-width:145px!important}.composer-send{width:32px!important;height:32px!important;flex:0 0 32px!important;border-radius:11px!important;margin-inline-start:auto!important}.composer-send svg{width:17px!important;height:17px!important}.chat-credit,.model-budget-pill{font-size:9.5px!important}.composer-note{font-size:8.8px!important;padding:4px 6px 0!important;color:var(--m-subtle)!important}.chat-quick-replies{padding:5px 1px 0!important;gap:5px!important}.chat-quick-reply{min-height:30px!important;padding:5px 10px!important;font-size:10px!important;border-radius:999px!important;background:rgba(109,93,252,.07)!important;border-color:rgba(109,93,252,.18)!important}

/* Admin and permission management */
.admin-sidebar{background:var(--m-surface)!important}.admin-shell,.admin-main{background:transparent!important}.admin-policy-grid,.admin-policy-locks{gap:10px!important}.admin-policy-locks span{background:var(--m-surface-2)!important;border:1px solid var(--m-line)!important;border-radius:10px!important;color:var(--m-muted)!important}.hooshi-read-access{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.hooshi-read-access span{display:flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid #dfe5ee;border-radius:10px;background:#f8fafc;color:#334155;font-size:12px}.hooshi-permission-groups{display:grid;gap:12px;margin-top:14px}.hooshi-permission-group{border:1px solid #dfe5ee;border-radius:14px;padding:13px;background:#fff}.hooshi-permission-group>h3{display:flex;align-items:center;justify-content:space-between;margin:0 0 9px;color:#25304a;font-size:13px}.hooshi-permission-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.hooshi-permission{padding:9px!important;border:1px solid #e6eaf0!important;border-radius:10px!important;background:#fafbfc!important;align-items:flex-start!important}.hooshi-permission small{display:block;color:#64748b;line-height:1.6;margin-top:2px}.hooshi-risk{display:inline-block!important;margin-top:4px!important;padding:2px 6px!important;border-radius:999px!important;font-size:9px!important;background:#eef2ff!important;color:#5145cd!important}.hooshi-risk.high{background:#fff0f3!important;color:#c9365e!important}.hooshi-risk.low{background:#eef6ff!important;color:#2764b8!important}

/* Landing and public pages */
.site-header,.landing-nav,.top-nav{background:color-mix(in srgb,var(--m-bg) 84%,transparent)!important;border-color:var(--m-line)!important;backdrop-filter:blur(18px)}.brand-logo .mark{background:linear-gradient(135deg,var(--m-brand),var(--m-brand-2))!important}.landing-hero,.hero{background:transparent!important}.suite-eyebrow,.eyebrow{color:var(--m-brand)!important}

@media(max-width:1100px){.app-content{padding-inline:16px}.chat-focus .app-content{padding:0!important}.chat-workspace-title small{display:none!important}.chat-inner{width:calc(100% - 18px)!important}.hooshi-read-access{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){
  .chat-focus .app-topbar.chat-topbar{height:34px!important;min-height:34px!important}.chat-focus .app-content{height:calc(100dvh - 34px)!important}.chat-shell.v6,.chat-shell.chat-composer-first{grid-template-rows:minmax(0,1fr) auto!important}.chat-workspace-header{height:36px!important;min-height:36px!important;padding:3px 8px!important}.chat-workspace-title .chat-ai-orb{width:25px!important;height:25px!important}.chat-workspace-actions .icon-btn{width:27px!important;height:27px!important}.chat-stream{padding:8px 0 112px!important}.chat-inner{width:calc(100% - 10px)!important;padding-inline:2px!important}.chat-welcome{margin-top:8px!important;padding-top:10px!important}.memory-welcome-card{display:none!important}.chat-prompt-guide{display:none!important}.suggestions{grid-template-columns:1fr!important}.msg{margin:9px 0!important}.msg.user{max-width:90%!important}.msg .bubble{font-size:13px!important;line-height:1.85!important}.chat-composer{padding:3px 5px max(5px,env(safe-area-inset-bottom))!important}.composer-inner{width:100%!important}.chat-context-bar{padding-bottom:3px!important}.privacy-note{display:none!important}.composer-box{border-radius:14px!important;padding:4px!important}#chat-input{font-size:16px!important;min-height:30px!important;height:30px;padding:2px 7px!important}.composer-intent{display:none!important}.composer-control-row{min-height:32px!important;padding-top:3px!important}.mode-quick{display:none!important}.model-quick{max-width:175px!important;flex:1 1 auto!important}.chat-credit,.model-budget-pill{display:none!important}.composer-send{width:32px!important;height:32px!important;flex-basis:32px!important}.composer-note{display:none!important}.hooshi-permission-grid,.hooshi-read-access{grid-template-columns:1fr!important}
}
@media(max-width:430px){.chat-welcome>.welcome-mark{width:36px!important;height:36px!important}.chat-welcome .h2,.chat-welcome h2{font-size:21px!important}.chat-welcome>p{font-size:12px!important}.site-switch small,.change-auto-pill small{display:none!important}.chat-source-trigger{padding-inline:7px!important}.composer-select.model-quick select{font-size:9.5px!important}.msg .avatar{width:27px!important;height:27px!important}.msg.bot{grid-template-columns:27px minmax(0,1fr)!important}}
@media(max-height:620px) and (orientation:landscape){.chat-focus .app-topbar.chat-topbar{display:none!important}.chat-focus .app-content{height:100dvh!important}.chat-shell.v6,.chat-shell.chat-composer-first{grid-template-rows:minmax(0,1fr) auto!important}.chat-workspace-header{height:32px!important;min-height:32px!important}.chat-stream{padding-top:5px!important}#chat-input{min-height:30px!important;max-height:72px!important}.chat-context-bar{display:none!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Status colors remain calm and premium rather than dominant green. */
.alert.ok,.status.ok,.chip.ok,.badge.ok{background:rgba(109,93,252,.09)!important;border-color:rgba(109,93,252,.20)!important;color:var(--m-brand)!important}.health-ok,.success-text{color:var(--m-brand)!important}