
/* V256: QR, dark mode and sidebar polish */
.twofa-qr-img.xds-local-qr{width:220px;height:220px;margin:0 auto;display:grid;place-items:center;background:#fff;border:1px solid #dbe5df;border-radius:16px;padding:10px;box-shadow:0 14px 35px rgba(15,23,42,.08)}
.twofa-qr-img.xds-local-qr canvas{width:200px!important;height:200px!important;image-rendering:pixelated;display:block}
body.dark-mode .twofa-qr-img.xds-local-qr{background:#fff!important;border-color:#334155!important;box-shadow:0 18px 45px rgba(0,0,0,.35)!important}
body.dark-mode .topbar-title,body.dark-mode .brand-title,body.dark-mode .system-title,body.dark-mode .app-title,body.dark-mode header h1,body.dark-mode header h2{color:#f8fafc!important;text-shadow:0 1px 0 rgba(0,0,0,.25)}
body.dark-mode .text-muted{color:#94a3b8!important}
body.dark-mode .clean-card,body.dark-mode .settings-block,body.dark-mode .card,body.dark-mode .proc-card,body.dark-mode .p221-card,body.dark-mode .p223-kpi,body.dark-mode .proc-dashboard-card,body.dark-mode .order-list-card-pro,body.dark-mode .table-wrap,body.dark-mode .modal-content,body.dark-mode .sp-modal-card{background:#0f172a!important;color:#f8fafc!important;border-color:#263449!important;box-shadow:0 18px 45px rgba(0,0,0,.3)!important}
body.dark-mode .clean-card *,body.dark-mode .settings-block *,body.dark-mode .proc-card *,body.dark-mode .p221-card *,body.dark-mode .p223-kpi *,body.dark-mode .proc-dashboard-card *{color:inherit}
body.dark-mode .table,body.dark-mode .clean-table,body.dark-mode table{--bs-table-bg:#0f172a;--bs-table-color:#f8fafc;--bs-table-border-color:#263449;color:#f8fafc!important;background:#0f172a!important}
body.dark-mode .table thead th,body.dark-mode .clean-table thead th,body.dark-mode table thead th{background:#172033!important;color:#e2e8f0!important;border-color:#263449!important}
body.dark-mode .table tbody td,body.dark-mode .clean-table tbody td,body.dark-mode table tbody td{background:#0f172a!important;color:#f8fafc!important;border-color:#263449!important}
body.dark-mode .table tbody tr:hover td{background:#162237!important}
body.dark-mode input,body.dark-mode select,body.dark-mode textarea,body.dark-mode .form-control,body.dark-mode .form-select,body.dark-mode .compact-control{background:#111827!important;color:#f8fafc!important;border-color:#334155!important}
body.dark-mode input::placeholder,body.dark-mode textarea::placeholder{color:#94a3b8!important}
body.dark-mode .btn-outline-secondary,body.dark-mode .btn-light{background:#111827!important;color:#e2e8f0!important;border-color:#334155!important}
body.dark-mode .category-card,body.dark-mode .p223-category,body.dark-mode .stat-card,body.dark-mode .info-card{background:#111827!important;color:#f8fafc!important;border-color:#334155!important}
body.dark-mode .category-card .text-muted,body.dark-mode .p223-category .text-muted{color:#cbd5e1!important}
#sidebar .menu-link,#sidebar .nav a,#sidebar .submenu a{min-height:38px!important;padding:9px 12px!important;gap:10px!important;border-radius:12px!important;margin:2px 0!important;line-height:1.15!important}
#sidebar .submenu{padding:4px 0 4px 14px!important;margin:2px 0!important;border-left:2px solid rgba(22,101,52,.18)}
#sidebar .submenu li{margin:1px 0!important}
#sidebar .sidebar-section-label{margin:14px 0 6px!important;font-size:11px!important;letter-spacing:.09em!important}
#sidebar .menu-group{margin:2px 0!important}
body.dark-mode #sidebar{background:#0b1220!important;border-color:#263449!important}
body.dark-mode #sidebar .menu-link,body.dark-mode #sidebar .nav a,body.dark-mode #sidebar .submenu a{color:#e5e7eb!important}
body.dark-mode #sidebar .menu-link:hover,body.dark-mode #sidebar .nav a:hover,body.dark-mode #sidebar .submenu a:hover{background:#162237!important;color:#fff!important}
body.dark-mode #sidebar .active{background:linear-gradient(135deg,#2563eb,#4f46e5)!important;color:#fff!important}
/* permission manager */
.perm-group-title{font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin:16px 0 8px;padding-top:8px;border-top:1px solid #e5e7eb}.perm-card{border:1px solid #e5e7eb;border-radius:14px;padding:12px;background:#fff}.perm-card[data-module]{position:relative}.perm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;max-height:62vh;overflow:auto;padding:4px}.perm-title{font-weight:800}.perm-key{font-size:11px;color:#64748b}.perm-actions{display:flex;gap:8px;margin-top:8px}.perm-option{display:inline-flex;gap:6px;align-items:center;border:1px solid #dbe5df;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.perm-option.allow{color:#047857}.perm-option.deny{color:#b91c1c}body.dark-mode .perm-card{background:#111827!important;border-color:#334155!important}body.dark-mode .perm-key,body.dark-mode .perm-group-title{color:#cbd5e1!important}
