/* Re-skins legacy Bootstrap/Metronic markup (still produced by ~600 child views) to the Befounder look.
   Loaded AFTER the vendor bundles; every rule is scoped to .bf-body so nothing leaks into other pages. */
.bf-body{font-size:14px;line-height:1.5}
.bf-body h1,.bf-body h2,.bf-body h3,.bf-body h4,.bf-body h5,.bf-body h6{font-family:var(--bf-font);color:var(--bf-ink);letter-spacing:-.01em}
.bf-body .text-muted,.bf-body .text-gray-600,.bf-body .text-gray-500{color:var(--bf-mut)!important}
.bf-body .text-dark,.bf-body .text-gray-800,.bf-body .text-gray-900{color:var(--bf-ink)!important}
.bf-body a:not(.btn):not(.bf-btn):not(.menu-link):hover{color:var(--bf-blue)}

/* cards */
.bf-body .card{background:var(--bf-card);border:0;border-radius:var(--bf-r-lg);box-shadow:none;margin-bottom:14px}
.bf-body .card-header{background:transparent;border-bottom:1px solid var(--bf-line);padding:16px 20px;min-height:0}
.bf-body .card-title,.bf-body .card-title h3{font-size:15px;font-weight:800;margin:0;color:var(--bf-ink)}
.bf-body .card-body{padding:20px}
.bf-body .card-footer{background:transparent;border-top:1px solid var(--bf-line);padding:14px 20px}

/* buttons */
.bf-body .btn{font-family:var(--bf-font);font-weight:700;font-size:14px;border-radius:var(--bf-r-sm);padding:10px 18px;border:1px solid transparent;transition:transform var(--bf-ease),box-shadow var(--bf-ease),background var(--bf-ease)}
.bf-body .btn:hover{transform:translateY(-1px);box-shadow:var(--bf-shadow)}
.bf-body .btn-sm{padding:6px 12px;font-size:12.5px;border-radius:10px}.bf-body .btn-lg{padding:13px 24px;font-size:15px}
.bf-body .btn-primary,.bf-body .btn-active-primary.active{background:var(--bf-ink)!important;border-color:var(--bf-ink)!important;color:#fff!important}
.bf-body .btn-success{background:var(--g-reg)!important;border-color:transparent!important;color:#fff!important}
.bf-body .btn-info{background:var(--g-bonus)!important;border-color:transparent!important;color:#fff!important}
.bf-body .btn-warning{background:var(--g-mall)!important;border-color:transparent!important;color:#fff!important}
.bf-body .btn-danger{background:var(--bf-bad)!important;border-color:var(--bf-bad)!important;color:#fff!important}
.bf-body .btn-secondary,.bf-body .btn-light,.bf-body .btn-light-primary,.bf-body .btn-light-success,.bf-body .btn-light-info,.bf-body .btn-light-warning,.bf-body .btn-light-danger{background:#fff!important;color:var(--bf-ink)!important;border-color:var(--bf-line)!important}
.bf-body .btn-outline-primary,.bf-body .btn-outline{background:transparent!important;color:var(--bf-ink)!important;border-color:var(--bf-ink)!important}
.bf-body .btn:disabled,.bf-body .btn.disabled{opacity:.55}

/* badges */
.bf-body .badge{font-family:var(--bf-font);border-radius:99px;font-weight:700;font-size:11.5px;padding:4px 10px}
.bf-body .badge-primary,.bf-body .badge-light-primary,.bf-body .bg-primary,.bf-body .badge.bg-info,.bf-body .badge-info,.bf-body .badge-light-info,.bf-body .badge-secondary{background:var(--bf-info-bg)!important;color:var(--bf-info)!important}
.bf-body .badge-success,.bf-body .badge-light-success,.bf-body .badge.bg-success{background:var(--bf-ok-bg)!important;color:var(--bf-ok)!important}
.bf-body .badge-warning,.bf-body .badge-light-warning,.bf-body .badge.bg-warning{background:var(--bf-warn-bg)!important;color:var(--bf-warn)!important}
.bf-body .badge-danger,.bf-body .badge-light-danger,.bf-body .badge.bg-danger{background:var(--bf-bad-bg)!important;color:var(--bf-bad)!important}
.bf-body .badge-dark,.bf-body .badge.bg-dark,.bf-body .badge-light{background:var(--bf-bg)!important;color:var(--bf-mut)!important}

/* tables */
.bf-body .table{font-size:13px;color:var(--bf-ink);--bs-table-bg:transparent}
.bf-body .table>:not(caption)>*>*{padding:11px 10px;border-bottom-color:var(--bf-line)}
.bf-body .table thead th,.bf-body table.dataTable thead th{color:var(--bf-mut);font-weight:700;font-size:11.5px;text-transform:none;letter-spacing:0;border-bottom:1px solid var(--bf-line)}
.bf-body .table-hover>tbody>tr:hover>*,.bf-body .table tbody tr:hover td{background:var(--bf-bg)}
.bf-body .table-responsive{overflow-x:auto}
.bf-body .table td,.bf-body .table th{overflow-wrap:anywhere}

/* forms */
.bf-body .form-control,.bf-body .form-select,.bf-body .select2-container--bootstrap5 .select2-selection{font-family:var(--bf-font);background:#fff;border:1px solid var(--bf-line);border-radius:var(--bf-r-sm);padding:10px 14px;color:var(--bf-ink);font-size:14px}
.bf-body .form-control:focus,.bf-body .form-select:focus{border-color:var(--bf-blue);box-shadow:var(--bf-focus);background:#fff;color:var(--bf-ink)}
.bf-body .form-control-solid,.bf-body .form-select-solid{background:var(--bf-bg);border-color:transparent}
.bf-body .form-label,.bf-body label.required{font-weight:700;font-size:13px;color:var(--bf-ink)}
.bf-body .form-check-input:checked{background-color:var(--bf-ink);border-color:var(--bf-ink)}
.bf-body .invalid-feedback,.bf-body .text-danger{color:var(--bf-bad)!important}

/* alerts */
.bf-body .alert{border:0;border-radius:var(--bf-r-sm);font-weight:600;font-size:13px}
.bf-body .alert-primary,.bf-body .alert-info{background:var(--bf-info-bg);color:var(--bf-info)}
.bf-body .alert-success{background:var(--bf-ok-bg);color:var(--bf-ok)}
.bf-body .alert-warning{background:var(--bf-warn-bg);color:var(--bf-warn)}
.bf-body .alert-danger{background:var(--bf-bad-bg);color:var(--bf-bad)}

/* tabs, pills, pagination */
.bf-body .nav-tabs,.bf-body .nav-line-tabs{border-bottom:1px solid var(--bf-line)}
.bf-body .nav-tabs .nav-link,.bf-body .nav-line-tabs .nav-link{color:var(--bf-mut);font-weight:700;border:0;border-bottom:2px solid transparent;border-radius:0}
.bf-body .nav-tabs .nav-link.active,.bf-body .nav-line-tabs .nav-link.active{color:var(--bf-ink);border-bottom-color:var(--bf-violet);background:transparent}
.bf-body .nav-pills .nav-link{border-radius:var(--bf-r-sm);font-weight:700;color:var(--bf-mut)}
.bf-body .nav-pills .nav-link.active{background:var(--bf-ink);color:#fff}
.bf-body .pagination .page-link,.bf-body .dataTables_wrapper .dataTables_paginate .paginate_button{border:0;border-radius:10px;margin:0 2px;color:var(--bf-ink);font-weight:700;background:transparent}
.bf-body .pagination .page-item.active .page-link,.bf-body .dataTables_wrapper .dataTables_paginate .paginate_button.current{background:var(--bf-ink)!important;color:#fff!important}

/* DataTables */
.bf-body .dataTables_wrapper .dataTables_filter input,.bf-body .dataTables_wrapper .dataTables_length select{border:1px solid var(--bf-line);border-radius:var(--bf-r-sm);padding:8px 12px;font-family:var(--bf-font)}
.bf-body .dataTables_wrapper .dataTables_info{color:var(--bf-mut);font-size:12.5px}
.bf-body table.dataTable{border-collapse:collapse!important}

/* modals + SweetAlert */
.bf-body .modal-content{border:0;border-radius:var(--bf-r-xl);box-shadow:var(--bf-shadow-lg)}
.bf-body .modal-header{border-bottom:1px solid var(--bf-line)}.bf-body .modal-footer{border-top:1px solid var(--bf-line)}
.bf-body .modal-title{font-weight:800}
.swal2-popup{font-family:var(--bf-font);border-radius:var(--bf-r-xl)!important;color:var(--bf-ink)}
.swal2-styled.swal2-confirm{background:var(--bf-ink)!important;border-radius:var(--bf-r-sm)!important;font-weight:700!important}
.swal2-styled.swal2-cancel{background:#fff!important;color:var(--bf-ink)!important;border:1px solid var(--bf-line)!important;border-radius:var(--bf-r-sm)!important;font-weight:700!important}
.swal2-title{font-weight:800!important;font-size:20px!important}

/* misc Metronic symbols */
.bf-body .symbol .symbol-label{border-radius:14px}
.bf-body .separator{border-color:var(--bf-line)}
.bf-body .bg-light,.bf-body .bg-body{background:var(--bf-bg)!important}
.bf-body .shadow-sm,.bf-body .shadow{box-shadow:none!important}
.bf-body .w-100-mobile{width:100%}

/* containment: wide legacy tables/forms scroll inside their card instead of widening the page */
.bf-adm>div,.bf-main{min-width:0}
.bf-main .dataTables_wrapper{overflow-x:auto;max-width:100%}
.bf-main .card-body{min-width:0}
.bf-main img,.bf-main video,.bf-main iframe{max-width:100%;height:auto}
.bf-main .container-xxl,.bf-main .container-fluid{padding-left:0;padding-right:0;max-width:100%}

/* auth screens: primary actions use the brand blue; wallet gradients stay on wallet tiles */
.bf-auth .btn-warning,.bf-auth .btn-primary{background:var(--g-brand)!important;border-color:transparent!important;color:#fff!important}
.bf-auth .btn-warning:hover,.bf-auth .btn-primary:hover{box-shadow:0 8px 20px rgba(10,108,255,.3)}