@import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@v30.1.0/dist/font-face.css');
*{box-sizing:border-box}body{margin:0;font-family:Tahoma,"Segoe UI",Arial,sans-serif;background:#f5f8fc;color:#172033;direction:rtl}.app-shell{display:flex;min-height:100vh}.sidebar{width:255px;background:linear-gradient(180deg,#102c55,#071b36);color:#fff;padding:22px 14px;position:fixed;right:0;top:0;bottom:0;z-index:5}.main{margin-right:255px;width:calc(100% - 255px);padding:28px 30px}.side-brand{display:flex;align-items:center;gap:10px;font-size:15px;padding:8px 10px 22px}.side-brand small{display:block;opacity:.55;margin-top:4px;font-size:10px}.brand-icon{font-size:27px;background:#fff;color:#1769e0;border-radius:9px;width:39px;height:39px;display:grid;place-items:center}.user-mini{border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);padding:17px 8px;display:flex;gap:10px;align-items:center;margin-bottom:14px}.user-mini b,.user-mini span{display:block}.user-mini span{font-size:11px;opacity:.6;margin-top:4px}.avatar{width:40px;height:40px;border-radius:50%;background:#fff;color:#2474df;display:grid;place-items:center;font-size:22px}.nav a{color:#fff;text-decoration:none;display:flex;gap:11px;align-items:center;padding:12px 13px;border-radius:10px;margin:3px 0;font-size:13px;opacity:.9}.nav a:hover,.nav a.active{background:#2678ef;opacity:1}.nav a em{margin-right:auto;background:#ff5d73;border-radius:20px;padding:2px 7px;font-style:normal;font-size:10px}.nav-sep{font-size:10px;color:#7e9ac0;margin:20px 12px 7px}.logout{position:absolute;bottom:18px;right:22px;color:#d5e1f3;text-decoration:none;font-size:12px}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.page-head h1{margin:0 0 7px;font-size:25px}.page-head p{margin:0;color:#718096;font-size:13px}.head-actions,.actions,.row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn{display:inline-block;text-decoration:none;border:0;border-radius:9px;padding:11px 17px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;background:#1769e0;color:#fff}.btn.secondary{background:#eef4ff;color:#155bc4}.btn.danger{background:#fff0f0;color:#c62828}.small-btn{padding:7px 10px;font-size:10px}.stats,.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.stat,.feature-card,.card{background:#fff;border:1px solid #e7edf5;border-radius:14px;box-shadow:0 8px 28px rgba(35,70,110,.06)}.stat{padding:18px 20px}.stat span,.stat small{display:block;color:#718096;font-size:11px}.stat b{display:block;font-size:25px;margin:9px 0}.stat small{font-size:10px}.feature-card{text-decoration:none;color:#172033;padding:18px;min-height:130px;display:flex;flex-direction:column;justify-content:space-between}.feature-card strong{font-size:25px;color:#1769e0}.feature-card b{font-size:14px}.feature-card span{font-size:10px;color:#718096}.feature-card.primary{background:linear-gradient(135deg,#eaf3ff,#fff);border-color:#b8d6ff}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px}.card{padding:20px;margin-bottom:18px}.card-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:17px}.card h2{margin:0;font-size:15px}.card-head p{margin:6px 0 0;color:#7b8799;font-size:10px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:680px}.table th,.table td{padding:12px 9px;border-bottom:1px solid #edf1f6;text-align:right;font-size:11px;white-space:nowrap}.table th{background:#f8fafc;color:#667085;font-weight:800}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#e9fff3;color:#087443;font-size:9px}.locked{background:#fff4e6;color:#b45309}.empty{text-align:center;padding:30px!important;color:#98a2b3}.side-card h2{margin-bottom:14px}.side-card>a{display:block;text-decoration:none;color:#24415f;background:#f7faff;border-radius:9px;padding:12px;margin:7px 0;font-size:11px}.support-box{background:#eef7ff;border:1px solid #d4eaff;border-radius:11px;padding:15px}.support-box b,.support-box span{display:block}.support-box span{font-size:10px;color:#718096;line-height:1.9;margin:7px 0 14px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{margin-bottom:14px}.field label{display:block;font-weight:800;font-size:11px;margin-bottom:7px}.field input,.field textarea,.field select,.search-input{width:100%;padding:11px 12px;border:1px solid #d9e1ec;border-radius:9px;font:inherit;font-size:11px;background:#fff;outline:none}.field textarea{min-height:150px;resize:vertical}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.notice{padding:12px 15px;border-radius:10px;background:#eff8ff;color:#175cd3;margin-bottom:15px;font-size:11px}.notice.error{background:#fff1f0;color:#b42318}.success-notice{background:#edfff4;color:#087443}.category-list{display:grid;gap:7px}.category-item{display:flex;justify-content:space-between;gap:8px;align-items:center;background:#f8fafc;border-radius:9px;padding:10px}.category-item b,.category-item span{display:block}.category-item b{font-size:11px}.category-item span{font-size:10px;color:#8994a5;margin-top:4px}.inline{display:inline}.search-input{max-width:250px}.top{background:#102c55;color:#fff;padding:16px 28px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:20px;font-weight:800}.wrap{max-width:1180px;margin:28px auto;padding:0 16px}.meta{display:flex;gap:16px;flex-wrap:wrap}.metaBox{background:#f8fafc;border-radius:13px;padding:12px 16px;min-width:180px}.metaBox small{display:block;color:#667085;margin-bottom:5px}.sites-toolbar{display:flex;gap:10px;margin-bottom:12px}.sites-toolbar input{flex:1}.site-list{max-height:360px;overflow:auto;border:1px solid #eaecf0;border-radius:12px}.site-row{display:grid;grid-template-columns:42px 90px 1fr 1fr 1.5fr;gap:8px;align-items:center;padding:11px 13px;border-bottom:1px solid #f2f4f7}.site-row.header{font-weight:800;background:#f8fafc;position:sticky;top:0}.site-row:last-child{border-bottom:0}.check{width:20px;height:20px}.login{max-width:460px;margin:90px auto}.muted{color:#667085}.file{border:2px dashed #d0d5dd;padding:20px;border-radius:12px;text-align:center}.contract{background:#fff;max-width:900px;margin:auto;padding:45px;border:1px solid #ddd}.contract h1{text-align:center}.contract .title{font-size:22px;font-weight:800;margin:25px 0}.contract img.news-img{max-width:100%;max-height:450px;display:block;margin:15px auto}.conditions{white-space:pre-wrap;line-height:2;background:#f8fafc;padding:16px;border-radius:12px}.success{text-align:center;padding:40px}
@media(max-width:1100px){.sidebar{width:220px}.main{margin-right:220px;width:calc(100% - 220px)}.stats,.feature-grid{grid-template-columns:repeat(2,1fr)}.grid4{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}}
@media(max-width:760px){.sidebar{position:static;width:100%;min-height:auto}.app-shell{display:block}.main{margin:0;width:100%;padding:18px}.nav{display:grid;grid-template-columns:1fr 1fr}.logout{position:static;display:block;margin-top:12px}.page-head{display:block}.head-actions{margin-top:15px}.stats,.feature-grid,.content-grid,.grid2,.grid3,.grid4{grid-template-columns:1fr}.top{padding:14px}.wrap{margin-top:15px}.contract{padding:22px}.site-row{grid-template-columns:35px 70px 1fr}.site-row .hide-mobile{display:none}}
.website-admin-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px;align-items:start}.add-site-card{position:sticky;top:18px}.admin-icon{width:38px;height:38px;border-radius:11px;background:#eaf3ff;color:#1769e0;display:grid;place-items:center;font-size:23px;font-weight:900}.field-help{display:block;margin-top:6px;color:#98a2b3;font-size:9px}.site-summary{display:flex;gap:10px;margin:-4px 0 14px}.site-summary span{background:#f7faff;border:1px solid #edf2f8;border-radius:8px;padding:7px 10px;color:#667085;font-size:10px}.site-summary b{color:#1769e0}.site-list-card .table{min-width:760px}.site-list-card .table td:first-child{color:#98a2b3}.site-list-card .table td strong{font-size:11px}.site-list-card .table td{vertical-align:middle}@media(max-width:1000px){.website-admin-grid{grid-template-columns:1fr}.add-site-card{position:static}}@media(max-width:700px){.main{margin-right:0;width:100%;padding:18px}.sidebar{position:relative;width:100%;min-height:auto}.app-shell{display:block}.logout{position:static;display:block;margin-top:20px}.grid2{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}}
.ticket-thread{display:grid;gap:12px;margin-top:18px}.ticket-message{max-width:88%;padding:14px 16px;border-radius:13px;line-height:2;font-size:11px}.user-message{background:#f3f6fa;margin-left:auto}.admin-message{background:#eaf3ff;border:1px solid #cfe2ff;margin-right:auto}.ticket-message-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px;color:#667085;font-size:9px}.ticket-message-head b{color:#344054}.ticket-meta{display:flex;justify-content:space-between;gap:15px;align-items:center}.warning{background:#fff7df;color:#9a6700}

/* v6.4: typography standard */
body,input,button,select,textarea{font-family:Vazir,Vazirmatn,Tahoma,"Segoe UI",Arial,sans-serif}

/* ===== Shabake Aftab admin dashboard v6.2 ===== */

.nav-group-title{margin:16px 0 6px;padding:11px 13px;border-radius:10px;background:rgba(38,120,239,.15);color:#dfeaff;font-weight:800;font-size:12px}
.aftab-main{background:#f6faff;padding:18px 22px 14px}.aftab-sidebar{background:linear-gradient(180deg,#0d2948,#081a2d)}.aftab-brand{padding-bottom:14px}.aftab-sun{font-size:30px;color:#ffad1f}.aftab-topline{display:grid;grid-template-columns:auto minmax(260px,1fr) auto;gap:22px;align-items:center;background:#fff;border:1px solid #e5edf7;border-radius:14px;padding:15px 18px;margin-bottom:14px;box-shadow:0 4px 16px rgba(22,66,112,.05)}.aftab-title{display:flex;align-items:center;gap:12px}.aftab-logo{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff7df;color:#ff9d00;font-size:28px}.aftab-title h1{margin:0;color:#0d4f9f;font-size:22px}.aftab-title p{margin:3px 0 0;color:#7c8ca0;font-size:10px}.aftab-search{justify-self:center;width:min(420px,100%);display:flex;gap:8px;align-items:center;border:1px solid #d8e5f5;border-radius:10px;padding:8px 12px;color:#1f6fd5}.aftab-search input{border:0;outline:0;width:100%;font:inherit;font-size:11px}.aftab-admin{font-size:11px;color:#344054}.aftab-admin small{color:#7b8ca5}.aftab-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:12px}.aftab-kpi{text-decoration:none;color:#10234b;background:#fff;border:1px solid #e3ebf6;border-radius:12px;padding:13px 12px;min-height:105px;display:flex;align-items:flex-start;gap:9px;box-shadow:0 4px 18px rgba(34,74,116,.05)}.aftab-kpi .ico{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:20px;flex:0 0 auto}.aftab-kpi b,.aftab-kpi strong,.aftab-kpi small{display:block}.aftab-kpi b{font-size:11px}.aftab-kpi strong{font-size:22px;margin:6px 0}.aftab-kpi small{font-size:10px;color:#7a899e}.aftab-kpi.blue .ico{background:#e8f2ff;color:#1471e8}.aftab-kpi.green .ico{background:#e6f8ed;color:#0aa24a}.aftab-kpi.red .ico{background:#ffe9ea;color:#e52d35}.aftab-kpi.orange .ico{background:#fff2dd;color:#f29900}.aftab-kpi.purple .ico{background:#f1e9ff;color:#7b3fe4}.aftab-kpi.cyan .ico{background:#e6f5ff;color:#1684dc}.aftab-midgrid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:12px;margin-bottom:12px}.aftab-panel{background:#fff;border:1px solid #e3ebf6;border-radius:12px;padding:14px;box-shadow:0 4px 18px rgba(34,74,116,.05)}.aftab-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.aftab-panel-head h2{margin:0;font-size:13px;color:#173c75}.aftab-panel-head>span{color:#1769e0;font-size:18px}.aftab-bars{height:165px;display:flex;align-items:flex-end;justify-content:space-around;border-bottom:1px solid #dce5f0;padding:0 5px 20px}.bar-col{height:140px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;min-width:32px}.bar-col i{width:15px;background:linear-gradient(#4fa7ff,#1f78ee);border-radius:4px 4px 0 0}.bar-col small{font-size:8px;color:#7b899d}.bar-col b{font-size:8px;color:#31527d}.license-ring{display:flex;align-items:center;justify-content:space-evenly;min-height:170px}.ring{width:125px;height:125px;border-radius:50%;border:22px solid #18a957;display:grid;place-items:center;align-content:center;box-shadow:inset 0 0 0 1px #edf2f7}.ring span{font-size:23px;font-weight:800}.ring small{font-size:8px}.legend p{font-size:10px;margin:10px 0;display:flex;gap:7px;align-items:center}.legend p b{margin-right:auto}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.green-dot{background:#13ad55}.red-dot{background:#e63c43}.orange-dot{background:#f5a000}.gray-dot{background:#8393a6}.activity-list>div,.mini-row{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #eef2f7;font-size:9.5px}.activity-list time,.mini-row time{direction:ltr;color:#5d6d82}.panel-link{display:inline-block;margin-top:10px;color:#1670df;text-decoration:none;font-size:9.5px;font-weight:800}.aftab-media-table{margin-bottom:12px}.aftab-media-table .compact{min-width:900px}.table.compact th,.table.compact td{padding:8px 7px;font-size:9.5px}.conn{font-size:9px}.conn.ok,.ok-text{color:#159447}.conn.off{color:#e34b51}.warn-text{color:#ee8c00}.aftab-bottomgrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.mini-row a{color:#1769e0;text-decoration:none;background:#edf5ff;padding:4px 8px;border-radius:6px}.count-badge{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:50%;background:#ef3340;color:#fff;font-size:9px}.empty-mini{padding:20px;text-align:center;color:#98a2b3;font-size:10px}.aftab-footer{display:flex;justify-content:space-between;color:#65809f;font-size:10px;padding:12px 5px 0}.aftab-nav a{font-size:11.5px;padding:10px 12px}
@media(max-width:1350px){.aftab-kpis{grid-template-columns:repeat(3,1fr)}.aftab-midgrid{grid-template-columns:1fr 1fr}.aftab-midgrid .aftab-panel:last-child{grid-column:1/-1}.aftab-bottomgrid{grid-template-columns:1fr 1fr}.aftab-bottomgrid .aftab-panel:last-child{grid-column:1/-1}}
@media(max-width:850px){.aftab-topline{grid-template-columns:1fr}.aftab-search{justify-self:stretch;width:100%}.aftab-kpis,.aftab-midgrid,.aftab-bottomgrid{grid-template-columns:1fr}.aftab-midgrid .aftab-panel:last-child,.aftab-bottomgrid .aftab-panel:last-child{grid-column:auto}.aftab-footer{flex-direction:column;gap:7px}}


/* ===== v6.5 approved admin dashboard visual ===== */
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
body,input,button,select,textarea{font-family:Vazir,Vazirmatn,Tahoma,"Segoe UI",Arial,sans-serif;font-variant-numeric:lining-nums tabular-nums}
.dashboard-main{background:#f4f8fd;padding:20px 24px 18px}.dashboard-sidebar{width:238px;padding:18px 12px}.dashboard-main{margin-right:238px;width:calc(100% - 238px)}
.dashboard-sidebar .side-brand{padding:5px 8px 14px}.dashboard-sidebar .user-mini{padding:13px 7px;margin-bottom:10px}.dashboard-nav a{padding:9px 11px;margin:2px 0;font-size:11px;border-radius:8px}.dashboard-nav .nav-ico{width:18px;text-align:center;opacity:.9}.dashboard-nav .nav-sep{margin:14px 10px 5px}.dashboard-nav .nav-group-title{margin:10px 0 5px;padding:8px 10px;font-size:10px}.wetos-mark{position:absolute;bottom:16px;right:17px;left:17px;border-top:1px solid rgba(255,255,255,.1);padding-top:12px;text-align:center}.wetos-mark b{display:block;letter-spacing:2px;color:#ff9d2e;font-size:14px}.wetos-mark span{display:block;margin-top:3px;color:#93a9c6;font-size:8px}.dashboard-sidebar .logout{display:none}
.admin-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:10px}.admin-top-title h1{font-size:19px;margin:0 0 4px;color:#172b4d}.admin-top-title p{margin:0;color:#8795a8;font-size:10px}.admin-top-actions{display:flex;align-items:center;gap:8px}.admin-top-actions a{position:relative;min-width:62px;height:52px;padding:6px 9px;border:1px solid #e3ebf5;background:#fff;border-radius:10px;box-shadow:0 4px 14px rgba(35,70,110,.04);text-decoration:none;color:#34516f;text-align:center}.admin-top-actions a span{display:block;color:#1769e0;font-size:18px;line-height:20px}.admin-top-actions a small{display:block;margin-top:3px;font-size:8px;color:#65758a}.admin-top-actions a em{position:absolute;top:-5px;left:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:20px;background:#ef3f52;color:#fff;font-size:8px;font-style:normal;display:grid;place-items:center}.admin-top-actions .logout-top span{color:#d54b4b}
.admin-time-strip{height:42px;display:flex;align-items:center;gap:28px;background:#fff;border:1px solid #e7edf5;border-radius:11px;padding:0 16px;margin-bottom:11px;box-shadow:0 4px 16px rgba(35,70,110,.035)}.admin-time-strip span{display:flex;gap:6px;align-items:center;font-size:10px;color:#7b8799}.admin-time-strip b{color:#344054;font-size:9px}.admin-time-strip i{font-style:normal;color:#1769e0;direction:ltr}
.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:12px}.admin-stat{position:relative;min-height:112px;padding:14px 15px;background:#fff;border:1px solid #e5ecf5;border-radius:12px;box-shadow:0 5px 18px rgba(35,70,110,.05);text-decoration:none;color:#172033;display:flex;align-items:center;gap:12px;overflow:hidden}.admin-stat:before{content:"";position:absolute;right:0;left:0;top:0;height:3px;background:var(--accent)}.admin-stat .stat-ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--soft);color:var(--accent);font-size:20px;flex:0 0 auto}.admin-stat small,.admin-stat em{display:block}.admin-stat small{font-size:10px;font-weight:800;color:#56657a}.admin-stat b{display:block;margin:3px 0 2px;font-size:24px;line-height:1.1;color:#102342}.admin-stat em{font-style:normal;font-size:8px;color:#8a97a9}.admin-stat.blue{--accent:#1e78ee;--soft:#e9f2ff}.admin-stat.green{--accent:#12a55b;--soft:#e7f8ef}.admin-stat.orange{--accent:#f39a18;--soft:#fff1df}.admin-stat.purple{--accent:#7555e8;--soft:#f0ebff}
.admin-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:12px}.admin-layout .card{border-radius:12px;padding:15px;margin:0;box-shadow:0 5px 18px rgba(35,70,110,.045)}.compact-head{margin-bottom:11px}.compact-head h2,.mini-card-title h2{font-size:12px}.compact-head p{font-size:8px;margin-top:3px}.modern-table{min-width:720px}.modern-table th,.modern-table td{padding:9px 7px;font-size:9px}.modern-table th{background:#f6f9fd}.modern-table .badge{padding:4px 8px;font-size:8px}.icon-btn{width:28px;height:28px;border-radius:7px;border:1px solid #dce8f7;background:#f8fbff;color:#1769e0;display:inline-grid;place-items:center;text-decoration:none;font-size:11px}.icon-btn.primary{background:#1769e0;color:#fff;border-color:#1769e0}.admin-sidecol{display:grid;gap:12px;align-content:start}.mini-card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.mini-card-title h2{margin:0}.mini-card-title span{color:#1769e0;font-size:16px}.quick-card>a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:#344054;background:#f7faff;border:1px solid #edf2f8;border-radius:8px;padding:9px 10px;margin:6px 0;font-size:9px}.quick-card>a span{color:#1769e0}.network-card{background:linear-gradient(135deg,#fff,#f5f9ff)!important}.network-status{display:flex;justify-content:space-between;align-items:center;background:#edf9f2;border-radius:9px;padding:10px 11px;font-size:10px;color:#526275}.network-status b{color:#109552}.network-links{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:9px}.network-links a{padding:7px 3px;border:1px solid #e0e9f5;border-radius:7px;text-align:center;text-decoration:none;color:#1769e0;background:#fff;font-size:8px}
@media(max-width:1100px){.dashboard-sidebar{width:220px}.dashboard-main{margin-right:220px;width:calc(100% - 220px)}.admin-layout{grid-template-columns:1fr}.admin-sidecol{grid-template-columns:1fr 1fr}.admin-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.dashboard-sidebar{position:static;width:100%}.dashboard-main{margin:0;width:100%;padding:14px}.wetos-mark{position:static;margin-top:12px}.admin-topbar{align-items:flex-start;flex-direction:column}.admin-time-strip{height:auto;min-height:42px;flex-wrap:wrap;padding:10px 12px;gap:10px 18px}.admin-stats{grid-template-columns:1fr}.admin-sidecol{grid-template-columns:1fr}.admin-top-actions{width:100%;overflow:auto}.admin-top-actions a{flex:0 0 62px}}

/* ===== v6.6 exact Shabake Aftab dashboard reference ===== */
.aftab-reference-body{background:#eef5fb;color:#0f2747;font-family:Vazir,Vazirmatn,Tahoma,"Segoe UI",Arial,sans-serif;font-variant-numeric:lining-nums tabular-nums}
.aftab-ref-shell{min-height:100vh;background:#eef5fb}
.aftab-ref-sidebar{width:170px;padding:0 0 14px;background:linear-gradient(180deg,#112b49 0%,#0b2037 100%);box-shadow:none}
.aftab-ref-main{margin-right:170px;width:calc(100% - 170px);padding:0 14px 10px;background:#eef5fb;min-height:100vh}
.aftab-ref-brand{height:48px;padding:8px 13px;background:#0d223a;color:#fff;display:flex;align-items:center;gap:8px}.aftab-ref-brand>span{color:#ffab00;font-size:22px}.aftab-ref-brand b{display:block;font-size:11px}.aftab-ref-brand small{display:block;font-size:7px;color:#a9bfd5;margin-top:1px}
.aftab-ref-nav{padding:8px 8px 0}.aftab-ref-nav a{position:relative;display:flex;align-items:center;gap:9px;color:#e9f1fa;text-decoration:none;padding:8px 9px;border-radius:0;font-size:9.5px;margin:1px 0}.aftab-ref-nav a i{font-style:normal;width:16px;text-align:center;color:#d5e4f3;font-size:12px}.aftab-ref-nav a:hover,.aftab-ref-nav a.active{background:#1772e8;color:#fff}.aftab-ref-nav a em{margin-right:auto;background:#ef3340;color:#fff;font-style:normal;font-size:7px;border-radius:20px;padding:2px 6px}.aftab-ref-group{display:flex;justify-content:space-between;align-items:center;background:#103766;color:#fff;padding:8px 9px;margin:4px -8px 2px;font-size:10px;font-weight:800}.aftab-ref-sep{height:1px;background:rgba(255,255,255,.12);margin:8px -2px}.aftab-ref-logout{display:flex;gap:8px;align-items:center;color:#dce9f6;text-decoration:none;font-size:9.5px;padding:10px 16px;margin-top:5px}
.aftab-ref-header{height:50px;background:#fff;display:grid;grid-template-columns:260px 1fr 230px;align-items:center;gap:14px;margin:0 -14px 10px;padding:0 18px;border-bottom:1px solid #dfe9f4}.aftab-ref-logo{display:flex;gap:8px;align-items:center}.aftab-ref-logo .sun{font-size:30px;color:#ff9d00}.aftab-ref-logo h1{font-size:17px;margin:0;color:#0f4b9d}.aftab-ref-logo small{font-size:7px;color:#5f7590}.aftab-ref-search{justify-self:center;width:100%;max-width:360px;height:30px;border:1px solid #dbe7f4;border-radius:7px;background:#fff;display:flex;align-items:center;padding:0 9px}.aftab-ref-search input{border:0;outline:0;width:100%;font:inherit;font-size:8px;color:#57708f}.aftab-ref-search span{color:#3269b0}.aftab-ref-head-icons{display:flex;justify-content:flex-end;gap:12px;align-items:center}.aftab-ref-head-icons .bell{position:relative;color:#5e7797}.aftab-ref-head-icons .bell em{position:absolute;top:-9px;left:-7px;background:#ed2d3b;color:#fff;font-style:normal;font-size:6px;min-width:14px;height:14px;border-radius:20px;display:grid;place-items:center}.aftab-ref-head-icons .admin{text-align:left}.aftab-ref-head-icons .admin b{display:block;font-size:8px}.aftab-ref-head-icons .admin small{display:block;color:#6b8099;font-size:7px}.userball{width:24px;height:24px;border-radius:50%;background:#cfe4ff;color:#1471e8;display:grid;place-items:center;font-size:10px}
.aftab-ref-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-bottom:9px}.aftab-ref-kpis .kpi{min-height:72px;background:#fff;border:1px solid #dfe9f4;border-radius:7px;text-decoration:none;display:grid;grid-template-columns:34px 1fr;gap:7px;align-items:center;padding:9px 9px;color:#14305a}.aftab-ref-kpis .kicon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:15px}.aftab-ref-kpis b{display:block;font-size:8px;margin-bottom:2px}.aftab-ref-kpis strong{display:block;font-size:16px;line-height:1.1;margin-bottom:3px}.aftab-ref-kpis small{font-size:6.5px;color:#7288a1}.aftab-ref-kpis .blue .kicon{background:#e6f0ff;color:#1676f3}.aftab-ref-kpis .green .kicon{background:#def7e7;color:#10a754}.aftab-ref-kpis .red .kicon{background:#ffe4e7;color:#eb3341}.aftab-ref-kpis .orange .kicon{background:#fff0d8;color:#f7a51a}.aftab-ref-kpis .purple .kicon{background:#eee6ff;color:#7942dc}.aftab-ref-kpis .cyan .kicon{background:#e6f1ff;color:#1478e8}
.aftab-ref-card{background:#fff;border:1px solid #dfe9f4;border-radius:8px;box-shadow:none;padding:9px}.aftab-ref-topgrid{display:grid;grid-template-columns:1.05fr 1fr 1.05fr;gap:7px;margin-bottom:8px}.aftab-ref-topgrid .aftab-ref-card{height:156px}.card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.card-title h2{margin:0;font-size:10px;color:#183968}.card-title>span{color:#1672e7;font-size:14px}.legend-inline{display:flex;gap:14px;justify-content:center;font-size:6px;color:#6f8299;margin-bottom:4px}.legend-inline span{display:flex;align-items:center;gap:4px}.legend-inline i,.green-dot,.red-dot,.orange-dot,.gray-dot,.blue-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.blue-dot{background:#388cff}.green-dot{background:#21b465}.red-dot{background:#ec3b49}.orange-dot{background:#f3a01b}.gray-dot{background:#8998aa}.chart-area{height:112px;display:flex;align-items:flex-end;justify-content:space-around;position:relative;border-left:1px solid #e4ebf4;border-bottom:1px solid #e4ebf4;padding:6px 5px 17px}.gridline{position:absolute;left:0;right:0;height:1px;background:#eef2f7}.gridline.g1{top:22px}.gridline.g2{top:49px}.gridline.g3{top:76px}.chart-col{height:90px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;z-index:1}.bars{height:72px;display:flex;align-items:flex-end;gap:2px}.bar{display:block;width:6px;border-radius:1px 1px 0 0}.bar.blue{background:#378dff}.bar.green{background:#4bc888}.chart-col small{font-size:5.5px;color:#71839a;margin-top:3px}.license-layout{height:120px;display:flex;align-items:center;justify-content:space-around}.donut{--a:60;--i:15;--p:10;width:88px;height:88px;border-radius:50%;background:conic-gradient(#1fb05a 0 calc(var(--a)*1%),#ef3743 calc(var(--a)*1%) calc((var(--a) + var(--i))*1%),#f5a420 calc((var(--a) + var(--i))*1%) calc((var(--a) + var(--i) + var(--p))*1%),#91a0af calc((var(--a) + var(--i) + var(--p))*1%) 100%);display:grid;place-items:center}.donut:before{content:"";width:55px;height:55px;border-radius:50%;background:#fff;position:absolute}.donut>div{position:relative;z-index:1;text-align:center}.donut strong{display:block;font-size:15px}.donut small{display:block;font-size:6px}.license-legend{min-width:95px}.license-legend p{display:grid;grid-template-columns:8px 1fr auto;gap:5px;align-items:center;font-size:6.5px;margin:7px 0}.license-legend b{font-size:8px}.activity-rows>div{display:grid;grid-template-columns:8px 1fr 32px;gap:5px;align-items:center;border-bottom:1px solid #edf2f7;padding:6px 0;font-size:6.5px}.activity-rows time{direction:ltr;color:#5d728c;text-align:left}.card-link{display:inline-block;margin-top:6px;color:#1476ea;text-decoration:none;font-size:6.5px;font-weight:800}
.media-card{margin-bottom:8px;padding:7px 9px}.media-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.media-head h2{margin:0;font-size:9px}.add-media{background:#1674ea;color:#fff;text-decoration:none;border-radius:5px;padding:6px 10px;font-size:7px}.aftab-ref-table{width:100%;border-collapse:collapse;min-width:750px}.aftab-ref-table th,.aftab-ref-table td{padding:4.5px 6px;border-bottom:1px solid #e7edf5;text-align:right;font-size:11px;white-space:nowrap}.aftab-ref-table th{background:#f3f7fb;color:#4f6581;font-weight:800}.aftab-ref-table .pill,.conn-pill{display:inline-block;padding:3px 8px;border-radius:5px;font-size:6px}.pill.ok,.conn-pill.ok{background:#ddf7e7;color:#128548}.pill.warn{background:#fff0da;color:#d17b00}.pill.bad,.conn-pill.bad{background:#ffe7e9;color:#d42d39}.op{display:flex;gap:4px}.op a{border:1px solid #cde0f7;color:#1672e6;text-decoration:none;padding:3px 6px;border-radius:4px;background:#f7fbff;font-size:6px}
.aftab-ref-bottomgrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}.aftab-ref-bottomgrid .aftab-ref-card{min-height:112px}.small-list .card-title h2{display:flex;align-items:center;gap:5px}.small-list .card-title h2 em{display:grid;place-items:center;background:#ef3340;color:#fff;width:14px;height:14px;border-radius:50%;font-size:6px;font-style:normal}.mini-line{display:grid;grid-template-columns:8px minmax(0,1fr) 55px 36px;gap:4px;align-items:center;border-bottom:1px solid #edf2f7;padding:5px 0;font-size:6.2px}.mini-line time{direction:ltr;color:#60758e}.mini-line a{background:#f1f7ff;color:#1672e7;text-decoration:none;border:1px solid #d4e5fa;padding:2px 5px;border-radius:4px;text-align:center}.success-word{color:#16a055;font-size:6px}.days-left{color:#e98100;font-size:6px}.danger-icon{color:#e83f4c!important}.empty-mini{font-size:6.5px;color:#8797aa;text-align:center;padding:12px}.aftab-ref-footer{display:flex;justify-content:space-between;padding:8px 3px 0;color:#6380a0;font-size:6px}
@media(max-width:1200px){.aftab-ref-sidebar{width:155px}.aftab-ref-main{margin-right:155px;width:calc(100% - 155px)}.aftab-ref-header{grid-template-columns:220px 1fr 180px}.aftab-ref-kpis{grid-template-columns:repeat(3,1fr)}.aftab-ref-topgrid{grid-template-columns:1fr 1fr}.activity-card{grid-column:1/-1}.aftab-ref-bottomgrid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.aftab-ref-sidebar{position:static;width:100%}.aftab-ref-main{margin:0;width:100%;padding:8px}.aftab-ref-shell{display:block}.aftab-ref-header{height:auto;grid-template-columns:1fr;margin:0 0 8px;padding:10px}.aftab-ref-kpis,.aftab-ref-topgrid,.aftab-ref-bottomgrid{grid-template-columns:1fr}.activity-card{grid-column:auto}.aftab-ref-nav{display:block}.aftab-ref-topgrid .aftab-ref-card{height:auto;min-height:150px}}

html,body,button,input,select,textarea,a,table,th,td,label,span,div,p,h1,h2,h3,h4,h5,h6{font-family:'Vazir',Tahoma,Arial,sans-serif!important;}


/* v8.12 unified contract/profile UI */
.portal-network-brand{padding:18px 16px 14px;margin:0 0 10px;border-bottom:1px solid rgba(255,255,255,.12);text-align:center}
.portal-network-brand b{display:block;font-size:19px;color:#fff}.portal-network-brand small{display:block;color:#9fb2c9;margin-top:4px}
.admin-shell-sidebar .admin-shell-sub{padding-right:38px!important;font-size:12px;opacity:.92}
.contract-accept-box{margin:20px 0;padding:18px;border:1px solid #dce6f2;border-radius:12px;background:#f9fbfe}
.contract-scroll{max-height:240px;overflow:auto;white-space:normal;line-height:2;background:#fff;border:1px solid #e3eaf2;border-radius:10px;padding:15px;margin:10px 0}
.contract-check{display:flex;gap:8px;align-items:flex-start;font-weight:700;margin:12px 0}
.profile-welcome{background:linear-gradient(100deg,#fff3e9,#fff);border:1px solid #ffe1c6;border-right:5px solid #ff6b00;border-radius:14px;padding:18px 22px;margin-bottom:16px}
.profile-welcome h2{margin:0 0 6px;font-size:20px}.profile-welcome p{margin:0;color:#6f7d8e}
.profile-modern-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;align-items:start}
.profile-summary-card,.profile-edit-card{background:#fff;border:1px solid #e1e9f2;border-radius:14px;box-shadow:0 3px 16px rgba(21,54,87,.05)}
.profile-summary-card{padding:22px;text-align:center}
.profile-avatar-wrap{width:138px;height:138px;margin:0 auto 14px;border:4px solid #fff;box-shadow:0 0 0 1px #d7e1eb;border-radius:50%;overflow:hidden;background:#edf3f8}
.profile-avatar-img{width:100%;height:100%;object-fit:cover}.profile-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:800;color:#173957}
.profile-summary-card h2{font-size:20px;margin:7px 0}.profile-role{color:#66798e}.profile-status{display:inline-flex;align-items:center;gap:6px;margin:12px 0;padding:6px 13px;border-radius:99px;font-size:12px;font-weight:700}.profile-status span{width:9px;height:9px;border-radius:50%}.profile-status.is-active{background:#fff0e5;color:#f05c00}.profile-status.is-active span{background:#20bd67}.profile-status.is-pending{background:#fff7df;color:#9c7400}.profile-status.is-pending span{background:#f0b429}
.profile-summary-sep{height:1px;background:#e5ebf1;margin:10px 0 5px}.profile-info-row{text-align:right;padding:10px 0;border-bottom:1px dashed #e8edf3}.profile-info-row b{display:block;color:#33485d;font-size:12px;margin-bottom:3px}.profile-info-row span{display:block;color:#65778a;font-size:12px;word-break:break-word}.profile-info-note{margin-top:15px;padding:10px;border-radius:8px;background:#f3f6f9;color:#6c7b8c;font-size:11px}
.profile-edit-card{padding:22px}.profile-edit-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f5;padding-bottom:14px;margin-bottom:16px}.profile-edit-title h2{margin:0;font-size:21px}.profile-edit-title p{margin:5px 0 0;color:#78899a;font-size:12px}
.profile-form-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}.profile-upload-box>b{display:block;margin-bottom:8px}.profile-drop{min-height:155px;border:1.5px dashed #bdc9d6;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;padding:12px;color:#566a7f}.profile-drop span{font-size:34px}.profile-drop strong{font-size:12px}.profile-drop small{font-size:10px;margin-top:5px}.profile-drop input{display:none}.delete-avatar{display:block;color:#d83b32;margin-top:8px;font-size:11px}
.profile-save-btn{width:100%;border:0;border-radius:9px;padding:13px 18px;background:#ff6200;color:#fff;font-weight:800;font-size:14px;cursor:pointer;margin-top:10px}
@media(max-width:900px){.profile-modern-grid{grid-template-columns:1fr}.profile-form-cols{grid-template-columns:1fr}.profile-summary-card{order:2}}


/* v8.13 navigation typography invariant */
.admin-shell-sidebar nav a,.admin-menu-parent,.admin-menu-button,.admin-submenu a,.portal-nav>a,.portal-nav-parent,.portal-submenu a{font-size:11px!important}
.admin-submenu a,.portal-submenu a{font-weight:400!important}


/* v8.14 menu typography invariant — all levels use exactly one font size */
.admin-shell-sidebar nav a,.admin-menu-parent,.admin-menu-button,.admin-submenu a,.admin-submenu .admin-submenu a,
.portal-nav>a,.portal-nav-parent,.portal-submenu a,.portal-submenu .portal-submenu a{
  font-size:11px!important;
}
.admin-submenu a,.admin-submenu .admin-submenu a,.portal-submenu a,.portal-submenu .portal-submenu a{font-weight:400!important;}

/* v8.16 — final global sidebar typography invariant */
.admin-shell-sidebar nav a,
.admin-shell-sidebar .admin-menu-parent,
.admin-shell-sidebar .admin-menu-button,
.admin-shell-sidebar .admin-submenu a,
.admin-shell-sidebar .admin-submenu .admin-submenu a,
.admin-shell-sidebar .admin-shell-sub,
.admin-shell-sidebar .admin-shell-logout,
.portal-sidebar .portal-nav>a,
.portal-sidebar .portal-nav-parent,
.portal-sidebar .portal-menu-parent,
.portal-sidebar .portal-menu-button,
.portal-sidebar .portal-submenu a,
.portal-sidebar .portal-submenu .portal-submenu a,
.portal-sidebar .portal-sub{
  font-family:'Vazir',Tahoma,Arial,sans-serif!important;
  font-size:11px!important;
  font-weight:400!important;
}
.admin-shell-sidebar nav a span,
.admin-shell-sidebar nav a b,
.admin-shell-sidebar nav a strong,
.admin-shell-sidebar .admin-menu-parent span,
.admin-shell-sidebar .admin-menu-parent b,
.admin-shell-sidebar .admin-submenu a span,
.admin-shell-sidebar .admin-submenu a b,
.portal-sidebar .portal-nav>a span,
.portal-sidebar .portal-nav>a b,
.portal-sidebar .portal-nav-parent span,
.portal-sidebar .portal-nav-parent b,
.portal-sidebar .portal-submenu a span,
.portal-sidebar .portal-submenu a b,
.portal-sidebar .portal-sub span,
.portal-sidebar .portal-sub b{
  font-family:inherit!important;
  font-size:inherit!important;
  font-weight:400!important;
}


/* v8.22 - global subtle diagonal field tram */
:root{
  --wetos-field-tram: linear-gradient(
    132deg,
    transparent 0%,
    transparent 43%,
    rgba(15,47,82,.035) 43%,
    rgba(15,47,82,.035) 58%,
    transparent 58%,
    transparent 100%
  );
}
.admin-shell-main input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
.admin-shell-main textarea,
.admin-shell-main select,
.portal-main input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
.portal-main textarea,
.portal-main select,
.portal-content input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
.portal-content textarea,
.portal-content select,
main input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
main textarea,
main select{
  background-image: var(--wetos-field-tram) !important;
  background-color:#fff !important;
  background-repeat:no-repeat !important;
  background-size:100% 100% !important;
  background-position:center !important;
}
.admin-shell-main input:focus,
.admin-shell-main textarea:focus,
.admin-shell-main select:focus,
.portal-main input:focus,
.portal-main textarea:focus,
.portal-main select:focus,
.portal-content input:focus,
.portal-content textarea:focus,
.portal-content select:focus,
main input:focus,
main textarea:focus,
main select:focus{
  background-image: var(--wetos-field-tram) !important;
}


/* v8.28 - colorful circular icon system across all panels */
:root{
  --ic-blue:#1677ea; --ic-blue-bg:#e9f3ff;
  --ic-cyan:#0891b2; --ic-cyan-bg:#e7f9fd;
  --ic-green:#13a66b; --ic-green-bg:#e8f8f0;
  --ic-orange:#f97316; --ic-orange-bg:#fff0e6;
  --ic-amber:#d99000; --ic-amber-bg:#fff7df;
  --ic-red:#e23b4a; --ic-red-bg:#ffedf0;
  --ic-purple:#7c3aed; --ic-purple-bg:#f1eaff;
  --ic-pink:#d9469f; --ic-pink-bg:#fdebf6;
  --ic-slate:#52677d; --ic-slate-bg:#eef3f7;
  --ic-teal:#0f9f90; --ic-teal-bg:#e8f8f6;
}

/* every semantic SVG becomes a small colored badge, similar to the supplied reference */
.portal-svg[class*="icon-"],
.admin-ui-svg[class*="icon-"],
.sys-svg[class*="icon-"],
.aftab-svg[class*="icon-"]{
  box-sizing:border-box!important;
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  padding:5px!important;
  border-radius:50%!important;
  background:var(--ic-slate-bg)!important;
  color:var(--ic-slate)!important;
  stroke:currentColor!important;
  border:1px solid rgba(82,103,125,.16)!important;
  display:inline-block!important;
  vertical-align:middle!important;
}

/* color map */
.icon-home{color:var(--ic-blue)!important;background:var(--ic-blue-bg)!important;border-color:rgba(22,119,234,.18)!important}
.icon-profile,.icon-users{color:var(--ic-purple)!important;background:var(--ic-purple-bg)!important;border-color:rgba(124,58,237,.18)!important}
.icon-cart,.icon-orders{color:var(--ic-orange)!important;background:var(--ic-orange-bg)!important;border-color:rgba(249,115,22,.18)!important}
.icon-plus,.icon-check{color:var(--ic-green)!important;background:var(--ic-green-bg)!important;border-color:rgba(19,166,107,.18)!important}
.icon-list,.icon-media,.icon-globe{color:var(--ic-cyan)!important;background:var(--ic-cyan-bg)!important;border-color:rgba(8,145,178,.18)!important}
.icon-chat,.icon-ticket{color:var(--ic-pink)!important;background:var(--ic-pink-bg)!important;border-color:rgba(217,70,159,.18)!important}
.icon-report,.icon-chart{color:var(--ic-teal)!important;background:var(--ic-teal-bg)!important;border-color:rgba(15,159,144,.18)!important}
.icon-link,.icon-search,.icon-eye{color:var(--ic-blue)!important;background:var(--ic-blue-bg)!important;border-color:rgba(22,119,234,.18)!important}
.icon-clock,.icon-calendar,.icon-terms{color:var(--ic-amber)!important;background:var(--ic-amber-bg)!important;border-color:rgba(217,144,0,.20)!important}
.icon-settings,.icon-money{color:var(--ic-green)!important;background:var(--ic-green-bg)!important;border-color:rgba(19,166,107,.18)!important}
.icon-edit{color:var(--ic-orange)!important;background:var(--ic-orange-bg)!important;border-color:rgba(249,115,22,.18)!important}
.icon-warning,.icon-bell,.icon-logout{color:var(--ic-red)!important;background:var(--ic-red-bg)!important;border-color:rgba(226,59,74,.18)!important}

/* sidebar icon holders need enough room for the round badge */
.portal-sidebar .portal-nav a i,
.portal-sidebar .portal-nav-parent i,
.portal-sidebar .portal-submenu a i,
.admin-shell-sidebar nav a i,
.admin-shell-sidebar .admin-submenu a i{
  width:28px!important;
  min-width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  color:inherit!important;
}

/* Active blue menu keeps the colored icon itself readable */
.portal-sidebar .portal-nav a.active .portal-svg,
.portal-sidebar .portal-menu-group.current-group > .portal-nav-parent .portal-svg,
.portal-sidebar .portal-submenu a.active .portal-svg,
.admin-shell-sidebar nav a.active .admin-ui-svg,
.admin-shell-sidebar .admin-submenu a.active .admin-ui-svg{
  background:#fff!important;
  border-color:rgba(255,255,255,.75)!important;
}

/* In cards/buttons, keep icon circle compact rather than changing the card size */
.kicon .sys-svg,
.kicon .aftab-svg,
.stat-icon .portal-svg,
.portal-card-title .portal-svg,
.portal-content-head .portal-svg{
  width:30px!important;
  height:30px!important;
  padding:6px!important;
}

/* avoid legacy rules turning semantic icon colors back to white */
.portal-sidebar a.active svg[class*="icon-"],
.portal-sidebar .current-group > a svg[class*="icon-"],
.admin-shell-sidebar a.active svg[class*="icon-"]{
  stroke:currentColor!important;
}

/* menus remain Regular, same font size; only icons carry color */
.portal-sidebar .portal-nav a,
.portal-sidebar .portal-nav-parent,
.portal-sidebar .portal-submenu a,
.admin-shell-sidebar nav a,
.admin-shell-sidebar .admin-submenu a{
  font-weight:400!important;
}


/* v8.29 - force colored circular icons in all menu levels */
.portal-sidebar .portal-nav a i,
.portal-sidebar .portal-nav-parent i,
.portal-sidebar .portal-submenu a i,
.portal-sidebar .portal-submenu .portal-sub i,
.portal-sidebar .portal-flyout a i,
.admin-shell-sidebar nav a i,
.admin-shell-sidebar .admin-submenu a i,
.admin-shell-sidebar .admin-menu-group a i{
  width:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  flex:0 0 30px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  border-radius:50%!important;
  overflow:visible!important;
  background:transparent!important;
}

/* The SVG itself owns the colored circular badge */
.portal-sidebar .portal-nav a i > svg,
.portal-sidebar .portal-nav-parent i > svg,
.portal-sidebar .portal-submenu a i > svg,
.portal-sidebar .portal-submenu .portal-sub i > svg,
.portal-sidebar .portal-flyout a i > svg,
.admin-shell-sidebar nav a i > svg,
.admin-shell-sidebar .admin-submenu a i > svg,
.admin-shell-sidebar .admin-menu-group a i > svg{
  width:26px!important;
  min-width:26px!important;
  max-width:26px!important;
  height:26px!important;
  min-height:26px!important;
  max-height:26px!important;
  flex:0 0 26px!important;
  display:block!important;
  padding:5px!important;
  border-radius:50%!important;
  aspect-ratio:1/1!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  stroke:currentColor!important;
}

/* Re-assert semantic icon colors inside menu/flyout contexts */
.portal-sidebar svg.icon-home,
.admin-shell-sidebar svg.icon-home{color:#1677ea!important;background:#e9f3ff!important;border:1px solid rgba(22,119,234,.18)!important}
.portal-sidebar svg.icon-profile,
.portal-sidebar svg.icon-users,
.admin-shell-sidebar svg.icon-profile,
.admin-shell-sidebar svg.icon-users{color:#7c3aed!important;background:#f1eaff!important;border:1px solid rgba(124,58,237,.18)!important}
.portal-sidebar svg.icon-cart,
.portal-sidebar svg.icon-orders,
.admin-shell-sidebar svg.icon-cart,
.admin-shell-sidebar svg.icon-orders{color:#f97316!important;background:#fff0e6!important;border:1px solid rgba(249,115,22,.18)!important}
.portal-sidebar svg.icon-plus,
.portal-sidebar svg.icon-check,
.admin-shell-sidebar svg.icon-plus,
.admin-shell-sidebar svg.icon-check{color:#13a66b!important;background:#e8f8f0!important;border:1px solid rgba(19,166,107,.18)!important}
.portal-sidebar svg.icon-list,
.portal-sidebar svg.icon-media,
.portal-sidebar svg.icon-globe,
.admin-shell-sidebar svg.icon-list,
.admin-shell-sidebar svg.icon-media,
.admin-shell-sidebar svg.icon-globe{color:#0891b2!important;background:#e7f9fd!important;border:1px solid rgba(8,145,178,.18)!important}
.portal-sidebar svg.icon-chat,
.portal-sidebar svg.icon-ticket,
.admin-shell-sidebar svg.icon-chat,
.admin-shell-sidebar svg.icon-ticket{color:#d9469f!important;background:#fdebf6!important;border:1px solid rgba(217,70,159,.18)!important}
.portal-sidebar svg.icon-report,
.portal-sidebar svg.icon-chart,
.admin-shell-sidebar svg.icon-report,
.admin-shell-sidebar svg.icon-chart{color:#0f9f90!important;background:#e8f8f6!important;border:1px solid rgba(15,159,144,.18)!important}
.portal-sidebar svg.icon-link,
.portal-sidebar svg.icon-search,
.portal-sidebar svg.icon-eye,
.admin-shell-sidebar svg.icon-link,
.admin-shell-sidebar svg.icon-search,
.admin-shell-sidebar svg.icon-eye{color:#1677ea!important;background:#e9f3ff!important;border:1px solid rgba(22,119,234,.18)!important}
.portal-sidebar svg.icon-clock,
.portal-sidebar svg.icon-calendar,
.portal-sidebar svg.icon-terms,
.admin-shell-sidebar svg.icon-clock,
.admin-shell-sidebar svg.icon-calendar,
.admin-shell-sidebar svg.icon-terms{color:#d99000!important;background:#fff7df!important;border:1px solid rgba(217,144,0,.20)!important}
.portal-sidebar svg.icon-settings,
.portal-sidebar svg.icon-money,
.admin-shell-sidebar svg.icon-settings,
.admin-shell-sidebar svg.icon-money{color:#13a66b!important;background:#e8f8f0!important;border:1px solid rgba(19,166,107,.18)!important}
.portal-sidebar svg.icon-edit,
.admin-shell-sidebar svg.icon-edit{color:#f97316!important;background:#fff0e6!important;border:1px solid rgba(249,115,22,.18)!important}
.portal-sidebar svg.icon-warning,
.portal-sidebar svg.icon-bell,
.portal-sidebar svg.icon-logout,
.admin-shell-sidebar svg.icon-warning,
.admin-shell-sidebar svg.icon-bell,
.admin-shell-sidebar svg.icon-logout{color:#e23b4a!important;background:#ffedf0!important;border:1px solid rgba(226,59,74,.18)!important}

/* Active menu items keep the icon circular and colored, not flattened/whitewashed */
.portal-sidebar a.active i > svg,
.portal-sidebar .current-group > a i > svg,
.portal-sidebar .portal-submenu a.active i > svg,
.admin-shell-sidebar a.active i > svg,
.admin-shell-sidebar .admin-submenu a.active i > svg{
  border-radius:50%!important;
  aspect-ratio:1/1!important;
  background-clip:padding-box!important;
}

/* Text/arrow must not squeeze icon width in flyouts */
.portal-sidebar .portal-submenu a,
.portal-sidebar .portal-flyout a,
.admin-shell-sidebar .admin-submenu a{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
}
.portal-sidebar .portal-submenu a span,
.portal-sidebar .portal-flyout a span,
.admin-shell-sidebar .admin-submenu a span{
  min-width:0!important;
  flex:1 1 auto!important;
}


/* v8.30 - WHMCS-like rich main-menu icons; submenu text only */

/* Submenus / flyouts: NO ICONS */
.portal-sidebar .portal-submenu a i,
.portal-sidebar .portal-flyout a i,
.portal-sidebar a.portal-sub i,
.admin-shell-sidebar .admin-submenu a i,
.admin-shell-sidebar .admin-shell-sub i{
  display:none!important;
}
.portal-sidebar .portal-submenu a,
.portal-sidebar .portal-flyout a,
.portal-sidebar a.portal-sub,
.admin-shell-sidebar .admin-submenu a,
.admin-shell-sidebar .admin-shell-sub{
  gap:0!important;
  padding-right:12px!important;
  padding-left:12px!important;
}

/* Main-menu icon holders: glossy, layered, dimensional like the supplied WHMCS sample */
.portal-sidebar .portal-nav > a > i,
.portal-sidebar .portal-menu-group > .portal-nav-parent i,
.admin-shell-sidebar nav > a > i,
.admin-shell-sidebar .admin-menu-group > .admin-menu-parent i,
.admin-shell-sidebar .admin-menu-group > .admin-menu-button i{
  --mi1:#4da3ff;
  --mi2:#0a67d7;
  width:31px!important;
  min-width:31px!important;
  max-width:31px!important;
  height:31px!important;
  min-height:31px!important;
  max-height:31px!important;
  flex:0 0 31px!important;
  border-radius:50%!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 31% 23%, rgba(255,255,255,.95) 0 7%, rgba(255,255,255,.38) 8% 15%, transparent 16%),
    linear-gradient(145deg,var(--mi1) 0%,var(--mi2) 72%,rgba(0,0,0,.18) 100%)!important;
  border:2px solid rgba(255,255,255,.92)!important;
  box-shadow:
    0 0 0 1px rgba(22,55,92,.24),
    inset 0 1px 2px rgba(255,255,255,.75),
    inset 0 -3px 5px rgba(0,0,0,.16),
    0 2px 5px rgba(0,0,0,.18)!important;
}

/* subtle gloss strip */
.portal-sidebar .portal-nav > a > i::after,
.portal-sidebar .portal-menu-group > .portal-nav-parent i::after,
.admin-shell-sidebar nav > a > i::after,
.admin-shell-sidebar .admin-menu-group > .admin-menu-parent i::after,
.admin-shell-sidebar .admin-menu-group > .admin-menu-button i::after{
  content:""!important;
  position:absolute!important;
  left:4px!important;
  right:4px!important;
  top:4px!important;
  height:9px!important;
  border-radius:50%!important;
  background:linear-gradient(to bottom,rgba(255,255,255,.62),rgba(255,255,255,.04))!important;
  pointer-events:none!important;
}

/* icon drawing is white/bright, while the circle supplies the color */
.portal-sidebar .portal-nav > a > i svg,
.portal-sidebar .portal-menu-group > .portal-nav-parent i svg,
.admin-shell-sidebar nav > a > i svg,
.admin-shell-sidebar .admin-menu-group > .admin-menu-parent i svg,
.admin-shell-sidebar .admin-menu-group > .admin-menu-button i svg{
  width:17px!important;
  min-width:17px!important;
  max-width:17px!important;
  height:17px!important;
  min-height:17px!important;
  max-height:17px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff!important;
  stroke:#fff!important;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.28))!important;
  position:relative!important;
  z-index:2!important;
}

/* Per-purpose color themes */
.portal-sidebar .portal-nav > a > i:has(svg.icon-home),
.admin-shell-sidebar nav > a > i:has(svg.icon-home){
  --mi1:#67b7ff;--mi2:#1477e8;
}
.portal-sidebar .portal-nav > a > i:has(svg.icon-profile),
.portal-sidebar .portal-nav > a > i:has(svg.icon-users),
.admin-shell-sidebar nav > a > i:has(svg.icon-profile),
.admin-shell-sidebar nav > a > i:has(svg.icon-users),
.admin-shell-sidebar .admin-menu-parent i:has(svg.icon-users){
  --mi1:#b68cff;--mi2:#7440dc;
}
.portal-sidebar .portal-menu-group > .portal-nav-parent i:has(svg.icon-cart),
.admin-shell-sidebar nav > a > i:has(svg.icon-orders){
  --mi1:#ffb34d;--mi2:#ed6a11;
}
.portal-sidebar .portal-menu-group > .portal-nav-parent i:has(svg.icon-media),
.admin-shell-sidebar .admin-menu-parent i:has(svg.icon-media),
.admin-shell-sidebar nav > a > i:has(svg.icon-media){
  --mi1:#54d6eb;--mi2:#087f9d;
}
.portal-sidebar .portal-menu-group > .portal-nav-parent i:has(svg.icon-chat),
.portal-sidebar .portal-nav > a > i:has(svg.icon-ticket),
.admin-shell-sidebar nav > a > i:has(svg.icon-support){
  --mi1:#ff80c4;--mi2:#c92f85;
}
.portal-sidebar .portal-nav > a > i:has(svg.icon-report),
.admin-shell-sidebar nav > a > i:has(svg.icon-chart){
  --mi1:#5ddfc8;--mi2:#0b927f;
}
.admin-shell-sidebar .admin-menu-button i:has(svg.icon-plus),
.portal-sidebar .portal-nav > a > i:has(svg.icon-plus){
  --mi1:#6ee7a8;--mi2:#0c9a57;
}
.portal-sidebar .portal-nav > a > i:has(svg.icon-settings),
.admin-shell-sidebar nav > a > i:has(svg.icon-settings){
  --mi1:#75d99f;--mi2:#198d4d;
}
.portal-sidebar .portal-nav > a > i:has(svg.icon-link),
.admin-shell-sidebar nav > a > i:has(svg.icon-link){
  --mi1:#65bfff;--mi2:#1d71cc;
}
.portal-sidebar .portal-nav > a > i:has(svg.icon-terms),
.admin-shell-sidebar nav > a > i:has(svg.icon-terms){
  --mi1:#ffd86b;--mi2:#c88b07;
}

/* Active row: keep graphical icon fully colored */
.portal-sidebar .portal-nav > a.active > i,
.portal-sidebar .portal-menu-group.current-group > .portal-nav-parent i,
.admin-shell-sidebar nav > a.active > i,
.admin-shell-sidebar .admin-menu-group.current-group > .admin-menu-parent i,
.admin-shell-sidebar .admin-menu-group.current-group > .admin-menu-button i{
  border-color:#fff!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.50),
    inset 0 1px 2px rgba(255,255,255,.75),
    inset 0 -3px 5px rgba(0,0,0,.16),
    0 2px 7px rgba(0,0,0,.24)!important;
}

/* direct logout SVG: graphical red badge */
.admin-shell-logout > svg,
.portal-sidebar a[href*="logout"] > svg{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  padding:6px!important;
  border-radius:50%!important;
  color:#fff!important;
  stroke:#fff!important;
  background:
    radial-gradient(circle at 31% 23%,rgba(255,255,255,.90) 0 7%,rgba(255,255,255,.28) 8% 14%,transparent 15%),
    linear-gradient(145deg,#ff777f,#d9273c 72%,#a51629)!important;
  border:2px solid #fff!important;
  box-shadow:0 0 0 1px rgba(120,0,20,.25),inset 0 -3px 5px rgba(0,0,0,.15),0 2px 5px rgba(0,0,0,.18)!important;
}

/* Preserve one font size/weight in every menu depth */
.portal-sidebar .portal-nav a,
.portal-sidebar .portal-nav-parent,
.portal-sidebar .portal-submenu a,
.admin-shell-sidebar nav a,
.admin-shell-sidebar .admin-menu-parent,
.admin-shell-sidebar .admin-submenu a{
  font-family:'Vazir',Tahoma,Arial,sans-serif!important;
  font-size:11px!important;
  font-weight:400!important;
}


/* v8.52 - force all table text to 11px in all three panels */
html body table,
html body table thead,
html body table tbody,
html body table tfoot,
html body table tr,
html body table th,
html body table td,
html body .table,
html body .table thead,
html body .table tbody,
html body .table tfoot,
html body .table tr,
html body .table th,
html body .table td,
html body .table th *,
html body .table td *,
html body .table a,
html body .table span,
html body .table label,
html body .table button,
html body .table input,
html body .table select,
html body .table textarea {
    font-size: 11px !important;
}

/* v8.54 final table font */
html body table,html body table *,html body .table,html body .table *{font-size:11px!important;}


/* v8.59 HARD TABLE FONT - applies to every table/class in authenticated panels */
html body.admin-shell-body .admin-shell table,
html body.admin-shell-body .admin-shell table *,
html body .portal-shell table,
html body .portal-shell table *{
  font-size:11px!important;
}