@font-face{font-family:"TR Vazir";font-weight:400;font-display:swap;src:local("Vazirmatn"),url("fonts/Vazirmatn-Regular.woff2") format("woff2"),url("fonts/Vazirmatn-Regular.ttf") format("truetype")}
@font-face{font-family:"TR Vazir";font-weight:700;font-display:swap;src:local("Vazirmatn Bold"),url("fonts/Vazirmatn-Bold.woff2") format("woff2"),url("fonts/Vazirmatn-Bold.ttf") format("truetype")}
@font-face{font-family:"TR Vazir";font-weight:800;font-display:swap;src:local("Vazirmatn ExtraBold"),url("fonts/Vazirmatn-ExtraBold.woff2") format("woff2"),url("fonts/Vazirmatn-ExtraBold.ttf") format("truetype")}
@font-face{font-family:"TR Fallback";font-weight:400;font-display:swap;src:url("fonts/DejaVuSans.ttf") format("truetype")}
@font-face{font-family:"TR Fallback";font-weight:700 800;font-display:swap;src:url("fonts/DejaVuSans-Bold.ttf") format("truetype")}
.tr,.tr *{box-sizing:border-box}
.tr{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;background:#F7F8FB;color:#0B1F4B;direction:rtl;text-align:right;font-family:"TR Vazir",Vazirmatn,Tahoma,"TR Fallback",sans-serif;font-size:clamp(11px,1.6vh,16px);line-height:1.6;overflow:hidden}
.tr a{color:#1B3A7A}.tr a:hover{color:#0B1F4B}
.tr .hd{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0B1F4B;color:#fff;padding:0 1.2vw;height:7.5vh;min-height:46px}
.tr .brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.25em}
.tr .logo{width:2.4em;height:2.4em;border-radius:8px;background:#FFC72C;color:#0B1F4B;display:flex;align-items:center;justify-content:center;font-weight:800}
.tr .sub{font-weight:400;font-size:.8em;color:#C9D6F2;display:block}
.tr .btn{display:inline-block;background:#1B3A7A;color:#fff;border:0;border-radius:6px;padding:.3em 1em;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;min-height:30px;line-height:2}
.tr .btn:hover{background:#0B1F4B;color:#fff}
.tr .btn.y{background:#FFC72C;color:#0B1F4B}
.tr .btn.y:hover{background:#FFD969;color:#0B1F4B}
.tr .main{flex:1;min-height:0;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(3,minmax(0,1fr));gap:1.2vh .8vw;padding:1.2vh .8vw}
.tr .t{background:#fff;border:1px solid #D5DBE8;border-radius:10px;padding:1.1vh .9vw;overflow:hidden;display:flex;flex-direction:column;min-height:0;min-width:0}
.tr .t h2{margin:0 0 .4em;font-size:1.1em;font-weight:800;color:#0B1F4B;display:flex;align-items:center;justify-content:space-between;gap:8px}
.tr .t p{margin:0 0 .4em;color:#3F4A5E}
.tr .t ul,.tr .t ol{margin:0 0 .4em;padding:0 1.2em 0 0;color:#3F4A5E}
.tr .t li{margin:0}
.tr .push{margin-top:auto}
.tr .c3{grid-column:span 3}.tr .c2{grid-column:span 2}.tr .c6{grid-column:span 6}
.tr .dark{background:#0B1F4B;color:#fff;border-color:#0B1F4B}
.tr .dark h2{color:#FFC72C;font-size:1.5em}
.tr .dark p{color:#D3DEF5}
.tr .stages{display:flex;gap:.5vw;margin-top:auto}
.tr .stages div{flex:1;background:#16336E;border-radius:6px;padding:.3em .5em;text-align:center;font-size:.85em}
.tr .stages b{display:block;color:#FFC72C}
.tr .nums{display:grid;grid-template-columns:repeat(4,1fr);gap:.6vw;flex:1}
.tr .nums div{background:#EEF1F8;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.tr .nums b{font-size:1.9em;color:#1B3A7A;line-height:1.2}
.tr .nums span{font-size:.85em;color:#3F4A5E}
.tr table{width:100%;border-collapse:collapse}
.tr th,.tr td{padding:.2em .5em;text-align:right;border-bottom:1px solid #E1E6F0}
.tr th{background:#EEF1F8;font-weight:700}
.tr .chip{display:inline-block;border-radius:99px;padding:0 .7em;font-size:.85em;font-weight:700}
.tr .ok{background:#DDF1E4;color:#14532D}.tr .wait{background:#FDEBC8;color:#7A4B00}.tr .todo{background:#E4E8F0;color:#2D3A55}
.tr label{display:block;margin:0}
.tr input[type=radio]{margin-left:.4em}
.tr .row{display:flex;flex-wrap:wrap;gap:.2em 1em}
@media (max-width:900px){
.tr{position:static;overflow:visible;height:auto}
.tr .main{display:block}
.tr .t{margin-bottom:12px}
.tr .hd{flex-wrap:wrap;padding:8px 12px;height:auto}
}
