/* UX safe patch v2 - non-breaking additions */
:root{--ux-focus:0 0 0 3px rgba(37,99,168,.18);--ux-soft:rgba(27,58,107,.055)}
.ux-helper{font-size:.8rem;color:var(--muted);line-height:1.7;margin:.55rem 0 0}.ux-helper i{color:var(--primary);margin-left:.25rem}
.ux-trust-flow{display:flex;align-items:center;justify-content:center;gap:.45rem;flex-wrap:wrap;background:rgba(27,58,107,.045);border:1px solid var(--border);border-radius:10px;padding:.65rem .75rem;font-size:.78rem;color:var(--primary);font-weight:600;line-height:1.7}.ux-trust-flow span{display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap}.ux-trust-flow i{color:var(--accent)}
.ux-mobile-step{display:none;background:rgba(27,58,107,.055);border:1px solid rgba(27,58,107,.12);color:var(--primary);border-radius:999px;padding:.55rem .85rem;margin-bottom:1rem;font-size:.82rem;font-weight:700;text-align:center}.ux-inline-note{background:rgba(27,58,107,.05);border:1px solid rgba(27,58,107,.10);border-radius:10px;padding:.7rem .85rem;font-size:.82rem;color:var(--muted);line-height:1.7;margin-top:.75rem}.ux-inline-note strong{color:var(--primary)}
.ux-notification-banner{display:none;position:fixed;bottom:132px;right:1rem;left:1rem;z-index:201;background:#fff;color:var(--text);border:1px solid var(--border);border-radius:14px;padding:.85rem 1rem;box-shadow:0 8px 28px rgba(0,0,0,.16)}.ux-notification-banner .ux-notif-row{display:flex;align-items:center;gap:.75rem}.ux-notification-banner .ux-notif-icon{width:40px;height:40px;border-radius:10px;background:rgba(27,58,107,.08);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.ux-notification-banner .ux-notif-title{font-weight:800;font-size:.88rem;color:var(--primary)}.ux-notification-banner .ux-notif-sub{font-size:.73rem;color:var(--muted);margin-top:.1rem}.ux-notification-banner button{font-family:inherit}.ux-btn-mini{border:none;border-radius:8px;padding:.45rem .75rem;font-size:.78rem;font-weight:700;cursor:pointer;white-space:nowrap}.ux-btn-allow{background:var(--primary);color:#fff}.ux-btn-dismiss{background:transparent;color:var(--muted);padding:.25rem .35rem;font-size:1.1rem}
.btn:focus-visible,.copy-btn:focus-visible,.pay-option:focus-within,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--ux-focus)!important}
/* Lightweight UI components */
.ux-chip{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--border);border-radius:999px;background:var(--bg-card);padding:.35rem .65rem;font-size:.76rem;color:var(--muted);font-weight:700}.ux-chip i{color:var(--primary)}
.ux-action-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.ux-muted-box{background:var(--ux-soft);border:1px solid rgba(27,58,107,.10);border-radius:var(--radius);padding:.85rem 1rem;color:var(--muted);line-height:1.8}.ux-loading-lock{pointer-events:none;opacity:.82}.ux-loading-lock i.fa-spinner{margin-inline-start:.25rem}.ux-file-error{display:none;margin-top:.7rem;color:var(--danger);background:#fff5f5;border:1px solid #fecaca;border-radius:8px;padding:.55rem .75rem;font-size:.8rem;line-height:1.7}.ux-file-ok{display:none;margin-top:.7rem;color:var(--success);background:#f0fff4;border:1px solid #bbf7d0;border-radius:8px;padding:.55rem .75rem;font-size:.8rem;line-height:1.7}
/* Admin mobile table cards: generated safely by JS from existing table headers */
.admin-main .table-wrapper{width:100%}.admin-main td[data-label]{position:relative}.ux-mobile-summary{display:none;color:var(--muted);font-size:.78rem;margin:.25rem 0 .75rem;line-height:1.7}.ux-mobile-summary i{color:var(--primary)}
@media(max-width:768px){
  .admin-main .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem!important}.admin-main .stat-card{padding:1rem!important}.admin-main .stat-card .value{font-size:1.4rem!important}
  .admin-main .table-wrapper{overflow:visible!important}.admin-main .table-wrapper table{display:block;width:100%;border:0!important;background:transparent!important}.admin-main .table-wrapper thead{display:none!important}.admin-main .table-wrapper tbody{display:block;width:100%}.admin-main .table-wrapper tr{display:block;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);margin:0 0 .85rem;padding:.55rem .75rem}.admin-main .table-wrapper td{display:flex!important;align-items:flex-start;justify-content:space-between;gap:1rem;width:100%!important;border:0!important;border-bottom:1px solid rgba(221,227,240,.7)!important;background:transparent!important;padding:.62rem 0!important;text-align:left;font-size:.86rem;white-space:normal!important}.admin-main .table-wrapper td:last-child{border-bottom:0!important;padding-bottom:.2rem!important}.admin-main .table-wrapper td::before{content:attr(data-label);font-weight:800;color:var(--primary);font-size:.78rem;text-align:right;min-width:92px;flex:0 0 38%;line-height:1.6}.admin-main .table-wrapper td > *{max-width:100%}.admin-main .table-wrapper td .btn{min-height:34px}.admin-main .dt-pagination{justify-content:center;flex-wrap:wrap}.ux-mobile-summary{display:block}
  .admin-topbar{gap:.5rem}.breadcrumb-nav span{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-user-pill span{display:none}.topbar-action,.ux-theme-toggle{width:34px;height:34px;padding:0;justify-content:center}.topbar-logout-text{display:none}
}
@media(max-width:520px){.admin-main .stat-grid{grid-template-columns:1fr!important}.admin-main .page-title{font-size:1.35rem}.admin-main .table-wrapper td{display:block!important;text-align:right}.admin-main .table-wrapper td::before{display:block;margin-bottom:.22rem;min-width:0}.ux-action-row{display:block}.ux-action-row .btn{width:100%;margin-top:.5rem}}
@media(max-width:500px){.ux-mobile-step{display:block}.steps-bar{display:none!important}.upload-drop{padding:1.6rem .9rem}.bank-detail-row{align-items:flex-start}.ux-trust-flow{justify-content:flex-start}.ux-notification-banner{bottom:92px}}
@media(min-width:768px){.ux-notification-banner{right:auto;left:1.5rem;max-width:420px;bottom:6.3rem}}
/* Dark mode - opt-in via JS toggle, no effect unless user activates it */
:root[data-theme="dark"]{--primary:#6EA8FE;--primary-dark:#0B1220;--primary-mid:#93C5FD;--accent:#5BBB47;--accent-dark:#86EFAC;--accent-light:rgba(91,187,71,.14);--sky:#7DD3FC;--sky-light:rgba(125,211,252,.14);--gold:#FACC15;--white:#FFFFFF;--bg:#0F172A;--bg-card:#111827;--text:#F8FAFC;--text-light:#FFFFFF;--muted:#CBD5E1;--border:#243244;--success:#22C55E;--danger:#F87171;--warning:#FBBF24;--info:#7DD3FC;--shadow:0 2px 14px rgba(0,0,0,.30);--shadow-md:0 6px 28px rgba(0,0,0,.35);--shadow-lg:0 10px 44px rgba(0,0,0,.42)}
:root[data-theme="dark"] body,:root[data-theme="dark"] .card,:root[data-theme="dark"] .product-card,:root[data-theme="dark"] .admin-main .table-wrapper tr{background:var(--bg-card);color:var(--text)}:root[data-theme="dark"] body{background:var(--bg)}:root[data-theme="dark"] .form-group input,:root[data-theme="dark"] .form-group select,:root[data-theme="dark"] .form-group textarea{background:#0B1220;color:var(--text);border-color:var(--border)}:root[data-theme="dark"] .btn-muted{background:#1F2937;color:var(--muted);border-color:var(--border)}:root[data-theme="dark"] .pay-option,:root[data-theme="dark"] .upload-drop,:root[data-theme="dark"] .bank-box,:root[data-theme="dark"] .gateway-box,:root[data-theme="dark"] .ux-notification-banner{background:#111827;color:var(--text);border-color:var(--border)}:root[data-theme="dark"] code{background:#0B1220;color:#BFDBFE}:root[data-theme="dark"] .ux-theme-toggle{background:#1F2937;color:#FACC15;border-color:#334155}
.ux-theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);color:var(--primary);height:38px;min-width:38px;padding:0 .65rem;cursor:pointer;font-family:inherit;font-weight:800}.ux-theme-toggle:hover{box-shadow:var(--shadow);transform:translateY(-1px)}

/* Patch 5: icon-only utilities for compact actions */
.ux-icon-only{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:0!important;width:38px;min-width:38px;height:38px;padding:0!important;line-height:1!important;white-space:nowrap}
.ux-icon-only i{margin:0!important;line-height:1!important}
.ux-theme-toggle.ux-icon-only{width:38px;min-width:38px;height:38px;padding:0!important;border-radius:10px}
.btn-sm.ux-icon-only{width:34px;min-width:34px;height:34px}
.copy-btn.ux-icon-only{width:34px;min-width:34px;height:34px;padding:0!important}
@media(max-width:768px){.ux-theme-toggle.ux-icon-only{width:34px;min-width:34px;height:34px}.btn-sm.ux-icon-only{width:34px;min-width:34px;height:34px}}