/* Hooshi 1.0.0 BETA — Precision UI v22
   Refined product UI outside chat. Chat layout intentionally untouched. */
:root{
  --p22-bg:#f3f5f9;--p22-surface:#fff;--p22-soft:#f7f9fc;--p22-line:#e2e7ef;
  --p22-text:#151b2b;--p22-muted:#667085;--p22-brand:#6558f5;--p22-brand2:#3d78f2;
  --p22-shadow:0 16px 45px -34px rgba(19,31,57,.35);--p22-shadow-lg:0 28px 80px -52px rgba(19,31,57,.5);
}
html[data-theme="dark"]{--p22-bg:#090d16;--p22-surface:#111826;--p22-soft:#151e2e;--p22-line:#283449;--p22-text:#f3f6fb;--p22-muted:#9da9bc;--p22-shadow:0 18px 52px -32px rgba(0,0,0,.85);--p22-shadow-lg:0 30px 88px -48px rgba(0,0,0,.95)}
body:not(.page-chat),body:not(.chat-focus){--suite-green:#5872f4;--green:#5872f4}
body:not(.page-chat) .app-main,body:not(.page-chat) .admin-main{background:linear-gradient(180deg,color-mix(in srgb,var(--p22-bg) 96%,#fff 4%),var(--p22-bg))!important}
body:not(.page-chat) .app-content{max-width:1480px!important;padding:24px clamp(18px,2.8vw,42px) 48px!important}
body:not(.page-chat) .app-sidebar{width:246px!important;padding:16px 12px!important;background:color-mix(in srgb,var(--p22-surface) 97%,transparent)!important;border-inline-end:1px solid var(--p22-line)!important;box-shadow:10px 0 46px -42px rgba(20,31,58,.5)!important}
body:not(.page-chat) .side-brand{min-height:50px;padding:7px 9px!important;border-radius:14px}
body:not(.page-chat) .side-nav{gap:2px!important}
body:not(.page-chat) .side-nav a{min-height:40px!important;padding:8px 10px!important;border-radius:11px!important;font-size:12px!important;font-weight:650!important}
body:not(.page-chat) .side-nav a.active{background:linear-gradient(135deg,rgba(101,88,245,.13),rgba(61,120,242,.08))!important;color:var(--p22-brand)!important;box-shadow:inset 0 0 0 1px rgba(101,88,245,.1)!important}
body:not(.page-chat) .app-topbar,body:not(.page-chat) .admin-topbar{min-height:58px!important;height:58px!important;padding-inline:clamp(16px,2.5vw,34px)!important;background:color-mix(in srgb,var(--p22-bg) 86%,transparent)!important;border-bottom:1px solid var(--p22-line)!important}
body:not(.page-chat) .page-head,body:not(.page-chat) .dashboard-hero,body:not(.page-chat) .admin-hero{padding:clamp(20px,2.6vw,32px)!important;border-radius:22px!important;background:linear-gradient(145deg,var(--p22-surface),color-mix(in srgb,var(--p22-soft) 88%,var(--p22-brand) 12%))!important;border:1px solid var(--p22-line)!important;box-shadow:var(--p22-shadow)!important}
body:not(.page-chat) .page-head h1,body:not(.page-chat) .dashboard-hero h1,body:not(.page-chat) .admin-hero h1{font-size:clamp(22px,2.5vw,32px)!important;letter-spacing:-.045em!important}
body:not(.page-chat) .panel,body:not(.page-chat) .premium-panel,body:not(.page-chat) .dash-card,body:not(.page-chat) .stat-card,body:not(.page-chat) .metric-card,body:not(.page-chat) .tool-card,body:not(.page-chat) .site-card,body:not(.page-chat) .app-card,body:not(.page-chat) .admin-card,body:not(.page-chat) .admin-panel{background:var(--p22-surface)!important;border:1px solid var(--p22-line)!important;border-radius:18px!important;box-shadow:var(--p22-shadow)!important}
body:not(.page-chat) .panel:hover,body:not(.page-chat) .dash-card:hover,body:not(.page-chat) .tool-card:hover,body:not(.page-chat) .site-card:hover,body:not(.page-chat) .app-card:hover{border-color:color-mix(in srgb,var(--p22-brand) 24%,var(--p22-line))!important;box-shadow:var(--p22-shadow-lg)!important;transform:translateY(-1px)}
body:not(.page-chat) .panel-head{padding-bottom:12px!important;margin-bottom:14px!important;border-bottom:1px solid color-mix(in srgb,var(--p22-line) 72%,transparent)!important}
body:not(.page-chat) .panel-head h2,body:not(.page-chat) .panel-head h3{font-size:15px!important;letter-spacing:-.025em!important}
body:not(.page-chat) .stat-card b,body:not(.page-chat) .metric-card b{font-size:clamp(20px,2.2vw,29px)!important;color:var(--p22-text)!important}
body:not(.page-chat) .btn{min-height:38px!important;padding:8px 14px!important;border-radius:11px!important;background:linear-gradient(135deg,var(--p22-brand),var(--p22-brand2))!important;box-shadow:0 10px 24px -15px rgba(83,84,230,.85)!important;font-weight:750!important}
body:not(.page-chat) .btn.ghost,body:not(.page-chat) .btn.secondary{background:var(--p22-soft)!important;color:var(--p22-text)!important;border:1px solid var(--p22-line)!important;box-shadow:none!important}
body:not(.page-chat) .inp,body:not(.page-chat) .input,body:not(.page-chat) .select,body:not(.page-chat) input,body:not(.page-chat) select,body:not(.page-chat) textarea{border-radius:11px!important;background:var(--p22-soft)!important;border:1px solid var(--p22-line)!important;box-shadow:none!important}
body:not(.page-chat) table{border-collapse:separate!important;border-spacing:0!important}
body:not(.page-chat) .adm-table-wrap,body:not(.page-chat) .table-wrap{border:1px solid var(--p22-line)!important;border-radius:15px!important;background:var(--p22-surface)!important;overflow:auto!important}
body:not(.page-chat) .adm-table th,body:not(.page-chat) table th{background:var(--p22-soft)!important;color:var(--p22-muted)!important;font-size:10.5px!important;text-transform:none!important}
body:not(.page-chat) .adm-table td,body:not(.page-chat) table td{border-bottom:1px solid color-mix(in srgb,var(--p22-line) 75%,transparent)!important}
body:not(.page-chat) .chip,body:not(.page-chat) .badge{border-radius:999px!important;border:1px solid color-mix(in srgb,var(--p22-brand) 17%,var(--p22-line))!important;background:color-mix(in srgb,var(--p22-brand) 7%,var(--p22-soft))!important;color:var(--p22-brand)!important}
body:not(.page-chat) .dashboard-grid,body:not(.page-chat) .stats-grid,body:not(.page-chat) .tools-grid{gap:14px!important}
body:not(.page-chat) .empty-state{padding:42px 24px!important;border:1px dashed color-mix(in srgb,var(--p22-brand) 24%,var(--p22-line))!important;border-radius:18px!important;background:var(--p22-soft)!important}
body:not(.page-chat) .site-header{height:66px!important;background:color-mix(in srgb,var(--p22-bg) 88%,transparent)!important}
body:not(.page-chat) .site-header .bar{min-height:66px!important}
body:not(.page-chat) .landing-hero,body:not(.page-chat) .hero{padding-block:clamp(72px,9vw,128px)!important}
body:not(.page-chat) .feature,body:not(.page-chat) .price-card{border-radius:20px!important;background:var(--p22-surface)!important;border:1px solid var(--p22-line)!important;box-shadow:var(--p22-shadow)!important}
@media(max-width:1100px){body:not(.page-chat) .app-content{padding:18px 16px 38px!important}}
@media(max-width:780px){body:not(.page-chat) .app-topbar,body:not(.page-chat) .admin-topbar{height:52px!important;min-height:52px!important}body:not(.page-chat) .app-content{padding:13px 10px 30px!important}body:not(.page-chat) .page-head,body:not(.page-chat) .dashboard-hero,body:not(.page-chat) .admin-hero{padding:18px!important;border-radius:17px!important}body:not(.page-chat) .panel,body:not(.page-chat) .premium-panel,body:not(.page-chat) .dash-card,body:not(.page-chat) .site-card,body:not(.page-chat) .app-card{border-radius:15px!important}}