.yr{--b:#2563EB;--ink:#0F172A;--mut:#64748B;--line:#E8EDF3;--bg:#F7F9FC;--grn:#10B981;--amb:#F59E0B;display:flex;flex-direction:column;gap:18px;color:var(--ink)}
.yr *{box-sizing:border-box}
.yr-hero{background:linear-gradient(120deg,#2563EB,#0EA5E9);border-radius:18px;padding:22px 24px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.yr-hero h1{font-size:21px;font-weight:800;margin:0}
.yr-hero p{font-size:12.5px;opacity:.92;margin:5px 0 0}
.yr-hero-stats{display:flex;gap:11px}
.yr-hero-stat{background:rgba(255,255,255,.18);border-radius:13px;padding:11px 17px;text-align:center;min-width:74px}
.yr-hero-stat b{font-size:21px;font-weight:800;font-family:'Tajawal';display:block;line-height:1}
.yr-hero-stat span{font-size:10.5px;opacity:.9}
.yr-bar{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.yr-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:10px;font-family:'Cairo';font-size:12.5px;font-weight:700;border:none;cursor:pointer}
.yr-btn-p{background:var(--b);color:#fff}.yr-btn-p:hover{background:#1D4ED8}
.yr-btn-g{background:linear-gradient(135deg,#059669,#10B981);color:#fff}.yr-btn-g:hover{filter:brightness(1.05)}
.yr-btn-o{background:#fff;color:var(--ink);border:1.5px solid var(--line)}.yr-btn-o:hover{border-color:var(--b);color:var(--b)}
.yr-panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:5px 0;overflow:hidden}
.yr-panel-h{font-size:14px;font-weight:800;padding:14px 17px;border-bottom:1px solid #F1F5F9;display:flex;align-items:center;gap:8px}
.yr-row{display:flex;align-items:center;gap:14px;padding:15px 17px;border-bottom:1px solid #F4F7FB}
.yr-row:last-child{border-bottom:none}
.yr-row-ic{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.yr-row-c{flex:1}
.yr-row-name{font-size:15px;font-weight:800}
.yr-row-sub{font-size:11.5px;color:var(--mut);margin-top:3px;display:flex;gap:7px;flex-wrap:wrap}
.yr-pill{font-size:10.5px;font-weight:800;padding:4px 12px;border-radius:20px}
.yr-pill.active{background:#ECFDF5;color:#059669}
.yr-pill.closed{background:#EFF6FF;color:#2563EB}
.yr-pill.archived{background:#F1F5F9;color:#64748B}
.yr-row-btn{padding:8px 14px;border-radius:9px;font-family:'Cairo';font-size:11.5px;font-weight:700;border:1px solid var(--line);background:#fff;color:#475569;cursor:pointer}
.yr-row-btn:hover{border-color:var(--b);color:var(--b)}
.yr-row-btn.primary{background:var(--b);color:#fff;border-color:var(--b)}.yr-row-btn.primary:hover{background:#1D4ED8}
.yr-field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}
.yr-field label{font-size:11.5px;font-weight:700;color:var(--mut)}
.yr-field input,.yr-field select{padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;font-family:'Cairo';font-size:12.5px;outline:none}
.yr-field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
/* promotion (الترحيل) */
.yr-promo-step{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:12px;margin-bottom:10px}
.yr-promo-num{width:30px;height:30px;border-radius:9px;background:#EFF6FF;color:#2563EB;display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0}
.yr-promo-c{flex:1}.yr-promo-t{font-size:13px;font-weight:700}.yr-promo-s{font-size:11px;color:var(--mut);margin-top:2px}
.yr-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
@media(max-width:900px){.yr-stat-grid{grid-template-columns:repeat(2,1fr)}}
.yr-stat{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px;text-align:center}
.yr-stat b{font-size:23px;font-weight:800;font-family:'Tajawal';display:block;line-height:1}
.yr-stat span{font-size:11px;color:var(--mut);font-weight:600;margin-top:5px;display:block}
.yr-tbl{width:100%;border-collapse:collapse;font-size:12.5px}
.yr-tbl th{background:#F4F7FB;padding:11px;text-align:right;font-weight:800;color:#475569;font-size:11.5px}
.yr-tbl td{padding:10px 11px;border-top:1px solid #F1F5F9}
.yr-prog{height:9px;background:#F1F5F9;border-radius:5px;overflow:hidden;margin:14px 0}
.yr-prog i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#2563EB,#0EA5E9);transition:width .4s}