@font-face{font-family:AppFont;src:local("Vazirmatn"),local("Vazir"),local("IRANSans"),local("Tahoma")}
:root{
--bg:#f6f8fb;
--surface:#ffffff;
--surface-2:#f2f4f7;
--text:#1f2937;
--muted:#6b7280;
--line:#e5e9f0;
--line-2:#d6dde7;
--primary:#325273;
--primary-2:#48698b;
--primary-text:#ffffff;
--danger:#b42318;
--success:#067647;
--warning:#a15c00;
--radius-xs:4px;
--radius-sm:6px;
--radius-md:8px;
--radius-lg:10px;
--font:AppFont,Tahoma,Arial,sans-serif;
}
html[data-theme="dark"]{
--bg:#101418;
--surface:#171c22;
--surface-2:#20262e;
--text:#e8edf3;
--muted:#9aa4b2;
--line:#2a333e;
--line-2:#3a4654;
--primary:#7fa7d1;
--primary-2:#9bb8d7;
--primary-text:#0d141b;
--danger:#ff8a8a;
--success:#7ee0aa;
--warning:#ffd38a;
}
*{box-sizing:border-box}
body.ir-admin{margin:0;background:var(--bg)!important;color:var(--text)!important;font-family:var(--font)!important;font-size:14px!important;line-height:1.9!important}
body.ir-admin a{color:var(--primary)!important;text-decoration:none!important}
body.ir-admin h1{font-size:20px!important;margin:0!important;color:var(--text)!important}
body.ir-admin h2{font-size:15px!important;margin:0 0 12px!important;color:var(--text)!important}
body.ir-admin p{margin:0 0 10px!important}
.admin-shell{min-height:100vh;display:grid;grid-template-columns:230px minmax(0,1fr);background:var(--bg)}
.admin-sidebar{background:var(--surface);border-left:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;gap:6px}
.admin-logo{height:42px;display:flex;align-items:center;gap:8px;margin:0 4px 12px;color:var(--text)}
.admin-logo span,.brand-dot{width:24px;height:24px;border-radius:6px;background:var(--primary);display:inline-block}
.admin-sidebar a{height:36px;display:flex;align-items:center;padding:0 10px;border-radius:var(--radius-sm);color:var(--muted)!important}
.admin-sidebar a:hover{background:var(--surface-2);color:var(--text)!important}
.admin-main{padding:24px;min-width:0}
.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}
.page-head p{color:var(--muted)!important;margin-top:4px!important}
.card,body.ir-admin .card{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--radius-lg)!important;padding:16px!important;margin-bottom:14px!important;color:var(--text)!important;box-shadow:none!important}
.alert{border-radius:var(--radius-md);padding:10px 12px;margin-bottom:14px;border:1px solid var(--line)}
.alert.error,.err{background:rgba(180,35,24,.08)!important;border-color:rgba(180,35,24,.25)!important;color:var(--danger)!important}
.alert.ok,.ok{background:rgba(6,118,71,.09)!important;border-color:rgba(6,118,71,.25)!important;color:var(--success)!important}
body.ir-admin label{display:block!important;margin:10px 0 5px!important;color:var(--text)!important;font-weight:700!important}
body.ir-admin input,body.ir-admin select,body.ir-admin textarea{width:100%!important;background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--line-2)!important;border-radius:var(--radius-sm)!important;padding:9px 10px!important;font-family:var(--font)!important;outline:none!important}
body.ir-admin textarea{min-height:90px!important;direction:ltr!important;text-align:left!important;font-family:Consolas,monospace!important;line-height:1.7!important}
body.ir-admin input:focus,body.ir-admin select:focus,body.ir-admin textarea:focus{border-color:var(--primary)!important}
.grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}
.grid3{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:14px!important}
.form-stack{display:flex;flex-direction:column;gap:4px}
.btn,body.ir-admin button{height:36px!important;border:0!important;border-radius:var(--radius-sm)!important;background:var(--primary)!important;color:var(--primary-text)!important;padding:0 13px!important;font-weight:700!important;cursor:pointer!important;font-family:var(--font)!important}
.btn.secondary,body.ir-admin button.secondary{background:var(--surface-2)!important;color:var(--text)!important;border:1px solid var(--line-2)!important}
.btn.danger{background:var(--danger)!important;color:#fff!important}
.muted,body.ir-admin .muted{color:var(--muted)!important}
.small{font-size:12px!important}
body.ir-admin table{width:100%!important;border-collapse:collapse!important;background:var(--surface)!important;color:var(--text)!important}
body.ir-admin th,body.ir-admin td{border-bottom:1px solid var(--line)!important;padding:10px!important;text-align:right!important;vertical-align:middle!important}
body.ir-admin th{color:var(--muted)!important;font-size:12px!important}
body.ir-admin code{direction:ltr;display:inline-block;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-xs);padding:1px 6px;color:var(--text)}
.theme-toggle{height:32px;border:1px solid var(--line-2);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);padding:0 10px;cursor:pointer}
.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:var(--bg)}
.auth-card{width:min(420px,100%);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px}
.brand-row{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.brand-row h1{font-size:18px!important}
.brand-row p{color:var(--muted)!important;margin:2px 0 0!important;font-size:12px}
.inline{display:flex!important;align-items:center!important;gap:8px!important}
.inline input{width:auto!important}
@media(max-width:820px){
.admin-shell{grid-template-columns:1fr}
.admin-sidebar{position:sticky;top:0;z-index:5;border-left:0;border-bottom:1px solid var(--line);flex-direction:row;overflow:auto;padding:8px}
.admin-logo{display:none}
.admin-sidebar a{white-space:nowrap;height:32px}
.admin-main{padding:14px}
.grid,.grid3{grid-template-columns:1fr!important}
.page-head{flex-direction:column}
}


/* v10.2 admin clean background */
html[data-theme="light"]{
  --bg:#ffffff !important;
}

html[data-theme="light"] body.ir-admin,
html[data-theme="light"] .auth-wrap,
html[data-theme="light"] .admin-shell,
html[data-theme="light"] .admin-main{
  background:#ffffff !important;
}


/* compare test ux fix */
body.ir-admin .btn.primary{background:var(--primary)!important;color:var(--primary-text)!important}
body.ir-admin .btn.secondary{background:var(--surface-2)!important;color:var(--text)!important;border:1px solid var(--line-2)!important}
body.ir-admin button:disabled{opacity:.65!important;cursor:not-allowed!important}