/* Admin UX v3.0.0 - Safe additive layer */
.admin-compact-actions{display:flex;gap:.4rem;margin-bottom:1rem;flex-wrap:wrap}.admin-stat-subline{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem;font-size:.72rem;color:var(--muted)}.admin-stat-subline span[aria-hidden="true"]{color:var(--border)}
.admin-main .btn[aria-label],.admin-main a[aria-label]{position:relative}.admin-main .table-wrapper code{font-size:.82rem}.admin-main .table-wrapper .btn-sm{min-width:34px}.admin-main .table-wrapper td[data-label="إجراء"] .btn,.admin-main .table-wrapper td[data-label="الإجراء"] .btn{margin:.12rem}.admin-main .table-wrapper td[data-label="إجراء"],.admin-main .table-wrapper td[data-label="الإجراء"]{white-space:normal!important}.admin-main .card{min-width:0}.admin-main .stat-card .value{overflow-wrap:anywhere}
@media(max-width:768px){.admin-compact-actions .btn{flex:1;min-width:135px}.admin-stat-subline{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:.65rem .75rem}.admin-main .table-wrapper td[data-label="إجراء"]::before,.admin-main .table-wrapper td[data-label="الإجراء"]::before{margin-bottom:.45rem}.admin-main .table-wrapper td[data-label="إجراء"] .btn,.admin-main .table-wrapper td[data-label="الإجراء"] .btn{min-width:88px;justify-content:center}}


/* === UX Patch 4.0.0: Admin dashboard extracted CSS === */
.dash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.25rem}
.dash-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem;position:relative;overflow:hidden}
.dash-card-icon{position:absolute;top:.75rem;left:.75rem;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.9rem}
.dash-val{font-size:1.6rem;font-weight:900;margin-bottom:.15rem}
.dash-lbl{font-size:.72rem;color:var(--muted)}
.dash-sub{font-size:.65rem;color:var(--muted);margin-top:.25rem}

.dash-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.25rem}
.dash-grid-3{display:grid;grid-template-columns:2fr 1fr;gap:.75rem;margin-bottom:1.25rem}

.mini-stat{display:flex;align-items:center;gap:.6rem;padding:.55rem .75rem;background:var(--bg);border-radius:8px;margin-bottom:.4rem}
.mini-stat-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0}
.mini-stat-val{font-size:1rem;font-weight:800}
.mini-stat-lbl{font-size:.7rem;color:var(--muted)}

.progress-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin-top:.35rem}
.progress-fill{height:100%;border-radius:3px;transition:width .5s}

@media(max-width:768px){
  .dash-grid{grid-template-columns:repeat(2,1fr)}
  .dash-grid-2,.dash-grid-3{grid-template-columns:1fr}
}


/* === UX Patch 4.0.0: Affiliate detail extracted CSS === */
.det-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}
.det-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem}
.link-box{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.5rem .75rem;display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;direction:ltr;font-size:.82rem;word-break:break-all}
.link-box input{flex:1;border:none;background:none;font-size:.82rem;font-family:monospace;outline:none}
.link-box button{white-space:nowrap}
.progress-bar{height:8px;background:var(--border);border-radius:4px;overflow:hidden}
.progress-fill{height:100%;border-radius:4px;background:var(--primary);transition:width .5s}
.evt-row{display:flex;align-items:center;gap:.6rem;padding:.45rem 0;border-bottom:1px solid var(--bg);font-size:.82rem}
.evt-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;flex-shrink:0}
@media(max-width:768px){.det-grid{grid-template-columns:1fr}}

/* Patch 6: admin compact header refinements */
.sidebar-brand-logo{height:38px;filter:brightness(0) invert(1)}
.topbar-logout-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem}
.topbar-logout-btn.ux-icon-only .topbar-logout-text{display:none!important}
@media(max-width:768px){.sidebar-brand-logo{height:34px}}


/* Packages Patch 9: admin package payments */
.pkg-admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem;margin-bottom:1rem}.pkg-admin-stats .card{padding:1rem}.pkg-admin-stats span{display:block;color:var(--muted);font-size:.78rem;margin-bottom:.3rem}.pkg-admin-stats strong{font-size:1.25rem;color:var(--primary)}.pkg-admin-filter{display:flex;align-items:end;gap:.75rem;margin-bottom:1rem;padding:1rem}.pkg-admin-filter label{font-size:.78rem;color:var(--muted);font-weight:800}.pkg-admin-filter select{border:1px solid var(--border);border-radius:9px;padding:.55rem .75rem;background:var(--bg-card);color:var(--text);font-family:inherit}.pkg-admin-action-form{display:grid;gap:.5rem;min-width:240px}.pkg-admin-action-form textarea{width:100%;border:1px solid var(--border);border-radius:8px;padding:.5rem;background:var(--bg-card);color:var(--text);font-family:inherit}.pkg-admin-actions-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.pkg-mini-check{font-size:.75rem;color:var(--muted);display:inline-flex;align-items:center;gap:.25rem}
@media(max-width:768px){.pkg-admin-filter{display:block}.pkg-admin-filter select{width:100%;margin-top:.35rem}.pkg-admin-action-form{min-width:0}.pkg-admin-actions-row .btn{flex:1}}

/* Packages Patch 12 */
.pkg-health-card code{direction:ltr;unicode-bidi:plaintext;background:rgba(15,23,42,.06);padding:.15rem .35rem;border-radius:.4rem}
.pkg-health-status{display:flex;align-items:center;gap:.55rem;border-radius:14px;padding:.85rem 1rem;margin-top:1rem;font-weight:800}
.pkg-health-status.ok{background:rgba(34,197,94,.12);color:#166534}
.pkg-health-status.warn{background:rgba(245,158,11,.14);color:#92400e}
[data-theme="dark"] .pkg-health-card code{background:rgba(255,255,255,.08)}
[data-theme="dark"] .pkg-health-status.ok{color:#86efac}
[data-theme="dark"] .pkg-health-status.warn{color:#fcd34d}