@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{--navy:#102f3d;--navy-2:#173f4d;--petrol:#176f70;--petrol-dark:#115b5f;--mint:#e8f4f1;--ink:#1d343e;--muted:#7c9098;--line:#e7edef;--page:#f4f7f8;--surface:#fff;--shadow:0 12px 34px rgba(19,48,60,.055);--radius:16px;--sidebar-width:286px}
*{box-sizing:border-box}html{min-width:320px;background:var(--page);scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font-family:Vazirmatn,Tahoma,sans-serif;font-size:13px}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:78px;flex:0 0 78px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 26px;background:var(--navy);color:#fff;box-shadow:0 4px 18px rgba(8,31,41,.12);position:relative;z-index:30}.topbar-start,.topbar-actions,.brand,.user-chip{display:flex;align-items:center}.topbar-start{gap:14px;min-width:245px}.brand{gap:11px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#38a69a,#176f70);color:#efffff;font-size:24px;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}.brand-copy{display:flex;flex-direction:column;gap:2px}.brand-copy strong{font-size:17px;letter-spacing:.3px}.brand-copy strong small{font-size:10px;color:#a8c9c9;letter-spacing:1px}.brand-copy>span{font-size:9px;color:#b4c8ce}.topbar-context{display:flex;align-items:center;gap:10px;flex:1;justify-content:center}.context-select{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.055);white-space:nowrap}.context-select span{font-size:9px;color:#a9c0c7}.context-select select{max-width:180px;border:0;outline:0;background:transparent;color:#f4fbfc;font-size:10px;cursor:pointer}.context-select option{color:#203943}.topbar-actions{gap:10px}.topbar-date{color:#b8cbd0;font-size:10px;white-space:nowrap;margin-left:5px}.icon-button{position:relative;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:10px;color:#d2e1e5;background:transparent}.icon-button:hover{background:rgba(255,255,255,.09)}.notification-dot{position:absolute;top:7px;right:7px;width:6px;height:6px;border-radius:50%;background:#eab56c;border:1px solid var(--navy)}.user-chip{gap:9px;padding:5px 9px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.055);color:white;text-align:right}.avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#287d7a;color:#fff;font-weight:700}.user-copy{display:flex;flex-direction:column;gap:1px}.user-copy strong{font-size:10px;font-weight:600}.user-copy small{font-size:9px;color:#a9c0c7}.user-chip .chevron{width:14px;height:14px;color:#9eb8bf}.login-shortcut{font-size:10px;color:#d3ebe7;border-bottom:1px dashed #8ebeb8;padding-bottom:2px;white-space:nowrap}.mobile-menu-button{display:none}
.workspace{flex:1;display:flex;min-height:0}.sidebar{width:var(--sidebar-width);flex:0 0 var(--sidebar-width);display:flex;flex-direction:column;padding:19px 13px 14px;background:#fff;border-left:1px solid var(--line);min-height:calc(100vh - 128px);max-height:calc(100vh - 128px);position:sticky;top:0;overflow:hidden}.sidebar-topline{display:flex;align-items:center;justify-content:space-between;padding:1px 11px 13px}.sidebar-caption{color:#96a6ac;font-size:10px;font-weight:700}.system-status{display:flex;align-items:center;gap:6px;color:#79918e;font-size:9px}.system-status i,.welcome-meta i{width:6px;height:6px;border-radius:50%;background:#39b488;box-shadow:0 0 0 4px #eaf7f1}.sidebar-search{display:flex;align-items:center;gap:8px;padding:0 10px;height:39px;border:1px solid #e9eff0;border-radius:10px;background:#f9fbfb;margin:0 2px 12px;color:#9aabb0}.sidebar-search svg{width:16px;height:16px;flex:none}.sidebar-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:10px}.sidebar-search input::placeholder{color:#a3b0b4}.sidebar-search kbd{font-family:inherit;font-size:8px;color:#a4b0b5;background:#fff;border:1px solid #e9eff0;border-radius:4px;padding:2px 4px;white-space:nowrap}.main-nav{overflow:auto;flex:1;padding:0 1px 10px;scrollbar-width:thin;scrollbar-color:#dce6e8 transparent}.nav-link,.nav-group-toggle{width:100%;min-height:37px;display:flex;align-items:center;gap:10px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:#647b83;font-size:10px;text-align:right;transition:background .16s,color .16s}.nav-link:hover,.nav-group-toggle:hover{background:#f4f8f8;color:var(--petrol)}.nav-link.is-active{background:#eaf5f2;color:#126b6b;font-weight:700;box-shadow:inset -3px 0 0 #258b83}.nav-dashboard{margin-bottom:8px;min-height:42px}.nav-icon{width:20px;height:20px;display:grid;place-items:center;color:#8ca1a7;flex:none}.nav-icon svg{width:18px;height:18px}.nav-link.is-active .nav-icon,.nav-group-toggle:hover .nav-icon{color:#23847e}.nav-end-dot{margin-right:auto;width:5px;height:5px;border-radius:50%;background:#2e9c8b;opacity:0}.nav-link.is-active .nav-end-dot{opacity:1}.nav-group{margin:2px 0}.nav-group-toggle{font-weight:700;color:#435c65;min-height:40px}.nav-group-toggle .group-chevron{width:14px;height:14px;margin-right:auto;color:#a6b4b8;transition:transform .2s}.nav-group-toggle[aria-expanded="true"] .group-chevron{transform:rotate(180deg)}.nav-group-items{display:none;padding:2px 0 5px 0}.nav-group.is-open .nav-group-items{display:block}.nav-group-items .nav-link{min-height:34px;padding-right:41px;font-size:9.5px;position:relative}.nav-group-items .nav-link:before{content:"";position:absolute;right:21px;width:4px;height:4px;border-radius:50%;background:#c4d0d3}.nav-group-items .nav-link.is-active:before{background:#23847e}.nav-subheading{padding:9px 41px 3px;color:#a0afb4;font-size:8px;font-weight:700}.sidebar-bottom{display:flex;align-items:center;gap:9px;margin-top:10px;padding:11px 9px;border:1px solid #e8efef;border-radius:12px;background:#fbfdfd;flex:none}.help-badge{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#eaf4f2;color:#1b7775}.help-badge svg{width:17px;height:17px}.sidebar-bottom>div:nth-child(2){display:flex;flex-direction:column;gap:3px}.sidebar-bottom strong{font-size:9px}.sidebar-bottom small{font-size:8px;color:#94a4a9}.help-arrow{font-size:20px;color:#9aabb0;margin-right:auto}
.main-area{flex:1;min-width:0;padding:27px 30px 38px}.page-container{width:100%;max-width:1600px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px}.breadcrumbs{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#99a8ad;font-size:9px}.breadcrumbs strong{color:#647a82;font-weight:600}.breadcrumb-separator{color:#c4ced1}.page-heading h1{margin:0 0 4px;color:#193943;font-size:21px;font-weight:800}.page-description{margin:0;color:#87999f;font-size:10px}.heading-actions{display:flex;align-items:center;gap:9px}.date-filter{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid #e5ecee;border-radius:9px;background:#fff;color:#748990;font-size:9px}.date-filter svg{width:14px;height:14px;color:#7c969c}.button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:0;border-radius:10px;font-size:10px;font-weight:700;transition:.16s}.button svg{width:15px;height:15px}.button-primary{background:var(--petrol);color:#fff;box-shadow:0 5px 13px rgba(23,111,112,.15)}.button-primary:hover{background:var(--petrol-dark);transform:translateY(-1px)}.button-light{background:#fff;color:#526b73;border:1px solid var(--line)}
.welcome-banner{min-height:174px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;padding:27px 32px;border-radius:18px;background:linear-gradient(105deg,#103441 0%,#174f56 62%,#1d7471 100%);color:#fff;box-shadow:0 12px 26px rgba(19,66,73,.12)}.welcome-text{position:relative;z-index:2}.eyebrow{display:inline-block;margin-bottom:10px;color:#9dd0c8;font-size:8px;font-weight:700;letter-spacing:1.5px}.welcome-text h2{margin:0 0 8px;font-size:21px;font-weight:800}.welcome-text p{margin:0;color:#c3d9d9;font-size:10px}.welcome-meta{display:flex;gap:20px;margin-top:19px;color:#b6d1d0;font-size:9px}.welcome-meta span{display:flex;align-items:center;gap:8px}.welcome-meta i{width:6px;height:6px;box-shadow:0 0 0 3px rgba(74,190,153,.13)}.banner-graphic{position:absolute;left:2%;top:-45px;width:330px;height:270px;opacity:.9}.banner-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(200,255,247,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(200,255,247,.07) 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(circle,black,transparent 72%)}.banner-monogram{position:absolute;left:123px;top:88px;width:92px;height:92px;display:grid;place-items:center;border:1px solid rgba(220,255,250,.45);border-radius:50%;background:linear-gradient(145deg,rgba(64,169,157,.45),rgba(10,57,67,.5));box-shadow:0 0 0 13px rgba(218,255,249,.045),0 0 0 28px rgba(218,255,249,.035);font-size:49px;font-weight:800;color:#d9f3ef}.orb{position:absolute;border:1px solid rgba(210,255,248,.28);border-radius:50%}.orb-a{width:180px;height:180px;left:80px;top:48px}.orb-b{width:260px;height:260px;left:40px;top:8px}.orb-c{width:310px;height:310px;left:15px;top:-16px;border-style:dashed;opacity:.6}
.section-heading{display:flex;align-items:center;justify-content:space-between;margin:25px 0 13px}.section-heading h2{margin:0 0 3px;font-size:13px;color:#29434c}.section-heading p{margin:0;font-size:9px;color:#9aa9ae}.text-action{border:0;background:transparent;color:#2a8580;font-size:9px}.text-action span{font-size:15px;margin-right:3px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric-card{padding:15px 16px 13px;border:1px solid #e9eff0;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(19,48,60,.025)}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#778c93;font-size:9px}.metric-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;font-size:15px}.metric-icon.teal{color:#23827b;background:#e8f5f1}.metric-icon.amber{color:#bf8c3e;background:#fbf3e7}.metric-icon.blue{color:#4e84b3;background:#edf4fa}.metric-icon.violet{color:#7c70ad;background:#f1eff9}.metric-card strong{display:block;margin:8px 0 2px;color:#203e48;font-size:24px;letter-spacing:.3px}.metric-card small{font-size:8px;color:#a1afb3}
.dashboard-columns{display:grid;grid-template-columns:1.05fr .95fr;gap:14px;margin-top:15px}.surface-card{background:#fff;border:1px solid #e8eef0;border-radius:15px;box-shadow:0 5px 18px rgba(19,48,60,.025);padding:17px}.card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-heading h3{margin:0 0 3px;color:#29434c;font-size:12px}.card-heading p{margin:0;color:#9ba9ae;font-size:8px}.heading-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#f5f8f8;color:#91a3a8}.heading-icon svg{width:16px}.quick-access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.quick-access-grid>a{display:flex;align-items:center;gap:9px;min-width:0;padding:10px 9px;border:1px solid #edf1f2;border-radius:11px;transition:.15s}.quick-access-grid>a:hover,.module-overview-list>a:hover{border-color:#cfe4df;background:#fbfefd}.quick-symbol{width:33px;height:33px;display:grid;place-items:center;flex:none;border-radius:10px}.quick-symbol svg{width:17px;height:17px}.quick-teal{color:#25817b;background:#e9f5f1}.quick-amber{color:#b88841;background:#fbf3e8}.quick-blue{color:#4d80b0;background:#eef4fa}.quick-violet{color:#8174b3;background:#f1eff9}.quick-green{color:#41916b;background:#edf7f0}.quick-pink{color:#a66a94;background:#f8eff5;font-size:18px}.quick-access-grid>a>span:nth-child(2),.module-overview-list>a>span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0}.quick-access-grid b,.module-overview-list b{font-size:9px;color:#425d66;font-weight:700}.quick-access-grid small,.module-overview-list small{font-size:8px;color:#9aabb0;white-space:nowrap}.quick-arrow{width:13px;height:13px;margin-right:auto;flex:none;color:#a9b9bd;transform:rotate(180deg)}.soft-tag{padding:5px 8px;border-radius:7px;background:#edf6f3;color:#48887d;font-size:8px}.module-overview-list{display:flex;flex-direction:column}.module-overview-list>a{display:flex;align-items:center;gap:9px;padding:9px 4px;border-bottom:1px solid #f0f3f4}.module-overview-list>a:last-child{border-bottom:0}.overview-icon{width:31px;height:31px;display:grid;place-items:center;flex:none;border-radius:9px;background:#f0f6f5;color:#478780}.overview-icon svg{width:16px;height:16px}.module-overview-list em{margin-right:auto;color:#a2b0b4;font-size:8px;font-style:normal;white-space:nowrap}.setup-note{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 15px;background:#f9fcfb}.setup-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:#e8f4f0;color:#2b8178;flex:none}.setup-icon svg{width:18px}.setup-note b{font-size:9px;color:#42616a}.setup-note p{margin:3px 0 0;color:#8da0a5;font-size:8px}.version-chip{margin-right:auto;padding:5px 8px;border-radius:6px;border:1px solid #e4edeb;color:#829994;font-size:8px;white-space:nowrap}
.module-page-heading{margin-bottom:20px}.module-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:330px;padding:35px;text-align:center;border:1px dashed #cfdcde;border-radius:16px;background:rgba(255,255,255,.72)}.module-placeholder-icon{width:62px;height:62px;display:grid;place-items:center;margin-bottom:14px;border-radius:18px;background:#eaf5f2;color:#27847d}.module-placeholder-icon svg{width:28px;height:28px}.module-placeholder h2{margin:0 0 7px;color:#29434c;font-size:16px}.module-placeholder p{max-width:540px;margin:0;color:#8fa0a5;font-size:10px;line-height:2}.module-placeholder .module-code{margin-top:16px;padding:5px 9px;border-radius:7px;background:#f1f5f5;color:#82969c;font-size:9px;direction:ltr}
.footer{min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 28px;border-top:1px solid #e8edef;background:#fff;color:#9aa8ad;font-size:9px}.footer b{color:#52756f;font-weight:700}.footer-product{color:#7e9399}
.login-layout{min-height:calc(100vh - 205px);display:grid;grid-template-columns:1fr 430px;align-items:stretch;gap:30px;padding:28px 5%;border:1px solid #e9eff0;border-radius:18px;background:#fff;box-shadow:var(--shadow)}.login-aside{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;min-height:470px;padding:35px;border-radius:15px;background:linear-gradient(145deg,#103440,#1b6d6d);color:#fff}.login-aside h1{max-width:420px;margin:0 0 12px;font-size:27px;line-height:1.7}.login-aside>p{max-width:420px;color:#c1d8d8;font-size:11px;line-height:2}.login-art{position:absolute;left:5%;bottom:6%;width:300px;height:220px;opacity:.75}.login-art-circle{position:absolute;border:1px solid rgba(226,255,250,.27);border-radius:50%}.login-art .c1{width:150px;height:150px;left:70px;top:30px}.login-art .c2{width:205px;height:205px;left:42px;top:3px}.login-art .c3{width:270px;height:270px;left:10px;top:-30px;border-style:dashed}.login-art>b{position:absolute;left:121px;top:74px;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:rgba(216,255,248,.12);font-size:30px}.login-aside-foot{position:absolute;right:35px;bottom:22px;color:#9dc6c3;font-size:8px;letter-spacing:1px}.login-card{align-self:center;display:flex;flex-direction:column;width:100%;max-width:360px;margin:auto;padding:25px 0}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:23px}.login-brand>div{display:flex;flex-direction:column;gap:3px}.login-brand b{font-size:13px;color:#2b4650}.login-brand small{font-size:9px;color:#91a1a6}.login-card h2{margin:0 0 4px;color:#203e48;font-size:20px}.login-subtitle{margin:0 0 23px;color:#91a1a6;font-size:10px}.login-card>label{margin:0 0 7px;color:#5d747c;font-size:10px;font-weight:600}.login-card>input,.password-wrap input{width:100%;height:43px;padding:0 12px;border:1px solid #e5ecee;border-radius:9px;background:#fbfcfc;color:#28434c;outline:0;font-size:10px}.login-card>input:focus,.password-wrap input:focus{border-color:#6fb2a7;box-shadow:0 0 0 3px #eaf5f2}.login-card>input{margin-bottom:16px}.password-wrap{position:relative;margin-bottom:13px}.password-wrap input{padding-left:42px}.password-wrap button{position:absolute;left:7px;top:5px;width:32px;height:32px;border:0;border-radius:7px;background:transparent;color:#81969b}.login-options{display:flex;align-items:center;justify-content:space-between;margin:1px 0 19px;color:#84969b;font-size:9px}.remember{display:flex;align-items:center;gap:6px}.remember input{accent-color:var(--petrol)}.login-options a{color:#2e8781}.login-submit{height:44px;width:100%;justify-content:space-between;padding:0 15px}.login-feedback{margin:13px 0 0;color:#9aabad;font-size:8px;line-height:1.9}.is-login .sidebar{display:none}.is-login .main-area{width:100%;padding:25px 4%}.is-login .workspace{background:#f5f8f8}.is-login .page-container{max-width:1250px}
.toast{position:fixed;z-index:100;bottom:22px;left:24px;max-width:min(420px,calc(100vw - 32px));padding:12px 16px;border:1px solid #d8e9e5;border-radius:11px;background:#fff;color:#315d5d;box-shadow:0 12px 30px rgba(16,48,58,.14);font-size:10px;line-height:1.8;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1250px){:root{--sidebar-width:260px}.topbar{padding:0 18px;gap:12px}.topbar-start{min-width:200px}.context-select{padding:6px 8px}.context-select select{max-width:130px}.main-area{padding:24px 22px}.metric-grid{gap:9px}.dashboard-columns{grid-template-columns:1fr 1fr}}
@media(max-width:1000px){.topbar-context{display:none}.topbar-start{flex:1}.topbar-actions{margin-right:auto}.sidebar{width:270px;flex-basis:270px}.dashboard-columns{grid-template-columns:1fr}.module-overview-list{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}.module-overview-list>a:nth-last-child(2){border-bottom:0}.login-layout{grid-template-columns:1fr 370px;gap:20px;padding:20px}}
@media(max-width:760px){.topbar{height:66px;flex-basis:66px;padding:0 12px}.mobile-menu-button{display:grid}.topbar-start{min-width:0;gap:8px}.brand-mark{width:37px;height:37px}.brand-copy strong{font-size:15px}.brand-copy>span{font-size:8px}.topbar-date,.top-action,.user-copy,.user-chip .chevron{display:none}.topbar-actions{gap:5px}.user-chip{padding:3px;border:0;background:transparent}.avatar{width:34px;height:34px}.login-shortcut{font-size:9px}.workspace{position:relative}.sidebar{position:fixed;z-index:40;top:66px;right:0;bottom:0;width:min(310px,86vw);max-height:none;min-height:0;transform:translateX(105%);box-shadow:none;transition:transform .22s ease}.sidebar.is-open{transform:translateX(0);box-shadow:-12px 0 35px rgba(17,46,56,.13)}.main-area{padding:19px 14px 27px}.page-heading{align-items:flex-start;flex-direction:column}.heading-actions{width:100%;flex-wrap:wrap}.welcome-banner{min-height:180px;padding:22px 20px}.welcome-text h2{max-width:80%;font-size:18px}.welcome-text p{max-width:75%;line-height:1.9}.banner-graphic{left:-90px;opacity:.55}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric-card{padding:12px}.metric-card strong{font-size:20px}.dashboard-columns{grid-template-columns:1fr}.quick-access-grid{grid-template-columns:1fr 1fr}.module-overview-list{grid-template-columns:1fr}.module-overview-list>a:nth-last-child(2){border-bottom:1px solid #f0f3f4}.footer{padding:12px 14px;flex-wrap:wrap;justify-content:center;text-align:center;gap:6px 14px}.footer-product{display:none}.is-login .main-area{padding:15px}.login-layout{grid-template-columns:1fr;min-height:0;padding:13px;gap:8px}.login-aside{min-height:190px;padding:22px}.login-aside h1{font-size:20px;max-width:75%}.login-aside>p{font-size:9px;max-width:75%;margin-bottom:0}.login-art{width:160px;height:150px;left:-5%;bottom:-15%}.login-art .c1{width:90px;height:90px;left:35px;top:25px}.login-art .c2{width:125px;height:125px;left:18px;top:8px}.login-art .c3{width:160px;height:160px;left:0;top:-10px}.login-art>b{left:65px;top:55px;width:35px;height:35px;font-size:20px}.login-aside-foot{display:none}.login-card{padding:20px 9px}.setup-note{align-items:flex-start}.version-chip{display:none}}
@media(max-width:420px){.login-shortcut{display:none}.brand-copy>span{max-width:150px;white-space:nowrap}.quick-access-grid{grid-template-columns:1fr}.date-filter{font-size:8px}.heading-actions .button{flex:1}.metric-card small{font-size:7px}.welcome-meta{gap:9px;flex-direction:column}.welcome-text h2,.welcome-text p{max-width:92%}}

/* NARA CORE: حالت ورود و کنترل‌های نشست */
.is-login .topbar-context,
.is-login .topbar-actions { display: none !important; }
.logout-shortcut {
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 9px;
  background: rgba(255,255,255,.07);
  color: #e8f3f4;
  padding: 8px 12px;
  font: inherit;
  font-size: 10px;
  cursor: pointer;
}
.logout-shortcut:hover { background: rgba(255,255,255,.14); }
.module-placeholder { text-align: center; }
.module-placeholder h2 { color: var(--navy, #173b46); }
.module-placeholder p { max-width: 720px; margin: 12px auto; line-height: 2; }
.login-submit:disabled { opacity: .65; cursor: wait; }
.page-loading { padding: 32px; text-align: center; color: #71868d; }
@media (max-width:760px) {
  .logout-shortcut { padding: 6px 8px; font-size: 9px; }
}

/* ========================================================================
   NARA ERP · Company Settings Page
   سبک‌های اختصاصی صفحه اطلاعات شرکت؛ کلاس‌ها عمداً با پیشوند company- جدا شده‌اند.
   ======================================================================== */
.company-settings-page { display: flex; flex-direction: column; gap: 20px; }
.company-settings-page .page-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; }
.company-settings-page .page-heading h1 { margin: 7px 0 5px; color: #183847; font-size: clamp(21px, 2vw, 27px); font-weight: 800; }
.company-settings-page .page-description { margin: 0; color: #71838d; font-size: 13px; }
.company-settings-page .breadcrumbs { display: flex; align-items: center; gap: 9px; color: #8999a1; font-size: 11px; }
.company-settings-page .breadcrumbs strong { color: #2c5966; font-weight: 700; }
.company-status-pill { display: inline-flex; align-items: center; gap: 7px; padding: 8px 12px; border: 1px solid #d9ece6; border-radius: 999px; color: #16785e; background: #f1faf6; font-size: 11px; font-weight: 700; white-space: nowrap; }
.company-status-pill i { width: 7px; height: 7px; border-radius: 50%; background: #24a47e; }
.company-status-pill.is-inactive { border-color: #f0d5d5; color: #a74444; background: #fff6f6; }
.company-status-pill.is-inactive i { background: #c85c5c; }
.company-settings-summary { display: flex; align-items: center; gap: 15px; padding: 18px 20px; border: 1px solid #dfe9ec; border-radius: 15px; background: linear-gradient(110deg, #f8fbfc 0%, #f2f8f8 100%); }
.company-summary-icon { display: grid; place-items: center; flex: 0 0 52px; width: 52px; height: 52px; border-radius: 14px; color: #fff; background: linear-gradient(145deg, #164557, #287d83); font-size: 26px; font-weight: 800; box-shadow: 0 7px 18px #17465724; }
.company-summary-copy { display: flex; flex: 1; min-width: 0; flex-direction: column; gap: 4px; }
.company-summary-eyebrow { color: #73909a; font-size: 9px; letter-spacing: 1.4px; font-weight: 800; }
.company-summary-copy strong { overflow: hidden; color: #1c3c49; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
.company-summary-copy > span:last-child { color: #71858e; font-size: 11px; }
.company-summary-meta { display: flex; flex-direction: column; gap: 5px; padding-inline-start: 20px; border-inline-start: 1px solid #d9e5e8; }
.company-summary-meta span { color: #82939b; font-size: 10px; }
.company-summary-meta strong { color: #235969; font-size: 12px; }
.company-form-section { padding: 22px; border: 1px solid #e3eaed; border-radius: 14px; background: #fff; box-shadow: 0 4px 16px #18384708; }
.company-section-heading { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; padding-bottom: 16px; border-bottom: 1px solid #edf1f2; }
.company-section-heading h2 { margin: 0 0 4px; color: #24424e; font-size: 14px; font-weight: 800; }
.company-section-heading p { margin: 0; color: #8b9ba2; font-size: 11px; }
.company-section-icon { display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; border-radius: 11px; font-size: 19px; font-weight: 700; }
.company-section-icon.icon-teal { color: #187d77; background: #eaf7f5; }
.company-section-icon.icon-blue { color: #3576a2; background: #edf5fb; }
.company-section-icon.icon-violet { color: #7263a8; background: #f2effb; }
.company-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 19px 20px; }
.company-form-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.company-field { display: flex; min-width: 0; flex-direction: column; gap: 7px; color: #38525d; font-size: 12px; font-weight: 700; }
.company-field > span { display: flex; align-items: center; gap: 5px; }
.company-field > span i { color: #d15b5b; font-style: normal; }
.company-field input, .company-field select, .company-field textarea { width: 100%; min-height: 42px; padding: 10px 12px; border: 1px solid #dce5e8; border-radius: 9px; outline: none; color: #29434e; background: #fbfcfd; font: inherit; font-size: 12px; transition: border-color .18s ease, box-shadow .18s ease, background .18s ease; }
.company-field textarea { min-height: 92px; resize: vertical; line-height: 1.9; }
.company-field input:focus, .company-field select:focus, .company-field textarea:focus { border-color: #5e9ca0; background: #fff; box-shadow: 0 0 0 3px #5e9ca01c; }
.company-field input[disabled], .company-field select:disabled { color: #87969d; background: #f1f4f5; cursor: not-allowed; }
.company-field small { color: #91a0a7; font-size: 10px; font-weight: 400; line-height: 1.7; }
.company-field-wide { grid-column: 1 / -1; }
.company-field-warning { color: #aa742c !important; }
.company-info-note { display: flex; align-items: flex-start; gap: 10px; margin-top: 20px; padding: 12px 14px; border: 1px solid #f1e6cf; border-radius: 10px; background: #fffaf1; }
.company-info-note > span { display: grid; place-items: center; flex: 0 0 19px; width: 19px; height: 19px; border-radius: 50%; color: #94651f; background: #f8e9c9; font-size: 12px; font-weight: 800; }
.company-info-note p { margin: 0; color: #876b3f; font-size: 11px; line-height: 1.9; }
.company-form-footer { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.company-settings-feedback { min-height: 20px; color: #5e7882; font-size: 11px; }
.company-settings-feedback.is-error { color: #b64a4a; }
.company-settings-feedback.is-success { color: #168064; }
.company-form-actions { display: flex; align-items: center; gap: 9px; }
.company-form-actions .btn { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 40px; padding: 0 16px; border: 1px solid transparent; border-radius: 9px; cursor: pointer; font: inherit; font-size: 11px; font-weight: 700; transition: .18s ease; }
.company-form-actions .btn:disabled { opacity: .6; cursor: wait; }
.company-form-actions .btn-quiet { border-color: #e0e8ea; color: #647982; background: #fff; }
.company-form-actions .btn-quiet:hover { background: #f6f9fa; }
.company-form-actions .btn-primary { border-color: #145367; color: #fff; background: #164f61; box-shadow: 0 4px 12px #164f6122; }
.company-form-actions .btn-primary:hover { background: #1c6477; }
.company-form-actions .button-save-icon { display: inline-grid; place-items: center; width: 17px; height: 17px; border-radius: 50%; background: #ffffff24; }
.company-settings-footnote { display: flex; justify-content: space-between; gap: 12px; color: #9aa7ac; font-size: 10px; }
.company-settings-page [aria-busy="true"] { opacity: .7; }

@media (max-width: 760px) {
  .company-settings-page .page-heading { align-items: flex-start; flex-direction: column; }
  .company-settings-summary { align-items: flex-start; flex-wrap: wrap; }
  .company-summary-meta { width: 100%; padding: 12px 0 0; border-top: 1px solid #d9e5e8; border-inline-start: 0; }
  .company-form-section { padding: 17px 14px; }
  .company-form-grid, .company-form-grid-2 { grid-template-columns: 1fr; gap: 15px; }
  .company-field-wide { grid-column: auto; }
  .company-form-footer { align-items: stretch; flex-direction: column; }
  .company-form-actions { width: 100%; }
  .company-form-actions .btn { flex: 1; }
  .company-settings-footnote { flex-direction: column; }
}