:root{--brand:#0b443b;--brand2:#0d5749;--brand-soft:#e5f3ed;--ink:#192b2b;--sub:#7b8887;--line:#e7edeb;--bg:#f5f8f7;--white:#fff;--shadow:0 12px 38px rgba(23,55,48,.045);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body,button,input,select,textarea{font-family:'Vazirmatn',Tahoma,Arial,sans-serif!important}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.85;direction:rtl}button,input,textarea,select{font-size:14px;color:var(--ink)}button{cursor:pointer}a{text-decoration:none;color:inherit}h1,h2,h3,p{margin:0}h1{font-size:24px;font-weight:800;line-height:1.5}h2{font-size:17px;font-weight:800}h3{font-size:14px;font-weight:700}small{font-size:11px}svg{width:19px;height:19px;stroke-width:1.9;flex-shrink:0}input,select,textarea{width:100%;border:1px solid #dfe7e4;border-radius:11px;background:#fff;outline:0;padding:11px 13px;transition:box-shadow .2s,border-color .2s;max-width:100%}input:focus,select:focus,textarea:focus{border-color:#4a9682;box-shadow:0 0 0 3px rgba(47,135,109,.12)}textarea{resize:vertical;min-height:75px}input[type=checkbox]{width:17px;height:17px;accent-color:var(--brand);flex-shrink:0}input[type=color]{height:46px;padding:4px}input[type=datetime-local]{direction:ltr;font-size:12px}button:disabled{opacity:.5;cursor:wait}.app-shell{display:flex;min-height:100vh}.sidebar{width:255px;flex:none;background:#fff;border-left:1px solid var(--line);height:100vh;position:sticky;top:0;display:flex;flex-direction:column;padding:23px 14px;z-index:50}.brand{display:flex;align-items:center;gap:12px;padding:0 12px 30px}.brand-symbol{width:42px;height:42px;display:grid;place-items:center;background:var(--brand);color:#e8ffed;border-radius:14px;font-size:29px;font-family:Arial}.brand strong,.auth-logo b{font-size:23px;font-weight:800;display:block;line-height:1.2}.brand small,.auth-logo small{display:block;color:var(--sub);letter-spacing:-.15px;margin-top:7px}.menu-label{font-size:11px;color:#a4aaa8;padding:0 17px 10px}.sidebar nav{overflow:auto;scrollbar-width:thin;flex:1;display:flex;flex-direction:column;gap:4px}.nav-link{display:flex;align-items:center;gap:13px;padding:10px 14px;border-radius:12px;font-weight:600;color:#63716d;transition:background .18s,color .18s}.nav-link svg{width:19px;height:19px}.nav-link:hover{background:#f3f7f5;color:var(--brand)}.nav-link.active{background:var(--brand-soft);color:var(--brand);font-weight:800}.sidebar-foot{border-top:1px solid var(--line);padding:18px 7px 0;display:flex;align-items:center;gap:10px}.sidebar-foot span:not(.avatar){flex:1;min-width:0}.sidebar-foot b{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-foot small{color:var(--sub)}.sidebar-foot>a{color:var(--sub)}.avatar,.top-avatar,.list-avatar{display:grid;place-items:center;flex:none;background:#d8eee3;color:#0b6353;border-radius:13px;font-weight:800}.avatar{height:39px;width:39px}.top-avatar{height:35px;width:35px}.content-shell{min-width:0;flex:1}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 35px;background:white;border-bottom:1px solid var(--line)}.crumb{font-size:12px;color:#a0a8a5}.crumb b{color:#52605c}.crumb span{padding:0 8px}.topbar-actions{display:flex;align-items:center;gap:22px}.connection-pill{font-size:11px;color:#60726a;display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;background:#2eaf79;border-radius:50%;box-shadow:0 0 0 4px #e2f7ee}.main-content{padding:30px 34px 100px;max-width:1500px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.eyebrow{font:700 10px Arial,sans-serif;letter-spacing:2px;color:#82a39a;direction:ltr;text-align:right;margin-bottom:5px}.page-heading h1{font-size:23px}.welcome-banner{background:linear-gradient(110deg,#06342e,#0c6553);border-radius:22px;padding:31px 34px;display:flex;justify-content:space-between;color:white;overflow:hidden;position:relative;min-height:188px}.welcome-text{z-index:1;position:relative}.welcome-banner h2{font-size:26px;margin:8px 0}.welcome-banner p{color:#d0e5dd}.banner-actions{display:flex;gap:10px;margin-top:21px;flex-wrap:wrap}.hero-decoration{font:200 260px Arial;opacity:.12;position:absolute;left:55px;top:-88px;transform:rotate(-14deg)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:9px 18px;font-size:12px!important;font-weight:700;white-space:nowrap;border:1px solid transparent;line-height:1.75;gap:7px;min-height:39px;transition:transform .18s,background .18s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--brand)!important;color:white!important}.btn-primary:hover{background:#0e6150!important}.btn-soft{background:#eaf5ef!important;color:#0b6451!important}.btn-outline{background:#fff;border:1px solid #d5e1db;color:#53625a}.btn-light{background:white;color:#0d5849}.btn-outline-light{color:white;border-color:#5c9387}.btn-danger{color:#b94444;background:#fff0f0}.btn-sm{padding:4px 10px;min-height:29px}.btn-wide{width:100%}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:22px}.stat-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow)}.stat-icon{height:48px;width:48px;display:grid;place-items:center;border-radius:14px;background:#eaf5ef;color:#126a56}.stat-card span{display:block;color:var(--sub);font-size:12px}.stat-card b{display:block;font-size:26px;line-height:1.35;font-weight:800;margin-top:5px;direction:ltr;text-align:right}.dashboard-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;margin-top:20px}.panel{background:#fff;border:1px solid var(--line);padding:23px;border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;margin-bottom:20px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.panel-heading p,.panel>.hint{color:var(--sub);font-size:12px}.recent-row,.info-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #eef1ef;padding:13px 2px}.recent-row:last-child,.info-row:last-child{border-bottom:0}.list-avatar{width:42px;height:42px;border-radius:14px}.grow{flex:1;min-width:0}.recent-row b,.recent-row small,.cell-user b,.cell-user small{display:block}.recent-row small{color:#9aa5a1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.recent-row time{color:#a0aaa5;font-size:10px}.info-row{justify-content:space-between;color:var(--sub)}.info-row b{color:var(--ink);font-size:12px}.badge{display:inline-flex;align-items:center;background:#eef3f0;border-radius:7px;padding:2px 9px;font-weight:700;color:#46635b;font-size:11px}.hint{font-size:12px;color:var(--sub);margin-top:12px;line-height:2}.toolbar{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:20px}.search-form,.chat-search{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:5px 9px 5px 5px;max-width:480px;flex:1}.search-form input,.chat-search input{border:0;box-shadow:none!important;min-width:0}.search-form svg,.chat-search svg{color:#92a39e}.form-panel{max-width:1100px}.field{display:block;margin-bottom:15px}.field>span{display:block;font-size:12px;font-weight:700;margin-bottom:6px;color:#4d625a}.field small{display:block;color:var(--sub);margin-top:4px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.form-divider{font-size:13px;font-weight:800;border-top:1px solid var(--line);padding-top:17px;margin:15px 0}.check-grid{display:flex;gap:8px;flex-wrap:wrap}.check-item{border:1px solid var(--line);padding:9px 12px;display:inline-flex;gap:9px;align-items:center;border-radius:10px;font-size:12px;font-weight:600;margin:3px 0;cursor:pointer}.table-wrap{overflow:auto;margin:-2px -2px 0}table{width:100%;border-spacing:0;border-collapse:collapse;text-align:right;min-width:560px}th{font-weight:700;color:#94a09b;font-size:11px;background:#f8faf9}th,td{padding:15px 12px;border-bottom:1px solid #f0f2f1}td{font-size:12px}tr:last-child td{border:0}.cell-user{display:flex;align-items:center;gap:10px}.cell-user small{color:var(--sub);font-size:10px}.action-group{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.inline-form{display:inline-flex}.object-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.object-card{padding:18px;border:1px solid var(--line);border-radius:14px;min-width:0}.object-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e9f4ef;color:var(--brand);margin-bottom:13px}.object-card h3{font-size:14px}.object-card p{font-size:12px;color:var(--sub);margin:9px 0 14px;min-height:20px}.tag-grid{display:flex;flex-wrap:wrap;gap:12px}.tag-card{border:1px solid var(--line);border-radius:12px;padding:12px;min-width:200px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tag-card small{color:var(--sub)}.tag-color{width:12px;height:12px;border-radius:50%}.tag-card>.action-group{width:100%}.tag-pill{border-radius:12px;background:#f4f7f5;padding:3px 10px;display:inline-flex;gap:6px;align-items:center;font-size:11px}.tag-pill span{width:8px;height:8px;border-radius:50%}.tag-pills{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.profile-hero{background:#fff;border:1px solid var(--line);border-radius:18px;margin-bottom:19px;padding:27px;display:flex;align-items:center;gap:17px}.profile-avatar{display:grid;place-items:center;background:#e6f3ed;color:var(--brand);width:70px;height:70px;font-size:29px;font-weight:800;border-radius:20px}.profile-hero p{color:var(--sub);font-size:12px}.tabs{display:flex;gap:10px;margin-bottom:18px;overflow:auto}.tab{background:#fff;border:1px solid var(--line);padding:9px 16px;border-radius:10px;white-space:nowrap;font-weight:700;color:#71827c}.tab.current{background:#e5f2eb;color:var(--brand);border-color:#c8e3d3}.settings-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:19px}.settings-side .panel{margin-bottom:20px}.notice-info{background:#eff8f4;color:#2e715a;border:1px solid #d9eee5;padding:13px 16px;border-radius:12px;font-size:12px;margin-bottom:20px;line-height:2.1;overflow-wrap:anywhere}.copy-field{display:flex;gap:7px}.copy-field input{flex:1;width:0}.update-hero{background:#edf7f2;border:1px solid #d5ebe0;border-radius:18px;padding:24px;display:flex;align-items:center;gap:20px;margin-bottom:22px}.update-hero p{font-size:12px;color:#708a80}.update-icon{background:#d7eee2;border-radius:14px;color:#146a52;display:grid;place-items:center;height:52px;width:52px}.file-drop{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px;border:1px dashed #bdd8ca;border-radius:14px;background:#f9fcfa;margin-bottom:15px}.file-drop input{border:0;background:transparent;max-width:300px;font-size:11px}.empty{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:35px;text-align:center;color:var(--sub)}.empty-icon{font-size:40px;color:#bdd6cb}.toast{padding:13px 18px;border-radius:12px;margin-bottom:18px;font-size:12px;background:#e4f5ea;color:#236c49;border:1px solid #d0ebda}.toast-error,.error-message{background:#fff0f0;color:#aa3333;border-radius:10px;padding:12px;margin-bottom:14px}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:25px;background:radial-gradient(ellipse at 30% 10%,#e0efe8 0%,transparent 45%),#f6f9f7}.auth-logo{display:flex;gap:12px;align-items:center;margin-bottom:24px}.auth-card{width:100%;max-width:420px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:32px;box-shadow:0 25px 75px #15433812}.auth-card h1{font-size:23px;margin-bottom:7px}.auth-card>p{color:var(--sub);font-size:12px;margin-bottom:26px}.auth-card .btn{margin-top:10px}.auth-note{display:block;color:#899a93;text-align:center;margin-top:25px}.auth-shell .toast{max-width:420px;width:100%}.auth-shell .field{margin-bottom:19px}.chat-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:0;min-height:610px;height:calc(100vh - 193px);background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.chat-list{border-left:1px solid var(--line);min-width:0;display:flex;flex-direction:column}.chat-list-heading{padding:18px 19px 10px;display:flex;align-items:center;justify-content:space-between}.chat-list-heading span{font-size:11px;color:var(--sub)}.chat-search{margin:5px 15px 12px;flex:unset;min-height:40px;background:#f8faf9}.chat-search input{background:transparent;padding:4px}.chat-contact-scroll{overflow-y:auto;flex:1;scrollbar-width:thin}.chat-contact{display:flex;align-items:center;gap:10px;padding:14px 12px;border-bottom:1px solid #f3f5f3;transition:background .2s}.chat-contact:hover,.chat-contact.selected{background:#edf6f1}.chat-contact-main{flex:1;min-width:0}.chat-contact-main b,.chat-contact-main small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-contact-main small{color:var(--sub);font-size:11px}.chat-contact-time{font-size:9px;color:#9aada3;align-self:flex-start}.chat-main{display:flex;flex-direction:column;min-width:0;overflow:auto;background:#f9fbfa}.chat-header{height:71px;flex-shrink:0;background:white;display:flex;align-items:center;gap:12px;padding:11px 19px;border-bottom:1px solid var(--line)}.chat-header>span:nth-of-type(2){flex:1}.chat-header b,.chat-header small{display:block}.chat-header small{font-size:11px;color:var(--sub)}.chat-header>.btn{margin-right:auto}.chat-back{display:none}.chat-messages{flex:1;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:25px 25px 34px;min-height:180px}.chat-bubble{padding:12px 15px;max-width:min(78%,560px);border-radius:14px;font-size:13px;overflow-wrap:anywhere;box-shadow:0 3px 10px #142e1a0a}.chat-bubble.received{align-self:flex-start;border-top-right-radius:4px;background:white;border:1px solid #edf0ee}.chat-bubble.sent{align-self:flex-end;border-top-left-radius:4px;background:#dff4e8}.chat-bubble small{display:block;text-align:left;font-size:10px;color:#8a9c92;margin-top:4px}.chat-bubble a{text-decoration:underline;color:#006f5d;display:block;margin-top:7px}.chat-compose{padding:13px 17px;background:white;border-top:1px solid var(--line)}.compose-tools{display:flex;gap:8px;margin-bottom:9px}.compose-tools select{width:auto;max-width:50%;font-size:11px;padding:5px 10px;background:#f8faf9}.compose-send{display:flex;gap:10px;align-items:end}.compose-send textarea{min-height:49px;max-height:130px;background:#f8faf9}.send-button{height:48px;width:48px;display:grid;place-items:center;border-radius:12px;background:var(--brand);color:white;border:0;flex:none}.compose-bottom{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-top:6px;flex-wrap:wrap}.compose-bottom small{color:var(--sub)}.field-inline{font-size:11px;color:var(--sub);display:flex;align-items:center;gap:8px}.field-inline input{width:174px;padding:4px;height:32px}.compose-status{font-size:11px;color:var(--brand)}.hidden{display:none!important}.chat-placeholder{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;text-align:center}.chat-placeholder h2{font-size:20px;margin:14px 0 7px}.chat-placeholder p{color:var(--sub);max-width:320px}.placeholder-icon{height:85px;width:85px;border-radius:24px;display:grid;place-items:center;background:#e4f4eb;color:var(--brand)}.placeholder-icon svg{height:36px;width:36px}.chat-details{border-radius:0;margin:0;border:0;border-top:1px solid var(--line);background:white;max-height:250px;overflow:auto}.chat-details h3{margin:12px 0 7px}.chat-details .note{border-bottom:1px solid var(--line);padding:9px 0}.note b{font-size:11px}.note p{font-size:12px}.note small{color:var(--sub)}.chat-details .panel-heading{margin:0}.chat-details .field{max-width:550px}.chat-details .btn{min-height:35px}.mobile-toggle,.sidebar-shade,.bottom-nav{display:none}.icon-button{border:0;background:transparent;color:var(--brand);padding:7px}.template-preview{white-space:normal}
@media(max-width:1180px){.sidebar{width:230px}.main-content{padding:24px}.topbar{padding:0 24px}.stat-card{padding:14px;gap:10px}.stat-icon{width:41px;height:41px}.chat-layout{grid-template-columns:270px minmax(0,1fr)}}
@media(max-width:900px){.sidebar{position:fixed;right:-290px;top:0;bottom:0;height:100dvh;transition:right .25s;width:265px;box-shadow:-10px 0 45px #112c241a}.sidebar.open{right:0}.sidebar-shade{display:none;position:fixed;inset:0;background:#071e1ab3;z-index:45}.sidebar-shade.open{display:block}.mobile-toggle{display:inline-flex}.topbar{height:64px}.crumb{flex:1;margin-right:15px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.settings-grid{grid-template-columns:1fr}.chat-layout{height:calc(100dvh - 210px);min-height:470px}}
@media(max-width:650px){:root{--radius:15px}body{font-size:13px}.topbar{padding:0 16px}.main-content{padding:19px 13px 90px}.topbar-actions{gap:8px}.connection-pill{font-size:0}.status-dot{width:9px;height:9px}.page-heading{margin-bottom:16px}.page-heading h1{font-size:20px}.eyebrow{font-size:9px}.welcome-banner{padding:25px 22px;min-height:190px;border-radius:16px}.welcome-banner h2{font-size:23px}.welcome-banner p{font-size:12px;max-width:245px}.hero-decoration{left:-20px;font-size:220px}.stats-grid{gap:9px;margin-top:12px}.stat-card{padding:13px;border-radius:14px;align-items:flex-start;gap:10px}.stat-icon{width:37px;height:37px;flex:none}.stat-icon svg{width:17px}.stat-card span{font-size:10px}.stat-card b{font-size:23px}.dashboard-grid{margin-top:12px;gap:0}.panel{padding:17px;margin-bottom:13px;border-radius:15px}.panel-heading{margin-bottom:14px}.panel-heading h2{font-size:15px}.toolbar{gap:8px}.toolbar .btn{padding:8px 11px}.search-form{min-width:0}.search-form button{display:none}.search-form input{font-size:11px}.form-grid{grid-template-columns:1fr}.object-grid{grid-template-columns:1fr 1fr;gap:9px}.object-card{padding:13px}.action-group .btn{font-size:10px!important;padding:3px 8px}.profile-hero{padding:16px}.profile-avatar{height:55px;width:55px}.bottom-nav{display:flex;position:fixed;bottom:0;right:0;left:0;background:white;z-index:30;box-shadow:0 -5px 25px #0a2d1d11;border-top:1px solid var(--line);padding:5px 5px max(4px,env(safe-area-inset-bottom));justify-content:space-around}.bottom-item{border:0;background:none;color:#8b9d95;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;padding:6px 3px}.bottom-item span{font:600 10px 'Vazirmatn',sans-serif}.bottom-item.active{color:var(--brand)}.bottom-item.active svg{stroke-width:2.5}.chat-layout{border-radius:13px;margin:0 -13px;min-height:calc(100dvh - 195px);height:calc(100dvh - 195px);display:block;overflow:hidden}.chat-list{height:100%;border:0}.chat-main{display:none;height:100%}.chat-layout.chat-open .chat-list{display:none}.chat-layout.chat-open .chat-main{display:flex}.chat-header{padding:10px 12px;height:62px}.chat-header>.btn{font-size:10px!important;max-width:100px;overflow:hidden;text-overflow:ellipsis}.chat-back{display:inline-flex}.chat-contact{padding:13px}.chat-messages{padding:19px 13px}.chat-bubble{max-width:87%}.compose-tools{margin-bottom:7px}.chat-compose{padding:10px}.compose-bottom small{display:none}.chat-details{max-height:190px;padding:13px}.auth-card{padding:24px 19px}.update-hero{padding:17px}.copy-field{flex-direction:column}.copy-field input{width:100%}}
@media(max-width:380px){.object-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{flex-direction:column}.hero-decoration{opacity:.06}.banner-actions .btn{padding:6px 10px}}

.nav-submenu{display:flex;flex-direction:column;padding:0 50px 6px 0;gap:4px}.nav-submenu a{font-size:11px;color:#88988e;padding:3px 0}.nav-submenu a:hover{color:#0b443b}details.panel summary{cursor:pointer}details.panel>form{padding-top:15px}

/* RABOTIN 1.2 — neutral identity, refined dashboard and mobile-first controls */
:root{--brand:#283858;--brand2:#425579;--brand-soft:#edf1f8;--ink:#202a3b;--sub:#748098;--line:#e6eaf1;--bg:#f5f7fb;--shadow:0 10px 38px rgba(31,48,81,.055)}
.brand-symbol{background:#27344a!important;color:#fff!important;border-radius:13px!important;font-size:23px!important;font-weight:800!important;font-family:Arial,sans-serif!important;line-height:1!important;box-shadow:none!important}
.auth-logo .brand-symbol,.brand .brand-symbol{transform:none!important;animation:none!important}
.status-dot{background:#7b889b!important;box-shadow:0 0 0 4px #edf0f4!important}
.brand-symbol,.stat-icon,.object-icon,.update-icon,.placeholder-icon{filter:none!important}
.stat-icon,.object-icon,.placeholder-icon{background:#edf1f8!important;color:#364a71!important}
.welcome-banner,.dashboard-welcome{background:linear-gradient(112deg,#23314c,#425579)!important;box-shadow:0 14px 30px rgba(30,48,78,.1);border:1px solid #465875}
.welcome-banner p,.dashboard-welcome p{color:#e0e8f4!important}
.hero-decoration{font-size:90px;top:20px;left:46px;opacity:.17;transform:none}.hero-decoration svg{width:150px;height:150px;stroke-width:1}
.chat-bubble.sent{background:#e9eef9}.chat-contact:hover,.chat-contact.selected{background:#f0f3fa}.avatar,.top-avatar,.list-avatar{background:#eaf0fa;color:#344b73}
.dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:17px}.dashboard-stat{min-height:118px;box-shadow:var(--shadow);border:1px solid var(--line);background:#fff}.dashboard-stat b{font-variant-numeric:tabular-nums}.dashboard-grid-v2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:17px}.dashboard-grid-v2 .panel{min-height:290px}
.quick-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:21px}.quick-actions .btn{border-radius:11px;background:#fff!important;color:#263b60!important;border:1px solid #ffffff65;min-height:38px;font-weight:700}
.activity-chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));height:215px;gap:9px;margin-top:15px;align-items:end}
.chart-day{height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;min-width:0;gap:8px}.chart-day small{font:600 10px Vazirmatn,sans-serif;color:var(--sub);white-space:nowrap}.chart-bars{width:100%;height:174px;display:flex;justify-content:center;align-items:end;gap:5px;background:repeating-linear-gradient(to top,#eef1f6 0,#eef1f6 1px,transparent 1px,transparent 42px);border-bottom:1px solid #d9e0ec}.chart-bar{width:18px;max-width:40%;min-height:3px;border-radius:7px 7px 2px 2px;transition:height .2s}.chart-in{background:#a7b7d2}.chart-out{background:#445a83}.chart-legend{display:flex;gap:15px;color:var(--sub);font-size:11px}.chart-legend>span{display:flex;align-items:center;gap:6px}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot-in{background:#a7b7d2}.dot-out{background:#445a83}
.dashboard-status .info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.info-grid>div{padding:12px 14px;border-radius:12px;background:#f7f9fc;min-width:0}.info-grid span{display:block;font-size:11px;color:var(--sub)}.info-grid b{display:block;font-size:13px;overflow-wrap:anywhere}
.permission-section{margin-top:24px;padding-top:21px;border-top:1px solid var(--line)}.permission-section h3{font-size:15px;margin-bottom:9px}.permission-section .panel-heading{margin-bottom:10px}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.permission-option{background:#f9faff;border:1px solid #e8edf6;border-radius:11px;padding:10px;display:flex;gap:8px;align-items:flex-start;font-size:11px;cursor:pointer}.permission-option input{flex:none;margin-top:4px}
.scope-list{display:flex;flex-direction:column;gap:6px}.scope-row{display:grid;grid-template-columns:minmax(0,1fr) 110px 110px;gap:6px;align-items:center;border:1px solid #e9edf4;border-radius:10px;padding:10px 13px;background:#fff}.scope-row strong{font-size:12px}.scope-row label{font-size:11px;white-space:nowrap;display:flex;gap:5px;align-items:center}.scope-row input{width:16px;height:16px;flex:none}
.auth-card input{font-size:16px!important}.brand-symbol::after{content:none!important}
.nav-link.active{background:#edf1f8!important;color:#263858!important}
.btn-primary,.send-button{background:#2c3d5d!important;color:white!important}.btn-soft{background:#edf1f8!important;color:#2b3c5c!important}.eyebrow{color:#75849c}
@media(max-width:1040px){.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-status .info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.dashboard-stat{min-height:110px;padding:13px!important}.dashboard-grid-v2{grid-template-columns:1fr;gap:0}.activity-chart{height:178px}.chart-bars{height:135px}.chart-bar{width:13px}.dashboard-welcome{min-height:190px}.dashboard-welcome h2{font-size:20px}.quick-actions{margin-top:14px;gap:6px}.quick-actions .btn{font-size:10px!important;min-height:32px;padding:5px 10px}.permission-grid{grid-template-columns:1fr}.scope-row{grid-template-columns:minmax(0,1fr) 68px 68px;padding:10px}.scope-row label{font-size:10px}.dashboard-status .info-grid{grid-template-columns:1fr 1fr}.hero-decoration{top:50px;left:-35px}.hero-decoration svg{height:110px;width:110px}.dashboard-grid-v2 .panel{min-height:auto}}
@media(max-width:360px){.scope-row{grid-template-columns:1fr 65px 65px}.chart-day small{font-size:9px}}

/* 1.2.1: compact sidebar with no separate scroll area */
.sidebar{overflow:hidden!important;padding:15px 12px!important;}
.sidebar nav{overflow:visible!important;overflow-y:visible!important;scrollbar-width:none!important;min-height:0;gap:1px!important;}
.sidebar nav::-webkit-scrollbar{display:none!important;}
.sidebar .brand{padding:3px 9px 13px!important;min-height:58px;}
.sidebar .brand strong{font-size:22px;overflow-wrap:anywhere;}
.sidebar .brand small{font-size:10px;line-height:1.4;max-width:200px;}
.sidebar .menu-label{padding:2px 13px 7px!important;}
.sidebar .nav-link{padding:7px 12px!important;min-height:37px;gap:10px!important;font-size:12px;}
.sidebar .nav-link svg{width:17px;height:17px;}
.sidebar .sidebar-foot{padding:10px 6px 0!important;min-height:52px;}
.nav-settings{margin:0;padding:0;flex:none;}
.nav-settings>summary{cursor:pointer;list-style:none;user-select:none;}
.nav-settings>summary::-webkit-details-marker{display:none;}
.nav-settings>summary .nav-chevron{margin-right:auto;width:15px;height:15px;transition:transform .2s;}
.nav-settings[open]>summary .nav-chevron{transform:rotate(180deg);}
.nav-settings .nav-submenu{padding:3px 33px 6px 0!important;gap:2px;}
.nav-settings .nav-sub-link{display:block;border-radius:8px;padding:5px 9px;font-size:11px;}
.nav-settings .nav-sub-link:hover,.nav-settings .nav-sub-link.current{background:var(--brand-soft);color:var(--brand);}
.auth-logo{justify-content:center;text-align:center;}
.auth-logo .brand-symbol,.brand>.brand-symbol{display:none!important;}
.user-picker{padding:16px 20px!important;margin-bottom:14px;}
.user-picker .field{max-width:560px;}
.user-picker .hint{margin:3px 0 0;}
.profile-security-note{margin-top:10px;background:var(--bg);border-radius:12px;padding:12px 14px;}
.profile-security-note p{margin-bottom:10px;font-size:12px;color:var(--sub);}
@media(max-height:770px){.sidebar{padding-top:8px!important;padding-bottom:8px!important}.sidebar .nav-link{min-height:31px;padding:4px 10px!important}.sidebar .brand{min-height:43px;padding-bottom:7px!important}.sidebar .brand strong{font-size:18px}.sidebar .brand small{margin-top:0}.sidebar .sidebar-foot{min-height:43px;padding-top:5px!important}.nav-settings .nav-sub-link{padding:2px 7px}}
@media(max-width:900px){.sidebar{width:min(300px,86vw)!important;max-height:100dvh;}.sidebar nav{flex:1;}.nav-settings{flex-shrink:0;}}
@media(max-width:650px){.user-picker{padding:13px!important}.profile-security-note{padding:11px}}

@media(max-width:650px) and (max-height:700px){.sidebar .nav-link{min-height:29px;padding:3px 10px!important}.sidebar .sidebar-foot{min-height:38px}.sidebar .menu-label{display:none}.sidebar .brand{min-height:40px}.nav-settings .nav-submenu{padding:0 28px 0 0!important}}

/* Chat scrolling hotfix — DirectAdmin / desktop / touch devices.
   Keep grid children inside the chat viewport instead of letting their
   min-content height expand the clipped grid row. */
.chat-layout{grid-template-rows:minmax(0,1fr)}
.chat-layout>.chat-list,.chat-layout>.chat-main{min-height:0;max-height:100%}
.chat-list{overflow:hidden}
.chat-list-heading,.chat-search,.chat-header,.chat-compose{flex-shrink:0}
.chat-contact-scroll{
  flex:1 1 0%;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;
  overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;
}
.chat-main{overflow:hidden}
.chat-messages{
  flex:1 1 0%;min-height:0;overflow-x:hidden;overflow-y:auto;
  overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;
}
.chat-messages>.chat-bubble,.chat-messages>.empty,.chat-messages>.chat-placeholder{flex-shrink:0}
.chat-details{flex-shrink:0;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}
@media(max-width:650px){
  .chat-layout>.chat-list,.chat-layout>.chat-main{height:100%;min-height:0}
  .chat-details{max-height:clamp(70px,16dvh,160px)}
}