:root{
  --sidebar-w:280px;
  --bg:#f5f7fb;
  --card:#ffffff;
  --text:#182230;
  --muted:#667085;
  --primary:#2563eb;
  --primary-soft:#eff6ff;
  --line:#e4e7ec;
  --head:#344054;
  --head-2:#475467;
  --total:#f8fafc;
  --shadow:0 8px 24px rgba(16,24,40,.06);
}
*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
body.report-body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:14px}
.report-shell{min-height:100vh;display:flex;width:100%}
.report-sidebar{width:var(--sidebar-w);background:#fff;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;z-index:1040;overflow:auto;transition:transform .22s ease;box-shadow:none}
.report-brand{height:64px;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--line);font-weight:800;color:#182230}
.report-brand .logo{width:34px;height:34px;border-radius:10px;background:#f2f4f7;color:#475467;display:grid;place-items:center;flex:0 0 auto}
.report-brand small{color:var(--muted);font-weight:600}
.report-nav{padding:10px}
.report-nav a{display:flex;align-items:center;justify-content:space-between;gap:8px;text-decoration:none;color:#344054;padding:10px 12px;border-radius:10px;margin-bottom:3px;font-weight:600;line-height:1.2}
.report-nav a i{color:#667085}
.report-nav a:hover,.report-nav a.active{background:var(--primary-soft);color:#1d4ed8}
.report-nav a:hover i,.report-nav a.active i{color:#1d4ed8}
.report-nav small{color:#98a2b3}
.report-main{width:100%;margin-left:var(--sidebar-w);min-width:0}
.report-topbar{min-height:64px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:900;display:flex;align-items:center;gap:12px;padding:12px 20px}
.report-topbar h1{font-size:20px;margin:0;color:#182230;font-weight:800}
.report-topbar p{margin:2px 0 0;color:var(--muted);font-size:12px}
.hamb{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px;color:#344054}
.report-content{padding:18px 20px;width:100%;max-width:100%}
.filter-card,.table-card,.summary-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:16px;margin-bottom:16px;max-width:100%}
.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;align-items:end}
.field label{display:block;font-size:12px;font-weight:800;color:#344054;margin-bottom:6px}
.field input,.field select{width:100%;height:40px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;padding:0 12px;color:#182230;outline:none}
.field input:focus,.field select:focus{border-color:#93c5fd;box-shadow:0 0 0 3px rgba(37,99,235,.10)}
.seg{display:flex;gap:6px;flex-wrap:wrap}.seg button,.btn-soft,.btn-primary-clean{border:0;border-radius:10px;padding:10px 14px;font-weight:800;line-height:1}.seg button{background:#f2f4f7;color:#344054;border:1px solid #eaecf0}.seg button.active,.btn-primary-clean{background:#2563eb;color:#fff}.btn-soft{background:#f2f4f7;color:#344054}.recalc{color:#1d4ed8;text-decoration:none;font-weight:800;font-size:12px}.quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.metric{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 6px 16px rgba(16,24,40,.04)}.metric span{color:var(--muted);font-size:12px}.metric strong{display:block;font-size:22px;margin-top:4px;color:#101828}.table-wrap{width:100%;max-width:100%;overflow:auto;border-radius:12px;border:1px solid var(--line);-webkit-overflow-scrolling:touch;background:#fff}.table-wrap::-webkit-scrollbar{height:9px}.table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.table-wrap::-webkit-scrollbar-track{background:#f1f5f9}.report-table{width:100%;border-collapse:separate;border-spacing:0;min-width:720px;background:#fff}.report-table th{background:var(--head);color:#fff;text-align:left;padding:10px;font-size:12px;white-space:nowrap;border-right:1px solid rgba(255,255,255,.14)}.report-table td{padding:10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px;white-space:nowrap;color:#182230}.report-table tbody tr:nth-child(even):not(.total) td{background:#fcfcfd}.report-table tr.total td{background:var(--total);font-weight:800}.report-table td.positive{color:#047857;font-weight:800}.report-table td.negative{color:#b42318;font-weight:800}.section-title{color:#344054;font-weight:800;margin:18px 0 8px}.notice{padding:12px;border-radius:12px;background:#f8fafc;color:#475467;margin-bottom:12px;border:1px solid var(--line)}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:1030}.scroll-hint{display:none;color:#667085;font-size:12px;margin-top:8px}.close-side{display:none;margin-left:auto;border:0;background:#f2f4f7;border-radius:8px;padding:6px 8px;color:#344054}.report-sidebar.show{transform:translateX(0)}
@media(max-width:991.98px){.report-sidebar{transform:translateX(-100%);box-shadow:20px 0 40px rgba(15,23,42,.18)}.sidebar-overlay.show{display:block}.close-side,.hamb{display:inline-flex}.report-main{margin-left:0}.report-topbar{padding:10px 12px}.report-content{padding:14px 12px}.filter-grid{grid-template-columns:1fr 1fr}.quick-stats{grid-template-columns:1fr 1fr}.table-card{padding:12px}.scroll-hint{display:block}}
@media(max-width:575.98px){body.report-body{font-size:13px}.report-topbar{min-height:60px}.report-topbar h1{font-size:17px}.report-topbar p{display:none}.filter-grid{grid-template-columns:1fr}.quick-stats{grid-template-columns:1fr 1fr;gap:10px}.filter-card,.table-card,.summary-card{border-radius:14px;padding:12px}.field input,.field select{height:44px}.report-table{min-width:650px}.report-table th,.report-table td{padding:9px 8px;font-size:12px}.metric{padding:12px}.metric strong{font-size:18px}.seg button,.btn-soft,.btn-primary-clean{width:100%;padding:11px 12px}.report-sidebar{width:min(86vw,300px)}}
/* Clean report grouping */
.nav-group{margin:6px 0 4px;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
.nav-group-btn{width:100%;border:0;background:linear-gradient(204deg,#2563eb,#103fac);color:#fff;padding:11px 12px;font-weight:800;display:flex;align-items:center;justify-content:space-between;gap:8px}
.nav-group-list{display:block;padding:8px;background:#f8fafc;max-height:none}
.nav-group:not(.open) .nav-group-list{display:none}
.report-nav a.report-sub{font-size:13px;margin-bottom:2px;padding:9px 10px;background:transparent;border:1px solid transparent}
.report-nav a.report-sub:hover,.report-nav a.report-sub.active{background:#fff;border-color:#dbeafe;color:#1d4ed8;box-shadow:0 2px 8px rgba(16,24,40,.04)}
.report-table tbody tr:hover td{background:#f9fafb}
.table-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.table-title-row h2{font-size:15px;margin:0;font-weight:800;color:#182230}.table-title-row span{font-size:12px;color:#667085}
.table-card.inner{box-shadow:none;margin:0 0 12px 0;padding:0;border:0;background:transparent}.table-card.inner .table-title-row{display:none}
.action-field{align-self:end}
@media(max-width:575.98px){.table-title-row{display:block}.table-title-row span{display:block;margin-top:3px}.nav-group-list{padding:6px}.report-nav a.report-sub{padding:10px}}

.entries-control .rounded-select-wrap {
  margin-top: -35px !important;
}

/* Shared topbar profile actions */
.report-topbar{overflow:visible}.report-actions{margin-left:auto;display:flex;align-items:center;gap:10px;position:relative;z-index:1100}.report-icon-btn,.report-profile-btn{border:1px solid var(--line);background:#fff;border-radius:12px;height:40px;min-width:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#344054;font-weight:800}.report-avatar{width:30px;height:30px;border-radius:50%;background:#dbeafe;color:#1d4ed8;display:grid;place-items:center;font-weight:900}.report-profile-wrap{position:relative}.report-profile-menu{display:none;position:absolute;right:0;top:48px;width:230px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 45px rgba(15,23,42,.16);padding:8px;z-index:3000}.report-profile-menu.show{display:block}.report-profile-menu .head{padding:8px 10px;border-bottom:1px solid var(--line);margin-bottom:6px}.report-profile-menu .head b{display:block}.report-profile-menu .head small{color:var(--muted)}.report-profile-menu a{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;text-decoration:none;color:#344054;font-weight:700}.report-profile-menu a:hover{background:#f8fafc;color:#1d4ed8}.report-profile-menu a.danger{color:#dc2626}.user-badge{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 12px;font-weight:800;color:#182230}.user-badge small{color:#667085;font-weight:700}.user-search-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;align-items:end}.user-toolbar{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between;align-items:center}.clean-btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 12px;font-weight:800;color:#344054}.clean-btn.primary{background:#2563eb;color:#fff;border-color:#2563eb}.clean-btn.success{background:#16a34a;color:#fff;border-color:#16a34a}.member-card-list{display:none;gap:12px}.member-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:0 6px 16px rgba(16,24,40,.04)}.member-card h3{font-size:17px;margin:0 0 4px;font-weight:900}.member-card .meta{color:#667085;font-size:12px;margin-bottom:10px}.member-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:13px}.member-grid span{color:#667085}.member-grid b{text-align:right}.user-detail-modal{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:4000;display:none;padding:18px}.user-detail-modal.show{display:block}.user-detail-panel{background:#fff;border-radius:18px;max-width:1180px;margin:0 auto;height:calc(100vh - 36px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 22px 60px rgba(15,23,42,.25)}.user-detail-head{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.user-detail-head h2{font-size:18px;margin:0;color:#ef3333;font-weight:900}.user-detail-head p{font-size:12px;color:#667085;margin:4px 0 0}.user-detail-close{border:0;background:#f2f4f7;border-radius:10px;width:38px;height:38px}.user-detail-body{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:0;flex:1}.user-detail-nav{background:#f8fafc;border-right:1px solid var(--line);padding:12px;overflow:auto;display:flex;flex-direction:column;gap:7px}.user-detail-nav button{border:1px solid var(--line);background:#fff;color:#344054;border-radius:10px;padding:10px 11px;text-align:left;font-weight:800;font-size:13px}.user-detail-nav button.active,.user-detail-nav button:hover{background:#2563eb;color:#fff;border-color:#2563eb}.user-detail-content{padding:16px;overflow:auto;background:#f8fafc}.ud-section{display:none;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 6px 18px rgba(16,24,40,.04)}.ud-section.active{display:block}.ud-section h3{font-size:18px;margin:0 0 4px;font-weight:900}.ud-section p{margin:0 0 14px;color:#667085;font-size:13px}.ud-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.ud-form.one{grid-template-columns:1fr}.ud-form label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#344054}.ud-form input,.ud-form select{height:40px;border:1px solid #d0d5dd;border-radius:10px;padding:0 12px}.ud-summary{display:flex;gap:12px;flex-wrap:wrap;background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:10px;margin:10px 0}.provider-soft td{background:#fff7f8!important}.log-clean{background:#f8fafc;border:1px solid var(--line);border-radius:14px;min-height:260px;padding:14px}.modal-bottom{padding:12px;border-top:1px solid var(--line);display:flex;justify-content:center;background:#fff}.modal-bottom button{min-width:160px}
@media(max-width:991.98px){.report-actions{gap:6px}.report-profile-btn span{display:none}.report-profile-menu{position:fixed;right:12px;top:58px}.user-search-grid{grid-template-columns:1fr 1fr}.user-detail-modal{padding:0}.user-detail-panel{height:100vh;border-radius:0}.user-detail-body{display:flex;flex-direction:column}.user-detail-nav{flex-direction:row;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid var(--line)}.user-detail-nav button{white-space:nowrap;flex:0 0 auto}.user-detail-content{padding:12px}.ud-form{grid-template-columns:1fr 1fr}.report-topbar{align-items:center}.report-topbar>div:first-of-type{min-width:0}.report-topbar h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:575.98px){.report-actions .report-icon-btn{display:none}.report-profile-menu{width:calc(100vw - 24px);max-width:320px}.user-search-grid{grid-template-columns:1fr}.report-table.user-main-table{display:none}.member-card-list{display:grid}.ud-form{grid-template-columns:1fr}.user-detail-head{padding:12px}.user-detail-head h2{font-size:16px}.user-detail-content{padding:10px}.ud-section{padding:12px}.modal-bottom button{width:100%}.user-toolbar{display:grid;grid-template-columns:1fr}.user-toolbar .clean-btn{width:100%}}


/* Clean management pages */
.manage-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.manage-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:var(--shadow)}.manage-card span{font-size:12px;color:var(--muted)}.manage-card strong{display:block;font-size:20px;margin-top:4px}.form-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:16px;box-shadow:var(--shadow)}.form-title{font-size:16px;font-weight:900;margin:0 0 12px;color:#182230}.clean-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}.clean-form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.clean-form-grid.one{grid-template-columns:1fr}.soft-note{background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;border-radius:14px;padding:12px;font-size:13px;margin:12px 0}.btn-orange-clean{background:#f97316;color:#fff;border:0;border-radius:10px;padding:10px 14px;font-weight:800}.btn-green-clean{background:#16a34a;color:#fff;border:0;border-radius:10px;padding:10px 14px;font-weight:800}.btn-red-clean{background:#dc2626;color:#fff;border:0;border-radius:10px;padding:10px 14px;font-weight:800}.action-links a{font-weight:800;text-decoration:none;margin-right:8px}.muted-cell{color:#667085}.pill{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:#f2f4f7;color:#344054;font-weight:800;font-size:12px}.pill.ok{background:#ecfdf3;color:#027a48}.pill.warn{background:#fffaeb;color:#b54708}.pill.danger{background:#fef3f2;color:#b42318}.modal-clean{position:fixed;inset:0;background:rgba(15,23,42,.55);display:none;z-index:5000;padding:18px;overflow:auto}.modal-clean.show{display:block}.modal-clean-panel{background:#fff;border-radius:18px;max-width:900px;margin:0 auto;box-shadow:0 22px 60px rgba(15,23,42,.28);overflow:hidden}.modal-clean-panel.wide{max-width:1040px}.modal-clean-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;border-bottom:1px solid var(--line);padding:14px 18px}.modal-clean-head h3{font-size:18px;margin:0;font-weight:900;color:#182230}.modal-clean-close{border:0;background:#f2f4f7;border-radius:10px;width:38px;height:38px}.modal-clean-body{padding:16px}.modal-clean-foot{border-top:1px solid var(--line);padding:12px;display:flex;gap:10px;justify-content:center}.textarea-clean{width:100%;min-height:90px;border:1px solid #d0d5dd;border-radius:10px;padding:10px}.check-list-box{max-height:140px;overflow:auto;border:1px solid #d0d5dd;border-radius:10px;padding:8px;background:#fff}.check-list-box label{display:block;font-size:12px;margin-bottom:4px}.promo-category{background:#f2f4f7!important;color:#344054!important;font-size:15px!important}.promo-title{font-weight:900}.editor-placeholder{height:120px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;padding:10px;color:#667085;overflow:auto}.mini-help{font-size:11px;color:#ef4444;font-weight:700}.compact-img{max-width:220px;border-radius:10px;border:1px solid var(--line)}
@media(max-width:991.98px){.manage-summary{grid-template-columns:repeat(2,1fr)}.clean-form-grid,.clean-form-grid.two{grid-template-columns:1fr 1fr}.modal-clean{padding:10px}.modal-clean-panel{max-width:100%}}
@media(max-width:575.98px){.manage-summary{grid-template-columns:1fr 1fr}.clean-form-grid,.clean-form-grid.two{grid-template-columns:1fr}.form-panel{padding:12px}.modal-clean{padding:0}.modal-clean-panel{min-height:100vh;border-radius:0}.modal-clean-foot{position:sticky;bottom:0;background:#fff}.modal-clean-foot button{flex:1}.compact-img{max-width:100%}}


/* Extra clean setting pages */
.setting-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.setting-tabs a{border:1px solid var(--line);background:#fff;color:#344054;text-decoration:none;border-radius:10px;padding:10px 14px;font-weight:800}.setting-tabs a.active{background:#344054;color:#fff;border-color:#344054}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:16px}.settings-card h2{font-size:16px;font-weight:900;margin:0 0 12px;color:#182230}.field-stack{display:grid;gap:12px}.field-row{display:grid;grid-template-columns:260px minmax(0,1fr);gap:12px;align-items:start;border-bottom:1px solid #eef2f6;padding-bottom:10px}.field-row:last-child{border-bottom:0}.field-row label{font-weight:800;color:#344054}.field-row small{display:block;color:#667085;font-weight:600;margin-top:3px}.field-row input,.field-row select,.field-row textarea,.field input,.field select,.field textarea{width:100%;border:1px solid #d0d5dd;border-radius:10px;min-height:40px;padding:8px 12px;background:#fff}.field-row textarea{min-height:100px}.field-row .check-area{border:1px solid #d0d5dd;border-radius:10px;max-height:170px;overflow:auto;padding:8px;background:#fff}.check-area label{display:block;font-weight:600;color:#344054;margin-bottom:5px}.provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.provider-box{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff}.provider-box h3{font-size:15px;color:#ef3333;font-weight:900;margin:0 0 8px}.provider-box .mini-fields{display:grid;gap:8px}.access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.access-box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px}.access-box h3{font-size:15px;color:#ef3333;font-weight:900}.sport-league-box{height:260px;overflow:auto;border:1px solid #d0d5dd;border-radius:10px;padding:10px;background:#fff}.page-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.page-actions .btn-green-clean{min-width:140px}.subtle-warning{background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;padding:10px 12px;margin-bottom:14px;color:#7c2d12;font-weight:700}.two-col-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.modal-clean{overscroll-behavior:contain}.modal-clean-panel{max-height:calc(100vh - 36px);display:flex;flex-direction:column}.modal-clean-body{overflow:auto}.sticky-save{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--line);padding-top:12px;z-index:5}
@media(max-width:991.98px){.settings-grid,.provider-grid,.access-grid,.two-col-form{grid-template-columns:1fr}.field-row{grid-template-columns:1fr;gap:6px}.setting-tabs{overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.setting-tabs a{white-space:nowrap}.sport-league-box{height:220px}}
@media(max-width:575.98px){.settings-card{padding:12px}.page-actions{display:grid}.page-actions button,.page-actions a{width:100%}.field-row input,.field-row select,.field-row textarea{font-size:16px}}

/* Website setting clean pages */
.editor-placeholder{border:1px solid #d0d5dd;border-radius:10px;background:#fff;min-height:180px;overflow:hidden}.editor-toolbar{border-bottom:1px solid var(--line);padding:9px 10px;color:#344054;background:#f8fafc}.editor-area{min-height:130px;padding:10px;color:#667085}.css-table td{vertical-align:middle}.css-color{width:90px;height:32px;padding:2px;border:1px solid #98a2b3;border-radius:6px}.css-file{width:110px;max-width:35vw;height:32px;background:#f2f4f7}.btn-sm{padding:6px 10px!important;border-radius:8px!important}
@media(max-width:575.98px){.css-table{min-width:760px!important}.css-table td,.css-table th{font-size:12px}.editor-toolbar{white-space:nowrap;overflow:auto}.field-row textarea{min-height:120px}}


/* Website media asset pages */
.media-table-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:14px;margin-bottom:16px}.media-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.media-tabs a{border:1px solid var(--line);background:#fff;color:#344054;text-decoration:none;border-radius:10px;padding:10px 14px;font-weight:800}.media-tabs a.active{background:#344054;color:#fff;border-color:#344054}.media-table{min-width:920px}.media-table textarea{width:100%;min-height:82px;border:1px solid #d0d5dd;border-radius:10px;padding:9px 10px;color:#475467;background:#fff}.media-table input[type=text]{width:100%;height:38px;border:1px solid #d0d5dd;border-radius:10px;padding:0 10px}.media-item-title{font-weight:800;color:#182230}.media-upload{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap}.thumb{width:60px;height:60px;object-fit:cover;border-radius:10px;border:1px solid var(--line);background:#f2f4f7}.thumb.wide{width:96px;height:46px}.file-btn{border:1px solid #d0d5dd;background:#fff;border-radius:8px;padding:6px 9px;font-weight:700}.file-text{color:#667085;font-size:12px}.compact-save{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--line);padding:12px 0 0;margin-top:10px;z-index:5}.media-mobile-list{display:none;gap:12px}.media-mobile-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;box-shadow:0 6px 16px rgba(16,24,40,.04)}.media-mobile-card h3{font-size:15px;margin:0 0 8px;font-weight:900}.media-mobile-card label{display:block;font-size:12px;font-weight:800;color:#344054;margin-top:8px;margin-bottom:5px}.media-mobile-card textarea,.media-mobile-card input[type=text]{width:100%;border:1px solid #d0d5dd;border-radius:10px;padding:9px}.media-mobile-card textarea{min-height:90px}.image-note{font-size:12px;color:#667085;margin-bottom:8px}.delete-mini{background:#dc2626;color:#fff;border:0;border-radius:8px;padding:6px 10px;font-weight:800}.cyan-head th{background:#0ea5b5!important;color:#fff!important}.asset-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.asset-summary .metric strong{font-size:19px}
@media(max-width:991.98px){.asset-summary{grid-template-columns:repeat(2,1fr)}.media-table{min-width:860px}.media-tabs{overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.media-tabs a{white-space:nowrap}}
@media(max-width:575.98px){.media-table-card .table-wrap{display:none}.media-mobile-list{display:grid}.asset-summary{grid-template-columns:1fr 1fr}.media-tabs a{padding:9px 12px}.media-table-card{padding:12px}.compact-save .btn-green-clean{width:100%}}


/* Tool / maintenance pages */
.tool-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:14px}.tool-left{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:10px;max-height:calc(100vh - 130px);overflow:auto}.tool-left a{display:block;text-decoration:none;color:#344054;font-weight:700;padding:9px 10px;border-radius:9px;margin-bottom:3px}.tool-left a.active,.tool-left a:hover{background:var(--primary-soft);color:#1d4ed8}.code-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.code-box label{font-weight:900;color:#182230;margin-bottom:6px;display:block}.code-editor{height:520px;border:1px solid #d0d5dd;border-radius:14px;background:#fff;display:grid;grid-template-columns:44px 1fr;overflow:hidden}.line-no{background:#f8fafc;border-right:1px solid var(--line);color:#98a2b3;text-align:right;padding:10px 8px;font-size:12px}.code-editor textarea{border:0;border-radius:0;height:100%;resize:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;padding:10px;outline:0}.simple-list{display:grid;gap:18px}.simple-list-item{border-bottom:1px solid var(--line);padding-bottom:16px}.simple-list-item h3{font-size:15px;font-weight:900;margin:0 0 6px;color:#182230}.danger-section{border:1px solid #fecaca;background:#fff;border-radius:16px;padding:16px;margin-bottom:14px}.api-checks{max-height:250px;overflow:auto;border:1px solid #d0d5dd;border-radius:12px;padding:10px;background:#fff}.api-checks label{display:block;margin-bottom:5px}.mini-radio{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.yellow-soft{background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;padding:12px;margin-bottom:14px;color:#7c2d12}.table-red-row td{background:#fee2e2!important}.code-label{font-size:12px;color:#667085;margin-top:6px}.upload-box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow);max-width:720px}.changelog{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow)}.log-item{padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid var(--line)}.log-item:last-child{border-bottom:0}.log-date{font-weight:900;color:#182230}.log-title{font-weight:900;color:#111827;margin-top:8px}.field-inline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.field-inline input{height:40px;border:1px solid #d0d5dd;border-radius:10px;padding:0 12px}.hide-mobile{display:inline}.card-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media(max-width:991.98px){.tool-layout{grid-template-columns:1fr}.tool-left{max-height:none;display:flex;overflow:auto;gap:6px}.tool-left a{white-space:nowrap}.code-grid{grid-template-columns:1fr}.code-editor{height:320px}.card-grid-2{grid-template-columns:1fr}}
@media(max-width:575.98px){.tool-left{margin-left:-4px;margin-right:-4px;border-radius:12px}.filter-card,.table-card,.form-panel,.upload-box,.changelog{padding:12px}.code-editor{height:260px}.field-inline{display:grid}.field-inline input,.field-inline button{width:100%}.hide-mobile{display:none}.api-checks{max-height:220px}.modal-clean-panel.wide{max-width:100%}.tool-title-short{font-size:16px!important}}

/* mobile sidebar, dropdown and no-overlap behaviour */
.sidebar-overlay,.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(15,23,42,.48);z-index:1030;backdrop-filter:blur(1px)}
.sidebar-overlay.show,.sidebar-backdrop.show{display:block}.sidebar-open{overflow:hidden!important}.report-sidebar.show{transform:translateX(0)!important}.nav-group.open .nav-group-list,.nav-group-list.show{display:block!important}.nav-group:not(.open) .nav-group-list:not(.show){display:none!important}.report-topbar{overflow:visible!important}.topbar-spacer{flex:1 1 auto}.dropdown{position:relative}.dropdown-menu{display:none;position:absolute;right:0;top:calc(100% + 8px);z-index:1200;min-width:220px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 45px rgba(16,24,40,.18);padding:8px;margin:0;list-style:none}.dropdown-menu.show{display:block!important}.dropdown-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;color:#344054!important;text-decoration:none;font-weight:700}.dropdown-item:hover{background:#f8fafc}.profile-mini{border:1px solid var(--line);background:#fff;border-radius:12px;height:40px;min-width:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 8px}.profile-mini span,.profile-mini .report-avatar{width:30px;height:30px;border-radius:50%;background:#dbeafe;color:#1d4ed8;display:grid;place-items:center;font-weight:900}.report-actions{flex:0 0 auto}.report-profile-menu{z-index:1200}.report-profile-menu.show{display:block!important}.modal-clean.show{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}.report-content{min-width:0}.table-wrap{max-width:100%;overflow-x:auto}.report-table,.table-clean{width:max-content;min-width:100%}.btn-green-clean,.btn-orange-clean,.btn-red-clean,.btn-primary-clean,.clean-btn{cursor:pointer}
@media(max-width:991.98px){.report-sidebar{transform:translateX(-105%);z-index:1040}.hamb{display:inline-flex!important}.report-main{margin-left:0!important;width:100%!important}.report-topbar{left:0!important}.report-actions .report-profile-btn span:not(.report-avatar){display:none}.report-actions{gap:6px}.report-profile-menu,.dropdown-menu{right:0;max-width:calc(100vw - 24px)}}
@media(max-width:575.98px){.report-topbar{gap:10px}.report-topbar>div:not(.report-actions):not(.topbar-spacer){min-width:0}.report-topbar h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-sidebar{width:min(88vw,320px)!important}.report-content{padding-left:10px!important;padding-right:10px!important}.table-card,.filter-card,.summary-card,.form-panel,.settings-card,.media-table-card{max-width:100%;overflow:hidden}.modal-clean-panel{width:100%!important;max-width:100%!important;margin:0!important}.dropdown-menu{position:fixed;top:58px;right:10px}.profile-mini{min-width:38px}.report-table,.table-clean{font-size:12px}}

/* mobile topbar/profile click layer standardisation */
.report-topbar{position:sticky!important;top:0!important;z-index:5000!important;overflow:visible!important;isolation:isolate;display:flex!important;align-items:center!important;flex-wrap:nowrap!important}
.report-topbar > .hamb{flex:0 0 auto!important;position:relative;z-index:5200!important}
.report-topbar > div:not(.dropdown):not(.report-actions):not(.topbar-spacer){flex:1 1 auto!important;min-width:0!important;max-width:100%!important;position:relative;z-index:1!important;pointer-events:none}
.report-topbar > div:not(.dropdown):not(.report-actions):not(.topbar-spacer) h1,
.report-topbar > div:not(.dropdown):not(.report-actions):not(.topbar-spacer) p{pointer-events:none}
.topbar-spacer{display:none!important}
.report-topbar > .top-icon,
.report-topbar > .report-icon-btn,
.report-topbar > .dropdown,
.report-topbar > .report-profile-wrap,
.report-actions{flex:0 0 auto!important;position:relative!important;z-index:5300!important;pointer-events:auto!important}
.top-icon{border:1px solid var(--line);background:#fff;border-radius:12px;height:40px;min-width:40px;display:inline-flex;align-items:center;justify-content:center;color:#344054;font-weight:800}
.profile-mini,.report-profile-btn,.dropdown-toggle{position:relative!important;z-index:5400!important;pointer-events:auto!important;touch-action:manipulation}
.dropdown-menu,.report-profile-menu{z-index:9999!important;pointer-events:auto!important}
@media(max-width:575.98px){
  .report-topbar{padding:10px 8px!important;gap:8px!important}
  .report-topbar h1{font-size:16px!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .top-icon{height:36px;min-width:36px;border-radius:10px}
  .profile-mini{height:36px;min-width:46px!important;border-radius:12px!important;padding:0 6px!important}
  .profile-mini span{width:28px!important;height:28px!important}
  .dropdown-menu,.report-profile-menu{position:fixed!important;top:54px!important;right:8px!important;left:auto!important;width:min(300px,calc(100vw - 16px))!important;max-width:calc(100vw - 16px)!important}
  .report-content{position:relative!important;z-index:1!important}
  .tool-left{position:relative!important;z-index:1!important}
}


/* profile dropdown works on desktop and mobile, above all content */
.report-topbar{overflow:visible!important;z-index:5000!important;isolation:normal!important}
.report-topbar .dropdown,.report-profile-wrap{position:relative!important;z-index:7000!important;pointer-events:auto!important;flex:0 0 auto!important}
.profile-mini,.report-profile-btn,[data-profile-toggle]{cursor:pointer!important;pointer-events:auto!important;touch-action:manipulation!important}
.dropdown-menu,.report-profile-menu{display:none;position:absolute!important;right:0!important;left:auto!important;top:calc(100% + 8px)!important;z-index:99999!important;background:#fff!important;border:1px solid var(--line,#e4e7ec)!important;border-radius:14px!important;box-shadow:0 18px 45px rgba(16,24,40,.22)!important;min-width:230px!important;padding:8px!important}
.dropdown-menu.show,.report-profile-menu.show,.dropdown.open>.dropdown-menu,.report-profile-wrap.open>.report-profile-menu{display:block!important;visibility:visible!important;opacity:1!important;transform:none!important}
.report-topbar > div:not(.dropdown):not(.report-actions):not(.topbar-spacer){min-width:0!important;pointer-events:none!important}
.report-topbar > div:not(.dropdown):not(.report-actions):not(.topbar-spacer) *{pointer-events:none!important}
@media(min-width:576px){.dropdown-menu,.report-profile-menu{position:absolute!important;top:calc(100% + 8px)!important;right:0!important;width:auto!important;max-width:320px!important}}
@media(max-width:575.98px){.dropdown-menu,.report-profile-menu{position:fixed!important;top:54px!important;right:8px!important;width:min(300px,calc(100vw - 16px))!important;max-width:calc(100vw - 16px)!important}}

/* ===== Sidebar mini / hover layout update ===== */
:root{--rail-w:72px;--sidebar-w:280px}
.report-topbar .hamb{display:inline-flex;align-items:center;justify-content:center;font-size:20px;border:0;background:#fff;color:#0b2745;box-shadow:none}
.report-sidebar{width:var(--sidebar-w);transition:width .22s ease,transform .22s ease,box-shadow .22s ease;overflow-x:hidden}
.report-main{transition:margin-left .22s ease}

@media(min-width:992px){
  body.sidebar-mini .report-main{margin-left:var(--rail-w)}
  body.sidebar-mini .report-sidebar{width:var(--rail-w);box-shadow:none}
  body.sidebar-mini .report-sidebar:hover{width:var(--sidebar-w);box-shadow:18px 0 38px rgba(15,23,42,.12);z-index:1200}
  body.sidebar-mini .report-brand{justify-content:center;padding:0 12px}
  body.sidebar-mini .report-brand > div:not(.logo),
  body.sidebar-mini .report-nav a span,
  body.sidebar-mini .nav-group-btn span,
  body.sidebar-mini .nav-group-btn .bi-chevron-down,
  body.sidebar-mini .report-nav small{opacity:0;visibility:hidden;white-space:nowrap;width:0;overflow:hidden;transition:opacity .12s ease}
  body.sidebar-mini .report-sidebar:hover .report-brand{justify-content:flex-start}
  body.sidebar-mini .report-sidebar:hover .report-brand > div:not(.logo),
  body.sidebar-mini .report-sidebar:hover .report-nav a span,
  body.sidebar-mini .report-sidebar:hover .nav-group-btn span,
  body.sidebar-mini .report-sidebar:hover .nav-group-btn .bi-chevron-down,
  body.sidebar-mini .report-sidebar:hover .report-nav small{opacity:1;visibility:visible;width:auto;overflow:visible}
  body.sidebar-mini .report-nav{padding:10px 8px}
  body.sidebar-mini .report-nav a{justify-content:center;padding:12px 0;min-height:42px}
  body.sidebar-mini .report-nav a i{margin:0!important;font-size:17px}
  body.sidebar-mini .nav-group{border:0;background:transparent;margin:6px 0;overflow:visible}
  body.sidebar-mini .nav-group-btn{justify-content:center;padding:12px 0;border-radius:12px;background:#fff;color:#344054;border:1px solid transparent}
  body.sidebar-mini .nav-group.open .nav-group-btn{background:var(--primary-soft);color:#1d4ed8}
  body.sidebar-mini .nav-group-btn i:first-child{margin:0!important;font-size:17px}
  body.sidebar-mini .nav-group-list{display:none!important}
  body.sidebar-mini .report-sidebar:hover .nav-group{border:1px solid var(--line);background:#fff;overflow:hidden}
  body.sidebar-mini .report-sidebar:hover .nav-group-btn{justify-content:space-between;padding:11px 12px;border-radius:0;background:linear-gradient(204deg,#2563eb,#103fac);color:#fff;border:0}
  body.sidebar-mini .report-sidebar:hover .nav-group.open .nav-group-list{display:block!important}
  body.sidebar-mini .report-sidebar:hover .report-nav a{justify-content:space-between;padding:10px 12px}
  body.sidebar-mini .report-sidebar:hover .report-nav a i{margin-right:.5rem!important;font-size:14px}
}

@media(max-width:991.98px){
  .report-topbar .hamb{display:inline-flex;border:1px solid var(--line);border-radius:10px;padding:8px 10px}
  body.sidebar-mini .report-sidebar{width:min(86vw,300px)}
  body.sidebar-mini .report-main{margin-left:0}
}

/* collapsed sidebar must keep menu icons visible */
@media(min-width:992px){
  body.sidebar-mini .report-brand .logo{display:flex!important;opacity:1!important;visibility:visible!important;width:42px!important;height:42px!important;min-width:42px!important}
  body.sidebar-mini .report-nav a span,
  body.sidebar-mini .nav-group-btn span{
    opacity:1!important;
    visibility:visible!important;
    width:auto!important;
    overflow:visible!important;
    font-size:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
  }
  body.sidebar-mini .report-nav a span i,
  body.sidebar-mini .nav-group-btn span i{
    opacity:1!important;
    visibility:visible!important;
    font-size:17px!important;
    width:22px!important;
    min-width:22px!important;
    margin:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.sidebar-mini .report-sidebar:hover .report-nav a span,
  body.sidebar-mini .report-sidebar:hover .nav-group-btn span{
    font-size:inherit!important;
    justify-content:flex-start!important;
  }
  body.sidebar-mini .report-sidebar:hover .report-nav a span i,
  body.sidebar-mini .report-sidebar:hover .nav-group-btn span i{
    font-size:14px!important;
    margin-right:.5rem!important;
    width:auto!important;
    min-width:0!important;
  }
}

@media (max-width: 992px){
    .brand-assets-card{
        grid-template-columns:1fr;
    }
}

/* mobile drawer behaves like reference image: hamburger toggles, overlay covers header */
@media(max-width:991.98px){
  .sidebar-overlay,.sidebar-backdrop{z-index:9000!important;background:rgba(15,23,42,.62)!important;backdrop-filter:none!important}
  .sidebar-overlay.show,.sidebar-backdrop.show{display:block!important}
  .report-sidebar{z-index:9100!important;top:0!important;bottom:0!important;left:0!important;box-shadow:18px 0 38px rgba(15,23,42,.18)!important}
  body.sidebar-open .report-topbar{z-index:1000!important}
  body.sidebar-open .dropdown-menu,
  body.sidebar-open .report-profile-menu{display:none!important}
  .close-side{display:inline-flex!important;align-items:center;justify-content:center}
}


/* Image To URL page */
.report-actions{margin-left:auto;display:flex;align-items:center;gap:10px}
.report-profile-wrap{position:relative}
.report-profile-btn{border:1px solid var(--line);background:#fff;border-radius:14px;padding:7px 12px;display:flex;align-items:center;gap:9px;font-weight:800;color:#182230}
.report-avatar{width:30px;height:30px;border-radius:50%;background:#dbeafe;color:#2563eb;display:inline-grid;place-items:center;font-weight:900}
.report-profile-menu{display:none;position:absolute;right:0;top:calc(100% + 8px);min-width:210px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:8px;z-index:1200}
.report-profile-menu.show{display:block}.report-profile-menu .head{padding:10px 12px;border-bottom:1px solid var(--line);margin-bottom:4px}.report-profile-menu small{display:block;color:var(--muted)}.report-profile-menu a{display:flex;gap:8px;align-items:center;text-decoration:none;color:#344054;padding:9px 10px;border-radius:10px;font-weight:700}.report-profile-menu a:hover{background:#f8fafc}.report-profile-menu a.danger{color:#b42318}
.nav-group-btn{width:100%;border:0;background:linear-gradient(204deg,#2563eb,#103fac);color:#fff;border-radius:10px;padding:12px;display:flex;align-items:center;justify-content:space-between;font-weight:800;margin:3px 0}.nav-group-list{display:none;padding:5px 0}.nav-group.open .nav-group-list,.nav-group-list.show{display:block}.nav-group.open .nav-group-btn .bi-chevron-down{transform:rotate(180deg)}
.image-url-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:22px;max-width:760px;margin:0 auto 18px}.image-url-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.image-url-head h2{margin:0;color:#fb8500;font-size:24px;font-weight:900}.image-url-head p{margin:2px 0 0;color:#101828}.image-url-badge{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800;white-space:nowrap}.upload-drop-zone{border:2px dashed #cbd5e1;border-radius:14px;background:#fcfcfd;padding:18px;min-height:126px;display:flex;flex-direction:column;justify-content:center;gap:12px;transition:.18s}.upload-drop-zone.dragover{border-color:#2563eb;background:#eff6ff}.upload-drop-zone input{max-width:100%}.upload-help{display:flex;align-items:center;gap:10px;color:#344054}.upload-help i{font-size:24px;color:#22c55e}.upload-drop-zone small{color:var(--muted)}.upload-preview-wrap{margin-top:14px;border:1px solid var(--line);border-radius:14px;padding:10px;display:flex;align-items:center;gap:12px;background:#f8fafc}.upload-preview-wrap img{width:72px;height:72px;object-fit:cover;border-radius:12px;border:1px solid var(--line);background:#fff}.upload-preview-wrap small{display:block;color:var(--muted);margin-top:3px}.upload-actions-row{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.upload-status{min-height:22px;font-weight:800;font-size:13px}.upload-status.success{color:#079455}.upload-status.error{color:#b42318}.image-url-result{margin-top:14px}.image-url-result label{display:block;font-size:13px;font-weight:900;color:#344054;margin-bottom:7px}.copy-row{display:grid;grid-template-columns:minmax(0,1fr) 98px;gap:10px}.copy-row input,.copy-row textarea{width:100%;border:1px solid #d0d5dd;border-radius:10px;padding:10px 12px;outline:none;color:#344054;background:#fff}.copy-row input{height:40px}.copy-row textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px}.copy-btn{border:0;border-radius:10px;background:#8fd18f;color:#fff;font-weight:900;min-height:40px;padding:0 14px}.copy-btn:hover{filter:brightness(.96)}
@media(max-width:575.98px){.image-url-card{padding:16px;margin:0}.image-url-head{display:block}.image-url-badge{display:inline-flex;margin-top:10px}.copy-row{grid-template-columns:1fr}.copy-btn{height:42px}.report-profile-btn span:not(.report-avatar){display:none}}

/* Site Customize */
.customize-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:18px;min-height:calc(100vh - 104px)}
.customize-head,.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}
.customize-head h2,.section-title h3{margin:0;color:#101828;font-weight:800}
.customize-head p,.section-title p{margin:4px 0 0;color:#475467}
.custom-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:16px}
.custom-tab{border:0;background:transparent;padding:12px 16px;font-weight:800;color:#475467;border-bottom:3px solid transparent}
.custom-tab.active{color:#1d4ed8;border-bottom-color:#2563eb}
.custom-tab-panel{display:none}
.custom-tab-panel.active{display:block}
.brand-assets-card,.custom-output-card{border:1px solid var(--line);border-radius:14px;background:#fbfdff;padding:14px;margin-bottom:16px}
.brand-assets-card{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}

.asset-upload-row{
    display:grid;
    grid-template-columns:92px minmax(120px,1fr);
    gap:12px;
    align-items:center;
    border:1px solid #dbe3ef;
    border-radius:14px;
    background:#f8fbff;
    padding:12px;
    margin-bottom:0;
}

.asset-upload-row .choose-btn,
.asset-upload-row .upload-asset-btn{
    margin-top:8px;
}
.asset-preview{width:92px;height:76px;border:1px solid #cfd8e6;border-radius:10px;background:#fff;display:grid;place-items:center;overflow:hidden}
.asset-preview img{max-width:100%;max-height:100%;object-fit:contain;display:none}
.asset-preview.has-image img{display:block}

.asset-preview.preview-error::after{content:'No preview';font-size:12px;font-weight:700;color:#667085;text-align:center;padding:4px}
.asset-preview.preview-error img{display:none}
.asset-preview.favicon-preview{width:58px;height:58px;justify-self:center}
.asset-preview.bg-preview img{width:100%;height:100%;object-fit:cover}
.asset-field label,.code-grid label{display:block;font-weight:800;color:#182230;margin-bottom:6px}
.asset-field input{width:100%;height:40px;border:1px solid #ccd6e2;border-radius:10px;padding:0 12px;outline:none}
.asset-field input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px rgba(37,99,235,.10)}
.asset-field small{display:block;margin-top:5px;color:#667085}
.output-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.custom-status{min-height:24px;font-weight:700;color:#475467;margin:8px 0}
.custom-status.success{color:#15803d}.custom-status.error{color:#b42318}
.code-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.code-grid textarea{width:100%;border:1px solid #ccd6e2;border-radius:12px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;background:#fff;outline:none}
.apply-note{margin-top:14px;display:grid;gap:8px;color:#475467}
.apply-note code{display:block;background:#f2f4f7;border:1px solid #e4e7ec;border-radius:8px;padding:8px;white-space:normal;color:#344054}
.clean-btn{border:1px solid #d0d5dd;background:#fff;color:#182230;border-radius:10px;height:40px;padding:0 14px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.clean-btn.primary{background:#2563eb;border-color:#2563eb;color:#fff}
.clean-btn:disabled{opacity:.65;cursor:not-allowed}
@media (max-width:900px){
  .asset-upload-row{grid-template-columns:70px 1fr;align-items:start}
  .asset-preview{width:70px;height:58px}
  .asset-preview.favicon-preview{width:52px;height:52px}
  .asset-upload-row .choose-btn,.asset-upload-row .upload-asset-btn{grid-column:2;justify-self:start;width:auto}
  .code-grid{grid-template-columns:1fr}
}
@media (max-width:560px){
  .customize-head,.section-title{display:block}
  .asset-upload-row{grid-template-columns:1fr}
  .asset-preview,.asset-preview.favicon-preview{justify-self:start}
  .asset-upload-row .choose-btn,.asset-upload-row .upload-asset-btn{grid-column:auto;width:100%}
}

.clean-btn.success{background:#16a34a;border-color:#16a34a;color:#fff}

.asset-path-hidden{min-height:40px;border:1px solid #ccd6e2;border-radius:10px;padding:0 12px;display:flex;align-items:center;background:#fff;color:#667085;font-weight:700;font-size:13px}
.asset-path-hidden.selected{color:#166534;background:#f0fdf4;border-color:#bbf7d0}

/* Layout Section Code Editor */

.layout-page-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:18px}
.layout-page-title{margin-bottom:14px}
.layout-editor-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.layout-editor-shell{display:grid;grid-template-columns:245px minmax(0,1fr);border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;min-height:650px}
.layout-section-menu{background:#f2f4f7;border-right:1px solid var(--line);padding:8px 0;overflow:auto}
.layout-section-item{width:100%;border:0;background:transparent;text-align:left;padding:10px 14px;color:#101828;font-weight:700;font-size:14px;transition:.16s}
.layout-section-item:hover{background:#e9eef7;color:#1d4ed8}
.layout-section-item.active{background:#dbeafe;color:#1d4ed8;border-left:4px solid #2563eb;padding-left:10px}
.layout-editor-main{padding:14px;min-width:0;background:#fff}
.layout-editor-current{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:#475467;font-weight:700}
.layout-editor-current strong{color:#101828}.layout-editor-current small{background:#eef2ff;color:#3730a3;border-radius:999px;padding:4px 9px}
.layout-code-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;min-height:560px}
.layout-code-pane{display:flex;flex-direction:column;min-width:0}.layout-code-pane label{font-weight:900;color:#101828;margin-bottom:7px}
.layout-code-editor{display:grid;grid-template-columns:56px minmax(0,1fr);min-height:560px;border:1px solid #d0d5dd;border-radius:12px;background:#fff;overflow:hidden;box-shadow:none}
.layout-line-numbers{background:#f8fafc;border-right:1px solid #e4e7ec;color:#98a2b3;text-align:right;padding:14px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.55;white-space:pre;user-select:none;overflow:hidden}
.layout-code-input-wrap{position:relative;min-height:560px;background:#fff;overflow:hidden}
.layout-code-highlight,.layout-code-pane textarea{position:absolute;inset:0;width:100%;height:100%;min-height:560px;margin:0;border:0;border-radius:0;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.55;tab-size:2;white-space:pre-wrap;word-break:break-word;overflow:auto;box-shadow:none}
.layout-code-highlight{pointer-events:none;background:#fff;color:#101828}
.layout-code-highlight code{font:inherit;white-space:inherit;color:inherit}
.layout-code-pane textarea{resize:none;background:transparent;color:transparent;caret-color:#101828;outline:none;z-index:2}
.layout-code-pane textarea::selection{background:rgba(37,99,235,.22);color:transparent}
.layout-code-pane textarea::placeholder{color:#667085;-webkit-text-fill-color:#667085}
.code-token.tag{color:#116329;font-weight:700}.code-token.attr{color:#953800}.code-token.string{color:#0a3069}.code-token.comment{color:#6e7781;font-style:italic}.code-token.keyword{color:#cf222e;font-weight:700}.code-token.selector{color:#8250df;font-weight:700}.code-token.property{color:#0550ae}.code-token.value{color:#0a3069}.code-token.number{color:#953800}.code-token.function{color:#8250df}.code-token.operator{color:#57606a}
.layout-code-editor:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.layout-editor-note{margin-top:12px;color:#667085;font-weight:700}.layout-editor-note code{background:#f2f4f7;border:1px solid #e4e7ec;border-radius:8px;padding:4px 7px;color:#344054}
@media(max-width:1200px){.layout-code-grid{grid-template-columns:1fr}.layout-code-editor,.layout-code-input-wrap,.layout-code-highlight,.layout-code-pane textarea{min-height:300px}}
@media(max-width:760px){.layout-editor-shell{grid-template-columns:1fr}.layout-section-menu{border-right:0;border-bottom:1px solid var(--line);max-height:230px}.layout-editor-actions{justify-content:flex-start;margin-top:10px}.layout-editor-current{display:block}.layout-editor-current small{display:inline-block;margin-top:6px}}

/* ===== Slider Banner page ===== */
.slider-page-grid{display:grid;grid-template-columns:minmax(320px,390px) 1fr;gap:18px;align-items:start}
.slider-form-card,.slider-list-card{background:#fff;border:1px solid var(--line,#e4e7ec);border-radius:18px;box-shadow:0 14px 35px rgba(15,23,42,.06);padding:18px;min-width:0}
.slider-form-card{position:sticky;top:86px}
.slider-form .field{margin-bottom:12px}
.slider-form .field label{display:block;font-weight:800;color:#0b2745;margin-bottom:6px;font-size:13px}
.slider-form .field input,.slider-form .field select{width:100%;border:1px solid #d7deea;border-radius:12px;padding:11px 12px;background:#fff;outline:none;font-weight:700;color:#0f172a}
.slider-form .field input:focus,.slider-form .field select:focus{border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.10)}
.slider-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.slider-upload-box{position:relative;border:1.5px dashed #b9c7dc;background:linear-gradient(180deg,#f8fbff,#fff);border-radius:18px;min-height:220px;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:.18s ease}
.slider-upload-box.dragover{border-color:#2563eb;background:#eff6ff}
.slider-upload-box input{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:2}
.slider-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#344054;gap:6px;padding:22px}
.slider-upload-placeholder i{font-size:42px;color:#2563eb}
.slider-upload-placeholder strong{font-size:16px;color:#0b2745}
.slider-upload-placeholder small{font-size:12px;color:#667085}
#sliderPreview{width:100%;height:100%;min-height:220px;object-fit:contain;background:#f8fafc;padding:8px}
.slider-current-image{font-size:12px;color:#667085;margin-top:8px;font-weight:700}
.slider-form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.slider-list-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.slider-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.slider-card{border:1px solid #e5eaf2;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 10px 26px rgba(15,23,42,.05);display:flex;flex-direction:column;min-width:0}
.slider-card-img{height:150px;background:#f5f7fb;display:flex;align-items:center;justify-content:center;overflow:hidden}
.slider-card-img img{width:100%;height:100%;object-fit:cover}
.slider-card-body{padding:13px;display:grid;gap:8px}
.slider-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.slider-card-title b{font-size:15px;color:#0f172a;word-break:break-word}
.slider-pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900;white-space:nowrap}
.slider-pill.active{background:#dcfce7;color:#166534}
.slider-pill.inactive{background:#fee2e2;color:#991b1b}
.slider-meta{display:grid;gap:4px;color:#667085;font-size:12px;font-weight:700}
.slider-meta span{word-break:break-all}
.slider-card-actions{display:flex;gap:8px;flex-wrap:wrap;padding:0 13px 13px}
.slider-card-actions .clean-btn{padding:8px 10px;font-size:12px}
.slider-empty{min-height:260px;border:1px dashed #cbd5e1;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#667085;text-align:center;background:#f8fafc}
.slider-empty i{font-size:46px;color:#94a3b8}
.slider-empty b{color:#0f172a}
@media(max-width:1199.98px){.slider-page-grid{grid-template-columns:1fr}.slider-form-card{position:static}.slider-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}
@media(max-width:575.98px){.slider-form-card,.slider-list-card{padding:14px;border-radius:14px}.slider-two-col{grid-template-columns:1fr}.slider-list{grid-template-columns:1fr}.slider-list-title{align-items:flex-start;flex-direction:column}.slider-upload-box{min-height:180px}#sliderPreview{min-height:180px}}


/* Game management pages */
.manage-page-grid{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:18px;align-items:start}
.manage-form-card,.manage-list-card{background:#fff;border:1px solid #e4e7ec;border-radius:18px;box-shadow:0 8px 24px rgba(16,24,40,.06);padding:18px;min-width:0}
.manage-form-card{position:sticky;top:82px}
.manage-list{display:grid;gap:12px}
.manage-card{border:1px solid #e5eaf2;border-radius:18px;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.05);display:grid;grid-template-columns:118px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px;min-width:0}
.manage-card.compact{grid-template-columns:58px minmax(0,1fr) auto}
.manage-thumb{width:118px;height:90px;border-radius:14px;background:#f5f7fb;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #edf2f7}
.manage-thumb img{width:100%;height:100%;object-fit:cover}
.manage-thumb.game-thumb{height:104px}
.manage-icon{width:48px;height:48px;border-radius:16px;background:#eff6ff;color:#1d4ed8;display:grid;place-items:center;font-size:24px}
.manage-card-body{min-width:0;display:grid;gap:8px}
.manage-filter-select{height:39px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;padding:0 10px;color:#344054;font-weight:700;min-width:180px}
#categoryPreview,#gamePreview{width:100%;height:100%;min-height:220px;object-fit:contain;background:#f8fafc;padding:8px}
.report-nav .nav-group-list a.active{background:#eff6ff;color:#1d4ed8}
.report-nav .nav-group-list a.active i{color:#1d4ed8}
@media(max-width:1199.98px){
  .manage-page-grid{grid-template-columns:1fr}
  .manage-form-card{position:static}
  .manage-card{grid-template-columns:100px minmax(0,1fr);align-items:start}
  .manage-card.compact{grid-template-columns:52px minmax(0,1fr)}
  .manage-card .slider-card-actions{grid-column:1/-1;padding:0}
}
@media(max-width:575.98px){
  .manage-form-card,.manage-list-card{padding:14px;border-radius:14px}
  .manage-card,.manage-card.compact{grid-template-columns:1fr}
  .manage-thumb{width:100%;height:150px}
  .manage-icon{width:100%;height:58px}
  .manage-filter-select{width:100%;min-width:0}
  #categoryPreview,#gamePreview{min-height:180px}
}
#bonusPreview{width:100%;height:100%;min-height:220px;object-fit:contain;background:#f8fafc;padding:8px}
@media(max-width:575.98px){#bonusPreview{min-height:180px}}


#bonusItemPreview{width:100%;height:100%;min-height:220px;object-fit:contain;background:#f8fafc;padding:8px}
.bonus-item-group{border:1px solid #e5eaf2;background:#f8fafc;border-radius:14px;padding:10px 12px;margin-top:6px}
.bonus-item-group-title{display:flex;align-items:center;gap:8px;color:#1d2939;font-size:14px}
.bonus-item-group-title i{color:#1d4ed8}
.bonus-item-group-title span{margin-left:auto;color:#667085;font-size:12px;font-weight:800}
.bonus-item-card{grid-template-columns:160px minmax(0,1fr) auto}
.bonus-item-thumb{width:160px;height:92px}
@media(max-width:1199.98px){.bonus-item-card{grid-template-columns:130px minmax(0,1fr)}.bonus-item-thumb{width:130px;height:86px}}
@media(max-width:575.98px){#bonusItemPreview{min-height:180px}.bonus-item-card{grid-template-columns:1fr}.bonus-item-thumb{width:100%;height:150px}.bonus-item-group-title{flex-wrap:wrap}.bonus-item-group-title span{margin-left:0}}

.layout-class-preview {
  margin: 10px 0 16px;
  padding: 12px 14px;
  border: 1px dashed #cbd5e1;
  border-radius: 12px;
  background: #f8fafc;
  color: #334155;
  font-size: 13px;
  line-height: 1.7;
}

.layout-class-preview code {
  color: #0f172a;
  background: #e2e8f0;
  border-radius: 6px;
  padding: 2px 6px;
}

/* Multilanguage image uploader */
.slider-upload-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:8px}
.slider-upload-section-title span{font-weight:900;color:#0f172a;font-size:14px}
.slider-upload-section-title small{font-size:12px;color:#667085;font-weight:700;text-align:right}
.slider-upload-box-compact{min-height:150px}
.slider-upload-box-compact .slider-upload-placeholder i{font-size:30px}
.slider-upload-box-compact .slider-upload-placeholder strong{font-size:15px}
#sliderPreviewZh,#categoryPreviewZh,#gamePreviewZh,#bonusPreviewZh,#bonusItemPreviewZh{width:100%;height:100%;min-height:150px;object-fit:contain;background:#f8fafc;padding:8px}
@media(max-width:575.98px){.slider-upload-section-title{display:block}.slider-upload-section-title small{text-align:left}.slider-upload-box-compact{min-height:150px}#sliderPreviewZh,#categoryPreviewZh,#gamePreviewZh,#bonusPreviewZh,#bonusItemPreviewZh{min-height:150px}}

.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:#f3f6fb}
.auth-card{width:100%;max-width:420px;background:#fff;border:1px solid #dfe7f3;border-radius:18px;padding:28px;box-shadow:0 12px 40px rgba(15,23,42,.08)}
.auth-card h1{font-size:28px;font-weight:800;margin-bottom:6px}
.upload-status.error{color:#b00020}
.upload-status.success{color:#087a2f}

/* Dynamic Language & Translation */
.translation-lang-list{display:flex;flex-direction:column;gap:10px}.translation-lang{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}.translation-lang small{display:block;color:#6b7280}.translation-lang button,.translation-text-line button,.translation-image-line button{border:0;border-radius:10px;padding:8px 12px;background:#111827;color:#fff}.translation-editor{display:flex;flex-direction:column;gap:16px}.translation-card{border:1px solid #e5e7eb;background:#fff;border-radius:18px;padding:16px}.translation-card h3{font-size:18px;margin-bottom:14px}.translation-card h3 small{color:#6b7280;font-size:13px}.translation-row{display:grid;grid-template-columns:140px 1fr;gap:12px;align-items:center;border-top:1px dashed #e5e7eb;padding:12px 0}.translation-row label{font-weight:700}.translation-text-line,.translation-image-line{display:flex;gap:10px;align-items:center}.translation-text-line input{flex:1}.translation-image-line .translation-image-preview{width:120px;height:76px;min-width:120px;color:#6b7280;display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb;overflow:hidden}.translation-image-line .translation-image-preview em{font-style:normal;font-size:12px;color:#94a3b8}.translation-image-line img{width:100%;height:100%;object-fit:contain}@media(max-width:768px){.translation-row{grid-template-columns:1fr}.translation-text-line,.translation-image-line{flex-direction:column;align-items:stretch}}

/* Step 2 dynamic language cleanup: hide old hardcoded Chinese fields.
   Use language.html translation editor for all language text/images. */
.asset-upload-row[data-field$="Zh"],
.form-clean:has([name="nameZh"]),
.form-clean:has([name="imageZh"]),
.form-clean:has([id$="NameZh"]),
.form-clean:has([id$="ImageZh"]) {
  display: none !important;
}

/* Dynamic language translation editor */
.dynamic-translation-panel{margin:18px 0;padding:16px;border:1px solid rgba(148,163,184,.35);border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.04);width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}
.dynamic-translation-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.dynamic-translation-head h3{font-size:16px;margin:0;color:#111827}.dynamic-translation-head small{color:#64748b;display:block;line-height:1.45}
.dynamic-translation-body{display:grid;gap:14px;width:100%;max-width:100%;box-sizing:border-box}.dynamic-lang-card{border:1px solid rgba(226,232,240,.9);border-radius:16px;padding:14px;background:#f8fafc;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}
.dynamic-lang-title{display:flex;align-items:center;gap:8px;margin-bottom:12px}.dynamic-lang-title small{padding:2px 8px;border-radius:999px;background:#e2e8f0;color:#475569}
.dynamic-field-row{display:grid;gap:8px;margin-bottom:14px;width:100%;max-width:100%;box-sizing:border-box}.dynamic-field-row label{font-weight:700;font-size:13px;color:#334155}
.dynamic-text-edit{display:grid;grid-template-columns:1fr;gap:8px;width:100%;max-width:100%}.dynamic-text-edit input{border:1px solid #dbe3ef;border-radius:12px;padding:10px 12px;background:#fff;width:100%;max-width:100%;box-sizing:border-box}.dynamic-text-edit .clean-btn{width:100%}
.dynamic-image-edit{display:grid;grid-template-columns:1fr;gap:10px;align-items:stretch;width:100%;max-width:100%;box-sizing:border-box}.dynamic-image-edit input{border:1px dashed #cbd5e1;border-radius:12px;padding:10px;background:#fff;width:100%;max-width:100%;box-sizing:border-box}.dynamic-image-edit .clean-btn{width:100%;min-height:42px}
.dynamic-image-preview{width:100%;height:120px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#94a3b8;font-size:12px}.dynamic-image-preview img{width:100%;height:100%;object-fit:contain}
@media (min-width: 1400px){.dynamic-image-edit{grid-template-columns:minmax(160px,1fr) 120px}.dynamic-image-edit input{grid-column:1 / 2}.dynamic-image-preview{grid-column:2 / 3;height:80px}.dynamic-image-edit .clean-btn{grid-column:1 / 3}}

/* Create admin themed page */
.admin-create-grid{display:grid;grid-template-columns:minmax(0,560px) minmax(280px,1fr);gap:20px;align-items:start}.admin-form-card{background:#fff;border:1px solid #e4e7ec;border-radius:18px;box-shadow:0 8px 24px rgba(16,24,40,.06);padding:22px}.admin-help-card{background:linear-gradient(135deg,#eff6ff,#f8fafc);border:1px solid #dbeafe;border-radius:18px;padding:20px;color:#0f172a}.admin-help-card .help-icon{width:46px;height:46px;border-radius:14px;background:#2563eb;color:#fff;display:grid;place-items:center;font-size:22px;margin-bottom:12px}.admin-form-card h2,.admin-help-card h2{font-size:24px;margin:0 0 6px;color:#0b2745}.admin-form-card p,.admin-help-card p{color:#667085;margin-bottom:18px}.admin-form-card label{font-weight:800;color:#344054;margin-bottom:6px}.admin-form-card .form-control{height:44px;border-radius:12px}.admin-form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.admin-tip-list{display:grid;gap:10px;margin-top:16px}.admin-tip-list div{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid #e4e7ec;border-radius:14px;padding:12px}.admin-tip-list i{color:#2563eb;font-size:18px;margin-top:1px}@media(max-width:991.98px){.admin-create-grid{grid-template-columns:1fr}.admin-help-card{order:-1}}

/* Admin Management edit modal polish */
.admin-edit-modal.show{display:flex!important;align-items:center;justify-content:center;padding:24px;background:rgba(15,23,42,.58);backdrop-filter:blur(3px)}
.admin-edit-panel{width:min(680px,calc(100vw - 32px));max-width:680px!important;max-height:calc(100vh - 48px);border-radius:24px!important;overflow:hidden;border:1px solid rgba(255,255,255,.45);box-shadow:0 28px 70px rgba(15,23,42,.34)!important;margin:0!important}
.admin-edit-head{padding:18px 20px!important;background:linear-gradient(135deg,#f8fbff,#eef6ff);align-items:center!important}
.admin-edit-title{display:flex;align-items:center;gap:12px}.admin-edit-title h3{font-size:21px!important;margin:0!important;color:#101828!important}.admin-edit-title small{display:block;color:#667085;font-weight:700;margin-top:2px}.admin-edit-icon{width:44px;height:44px;border-radius:14px;background:#2563eb;color:#fff;display:grid;place-items:center;font-size:20px;box-shadow:0 10px 22px rgba(37,99,235,.22)}
.admin-edit-head .modal-clean-close{width:40px;height:40px;border-radius:12px;border:1px solid #d0d5dd;background:#fff;color:#182230;display:grid;place-items:center}.admin-edit-head .modal-clean-close:hover{background:#f2f4f7}
.admin-edit-body{padding:20px!important;background:#fff;overflow:auto}.admin-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-edit-field label{display:flex;align-items:center;gap:6px;margin-bottom:7px;color:#344054;font-weight:900;font-size:13px}.admin-edit-field label small{font-weight:700;color:#667085}
.input-icon-wrap{position:relative}.input-icon-wrap>i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#667085;z-index:1}.input-icon-wrap .form-control{height:46px;border-radius:13px;border:1px solid #d0d5dd;padding-left:39px;font-weight:700;color:#182230;background:#fff}.input-icon-wrap .form-control:focus{border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.10)}.input-icon-wrap select.form-control{appearance:auto}
.admin-password-note{margin-top:16px;border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;border-radius:14px;padding:11px 12px;display:flex;gap:9px;align-items:flex-start;font-weight:700;font-size:13px}.admin-password-note i{font-size:16px;margin-top:1px}.admin-edit-status{margin-top:12px;margin-bottom:0!important}.admin-edit-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid #eef2f6}.admin-edit-actions .clean-btn{min-width:132px;justify-content:center}.admin-edit-actions .clean-btn.primary{box-shadow:0 10px 22px rgba(37,99,235,.18)}
@media(max-width:575.98px){.admin-edit-modal.show{align-items:stretch;padding:0}.admin-edit-panel{width:100%;max-height:none!important;min-height:100vh;border-radius:0!important}.admin-edit-grid{grid-template-columns:1fr;gap:13px}.admin-edit-head{padding:16px!important}.admin-edit-body{padding:16px!important}.admin-edit-actions{position:sticky;bottom:0;background:#fff;display:grid;grid-template-columns:1fr;z-index:5}.admin-edit-actions .clean-btn{width:100%}.admin-edit-title h3{font-size:18px!important}.admin-edit-icon{width:40px;height:40px}}
.access-grid{display:grid;grid-template-columns:390px 1fr;gap:22px}.access-card{background:#fff;border:1px solid #dbe3ef;border-radius:18px;padding:22px;box-shadow:0 12px 30px rgba(15,23,42,.06)}.access-card h2{font-size:22px;margin-bottom:6px}.perm-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.perm-card{display:flex;gap:12px;align-items:flex-start;border:1px solid #dbe3ef;background:#f8fbff;border-radius:14px;padding:14px;cursor:pointer}.perm-card input{margin-top:4px}.perm-card small{display:block;color:#64748b}.status-pill.off{background:#fee2e2;color:#991b1b}@media(max-width:900px){.access-grid{grid-template-columns:1fr}}


/* ===== Sidebar dynamic alignment cleanup ===== */
.report-nav{display:flex;flex-direction:column;gap:4px}
.report-nav a,.nav-group-btn{min-height:42px;text-align:left}
.report-nav a span,.nav-group-btn span{display:flex;align-items:center;min-width:0;flex:1;gap:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}
.report-nav a span i,.nav-group-btn span i{flex:0 0 18px;width:18px;text-align:center}
.nav-group{margin:4px 0;border:1px solid #dbe3ef;border-radius:14px;background:#fff;overflow:hidden}
.nav-group-btn{border-radius:12px;width:100%;margin:0;padding:11px 12px;background:linear-gradient(204deg,#2563eb,#103fac);color:#fff;border:0;display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:800}
.nav-group-btn .bi-chevron-down{flex:0 0 auto;transition:transform .16s ease}
.nav-group.open .nav-group-btn .bi-chevron-down{transform:rotate(180deg)}
.nav-group-list{padding:7px;background:#f8fafc}
.report-nav a.report-sub{display:flex;margin:0 0 3px 0;padding:9px 10px;border-radius:10px;font-size:13px}
.report-nav a.report-sub span{font-weight:700}
@media(min-width:992px){
  body.sidebar-mini .report-sidebar:hover .report-nav a span,
  body.sidebar-mini .report-sidebar:hover .nav-group-btn span{display:flex}
}


/* ===== BO form standardization: match Slider form style ===== */
.manage-form-card,.access-card,.admin-form-card{
  background:#fff!important;
  border:1px solid var(--line,#e4e7ec)!important;
  border-radius:18px!important;
  box-shadow:0 14px 35px rgba(15,23,42,.06)!important;
  padding:18px!important;
  min-width:0;
}
.manage-form-card h2,.access-card h2,.admin-form-card h2,.section-title h2{
  font-size:32px!important;
  line-height:1.12!important;
  margin:0!important;
  font-weight:500!important;
  color:#1f3556!important;
}
.manage-form-card .section-title span,.admin-form-card p,.access-card p,.section-title span{
  display:block;
  margin-top:6px;
  color:#182230!important;
  font-size:14px!important;
  font-weight:800!important;
}
.manage-form-card label,.access-card label,.admin-form-card label,.field label{
  font-size:14px!important;
  font-weight:800!important;
  color:#0f172a!important;
  margin-bottom:7px!important;
}
.manage-form-card input,.manage-form-card select,.manage-form-card textarea,
.access-card input,.access-card select,.access-card textarea,
.admin-form-card .form-control,.field input,.field select,.field textarea{
  min-height:40px;
  border:1px solid #d0d7e2!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#0f172a!important;
  font-weight:600;
}
.manage-form-card input:focus,.manage-form-card select:focus,.manage-form-card textarea:focus,
.access-card input:focus,.access-card select:focus,.access-card textarea:focus,
.admin-form-card .form-control:focus,.field input:focus,.field select:focus,.field textarea:focus{
  border-color:#93c5fd!important;
  box-shadow:0 0 0 4px rgba(37,99,235,.10)!important;
  outline:none!important;
}
.manage-page-grid,.slider-page-grid{align-items:start}.manage-form-card{position:sticky;top:86px}.manage-list-card{background:#fff;border:1px solid var(--line,#e4e7ec);border-radius:18px;box-shadow:0 14px 35px rgba(15,23,42,.06);padding:18px;min-width:0}.manage-two-col,.slider-two-col{gap:12px}.clean-btn,.btn-primary-clean{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:10px!important;font-weight:800!important}
.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;background:#dcfce7;color:#166534;font-weight:800;font-size:11px;margin-top:3px}.status-pill.off{background:#fee2e2!important;color:#991b1b!important}
@media(max-width:1199.98px){.manage-form-card{position:static}}
@media(max-width:575.98px){.manage-form-card,.access-card,.admin-form-card,.manage-list-card{padding:14px!important;border-radius:14px!important}.manage-form-card h2,.access-card h2,.admin-form-card h2,.section-title h2{font-size:28px!important}}


/* ===== Admin pages full-width enhancement ===== */
.admin-wide-section{width:100%;max-width:100%;display:block}
.admin-wide-card{width:100%;max-width:none!important}
.admin-wide-card.admin-form-card{padding:24px!important}
.admin-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;border-bottom:1px solid #eef2f6;padding-bottom:16px}
.admin-card-head h2{margin:0!important}
.admin-card-head p{margin:6px 0 0!important;max-width:780px}
.admin-card-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(204deg,#2563eb,#103fac);color:#fff;display:grid;place-items:center;font-size:24px;box-shadow:0 12px 28px rgba(37,99,235,.18);flex:0 0 auto}
.admin-create-form-grid{display:grid;grid-template-columns:repeat(5,minmax(160px,1fr));gap:14px;align-items:end;margin-top:18px;margin-bottom:16px}
.admin-create-form-grid.two{grid-template-columns:repeat(2,minmax(220px,1fr));max-width:none}
.admin-create-form-grid.three{grid-template-columns:repeat(3,minmax(220px,1fr));max-width:none}
.admin-field{display:flex;flex-direction:column;min-width:0}
.admin-field label{margin-bottom:7px!important}
.admin-field .form-control{width:100%;margin-bottom:0!important}
.admin-profile-form,.admin-password-card form{width:100%}
.admin-security-note{display:flex;align-items:flex-start;gap:10px;border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;border-radius:14px;padding:12px 14px;font-weight:800;margin:4px 0 16px;max-width:none}
.admin-security-note i{font-size:18px;line-height:1.2}
.admin-form-actions{border-top:1px solid #eef2f6;padding-top:16px;margin-top:6px!important}
.admin-wide-section + .table-card{width:100%;max-width:100%}
@media(max-width:1399.98px){.admin-create-form-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}.admin-create-form-grid.three{grid-template-columns:repeat(3,minmax(180px,1fr))}}
@media(max-width:991.98px){.admin-create-form-grid,.admin-create-form-grid.two,.admin-create-form-grid.three{grid-template-columns:1fr 1fr}.admin-wide-card.admin-form-card{padding:18px!important}.admin-card-head{align-items:center}.admin-card-icon{width:46px;height:46px;font-size:21px}}
@media(max-width:575.98px){.admin-create-form-grid,.admin-create-form-grid.two,.admin-create-form-grid.three{grid-template-columns:1fr}.admin-card-head{display:block}.admin-card-icon{margin-top:12px;width:44px;height:44px}.admin-wide-card.admin-form-card{padding:14px!important}.admin-form-actions .clean-btn,.admin-profile-form .clean-btn,.admin-password-card .clean-btn{width:100%}}

/* Site Customize language translation uses the same asset card UI as default asset uploads. */
#dynamicMainLayoutTranslationForm{width:100%;max-width:100%}
#dynamicMainLayoutTranslationForm .site-dynamic-translation-panel{margin-top:18px;padding:16px;background:#fff;border-radius:16px}
#dynamicMainLayoutTranslationForm .dynamic-translation-head{border-bottom:1px solid #eef2f6;padding-bottom:12px;margin-bottom:16px}
#dynamicMainLayoutTranslationForm .dynamic-lang-card{background:#fbfdff;border:1px solid #dbe3ef;border-radius:16px;padding:14px}
#dynamicMainLayoutTranslationForm .site-translation-assets-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#dynamicMainLayoutTranslationForm .site-translation-asset-row{margin:0;align-items:center}
#dynamicMainLayoutTranslationForm .site-translation-asset-row .asset-preview img[src=""]{display:none}
#dynamicMainLayoutTranslationForm .site-translation-asset-row .asset-field{min-width:0}
#dynamicMainLayoutTranslationForm .site-translation-asset-row .choose-btn,
#dynamicMainLayoutTranslationForm .site-translation-asset-row .upload-asset-btn{width:100%;margin-top:8px}
@media(max-width:1100px){#dynamicMainLayoutTranslationForm .site-translation-assets-grid{grid-template-columns:1fr}}
@media(max-width:560px){#dynamicMainLayoutTranslationForm .site-translation-asset-row{grid-template-columns:1fr}#dynamicMainLayoutTranslationForm .site-translation-asset-row .asset-preview{justify-self:start}}

/* Live Chat Admin */
.livechat-admin-shell{display:grid;grid-template-columns:360px minmax(0,1fr);gap:16px;min-height:calc(100vh - 110px)}
.livechat-inbox-card,.livechat-room-card{background:#fff;border:1px solid var(--line,#e4e7ec);border-radius:18px;box-shadow:0 14px 35px rgba(15,23,42,.06);padding:16px;min-width:0}
.livechat-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.livechat-card-head h2,.livechat-room-head h2{font-size:20px;margin:0;font-weight:900;color:#101828}.livechat-card-head p,.livechat-room-head p{margin:3px 0 0;color:#667085;font-size:13px}.livechat-inbox-list{display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 250px);overflow:auto;padding-right:4px}.livechat-inbox-item{width:100%;border:1px solid #e4e7ec;background:#fff;border-radius:14px;padding:10px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;text-align:left;align-items:center;cursor:pointer}.livechat-inbox-item:hover,.livechat-inbox-item.active{border-color:#2563eb;background:#eff6ff}.livechat-inbox-item .avatar,.livechat-room-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#dbeafe;color:#1d4ed8;font-weight:900}.livechat-inbox-item .copy{min-width:0}.livechat-inbox-item b,.livechat-inbox-item small,.livechat-inbox-item em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.livechat-inbox-item b{font-weight:900;color:#101828}.livechat-inbox-item small{font-size:12px;color:#667085}.livechat-inbox-item em{font-size:12px;color:#475467;font-style:normal;margin-top:2px}.livechat-inbox-item .time{font-size:11px;color:#98a2b3}.livechat-room-card{display:flex;flex-direction:column;min-height:calc(100vh - 110px)}.livechat-room-head{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e4e7ec;padding-bottom:14px;margin-bottom:12px}.livechat-room-messages{flex:1;overflow:auto;background:#f8fafc;border:1px solid #eef2f7;border-radius:16px;padding:16px;min-height:360px}.livechat-empty{padding:18px;text-align:center;color:#667085}.livechat-empty.big{padding-top:90px}.livechat-msg{display:flex;margin:10px 0}.livechat-msg.admin{justify-content:flex-end}.livechat-msg .bubble{max-width:min(620px,88%);background:#fff;border:1px solid #e4e7ec;border-radius:16px;padding:10px 12px;box-shadow:0 6px 18px rgba(15,23,42,.05)}.livechat-msg.admin .bubble{background:#2563eb;color:#fff;border-color:#2563eb}.livechat-msg .name{font-size:12px;font-weight:900;margin-bottom:4px;opacity:.85}.livechat-msg .text{line-height:1.45;white-space:normal}.livechat-msg .msg-time{font-size:11px;opacity:.68;margin-top:6px;text-align:right}.livechat-msg .files{display:grid;gap:8px;margin-top:8px}.livechat-msg .img-file{display:block;color:inherit;text-decoration:none}.livechat-msg .img-file img{display:block;max-width:240px;max-height:180px;object-fit:cover;border-radius:12px;margin-bottom:4px}.livechat-msg .img-file span,.livechat-msg .doc-file small{display:block;font-size:11px;opacity:.75}.livechat-msg .doc-file{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);padding:8px;border-radius:12px;color:inherit;text-decoration:none}.livechat-msg.member .doc-file{background:#f2f4f7;color:#344054;border-color:#e4e7ec}.livechat-compose{margin-top:12px;border:1px solid #e4e7ec;border-radius:16px;padding:12px;background:#fff}.livechat-compose textarea{width:100%;border:1px solid #d0d5dd;border-radius:12px;padding:10px 12px;resize:vertical;min-height:76px}.livechat-compose-actions{display:flex;justify-content:space-between;gap:10px;margin-top:10px;flex-wrap:wrap}.livechat-attach-preview.show{display:flex}.livechat-attach-preview{display:none;gap:8px;flex-wrap:wrap;margin-bottom:8px}.attach-chip{display:inline-flex;align-items:center;gap:6px;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800}.attach-chip button{border:0;background:transparent;color:#1d4ed8;font-size:16px;line-height:1}
@media(max-width:991.98px){.livechat-admin-shell{grid-template-columns:1fr}.livechat-inbox-list{max-height:280px}.livechat-room-card{min-height:620px}.livechat-room-messages{min-height:340px}}

/* ===== Live chat notification + templates ===== */
.livechat-inbox-item.unread{border-color:#2563eb;background:#eff6ff;box-shadow:0 8px 22px rgba(37,99,235,.10)}
.livechat-inbox-item .unread-dot{display:inline-flex;align-items:center;margin-left:6px;padding:2px 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;font-weight:900;vertical-align:middle}
.livechat-inbox-item .unread-count{display:inline-flex;min-width:22px;height:22px;border-radius:999px;background:#ef4444;color:#fff;align-items:center;justify-content:center;font-size:11px;margin-right:4px}
.livechat-template-box{border:1px solid #e4e7ec;border-radius:14px;background:#f8fafc;padding:10px;margin-bottom:10px}
.template-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.template-head b{font-size:13px;color:#101828}
.clean-btn.small{padding:6px 10px;font-size:12px;border-radius:10px}
.livechat-template-panel{display:flex;gap:8px;flex-wrap:wrap;max-height:92px;overflow:auto}
.template-chip{border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800;cursor:pointer;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.template-chip:hover{background:#dbeafe;border-color:#60a5fa}

/* Live chat template manager */
.livechat-template-hint{font-size:12px;color:#667085;margin:6px 0 8px}
.livechat-template-layout{display:grid;grid-template-columns:minmax(360px,520px) minmax(0,1fr);gap:16px;align-items:start}
.card-clean{background:#fff;border:1px solid var(--line,#e4e7ec);border-radius:18px;box-shadow:0 14px 35px rgba(15,23,42,.06);padding:18px}
.section-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}
.section-title-row h2{margin:0;font-size:24px;color:#101828;font-weight:800}.section-title-row p{margin:4px 0 0;color:#667085;font-size:13px}
.template-form .field{margin-bottom:14px}.template-form .field label{display:block;font-weight:800;margin-bottom:7px;color:#101828}.template-form input,.template-form select,.template-form textarea{width:100%;border:1px solid #d0d5dd;border-radius:12px;padding:12px 14px;background:#fff;outline:none}.template-form textarea{resize:vertical;min-height:210px;line-height:1.5}.template-form input:focus,.template-form select:focus,.template-form textarea:focus{border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.10)}
.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.template-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.form-status{margin-top:12px;font-weight:800}.form-status.success{color:#067647}.form-status.error{color:#b42318}
.template-list{display:flex;flex-direction:column;gap:12px}.template-list-item{border:1px solid #e4e7ec;border-radius:16px;padding:14px;background:#f8fafc;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start}.template-title-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.template-title-line b{font-size:16px;color:#101828}.template-list-item pre{white-space:pre-wrap;margin:8px 0 6px;font-family:inherit;color:#344054;line-height:1.5}.template-list-item small{color:#667085}.template-list-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:900}.status-pill.active{background:#dcfae6;color:#067647}.status-pill.off{background:#fee4e2;color:#b42318}.clean-btn.danger{color:#b42318;border-color:#fecaca;background:#fff}
@media(max-width:991.98px){.livechat-template-layout{grid-template-columns:1fr}.template-list-item{grid-template-columns:1fr}.template-list-actions{justify-content:flex-start}.form-grid-2{grid-template-columns:1fr}}

.template-hotkey{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  margin-right:6px;
  border-radius:50%;
  background:#1d4ed8;
  color:#fff;
  font-size:11px;
  font-weight:900;
}
/* Provider Wallet Transaction page tidy fix */
.pwt-page .report-main{min-height:100vh;background:var(--bg)}
.pwt-page .report-content.pwt-content{padding:20px;display:flex;flex-direction:column;gap:16px}
.pwt-page .pwt-hero{background:linear-gradient(135deg,#ffffff 0%,#eef6ff 100%);border-color:#dbeafe}
.pwt-page .pwt-hero h2{font-size:24px;line-height:1.2;margin:4px 0 6px;font-weight:900;color:#101828}
.pwt-page .pwt-hero p{margin:0;color:#667085;max-width:760px}
.pwt-page .eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:900;color:#1d4ed8;text-transform:uppercase;letter-spacing:.04em}
.pwt-page .pwt-filter-grid{grid-template-columns:repeat(4,minmax(160px,1fr))}
.pwt-page .table-card{overflow:hidden}
.pwt-page .pwt-table{min-width:1080px}
.pwt-page .pwt-url{display:inline-block;max-width:240px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;color:#475467}
.pwt-page .pwt-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px}
.pwt-page .clean-btn:disabled{opacity:.5;cursor:not-allowed}
.pwt-page .payload-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pwt-page .payload-block.full{grid-column:1 / -1}
.pwt-page .payload-block label{display:flex;align-items:center;gap:6px;font-weight:900;color:#344054;margin-bottom:8px}
.pwt-page .payload-box{min-height:96px;max-height:360px;overflow:auto;background:#0f172a!important;color:#dbeafe;border:1px solid #1e293b;border-radius:14px;padding:14px;font-size:12px;line-height:1.55;white-space:pre-wrap;word-break:break-word;margin:0}
.pwt-page .error-box{background:#fff7ed!important;color:#9a3412;border-color:#fed7aa;min-height:70px}
.pwt-page .modal-content{border:0;border-radius:18px;box-shadow:0 24px 70px rgba(15,23,42,.26);overflow:hidden}
.pwt-page .modal-header{background:#fff;border-bottom:1px solid var(--line);padding:16px 18px}
.pwt-page .modal-body{background:#f8fafc;padding:18px}
.pwt-page .modal-footer{background:#fff;border-top:1px solid var(--line)}
.pwt-page .modal-backdrop.show{opacity:.45}
/* Provider payload modal must cover the sticky BO header just like other BO detail modals. */
body.pwt-page .pwt-modal{z-index:7000!important}
body.pwt-page > .modal-backdrop{z-index:6900!important;background:#0f172a!important}
body.pwt-page > .modal-backdrop.show{opacity:.55!important;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
body.pwt-page.modal-open .report-topbar,
body.pwt-page.modal-open .report-sidebar,
body.pwt-page.modal-open .report-main{pointer-events:none}
body.pwt-page.modal-open .pwt-modal{pointer-events:auto}
.pwt-page .debug-json-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.pwt-page .debug-json-head label{margin:0}
.pwt-page .debug-copy-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px}
.pwt-page .debug-json-box{min-height:220px;max-height:520px}
.pwt-page .report-user{align-items:center;gap:8px}
.pwt-page .report-user span{width:30px;height:30px;border-radius:999px;background:#dbeafe;color:#1d4ed8;display:grid;place-items:center;font-weight:900}
.pwt-page .logout-btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 12px;font-weight:800;color:#344054}
.pwt-page .logout-btn:hover{background:#f8fafc;color:#dc2626}
@media(max-width:991.98px){
  .pwt-page .report-content.pwt-content{padding:14px 12px}
  .pwt-page .pwt-filter-grid{grid-template-columns:1fr 1fr}
  .pwt-page .payload-grid{grid-template-columns:1fr}
  .pwt-page .payload-block.full{grid-column:auto}
}
@media(max-width:575.98px){
  .pwt-page .pwt-filter-grid{grid-template-columns:1fr}
  .pwt-page .pwt-hero h2{font-size:20px}
  .pwt-page .pwt-pager{flex-direction:column}
  .pwt-page .pwt-pager .clean-btn{width:100%}
  .pwt-page .modal-dialog{margin:8px}
  .pwt-page .modal-body{padding:12px}
}

/* Provider Transactions table compact full-width fix */
.pwt-page .table-card{overflow:hidden!important}
.pwt-page .table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;background:#fff}
.pwt-page .report-table.pwt-table{width:100%!important;min-width:1120px!important;table-layout:fixed!important}
.pwt-page .pwt-table th,.pwt-page .pwt-table td{padding:10px 10px!important;vertical-align:middle}
.pwt-page .pwt-table th:nth-child(1),.pwt-page .pwt-table td:nth-child(1){width:46px}
.pwt-page .pwt-table th:nth-child(2),.pwt-page .pwt-table td:nth-child(2){width:78px}
.pwt-page .pwt-table th:nth-child(3),.pwt-page .pwt-table td:nth-child(3){width:92px}
.pwt-page .pwt-table th:nth-child(4),.pwt-page .pwt-table td:nth-child(4){width:92px}
.pwt-page .pwt-table th:nth-child(5),.pwt-page .pwt-table td:nth-child(5){width:86px}
.pwt-page .pwt-table th:nth-child(6),.pwt-page .pwt-table td:nth-child(6){width:92px}
.pwt-page .pwt-table th:nth-child(7),.pwt-page .pwt-table td:nth-child(7){width:70px}
.pwt-page .pwt-table th:nth-child(8),.pwt-page .pwt-table td:nth-child(8){width:auto;min-width:260px}
.pwt-page .pwt-table th:nth-child(9),.pwt-page .pwt-table td:nth-child(9){width:210px}
.pwt-page .pwt-table th:nth-child(10),.pwt-page .pwt-table td:nth-child(10){width:132px}
.pwt-page .pwt-table td{overflow:hidden;text-overflow:ellipsis}
.pwt-page .pwt-url{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
@media(max-width:1199.98px){
  .pwt-page .report-table.pwt-table{min-width:1080px!important}
}

/* Provider action config enhancement */
.action-config-box textarea { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 12px; line-height: 1.55; }
#providerStatusBoxTop { margin-bottom: 12px; }
.manage-form-card { position: sticky; top: 12px; align-self: start; max-height: calc(100vh - 24px); overflow: auto; }
@media (max-width: 991px) { .manage-form-card { position: static; max-height: none; } }

/* Standardized wallet/provider report pages */
.page-hero-card h2{margin:4px 0 4px;color:#101828;font-size:22px;font-weight:900}
.page-hero-card p{margin:0;color:#667085}
.page-hero-card .eyebrow,.pwt-hero .eyebrow{display:inline-flex;align-items:center;gap:7px;color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;margin-bottom:6px}
.report-content>.filter-card:first-child{margin-top:0}
.report-table .badge{font-size:11px;border-radius:999px;padding:5px 8px}

/* ===== Promotion / Bonus Management ===== */
.promo-kind-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.promo-kind-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:14px;box-shadow:0 8px 20px rgba(16,24,40,.04)}
.promo-kind-card b{display:block;color:#182230}.promo-kind-card small{color:#667085;line-height:1.45}.promo-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.promo-form-grid .full{grid-column:1/-1}.promo-help{font-size:12px;color:#ef4444;margin-top:4px;line-height:1.35}.promo-chip-row{display:flex;gap:8px;flex-wrap:wrap}.promo-chip{border:1px solid #dbe4f0;background:#f8fafc;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;color:#475467}.promo-list-item{border:1px solid var(--line);border-radius:16px;background:#fff;padding:14px;margin-bottom:12px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start}.promo-list-item h4{margin:0 0 6px;font-size:16px}.promo-list-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.promo-meta{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.promo-empty{border:1px dashed #cbd5e1;border-radius:16px;padding:24px;text-align:center;color:#667085;background:#f8fafc}@media(max-width:991.98px){.promo-kind-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.promo-form-grid{grid-template-columns:1fr}.promo-list-item{grid-template-columns:1fr}.promo-list-actions{justify-content:flex-start}}@media(max-width:575.98px){.promo-kind-grid{grid-template-columns:1fr}}
.promo-rule-box{border:1px solid #fee2e2;background:#fff7ed;border-radius:12px;padding:10px;color:#b42318;font-weight:700}

/* CRUD modal pattern: list full width + add/edit modal */
.crud-list-only-grid{display:block!important;grid-template-columns:1fr!important}.crud-list-full{width:100%!important;max-width:none!important}.crud-modal-form-card{margin:0!important;box-shadow:none!important;border:0!important;background:transparent!important}.crud-list-titlebar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}.crud-add-btn{white-space:nowrap}.crud-pattern-modal{position:fixed;inset:0;z-index:9999;display:none}.crud-pattern-modal.show{display:block}.crud-pattern-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(4px)}.crud-pattern-dialog{position:relative;width:min(920px,calc(100vw - 32px));max-height:calc(100vh - 36px);margin:18px auto;background:#fff;border-radius:18px;box-shadow:0 24px 70px rgba(15,23,42,.35);display:flex;flex-direction:column;overflow:hidden}.crud-pattern-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #e5eaf2}.crud-pattern-head h2{font-size:22px;margin:0;color:#1f2937}.crud-pattern-close{border:1px solid #d5deea;background:#fff;border-radius:12px;width:42px;height:42px;display:grid;place-items:center}.crud-pattern-body{padding:22px;overflow:auto}.crud-modal-open{overflow:hidden}.crud-pattern-body .section-title.mb-3{margin-bottom:16px!important}.crud-pattern-body .slider-form-actions,.crud-pattern-body .form-actions{position:sticky;bottom:-22px;background:#fff;padding-top:14px;padding-bottom:4px;border-top:1px solid #edf1f7}@media(max-width:768px){.crud-pattern-dialog{width:calc(100vw - 16px);margin:8px auto;max-height:calc(100vh - 16px)}.crud-pattern-body{padding:14px}}

/* ===== Standard CRUD list + modal layout polish ===== */
.crud-list-only-grid{
  display:block!important;
  grid-template-columns:1fr!important;
  width:100%!important;
}
.crud-list-full,
.slider-list-card.crud-list-full,
.manage-list-card.crud-list-full,
.template-list-card.crud-list-full{
  width:100%!important;
  max-width:none!important;
  margin-bottom:28px!important;
  padding-bottom:22px!important;
}
.crud-list-full .slider-list,
.crud-list-full .manage-list,
.crud-list-full .template-list,
.slider-list,
.manage-list{
  gap:18px!important;
  padding-bottom:18px!important;
}
.crud-list-titlebar,
.slider-list-title.crud-list-titlebar,
.section-title.crud-list-titlebar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  width:100%!important;
  margin-bottom:18px!important;
  text-align:left!important;
}
.crud-list-titlebar > div:first-child{
  flex:1 1 auto!important;
  min-width:0!important;
  text-align:left!important;
}
.crud-list-titlebar h1,
.crud-list-titlebar h2,
.crud-list-titlebar h3{
  margin:0!important;
  text-align:left!important;
}
.crud-title-actions{
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex:0 0 auto!important;
  flex-wrap:wrap!important;
}
.crud-toolbar-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  white-space:nowrap!important;
}
.crud-add-btn{white-space:nowrap!important;}
.crud-modal-form-card{margin:0!important;box-shadow:none!important;border:0!important;background:transparent!important;max-width:none!important;width:100%!important;}
.crud-pattern-body .slider-form-actions,
.crud-pattern-body .form-actions{
  position:sticky;
  bottom:-22px;
  background:#fff;
  padding-top:14px;
  padding-bottom:8px;
  border-top:1px solid #edf1f7;
  margin-top:18px!important;
}
.crud-pattern-body .field{margin-bottom:14px!important;}
.crud-pattern-body .section-title.mb-3{margin-bottom:16px!important;}

@media(max-width:575.98px){
  .crud-list-full,
  .slider-list-card.crud-list-full,
  .manage-list-card.crud-list-full,
  .template-list-card.crud-list-full{
    padding:14px!important;
    margin-bottom:24px!important;
  }
  .crud-list-titlebar,
  .slider-list-title.crud-list-titlebar,
  .section-title.crud-list-titlebar{
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    margin-bottom:14px!important;
    text-align:left!important;
  }
  .crud-list-titlebar > div:first-child{
    flex:1 1 auto!important;
    min-width:0!important;
  }
  .crud-list-titlebar h2,
  .crud-list-titlebar h3{
    font-size:18px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    text-align:left!important;
  }
  .crud-title-actions{
    flex:0 0 auto!important;
    display:flex!important;
    justify-content:flex-end!important;
    gap:8px!important;
    margin-left:8px!important;
    flex-wrap:nowrap!important;
  }
  .crud-title-actions .clean-btn,
  .crud-title-actions .crud-toolbar-btn{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    padding:0!important;
    border-radius:12px!important;
  }
  .crud-title-actions .btn-label{
    display:none!important;
  }
  .crud-title-actions i{
    margin:0!important;
    font-size:16px!important;
  }
  .crud-pattern-dialog{
    width:calc(100vw - 14px)!important;
    margin:7px auto!important;
    max-height:calc(100vh - 14px)!important;
    border-radius:16px!important;
  }
  .crud-pattern-head{padding:14px 16px!important;}
  .crud-pattern-head h2{font-size:18px!important;}
  .crud-pattern-body{padding:14px!important;}
  .crud-pattern-body .slider-form-actions,
  .crud-pattern-body .form-actions{
    bottom:-14px!important;
    padding-bottom:10px!important;
  }
  .slider-list,.manage-list{padding-bottom:18px!important;}
}

/* Standard CRUD toolbar button alignment */
.crud-title-actions .clean-btn,
.crud-title-actions .crud-toolbar-btn,
.section-title.crud-list-titlebar .clean-btn,
.section-title.crud-list-titlebar .crud-toolbar-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  height:42px!important;
  min-height:42px!important;
  padding:0 16px!important;
  line-height:1!important;
  vertical-align:middle!important;
  box-sizing:border-box!important;
}
.crud-title-actions .clean-btn i,
.crud-title-actions .crud-toolbar-btn i,
.section-title.crud-list-titlebar .clean-btn i,
.section-title.crud-list-titlebar .crud-toolbar-btn i{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  font-size:15px!important;
  width:16px!important;
  height:16px!important;
  margin:0!important;
  flex:0 0 16px!important;
}
.crud-title-actions .btn-label,
.section-title.crud-list-titlebar .btn-label{
  display:inline-flex!important;
  align-items:center!important;
  line-height:1!important;
  margin:0!important;
}
.crud-title-actions .primary,
.section-title.crud-list-titlebar .primary{
  height:42px!important;
}

/* Final mobile CRUD toolbar fix: keep title left, icon buttons right, no overlap */
@media (max-width: 575.98px){
  .crud-list-titlebar,
  .slider-list-title.crud-list-titlebar,
  .section-title.crud-list-titlebar{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    width:100%!important;
    text-align:left!important;
  }
  .crud-list-titlebar > div:first-child,
  .slider-list-title.crud-list-titlebar > div:first-child,
  .section-title.crud-list-titlebar > div:first-child{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:calc(100% - 100px)!important;
    text-align:left!important;
  }
  .crud-list-titlebar h1,
  .crud-list-titlebar h2,
  .crud-list-titlebar h3,
  .slider-list-title.crud-list-titlebar h1,
  .slider-list-title.crud-list-titlebar h2,
  .slider-list-title.crud-list-titlebar h3,
  .section-title.crud-list-titlebar h1,
  .section-title.crud-list-titlebar h2,
  .section-title.crud-list-titlebar h3{
    margin:0!important;
    font-size:18px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    text-align:left!important;
  }
  .crud-title-actions{
    flex:0 0 auto!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    margin-left:auto!important;
    flex-wrap:nowrap!important;
  }
  .crud-title-actions .clean-btn,
  .crud-title-actions .crud-toolbar-btn,
  .section-title.crud-list-titlebar .clean-btn,
  .section-title.crud-list-titlebar .crud-toolbar-btn{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0!important;
    border-radius:12px!important;
    overflow:hidden!important;
    gap:0!important;
  }
  .crud-title-actions .btn-label,
  .section-title.crud-list-titlebar .btn-label,
  .crud-title-actions .clean-btn .btn-label,
  .section-title.crud-list-titlebar .clean-btn .btn-label{
    display:none!important;
    width:0!important;
    height:0!important;
    overflow:hidden!important;
  }
  .crud-title-actions .clean-btn i,
  .crud-title-actions .crud-toolbar-btn i,
  .section-title.crud-list-titlebar .clean-btn i,
  .section-title.crud-list-titlebar .crud-toolbar-btn i{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:18px!important;
    height:18px!important;
    flex:0 0 18px!important;
    margin:0!important;
    font-size:16px!important;
    line-height:1!important;
  }
  .slider-list,.manage-list,.template-list{
    padding-bottom:28px!important;
  }
  .slider-list > *, .manage-list > *, .template-list > *{
    margin-bottom:16px!important;
  }
}

.crud-add-btn{
    color:#fff !important;
}

.crud-add-btn span{
    color:#fff !important;
}

.crud-add-btn i{
    color:#fff !important;
}

/* CRUD toolbar add button text/icon visibility */
.crud-toolbar .crud-add-btn,
.crud-title-actions .crud-add-btn,
.crud-add-btn .btn-label,
.crud-add-btn i,
.clean-btn.primary.crud-add-btn,
.clean-btn.primary.crud-add-btn .btn-label,
.clean-btn.primary.crud-add-btn i{
  color:#fff !important;
}

/* CRUD modal: modal header already shows Add/Edit title, hide duplicate form title inside body */
#crudPatternModal .crud-modal-form-card > .section-title:first-child,
#crudPatternModal .crud-modal-form-card > .card-clean-title:first-child,
#crudPatternModal .crud-modal-form-card > h1:first-child,
#crudPatternModal .crud-modal-form-card > h2:first-child,
#crudPatternModal .crud-modal-form-card > h3:first-child,
#crudPatternModal .crud-modal-form-card > h4:first-child,
#crudPatternModal .crud-modal-form-card > h5:first-child{
  display:none !important;
}
#crudPatternModal .crud-pattern-body .crud-modal-form-card{
  padding-top:0 !important;
}

/* Deposit / Withdraw report tabs */
.report-tab-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
  flex-wrap:wrap;
}
.report-tabs{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px;
  border:1px solid #d9e2ef;
  border-radius:16px;
  background:#f8fafc;
}
.report-tab{
  border:0;
  border-radius:12px;
  padding:10px 16px;
  background:transparent;
  color:#334155;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  line-height:1;
}
.report-tab.active{
  background:#2563eb;
  color:#fff;
  box-shadow:0 8px 18px rgba(37,99,235,.22);
}
.dw-report-panel{display:none;}
.dw-report-panel.active{display:block;}
@media (max-width: 575.98px){
  .report-tab-toolbar{align-items:flex-start;}
  .report-tabs{width:100%; display:grid; grid-template-columns:1fr 1fr;}
  .report-tab{padding:10px 8px;}
}

/* Dynamic mobile member cards */
.member-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:4px}
.member-card-head h3{min-width:0;word-break:break-word}
@media(max-width:575.98px){
  .member-card-list{margin-top:12px}
  .member-card{margin-bottom:12px}
  .member-grid b{word-break:break-word}
}

/* User Management polish: compact desktop table like reference image */
.user-stats{gap:14px;margin-bottom:14px}
.user-metric{display:flex;align-items:center;gap:16px;min-height:92px;padding:18px 22px;border-radius:16px;box-shadow:0 10px 26px rgba(15,23,42,.05)}
.user-metric .metric-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:24px;flex:0 0 auto}
.user-metric.purple .metric-icon{background:#eef2ff;color:#4f46e5}.user-metric.green .metric-icon{background:#dcfce7;color:#16a34a}.user-metric.blue .metric-icon{background:#e0e7ff;color:#2563eb}.user-metric.orange .metric-icon{background:#ffedd5;color:#ea580c}
.user-metric span{display:block;font-size:12px;color:#667085}.user-metric strong{font-size:22px;line-height:1.15;margin:2px 0;color:#0f172a}.user-metric small{display:block;font-size:11px;color:#667085;font-weight:600}
.user-main-table{width:100%!important;min-width:0!important;table-layout:fixed!important}
.table-card .table-wrap:has(.user-main-table){overflow-x:hidden!important;border-radius:14px}
.user-main-table th,.user-main-table td{padding:10px 10px!important;font-size:12px!important;white-space:normal!important;line-height:1.28;vertical-align:middle;word-break:break-word}
.user-main-table th{background:#f8fafc!important;color:#334155!important;font-weight:800!important;border-bottom:1px solid #e5e7eb!important}
.user-main-table td{color:#0f172a!important;background:#fff}
.user-main-table tbody tr:nth-child(even) td{background:#fcfcfd!important}.user-main-table tbody tr:hover td{background:#f8fafc!important}
.user-main-table th:nth-child(1),.user-main-table td:nth-child(1){width:4%;text-align:center}.user-main-table th:nth-child(2),.user-main-table td:nth-child(2){width:13%}.user-main-table th:nth-child(3),.user-main-table td:nth-child(3){width:13%}.user-main-table th:nth-child(4),.user-main-table td:nth-child(4){width:12%}.user-main-table th:nth-child(5),.user-main-table td:nth-child(5){width:8%}.user-main-table th:nth-child(6),.user-main-table td:nth-child(6){width:9%}.user-main-table th:nth-child(7),.user-main-table td:nth-child(7){width:8%}.user-main-table th:nth-child(8),.user-main-table td:nth-child(8){width:8%}.user-main-table th:nth-child(9),.user-main-table td:nth-child(9){width:8%}.user-main-table th:nth-child(10),.user-main-table td:nth-child(10){width:7%}.user-main-table th:nth-child(11),.user-main-table td:nth-child(11){width:7%;text-align:center}.user-main-table th:nth-child(12),.user-main-table td:nth-child(12){width:7%;text-align:center}
.member-name-cell b,.money-strong{color:#4f46e5!important;font-weight:900}.member-name-cell small{color:#64748b;font-weight:700}.status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#dcfce7;color:#16a34a;font-size:10px;font-weight:900;padding:5px 8px;line-height:1}.status-pill.off{background:#fee2e2;color:#dc2626}.user-row-actions{display:flex;justify-content:center;gap:8px;flex-wrap:nowrap}.icon-action{width:30px;height:30px;border:1px solid #d8def8;background:#fff;border-radius:8px;color:#64748b;display:inline-grid;place-items:center}.icon-action.view{background:#eef2ff;color:#4f46e5;border-color:#c7d2fe}.icon-action:hover{filter:brightness(.97)}
@media(max-width:1199.98px){.user-main-table th,.user-main-table td{font-size:11px!important;padding:8px 6px!important}.icon-action{width:28px;height:28px}.user-metric{padding:16px}.user-metric .metric-icon{width:42px;height:42px}}
@media(max-width:575.98px){.table-card .table-wrap:has(.user-main-table){display:none}.user-metric{min-height:78px}.user-metric .metric-icon{display:none}}


/* User Management v3 - 1:1 reference polish */
.report-body{background:#f5f7fb!important;}
.report-topbar{background:#fff;border-bottom:1px solid #e6ebf2;box-shadow:none!important;}
.report-topbar h1{font-size:26px;font-weight:900;color:#101828;letter-spacing:-.02em;}
.report-content{padding:18px 18px 22px!important;}
.quick-stats.user-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin-bottom:14px!important;}
.quick-stats.user-stats .user-metric{display:flex!important;align-items:center!important;gap:16px!important;min-height:92px!important;padding:18px 22px!important;border-radius:16px!important;background:#fff!important;border:1px solid #e4e7ec!important;box-shadow:0 8px 22px rgba(16,24,40,.045)!important;}
.user-metric .metric-icon{width:52px!important;height:52px!important;border-radius:50%!important;display:grid!important;place-items:center!important;font-size:25px!important;flex:0 0 auto!important;}
.user-metric.purple .metric-icon{background:#f1efff!important;color:#6153f5!important}.user-metric.green .metric-icon{background:#e5f8ee!important;color:#25a65a!important}.user-metric.blue .metric-icon{background:#edf0ff!important;color:#3555c9!important}.user-metric.orange .metric-icon{background:#fff0df!important;color:#d98a35!important}
.user-metric span{display:block!important;font-size:12px!important;color:#667085!important;font-weight:700!important;}
.user-metric strong{display:block!important;font-size:23px!important;line-height:1.05!important;margin:5px 0 2px!important;color:#101828!important;font-weight:900!important;}
.user-metric small{display:block!important;font-size:11px!important;color:#667085!important;font-weight:600!important;}
.filter-card{border-radius:16px!important;border:1px solid #e4e7ec!important;background:#fff!important;box-shadow:0 8px 22px rgba(16,24,40,.04)!important;padding:16px!important;margin-bottom:16px!important;}
.user-search-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px 16px!important;align-items:end!important;}
.field label{font-size:12px!important;font-weight:900!important;color:#101828!important;margin-bottom:7px!important;}
.field input,.field select{height:40px!important;border:1px solid #d0d7e2!important;border-radius:9px!important;background:#fff!important;padding:0 12px!important;font-size:12px!important;font-weight:700!important;color:#344054!important;box-shadow:none!important;}
.field input::placeholder{color:#98a2b3!important;}
.filter-action-row{display:grid;grid-template-columns:78px 1fr;gap:10px;align-items:center;}
.filter-action-row .clean-btn,.filter-action-row .btn-primary-clean{height:40px!important;border-radius:9px!important;font-size:12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:0 12px!important;white-space:nowrap!important;}
.filter-action-row .btn-primary-clean{width:100%!important;background:#2563eb!important;border:1px solid #2563eb!important;color:#fff!important;box-shadow:0 6px 14px rgba(91,95,240,.18)!important;}
.table-card{border-radius:16px!important;border:1px solid #e4e7ec!important;background:#fff!important;box-shadow:0 8px 22px rgba(16,24,40,.04)!important;padding:16px!important;}
.user-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:14px!important;}
.user-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.user-badge{height:36px!important;border-radius:10px!important;padding:0 12px!important;font-size:15px!important;font-weight:900!important;color:#101828!important;background:#fff!important;border:0!important;}
.users-found-badge{display:inline-flex;align-items:center;height:24px;border-radius:999px;background:#eef2ff;color:#2563eb;font-size:11px;font-weight:900;padding:0 9px;}
.user-toolbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.user-toolbar-actions .clean-btn{height:36px!important;border-radius:9px!important;font-size:12px!important;padding:0 12px!important;display:inline-flex;align-items:center;gap:6px;background:#fff!important;}
.table-card .table-wrap:has(.user-main-table){overflow-x:hidden!important;border-radius:12px!important;border:1px solid #edf0f5!important;}
.user-main-table{width:100%!important;min-width:0!important;table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important;}
.user-main-table th{background:#f8fafc!important;color:#344054!important;border-right:1px solid #edf0f5!important;border-bottom:1px solid #edf0f5!important;font-size:10.5px!important;line-height:1.15!important;font-weight:900!important;padding:9px 6px!important;white-space:normal!important;}
.user-main-table td{font-size:11px!important;line-height:1.2!important;padding:9px 6px!important;white-space:normal!important;word-break:break-word!important;color:#344054!important;border-right:1px solid #edf0f5!important;border-bottom:1px solid #edf0f5!important;}
.user-main-table th:nth-child(1),.user-main-table td:nth-child(1){width:4%;text-align:center}.user-main-table th:nth-child(2),.user-main-table td:nth-child(2){width:14%}.user-main-table th:nth-child(3),.user-main-table td:nth-child(3){width:12%}.user-main-table th:nth-child(4),.user-main-table td:nth-child(4){width:12%}.user-main-table th:nth-child(5),.user-main-table td:nth-child(5){width:8%}.user-main-table th:nth-child(6),.user-main-table td:nth-child(6){width:9%}.user-main-table th:nth-child(7),.user-main-table td:nth-child(7){width:8%}.user-main-table th:nth-child(8),.user-main-table td:nth-child(8){width:8%}.user-main-table th:nth-child(9),.user-main-table td:nth-child(9){width:8%}.user-main-table th:nth-child(10),.user-main-table td:nth-child(10){width:7%}.user-main-table th:nth-child(11),.user-main-table td:nth-child(11){width:6%;text-align:center}.user-main-table th:nth-child(12),.user-main-table td:nth-child(12){width:7%;text-align:center}
.member-name-cell b,.money-strong{color:#4f46e5!important;font-weight:900!important}.member-name-cell small{color:#667085!important;font-size:10px!important;font-weight:700!important}.status-pill{border-radius:999px!important;background:#dcfce7!important;color:#16a34a!important;font-size:9.5px!important;font-weight:900!important;padding:4px 7px!important;}.status-pill.off{background:#fee2e2!important;color:#dc2626!important}.user-row-actions{display:flex!important;justify-content:center!important;gap:6px!important}.icon-action{width:27px!important;height:27px!important;border-radius:8px!important}.icon-action.view{background:#eef2ff!important;color:#2563eb!important;border-color:#d8ddff!important}
.member-card-list{display:none;}
@media(max-width:1199.98px){.report-content{padding:16px 14px!important}.quick-stats.user-stats .user-metric{padding:16px!important}.user-metric .metric-icon{width:46px!important;height:46px!important}.user-search-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}.user-main-table th,.user-main-table td{font-size:10px!important;padding:8px 4px!important}.desktop-only{display:none!important}}
@media(max-width:767.98px){.report-content{padding:14px 10px!important}.quick-stats.user-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.quick-stats.user-stats .user-metric{min-height:86px!important;padding:14px 16px!important}.user-metric .metric-icon{display:none!important}.user-search-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 12px!important}.user-filter-actions{grid-column:1/-1!important}.filter-action-row{grid-template-columns:1fr 1fr!important}.filter-action-row .clean-btn,.filter-action-row .btn-primary-clean{width:100%!important}.user-toolbar{display:grid!important;grid-template-columns:1fr!important}.user-title-row,.user-toolbar-actions{width:100%!important}.user-toolbar-actions .clean-btn{width:100%!important;justify-content:center!important}.table-card .table-wrap:has(.user-main-table),.report-table.user-main-table{display:none!important}.member-card-list{display:grid!important;gap:12px!important}.member-card{border-radius:14px!important;padding:14px!important;box-shadow:0 6px 16px rgba(16,24,40,.04)!important}.member-card h3{font-size:18px!important}.member-grid{grid-template-columns:1fr 1fr!important;gap:8px 12px!important}.member-grid b{text-align:right!important}}
@media(max-width:420px){.report-content{padding:12px 8px!important}.filter-card,.table-card{padding:12px!important;border-radius:15px!important}.quick-stats.user-stats{gap:10px!important}.quick-stats.user-stats .user-metric{min-height:88px!important;padding:14px!important}.user-metric strong{font-size:21px!important}.user-search-grid{grid-template-columns:1fr!important;gap:12px!important}.field input,.field select{height:42px!important}.filter-action-row{grid-template-columns:1fr!important}.report-topbar h1{font-size:19px!important}.member-grid{font-size:12px!important}}


/* Member management toolbar tools */
.column-menu-wrap{position:relative;display:inline-flex}
.column-menu{position:absolute;right:0;top:calc(100% + 8px);width:210px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 45px rgba(15,23,42,.16);padding:8px;z-index:2500}
.column-menu label{display:flex;align-items:center;gap:8px;padding:8px 9px;border-radius:10px;font-size:13px;font-weight:800;color:#344054;cursor:pointer}
.column-menu label:hover{background:#f8fafc}
.column-menu input{width:16px;height:16px}
.user-main-table{table-layout:fixed;min-width:0!important}
.user-main-table th,.user-main-table td{white-space:normal!important;word-break:break-word;vertical-align:middle}
.user-main-table th:nth-child(1),.user-main-table td:nth-child(1){width:44px;text-align:center}
.user-main-table th:last-child,.user-main-table td:last-child{width:90px;text-align:center}
@media(max-width:575.98px){.column-menu-wrap{display:none!important}.user-toolbar-actions{display:grid;grid-template-columns:1fr;gap:10px}.user-toolbar-actions .clean-btn{width:100%}}

/* User Management v5: default compact table + optional hidden columns */
.column-menu-title{font-size:12px;font-weight:900;color:#667085;padding:8px 9px 6px;border-bottom:1px solid #edf0f5;margin-bottom:4px}
.column-default-btn{width:100%;border:1px solid #d0d5dd;background:#fff;border-radius:10px;padding:8px 10px;font-size:12px;font-weight:900;color:#344054;margin-top:6px}
.column-default-btn:hover{background:#f8fafc}
.user-main-table.many-columns th,.user-main-table.many-columns td{font-size:9.5px!important;padding:7px 4px!important;line-height:1.15!important}
.user-main-table.many-columns th:last-child,.user-main-table.many-columns td:last-child{width:64px!important}
.user-main-table.many-columns .icon-action{width:25px!important;height:25px!important}
.user-main-table.many-columns .user-row-actions{gap:3px!important}
@media(min-width:1200px){
  .user-main-table[data-visible-cols="13"] th,.user-main-table[data-visible-cols="13"] td,
  .user-main-table[data-visible-cols="14"] th,.user-main-table[data-visible-cols="14"] td{font-size:10px!important;padding:7px 4px!important}
  .user-main-table[data-visible-cols="15"] th,.user-main-table[data-visible-cols="15"] td,
  .user-main-table[data-visible-cols="16"] th,.user-main-table[data-visible-cols="16"] td,
  .user-main-table[data-visible-cols="17"] th,.user-main-table[data-visible-cols="17"] td,
  .user-main-table[data-visible-cols="18"] th,.user-main-table[data-visible-cols="18"] td,
  .user-main-table[data-visible-cols="19"] th,.user-main-table[data-visible-cols="19"] td{font-size:9px!important;padding:6px 3px!important;letter-spacing:-.15px!important}
}


/* v6 fix: when user enables more columns, let the table become a proper wide table instead of squeezing/overlapping columns. Default view still stays no-scroll. */
.table-card .table-wrap:has(.user-main-table.extra-columns){
  overflow-x:auto!important;
  overflow-y:visible!important;
  max-width:100%!important;
}
.user-main-table.extra-columns{
  table-layout:auto!important;
  width:max-content!important;
  min-width:100%!important;
}
.user-main-table.extra-columns th,
.user-main-table.extra-columns td{
  white-space:nowrap!important;
  word-break:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  font-size:11px!important;
  padding:9px 10px!important;
  line-height:1.25!important;
  min-width:82px;
}
.user-main-table.extra-columns th[data-col="no"],
.user-main-table.extra-columns td[data-col="no"]{min-width:46px;width:46px;text-align:center}
.user-main-table.extra-columns th[data-col="registerDate"],
.user-main-table.extra-columns td[data-col="registerDate"]{min-width:150px}
.user-main-table.extra-columns th[data-col="name"],
.user-main-table.extra-columns td[data-col="name"]{min-width:120px;white-space:normal!important}
.user-main-table.extra-columns th[data-col="mobile"],
.user-main-table.extra-columns td[data-col="mobile"]{min-width:110px}
.user-main-table.extra-columns th[data-col="bankAccount"],
.user-main-table.extra-columns td[data-col="bankAccount"]{min-width:120px}
.user-main-table.extra-columns th[data-col="referrer"],
.user-main-table.extra-columns td[data-col="referrer"],
.user-main-table.extra-columns th[data-col="topReferrer"],
.user-main-table.extra-columns td[data-col="topReferrer"]{min-width:105px}
.user-main-table.extra-columns th[data-col="lastDeposit"],
.user-main-table.extra-columns td[data-col="lastDeposit"],
.user-main-table.extra-columns th[data-col="lastLogin"],
.user-main-table.extra-columns td[data-col="lastLogin"]{min-width:120px}
.user-main-table.extra-columns th[data-col="status"],
.user-main-table.extra-columns td[data-col="status"]{min-width:88px;text-align:center}
.user-main-table.extra-columns th[data-col="action"],
.user-main-table.extra-columns td[data-col="action"]{min-width:84px;text-align:center;position:sticky;right:0;background:#fff!important;z-index:2;box-shadow:-1px 0 0 #edf0f5}
.user-main-table.extra-columns th[data-col="action"]{background:#f8fafc!important;z-index:3}
.user-main-table.extra-columns .status-pill{white-space:nowrap!important;writing-mode:horizontal-tb!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
.user-main-table.extra-columns .user-row-actions{display:inline-flex!important;flex-wrap:nowrap!important;gap:6px!important}
.user-main-table.extra-columns .icon-action{width:30px!important;height:30px!important;flex:0 0 30px!important}
.column-menu{max-height:min(70vh,620px);overflow:auto}
@media(min-width:768px){
  .table-card .table-wrap:has(.user-main-table:not(.extra-columns)){
    overflow-x:hidden!important;
  }
}


/* v7: keep User Management table readable by limiting visible desktop columns to 7. */
.user-main-table.member-max-7{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
}
.table-card .table-wrap:has(.user-main-table.member-max-7){
  overflow-x:hidden!important;
}
.user-main-table.member-max-7 th,
.user-main-table.member-max-7 td{
  white-space:normal!important;
  word-break:break-word!important;
  overflow:visible!important;
  text-overflow:clip!important;
  font-size:12px!important;
  padding:11px 10px!important;
  line-height:1.25!important;
}
.user-main-table.member-max-7 th[data-col="registerDate"],
.user-main-table.member-max-7 td[data-col="registerDate"]{width:16%}
.user-main-table.member-max-7 th[data-col="name"],
.user-main-table.member-max-7 td[data-col="name"]{width:18%}
.user-main-table.member-max-7 th[data-col="mobile"],
.user-main-table.member-max-7 td[data-col="mobile"]{width:14%}
.user-main-table.member-max-7 th[data-col="bank"],
.user-main-table.member-max-7 td[data-col="bank"],
.user-main-table.member-max-7 th[data-col="mainWallet"],
.user-main-table.member-max-7 td[data-col="mainWallet"]{width:11%}
.user-main-table.member-max-7 th[data-col="status"],
.user-main-table.member-max-7 td[data-col="status"]{width:92px;text-align:center;white-space:nowrap!important;word-break:normal!important}
.user-main-table.member-max-7 th[data-col="action"],
.user-main-table.member-max-7 td[data-col="action"]{width:96px;text-align:center;white-space:nowrap!important;word-break:normal!important}
.user-main-table.member-max-7 .status-pill{white-space:nowrap!important;writing-mode:horizontal-tb!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;word-break:normal!important;letter-spacing:0!important}
.user-main-table.member-max-7 .user-row-actions{display:inline-flex!important;gap:6px!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important}
.user-main-table.member-max-7 .icon-action{width:30px!important;height:30px!important;flex:0 0 30px!important}
.column-limit-text{font-size:11px;font-weight:800;color:#667085;margin:-4px 0 8px}
.column-limit-notice{font-size:11px;font-weight:900;color:#b42318;background:#fff1f3;border:1px solid #fecdd6;border-radius:8px;padding:7px 8px;margin:0 0 8px}
.column-menu label.is-disabled{opacity:.48;cursor:not-allowed}
.column-menu label.is-disabled input{cursor:not-allowed}
@media(max-width:1199.98px){
  .user-main-table.member-max-7 th,.user-main-table.member-max-7 td{font-size:11px!important;padding:9px 7px!important}
}


/* v8: User Management allows max 12 columns including #. Keep all selected columns inside card without horizontal scroll. */
.user-main-table.member-max-12{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
}
.table-card .table-wrap:has(.user-main-table.member-max-12){
  overflow-x:hidden!important;
}
.user-main-table.member-max-12 th,
.user-main-table.member-max-12 td{
  white-space:normal!important;
  word-break:break-word!important;
  overflow:visible!important;
  text-overflow:clip!important;
  font-size:12px!important;
  padding:10px 8px!important;
  line-height:1.2!important;
  vertical-align:middle!important;
}
.user-main-table.member-max-12 th[data-col="no"],
.user-main-table.member-max-12 td[data-col="no"]{width:40px;text-align:center;white-space:nowrap!important;word-break:normal!important}
.user-main-table.member-max-12 th[data-col="registerDate"],
.user-main-table.member-max-12 td[data-col="registerDate"]{width:13%}
.user-main-table.member-max-12 th[data-col="name"],
.user-main-table.member-max-12 td[data-col="name"]{width:14%}
.user-main-table.member-max-12 th[data-col="mobile"],
.user-main-table.member-max-12 td[data-col="mobile"]{width:12%}
.user-main-table.member-max-12 th[data-col="mainWallet"],
.user-main-table.member-max-12 td[data-col="mainWallet"]{font-weight:900}
.user-main-table.member-max-12 th[data-col="deposit"],
.user-main-table.member-max-12 td[data-col="deposit"],
.user-main-table.member-max-12 th[data-col="withdraw"],
.user-main-table.member-max-12 td[data-col="withdraw"],
.user-main-table.member-max-12 th[data-col="winLoss"],
.user-main-table.member-max-12 td[data-col="winLoss"],
.user-main-table.member-max-12 th[data-col="bonus"],
.user-main-table.member-max-12 td[data-col="bonus"],
.user-main-table.member-max-12 th[data-col="manual"],
.user-main-table.member-max-12 td[data-col="manual"],
.user-main-table.member-max-12 th[data-col="commission"],
.user-main-table.member-max-12 td[data-col="commission"]{white-space:nowrap!important;word-break:normal!important}
.user-main-table.member-max-12 th[data-col="status"],
.user-main-table.member-max-12 td[data-col="status"]{width:78px;text-align:center;white-space:nowrap!important;word-break:normal!important}
.user-main-table.member-max-12 th[data-col="action"],
.user-main-table.member-max-12 td[data-col="action"]{width:84px;text-align:center;white-space:nowrap!important;word-break:normal!important}
.user-main-table.member-max-12 .status-pill{white-space:nowrap!important;writing-mode:horizontal-tb!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;word-break:normal!important;letter-spacing:0!important;font-size:10px!important;padding:4px 7px!important}
.user-main-table.member-max-12 .user-row-actions{display:inline-flex!important;gap:5px!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important}
.user-main-table.member-max-12 .icon-action{width:28px!important;height:28px!important;flex:0 0 28px!important}
@media(max-width:1399.98px){
  .user-main-table.member-max-12 th,.user-main-table.member-max-12 td{font-size:11px!important;padding:8px 6px!important}
  .user-main-table.member-max-12 th[data-col="status"],.user-main-table.member-max-12 td[data-col="status"]{width:62px!important}
  .user-main-table.member-max-12 th[data-col="action"],.user-main-table.member-max-12 td[data-col="action"]{width:70px!important}
  .user-main-table.member-max-12 .icon-action{width:24px!important;height:24px!important;flex-basis:24px!important}
}
@media(max-width:991.98px){
  .table-card .table-wrap:has(.user-main-table.member-max-12){overflow-x:auto!important}
  .user-main-table.member-max-12{min-width:960px!important}
}

/* Referral Network - image 1 style */
.referral-page{--ref-blue:#3f55ff;--ref-card:#fff;--ref-soft:#f7f8ff;--ref-border:#e8ecf5;--ref-text:#101828;--ref-muted:#667085}
.referral-page .report-content{padding:18px 20px 24px;background:#f7f8fc}.referral-page .report-topbar{background:#fff;border-bottom:1px solid #eef1f6;box-shadow:none}.referral-title-wrap{display:flex;align-items:center;gap:12px}.referral-title-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;color:#4755ff;background:#f0f2ff;font-size:20px}.referral-page .report-topbar h1{font-size:22px}.referral-page .report-topbar p{display:block;color:#667085;margin-top:4px;font-size:12px}.referral-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 16px}.ref-stat-card{height:96px;background:#fff;border:1px solid var(--ref-border);border-radius:16px;box-shadow:0 8px 24px rgba(16,24,40,.04);padding:18px 22px;display:flex;align-items:center;gap:18px;min-width:0}.ref-stat-card span{display:block;font-size:12px;color:#667085;font-weight:700}.ref-stat-card strong{display:block;font-size:24px;line-height:1.1;margin:5px 0 3px;color:#061225;font-weight:900}.ref-stat-card small{display:block;font-size:12px;color:#667085}.ref-stat-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:24px;flex:0 0 auto}.ref-stat-icon.purple{background:#f0efff;color:#6366f1}.ref-stat-icon.green{background:#eaf9ef;color:#36a85b}.ref-stat-icon.violet{background:#f4ecff;color:#8b5cf6}.ref-stat-icon.orange{background:#fff2e1;color:#e59b39}.referral-filter-card{background:#fff;border:1px solid var(--ref-border);border-radius:16px;box-shadow:0 8px 24px rgba(16,24,40,.04);padding:18px;margin-bottom:18px}.referral-filter-grid{display:grid;grid-template-columns:1.25fr 1.15fr 1fr 1fr;gap:16px;align-items:end}.referral-page .field label{font-size:12px;margin-bottom:8px;color:#344054}.referral-page .field input,.referral-page .field select{height:42px;border-radius:10px;border-color:#d9dfeb;font-size:13px}.ref-input-icon{position:relative}.ref-input-icon input{padding-right:38px}.ref-input-icon i{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#667085}.ref-date-control{height:42px;border:1px solid #d9dfeb;border-radius:10px;background:#fff;display:flex;align-items:center;gap:9px;padding:0 10px;min-width:0}.ref-date-control i{color:#667085}.ref-date-control input{border:0!important;box-shadow:none!important;padding:0!important;height:36px!important;border-radius:0!important;min-width:0;font-size:13px}.ref-date-control span{color:#667085}.ref-date-control button{border:0;background:transparent;color:#667085;padding:0 2px}.ref-filter-actions{display:grid;grid-template-columns:.72fr 1fr;gap:12px}.referral-page .clean-btn{height:42px;border-radius:10px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px;white-space:nowrap}.referral-page .clean-btn.primary{background:#2563eb;border-color:#2563eb}.referral-panels-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.referral-panel-card{background:#fff;border:1px solid var(--ref-border);border-radius:16px;box-shadow:0 8px 24px rgba(16,24,40,.04);padding:18px;min-width:0}.ref-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.ref-panel-title{display:flex;align-items:center;gap:12px;min-width:0}.ref-panel-title span{font-size:16px;font-weight:900;color:#182230}.ref-panel-title small{background:#eef0ff;color:#4c5cff;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:900;white-space:nowrap}.ref-export{height:36px!important;padding:0 12px!important}.ref-table-wrap{width:100%;overflow:hidden;border:1px solid #e7ebf3;border-radius:14px;background:#fff}.ref-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;background:#fff}.ref-table th{background:#fafbff;color:#344054;text-align:left;padding:13px 10px;font-size:11px;font-weight:900;border-bottom:1px solid #e7ebf3;white-space:normal}.ref-table td{padding:13px 10px;border-bottom:1px solid #edf1f7;color:#101828;font-size:12px;vertical-align:middle;word-break:break-word}.ref-table tr:last-child td{border-bottom:0}.ref-table tbody tr:nth-child(even) td{background:#fcfcff}.ref-table tbody tr:hover td,.ref-table tbody tr.active td{background:#f2f5ff}.ref-table b{font-weight:900;color:#102033}.ref-table small{color:#667085;font-size:11px;font-weight:700}.ref-members-table th:nth-child(1),.ref-members-table td:nth-child(1){width:44px;text-align:center}.ref-members-table th:nth-child(2),.ref-members-table td:nth-child(2){width:32%}.ref-members-table th:nth-child(3),.ref-members-table td:nth-child(3){width:22%}.ref-members-table th:nth-child(4),.ref-members-table td:nth-child(4){width:50px;text-align:center}.ref-members-table th:nth-child(5),.ref-members-table td:nth-child(5){width:24%}.ref-members-table th:nth-child(6),.ref-members-table td:nth-child(6){width:80px;text-align:center}.ref-downline-table th:nth-child(1),.ref-downline-table td:nth-child(1){width:44px;text-align:center}.ref-downline-table th:nth-child(2),.ref-downline-table td:nth-child(2){width:32%}.ref-downline-table th:nth-child(3),.ref-downline-table td:nth-child(3){width:22%}.ref-downline-table th:nth-child(4),.ref-downline-table td:nth-child(4){width:25%}.ref-downline-table th:nth-child(5),.ref-downline-table td:nth-child(5){width:95px;text-align:right}.ref-view-btn{height:34px;border:0;border-radius:8px;background:#2563eb;color:#fff;font-size:12px;font-weight:900;padding:0 16px}.ref-avatar{width:30px;height:30px;border-radius:50%;display:inline-grid;place-items:center;background:#eef0ff;color:#2563eb;font-size:11px;font-weight:900;flex:0 0 auto}.ref-member-cell{display:flex;align-items:center;gap:9px;min-width:0}.ref-member-name{min-width:0}.ref-member-name b{display:block}.ref-commission{font-weight:900;color:#16a34a}.ref-downline-summary{height:46px;border-radius:12px;background:#fafbff;margin-bottom:12px;padding:0 16px;display:flex;align-items:center;gap:44px;color:#667085;font-size:12px}.ref-downline-summary strong{color:#101828;margin-left:8px}.ref-pagination-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;color:#667085;font-size:12px}.ref-pagination-row select{height:34px;border:1px solid #d9dfeb;border-radius:8px;background:#fff;padding:0 10px}.ref-pager{display:flex;align-items:center;gap:8px}.ref-pager button,.ref-pager b{width:34px;height:34px;border:1px solid #e5eaf2;background:#fff;border-radius:9px;display:grid;place-items:center;color:#667085;text-decoration:none}.ref-pager b{background:#2563eb;color:#fff;border-color:#2563eb}.ref-info-note{margin-top:16px;background:#f2f4ff;border-radius:12px;padding:14px 16px;color:#667085;font-size:12px}.ref-info-note i{color:#5865f2;margin-right:8px}.ref-mobile-list{display:none}.ref-empty{text-align:center;color:#667085;padding:20px!important}.ref-loading{text-align:center;color:#667085;padding:20px!important}.referral-page .text-danger{color:#dc2626!important}
@media(max-width:1199.98px){.referral-filter-grid{grid-template-columns:1fr 1fr}.referral-panels-grid{grid-template-columns:1fr}.referral-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767.98px){.referral-page .report-content{padding:12px}.referral-title-icon{display:none}.referral-page .report-topbar p{display:none}.referral-stats-grid{grid-template-columns:1fr 1fr;gap:10px}.ref-stat-card{height:auto;min-height:88px;padding:14px;gap:10px}.ref-stat-icon{width:40px;height:40px;font-size:18px}.ref-stat-card strong{font-size:20px}.referral-filter-card,.referral-panel-card{padding:14px;border-radius:16px}.referral-filter-grid{grid-template-columns:1fr;gap:12px}.ref-filter-actions{grid-template-columns:1fr 1fr}.ref-date-control{height:auto;min-height:44px;flex-wrap:wrap;padding:8px 10px}.ref-date-control input{flex:1 1 120px}.ref-table-wrap{display:none}.ref-mobile-list{display:grid;gap:10px}.ref-mobile-card{border:1px solid #e7ebf3;border-radius:14px;padding:13px;background:#fff}.ref-mobile-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.ref-mobile-card h3{font-size:15px;margin:0;font-weight:900;color:#102033}.ref-mobile-card .meta{font-size:12px;color:#667085;margin-top:4px}.ref-mobile-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;font-size:12px}.ref-mobile-grid span{color:#667085}.ref-mobile-grid b{text-align:right}.ref-mobile-card .ref-view-btn{width:100%}.ref-pagination-row{font-size:11px;align-items:flex-start}.ref-panel-title{gap:8px;flex-wrap:wrap}.ref-panel-title span{font-size:15px}.ref-downline-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;height:auto;padding:12px}.ref-info-note{font-size:11px}.referral-page .clean-btn{height:40px;padding:0 10px}}
@media(max-width:420px){.referral-stats-grid{grid-template-columns:1fr 1fr}.ref-stat-card{display:block}.ref-stat-icon{margin-bottom:8px}.ref-panel-head{align-items:flex-start}.ref-export{padding:0 10px!important}.ref-pagination-row{display:block}.ref-pagination-row>div{margin-top:8px}.ref-pager{justify-content:flex-end}.ref-filter-actions{grid-template-columns:1fr}.referral-page .clean-btn{width:100%}}

/* User Management header icon/title aligned with Referral Network */
.user-title-wrap{display:flex;align-items:center;gap:12px;min-width:0}
.user-title-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;color:#4755ff;background:#f0f2ff;font-size:20px;flex:0 0 auto}
.report-topbar .user-title-wrap h1{margin:0;font-size:22px;font-weight:900;color:#061225}
.report-topbar .user-title-wrap p{display:block;margin:4px 0 0;color:#667085;font-size:12px;font-weight:500}
@media(max-width:767.98px){.user-title-icon{width:34px;height:34px;font-size:18px}.report-topbar .user-title-wrap h1{font-size:18px}.report-topbar .user-title-wrap p{display:none}}

/* Referral Network v2: use compact eye icon button to avoid Action column wrapping/overlap */
.ref-members-table th:nth-child(6),.ref-members-table td:nth-child(6){width:58px!important;text-align:center!important;white-space:nowrap!important;word-break:normal!important}
.ref-view-btn.ref-view-icon{width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#eef0ff!important;color:#2563eb!important;border:1px solid #dbe1ff!important;font-size:15px!important;line-height:1!important}
.ref-view-btn.ref-view-icon:hover{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important}
.ref-view-btn.ref-view-mobile{width:100%!important;height:38px!important;display:flex!important;gap:7px;align-items:center;justify-content:center;white-space:nowrap!important}
.ref-table th,.ref-table td{overflow:hidden;text-overflow:ellipsis}
.ref-member-name b,.ref-member-name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block}
.ref-members-table th:nth-child(2),.ref-members-table td:nth-child(2){width:34%!important}
.ref-members-table th:nth-child(3),.ref-members-table td:nth-child(3){width:20%!important}
.ref-members-table th:nth-child(5),.ref-members-table td:nth-child(5){width:24%!important}

/* Referral date range picker */
.ref-range-wrap{position:relative;min-width:0}.ref-range-trigger{height:42px;width:100%;border:1px solid #d9dfeb;border-radius:10px;background:#fff;display:flex;align-items:center;gap:10px;padding:0 12px;color:#344054;font-size:13px;font-weight:800;text-align:left}.ref-range-trigger:focus{outline:0;border-color:#2563eb;box-shadow:0 0 0 3px rgba(70,86,246,.12)}.ref-range-icon{height:42px;width:42px;margin-left:-12px;border-radius:10px 0 0 10px;background:#2563eb;color:#fff;display:grid;place-items:center;flex:0 0 auto}.ref-range-picker{position:absolute;left:0;top:calc(100% + 6px);z-index:80;width:390px;max-width:calc(100vw - 28px);background:#fff;border:1px solid #d9dfeb;border-radius:12px;box-shadow:0 18px 50px rgba(16,24,40,.16);display:none;overflow:hidden}.ref-range-picker.show{display:flex}.ref-range-presets{width:112px;background:#f8fafc;border-right:1px solid #e7ebf3;padding:8px 0}.ref-range-presets button{width:100%;border:0;background:transparent;text-align:left;padding:9px 12px;color:#344054;font-size:12px;font-weight:900}.ref-range-presets button:hover{background:#eef3ff}.ref-range-presets button.active{background:#2563eb;color:#fff}.ref-range-calendar{flex:1;padding:12px}.ref-cal-head{display:grid;grid-template-columns:30px 1fr 1fr 30px;gap:8px;align-items:center;margin-bottom:12px}.ref-cal-head button{height:30px;border:0;background:transparent;border-radius:8px;color:#344054}.ref-cal-head button:hover{background:#f1f5ff}.ref-cal-head select{height:32px;border:1px solid #d9dfeb;border-radius:8px;background:#fff;color:#344054;font-size:13px;font-weight:900;padding:0 8px}.ref-cal-week,.ref-cal-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.ref-cal-week span{text-align:center;color:#98a2b3;font-size:11px;font-weight:900;padding-bottom:5px}.ref-cal-days button{height:32px;border:0;border-radius:0;background:#fff;color:#101828;font-size:12px;font-weight:800}.ref-cal-days button:hover{background:#eef3ff}.ref-cal-days button.muted{color:#cbd5e1;background:#fff}.ref-cal-days button.in-range{background:#eaf0ff}.ref-cal-days button.selected{background:#2563eb;color:#fff;border-radius:6px;box-shadow:0 6px 12px rgba(70,86,246,.24)}
@media(max-width:767.98px){.ref-range-picker{position:fixed;left:12px;right:12px;top:96px;width:auto;max-width:none}.ref-range-picker.show{display:block}.ref-range-presets{width:100%;display:grid;grid-template-columns:repeat(2,1fr);border-right:0;border-bottom:1px solid #e7ebf3}.ref-range-presets button{text-align:center}.ref-range-calendar{padding:10px}.ref-cal-days button{height:30px}.ref-range-trigger{height:44px}.ref-range-icon{height:44px}}

/* Admin Management - reference dashboard layout */
.page-title-with-icon{display:flex;align-items:center;gap:12px;min-width:0}
.page-title-with-icon h1{margin:0!important;line-height:1.05!important}
.page-title-with-icon p{margin:5px 0 0;color:#475467;font-size:13px;font-weight:600}
.page-title-icon{width:42px;height:42px;border-radius:13px;background:#eef2ff;color:#4f46e5;display:grid;place-items:center;font-size:21px;flex:0 0 auto}
.page-title-icon.admin{background:#eef2ff;color:#4f46e5}
.admin-page-topbar{min-height:62px!important}
.admin-management-page .admin-stats{margin-bottom:18px!important}
.admin-filter-card{margin-bottom:18px!important}
.admin-search-grid{grid-template-columns:1.2fr .9fr .9fr 1.1fr!important}
.input-icon-wrap{position:relative;display:flex;align-items:center;width:100%}
.input-icon-wrap input{width:100%;padding-right:40px!important}
.input-icon-wrap > i{position:absolute;right:13px;color:#667085;pointer-events:none}
.admin-layout-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}
.admin-create-card{padding:18px!important;border-radius:16px!important;box-shadow:0 8px 22px rgba(16,24,40,.04)!important}
.admin-side-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.admin-side-title h2{font-size:16px!important;font-weight:900!important;margin:0!important;color:#101828!important}.admin-side-title p{font-size:12px!important;color:#667085!important;margin:3px 0 0!important}.admin-side-icon{width:38px;height:38px;border-radius:12px;background:#eef2ff;color:#4f46e5;display:grid;place-items:center;font-size:18px;flex:0 0 auto}
.admin-create-stack{display:grid;gap:11px}.admin-create-stack .admin-field label{font-size:11px!important;font-weight:900!important;color:#344054!important;margin-bottom:6px!important}.admin-create-stack .admin-field label b{color:#e11d48}.admin-create-stack .form-control{height:38px!important;border-radius:8px!important;font-size:11px!important;padding:0 11px!important;border:1px solid #d0d7e2!important;background:#fff!important}.admin-create-stack textarea.form-control{height:78px!important;resize:none;padding:10px 11px!important}.admin-create-stack .input-icon-wrap .form-control{padding-right:38px!important}.password-toggle{position:absolute;right:8px;width:26px;height:26px;border:0;background:transparent;color:#667085;display:grid;place-items:center}.admin-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.char-count{display:block;text-align:right;color:#98a2b3;font-size:10px;margin-top:3px}.admin-create-actions{display:grid!important;grid-template-columns:1fr 1.35fr!important;gap:10px!important;border-top:0!important;padding-top:6px!important;margin-top:8px!important}.admin-create-actions .clean-btn{height:38px!important;border-radius:9px!important;justify-content:center!important;font-size:12px!important}
.admin-list-card{min-width:0}.admin-main-table{table-layout:fixed!important}.admin-main-table th,.admin-main-table td{font-size:11px!important;padding:10px 8px!important}.admin-main-table th:nth-child(1),.admin-main-table td:nth-child(1){width:4%;text-align:center}.admin-main-table th:nth-child(2),.admin-main-table td:nth-child(2){width:18%}.admin-main-table th:nth-child(3),.admin-main-table td:nth-child(3){width:16%}.admin-main-table th:nth-child(4),.admin-main-table td:nth-child(4){width:12%}.admin-main-table th:nth-child(5),.admin-main-table td:nth-child(5){width:12%}.admin-main-table th:nth-child(6),.admin-main-table td:nth-child(6){width:14%}.admin-main-table th:nth-child(7),.admin-main-table td:nth-child(7){width:14%}.admin-main-table th:nth-child(8),.admin-main-table td:nth-child(8){width:10%;text-align:center}.admin-check-col input{width:14px;height:14px}.admin-cell-user{display:flex;align-items:center;gap:10px;min-width:0}.admin-cell-user b{font-weight:900;color:#101828}.admin-cell-user small{font-size:10px;color:#667085;font-weight:700}.admin-avatar{width:34px;height:34px;border-radius:50%;background:#eef2ff;color:#4f46e5;font-weight:900;font-size:11px;display:grid;place-items:center;flex:0 0 auto}.current-login-pill{display:inline-flex;margin-left:4px;border-radius:999px;background:#eef2ff;color:#4f46e5;font-size:8px;font-weight:900;padding:2px 5px;vertical-align:middle}.role-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:#eaf2ff;color:#2563eb;font-size:10px;font-weight:800;padding:5px 8px}.role-pill.super{background:#f0e7ff;color:#7c3aed}.admin-status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:8px;padding:5px 8px;font-size:10px;font-weight:800}.admin-status-pill i{width:7px;height:7px;border-radius:50%;display:inline-block}.admin-status-pill.active{background:#ecfdf3;color:#15803d}.admin-status-pill.active i{background:#22c55e}.admin-status-pill.disabled{background:#fff1f2;color:#e11d48}.admin-status-pill.disabled i{background:#ef4444}.admin-actions .icon-action{width:27px!important;height:27px!important;background:#fff!important}.admin-actions .icon-action.danger{color:#ef4444;border-color:#fee2e2}.admin-table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;font-size:12px;color:#667085}.entries-control{display:flex;align-items:center;gap:8px}.entries-control select{height:36px;border:1px solid #d0d7e2;border-radius:8px;background:#fff;padding:0 10px;font-weight:700}.pagination-clean{display:flex;align-items:center;gap:8px}.page-btn{min-width:34px;height:34px;border:1px solid #d0d7e2;border-radius:9px;background:#fff;color:#344054;font-weight:900;display:inline-grid;place-items:center}.page-btn.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.page-btn:disabled{opacity:.5}.admin-mobile-card .clean-btn{width:100%;justify-content:center;margin-top:12px}
@media(max-width:1199.98px){.admin-layout-grid{grid-template-columns:280px minmax(0,1fr);gap:14px}.admin-main-table th,.admin-main-table td{font-size:10px!important;padding:8px 5px!important}.admin-cell-user{gap:6px}.admin-avatar{width:28px;height:28px}.admin-search-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:991.98px){.admin-layout-grid{grid-template-columns:1fr}.admin-create-card{order:1}.admin-list-card{order:2}.admin-search-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-table-footer{flex-wrap:wrap}.admin-table-footer .table-info{order:3;width:100%;text-align:center}}
@media(max-width:767.98px){.page-title-with-icon p{font-size:11px}.page-title-icon{width:36px;height:36px}.admin-search-grid{grid-template-columns:1fr!important}.admin-two-fields{grid-template-columns:1fr}.admin-main-table{display:none!important}.admin-list-card .table-wrap{display:none!important}.admin-list-card .member-card-list{display:grid!important}.admin-table-footer{display:none}.admin-create-actions{grid-template-columns:1fr!important}.admin-create-card,.admin-list-card{padding:14px!important}}


/* Rounded custom dropdowns for User Management filters */
.rounded-native-hidden{display:none!important}
.rounded-select-wrap{position:relative;width:100%}
.rounded-select-btn{height:42px;width:100%;border:1px solid #cfd8e6;background:#fff;border-radius:10px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-weight:800;color:#101828;text-align:left}
.rounded-select-btn.open,.rounded-select-btn:focus{outline:0;border-color:#5b6cff;box-shadow:0 0 0 3px rgba(91,108,255,.14);border-radius:10px}
.rounded-select-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid #cfd8e6;border-radius:12px;box-shadow:0 18px 35px rgba(16,24,40,.16);padding:6px;display:none;z-index:3000;overflow:hidden}
.rounded-select-menu.show{display:block}
.rounded-select-option{width:100%;height:34px;border:0;background:#fff;border-radius:9px;text-align:left;padding:0 11px;font-size:13px;font-weight:800;color:#344054}
.rounded-select-option:hover{background:#eef2ff;color:#4f46e5}
@media(max-width:420px){.rounded-select-btn{height:42px!important}.rounded-select-menu{position:absolute}}

/* Referral date picker: default calendar click is custom range, presets only when explicitly selected */
.ref-range-presets [data-range-preset="custom"]{display:none!important}

/* Admin management: no view button in action column */
.admin-actions{gap:8px!important}

/* ===== Global BO table / summary / action standardisation v1.0.0 ===== */
/* Match User Management, Referral Network and Admin Management visual language. */
.report-content .quick-stats:not(.user-stats){
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;
}
.report-content .quick-stats:not(.user-stats) .metric,
.report-content .summary-card,
.report-content .metric{
  border:1px solid #e4e7ec;border-radius:16px;background:#fff;
  box-shadow:0 8px 22px rgba(16,24,40,.045);padding:18px 20px;min-height:88px;
}
.report-content .quick-stats:not(.user-stats) .metric span{font-size:12px;font-weight:700;color:#667085}
.report-content .quick-stats:not(.user-stats) .metric strong{font-size:23px;line-height:1.1;font-weight:900;color:#101828;margin-top:6px}

/* Standard table card and light table header used by the three approved pages. */
.report-content .table-card{border:1px solid #e4e7ec!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 22px rgba(16,24,40,.04)!important;padding:16px!important}
.report-content .table-wrap{border:1px solid #e7ecf3!important;border-radius:12px!important;background:#fff!important}
.report-content .report-table{border-collapse:separate!important;border-spacing:0!important;background:#fff!important}
.report-content .report-table thead th{
  background:#f8fafc!important;color:#344054!important;border-right:1px solid #e7ecf3!important;
  border-bottom:1px solid #e7ecf3!important;font-size:11px!important;font-weight:900!important;
  padding:10px 9px!important;vertical-align:middle!important;
}
.report-content .report-table tbody td{
  background:#fff;color:#344054;border-right:1px solid #e7ecf3!important;border-bottom:1px solid #e7ecf3!important;
  font-size:12px!important;padding:10px 9px!important;vertical-align:middle!important;
}
.report-content .report-table tbody tr:nth-child(even):not(.total) td{background:#fcfdff!important}
.report-content .report-table tbody tr:hover td{background:#f8fbff!important}
.report-content .report-table th:first-child{border-top-left-radius:11px}
.report-content .report-table th:last-child{border-top-right-radius:11px;border-right:0!important}
.report-content .report-table td:last-child{border-right:0!important}
.report-content .report-table tbody tr:last-child td{border-bottom:0!important}

/* Consistent compact icon action buttons. */
.bo-icon-action,
.report-table td:last-child .clean-btn.bo-icon-action,
.report-table td:last-child .btn-primary-clean.bo-icon-action{
  width:30px!important;height:30px!important;min-width:30px!important;padding:0!important;border-radius:8px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:0!important;
  background:#fff!important;border:1px solid #d8e0ec!important;color:#52627a!important;box-shadow:none!important;
  font-size:0!important;text-decoration:none!important;vertical-align:middle!important;
}
.bo-icon-action i{font-size:13px!important;line-height:1!important}
.bo-icon-action.is-view,.bo-icon-action.is-ledger{background:#eef2ff!important;border-color:#d8ddff!important;color:#2563eb!important}
.bo-icon-action.is-edit,.bo-icon-action.is-adjust{background:#eef5ff!important;border-color:#cfe0ff!important;color:#2563eb!important}
.bo-icon-action.is-delete,.bo-icon-action.is-reject{background:#fff5f5!important;border-color:#fecaca!important;color:#ef4444!important}
.bo-icon-action.is-approve{background:#ecfdf3!important;border-color:#bbf7d0!important;color:#16a34a!important}
.report-table td:last-child .d-flex{gap:6px!important;flex-wrap:nowrap!important;justify-content:center!important}

/* Live chat: never allow API payloads, URLs or long tokens to push/overlap the room. */
.livechat-bo-page .report-main,.livechat-bo-page .report-content,.livechat-admin-shell,.livechat-room-card,.livechat-room-messages{min-width:0!important;max-width:100%!important}
.livechat-admin-shell{grid-template-columns:minmax(280px,360px) minmax(0,1fr)!important;overflow:hidden!important}
.livechat-room-card{overflow:hidden!important}
.livechat-room-messages{overflow-x:hidden!important;overflow-y:auto!important}
.livechat-msg,.livechat-msg .bubble,.livechat-msg .text,.livechat-msg .name,.livechat-msg .files,.livechat-msg a{
  min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;word-break:break-word!important;white-space:pre-wrap!important;
}
.livechat-msg .bubble{max-width:min(680px,88%)!important;overflow:hidden!important}
.livechat-msg .text pre,.livechat-msg .text code{white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:break-word!important;max-width:100%!important}
.livechat-msg .img-file img{max-width:min(100%,360px)!important;height:auto!important}

@media(max-width:991.98px){
  .report-content .quick-stats:not(.user-stats){grid-template-columns:repeat(2,minmax(0,1fr))}
  .livechat-admin-shell{grid-template-columns:1fr!important;overflow:visible!important}
}
@media(max-width:575.98px){
  .report-content .quick-stats:not(.user-stats) .metric{padding:14px;min-height:82px}
  .report-content .report-table thead th,.report-content .report-table tbody td{font-size:11px!important;padding:9px 7px!important}
  .bo-icon-action{width:29px!important;height:29px!important;min-width:29px!important}
  .livechat-msg .bubble{max-width:92%!important}
}

/* ===== BO theme refinement v1.1.0 ===== */
/* Unified summary cards with icon pattern used by User Management. */
.report-content .quick-stats:not(.user-stats) .metric,
.report-content .manage-summary .manage-card{
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr)!important;
  grid-template-rows:auto auto auto!important;
  column-gap:14px!important;
  align-items:center!important;
  min-height:104px!important;
  padding:16px 18px!important;
}
.bo-summary-icon{
  grid-row:1 / 4;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;
  background:#eef2ff;color:#2563eb;font-size:22px;flex:0 0 auto;
}
.report-content .quick-stats:not(.user-stats) .metric:nth-child(2) .bo-summary-icon,
.report-content .manage-summary .manage-card:nth-child(2) .bo-summary-icon{background:#eaf9f0;color:#16a34a}
.report-content .quick-stats:not(.user-stats) .metric:nth-child(3) .bo-summary-icon,
.report-content .manage-summary .manage-card:nth-child(3) .bo-summary-icon{background:#f3eafe;color:#7c3aed}
.report-content .quick-stats:not(.user-stats) .metric:nth-child(4) .bo-summary-icon,
.report-content .manage-summary .manage-card:nth-child(4) .bo-summary-icon{background:#fff1df;color:#f59e0b}
.report-content .quick-stats:not(.user-stats) .metric span,
.report-content .manage-summary .manage-card span{grid-column:2;font-size:12px!important;font-weight:800!important;color:#52627a!important;line-height:1.2}
.report-content .quick-stats:not(.user-stats) .metric strong,
.report-content .manage-summary .manage-card strong{grid-column:2;font-size:23px!important;font-weight:900!important;color:#101828!important;margin:2px 0!important;line-height:1.05}
.bo-summary-note{grid-column:2;color:#667085;font-size:11px;font-weight:600;line-height:1.2}

/* Every regular input/select follows the approved rounded field theme. */
.report-content select,
.report-content .form-select,
.report-content input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.report-content textarea{
  border:1px solid #cfd8e6!important;border-radius:10px!important;background-color:#fff!important;
  box-shadow:none!important;color:#101828;
}
.report-content select:focus,.report-content .form-select:focus,
.report-content input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,
.report-content textarea:focus{border-color:#5b6cff!important;box-shadow:0 0 0 3px rgba(91,108,255,.12)!important;outline:0!important}

/* Live chat keeps the composer available while only the message history scrolls. */
.livechat-bo-page{overflow:hidden!important}
.livechat-bo-page .report-main{height:100vh!important;overflow:hidden!important}
.livechat-bo-page .report-content{height:calc(100vh - 60px)!important;overflow:hidden!important;padding-bottom:14px!important}
.livechat-bo-page .livechat-admin-shell{height:100%!important;min-height:0!important}
.livechat-bo-page .livechat-inbox-card,.livechat-bo-page .livechat-room-card{height:100%!important;min-height:0!important}
.livechat-bo-page .livechat-inbox-card{display:flex;flex-direction:column}
.livechat-bo-page .livechat-inbox-list{flex:1;max-height:none!important;min-height:0;overflow-y:auto}
.livechat-bo-page .livechat-room-card{position:relative;display:flex!important;flex-direction:column!important}
.livechat-bo-page .livechat-room-head{flex:0 0 auto}
.livechat-bo-page .livechat-room-messages{flex:1 1 auto!important;min-height:0!important;height:auto!important;overflow-y:auto!important;padding-bottom:28px!important;scroll-behavior:smooth}
.livechat-bo-page .livechat-compose{flex:0 0 auto!important;margin-top:10px!important;max-height:245px;overflow-y:auto;background:#fff;box-shadow:0 -8px 24px rgba(16,24,40,.04)}
.livechat-scroll-bottom{
  position:absolute;right:28px;bottom:210px;z-index:20;width:40px;height:40px;border-radius:50%;
  border:1px solid #d8e0ec;background:#fff;color:#2563eb;box-shadow:0 8px 22px rgba(16,24,40,.16);
  display:none;align-items:center;justify-content:center;font-size:18px
}
.livechat-scroll-bottom.show{display:flex}
.livechat-scroll-bottom:hover{background:#eef2ff}

/* Banner / bonus / game management cards aligned to the current BO theme. */
.manage-list,.slider-list{display:grid!important;gap:12px!important}
.manage-list-card,.slider-list-card{border:1px solid #e4e7ec!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 24px rgba(16,24,40,.045)!important;padding:18px!important}
.manage-list-card .section-title,.slider-list-card .section-title{margin-bottom:14px!important;padding-bottom:12px!important;border-bottom:1px solid #eef1f5!important}
.manage-list-card h2,.slider-list-card h2{font-size:18px!important;font-weight:900!important;color:#101828!important;margin:0!important}
.manage-card,.slider-card{
  display:grid!important;grid-template-columns:120px minmax(0,1fr) auto!important;gap:16px!important;align-items:center!important;
  border:1px solid #e5eaf2!important;border-radius:15px!important;background:#fff!important;padding:14px!important;
  box-shadow:0 5px 15px rgba(16,24,40,.035)!important;min-width:0!important
}
.manage-card:hover,.slider-card:hover{border-color:#cfd8ff!important;box-shadow:0 10px 24px rgba(70,86,246,.08)!important}
.manage-thumb,.slider-card-img{width:120px!important;height:76px!important;border-radius:12px!important;background:#f5f7fb!important;border:1px solid #e7ebf3!important;overflow:hidden!important;display:grid!important;place-items:center!important}
.manage-thumb img,.slider-card-img img{width:100%!important;height:100%!important;object-fit:cover!important}
.manage-card-body,.slider-card-body{min-width:0!important}
.slider-card-title{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin-bottom:8px!important}
.slider-card-title b{font-size:15px!important;color:#101828!important;font-weight:900!important}
.slider-meta{display:flex!important;flex-wrap:wrap!important;gap:7px 14px!important;color:#667085!important;font-size:11px!important;min-width:0!important}
.slider-meta span{max-width:100%!important;overflow-wrap:anywhere!important;word-break:break-word!important}
.slider-card-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;flex-wrap:wrap!important}
.slider-card-actions .clean-btn{height:34px!important;min-width:34px!important;padding:0 10px!important;border-radius:9px!important;font-size:12px!important}
.slider-card-actions .clean-btn i{margin-right:4px}
.slider-pill{border-radius:999px!important;padding:4px 9px!important;font-size:10px!important;font-weight:900!important}

@media(max-width:991.98px){
  .livechat-bo-page{overflow:auto!important}.livechat-bo-page .report-main{height:auto!important;overflow:visible!important}.livechat-bo-page .report-content{height:auto!important;overflow:visible!important}
  .livechat-bo-page .livechat-admin-shell{height:auto!important}.livechat-bo-page .livechat-inbox-card{height:auto!important}.livechat-bo-page .livechat-room-card{height:680px!important}
  .manage-card,.slider-card{grid-template-columns:96px minmax(0,1fr)!important}.manage-thumb,.slider-card-img{width:96px!important;height:70px!important}.slider-card-actions{grid-column:1/-1;justify-content:flex-end!important}
}
@media(max-width:575.98px){
  .report-content .quick-stats:not(.user-stats) .metric,.report-content .manage-summary .manage-card{grid-template-columns:42px minmax(0,1fr)!important;column-gap:10px!important;min-height:88px!important;padding:12px!important}.bo-summary-icon{width:42px;height:42px;font-size:18px}
  .livechat-bo-page .livechat-room-card{height:640px!important;padding:12px!important}.livechat-bo-page .livechat-compose{max-height:220px}.livechat-scroll-bottom{right:20px;bottom:190px}
  .manage-list-card,.slider-list-card{padding:12px!important}.manage-card,.slider-card{grid-template-columns:1fr!important;padding:12px!important}.manage-thumb,.slider-card-img{width:100%!important;height:150px!important}.slider-card-actions{grid-column:auto;justify-content:flex-start!important}.slider-card-actions .clean-btn{flex:1!important;justify-content:center!important}
}

/* v3: unified rounded dropdown menu */
.rounded-select-wrap{position:relative;width:100%;min-width:0}
.rounded-select-wrap>select{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}
.rounded-select-btn{height:42px;width:100%;border:1px solid #cfd8e6;background:#fff;border-radius:12px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-weight:800;color:#101828;text-align:left;white-space:nowrap}
.rounded-select-btn.open,.rounded-select-btn:focus{outline:0;border-color:#5b6cff;box-shadow:0 0 0 3px rgba(91,108,255,.14)}
.rounded-select-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid #d8deea;border-radius:14px;box-shadow:0 18px 40px rgba(16,24,40,.16);padding:7px;display:none;z-index:5000;overflow:hidden;max-height:280px;overflow-y:auto}
.rounded-select-menu.show{display:block}
.rounded-select-option{width:100%;min-height:36px;border:0;background:#fff;border-radius:10px;text-align:left;padding:8px 12px;font-size:13px;font-weight:800;color:#344054;display:block}
.rounded-select-option:hover,.rounded-select-option.active{background:#eef2ff;color:#4f46e5}

/* v3: livechat message actions and inline editing */
.livechat-msg .bubble{position:relative}
.livechat-msg-actions{position:absolute;top:7px;right:8px;z-index:3}
.livechat-msg.admin .name{padding-right:30px}
.livechat-msg-menu-btn{width:27px;height:27px;border:0;border-radius:9px;background:rgba(255,255,255,.18);color:inherit;display:grid;place-items:center;padding:0}
.livechat-msg-menu{position:absolute;right:0;top:32px;width:132px;background:#fff;border:1px solid #e4e7ec;border-radius:12px;padding:5px;box-shadow:0 15px 32px rgba(16,24,40,.18);display:none;z-index:20}
.livechat-msg-menu.show{display:block}
.livechat-msg-menu button{width:100%;border:0;background:#fff;border-radius:8px;padding:8px 9px;text-align:left;font-size:12px;font-weight:800;color:#344054;display:flex;align-items:center;gap:8px}
.livechat-msg-menu button:hover{background:#f2f4f7}.livechat-msg-menu button.danger{color:#dc2626}
.livechat-recalled{font-style:italic;opacity:.82;display:flex;align-items:center;gap:6px}
.livechat-edit-state{display:none;align-items:center;justify-content:space-between;gap:10px;border:1px solid #c7d2fe;background:#eef2ff;color:#3730a3;border-radius:11px;padding:8px 10px;margin-bottom:8px;font-size:12px;font-weight:800}
.livechat-edit-state.show{display:flex}.livechat-edit-cancel{border:0;background:transparent;color:#3730a3;font-size:18px;line-height:1}

/* v4: Naga-style live-chat message action menu */
.livechat-msg-actions{
  position:absolute!important;
  top:6px!important;
  right:7px!important;
  z-index:30!important;
}
.livechat-msg-menu-btn{
  width:30px!important;
  height:30px!important;
  padding:0!important;
  border:2px solid rgba(255,255,255,.95)!important;
  border-radius:50%!important;
  background:#344054!important;
  color:#fff!important;
  box-shadow:0 2px 7px rgba(16,24,40,.32)!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
}
.livechat-msg-menu-btn i{font-size:17px!important;line-height:1!important}
.livechat-msg-menu{
  position:absolute!important;
  top:34px!important;
  right:0!important;
  left:auto!important;
  width:200px!important;
  min-width:200px!important;
  padding:8px 0!important;
  margin:0!important;
  border:0!important;
  border-radius:10px!important;
  background:#171717!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(0,0,0,.34)!important;
  overflow:hidden!important;
  transform:none!important;
  z-index:9999!important;
}
.livechat-msg-menu button,
.livechat-msg-menu button.danger{
  width:100%!important;
  min-height:38px!important;
  padding:9px 15px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:20px!important;
  text-align:left!important;
  display:block!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
.livechat-msg-menu button:hover,
.livechat-msg-menu button.danger:hover{background:rgba(255,255,255,.11)!important;color:#fff!important}
.livechat-msg.admin .bubble{overflow:visible!important}
.livechat-msg.admin .name{padding-right:35px!important}
.livechat-msg .img-file img{position:relative;z-index:1}
@media(max-width:575.98px){
  .livechat-msg-menu{width:185px!important;min-width:185px!important}
}

/* Shared date range picker */
.bo-range-field{position:relative;min-width:0}.bo-range-trigger{width:100%;height:42px;border:1px solid #cfd8e6;border-radius:12px;background:#fff;display:flex;align-items:center;padding:0;overflow:hidden;text-align:left;font-weight:700;color:#172033}.bo-range-trigger:focus,.bo-range-trigger:hover{border-color:#5865f2;box-shadow:0 0 0 3px rgba(88,101,242,.10)}.bo-range-icon{height:100%;width:44px;display:grid;place-items:center;background:#2563eb;color:#fff;flex:0 0 44px}.bo-range-text{padding:0 10px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bo-range-arrow{margin-right:12px}.bo-range-pop{display:none;position:absolute;z-index:1300;top:calc(100% + 7px);left:0;width:390px;max-width:calc(100vw - 24px);background:#fff;border:1px solid #d8e0ec;border-radius:14px;box-shadow:0 18px 44px rgba(15,23,42,.18);overflow:hidden}.bo-range-pop.show{display:grid;grid-template-columns:118px 1fr}.bo-range-presets{background:#f8fafc;border-right:1px solid #e1e7f0;padding:8px}.bo-range-presets button{width:100%;border:0;background:transparent;padding:9px 8px;text-align:left;font-weight:700;border-radius:8px}.bo-range-presets button:hover{background:#eef2ff;color:#4053e8}.bo-range-calendar{padding:10px}.bo-range-cal-head{display:grid;grid-template-columns:32px 1fr 1fr 32px;gap:7px;align-items:center}.bo-range-cal-head button,.bo-range-cal-head select{height:36px;border:1px solid #d2dbea;border-radius:9px;background:#fff;padding:0 7px}.bo-range-week,.bo-range-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.bo-range-week{margin-top:10px}.bo-range-week span{text-align:center;font-size:11px;color:#98a2b3;font-weight:800}.bo-range-day{height:31px;border:0;background:transparent;border-radius:7px;font-weight:700;font-size:12px}.bo-range-day:hover{background:#eef2ff}.bo-range-day.muted{color:#cbd5e1}.bo-range-day.start,.bo-range-day.end{background:#5061f5;color:#fff}.bo-range-day.in-range{background:#e8edff;color:#3046d3}.bo-range-hint{font-size:11px;color:#667085;text-align:center;margin-top:7px}@media(max-width:575.98px){.bo-range-pop.show{grid-template-columns:100px 1fr}.bo-range-pop{left:auto;right:0;width:360px}.bo-range-presets button{font-size:12px;padding:8px 5px}}

/* Live chat attachment composer */
.livechat-bo-page .livechat-compose{position:sticky!important;bottom:0!important;z-index:20!important}.livechat-bo-page .livechat-compose-actions{align-items:center!important}.livechat-bo-page #livechatAttachBtn{display:inline-flex!important;align-items:center!important;gap:7px!important;border:1px solid #cfd8e6!important;border-radius:11px!important;background:#fff!important;color:#344054!important;font-weight:800!important;padding:9px 13px!important}.livechat-bo-page #livechatAttachBtn:hover{border-color:#2563eb!important;color:#4053e8!important;background:#f7f8ff!important}.livechat-bo-page .livechat-attach-preview{padding:8px 0 2px!important}.livechat-bo-page .livechat-compose textarea{min-height:64px!important;max-height:120px!important}

/* v8: Banner management — clean visual gallery with compact icon actions */
.slider-list-card.crud-list-full .slider-list,
.slider-list-card .slider-list{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
.slider-list-card .slider-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  padding:0!important;
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid #e2e8f0!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(16,24,40,.055)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.slider-list-card .slider-card:hover{
  transform:translateY(-2px)!important;
  border-color:#c7d2fe!important;
  box-shadow:0 15px 34px rgba(70,86,246,.11)!important;
}
.slider-list-card .slider-card-img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/7!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(135deg,#f8fafc,#eef2ff)!important;
  overflow:hidden!important;
}
.slider-list-card .slider-card-img img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.slider-list-card .slider-card-body{
  flex:1 1 auto!important;
  padding:15px 16px 12px!important;
  display:block!important;
  min-width:0!important;
}
.slider-list-card .slider-card-title{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  flex-wrap:nowrap!important;
  gap:12px!important;
  margin:0 0 14px!important;
}
.slider-title-copy{min-width:0;display:grid;gap:3px}
.slider-title-copy b{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#101828!important;
  font-size:15px!important;
  line-height:1.3!important;
  font-weight:900!important;
}
.slider-title-copy small{color:#98a2b3;font-size:11px;font-weight:700}
.slider-list-card .slider-pill{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  min-height:25px!important;
  padding:4px 9px!important;
  border-radius:999px!important;
  font-size:10px!important;
  font-weight:900!important;
}
.slider-meta-grid{
  display:grid!important;
  grid-template-columns:90px minmax(0,1fr)!important;
  gap:10px!important;
}
.slider-meta-item{
  min-width:0!important;
  padding:9px 10px!important;
  border:1px solid #edf1f7!important;
  border-radius:11px!important;
  background:#f8fafc!important;
}
.slider-meta-label{display:block;color:#98a2b3;font-size:10px;font-weight:800;margin-bottom:3px}
.slider-meta-item strong{display:flex;align-items:center;gap:5px;min-width:0;color:#344054;font-size:11px;font-weight:800}
.slider-meta-link strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.slider-list-card .slider-card-actions{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:8px!important;
  padding:11px 16px 14px!important;
  margin-top:auto!important;
  border-top:1px solid #f0f2f5!important;
  background:#fcfcfd!important;
}
.slider-icon-btn{
  width:36px!important;
  height:36px!important;
  display:inline-grid!important;
  place-items:center!important;
  border-radius:10px!important;
  background:#fff!important;
  font-size:15px!important;
  transition:all .16s ease!important;
}
.slider-icon-btn.edit{border:1px solid #c7d2fe!important;color:#4f46e5!important}
.slider-icon-btn.edit:hover{background:#eef2ff!important;border-color:#818cf8!important}
.slider-icon-btn.delete{border:1px solid #fecaca!important;color:#ef4444!important}
.slider-icon-btn.delete:hover{background:#fff1f2!important;border-color:#f87171!important}
.slider-list-card .slider-empty{grid-column:1/-1}
@media(max-width:1199.98px){
  .slider-list-card.crud-list-full .slider-list,.slider-list-card .slider-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .slider-list-card.crud-list-full .slider-list,.slider-list-card .slider-list{grid-template-columns:1fr!important}
  .slider-list-card .slider-card-img{aspect-ratio:16/8!important}
}

/* Banner management showcase layout v9 */
.banner-dashboard{padding:18px!important;overflow:visible!important}
.banner-subtitle{margin:4px 0 0;color:#667085;font-size:12px;font-weight:600}
.banner-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:4px 0 16px}
.banner-stats article{display:flex;align-items:center;gap:14px;min-height:92px;padding:16px;border:1px solid #e4e7ec;border-radius:16px;background:#fff;box-shadow:0 6px 18px rgba(16,24,40,.04)}
.banner-stat-icon{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;font-size:23px;flex:0 0 auto}
.banner-stat-icon.total{background:#eef4ff;color:#315efb}.banner-stat-icon.active{background:#e7f8ed;color:#18a957}.banner-stat-icon.inactive{background:#fff0e9;color:#ff5c35}.banner-stat-icon.home{background:#f3eaff;color:#7f36e8}
.banner-stats small{display:block;color:#667085;font-size:11px;font-weight:800}.banner-stats strong{display:block;color:#101828;font-size:24px;line-height:1.15;margin-top:2px}.banner-stats p{margin:4px 0 0;color:#667085;font-size:10px;font-weight:600}
.banner-filterbar{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e4e7ec;border-radius:14px 14px 0 0;background:#fff}
.banner-search{width:min(360px,100%);height:40px;border:1px solid #d5deea;border-radius:9px;display:flex;align-items:center;gap:9px;padding:0 12px;background:#fff;color:#667085}
.banner-search input{width:100%;border:0!important;outline:0!important;box-shadow:none!important;padding:0!important;background:transparent!important;font-size:12px!important}
.banner-filterbar select{width:145px;height:40px;border:1px solid #d5deea!important;border-radius:9px!important;padding:0 34px 0 12px!important;font-weight:700;font-size:12px;background-color:#fff}
.banner-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.85fr);gap:14px;padding:14px;border:1px solid #e4e7ec;border-top:0;background:#fff}
.banner-featured{position:relative;min-height:330px;border-radius:14px;overflow:hidden;background:#0d1230;border:1px solid #dfe5ef;display:grid;place-items:center}
.banner-featured>img{width:100%;height:100%;min-height:330px;object-fit:cover;display:block}
.banner-image-fallback{position:absolute;inset:0;display:grid;place-items:center;color:#98a2b3;font-size:56px;background:#f5f7fb}
.banner-nav{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(5,9,28,.7);color:#fff;display:grid;place-items:center;backdrop-filter:blur(8px)}
.banner-nav.prev{left:14px}.banner-nav.next{right:14px}.banner-nav:hover{background:#111827}
.banner-dots{position:absolute;left:50%;bottom:13px;transform:translateX(-50%);display:flex;gap:6px;z-index:3}
.banner-dots button{width:7px;height:7px;border:0;border-radius:99px;background:rgba(255,255,255,.55);padding:0;transition:.2s}.banner-dots button.active{width:19px;background:#fff}
.banner-detail-panel{border:1px solid #e4e7ec;border-radius:14px;background:#fff;padding:16px;min-width:0}
.banner-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:1px solid #eef1f5}.banner-detail-head h3{font-size:15px;margin:0;font-weight:900;color:#101828}
.banner-detail-panel dl{margin:10px 0 0;display:grid;gap:2px}.banner-detail-panel dl>div{display:grid;grid-template-columns:42% minmax(0,1fr);gap:12px;align-items:center;padding:9px 2px;border-bottom:1px solid #f2f4f7}
.banner-detail-panel dt{display:flex;align-items:center;gap:7px;color:#667085;font-size:11px;font-weight:700}.banner-detail-panel dd{margin:0;color:#344054;font-size:11px;font-weight:700;min-width:0;overflow-wrap:anywhere}.banner-detail-panel dd a{color:#315efb;text-decoration:none}.banner-detail-panel dd a.disabled{color:#98a2b3;pointer-events:none}
.banner-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.banner-detail-actions .clean-btn{min-height:38px}.clean-btn.danger{border-color:#fecaca!important;color:#ef4444!important;background:#fff!important}.clean-btn.danger:hover{background:#fff1f2!important}
.banner-strip-wrap{position:relative;border:1px solid #e4e7ec;border-top:0;border-radius:0 0 14px 14px;padding:14px 38px 14px;background:#fff}
.banner-strip{display:flex!important;gap:12px!important;overflow-x:auto!important;overflow-y:visible!important;scroll-snap-type:x proximity;scrollbar-width:none;padding:0!important}.banner-strip::-webkit-scrollbar{display:none}
.banner-thumb-card{position:relative;flex:0 0 225px;scroll-snap-align:start;border:1px solid #e4e7ec;border-radius:12px;background:#fff;overflow:visible;cursor:pointer;transition:.18s;box-shadow:0 3px 10px rgba(16,24,40,.035)}
.banner-thumb-card:hover{transform:translateY(-2px);border-color:#aebcff;box-shadow:0 9px 20px rgba(49,94,251,.1)}.banner-thumb-card.selected{border:2px solid #315efb;box-shadow:0 0 0 2px rgba(49,94,251,.08)}
.banner-thumb-image{position:relative;aspect-ratio:16/8.3;background:#f2f4f7;border-radius:11px 11px 0 0;overflow:hidden}.banner-thumb-image img{width:100%;height:100%;object-fit:cover}.banner-thumb-image>span{width:100%;height:100%;display:grid;place-items:center;color:#98a2b3;font-size:28px}
.banner-order-badge{position:absolute;left:8px;top:8px;min-width:25px;height:25px;padding:0 7px;border-radius:6px;background:#315efb;color:#fff;display:grid;place-items:center;font-size:11px;border:2px solid rgba(255,255,255,.8)}
.banner-thumb-image .slider-pill{position:absolute;right:7px;top:7px;box-shadow:0 2px 7px rgba(16,24,40,.12)}
.banner-thumb-copy{padding:10px 30px 11px 10px;display:grid;gap:4px;min-width:0}.banner-thumb-copy strong{font-size:11px;color:#101828;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.banner-thumb-copy small{font-size:10px;color:#667085}
.banner-more-btn{position:absolute;right:6px;bottom:7px;width:28px;height:28px;border:0;background:transparent;border-radius:7px;color:#344054;display:grid;place-items:center}.banner-more-btn:hover{background:#f2f4f7}
.banner-card-menu{display:none;position:absolute;right:6px;bottom:37px;z-index:20;width:120px;padding:5px;border:1px solid #e4e7ec;border-radius:10px;background:#fff;box-shadow:0 12px 28px rgba(16,24,40,.18)}.banner-card-menu.show{display:grid}.banner-card-menu button{border:0;background:#fff;border-radius:7px;padding:8px;text-align:left;font-size:11px;font-weight:800;color:#344054}.banner-card-menu button:hover{background:#f5f7fb}.banner-card-menu button:last-child{color:#ef4444}
.banner-strip-nav{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:32px;height:48px;border:1px solid #e4e7ec;background:#fff;border-radius:10px;display:grid;place-items:center;color:#344054;box-shadow:0 5px 14px rgba(16,24,40,.08)}.banner-strip-nav.prev{left:5px}.banner-strip-nav.next{right:5px}
.banner-dashboard .slider-empty{margin-top:14px;min-height:280px}
@media(max-width:1100px){.banner-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.banner-workspace{grid-template-columns:1fr}.banner-featured,.banner-featured>img{min-height:300px}.banner-detail-panel dl{grid-template-columns:1fr 1fr}.banner-detail-panel dl>div{grid-template-columns:1fr}}
@media(max-width:700px){.banner-dashboard{padding:12px!important}.banner-stats{grid-template-columns:1fr 1fr;gap:8px}.banner-stats article{padding:11px;min-height:78px;gap:9px}.banner-stat-icon{width:40px;height:40px;font-size:18px}.banner-stats strong{font-size:19px}.banner-stats p{display:none}.banner-filterbar{align-items:stretch;flex-direction:column}.banner-search,.banner-filterbar select{width:100%}.banner-workspace{padding:9px}.banner-featured,.banner-featured>img{min-height:210px}.banner-detail-panel{padding:12px}.banner-detail-panel dl{grid-template-columns:1fr}.banner-detail-panel dl>div{grid-template-columns:40% minmax(0,1fr)}.banner-detail-actions{grid-template-columns:1fr}.banner-strip-wrap{padding:10px 34px}.banner-thumb-card{flex-basis:205px}}
@media(max-width:420px){.banner-stats{grid-template-columns:1fr}.banner-featured,.banner-featured>img{min-height:180px}.banner-nav{width:32px;height:32px}.banner-detail-panel dl>div{grid-template-columns:1fr;gap:4px}.banner-thumb-card{flex-basis:82vw}}

/* Banner management v10 polish: compact search/filter and safe thumbnail badges */
.banner-filterbar{
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) minmax(180px,260px)!important;
  gap:12px!important;
  align-items:center!important;
  padding:14px 16px!important;
}
.banner-search{
  width:100%!important;
  height:44px!important;
  padding:0 14px!important;
  border:1px solid #d8e0ec!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 1px 2px rgba(16,24,40,.02)!important;
}
.banner-search:focus-within{
  border-color:#315efb!important;
  box-shadow:0 0 0 3px rgba(49,94,251,.10)!important;
}
.banner-search i{font-size:15px!important;color:#667085!important;flex:0 0 auto!important}
.banner-search input,
.banner-search input[type="search"]{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  color:#101828!important;
  font-size:13px!important;
  font-weight:600!important;
}
.banner-search input::placeholder{color:#98a2b3!important;font-weight:600!important}
.banner-search input::-webkit-search-decoration,
.banner-search input::-webkit-search-cancel-button,
.banner-search input::-webkit-search-results-button,
.banner-search input::-webkit-search-results-decoration{-webkit-appearance:none!important}
.banner-filterbar select{
  width:100%!important;
  height:44px!important;
  border-radius:12px!important;
  border:1px solid #d8e0ec!important;
  background-color:#fff!important;
  box-shadow:0 1px 2px rgba(16,24,40,.02)!important;
}
.banner-filterbar select:focus{
  border-color:#315efb!important;
  box-shadow:0 0 0 3px rgba(49,94,251,.10)!important;
}
.banner-thumb-image>span:not(.slider-pill){
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
}
.banner-thumb-image>.slider-pill{
  position:absolute!important;
  right:8px!important;
  top:8px!important;
  left:auto!important;
  bottom:auto!important;
  width:auto!important;
  max-width:calc(100% - 50px)!important;
  height:auto!important;
  min-height:24px!important;
  padding:4px 9px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  line-height:1!important;
  font-size:10px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  z-index:3!important;
  box-shadow:0 2px 8px rgba(16,24,40,.14)!important;
}
.banner-thumb-image>.slider-pill.active{background:#dcfce7!important;color:#16733c!important}
.banner-thumb-image>.slider-pill.inactive{background:#fee2e2!important;color:#b42318!important}
.banner-order-badge{z-index:4!important}
@media(max-width:700px){
  .banner-filterbar{grid-template-columns:1fr!important;padding:12px!important}
  .banner-search,.banner-filterbar select{height:42px!important}
}

/* v11 banner search simplification */
.banner-filterbar{border-left:0!important;border-right:0!important}
.banner-search{border:0!important;background:#f8fafc!important;box-shadow:none!important}
.banner-search:focus-within{background:#fff!important;box-shadow:0 0 0 2px rgba(49,94,251,.13)!important}

/* v11 game category management */
.page-heading-with-subtitle p,.category-toolbar-title p{margin:3px 0 0;color:#667085;font-size:12px;font-weight:500}
.category-modern-page{padding:20px!important;background:transparent!important;border:0!important;box-shadow:none!important}
.category-toolbar-title{margin-bottom:16px!important;padding:0!important;border:0!important}
.category-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}
.category-summary-card{display:flex;align-items:center;gap:16px;min-height:104px;padding:20px;border:1px solid #e3e8f1;border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.04)}
.category-summary-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:23px}.category-summary-icon.blue{background:#eaf1ff;color:#3970ef}.category-summary-icon.green{background:#e5f8ee;color:#1fa35b}
.category-summary-card small{display:block;color:#475467;font-size:12px;font-weight:700}.category-summary-card strong{display:block;margin-top:2px;color:#101828;font-size:26px;line-height:1.1}.category-summary-card p{margin:4px 0 0;color:#667085;font-size:12px}
.category-filter-card{display:grid;grid-template-columns:1.45fr .75fr .75fr .85fr auto;gap:16px;align-items:end;padding:18px;margin-bottom:18px;border:1px solid #e3e8f1;border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.035)}
.category-filter-card label>span{display:block;margin-bottom:7px;font-size:12px;font-weight:800;color:#101828}.category-filter-card select,.category-search-control{height:42px;border:1px solid #d5deea;border-radius:10px;background:#fff}.category-filter-card select{width:100%;padding:0 34px 0 12px;font-weight:700}.category-search-control{display:flex;align-items:center;gap:9px;padding:0 12px}.category-search-control i{color:#667085}.category-search-control input{width:100%;height:100%;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}
.category-filter-actions{display:flex;gap:10px}.category-filter-actions .clean-btn{height:42px;min-width:88px}
.category-table-wrap{overflow:hidden;border:1px solid #e3e8f1;border-radius:16px;background:#fff}.category-table{display:block!important}.category-table:before{content:'CATEGORY                                   STATUS                         ACTIONS';display:block;white-space:pre;padding:13px 24px;background:#f8fafc;border-bottom:1px solid #e3e8f1;color:#475467;font-size:11px;font-weight:800;letter-spacing:.02em}
.category-table-row{display:grid;grid-template-columns:26px minmax(0,1fr) 150px 116px;align-items:center;gap:12px;min-height:86px;padding:10px 20px;border-bottom:1px solid #e8edf4}.category-table-row:last-child{border-bottom:0}.category-drag{color:#98a2b3;font-size:18px}.category-main-cell{display:flex;align-items:center;gap:14px;min-width:0}.category-thumb-full{width:70px;height:58px;flex:0 0 70px;display:grid;place-items:center;overflow:hidden;border:1px solid #dfe5ee;border-radius:12px;background:#f8fafc}.category-thumb-full img{width:100%;height:100%;object-fit:contain!important;background:#fff}.category-copy{min-width:0}.category-copy b{display:block;font-size:14px;color:#101828}.category-copy small{display:block;margin-top:5px;color:#667085;white-space:normal;overflow-wrap:anywhere}.category-copy small span{margin:0 5px}.category-status-cell{display:flex;justify-content:flex-start}.category-action-cell{display:flex;justify-content:flex-end;gap:8px}.icon-action-btn{width:36px;height:36px;border:1px solid #cfd8e7;border-radius:9px;background:#fff;display:grid;place-items:center}.icon-action-btn.edit{color:#315efb}.icon-action-btn.delete{color:#ef4444;border-color:#fecaca}.icon-action-btn:hover{background:#f8fafc}.category-table-footer{padding:14px 4px;color:#667085;font-size:12px}
@media(max-width:1050px){.category-filter-card{grid-template-columns:1fr 1fr}.category-filter-actions{grid-column:1/-1}.category-filter-actions .clean-btn{flex:1}}
@media(max-width:700px){.category-modern-page{padding:12px!important}.category-summary-grid{grid-template-columns:1fr;gap:10px}.category-summary-card{min-height:86px;padding:14px}.category-filter-card{grid-template-columns:1fr;padding:14px}.category-filter-actions{grid-column:auto}.category-table:before{display:none}.category-table-row{grid-template-columns:20px minmax(0,1fr);padding:12px}.category-status-cell{grid-column:2}.category-action-cell{grid-column:2;justify-content:flex-start}.category-thumb-full{width:64px;height:54px;flex-basis:64px}}

/* ===== Game Sub Category reference UI ===== */
.subcategory-modern-page{padding:20px!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 30px rgba(15,23,42,.05)!important}
.subcategory-toolbar-title{align-items:flex-start!important;margin-bottom:18px!important;border-bottom:0!important;padding-bottom:0!important}
.subcategory-toolbar-title h2{margin:0!important;font-size:22px!important;font-weight:900!important;color:#172033!important}
.subcategory-toolbar-title p{margin:4px 0 0!important;font-size:13px!important;color:#7b879b!important}
.subcategory-toolbar-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.subcategory-toolbar-controls select{min-width:190px;height:42px;border:1px solid #d7deea;border-radius:10px;padding:0 40px 0 14px;background:#fff;font-weight:700;color:#475569}
.subcategory-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:20px}
.subcategory-summary-card{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:14px;min-height:96px;padding:16px 18px;border:1px solid #e0e6f0;border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.04)}
.subcategory-summary-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;font-size:26px}
.subcategory-summary-icon.blue{background:#edf3ff;color:#3b70ff}.subcategory-summary-icon.green{background:#eafbf1;color:#18a957}.subcategory-summary-icon.purple{background:#f4ecff;color:#8257e6}.subcategory-summary-icon.orange{background:#fff2e8;color:#ff7a21}
.subcategory-summary-card small{display:block;font-size:12px;font-weight:800;color:#60708a}.subcategory-summary-card strong{display:block;font-size:26px;line-height:1.05;color:#111827;margin:4px 0}.subcategory-summary-card p{margin:0;font-size:12px;color:#8090a8}
.subcategory-table-wrap{border:1px solid #e1e7f0;border-radius:14px;overflow:hidden;background:#fff}
.subcategory-table-head{display:grid;grid-template-columns:minmax(210px,1.05fr) minmax(380px,2fr) minmax(300px,1fr);gap:16px;padding:14px 18px;background:#fbfcfe;border-bottom:1px solid #e4e9f1;color:#778399;font-size:12px;font-weight:800;text-transform:none}
.subcategory-table{display:block!important}
.subcategory-table-row{display:grid;grid-template-columns:minmax(210px,1.05fr) minmax(380px,2fr) minmax(300px,1fr);gap:16px;align-items:center;min-height:72px;padding:12px 18px;border-bottom:1px solid #e7ebf2}
.subcategory-table-row:last-child{border-bottom:0}
.subcategory-main-cell{display:flex;align-items:center;gap:14px;min-width:0}.subcategory-row-icon{width:42px;height:42px;border-radius:12px;background:#eef4ff;color:#336bff;display:grid;place-items:center;font-size:20px;flex:0 0 auto}.subcategory-main-cell b{font-size:14px;color:#182235;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.subcategory-detail-cell{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;min-width:0;color:#65738a;font-size:12px}.subcategory-detail-cell span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.subcategory-detail-cell .dot{color:#aab4c5}
.subcategory-status-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.subcategory-status-actions .slider-pill{margin-right:8px}.subcategory-status-actions .icon-action-btn{width:38px;height:36px}
.subcategory-table-footer{display:flex;justify-content:space-between;padding:16px 4px 0;color:#718096;font-size:12px}
@media(max-width:1100px){.subcategory-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subcategory-table-head{display:none}.subcategory-table-row{grid-template-columns:1fr;gap:10px;padding:16px}.subcategory-status-actions{justify-content:flex-start}.subcategory-detail-cell{padding-left:56px}}
@media(max-width:640px){.subcategory-modern-page{padding:14px!important}.subcategory-toolbar-title{gap:12px!important}.subcategory-toolbar-controls{width:100%}.subcategory-toolbar-controls select{width:100%;min-width:0}.subcategory-toolbar-controls .clean-btn{flex:1}.subcategory-summary-grid{grid-template-columns:1fr;gap:10px}.subcategory-summary-card{min-height:82px;padding:12px;grid-template-columns:48px 1fr}.subcategory-summary-icon{width:48px;height:48px;border-radius:14px;font-size:21px}.subcategory-summary-card strong{font-size:22px}.subcategory-table-row{padding:14px}.subcategory-detail-cell{padding-left:0}.subcategory-status-actions{display:grid;grid-template-columns:auto 38px 38px;justify-content:start}.subcategory-main-cell b{white-space:normal}.subcategory-table-footer{padding-top:12px}}

/* v13: sub category and game management alignment */
.subcategory-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.subcategory-toolbar-title{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important}
.subcategory-toolbar-controls{margin-left:auto!important;justify-content:flex-end!important}
.subcategory-toolbar-controls select{min-width:220px!important}

.game-modern-page{padding:20px!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 30px rgba(15,23,42,.05)!important}
.game-toolbar-title{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;margin-bottom:18px!important;border-bottom:0!important;padding-bottom:0!important}
.game-toolbar-title h2{margin:0!important;font-size:22px!important;font-weight:900!important;color:#172033!important}
.game-toolbar-title p{margin:4px 0 0!important;font-size:13px!important;color:#7b879b!important}
.game-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px}
.game-summary-card{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:14px;min-height:96px;padding:16px 18px;border:1px solid #e0e6f0;border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.04)}
.game-summary-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;font-size:26px}.game-summary-icon.blue{background:#edf3ff;color:#3b70ff}.game-summary-icon.green{background:#eafbf1;color:#18a957}
.game-summary-card small{display:block;font-size:12px;font-weight:800;color:#60708a}.game-summary-card strong{display:block;font-size:26px;line-height:1.05;color:#111827;margin:4px 0}.game-summary-card p{margin:0;font-size:12px;color:#8090a8}
.game-filter-card{display:grid;grid-template-columns:1.2fr .9fr .9fr .9fr .75fr auto;gap:14px;align-items:end;padding:16px;margin-bottom:18px;border:1px solid #e1e7f0;border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.035)}
.game-filter-card label{display:grid;gap:7px;min-width:0}.game-filter-card label>span{font-size:12px;font-weight:800;color:#25324a}.game-filter-card select,.game-filter-card input{height:42px;border:1px solid #d5ddeb;border-radius:10px;background:#fff;padding:0 13px;font-weight:700;color:#334155;min-width:0;width:100%}
.game-search-control{position:relative}.game-search-control i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#8090a8}.game-search-control input{padding-left:38px}
.game-filter-actions{display:flex;gap:10px;align-items:center}.game-filter-actions .clean-btn{height:42px;white-space:nowrap}
.game-table-wrap{border:1px solid #e1e7f0;border-radius:14px;overflow:hidden;background:#fff}.game-table-head{display:grid;grid-template-columns:minmax(220px,1fr) minmax(470px,2.2fr) 120px 100px;gap:16px;padding:14px 18px;background:#fbfcfe;border-bottom:1px solid #e4e9f1;color:#778399;font-size:12px;font-weight:800}.game-table{display:block!important}
.game-table-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(470px,2.2fr) 120px 100px;gap:16px;align-items:center;min-height:76px;padding:11px 18px;border-bottom:1px solid #e7ebf2}.game-table-row:last-child{border-bottom:0}
.game-main-cell{display:flex;align-items:center;gap:14px;min-width:0}.game-main-cell b{font-size:14px;color:#182235;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-thumb-full{width:84px;height:52px;flex:0 0 84px;border-radius:10px;border:1px solid #dfe5ee;background:#f8fafc;overflow:hidden;display:grid;place-items:center}.game-thumb-full img{width:100%;height:100%;object-fit:contain;background:#fff}
.game-detail-cell{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 16px;min-width:0;color:#65738a;font-size:12px}.game-detail-cell span{display:flex;align-items:center;gap:6px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-status-cell{display:flex;justify-content:flex-start}.game-action-cell{display:flex;justify-content:flex-end;gap:8px}.game-table-footer{padding:14px 4px 0;color:#718096;font-size:12px}
@media(max-width:1250px){.game-filter-card{grid-template-columns:repeat(3,minmax(0,1fr))}.game-filter-actions{grid-column:span 3;justify-content:flex-end}.game-table-head{display:none}.game-table-row{grid-template-columns:1fr;gap:10px;padding:16px}.game-detail-cell{grid-template-columns:repeat(3,minmax(0,1fr))}.game-status-cell,.game-action-cell{justify-content:flex-start}}
@media(max-width:700px){.subcategory-toolbar-title,.game-toolbar-title{flex-direction:column!important;align-items:stretch!important}.subcategory-toolbar-controls{width:100%;margin-left:0!important}.subcategory-toolbar-controls select{width:100%;min-width:0!important}.subcategory-summary-grid,.game-summary-grid{grid-template-columns:1fr!important;gap:10px}.game-modern-page{padding:14px!important}.game-filter-card{grid-template-columns:1fr;padding:14px}.game-filter-actions{grid-column:auto;display:grid;grid-template-columns:1fr 1fr}.game-detail-cell{grid-template-columns:1fr}.game-main-cell{align-items:flex-start}.game-thumb-full{width:76px;height:50px;flex-basis:76px}.game-action-cell{display:grid;grid-template-columns:38px 38px}}

/* Banner Management focused toolbar/header refinement */
body:has(#bannerSearchInput) .banner-dashboard{padding:18px!important}
body:has(#bannerSearchInput) .banner-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-top:0!important}
body:has(#bannerSearchInput) .banner-filterbar{
  display:grid!important;
  grid-template-columns:minmax(240px,340px) minmax(150px,190px) auto auto!important;
  align-items:end!important;
  justify-content:start!important;
  gap:12px!important;
  padding:14px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
body:has(#bannerSearchInput) .banner-search{
  width:100%!important;
  height:42px!important;
  border:1px solid #d5deea!important;
  border-radius:10px!important;
  background:#fff!important;
  padding:0 13px!important;
  box-shadow:none!important;
}
body:has(#bannerSearchInput) .banner-search:focus-within{
  border-color:#6d7cff!important;
  box-shadow:0 0 0 3px rgba(79,70,229,.10)!important;
}
body:has(#bannerSearchInput) .banner-filterbar select{
  width:100%!important;
  height:42px!important;
  border-radius:10px!important;
}
body:has(#bannerSearchInput) .banner-filterbar .clean-btn{
  height:42px!important;
  white-space:nowrap!important;
  padding:0 16px!important;
}
@media(max-width:900px){
  body:has(#bannerSearchInput) .banner-filterbar{grid-template-columns:1fr 1fr!important}
  body:has(#bannerSearchInput) .banner-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:640px){
  body:has(#bannerSearchInput) .banner-filterbar{grid-template-columns:1fr!important}
  body:has(#bannerSearchInput) .banner-stats{grid-template-columns:1fr!important}
  body:has(#bannerSearchInput) .banner-filterbar .clean-btn{width:100%!important}
}

/* Full-width management toolbars v24
   Keep every search/filter/action row stretched across the available list card. */
body:has(#bannerSearchInput) .banner-filterbar{
  width:100%!important;
  grid-template-columns:minmax(260px,2.2fr) minmax(170px,1.15fr) minmax(120px,.72fr) minmax(145px,.88fr)!important;
}
body:has(#bannerSearchInput) .banner-filterbar .clean-btn{
  width:100%!important;
  justify-content:center!important;
}

body:has(#categorySearchInput) .category-filter-card{
  width:100%!important;
  grid-template-columns:minmax(230px,1.65fr) minmax(150px,1fr) minmax(150px,1fr) minmax(165px,1.05fr) minmax(190px,1.2fr)!important;
}
body:has(#categorySearchInput) .category-filter-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  width:100%!important;
}
body:has(#categorySearchInput) .category-filter-actions .clean-btn{
  width:100%!important;
  min-width:0!important;
  justify-content:center!important;
}

body:has(#subCategoryFilter) .subcategory-toolbar-title{
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) minmax(360px,1.15fr)!important;
  align-items:end!important;
  width:100%!important;
}
body:has(#subCategoryFilter) .subcategory-toolbar-controls{
  display:grid!important;
  grid-template-columns:minmax(220px,1fr) minmax(120px,.42fr)!important;
  width:100%!important;
  margin-left:0!important;
}
body:has(#subCategoryFilter) .subcategory-toolbar-controls select,
body:has(#subCategoryFilter) .subcategory-toolbar-controls .clean-btn{
  width:100%!important;
  min-width:0!important;
}
body:has(#subCategoryFilter) .subcategory-toolbar-controls .clean-btn{
  justify-content:center!important;
}

body:has(#gameSearchInput) .game-filter-card{
  width:100%!important;
  grid-template-columns:minmax(220px,1.45fr) repeat(3,minmax(145px,1fr)) minmax(160px,1.05fr) minmax(190px,1.2fr)!important;
}
body:has(#gameSearchInput) .game-filter-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  width:100%!important;
}
body:has(#gameSearchInput) .game-filter-actions .clean-btn{
  width:100%!important;
  min-width:0!important;
  justify-content:center!important;
}

@media(max-width:1250px){
  body:has(#categorySearchInput) .category-filter-card,
  body:has(#gameSearchInput) .game-filter-card{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body:has(#categorySearchInput) .category-filter-actions,
  body:has(#gameSearchInput) .game-filter-actions{
    grid-column:1/-1!important;
  }
}
@media(max-width:900px){
  body:has(#bannerSearchInput) .banner-filterbar{
    grid-template-columns:1fr 1fr!important;
  }
  body:has(#subCategoryFilter) .subcategory-toolbar-title{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:700px){
  body:has(#categorySearchInput) .category-filter-card,
  body:has(#gameSearchInput) .game-filter-card,
  body:has(#bannerSearchInput) .banner-filterbar{
    grid-template-columns:1fr!important;
  }
  body:has(#categorySearchInput) .category-filter-actions,
  body:has(#gameSearchInput) .game-filter-actions{
    grid-column:auto!important;
  }
  body:has(#subCategoryFilter) .subcategory-toolbar-controls{
    grid-template-columns:1fr!important;
  }
}


/* Standardized Game Management headers and compact first row v25 */
.standardized-game-management .report-topbar .user-title-wrap{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
}
.standardized-game-management .report-topbar .user-title-icon{
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 38px!important;
  background:#eef2ff!important;
  color:#4058e8!important;
  font-size:19px!important;
}
.standardized-game-management .report-topbar .user-title-wrap h1{
  margin:0!important;
  font-size:22px!important;
  line-height:1.15!important;
  font-weight:900!important;
  color:#07152b!important;
}
.standardized-game-management .report-topbar .user-title-wrap p{
  display:block!important;
  margin:4px 0 0!important;
  color:#667085!important;
  font-size:12px!important;
  font-weight:500!important;
}
.standardized-game-management .report-content{
  padding-top:12px!important;
}
.standardized-game-management .manage-list-card{
  margin-top:0!important;
}
.standardized-game-management .category-toolbar-title,
.standardized-game-management .subcategory-toolbar-title,
.standardized-game-management .game-toolbar-title{
  min-height:42px!important;
  margin:0 0 14px!important;
  padding:0!important;
  border:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
}
.standardized-game-management .category-toolbar-title > .crud-title-actions,
.standardized-game-management .subcategory-toolbar-title > .crud-title-actions,
.standardized-game-management .game-toolbar-title > .crud-title-actions{
  width:auto!important;
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
.standardized-game-management .category-toolbar-title .clean-btn,
.standardized-game-management .subcategory-toolbar-title .clean-btn,
.standardized-game-management .game-toolbar-title .clean-btn{
  height:42px!important;
  justify-content:center!important;
}
@media(max-width:700px){
  .standardized-game-management .report-topbar .user-title-icon{display:none!important}
  .standardized-game-management .report-topbar .user-title-wrap p{display:none!important}
  .standardized-game-management .category-toolbar-title > .crud-title-actions,
  .standardized-game-management .subcategory-toolbar-title > .crud-title-actions,
  .standardized-game-management .game-toolbar-title > .crud-title-actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  .standardized-game-management .category-toolbar-title .clean-btn,
  .standardized-game-management .subcategory-toolbar-title .clean-btn,
  .standardized-game-management .game-toolbar-title .clean-btn{width:100%!important}
}


/* Standardized Bonus Category Title and Promotion Bonus pages v26 */
.standardized-content-management .report-topbar .user-title-wrap{
  display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;
}
.standardized-content-management .report-topbar .user-title-icon{
  width:38px!important;height:38px!important;border-radius:12px!important;display:grid!important;place-items:center!important;
  flex:0 0 38px!important;background:#eef2ff!important;color:#4058e8!important;font-size:19px!important;
}
.standardized-content-management .report-topbar .user-title-wrap h1{
  margin:0!important;font-size:22px!important;line-height:1.15!important;font-weight:900!important;color:#07152b!important;
}
.standardized-content-management .report-topbar .user-title-wrap p{
  display:block!important;margin:4px 0 0!important;color:#667085!important;font-size:12px!important;font-weight:500!important;
}
.standardized-content-management .report-content{padding-top:12px!important;}
.standardized-content-management .manage-list-card{margin-top:0!important;}
.standardized-content-management .standardized-toolbar-title{
  min-height:42px!important;margin:0 0 14px!important;padding:0!important;border:0!important;display:flex!important;
  align-items:center!important;justify-content:flex-end!important;gap:10px!important;
}
.standardized-content-management .standardized-toolbar-title>.crud-title-actions{
  width:auto!important;margin-left:auto!important;display:flex!important;align-items:center!important;gap:10px!important;
}
.standardized-content-management .standardized-toolbar-title .clean-btn{
  height:42px!important;justify-content:center!important;white-space:nowrap!important;
}
.standardized-content-management .crud-list-full{width:100%!important;}
@media(max-width:700px){
  .standardized-content-management .report-topbar .user-title-icon{display:none!important;}
  .standardized-content-management .report-topbar .user-title-wrap p{display:none!important;}
  .standardized-content-management .standardized-toolbar-title>.crud-title-actions{
    width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;
  }
  .standardized-content-management .standardized-toolbar-title .clean-btn{width:100%!important;min-width:0!important;}
}


/* v1.1.27 - Bonus title and promotion pages standardized to game management listing */
.bonus-title-filter-card{grid-template-columns:minmax(260px,1.5fr) minmax(190px,.8fr) auto}
.bonus-title-table:before{content:'BONUS CATEGORY TITLE                         STATUS                    ACTIONS'}
.bonus-title-table-row{grid-template-columns:26px minmax(0,1fr) 130px 156px}
.bonus-title-table-row .category-action-cell{gap:8px}
.bonus-title-table-row .icon-action-btn{text-decoration:none}

.promotion-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.promotion-filter-card{display:grid;grid-template-columns:1.35fr .8fr .65fr .85fr auto;gap:16px;align-items:end;padding:18px;margin-bottom:18px;border:1px solid #e3e8f1;border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.035)}
.promotion-filter-card label>span{display:block;margin-bottom:7px;font-size:12px;font-weight:800;color:#101828}
.promotion-filter-card select{width:100%;height:42px;padding:0 34px 0 12px;border:1px solid #d5deea;border-radius:10px;background:#fff;font-weight:700}
.promotion-table-wrap{overflow:hidden;border:1px solid #e3e8f1;border-radius:16px;background:#fff}
.promotion-table-head,.promotion-table-row{display:grid;grid-template-columns:minmax(300px,1.5fr) minmax(220px,.9fr) 110px 96px;gap:18px;align-items:center}
.promotion-table-head{padding:13px 18px;background:#f8fafc;border-bottom:1px solid #e3e8f1;color:#475467;font-size:11px;font-weight:800;letter-spacing:.02em}
.promotion-table-row{min-height:96px;padding:12px 18px;border-bottom:1px solid #e8edf4}
.promotion-table-row:last-child{border-bottom:0}
.promotion-main-cell{display:flex;align-items:center;gap:14px;min-width:0}
.promotion-thumb{width:88px;height:58px;flex:0 0 88px;display:grid;place-items:center;overflow:hidden;border:1px solid #dfe5ee;border-radius:12px;background:#f8fafc;color:#98a2b3;font-size:22px}
.promotion-thumb img{width:100%;height:100%;object-fit:contain;background:#fff}
.promotion-copy{min-width:0}.promotion-copy b{display:block;color:#101828;font-size:14px}.promotion-copy small{display:block;margin-top:4px;color:#667085}.promotion-copy small span{margin:0 5px}.promotion-copy p{margin:5px 0 0;color:#667085;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.promotion-detail-cell{display:flex;flex-wrap:wrap;gap:6px}.promotion-detail-cell small{display:block;width:100%;color:#667085;font-size:11px}
.promotion-status-cell{display:flex}.promotion-action-cell{display:flex;justify-content:flex-end;gap:8px}
.slider-pill.inactive{background:#f2f4f7;color:#667085}

@media(max-width:1100px){
  .bonus-title-filter-card,.promotion-filter-card{grid-template-columns:1fr 1fr}
  .bonus-title-filter-card .category-filter-actions,.promotion-filter-card .game-filter-actions{grid-column:1/-1}
  .promotion-table-head{display:none}
  .promotion-table-row{grid-template-columns:1fr 1fr;gap:12px}
  .promotion-status-cell{grid-column:1}.promotion-action-cell{grid-column:2;grid-row:2;justify-content:flex-end}
}
@media(max-width:700px){
  .bonus-title-filter-card,.promotion-filter-card{grid-template-columns:1fr;padding:14px}
  .bonus-title-filter-card .category-filter-actions,.promotion-filter-card .game-filter-actions{grid-column:auto;display:grid;grid-template-columns:1fr 1fr}
  .bonus-title-table-row{grid-template-columns:20px minmax(0,1fr)}
  .bonus-title-table-row .category-status-cell,.bonus-title-table-row .category-action-cell{grid-column:2}
  .bonus-title-table-row .category-action-cell{justify-content:flex-start}
  .promotion-summary-grid{grid-template-columns:1fr}
  .promotion-table-row{grid-template-columns:1fr;padding:14px}
  .promotion-main-cell{align-items:flex-start}.promotion-thumb{width:76px;height:52px;flex-basis:76px}
  .promotion-detail-cell,.promotion-status-cell,.promotion-action-cell{grid-column:1;grid-row:auto;justify-content:flex-start}
  .promotion-copy p{white-space:normal}
}

/* v1.1.28 - Bonus table header/data alignment and CRUD action compatibility */
.bonus-title-table:before{display:none!important;content:none!important}
.bonus-title-table-head{display:grid;grid-template-columns:26px minmax(0,1fr) 130px 156px;align-items:center;gap:12px;padding:13px 20px;background:#f8fafc;border-bottom:1px solid #e3e8f1;color:#475467;font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}
.bonus-title-head-name{grid-column:1 / 3}
.bonus-title-head-actions{text-align:right}
.bonus-title-table-row{grid-template-columns:26px minmax(0,1fr) 130px 156px}
.icon-action-btn{cursor:pointer}
@media(max-width:700px){.bonus-title-table-head{display:none}}

/* v1.1.29 - Standardized remaining listing pages */
.standardized-listing-page .report-content{padding-top:12px!important}
.standardized-listing-page .table-card,
.standardized-listing-page .manage-list-card,
.standardized-listing-page .manage-form-card{border:1px solid #e3e8f1!important;border-radius:16px!important;background:#fff!important;box-shadow:0 5px 18px rgba(15,23,42,.035)!important}
.standardized-listing-page .table-card{padding:18px!important}
.standardized-listing-page .table-wrap{overflow:auto;border:1px solid #e3e8f1;border-radius:14px;background:#fff}
.standardized-listing-page .report-table{width:100%;border-collapse:separate;border-spacing:0}
.standardized-listing-page .report-table thead th{height:44px;padding:0 16px;background:#f8fafc;color:#475467;font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;border-bottom:1px solid #e3e8f1;white-space:nowrap}
.standardized-listing-page .report-table tbody td{padding:14px 16px;border-bottom:1px solid #edf0f5;vertical-align:middle;color:#344054}
.standardized-listing-page .report-table tbody tr:last-child td{border-bottom:0}
.standardized-listing-page .user-toolbar,
.standardized-listing-page .table-title-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:14px!important}
.standardized-listing-page .user-toolbar .user-badge,
.standardized-listing-page .table-title-row h2{font-size:15px!important;font-weight:850!important;color:#101828!important}
.standardized-listing-page .clean-btn{min-height:42px;border-radius:10px!important}
.standardized-listing-page .clean-btn.primary{background:#2463eb!important;border-color:#2463eb!important;color:#fff!important}
.standardized-listing-page .standardized-list-toolbar{min-height:42px!important;padding:0!important;margin:0 0 14px!important;border:0!important;display:flex!important;justify-content:flex-end!important}
.standardized-listing-page .standardized-list-toolbar .listing-toolbar-actions{margin-left:auto!important}
.standard-list-head{display:grid;align-items:center;gap:16px;padding:13px 16px;background:#f8fafc;border:1px solid #e3e8f1;border-bottom:0;border-radius:14px 14px 0 0;color:#475467;font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}
.provider-list-head{grid-template-columns:120px minmax(0,1fr) 100px 150px}
.standardized-listing-page #providerList{border:1px solid #e3e8f1;border-radius:0 0 14px 14px;overflow:hidden}
.standardized-listing-page #providerList .manage-card{margin:0!important;padding:14px!important;border:0!important;border-bottom:1px solid #e8edf4!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}
.standardized-listing-page #providerList .manage-card:last-child{border-bottom:0!important}
.standardized-listing-page #providerList .manage-thumb{width:120px!important;height:76px!important;border-radius:12px!important}
.standardized-listing-page #providerList .manage-card-body{min-width:0}
.standardized-listing-page #providerList .slider-card-actions{min-width:150px!important;justify-content:flex-end!important}
.standardized-listing-page #providerList .slider-card-actions .clean-btn{width:42px!important;min-width:42px!important;padding:0!important;font-size:0!important}
.standardized-listing-page #providerList .slider-card-actions .clean-btn i{font-size:14px!important;margin:0!important}
.standardized-listing-page #providerList .slider-card-title .slider-pill{margin-left:auto}
.bonus-item-list-head{grid-template-columns:minmax(260px,1.25fr) minmax(260px,1fr) 100px 150px}
.standardized-listing-page #bonusItemList{border:1px solid #e3e8f1;border-radius:0 0 14px 14px;overflow:hidden}
.standardized-listing-page #bonusItemList .bonus-item-group{margin:0!important;border:0!important;border-radius:0!important}
.standardized-listing-page #bonusItemList .bonus-item-group-title{padding:10px 16px;background:#fbfcfe;border-bottom:1px solid #edf0f5}
.standardized-listing-page #bonusItemList .manage-card{margin:0!important;border:0!important;border-bottom:1px solid #edf0f5!important;border-radius:0!important;box-shadow:none!important}
.standardized-listing-page #bonusItemList .manage-card:last-child{border-bottom:0!important}
.standardized-listing-page #bonusItemList .slider-card-actions .clean-btn{width:42px!important;min-width:42px!important;padding:0!important;font-size:0!important}
.standardized-listing-page #bonusItemList .slider-card-actions .clean-btn i{font-size:14px!important;margin:0!important}
@media(max-width:900px){
 .standard-list-head{display:none}
 .standardized-listing-page .user-toolbar,.standardized-listing-page .table-title-row{align-items:flex-start!important;flex-direction:column!important}
 .standardized-listing-page .user-toolbar-actions{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .standardized-listing-page .user-toolbar-actions .clean-btn{width:100%!important}
}
@media(max-width:700px){
 .standardized-listing-page .report-content{padding:10px!important}
 .standardized-listing-page .table-card{padding:12px!important}
 .standardized-listing-page .standardized-list-toolbar .listing-toolbar-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important}
 .standardized-listing-page .standardized-list-toolbar .clean-btn{width:100%!important;min-width:0!important}
 .standardized-listing-page #providerList{border-radius:14px}
 .standardized-listing-page #providerList .manage-card{display:grid!important;grid-template-columns:82px 1fr!important;gap:12px!important}
 .standardized-listing-page #providerList .manage-thumb{width:82px!important;height:64px!important}
 .standardized-listing-page #providerList .slider-card-actions{grid-column:2;width:100%;justify-content:flex-start!important}
 .standardized-listing-page #bonusItemList{border-radius:14px}
}

/* v1.1.30 - unified mobile layout for all standardized listing pages */
@media (max-width: 700px){
  .standardized-listing-page .report-topbar{height:62px!important;padding:8px 10px!important;gap:8px!important}
  .standardized-listing-page .report-topbar .hamb{width:40px!important;height:40px!important;min-width:40px!important;border-radius:11px!important}
  .standardized-listing-page .report-topbar .user-title-wrap{gap:8px!important;min-width:0!important;flex:1 1 auto!important}
  .standardized-listing-page .report-topbar .user-title-icon{width:36px!important;height:36px!important;min-width:36px!important;flex:0 0 36px!important;border-radius:10px!important}
  .standardized-listing-page .report-topbar .user-title-wrap h1{font-size:15px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .standardized-listing-page .report-topbar .user-title-wrap p{display:none!important}
  .standardized-listing-page .report-profile-btn{width:40px!important;min-width:40px!important;padding:0!important}
  .standardized-listing-page .report-content{padding:10px 8px 24px!important}
  .standardized-listing-page .manage-list-card,
  .standardized-listing-page .table-card,
  .standardized-listing-page .manage-form-card{padding:12px!important;border-radius:14px!important;max-width:100%!important;overflow:hidden!important}

  .standardized-listing-page .standardized-list-toolbar,
  .standardized-listing-page .crud-list-titlebar,
  .standardized-listing-page .standardized-toolbar-title{display:block!important;height:auto!important;min-height:0!important;margin:0 0 12px!important}
  .standardized-listing-page .standardized-list-toolbar .listing-toolbar-actions,
  .standardized-listing-page .crud-title-actions,
  .standardized-listing-page .standardized-toolbar-title>.crud-title-actions{
    position:static!important;inset:auto!important;transform:none!important;float:none!important;
    width:100%!important;max-width:none!important;margin:0!important;
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;
  }
  .standardized-listing-page .standardized-list-toolbar .clean-btn,
  .standardized-listing-page .crud-title-actions .clean-btn,
  .standardized-listing-page .crud-title-actions .crud-toolbar-btn,
  .standardized-listing-page .standardized-toolbar-title .clean-btn,
  .standardized-listing-page .crud-add-btn{
    position:static!important;inset:auto!important;transform:none!important;float:none!important;
    width:100%!important;min-width:0!important;max-width:none!important;height:42px!important;min-height:42px!important;
    padding:0 9px!important;border-radius:10px!important;overflow:hidden!important;gap:6px!important;
    font-size:12px!important;line-height:1.15!important;white-space:nowrap!important;text-overflow:ellipsis!important;
  }
  .standardized-listing-page .crud-title-actions .btn-label,
  .standardized-listing-page .crud-title-actions .clean-btn .btn-label,
  .standardized-listing-page .crud-add-btn .btn-label{
    display:inline!important;width:auto!important;height:auto!important;overflow:visible!important;color:inherit!important;
  }
  .standardized-listing-page .crud-title-actions .clean-btn i,
  .standardized-listing-page .crud-title-actions .crud-toolbar-btn i,
  .standardized-listing-page .crud-add-btn i{width:auto!important;height:auto!important;flex:0 0 auto!important;font-size:14px!important}

  .standardized-listing-page #providerList{border-radius:14px!important;overflow:hidden!important}
  .standardized-listing-page #providerList .manage-card{
    display:grid!important;grid-template-columns:74px minmax(0,1fr)!important;gap:10px!important;
    padding:14px 12px!important;align-items:start!important;
  }
  .standardized-listing-page #providerList .manage-thumb{grid-column:1!important;grid-row:1!important;width:74px!important;height:64px!important;margin:0!important}
  .standardized-listing-page #providerList .manage-card-body{grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important;text-align:left!important}
  .standardized-listing-page #providerList .slider-card-title{display:flex!important;align-items:flex-start!important;gap:6px!important;flex-wrap:wrap!important;margin:0 0 7px!important}
  .standardized-listing-page #providerList .slider-card-title h3,
  .standardized-listing-page #providerList .slider-card-title b{font-size:14px!important;line-height:1.25!important;margin:0!important;min-width:0!important}
  .standardized-listing-page #providerList .slider-card-title .slider-pill{margin-left:auto!important;flex:0 0 auto!important}
  .standardized-listing-page #providerList .slider-card-meta{display:flex!important;flex-wrap:wrap!important;gap:5px 10px!important;font-size:11px!important;line-height:1.35!important}
  .standardized-listing-page #providerList .provider-game-pills,
  .standardized-listing-page #providerList .game-pill-list{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:8px!important}
  .standardized-listing-page #providerList .slider-card-actions{
    grid-column:1 / -1!important;grid-row:2!important;width:100%!important;min-width:0!important;
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:0!important;
  }
  .standardized-listing-page #providerList .slider-card-actions .clean-btn{
    width:100%!important;min-width:0!important;max-width:none!important;height:40px!important;font-size:0!important;
  }
  .standardized-listing-page #providerList .slider-card-actions .clean-btn i{font-size:15px!important}

  .standardized-listing-page .report-table{min-width:680px!important}
  .standardized-listing-page .table-wrap{border-radius:12px!important}
  .standardized-listing-page .user-search-grid,
  .standardized-listing-page .filter-grid,
  .standardized-listing-page .clean-form-grid,
  .standardized-listing-page .slider-two-col{grid-template-columns:1fr!important}
  .standardized-listing-page .user-toolbar-actions,
  .standardized-listing-page .category-filter-actions,
  .standardized-listing-page .game-filter-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .standardized-listing-page .user-toolbar-actions .clean-btn,
  .standardized-listing-page .category-filter-actions .clean-btn,
  .standardized-listing-page .game-filter-actions .clean-btn{width:100%!important;min-width:0!important}
  .standardized-listing-page .modal-clean,
  .standardized-listing-page .crud-pattern-modal{padding:0!important}
  .standardized-listing-page .crud-pattern-dialog,
  .standardized-listing-page .modal-clean-panel{width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border-radius:0!important}
}

@media (max-width: 390px){
  .standardized-listing-page .standardized-list-toolbar .listing-toolbar-actions,
  .standardized-listing-page .crud-title-actions,
  .standardized-listing-page .standardized-toolbar-title>.crud-title-actions{grid-template-columns:1fr 1fr!important}
  .standardized-listing-page #providerList .manage-card{grid-template-columns:64px minmax(0,1fr)!important;padding:12px 10px!important}
  .standardized-listing-page #providerList .manage-thumb{width:64px!important;height:58px!important}
}


/* v1.1.32 - mobile polish for Game Provider and Bonus Category Title */
@media (max-width:700px){
  /* Game Provider toolbar: clean 2 x 2 button grid */
  .page-game-provider .standardized-list-toolbar{
    margin-bottom:12px!important;
  }
  .page-game-provider .standardized-list-toolbar .listing-toolbar-actions,
  .page-game-provider .standardized-list-toolbar .crud-title-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    align-items:stretch!important;
  }
  .page-game-provider .standardized-list-toolbar .clean-btn,
  .page-game-provider .standardized-list-toolbar .crud-toolbar-btn,
  .page-game-provider .standardized-list-toolbar .crud-add-btn{
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    min-height:44px!important;
    padding:0 10px!important;
    border-radius:11px!important;
    justify-content:center!important;
    font-size:12px!important;
    line-height:1.15!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    text-align:center!important;
  }
  .page-game-provider .standardized-list-toolbar .clean-btn i,
  .page-game-provider .standardized-list-toolbar .crud-toolbar-btn i,
  .page-game-provider .standardized-list-toolbar .crud-add-btn i{
    margin:0 5px 0 0!important;
    font-size:14px!important;
  }
  .page-game-provider .standardized-list-toolbar .btn-label{
    display:inline!important;
    white-space:normal!important;
    overflow:visible!important;
  }

  /* Game Provider card alignment */
  .page-game-provider #providerList .manage-card{
    grid-template-columns:70px minmax(0,1fr)!important;
    padding:14px 12px!important;
    gap:10px!important;
  }
  .page-game-provider #providerList .manage-thumb{
    width:70px!important;
    height:62px!important;
    align-self:start!important;
  }
  .page-game-provider #providerList .slider-card-title{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:start!important;
    gap:8px!important;
  }
  .page-game-provider #providerList .slider-card-title .slider-pill{
    margin:0!important;
  }
  .page-game-provider #providerList .slider-card-meta{
    gap:6px 9px!important;
  }
  .page-game-provider #providerList .slider-card-actions{
    grid-column:1/-1!important;
    margin-top:2px!important;
  }

  /* Bonus title toolbar: Refresh + Add in one balanced row */
  .page-bonus-category-title .standardized-toolbar-title{
    display:block!important;
    margin-bottom:14px!important;
  }
  .page-bonus-category-title .standardized-toolbar-title .crud-title-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
  }
  .page-bonus-category-title .standardized-toolbar-title .clean-btn,
  .page-bonus-category-title .standardized-toolbar-title .crud-toolbar-btn,
  .page-bonus-category-title .standardized-toolbar-title .crud-add-btn{
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    min-height:44px!important;
    padding:0 10px!important;
    border-radius:11px!important;
    justify-content:center!important;
    font-size:12px!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .page-bonus-category-title .standardized-toolbar-title .btn-label{
    display:inline!important;
    white-space:normal!important;
    overflow:visible!important;
  }

  /* Bonus title row: card layout, no vertical/squeezed text */
  .page-bonus-category-title .bonus-title-table-wrap{
    border:0!important;
    background:transparent!important;
    overflow:visible!important;
  }
  .page-bonus-category-title .bonus-title-table{
    display:grid!important;
    gap:12px!important;
  }
  .page-bonus-category-title .bonus-title-table-row{
    display:grid!important;
    grid-template-columns:74px minmax(0,1fr)!important;
    gap:10px 12px!important;
    align-items:start!important;
    min-height:0!important;
    padding:14px!important;
    border:1px solid #e3e8f1!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 4px 14px rgba(15,23,42,.035)!important;
  }
  .page-bonus-category-title .bonus-title-table-row .category-drag{
    display:none!important;
  }
  .page-bonus-category-title .bonus-title-table-row .category-main-cell{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:74px minmax(0,1fr)!important;
    gap:12px!important;
    align-items:center!important;
    min-width:0!important;
  }
  .page-bonus-category-title .bonus-title-table-row .category-thumb-full{
    width:74px!important;
    height:62px!important;
    min-width:74px!important;
    flex:0 0 74px!important;
    margin:0!important;
  }
  .page-bonus-category-title .bonus-title-table-row .category-copy{
    min-width:0!important;
    width:100%!important;
  }
  .page-bonus-category-title .bonus-title-table-row .category-copy b{
    font-size:14px!important;
    line-height:1.3!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  .page-bonus-category-title .bonus-title-table-row .category-copy small{
    margin-top:5px!important;
    font-size:11px!important;
    line-height:1.45!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
  .page-bonus-category-title .bonus-title-table-row .category-status-cell{
    grid-column:1/-1!important;
    justify-content:flex-start!important;
  }
  .page-bonus-category-title .bonus-title-table-row .category-action-cell{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    justify-content:stretch!important;
  }
  .page-bonus-category-title .bonus-title-table-row .icon-action-btn{
    width:100%!important;
    height:40px!important;
    min-width:0!important;
    border-radius:10px!important;
  }
  .page-bonus-category-title .category-table-footer{
    padding:12px 2px 0!important;
  }
}

@media (max-width:390px){
  .page-game-provider .standardized-list-toolbar .clean-btn,
  .page-game-provider .standardized-list-toolbar .crud-toolbar-btn,
  .page-game-provider .standardized-list-toolbar .crud-add-btn,
  .page-bonus-category-title .standardized-toolbar-title .clean-btn,
  .page-bonus-category-title .standardized-toolbar-title .crud-toolbar-btn,
  .page-bonus-category-title .standardized-toolbar-title .crud-add-btn{
    font-size:11px!important;
    padding:0 7px!important;
  }
}

/* v31 - unified single-border search inputs */
.category-search-control,
.game-search-control,
.banner-search,
.input-icon-wrap,
.ref-input-icon{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  padding:0 12px!important;
  gap:9px!important;
  border:1px solid #d5deea!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.category-search-control:focus-within,
.game-search-control:focus-within,
.banner-search:focus-within,
.input-icon-wrap:focus-within,
.ref-input-icon:focus-within{
  border-color:#7aa2ff!important;
  box-shadow:0 0 0 3px rgba(47,102,237,.10)!important;
}
.category-search-control>i,
.game-search-control>i,
.banner-search>i,
.input-icon-wrap>i,
.ref-input-icon>i{
  position:static!important;
  transform:none!important;
  flex:0 0 auto!important;
  margin:0!important;
  color:#8090a8!important;
  font-size:15px!important;
  pointer-events:none!important;
}
.category-search-control>input,
.game-search-control>input,
.banner-search>input,
.input-icon-wrap>input,
.ref-input-icon>input{
  display:block!important;
  flex:1 1 auto!important;
  width:100%!important;
  min-width:0!important;
  height:40px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#334155!important;
  font:inherit!important;
  font-weight:600!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.category-search-control>input:focus,
.game-search-control>input:focus,
.banner-search>input:focus,
.input-icon-wrap>input:focus,
.ref-input-icon>input:focus{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
.category-search-control>input::-webkit-search-cancel-button,
.game-search-control>input::-webkit-search-cancel-button,
.banner-search>input::-webkit-search-cancel-button{
  margin-left:8px;
}
@media(max-width:700px){
  .category-search-control,
  .game-search-control,
  .banner-search,
  .input-icon-wrap,
  .ref-input-icon{height:42px!important}
}

/* v32 - definitive single-input search design (one visible border only) */
.category-search-control,
.game-search-control,
.banner-search,
.input-icon-wrap,
.ref-input-icon{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.category-search-control>i,
.game-search-control>i,
.banner-search>i,
.input-icon-wrap>i,
.ref-input-icon>i{
  position:absolute!important;
  left:13px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:2!important;
  margin:0!important;
  color:#8090a8!important;
  font-size:15px!important;
  line-height:1!important;
  pointer-events:none!important;
}
.category-search-control>input,
.game-search-control>input,
.banner-search>input,
.input-icon-wrap>input,
.ref-input-icon>input,
#gameSearchInput,
#categorySearchInput,
#bonusSearchInput,
#promoSearchInput,
#bannerSearchInput,
#adminSearchInput,
#refKeyword{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  margin:0!important;
  padding:0 13px 0 38px!important;
  border:1px solid #d5deea!important;
  border-radius:10px!important;
  outline:0!important;
  background:#fff!important;
  box-shadow:none!important;
  color:#334155!important;
  font:inherit!important;
  font-weight:600!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.category-search-control>input:focus,
.game-search-control>input:focus,
.banner-search>input:focus,
.input-icon-wrap>input:focus,
.ref-input-icon>input:focus,
#gameSearchInput:focus,
#categorySearchInput:focus,
#bonusSearchInput:focus,
#promoSearchInput:focus,
#bannerSearchInput:focus,
#adminSearchInput:focus,
#refKeyword:focus{
  border-color:#7aa2ff!important;
  outline:0!important;
  box-shadow:0 0 0 3px rgba(47,102,237,.10)!important;
}

/* Date range month/year column picker (image-1 layout) */
.bo-range-cal-head{grid-template-columns:32px minmax(72px,1fr) minmax(84px,1fr) 32px!important}
.bo-range-cal-head .bo-range-head-pick,.ref-cal-head .ref-head-pick{height:36px;border:1px solid #d2dbea;border-radius:10px;background:#fff;color:#25324a;font-weight:900;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 10px}
.bo-range-cal-head .bo-range-head-pick:hover,.bo-range-cal-head .bo-range-head-pick:focus,.ref-cal-head .ref-head-pick:hover,.ref-cal-head .ref-head-pick:focus{border-color:#5b6cff;box-shadow:0 0 0 3px rgba(91,108,255,.11);outline:0}
.bo-range-month-grid,.bo-range-year-grid,.ref-cal-month-grid,.ref-cal-year-grid{display:none;grid-template-columns:repeat(3,1fr);gap:9px;padding:14px 2px 4px}
.bo-range-month-grid.show,.bo-range-year-grid.show,.ref-cal-month-grid.show,.ref-cal-year-grid.show{display:grid}
.bo-range-month-grid button,.bo-range-year-grid button,.ref-cal-month-grid button,.ref-cal-year-grid button{height:36px;border:0;border-radius:10px;background:#f7f9fc;color:#344054;font-size:12px;font-weight:900;transition:.15s ease}
.bo-range-month-grid button:hover,.bo-range-year-grid button:hover,.ref-cal-month-grid button:hover,.ref-cal-year-grid button:hover{background:#eaf0ff;color:#4053e8}
.bo-range-month-grid button.active,.bo-range-year-grid button.active,.ref-cal-month-grid button.active,.ref-cal-year-grid button.active{background:linear-gradient(180deg,#4ca4ff,#096cf5);color:#fff;box-shadow:0 7px 14px rgba(13,110,253,.28)}
.bo-range-day-view.hide,.ref-cal-day-view.hide{display:none}
.ref-cal-head{grid-template-columns:30px minmax(72px,1fr) minmax(84px,1fr) 30px!important}
.ref-cal-head .ref-head-pick{height:32px;font-size:13px}
@media(max-width:575.98px){.bo-range-month-grid,.bo-range-year-grid,.ref-cal-month-grid,.ref-cal-year-grid{gap:7px}.bo-range-month-grid button,.bo-range-year-grid button,.ref-cal-month-grid button,.ref-cal-year-grid button{height:34px}}


/* 2026-07-16 sidebar hover, payment modal and admin modal update */
@media(min-width:992px){
  body.sidebar-mini .report-sidebar{overflow-y:auto!important;overflow-x:visible!important}
  body.sidebar-mini .report-sidebar:hover{overflow-x:visible!important}
  body.sidebar-mini .report-sidebar:hover .report-brand{width:var(--sidebar-w);min-width:var(--sidebar-w);padding:0 14px!important;justify-content:flex-start!important}
  body.sidebar-mini .report-sidebar:hover .report-brand>div:not(.logo){display:block!important;min-width:140px!important;width:auto!important;max-width:none!important;overflow:visible!important;white-space:normal!important;opacity:1!important;visibility:visible!important;font-size:14px!important;line-height:1.25!important}
}
.pm-list-card{margin-bottom:0}.pm-list-card .user-toolbar-actions,.admin-list-card .user-toolbar-actions{display:flex;gap:10px;align-items:center}.pm-main-table td:last-child{white-space:nowrap}.pm-table-footer{margin-top:14px;display:flex;justify-content:space-between;align-items:center}.pm-modal,.admin-create-modal{position:fixed;inset:0;background:rgba(15,23,42,.48);z-index:10000;display:none;align-items:center;justify-content:center;padding:24px}.pm-modal.show,.admin-create-modal.show{display:flex!important}.pm-modal-panel{width:min(888px,96vw);max-height:94vh;overflow:auto;border-radius:14px}.pm-modal-head{position:sticky;top:0;background:#fff;z-index:2}.pm-modal-head h3{font-size:21px;margin:0 0 4px}.pm-modal-head small{color:#667085}.pm-modal-body{padding:0 24px 18px}.pm-form-section{padding:16px 0;border-top:1px solid #e4e7ec}.pm-form-section:first-of-type{border-top:0}.pm-form-section h4{font-size:13px;font-weight:900;color:#344054;margin:0 0 14px;display:flex;gap:8px;align-items:center}.pm-form-grid{display:grid;gap:14px}.pm-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.pm-form-section .field label b{color:#ef4444}.pm-form-section .field input,.pm-form-section .field select,.pm-form-section .field textarea{width:100%;border:1px solid #d0d5dd;border-radius:9px;background:#fff;color:#182230;outline:0;padding:0 11px}.pm-form-section .field input,.pm-form-section .field select{height:40px}.pm-form-section .field textarea{padding:11px;resize:vertical}.pm-upload-zone{min-height:92px;border:1.5px dashed #b9c4d6;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;color:#667085;text-align:center}.pm-upload-zone>i{font-size:25px;color:#4f63f5}.pm-upload-zone b{color:#4f63f5}.pm-upload-zone small{font-size:11px;color:#98a2b3}.pm-upload-zone input{display:none}.pm-modal-actions{position:sticky;bottom:0;background:#fff;border-top:1px solid #e4e7ec;margin:0 -24px -18px;padding:14px 24px;display:flex;justify-content:flex-end;gap:12px}.pm-modal-actions .clean-btn{min-width:110px}.admin-list-card{width:100%;margin-bottom:0}.admin-create-modal-panel{width:min(620px,96vw);max-height:92vh;overflow:auto}.admin-create-modal-body{padding:20px}.admin-create-modal .admin-create-stack{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-create-modal .admin-field{margin:0}.admin-create-modal .admin-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;grid-column:1/-1}.admin-create-modal .admin-field:nth-child(5),.admin-create-modal .admin-field:nth-child(6){grid-column:1/-1}.admin-create-modal .admin-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.admin-create-modal .upload-status{margin-top:12px}.admin-list-card .user-toolbar{align-items:center}
@media(max-width:767.98px){.pm-grid-4{grid-template-columns:1fr 1fr}.pm-modal,.admin-create-modal{padding:10px}.pm-modal-body{padding:0 14px 14px}.pm-modal-actions{margin:0 -14px -14px;padding:12px 14px}.admin-create-modal .admin-create-stack{grid-template-columns:1fr}.admin-create-modal .admin-two-fields,.admin-create-modal .admin-field:nth-child(5),.admin-create-modal .admin-field:nth-child(6){grid-column:auto}.admin-create-modal .admin-two-fields{grid-template-columns:1fr}.pm-list-card .user-toolbar-actions,.admin-list-card .user-toolbar-actions{width:100%;justify-content:flex-end}}
@media(max-width:480px){.pm-grid-4{grid-template-columns:1fr}.pm-modal-head h3{font-size:18px}.pm-modal-actions .clean-btn{min-width:0;flex:1}}

/* 2026-07-16 final collapsed-sidebar alignment fix
   Keep the rail anchored at the viewport edge and let the topbar hamburger
   remain aligned with the main content. Hover expansion overlays from x=0. */
@media (min-width: 992px){
  .report-sidebar,
  body.sidebar-mini .report-sidebar,
  body.sidebar-mini .report-sidebar:hover{
    left:0!important;
    right:auto!important;
    transform:none!important;
  }
  body.sidebar-mini .report-main{
    margin-left:var(--rail-w)!important;
  }
  body.sidebar-mini .report-topbar{
    padding-left:20px!important;
  }
  body.sidebar-mini .report-topbar .hamb{
    margin-left:0!important;
    flex:0 0 auto!important;
  }
  body.sidebar-mini .report-sidebar:hover .report-brand{
    padding-left:10px!important;
    padding-right:14px!important;
    justify-content:flex-start!important;
    overflow:visible!important;
  }
  body.sidebar-mini .report-sidebar:hover .report-brand > div:not(.logo){
    display:block!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    white-space:nowrap!important;
    overflow:visible!important;
    opacity:1!important;
    visibility:visible!important;
  }
}

/* 2026-07-16 mini sidebar conditional hamburger alignment
   Normal collapsed state keeps the hamburger aligned beside the icon rail.
   Only while the sidebar is hovered does it move to the expanded edge. */
@media (min-width:992px){
  body.sidebar-mini .report-topbar{
    padding-left:20px!important;
  }
  body.sidebar-mini:has(.report-sidebar:hover) .report-topbar{
    padding-left:calc((var(--sidebar-w) - var(--rail-w)) + 20px)!important;
  }
  body.sidebar-mini .report-topbar > .hamb{
    margin-left:0!important;
  }
  body.sidebar-mini .report-sidebar:hover{
    z-index:6000!important;
  }
}

/* Multi-category provider type selector */
.provider-type-multi{min-height:154px;padding:8px!important;overflow:auto;background:#fff!important;}
.provider-type-multi option{padding:9px 12px;margin:2px 0;border-radius:9px;font-weight:700;cursor:pointer;}
.provider-type-multi option:checked{background:linear-gradient(135deg,#eef5ff,#dceaff);color:#164d9c;}

/* Game and game sub-category pagination */
.game-table-footer.admin-table-footer,
.subcategory-table-footer.admin-table-footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-top:14px}
.game-table-footer.admin-table-footer>span,
.subcategory-table-footer.admin-table-footer>span{text-align:center}
@media(max-width:767px){
  .game-table-footer.admin-table-footer,
  .subcategory-table-footer.admin-table-footer{grid-template-columns:1fr;justify-items:center}
}


/* v33 - filter order, unified controls, single-border search and full category artwork */
:root{--bo-control-height:42px}

/* Keep every filter input/select/search/button on the same visual height. */
.filter-card .field input,
.filter-card .field select,
.user-search-grid .form-control,
.user-search-grid .form-select,
.category-filter-card select,
.game-filter-card select,
.banner-filterbar select,
.category-filter-actions .clean-btn,
.game-filter-actions .clean-btn,
.banner-filterbar .clean-btn,
.user-search-grid .btn-primary-clean{
  height:var(--bo-control-height)!important;
  min-height:var(--bo-control-height)!important;
}

/* Search controls use one border only; the wrapper never draws a second input. */
.category-search-control,
.game-search-control,
.banner-search,
.input-icon-wrap,
.ref-input-icon{
  display:block!important;
  height:var(--bo-control-height)!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.category-search-control>input,
.game-search-control>input,
.banner-search>input,
.input-icon-wrap>input,
.ref-input-icon>input,
#bannerSearchInput,
#categorySearchInput,
#bonusSearchInput,
#gameSearchInput{
  height:var(--bo-control-height)!important;
  min-height:var(--bo-control-height)!important;
  width:100%!important;
  padding:0 13px 0 38px!important;
  border:1px solid #d5deea!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:none!important;
}

/* Banner toolbar follows the same balanced full-width filter standard as category pages. */
body:has(#bannerSearchInput) .banner-filterbar{
  grid-template-columns:minmax(260px,2fr) minmax(170px,1fr) minmax(135px,.75fr) minmax(155px,.9fr)!important;
  align-items:end!important;
}
body:has(#bannerSearchInput) .banner-search{
  border:0!important;
  background:transparent!important;
  padding:0!important;
  box-shadow:none!important;
}
body:has(#bannerSearchInput) .banner-search:focus-within{
  border:0!important;
  box-shadow:none!important;
}

/* Provider Sessions: the date-range pair is first and spans the first toolbar row. */
body:has(#sessionFrom) .user-search-grid{
  grid-template-columns:repeat(4,minmax(150px,1fr))!important;
}
body:has(#sessionFrom) .bo-date-range-field,
body:has(#sessionFrom) .bo-range-field,
body:has(#sessionFrom) [data-bo-date-range]{
  grid-column:1 / span 2!important;
}

/* Show complete square category artwork, matching the frontend asset without cropping. */
.category-thumb-full{
  width:70px!important;
  height:70px!important;
  flex:0 0 70px!important;
  padding:0!important;
  background:#fff!important;
  overflow:hidden!important;
}
.category-thumb-full img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
}

@media(max-width:900px){
  body:has(#sessionFrom) .user-search-grid{grid-template-columns:1fr 1fr!important}
  body:has(#sessionFrom) .bo-date-range-field,
  body:has(#sessionFrom) .bo-range-field,
  body:has(#sessionFrom) [data-bo-date-range]{grid-column:1/-1!important}
}
@media(max-width:700px){
  body:has(#bannerSearchInput) .banner-filterbar{grid-template-columns:1fr!important}
  body:has(#sessionFrom) .user-search-grid{grid-template-columns:1fr!important}
  .category-thumb-full{width:68px!important;height:68px!important;flex-basis:68px!important}
}


/* v1.1.30 - Standardize table header columns with rendered row data */
.category-table:before{display:none!important;content:none!important}
.category-table-head{
  display:grid;
  grid-template-columns:26px minmax(0,1fr) 150px 116px;
  align-items:center;
  gap:12px;
  padding:13px 20px;
  background:#f8fafc;
  border-bottom:1px solid #e3e8f1;
  color:#475467;
  font-size:11px;
  font-weight:800;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.category-head-name{grid-column:1 / 3}
.category-head-actions{text-align:right}

/* Keep every custom grid-table header on the exact same track sizing as its data rows. */
.subcategory-table-head,.subcategory-table-row{box-sizing:border-box}
.game-table-head,.game-table-row{box-sizing:border-box}
.bonus-title-table-head,.bonus-title-table-row{box-sizing:border-box}
.promotion-table-head,.promotion-table-row{box-sizing:border-box}
.standard-list-head{box-sizing:border-box}

/* Native HTML tables: header and body use identical alignment and padding rules. */
.standardized-listing-page .report-table{table-layout:auto}
.standardized-listing-page .report-table thead th,
.standardized-listing-page .report-table tbody td{box-sizing:border-box;text-align:left}
.standardized-listing-page .report-table thead th:last-child,
.standardized-listing-page .report-table tbody td:last-child{text-align:right}

@media(max-width:700px){.category-table-head{display:none}}


/* v1.1.31 - Use the Game Category table standard on every custom management table. */
.subcategory-table-head,
.subcategory-table-row{
  grid-template-columns:26px minmax(0,1fr) 150px 116px!important;
  gap:12px!important;
  padding-left:20px!important;
  padding-right:20px!important;
}
.subcategory-table-head{
  align-items:center!important;
  padding-top:13px!important;
  padding-bottom:13px!important;
  background:#f8fafc!important;
  color:#475467!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
}
.subcategory-head-name{grid-column:1 / 3!important}
.subcategory-head-status{grid-column:3!important;text-align:left!important}
.subcategory-head-actions{grid-column:4!important;text-align:right!important}
.subcategory-drag{grid-column:1;display:grid;place-items:center;color:#8fa0b8;font-size:17px}
.subcategory-main-cell{grid-column:2;display:flex!important;align-items:center!important;gap:14px!important;min-width:0}
.subcategory-row-icon{width:44px!important;height:44px!important;flex:0 0 44px!important;border-radius:12px!important}
.subcategory-copy{display:flex;flex-direction:column;gap:6px;min-width:0}
.subcategory-copy b{font-size:14px;color:#101828;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.subcategory-copy small{display:flex;align-items:center;gap:9px;min-width:0;color:#667085;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.subcategory-copy small span{display:inline-block}
.subcategory-copy .dot{color:#98a2b3}
.subcategory-status-cell{grid-column:3;display:flex;justify-content:flex-start;align-items:center}
.subcategory-action-cell{grid-column:4;display:flex;justify-content:flex-end;align-items:center;gap:8px}

/* Shared visual standard: headers use the same background, typography and edge alignment. */
.game-table-head,.bonus-title-table-head,.promotion-table-head,.category-table-head,.subcategory-table-head{
  background:#f8fafc!important;
  color:#475467!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
  border-bottom:1px solid #e3e8f1!important;
}
.game-table-head span:last-child,.bonus-title-head-actions,.promotion-table-head span:last-child{text-align:right!important}

@media(max-width:700px){
  .subcategory-table-head{display:none!important}
  .subcategory-table-row{grid-template-columns:22px minmax(0,1fr)!important;gap:10px!important;padding:14px!important}
  .subcategory-drag{grid-column:1;grid-row:1 / span 3}
  .subcategory-main-cell{grid-column:2}
  .subcategory-copy small{white-space:normal;flex-wrap:wrap;gap:5px 8px}
  .subcategory-status-cell{grid-column:2;justify-content:flex-start}
  .subcategory-action-cell{grid-column:2;justify-content:flex-start}
}

/* Report filter action sizing: keep Search / Today compact and consistent */
body[data-report-page] .user-search-grid .field:has(#casinoSearchBtn),
body[data-report-page] .user-search-grid .field:has(#casinoResetBtn),
body:has(#betSearchBtn) .user-search-grid .field:has(#betSearchBtn){
  width:124px!important;
  max-width:124px!important;
  justify-self:start!important;
}
body[data-report-page] #casinoSearchBtn,
body[data-report-page] #casinoResetBtn,
body:has(#betSearchBtn) #betSearchBtn{
  width:124px!important;
  min-width:124px!important;
  max-width:124px!important;
  padding-left:16px!important;
  padding-right:16px!important;
}
@media(max-width:575.98px){
  body[data-report-page] .user-search-grid .field:has(#casinoSearchBtn),
  body[data-report-page] .user-search-grid .field:has(#casinoResetBtn),
  body:has(#betSearchBtn) .user-search-grid .field:has(#betSearchBtn){
    width:100%!important;
    max-width:none!important;
  }
  body[data-report-page] #casinoSearchBtn,
  body[data-report-page] #casinoResetBtn,
  body:has(#betSearchBtn) #betSearchBtn{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
}


/* v1.1.32 - Empty-state alignment, subcategory toolbar actions and code editor corners */
/* Colspan empty states must always begin from the left, never inherit last-column right alignment. */
.report-table tbody td[colspan],
.table-clean tbody td[colspan],
.standardized-listing-page .report-table tbody td[colspan],
body[data-report-page] tbody td[colspan]{
  text-align:left!important;
}

/* Keep the category filter on the left and place Refresh beside Add Game Sub Category on the right. */
.standardized-game-management .subcategory-toolbar-title{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
}
.standardized-game-management .subcategory-toolbar-title > .subcategory-toolbar-controls{
  width:auto!important;
  min-width:min(496px,45vw)!important;
  margin:0 auto 0 0!important;
  display:block!important;
}
.standardized-game-management .subcategory-toolbar-title > .subcategory-toolbar-controls select{
  width:100%!important;
  min-width:0!important;
}
.standardized-game-management .subcategory-toolbar-title > .crud-title-actions{
  margin-left:auto!important;
}

/* Only the outside editor frame keeps rounding; all internal editing surfaces stay square. */
.layout-code-editor{overflow:hidden!important;}
.layout-line-numbers,
.layout-code-input-wrap,
.layout-code-highlight,
.layout-code-pane textarea{border-radius:0!important;}

@media(max-width:700px){
  .standardized-game-management .subcategory-toolbar-title{align-items:stretch!important;}
  .standardized-game-management .subcategory-toolbar-title > .subcategory-toolbar-controls{
    width:100%!important;min-width:0!important;margin:0!important;
  }
  .standardized-game-management .subcategory-toolbar-title > .crud-title-actions{
    margin-left:0!important;
  }
}

/* 2026-07-19: keep Promotion Claims header consistent with standard listing cards */
.standardized-listing-page .promotion-table-head{
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
}

/* v1.1.33 - Keep report date range, Search and Today controls together */
body[data-report-page] .filter-card .user-search-grid{
  grid-template-columns:minmax(280px,380px) 124px 124px!important;
  justify-content:start!important;
  column-gap:12px!important;
}
body[data-report-page] .filter-card .bo-range-field{
  width:100%!important;
  min-width:0!important;
}
@media(max-width:767.98px){
  body[data-report-page] .filter-card .user-search-grid{
    grid-template-columns:minmax(0,1fr) 124px 124px!important;
  }
}
@media(max-width:575.98px){
  body[data-report-page] .filter-card .user-search-grid{
    grid-template-columns:1fr 1fr!important;
  }
  body[data-report-page] .filter-card .bo-range-field{
    grid-column:1/-1!important;
  }
}

/* v1.1.34 - Provider Sessions compact single-row filters and Promotion Log action heading */
/* Desktop: keep Date Range, Member ID, Provider Code, Game ID, Status and Search in one row. */
body:has(#sessionFrom) .user-search-grid{
  grid-template-columns:minmax(300px,2fr) minmax(150px,1fr) minmax(150px,1fr) minmax(140px,.9fr) minmax(150px,1fr) 124px!important;
  align-items:end!important;
  column-gap:12px!important;
  row-gap:12px!important;
}
body:has(#sessionFrom) .bo-date-range-field,
body:has(#sessionFrom) .bo-range-field,
body:has(#sessionFrom) [data-bo-date-range]{
  grid-column:auto!important;
  min-width:0!important;
}
body:has(#sessionFrom) .user-search-grid .field:has(#sessionSearchBtn){
  width:124px!important;
  max-width:124px!important;
  justify-self:start!important;
}
body:has(#sessionFrom) #sessionSearchBtn{
  width:124px!important;
  min-width:124px!important;
  max-width:124px!important;
  padding-left:16px!important;
  padding-right:16px!important;
}

/* Promotion Log: keep the Action column heading left-aligned like the other headings. */
body:has(#dbgRows) .report-table thead th:last-child{
  text-align:left!important;
}

@media(max-width:1200px){
  body:has(#sessionFrom) .user-search-grid{
    grid-template-columns:minmax(280px,2fr) repeat(3,minmax(145px,1fr)) minmax(145px,1fr) 124px!important;
  }
}
@media(max-width:1050px){
  body:has(#sessionFrom) .user-search-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body:has(#sessionFrom) .bo-date-range-field,
  body:has(#sessionFrom) .bo-range-field,
  body:has(#sessionFrom) [data-bo-date-range]{grid-column:1 / span 2!important;}
}
@media(max-width:700px){
  body:has(#sessionFrom) .user-search-grid{grid-template-columns:1fr!important;}
  body:has(#sessionFrom) .bo-date-range-field,
  body:has(#sessionFrom) .bo-range-field,
  body:has(#sessionFrom) [data-bo-date-range]{grid-column:auto!important;}
  body:has(#sessionFrom) .user-search-grid .field:has(#sessionSearchBtn),
  body:has(#sessionFrom) #sessionSearchBtn{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
}


/* Compact desktop filters + listing header alignment (v1.0.21) */
@media (min-width: 1100px){
  .provider-bet-report-page .user-search-grid{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:12px!important;
    align-items:end!important;
  }
  .provider-transaction-page .pwt-filter-grid{
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
    gap:12px!important;
    align-items:end!important;
  }
  .withdraw-approval-page .user-search-grid,
  .deposit-approval-page .user-search-grid{
    grid-template-columns:minmax(260px,1.35fr) minmax(170px,1fr) minmax(150px,1fr) minmax(150px,1fr) minmax(150px,1fr)!important;
    gap:12px!important;
    align-items:end!important;
  }
  .provider-bet-report-page .filter-card,
  .provider-transaction-page .filter-card,
  .withdraw-approval-page .filter-card,
  .deposit-approval-page .filter-card{
    padding-top:16px!important;
    padding-bottom:16px!important;
  }
  .provider-bet-report-page .user-search-grid > .field,
  .provider-transaction-page .pwt-filter-grid > .field,
  .withdraw-approval-page .user-search-grid > .field,
  .deposit-approval-page .user-search-grid > .field{
    min-width:0!important;
  }
  .provider-transaction-page .pwt-filter-grid .action-field{
    align-self:end!important;
  }
}

@media (min-width: 768px) and (max-width: 1099.98px){
  .provider-bet-report-page .user-search-grid,
  .provider-transaction-page .pwt-filter-grid,
  .withdraw-approval-page .user-search-grid,
  .deposit-approval-page .user-search-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

/* Keep requested final column headings aligned to the left. */
.withdraw-approval-page .report-table thead th:last-child,
.deposit-approval-page .report-table thead th:last-child,
.member-wallet-page .report-table thead th:last-child,
.wallet-ledger-page .report-table thead th:last-child{
  text-align:left!important;
}

/* User Management and Admin Management search buttons follow Referral Network blue. */
.user-management-page #memberSearchBtn,
.admin-management-page #searchAdminBtn{
  background:#2563eb!important;
  border-color:#2563eb!important;
  color:#fff!important;
}
.user-management-page #memberSearchBtn:hover,
.admin-management-page #searchAdminBtn:hover{
  background:#3f4ee6!important;
  border-color:#3f4ee6!important;
}

/* v1.0.22 - Provider Bet Report filter follows Provider Sessions full-width desktop layout. */
@media (min-width:1100px){
  .provider-bet-report-page .user-search-grid{
    grid-template-columns:minmax(300px,2fr) repeat(4,minmax(150px,1fr)) 124px!important;
    align-items:end!important;
    column-gap:12px!important;
    row-gap:12px!important;
  }
  .provider-bet-report-page .bo-date-range-field,
  .provider-bet-report-page .bo-range-field,
  .provider-bet-report-page [data-bo-date-range]{
    grid-column:auto!important;
    min-width:0!important;
  }
  .provider-bet-report-page .user-search-grid .field:has(#betSearchBtn){
    width:124px!important;
    min-width:124px!important;
    max-width:124px!important;
    justify-self:stretch!important;
  }
  .provider-bet-report-page #betSearchBtn{
    width:124px!important;
    min-width:124px!important;
    max-width:124px!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
}
@media (min-width:1100px) and (max-width:1200px){
  .provider-bet-report-page .user-search-grid{
    grid-template-columns:minmax(280px,2fr) repeat(4,minmax(140px,1fr)) 124px!important;
  }
}

/* v1.0.23 - Keep requested final-column table data left-aligned. */
.wallet-ledger-page #walletLedgerBody td:last-child,
.deposit-approval-page #depositBody td:last-child,
.withdraw-approval-page #withdrawBody td:last-child{
  text-align:left!important;
}

/* Approval action controls must begin from the left edge of the Action cell. */
.deposit-approval-page #depositBody td:last-child > .d-flex,
.withdraw-approval-page #withdrawBody td:last-child > .d-flex{
  justify-content:flex-start!important;
  align-items:center!important;
  width:100%!important;
}

/* v1.0.24 - Standardize User/Admin filter action buttons with Referral Network. */
.user-management-page .user-filter-actions .filter-action-row,
.admin-management-page .user-filter-actions .filter-action-row{
  display:grid!important;
  grid-template-columns:.72fr 1fr!important;
  gap:12px!important;
  width:100%!important;
  align-items:center!important;
}
.user-management-page .user-filter-actions .filter-action-row .clean-btn,
.user-management-page .user-filter-actions .filter-action-row .btn-primary-clean,
.admin-management-page .user-filter-actions .filter-action-row .clean-btn,
.admin-management-page .user-filter-actions .filter-action-row .btn-primary-clean{
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  border-radius:10px!important;
  padding:0 16px!important;
  font-size:13px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  white-space:nowrap!important;
}
@media(max-width:420px){
  .user-management-page .user-filter-actions .filter-action-row,
  .admin-management-page .user-filter-actions .filter-action-row{
    grid-template-columns:1fr!important;
  }
}


/* v1.0.25 - Wallet Ledger compact single-row desktop filter. */
@media (min-width:1100px){
  .wallet-ledger-page .filter-card .user-search-grid{
    grid-template-columns:minmax(300px,1.35fr) repeat(4,minmax(145px,1fr)) minmax(130px,.72fr) minmax(130px,.72fr)!important;
    gap:12px!important;
    align-items:end!important;
  }
  .wallet-ledger-page .filter-card .user-search-grid > .field,
  .wallet-ledger-page .filter-card .user-search-grid > .bo-range-field{
    min-width:0!important;
  }
  .wallet-ledger-page #ledgerSearchBtn,
  .wallet-ledger-page #ledgerResetBtn{
    width:100%!important;
    height:42px!important;
    min-height:42px!important;
    border-radius:10px!important;
    padding:0 16px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    white-space:nowrap!important;
  }
}
@media (min-width:768px) and (max-width:1099.98px){
  .wallet-ledger-page .filter-card .user-search-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

.referral-reward-config .ref-panel-head{margin-bottom:14px}.referral-reward-config .ref-panel-title small{display:block;margin-top:4px;color:#667085;font-weight:500}.referral-reward-config .ref-filter-actions{display:flex}.referral-reward-config .ref-filter-actions .clean-btn{width:100%}

/* Per-member referral reward override */
.ref-members-table th:nth-child(2),.ref-members-table td:nth-child(2){width:25%}
.ref-members-table th:nth-child(3),.ref-members-table td:nth-child(3){width:15%}
.ref-members-table th:nth-child(5),.ref-members-table td:nth-child(5){width:17%}
.ref-members-table th:nth-child(6),.ref-members-table td:nth-child(6){width:18%}
.ref-members-table th:nth-child(7),.ref-members-table td:nth-child(7){width:94px;text-align:center}
.ref-reward-setting{display:flex;flex-direction:column;gap:3px}.ref-reward-setting>b{font-size:11px;color:#182230}.ref-reward-setting small{width:max-content;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:900}.ref-reward-setting small.default{background:#eef2ff;color:#2563eb}.ref-reward-setting small.personal{background:#ecfdf3;color:#15803d}.ref-action-buttons{display:flex;align-items:center;justify-content:center;gap:6px}.ref-config-btn{height:34px;min-width:34px;border:0;border-radius:8px;background:#eef0ff;color:#2563eb;font-size:13px;font-weight:900;padding:0 10px}.ref-config-btn:hover{background:#2563eb;color:#fff}.ref-mobile-actions{display:grid;grid-template-columns:1fr auto;gap:8px}.ref-config-mobile{height:34px}.ref-mobile-grid .ref-reward-setting{align-items:flex-end}
.ref-reward-modal{position:fixed;inset:0;z-index:3000;display:none;align-items:center;justify-content:center;padding:18px}.ref-reward-modal.show{display:flex}.ref-reward-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(2px)}.ref-reward-dialog{position:relative;width:min(660px,100%);background:#fff;border-radius:18px;box-shadow:0 24px 80px rgba(15,23,42,.28);overflow:hidden}.ref-reward-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:20px 22px;border-bottom:1px solid #edf0f5}.ref-reward-dialog-head h3{font-size:18px;margin:0;color:#101828;font-weight:900}.ref-reward-dialog-head p{font-size:12px;color:#667085;margin:5px 0 0}.ref-reward-close{width:34px;height:34px;border:0;border-radius:9px;background:#f2f4f7;color:#344054}.ref-reward-dialog-body{padding:20px 22px}.ref-default-toggle{display:flex;align-items:flex-start;gap:11px;border:1px solid #dfe4ee;border-radius:12px;padding:13px;cursor:pointer}.ref-default-toggle input{margin-top:3px}.ref-default-toggle b,.ref-default-toggle small{display:block}.ref-default-toggle b{font-size:13px;color:#182230}.ref-default-toggle small{font-size:11px;color:#667085;margin-top:3px}.ref-member-config-fields{display:grid;grid-template-columns:105px minmax(0,1fr) 155px;gap:12px;margin-top:16px}.ref-member-config-fields>.field{min-width:0}.ref-member-config-fields .field label{display:block;line-height:1.35;overflow-wrap:anywhere}.ref-member-config-fields .field select,.ref-member-config-fields .field input{min-width:0;max-width:100%}.ref-member-config-fields.disabled{opacity:.45}.ref-effective-note{margin-top:15px;padding:11px 13px;border-radius:10px;background:#f7f8ff;color:#667085;font-size:12px}.ref-effective-note b{color:#182230}.ref-effective-note span{margin-left:5px;color:#2563eb;font-weight:800}.ref-reward-dialog-actions{display:flex;justify-content:flex-end;gap:10px;padding:15px 22px;border-top:1px solid #edf0f5;background:#fafbfc}
@media(max-width:767.98px){.ref-member-config-fields{grid-template-columns:1fr}.ref-reward-dialog{max-height:90vh;overflow:auto}.ref-reward-dialog-actions .clean-btn{width:auto}.ref-mobile-actions{grid-template-columns:1fr 1fr}}


/* v1.0.23 - Unified report date-range width and User Management action order */
/* Every generated Date Range control uses the same visual width as report pages. */
.bo-range-field,
.bo-date-range-field,
[data-bo-date-range],
.ref-date-field{
  min-width:0!important;
}
.bo-range-trigger,
.ref-range-trigger{
  width:100%!important;
}

/* Standard report-only date filter: Date Range stays compact instead of stretching. */
body[data-report-page] .filter-card .user-search-grid{
  grid-template-columns:minmax(320px,390px) minmax(140px,170px) minmax(140px,170px)!important;
  justify-content:start!important;
}
body[data-report-page] .filter-card .bo-range-field{
  grid-column:1!important;
  width:100%!important;
  max-width:430px!important;
}
body[data-report-page] .filter-card .field:has(#casinoResetBtn){grid-column:2!important}
body[data-report-page] .filter-card .field:has(#casinoSearchBtn){grid-column:3!important}

/* Provider reports/sessions: same Date Range width, remaining controls share available space. */
body:has(#betFrom) .filter-card .user-search-grid,
body:has(#txFrom) .filter-card .user-search-grid,
body:has(#sessionFrom) .filter-card .user-search-grid{
  grid-template-columns:minmax(320px,390px) repeat(3,minmax(140px,1fr)) minmax(130px,170px)!important;
  justify-content:stretch!important;
}
body:has(#betFrom) .filter-card .bo-range-field,
body:has(#txFrom) .filter-card .bo-range-field,
body:has(#sessionFrom) .filter-card .bo-range-field{
  grid-column:1!important;
  width:100%!important;
  max-width:430px!important;
}

/* Member Wallet Listing follows User Management: fields first, Reset then Search. */
body:has(#walletKeyword) .filter-card .user-search-grid{
  grid-template-columns:minmax(280px,1.7fr) minmax(130px,.7fr) minmax(130px,.75fr) minmax(160px,.9fr)!important;
}
body:has(#walletKeyword) .wallet-reset-field{grid-column:3!important}
body:has(#walletKeyword) .wallet-search-field{grid-column:4!important}
body:has(#walletKeyword) #walletResetBtn,
body:has(#walletKeyword) #walletSearchBtn{height:42px!important}

/* Wallet Ledger: standard Date Range first; compact Type/Page Size; Reset then Search. */
body:has(#ledgerFrom) .filter-card .user-search-grid{
  grid-template-columns:minmax(320px,390px) minmax(120px,.65fr) minmax(135px,.75fr) minmax(115px,.58fr) minmax(95px,.46fr) minmax(130px,.64fr) minmax(150px,.76fr)!important;
}
body:has(#ledgerFrom) .filter-card .bo-range-field{
  grid-column:1!important;
  width:100%!important;
  max-width:430px!important;
}
body:has(#ledgerFrom) .field:has(#ledgerMemberId){grid-column:2!important}
body:has(#ledgerFrom) .field:has(#ledgerProviderCode){grid-column:3!important}
body:has(#ledgerFrom) .field:has(#ledgerType){grid-column:4!important}
body:has(#ledgerFrom) .field:has(#ledgerSize){grid-column:5!important}
body:has(#ledgerFrom) .ledger-reset-field{grid-column:6!important}
body:has(#ledgerFrom) .ledger-search-field{grid-column:7!important}
body:has(#ledgerFrom) #ledgerResetBtn,
body:has(#ledgerFrom) #ledgerSearchBtn{height:42px!important}

/* Deposit / Withdraw approval use the same balanced filter and action order. */
body:has(#depositKeyword) .filter-card .user-search-grid,
body:has(#withdrawKeyword) .filter-card .user-search-grid{
  grid-template-columns:minmax(300px,1.6fr) minmax(150px,.8fr) minmax(110px,.55fr) minmax(130px,.68fr) minmax(160px,.82fr)!important;
}
body:has(#depositKeyword) .deposit-reset-field,
body:has(#withdrawKeyword) .withdraw-reset-field{grid-column:4!important}
body:has(#depositKeyword) .deposit-search-field,
body:has(#withdrawKeyword) .withdraw-search-field{grid-column:5!important}
body:has(#depositKeyword) #depositResetBtn,
body:has(#depositKeyword) #depositSearchBtn,
body:has(#withdrawKeyword) #withdrawResetBtn,
body:has(#withdrawKeyword) #withdrawSearchBtn{height:42px!important}

/* Referral Date Range follows the same standard width. */
body:has(#refDateTrigger) .referral-filter-grid{
  grid-template-columns:minmax(320px,390px) minmax(230px,1fr) minmax(150px,.75fr) minmax(130px,.65fr) minmax(160px,.8fr)!important;
}
body:has(#refDateTrigger) .ref-date-field{width:100%!important;max-width:430px!important}

@media(max-width:1200px){
  body[data-report-page] .filter-card .user-search-grid,
  body:has(#betFrom) .filter-card .user-search-grid,
  body:has(#txFrom) .filter-card .user-search-grid,
  body:has(#sessionFrom) .filter-card .user-search-grid,
  body:has(#ledgerFrom) .filter-card .user-search-grid,
  body:has(#walletKeyword) .filter-card .user-search-grid,
  body:has(#depositKeyword) .filter-card .user-search-grid,
  body:has(#withdrawKeyword) .filter-card .user-search-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body[data-report-page] .filter-card .bo-range-field,
  body:has(#betFrom) .filter-card .bo-range-field,
  body:has(#txFrom) .filter-card .bo-range-field,
  body:has(#sessionFrom) .filter-card .bo-range-field,
  body:has(#ledgerFrom) .filter-card .bo-range-field{
    grid-column:1/-1!important;
    max-width:none!important;
  }
  body:has(#walletKeyword) .wallet-reset-field,
  body:has(#walletKeyword) .wallet-search-field,
  body:has(#ledgerFrom) .ledger-reset-field,
  body:has(#ledgerFrom) .ledger-search-field,
  body:has(#depositKeyword) .deposit-reset-field,
  body:has(#depositKeyword) .deposit-search-field,
  body:has(#withdrawKeyword) .withdraw-reset-field,
  body:has(#withdrawKeyword) .withdraw-search-field{grid-column:auto!important}
}
@media(max-width:700px){
  body[data-report-page] .filter-card .user-search-grid,
  body:has(#betFrom) .filter-card .user-search-grid,
  body:has(#txFrom) .filter-card .user-search-grid,
  body:has(#sessionFrom) .filter-card .user-search-grid,
  body:has(#ledgerFrom) .filter-card .user-search-grid,
  body:has(#walletKeyword) .filter-card .user-search-grid,
  body:has(#depositKeyword) .filter-card .user-search-grid,
  body:has(#withdrawKeyword) .filter-card .user-search-grid{
    grid-template-columns:1fr!important;
  }
  body:has(#walletKeyword) .wallet-reset-field,
  body:has(#walletKeyword) .wallet-search-field,
  body:has(#ledgerFrom) .ledger-reset-field,
  body:has(#ledgerFrom) .ledger-search-field,
  body:has(#depositKeyword) .deposit-reset-field,
  body:has(#depositKeyword) .deposit-search-field,
  body:has(#withdrawKeyword) .withdraw-reset-field,
  body:has(#withdrawKeyword) .withdraw-search-field{grid-column:auto!important}
}

/* v1.0.24 - Date Range trigger width matches the calendar popup width. */
@media (min-width:768px){
  .bo-range-field,
  .bo-date-range-field,
  [data-bo-date-range],
  .ref-date-field,
  .ref-range-wrap{
    width:390px!important;
    min-width:390px!important;
    max-width:390px!important;
  }

  .bo-range-trigger,
  .ref-range-trigger{
    width:390px!important;
    min-width:390px!important;
    max-width:390px!important;
  }

  .bo-range-pop,
  .ref-range-picker{
    width:390px!important;
    max-width:390px!important;
  }


  body[data-report-page] .filter-card .bo-range-field,
  body:has(#betFrom) .filter-card .bo-range-field,
  body:has(#txFrom) .filter-card .bo-range-field,
  body:has(#sessionFrom) .filter-card .bo-range-field,
  body:has(#ledgerFrom) .filter-card .bo-range-field{
    width:390px!important;
    min-width:390px!important;
    max-width:390px!important;
  }
}

@media (max-width:767.98px){
  .bo-range-field,
  .bo-date-range-field,
  [data-bo-date-range],
  .ref-date-field,
  .ref-range-wrap,
  .bo-range-trigger,
  .ref-range-trigger{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
}

/* v1.0.26 - compact report filters and User Management action standard */
@media (min-width:1100px){
  /* Provider Sessions: one compact row without stretching every field across the card. */
  body:has(#sessionFrom) .filter-card .user-search-grid{
    grid-template-columns:390px 210px 210px 190px 170px 124px!important;
    gap:12px!important;
    justify-content:start!important;
    align-items:end!important;
  }

  /* Provider Bet Report: one compact row with balanced field widths. */
  .provider-bet-report-page .filter-card .user-search-grid{
    grid-template-columns:390px 190px 190px 180px 170px 124px!important;
    gap:12px!important;
    justify-content:start!important;
    align-items:end!important;
  }

  /* Provider Transactions intentionally uses two balanced rows instead of squeezed controls. */
  .provider-transaction-page .pwt-filter-grid{
    grid-template-columns:repeat(4,minmax(210px,260px))!important;
    gap:14px 16px!important;
    justify-content:start!important;
    align-items:end!important;
  }
  .provider-transaction-page .tx-filter-actions{
    grid-column:auto!important;
  }

  /* Member Wallet keeps normal control widths and grouped actions like User Management. */
  .member-wallet-page .user-search-grid{
    grid-template-columns:minmax(320px,460px) 150px 260px!important;
    gap:16px!important;
    justify-content:start!important;
  }
}

/* Every casino report keeps Date Range, Search and Today on one compact row. */
body[data-report-page] .filter-card .user-search-grid{
  display:grid!important;
  grid-template-columns:390px 124px 124px!important;
  gap:12px!important;
  justify-content:start!important;
  align-items:end!important;
}
body[data-report-page] .filter-card .field:has(#casinoSearchBtn),
body[data-report-page] .filter-card .field:has(#casinoResetBtn){
  width:124px!important;
  max-width:124px!important;
  justify-self:start!important;
}

/* Reset + Search grouped in the same standard action cell. */
.member-wallet-page .wallet-filter-actions .filter-action-row,
.provider-transaction-page .tx-filter-actions .filter-action-row{
  display:grid!important;
  grid-template-columns:.72fr 1fr!important;
  gap:12px!important;
  width:100%!important;
}
.member-wallet-page .wallet-filter-actions button,
.provider-transaction-page .tx-filter-actions button{
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  border-radius:10px!important;
  padding:0 16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  white-space:nowrap!important;
}

@media (min-width:768px) and (max-width:1099.98px){
  body:has(#sessionFrom) .filter-card .user-search-grid,
  .provider-bet-report-page .filter-card .user-search-grid,
  .provider-transaction-page .pwt-filter-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .member-wallet-page .user-search-grid{
    grid-template-columns:1fr 160px 260px!important;
  }
}
@media (max-width:767.98px){
  body[data-report-page] .filter-card .user-search-grid{
    grid-template-columns:1fr 1fr!important;
  }
  body[data-report-page] .filter-card .bo-range-field{grid-column:1/-1!important}
  .provider-transaction-page .pwt-filter-grid,
  .member-wallet-page .user-search-grid{grid-template-columns:1fr 1fr!important}
  .member-wallet-page .wallet-filter-actions,
  .provider-transaction-page .tx-filter-actions{grid-column:1/-1!important}
}
@media (max-width:575.98px){
  body[data-report-page] .filter-card .user-search-grid,
  body:has(#sessionFrom) .filter-card .user-search-grid,
  .provider-bet-report-page .filter-card .user-search-grid,
  .provider-transaction-page .pwt-filter-grid,
  .member-wallet-page .user-search-grid{grid-template-columns:1fr!important}
  .member-wallet-page .wallet-filter-actions .filter-action-row,
  .provider-transaction-page .tx-filter-actions .filter-action-row{grid-template-columns:1fr 1fr!important}
}

/* v1.0.27 - final report filter alignment standardisation */
@media (min-width:1400px){
  /* Wallet Ledger: fixed compact columns and the same 12px gap between every control. */
  .wallet-ledger-page .filter-card .user-search-grid{
    grid-template-columns:390px 160px 190px 150px 120px 168px 200px!important;
    column-gap:12px!important;
    row-gap:12px!important;
    justify-content:start!important;
    align-items:end!important;
  }

  /* Provider Bet Report follows the exact Provider Sessions filter rhythm. */
  .provider-bet-report-page .filter-card .user-search-grid{
    grid-template-columns:390px 210px 210px 190px 170px 124px!important;
    gap:12px!important;
    justify-content:start!important;
    align-items:end!important;
  }

  /* Provider Transactions: wide Date Range column prevents collision with Member ID. */
  .provider-transaction-page .pwt-filter-grid{
    grid-template-columns:390px 260px 260px 260px!important;
    column-gap:16px!important;
    row-gap:14px!important;
    justify-content:start!important;
    align-items:end!important;
  }
  .provider-transaction-page .pwt-filter-grid .bo-range-field{
    width:390px!important;
    min-width:390px!important;
    max-width:390px!important;
    grid-column:auto!important;
  }
  .provider-transaction-page .tx-filter-actions{
    grid-column:auto!important;
    width:260px!important;
  }
}

/* Casino report filter order: Date Range -> Search -> Today, always on one desktop row. */
@media (min-width:768px){
  body[data-report-page] .filter-card .user-search-grid{
    grid-template-columns:390px 124px 124px!important;
    gap:12px!important;
    justify-content:start!important;
    align-items:end!important;
  }
  body[data-report-page] .filter-card .field:has(#casinoSearchBtn){
    grid-column:2!important;
    grid-row:1!important;
  }
  body[data-report-page] .filter-card .field:has(#casinoResetBtn){
    grid-column:3!important;
    grid-row:1!important;
  }
}

/* Mid-size desktop/tablet: wrap cleanly instead of squeezing or overlapping controls. */
@media (min-width:768px) and (max-width:1399.98px){
  .wallet-ledger-page .filter-card .user-search-grid,
  .provider-bet-report-page .filter-card .user-search-grid,
  body:has(#sessionFrom) .filter-card .user-search-grid,
  .provider-transaction-page .pwt-filter-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .wallet-ledger-page .filter-card .bo-range-field,
  .provider-bet-report-page .filter-card .bo-range-field,
  body:has(#sessionFrom) .filter-card .bo-range-field,
  .provider-transaction-page .pwt-filter-grid .bo-range-field{
    grid-column:1/-1!important;
    width:390px!important;
    min-width:390px!important;
    max-width:390px!important;
  }
  .provider-transaction-page .tx-filter-actions{
    grid-column:auto!important;
    width:auto!important;
  }
}

/* v1.0.28 - strict report filter placement */
@media (min-width:1400px){
  /* Wallet Ledger: fixed columns with a true 12px gap after Date Range. */
  .wallet-ledger-page .filter-card .user-search-grid{
    display:grid!important;
    grid-template-columns:390px 170px 198px 152px 120px 168px 200px!important;
    gap:12px!important;
    justify-content:start!important;
    align-items:end!important;
  }
  .wallet-ledger-page .filter-card .bo-range-field{grid-column:1!important;grid-row:1!important;width:390px!important;min-width:390px!important;max-width:390px!important;margin:0!important}
  .wallet-ledger-page .filter-card .field:has(#ledgerMemberId){grid-column:2!important;grid-row:1!important}
  .wallet-ledger-page .filter-card .field:has(#ledgerProviderCode){grid-column:3!important;grid-row:1!important}
  .wallet-ledger-page .filter-card .field:has(#ledgerType){grid-column:4!important;grid-row:1!important}
  .wallet-ledger-page .filter-card .field:has(#ledgerSize){grid-column:5!important;grid-row:1!important}
  .wallet-ledger-page .filter-card .ledger-reset-field{grid-column:6!important;grid-row:1!important}
  .wallet-ledger-page .filter-card .ledger-search-field{grid-column:7!important;grid-row:1!important}

  /* Provider Bet Report: identical one-row rhythm to Provider Sessions. */
  .provider-bet-report-page .filter-card .user-search-grid{
    display:grid!important;
    grid-template-columns:390px 210px 210px 190px 170px 124px!important;
    gap:12px!important;
    justify-content:start!important;
    align-items:end!important;
  }
  .provider-bet-report-page .filter-card .bo-range-field{grid-column:1!important;grid-row:1!important;width:390px!important;min-width:390px!important;max-width:390px!important;margin:0!important}
  .provider-bet-report-page .filter-card .field:has(#betMemberId){grid-column:2!important;grid-row:1!important}
  .provider-bet-report-page .filter-card .field:has(#betProviderCode){grid-column:3!important;grid-row:1!important}
  .provider-bet-report-page .filter-card .field:has(#betGameCode){grid-column:4!important;grid-row:1!important}
  .provider-bet-report-page .filter-card .field:has(#betEventType){grid-column:5!important;grid-row:1!important}
  .provider-bet-report-page .filter-card .field:has(#betSearchBtn){grid-column:6!important;grid-row:1!important;width:124px!important;max-width:124px!important}

  /* Provider Transactions: all inputs including Status on row 1; actions only on row 2. */
  .provider-transaction-page .pwt-filter-grid{
    display:grid!important;
    grid-template-columns:390px 210px 260px 260px 180px!important;
    gap:12px!important;
    justify-content:start!important;
    align-items:end!important;
  }
  .provider-transaction-page .pwt-filter-grid .bo-range-field{grid-column:1!important;grid-row:1!important;width:390px!important;min-width:390px!important;max-width:390px!important;margin:0!important}
  .provider-transaction-page .pwt-filter-grid .field:has(#txMemberId){grid-column:2!important;grid-row:1!important}
  .provider-transaction-page .pwt-filter-grid .field:has(#txProviderCode){grid-column:3!important;grid-row:1!important}
  .provider-transaction-page .pwt-filter-grid .field:has(#txType){grid-column:4!important;grid-row:1!important}
  .provider-transaction-page .pwt-filter-grid .field:has(#txStatus){grid-column:5!important;grid-row:1!important}
  .provider-transaction-page .tx-filter-actions{grid-column:1 / span 2!important;grid-row:2!important;width:390px!important;max-width:390px!important}
  .provider-transaction-page .tx-filter-actions .filter-action-row{display:grid!important;grid-template-columns:104px 144px!important;gap:12px!important;justify-content:start!important;width:auto!important}
}

/* v1.0.29 - one-row provider transactions + iPad/tablet report safety */

/* Provider Transactions: keep the complete filter, including actions, on one desktop row. */
@media (min-width:1400px){
  .provider-transaction-page .pwt-filter-grid{
    display:grid!important;
    grid-template-columns:390px 170px 180px 220px 150px 260px!important;
    column-gap:12px!important;
    row-gap:12px!important;
    justify-content:start!important;
    align-items:end!important;
  }
  .provider-transaction-page .pwt-filter-grid .bo-range-field{
    grid-column:1!important;
    grid-row:1!important;
    width:390px!important;
    min-width:390px!important;
    max-width:390px!important;
    margin:0!important;
  }
  .provider-transaction-page .pwt-filter-grid .field:has(#txMemberId){grid-column:2!important;grid-row:1!important}
  .provider-transaction-page .pwt-filter-grid .field:has(#txProviderCode){grid-column:3!important;grid-row:1!important}
  .provider-transaction-page .pwt-filter-grid .field:has(#txType){grid-column:4!important;grid-row:1!important}
  .provider-transaction-page .pwt-filter-grid .field:has(#txStatus){grid-column:5!important;grid-row:1!important}
  .provider-transaction-page .tx-filter-actions{
    grid-column:6!important;
    grid-row:1!important;
    width:260px!important;
    min-width:260px!important;
    max-width:260px!important;
  }
  .provider-transaction-page .tx-filter-actions .filter-action-row{
    display:grid!important;
    grid-template-columns:104px 144px!important;
    gap:12px!important;
    justify-content:start!important;
    width:260px!important;
  }
}

/* iPad/tablet: report filters wrap predictably and never exceed the content card. */
@media (min-width:768px) and (max-width:1399.98px){
  .provider-transaction-page .pwt-filter-grid,
  .provider-bet-report-page .filter-card .user-search-grid,
  body:has(#sessionFrom) .filter-card .user-search-grid,
  .wallet-ledger-page .filter-card .user-search-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
    align-items:end!important;
    width:100%!important;
    min-width:0!important;
  }
  .provider-transaction-page .pwt-filter-grid > .field,
  .provider-bet-report-page .filter-card .user-search-grid > .field,
  body:has(#sessionFrom) .filter-card .user-search-grid > .field,
  .wallet-ledger-page .filter-card .user-search-grid > .field{
    min-width:0!important;
    max-width:none!important;
  }
  .provider-transaction-page .pwt-filter-grid .bo-range-field,
  .provider-bet-report-page .filter-card .bo-range-field,
  body:has(#sessionFrom) .filter-card .bo-range-field,
  .wallet-ledger-page .filter-card .bo-range-field{
    grid-column:1/-1!important;
    width:min(390px,100%)!important;
    min-width:0!important;
    max-width:390px!important;
  }
  .provider-transaction-page .tx-filter-actions{
    grid-column:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  .provider-transaction-page .tx-filter-actions .filter-action-row{
    grid-template-columns:minmax(88px,.72fr) minmax(112px,1fr)!important;
    width:100%!important;
  }

  /* Casino reports: preserve Date Range -> Search -> Today order on iPad. */
  body[data-report-page] .filter-card .user-search-grid{
    display:grid!important;
    grid-template-columns:minmax(0,390px) 124px 124px!important;
    gap:12px!important;
    justify-content:start!important;
    align-items:end!important;
    width:100%!important;
  }
  body[data-report-page] .filter-card .bo-range-field{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:390px!important;
  }
  body[data-report-page] .filter-card .field:has(#casinoSearchBtn){grid-column:2!important;grid-row:1!important}
  body[data-report-page] .filter-card .field:has(#casinoResetBtn){grid-column:3!important;grid-row:1!important}
}

/* Narrow tablet / large phone: date first, action buttons beneath it; no reversed visual order. */
@media (min-width:576px) and (max-width:767.98px){
  body[data-report-page] .filter-card .user-search-grid{
    display:grid!important;
    grid-template-columns:124px 124px!important;
    gap:12px!important;
    justify-content:start!important;
    align-items:end!important;
  }
  body[data-report-page] .filter-card .bo-range-field{
    grid-column:1/-1!important;
    grid-row:1!important;
    width:min(390px,100%)!important;
    min-width:0!important;
    max-width:390px!important;
  }
  body[data-report-page] .filter-card .field:has(#casinoSearchBtn){grid-column:1!important;grid-row:2!important}
  body[data-report-page] .filter-card .field:has(#casinoResetBtn){grid-column:2!important;grid-row:2!important}
}

/* Small screens: every report control remains inside the card. */
@media (max-width:575.98px){
  body[data-report-page] .filter-card .user-search-grid,
  .provider-transaction-page .pwt-filter-grid,
  .provider-bet-report-page .filter-card .user-search-grid,
  body:has(#sessionFrom) .filter-card .user-search-grid,
  .wallet-ledger-page .filter-card .user-search-grid{
    width:100%!important;
    min-width:0!important;
  }
  body[data-report-page] .filter-card .bo-range-field{
    grid-row:1!important;
  }
  body[data-report-page] .filter-card .field:has(#casinoSearchBtn){grid-row:2!important}
  body[data-report-page] .filter-card .field:has(#casinoResetBtn){grid-row:3!important}
}

/* v1.0.30 - Referral Network and Wallet Ledger iPad/tablet alignment fixes */
@media (min-width:768px) and (max-width:1199.98px){
  /* Referral Network: keep every control inside the card on iPad widths. */
  .referral-page .referral-filter-grid,
  body:has(#refDateTrigger) .referral-filter-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    width:100%!important;
    min-width:0!important;
    align-items:end!important;
  }
  .referral-page .referral-filter-grid > *,
  .referral-page .referral-filter-grid .field,
  .referral-page .ref-filter-actions{
    min-width:0!important;
    max-width:none!important;
    width:100%!important;
  }
  .referral-page .referral-filter-card:not(.referral-reward-config) .ref-date-field{
    grid-column:1!important;
    width:100%!important;
    max-width:none!important;
  }
  .referral-page .referral-filter-card:not(.referral-reward-config) .ref-filter-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  .referral-reward-config .ref-panel-title{
    display:block!important;
    width:100%!important;
  }
  .referral-reward-config .ref-panel-title span,
  .referral-reward-config .ref-panel-title small{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .referral-reward-config .ref-panel-title small{
    margin-top:6px!important;
    line-height:1.45!important;
  }
  .referral-reward-config .ref-filter-actions{
    display:flex!important;
  }
  .referral-reward-config .ref-filter-actions .clean-btn{
    width:100%!important;
    min-width:0!important;
    padding-inline:12px!important;
  }

  /* Wallet Ledger: date first, four compact fields second, actions last. */
  .wallet-ledger-page .filter-card .user-search-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
    width:100%!important;
    min-width:0!important;
    align-items:end!important;
  }
  .wallet-ledger-page .filter-card .bo-range-field{
    grid-column:1 / span 2!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
  }
  .wallet-ledger-page .filter-card .field:has(#ledgerMemberId){grid-column:1!important;grid-row:2!important}
  .wallet-ledger-page .filter-card .field:has(#ledgerProviderCode){grid-column:2!important;grid-row:2!important}
  .wallet-ledger-page .filter-card .field:has(#ledgerType){grid-column:3!important;grid-row:2!important}
  .wallet-ledger-page .filter-card .field:has(#ledgerSize){grid-column:4!important;grid-row:2!important}
  .wallet-ledger-page .filter-card .ledger-reset-field{grid-column:1 / span 2!important;grid-row:3!important}
  .wallet-ledger-page .filter-card .ledger-search-field{grid-column:3 / span 2!important;grid-row:3!important}
  .wallet-ledger-page .filter-card .user-search-grid > .field,
  .wallet-ledger-page .filter-card .user-search-grid > .bo-range-field{
    min-width:0!important;
    max-width:none!important;
    width:100%!important;
  }
}

/* v1.0.31 - Wallet Ledger iPad exact grid placement (override legacy ID-specific rules) */
@media (min-width:768px) and (max-width:1199.98px){
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .user-search-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1.35fr) minmax(0,1.15fr) minmax(0,.48fr) minmax(0,.42fr)!important;
    column-gap:12px!important;
    row-gap:16px!important;
    align-items:end!important;
    width:100%!important;
    min-width:0!important;
  }
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .bo-range-field{
    grid-column:1 / span 2!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
  }
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .field:has(#ledgerMemberId){
    grid-column:1!important;
    grid-row:2!important;
  }
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .field:has(#ledgerProviderCode){
    grid-column:2!important;
    grid-row:2!important;
  }
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .field:has(#ledgerType){
    grid-column:3!important;
    grid-row:2!important;
  }
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .field:has(#ledgerSize){
    grid-column:4!important;
    grid-row:2!important;
  }
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .ledger-reset-field{
    grid-column:1!important;
    grid-row:3!important;
  }
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .ledger-search-field{
    grid-column:2!important;
    grid-row:3!important;
  }
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .user-search-grid > .field,
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .user-search-grid > .bo-range-field{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
}

/* v1.0.32 - iPad/tablet compact date ranges + iPad Pro referral configuration */
/* Tablet date-range controls use half of the 390px desktop width. Calendar popups keep
   their normal width so dates remain readable. Desktop mouse layouts are untouched. */
@media (min-width:768px) and (max-width:1199.98px),
       (min-width:1200px) and (max-width:1366px) and (hover:none) and (pointer:coarse){
  .bo-range-field,
  .bo-date-range-field,
  [data-bo-date-range],
  .ref-date-field,
  .ref-range-wrap,
  .bo-range-trigger,
  .ref-range-trigger,
  body[data-report-page] .filter-card .bo-range-field,
  body:has(#betFrom) .filter-card .bo-range-field,
  body:has(#txFrom) .filter-card .bo-range-field,
  body:has(#sessionFrom) .filter-card .bo-range-field,
  body:has(#ledgerFrom) .filter-card .bo-range-field{
    width:195px!important;
    min-width:195px!important;
    max-width:195px!important;
  }

  /* Keep the popup large enough for the two-month/date preset interface. */
  .bo-range-pop,
  .ref-range-picker{
    width:390px!important;
    max-width:min(390px,calc(100vw - 32px))!important;
  }
}

/* iPad Pro landscape/large-tablet only: give the save action a real column and stop
   the reward amount/button content from colliding. */
@media (min-width:1200px) and (max-width:1366px) and (hover:none) and (pointer:coarse){
  .referral-reward-config .referral-filter-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.62fr) minmax(0,1fr)!important;
    gap:14px!important;
    align-items:end!important;
    width:100%!important;
  }
  .referral-reward-config .referral-filter-grid > .field,
  .referral-reward-config .ref-filter-actions{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  .referral-reward-config .ref-filter-actions{
    display:flex!important;
  }
  .referral-reward-config .ref-filter-actions .clean-btn{
    width:100%!important;
    min-width:0!important;
    padding-inline:10px!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }
  .referral-reward-config .ref-panel-title{
    display:block!important;
    width:100%!important;
  }
  .referral-reward-config .ref-panel-title small{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin-top:6px!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    line-height:1.4!important;
  }

  /* Wallet Ledger remains one row on iPad Pro, now with a compact date range. */
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .user-search-grid{
    grid-template-columns:195px minmax(110px,1fr) minmax(120px,1fr) minmax(90px,.55fr) minmax(80px,.45fr) minmax(105px,.68fr) minmax(120px,.78fr)!important;
    gap:12px!important;
    align-items:end!important;
  }
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .bo-range-field,
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .field:has(#ledgerMemberId),
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .field:has(#ledgerProviderCode),
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .field:has(#ledgerType),
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .field:has(#ledgerSize),
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .ledger-reset-field,
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .ledger-search-field{
    grid-row:1!important;
  }
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .bo-range-field{grid-column:1!important}
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .field:has(#ledgerMemberId){grid-column:2!important}
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .field:has(#ledgerProviderCode){grid-column:3!important}
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .field:has(#ledgerType){grid-column:4!important}
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .field:has(#ledgerSize){grid-column:5!important}
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .ledger-reset-field{grid-column:6!important}
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .ledger-search-field{grid-column:7!important}
}

/* v1.0.33 - Compact tablet date-range flow: following controls start immediately after date */
@media (min-width:768px) and (max-width:1199.98px),
       (min-width:1200px) and (max-width:1366px) and (hover:none) and (pointer:coarse){
  /* Referral filter: remove the unused half-column left behind by the compact date control. */
  .referral-page .referral-filter-card:not(.referral-reward-config) .referral-filter-grid,
  body:has(#refDateTrigger) .referral-filter-card:not(.referral-reward-config) .referral-filter-grid{
    display:grid!important;
    grid-template-columns:195px minmax(190px,1fr) minmax(110px,.58fr) auto!important;
    gap:12px!important;
    justify-content:start!important;
    align-items:end!important;
  }
  .referral-page .referral-filter-card:not(.referral-reward-config) .ref-date-field{
    grid-column:1!important;
    grid-row:1!important;
  }
  .referral-page .referral-filter-card:not(.referral-reward-config) .referral-filter-grid > .field:nth-child(2){
    grid-column:2!important;
    grid-row:1!important;
  }
  .referral-page .referral-filter-card:not(.referral-reward-config) .referral-filter-grid > .field:nth-child(3){
    grid-column:3!important;
    grid-row:1!important;
  }
  .referral-page .referral-filter-card:not(.referral-reward-config) .ref-filter-actions{
    grid-column:4!important;
    grid-row:1!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(78px,1fr))!important;
    width:auto!important;
  }

  /* Simple casino report filters: Date Range, Search and Today stay tightly grouped. */
  body[data-report-page] .filter-card .user-search-grid{
    grid-template-columns:195px 124px 124px!important;
    justify-content:start!important;
  }
  body[data-report-page] .filter-card .bo-range-field{grid-column:1!important;grid-row:1!important}
  body[data-report-page] .filter-card .field:has(#casinoSearchBtn){grid-column:2!important;grid-row:1!important}
  body[data-report-page] .filter-card .field:has(#casinoResetBtn){grid-column:3!important;grid-row:1!important}

  /* Provider report/session filters: compact date occupies only its real column. */
  .provider-bet-report-page .filter-card .user-search-grid,
  body:has(#sessionFrom) .filter-card .user-search-grid{
    grid-template-columns:195px repeat(2,minmax(120px,1fr))!important;
    grid-auto-flow:row!important;
    gap:12px!important;
    justify-content:stretch!important;
  }
  .provider-bet-report-page .filter-card .bo-range-field,
  body:has(#sessionFrom) .filter-card .bo-range-field{
    grid-column:1!important;
    grid-row:1!important;
  }

  /* Provider Transactions follows the same compact flow without a blank date column. */
  .provider-transaction-page .pwt-filter-grid{
    grid-template-columns:195px repeat(2,minmax(120px,1fr))!important;
    grid-auto-flow:row!important;
    gap:12px!important;
    justify-content:stretch!important;
  }
  .provider-transaction-page .pwt-filter-grid .bo-range-field{
    grid-column:1!important;
    grid-row:1!important;
  }

  /* Wallet Ledger at regular tablet widths: continue fields directly after Date Range. */
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .user-search-grid{
    grid-template-columns:195px minmax(125px,1fr) minmax(135px,1fr) minmax(85px,.55fr)!important;
    gap:12px!important;
    align-items:end!important;
  }
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .bo-range-field{grid-column:1!important;grid-row:1!important}
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .field:has(#ledgerMemberId){grid-column:2!important;grid-row:1!important}
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .field:has(#ledgerProviderCode){grid-column:3!important;grid-row:1!important}
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .field:has(#ledgerType){grid-column:4!important;grid-row:1!important}
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .field:has(#ledgerSize){grid-column:1!important;grid-row:2!important}
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .ledger-reset-field{grid-column:2!important;grid-row:2!important}
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .ledger-search-field{grid-column:3!important;grid-row:2!important}
}

/* Keep the established one-row Wallet Ledger layout on iPad Pro. */
@media (min-width:1200px) and (max-width:1366px) and (hover:none) and (pointer:coarse){
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .user-search-grid{
    grid-template-columns:195px minmax(110px,1fr) minmax(120px,1fr) minmax(90px,.55fr) minmax(80px,.45fr) minmax(105px,.68fr) minmax(120px,.78fr)!important;
  }
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .field:has(#ledgerSize){grid-column:5!important;grid-row:1!important}
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .ledger-reset-field{grid-column:6!important;grid-row:1!important}
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .ledger-search-field{grid-column:7!important;grid-row:1!important}
}

/* v1.0.34 - Provider Bet Report iPad Pro compact continuous filter flow */
@media (min-width:1200px) and (max-width:1366px){
  .provider-bet-report-page .filter-card .user-search-grid{
    display:grid!important;
    grid-template-columns:195px repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
    align-items:end!important;
    justify-content:start!important;
  }
  .provider-bet-report-page .filter-card .bo-range-field{
    grid-column:1!important;
    grid-row:1!important;
    width:195px!important;
    min-width:195px!important;
    max-width:195px!important;
    margin:0!important;
  }
  .provider-bet-report-page .filter-card .field:has(#betMemberId){grid-column:2!important;grid-row:1!important}
  .provider-bet-report-page .filter-card .field:has(#betProviderCode){grid-column:3!important;grid-row:1!important}
  .provider-bet-report-page .filter-card .field:has(#betGameCode){grid-column:4!important;grid-row:1!important}
  .provider-bet-report-page .filter-card .field:has(#betEventType){grid-column:5!important;grid-row:1!important}
  .provider-bet-report-page .filter-card .field:has(#betSearchBtn){
    grid-column:1!important;
    grid-row:2!important;
    width:124px!important;
    max-width:124px!important;
    margin:6px 0 0!important;
  }
  .provider-bet-report-page .filter-card .user-search-grid > .field{
    min-width:0!important;
    width:100%!important;
    max-width:none!important;
  }
}

/* v1.0.35 - Mobile filter/input responsiveness across BO pages */
@media (max-width:767.98px){
  /* Never allow a filter control to keep tablet/desktop fixed widths on phones. */
  .filter-card,
  .referral-filter-card,
  .game-filter-card,
  .category-filter-card,
  .promotion-filter-card{
    min-width:0!important;
    overflow:visible!important;
  }
  .filter-card .user-search-grid,
  body[data-report-page] .filter-card .user-search-grid,
  .provider-bet-report-page .filter-card .user-search-grid,
  body:has(#betFrom) .filter-card .user-search-grid,
  body:has(#sessionFrom) .filter-card .user-search-grid,
  body:has(#ledgerFrom) .filter-card .user-search-grid,
  body:has(#walletKeyword) .filter-card .user-search-grid,
  body:has(#depositKeyword) .filter-card .user-search-grid,
  body:has(#withdrawKeyword) .filter-card .user-search-grid,
  .provider-transaction-page .pwt-filter-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-flow:row!important;
    gap:12px!important;
    width:100%!important;
    min-width:0!important;
  }
  .filter-card .user-search-grid > *,
  .provider-transaction-page .pwt-filter-grid > *,
  .referral-filter-grid > *{
    grid-column:1!important;
    grid-row:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    justify-self:stretch!important;
  }
  .bo-range-field,
  .bo-date-range-field,
  [data-bo-date-range],
  .bo-range-trigger,
  .ref-date-field,
  .ref-range-wrap,
  .ref-range-trigger,
  body[data-report-page] .filter-card .bo-range-field,
  body:has(#betFrom) .filter-card .bo-range-field,
  body:has(#txFrom) .filter-card .bo-range-field,
  body:has(#sessionFrom) .filter-card .bo-range-field,
  body:has(#ledgerFrom) .filter-card .bo-range-field{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  .bo-range-trigger,
  .ref-range-trigger{
    display:flex!important;
    overflow:hidden!important;
  }
  .bo-range-trigger > span:not(.bo-range-icon),
  .ref-range-trigger > span:not(.ref-range-icon){
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .bo-range-pop,
  .ref-range-picker{
    width:min(390px,calc(100vw - 28px))!important;
    min-width:0!important;
    max-width:calc(100vw - 28px)!important;
    left:0!important;
    right:auto!important;
  }

  /* Referral configuration and search filters stack cleanly instead of overflowing sideways. */
  .referral-reward-config .referral-filter-grid,
  .referral-page .referral-filter-card:not(.referral-reward-config) .referral-filter-grid,
  body:has(#refDateTrigger) .referral-filter-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
    width:100%!important;
  }
  .referral-reward-config .ref-panel-title small{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .referral-filter-grid .field input,
  .referral-filter-grid .field select,
  .filter-card .field input,
  .filter-card .field select,
  .pwt-filter-grid .field input,
  .pwt-filter-grid .field select{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  .referral-reward-config .ref-filter-actions{
    display:block!important;
  }
  .referral-reward-config .ref-filter-actions .clean-btn{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    white-space:normal!important;
  }
  .referral-page .referral-filter-card:not(.referral-reward-config) .ref-filter-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  /* All standard action rows stay visible and balanced. */
  .ledger-reset-field,
  .ledger-search-field,
  .wallet-reset-field,
  .wallet-search-field,
  .deposit-reset-field,
  .deposit-search-field,
  .withdraw-reset-field,
  .withdraw-search-field,
  .action-field,
  .user-search-grid .field:has(button){
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  .filter-card button.clean-btn,
  .filter-card .field > button,
  .pwt-filter-grid button,
  #ledgerResetBtn,#ledgerSearchBtn,
  #betSearchBtn,#sessionSearchBtn,
  #depositResetBtn,#depositSearchBtn,
  #withdrawResetBtn,#withdrawSearchBtn,
  #walletResetBtn,#walletSearchBtn{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }

  /* Wallet Ledger uses full-width fields and keeps Reset/Search side by side. */
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .user-search-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .bo-range-field,
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .field:has(#ledgerMemberId),
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .field:has(#ledgerProviderCode),
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .field:has(#ledgerType),
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .field:has(#ledgerSize){
    grid-column:1/-1!important;
  }
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .ledger-reset-field{grid-column:1!important}
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .ledger-search-field{grid-column:2!important}
}

@media (max-width:420px){
  .report-content{padding-left:8px!important;padding-right:8px!important}
  .filter-card,.referral-filter-card{padding:14px!important}
  .referral-page .referral-filter-card:not(.referral-reward-config) .ref-filter-actions{
    grid-template-columns:1fr 1fr!important;
  }
}

/* v1.0.36 - Casino report mobile filter alignment */
@media (max-width:767.98px){
  body[data-report-page] .filter-card .user-search-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:10px!important;
    align-items:end!important;
    width:100%!important;
    min-width:0!important;
  }
  body[data-report-page] .filter-card .user-search-grid > .bo-range-field{
    grid-column:1/-1!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  body[data-report-page] .filter-card .user-search-grid > .field:has(#casinoSearchBtn){
    grid-column:1!important;
    grid-row:2!important;
  }
  body[data-report-page] .filter-card .user-search-grid > .field:has(#casinoResetBtn){
    grid-column:2!important;
    grid-row:2!important;
  }
  body[data-report-page] .filter-card .user-search-grid > .field:has(#casinoSearchBtn),
  body[data-report-page] .filter-card .user-search-grid > .field:has(#casinoResetBtn){
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
  }
  body[data-report-page] .filter-card .user-search-grid > .field:has(#casinoSearchBtn) > label,
  body[data-report-page] .filter-card .user-search-grid > .field:has(#casinoResetBtn) > label{
    display:none!important;
  }
  body[data-report-page] #casinoSearchBtn,
  body[data-report-page] #casinoResetBtn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    white-space:nowrap!important;
  }
  body[data-report-page] .filter-card > #casinoRangeText{
    display:block!important;
    margin-top:10px!important;
    overflow-wrap:anywhere!important;
  }
}

/* Layout Section responsive stacking: tablet/iPad/mobile only */
@media (max-width: 1500px) {
  .layout-editor-shell {
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 0;
  }

  .layout-section-menu {
    width: 100%;
    max-width: none;
    max-height: none;
    border-right: 0 !important;
    border-bottom: 1px solid var(--line);
  }

  .layout-section-item {
    width: 100%;
  }

  .layout-editor-main {
    width: 100%;
    min-width: 0;
  }

  .layout-code-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100%;
    min-height: 0;
  }

  .layout-code-pane,
  .layout-code-editor,
  .layout-code-input-wrap,
  .layout-code-highlight,
  .layout-code-pane textarea {
    width: 100%;
    min-width: 0;
  }

  .layout-code-editor,
  .layout-code-input-wrap,
  .layout-code-highlight,
  .layout-code-pane textarea {
    min-height: 320px;
  }
}

@media (max-width: 760px) {
  .layout-page-card {
    padding: 14px;
  }

  .layout-page-title {
    align-items: flex-start;
  }

  .layout-editor-actions {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .layout-editor-actions .clean-btn {
    width: 100%;
    justify-content: center;
  }

  .layout-editor-main {
    padding: 12px;
  }

  .layout-code-editor {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .layout-code-editor,
  .layout-code-input-wrap,
  .layout-code-highlight,
  .layout-code-pane textarea {
    min-height: 280px;
  }
}

/* v1.0.38 - MacBook 13-inch compact date-range sizing
   Keep large desktop styling unchanged, but reduce the 390px date control to 75%
   on laptop-width mouse/trackpad screens so following filters stay inside the card. */
@media (min-width:1200px) and (max-width:1599.98px) and (hover:hover) and (pointer:fine){
  .bo-range-field,
  .bo-date-range-field,
  [data-bo-date-range],
  .ref-date-field,
  .ref-range-wrap,
  body[data-report-page] .filter-card .bo-range-field,
  body:has(#betFrom) .filter-card .bo-range-field,
  body:has(#txFrom) .filter-card .bo-range-field,
  body:has(#sessionFrom) .filter-card .bo-range-field,
  body:has(#ledgerFrom) .filter-card .bo-range-field{
    width:292px!important;
    min-width:292px!important;
    max-width:292px!important;
  }

  /* Wallet Ledger: reserve the real compact width instead of allowing the date
     trigger to overlap Member ID. */
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .user-search-grid{
    display:grid!important;
    grid-template-columns:292px minmax(105px,1fr) minmax(110px,1fr) minmax(90px,.72fr) minmax(82px,.58fr) minmax(105px,.8fr) minmax(125px,1fr)!important;
    gap:12px!important;
    align-items:end!important;
    width:100%!important;
    min-width:0!important;
  }
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .bo-range-field{grid-column:1!important;grid-row:1!important;margin:0!important}
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .field:has(#ledgerMemberId){grid-column:2!important;grid-row:1!important}
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .field:has(#ledgerProviderCode){grid-column:3!important;grid-row:1!important}
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .field:has(#ledgerType){grid-column:4!important;grid-row:1!important}
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .field:has(#ledgerSize){grid-column:5!important;grid-row:1!important}
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .ledger-reset-field{grid-column:6!important;grid-row:1!important}
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .ledger-search-field{grid-column:7!important;grid-row:1!important}
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .user-search-grid > *{min-width:0!important;max-width:none!important}

  /* Provider Bet Report and Provider Sessions: compact first column and let the
     remaining filters share all available laptop width evenly. */
  .provider-bet-report-page .filter-card .user-search-grid,
  body:has(#sessionFrom) .filter-card .user-search-grid{
    display:grid!important;
    grid-template-columns:292px repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
    align-items:end!important;
    width:100%!important;
    min-width:0!important;
  }
  .provider-bet-report-page .filter-card .bo-range-field,
  body:has(#sessionFrom) .filter-card .bo-range-field{
    grid-column:1!important;
    grid-row:1!important;
    margin:0!important;
  }
  .provider-bet-report-page .filter-card .user-search-grid > *,
  body:has(#sessionFrom) .filter-card .user-search-grid > *{min-width:0!important;max-width:none!important}

  /* Provider Transactions: remove the oversized 390px reservation that pushed
     Status/actions outside the right edge on 13-inch MacBooks. */
  .provider-transaction-page .pwt-filter-grid{
    display:grid!important;
    grid-template-columns:292px minmax(125px,.8fr) minmax(140px,.9fr) minmax(180px,1.15fr) minmax(130px,.8fr) minmax(210px,1.2fr)!important;
    gap:12px!important;
    align-items:end!important;
    width:100%!important;
    min-width:0!important;
  }
  .provider-transaction-page .pwt-filter-grid .bo-range-field{grid-column:1!important;grid-row:1!important;margin:0!important}
  .provider-transaction-page .pwt-filter-grid .field:has(#txMemberId){grid-column:2!important;grid-row:1!important}
  .provider-transaction-page .pwt-filter-grid .field:has(#txProviderCode){grid-column:3!important;grid-row:1!important}
  .provider-transaction-page .pwt-filter-grid .field:has(#txType){grid-column:4!important;grid-row:1!important}
  .provider-transaction-page .pwt-filter-grid .field:has(#txStatus){grid-column:5!important;grid-row:1!important}
  .provider-transaction-page .tx-filter-actions{grid-column:6!important;grid-row:1!important;width:100%!important;min-width:0!important;max-width:none!important}
  .provider-transaction-page .tx-filter-actions .filter-action-row{width:100%!important;grid-template-columns:minmax(88px,.72fr) minmax(112px,1fr)!important}
  .provider-transaction-page .pwt-filter-grid > *{min-width:0!important;max-width:none!important}

  /* Simple report pages keep Search and Today directly after the compact date. */
  body[data-report-page] .filter-card .user-search-grid{
    grid-template-columns:292px 124px 124px!important;
    justify-content:start!important;
  }
}

/* v1.0.39 - Reliable 13-inch MacBook compact filters.
   Do not depend on hover/pointer detection because browser emulation and some
   trackpad environments can report a coarse pointer. */
@media (min-width:1200px) and (max-width:1799.98px){
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .user-search-grid{
    display:grid!important;
    grid-template-columns:292px minmax(120px,1fr) minmax(120px,.9fr) minmax(100px,.72fr) minmax(90px,.62fr) minmax(120px,.8fr) minmax(150px,1fr)!important;
    gap:12px!important;
    align-items:end!important;
    width:100%!important;
    min-width:0!important;
  }
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .bo-range-field,
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .bo-range-field .bo-range-trigger{
    width:292px!important;
    min-width:292px!important;
    max-width:292px!important;
  }
  body.wallet-ledger-page:has(#ledgerFrom) .filter-card .user-search-grid > *{
    min-width:0!important;
    max-width:none!important;
  }

  .provider-transaction-page .pwt-filter-grid{
    display:grid!important;
    grid-template-columns:292px minmax(120px,.78fr) minmax(135px,.88fr) minmax(180px,1.15fr) minmax(125px,.78fr) minmax(190px,1.08fr)!important;
    gap:12px!important;
    align-items:end!important;
    width:100%!important;
    min-width:0!important;
  }
  .provider-transaction-page .pwt-filter-grid .bo-range-field,
  .provider-transaction-page .pwt-filter-grid .bo-range-field .bo-range-trigger{
    width:292px!important;
    min-width:292px!important;
    max-width:292px!important;
  }
  .provider-transaction-page .tx-filter-actions{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  .provider-transaction-page .pwt-filter-grid > *{
    min-width:0!important;
    max-width:none!important;
  }

  .provider-bet-report-page .filter-card .user-search-grid,
  body:has(#sessionFrom) .filter-card .user-search-grid{
    display:grid!important;
    grid-template-columns:292px repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
    align-items:end!important;
    width:100%!important;
    min-width:0!important;
  }
  .provider-bet-report-page .filter-card .bo-range-field,
  .provider-bet-report-page .filter-card .bo-range-field .bo-range-trigger,
  body:has(#sessionFrom) .filter-card .bo-range-field,
  body:has(#sessionFrom) .filter-card .bo-range-field .bo-range-trigger{
    width:292px!important;
    min-width:292px!important;
    max-width:292px!important;
  }
  .provider-bet-report-page .filter-card .user-search-grid > *,
  body:has(#sessionFrom) .filter-card .user-search-grid > *{
    min-width:0!important;
    max-width:none!important;
  }
}

/* v1.0.40 - Width-safe desktop filter rows.
   Uses flexible grid tracks instead of viewport-specific fixed widths, so the
   layout remains stable at browser zoom levels and at 1367px+ dimensions. */
@media (min-width:992px){
  body.wallet-ledger-page .filter-card .user-search-grid{
    display:grid!important;
    grid-template-columns:minmax(220px,1.45fr) minmax(120px,.8fr) minmax(120px,.78fr) minmax(95px,.58fr) minmax(88px,.5fr) minmax(115px,.72fr) minmax(135px,.9fr)!important;
    gap:12px!important;
    align-items:end!important;
    width:100%!important;
    min-width:0!important;
  }
  body.wallet-ledger-page .filter-card .bo-range-field,
  body.wallet-ledger-page .filter-card .bo-range-field .bo-range-trigger{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  body.wallet-ledger-page .filter-card .bo-range-field{grid-column:1!important;grid-row:1!important}
  body.wallet-ledger-page .filter-card .field:has(#ledgerMemberId){grid-column:2!important;grid-row:1!important}
  body.wallet-ledger-page .filter-card .field:has(#ledgerProviderCode){grid-column:3!important;grid-row:1!important}
  body.wallet-ledger-page .filter-card .field:has(#ledgerType){grid-column:4!important;grid-row:1!important}
  body.wallet-ledger-page .filter-card .field:has(#ledgerSize){grid-column:5!important;grid-row:1!important}
  body.wallet-ledger-page .filter-card .ledger-reset-field{grid-column:6!important;grid-row:1!important}
  body.wallet-ledger-page .filter-card .ledger-search-field{grid-column:7!important;grid-row:1!important}
  body.wallet-ledger-page .filter-card .user-search-grid > *{
    min-width:0!important;
    max-width:none!important;
  }

  .provider-transaction-page .pwt-filter-grid,
  .provider-bet-report-page .filter-card .user-search-grid,
  body:has(#sessionFrom) .filter-card .user-search-grid{
    width:100%!important;
    min-width:0!important;
  }
  .provider-transaction-page .pwt-filter-grid .bo-range-field,
  .provider-transaction-page .pwt-filter-grid .bo-range-trigger,
  .provider-bet-report-page .filter-card .bo-range-field,
  .provider-bet-report-page .filter-card .bo-range-trigger,
  body:has(#sessionFrom) .filter-card .bo-range-field,
  body:has(#sessionFrom) .filter-card .bo-range-trigger{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
}

/* v1.0.41 - Stable compact-desktop Wallet Ledger filters.
   At 1367px-class viewports the sidebar leaves too little content width for
   seven controls in one row. Keep all fields readable and move only the two
   action buttons to a clean second row instead of allowing horizontal overflow. */
@media (min-width:992px) and (max-width:1499.98px){
  body.wallet-ledger-page .filter-card{
    overflow:hidden!important;
  }
  body.wallet-ledger-page .filter-card .user-search-grid{
    display:grid!important;
    grid-template-columns:minmax(220px,1.5fr) minmax(110px,.72fr) minmax(110px,.72fr) minmax(92px,.55fr) minmax(82px,.48fr)!important;
    gap:12px!important;
    align-items:end!important;
    width:100%!important;
    min-width:0!important;
  }
  body.wallet-ledger-page .filter-card .bo-range-field{grid-column:1!important;grid-row:1!important}
  body.wallet-ledger-page .filter-card .field:has(#ledgerMemberId){grid-column:2!important;grid-row:1!important}
  body.wallet-ledger-page .filter-card .field:has(#ledgerProviderCode){grid-column:3!important;grid-row:1!important}
  body.wallet-ledger-page .filter-card .field:has(#ledgerType){grid-column:4!important;grid-row:1!important}
  body.wallet-ledger-page .filter-card .field:has(#ledgerSize){grid-column:5!important;grid-row:1!important}
  body.wallet-ledger-page .filter-card .ledger-reset-field{
    grid-column:4!important;
    grid-row:2!important;
  }
  body.wallet-ledger-page .filter-card .ledger-search-field{
    grid-column:5!important;
    grid-row:2!important;
  }
  body.wallet-ledger-page .filter-card .bo-range-field,
  body.wallet-ledger-page .filter-card .bo-range-trigger,
  body.wallet-ledger-page .filter-card .user-search-grid > *{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  body.wallet-ledger-page .filter-card .ledger-reset-field label,
  body.wallet-ledger-page .filter-card .ledger-search-field label{
    display:none!important;
  }
}

/* v1.0.42 - Compact desktop action row starts from the left. */
@media (min-width:992px) and (max-width:1499.98px){
  body.wallet-ledger-page .filter-card .ledger-reset-field{
    grid-column:1!important;
    grid-row:2!important;
  }
  body.wallet-ledger-page .filter-card .ledger-search-field{
    grid-column:2!important;
    grid-row:2!important;
  }
}

/* v1.0.43 - MacBook compact filters: casino reports + Provider Transactions */
@media (min-width:1100px) and (max-width:1700px){
  /* All casino report pages: compact Date Range followed by Search and Today. */
  body[data-report-page] .filter-card .user-search-grid{
    grid-template-columns:292px 124px 124px!important;
    gap:12px!important;
    justify-content:start!important;
    align-items:end!important;
  }
  body[data-report-page] .filter-card .bo-range-field,
  body[data-report-page] .filter-card .bo-date-range-field,
  body[data-report-page] .filter-card [data-bo-date-range],
  body[data-report-page] .filter-card .bo-range-trigger{
    width:292px!important;
    min-width:292px!important;
    max-width:292px!important;
  }
  body[data-report-page] .filter-card .field:has(#casinoSearchBtn){
    grid-column:2!important;
    width:124px!important;
    max-width:124px!important;
  }
  body[data-report-page] .filter-card .field:has(#casinoResetBtn){
    grid-column:3!important;
    width:124px!important;
    max-width:124px!important;
  }

  /* Provider Transactions: keep every filter and both actions inside one row. */
  .provider-transaction-page .pwt-filter-grid{
    display:grid!important;
    grid-template-columns:292px minmax(120px,.72fr) minmax(135px,.8fr) minmax(190px,1.12fr) minmax(130px,.74fr) 220px!important;
    column-gap:12px!important;
    row-gap:12px!important;
    justify-content:stretch!important;
    align-items:end!important;
    width:100%!important;
  }
  .provider-transaction-page .pwt-filter-grid .bo-range-field,
  .provider-transaction-page .pwt-filter-grid .bo-date-range-field,
  .provider-transaction-page .pwt-filter-grid [data-bo-date-range],
  .provider-transaction-page .pwt-filter-grid .bo-range-trigger{
    grid-column:1!important;
    width:292px!important;
    min-width:292px!important;
    max-width:292px!important;
  }
  .provider-transaction-page .pwt-filter-grid > .field{
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
  }
  .provider-transaction-page .pwt-filter-grid input,
  .provider-transaction-page .pwt-filter-grid select{
    width:100%!important;
    min-width:0!important;
  }
  .provider-transaction-page .tx-filter-actions{
    grid-column:6!important;
    width:220px!important;
    min-width:220px!important;
    max-width:220px!important;
  }
  .provider-transaction-page .tx-filter-actions .filter-action-row{
    grid-template-columns:1fr 1.15fr!important;
    gap:10px!important;
  }
  .provider-transaction-page .tx-filter-actions button{
    min-width:0!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
}

/* v1.0.44 - Layout editor fixed viewport height.
   Keep HTML, CSS and JS panes the same height as Frontend Header/Sidebar.
   Long code scrolls inside each editor instead of increasing the page height. */
@media (min-width: 1201px) {
  .layout-code-grid {
    height: 560px !important;
    min-height: 560px !important;
    max-height: 560px !important;
    align-items: stretch !important;
    overflow: hidden !important;
  }

  .layout-code-pane {
    height: 560px !important;
    min-height: 0 !important;
    max-height: 560px !important;
    overflow: hidden !important;
  }

  .layout-code-editor {
    height: 560px !important;
    min-height: 560px !important;
    max-height: 560px !important;
    overflow: hidden !important;
  }

  .layout-line-numbers,
  .layout-code-input-wrap,
  .layout-code-highlight,
  .layout-code-pane textarea {
    height: 100% !important;
    min-height: 0 !important;
    max-height: 560px !important;
  }

  .layout-line-numbers {
    overflow: hidden !important;
  }

  .layout-code-input-wrap {
    overflow: hidden !important;
  }

  .layout-code-highlight,
  .layout-code-pane textarea {
    overflow: auto !important;
  }
}

/* v1.0.45 - Preserve the complete rounded editor frame at fixed height.
   The previous pane height included the label, which clipped the editor's
   bottom border and lower corner radius. Keep only the editor itself at
   560px and allow the labelled pane/grid to include that full frame. */
@media (min-width: 1201px) {
  .layout-code-grid {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    align-items: start !important;
    overflow: visible !important;
  }

  .layout-code-pane {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .layout-code-editor {
    height: 560px !important;
    min-height: 560px !important;
    max-height: 560px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }

  .layout-code-input-wrap,
  .layout-line-numbers,
  .layout-code-highlight,
  .layout-code-pane textarea {
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
  }
}


/* v1.0.27: admin edit native selects + global alert modal */
.admin-edit-modal .admin-select-wrap{display:block!important;position:relative!important;}
.admin-edit-modal .admin-select-wrap>select.form-control{width:100%!important;height:46px!important;padding:0 42px 0 14px!important;border:1px solid #d0d5dd!important;border-radius:13px!important;background:#fff!important;color:#182230!important;font-weight:700!important;appearance:auto!important;}
.admin-edit-modal .admin-select-wrap>i{display:none!important;}
.bo-alert-modal{position:fixed;inset:0;z-index:50000;display:none;align-items:center;justify-content:center;padding:20px}.bo-alert-modal.show{display:flex}.bo-alert-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.56);backdrop-filter:blur(3px)}.bo-alert-dialog{position:relative;width:min(430px,calc(100vw - 32px));background:#fff;border:1px solid #e4e7ec;border-radius:20px;box-shadow:0 28px 75px rgba(15,23,42,.3);padding:24px;display:grid;grid-template-columns:46px 1fr;gap:14px}.bo-alert-icon{width:46px;height:46px;border-radius:14px;background:#eff6ff;color:#2563eb;display:grid;place-items:center;font-size:22px}.bo-alert-copy h3{margin:1px 0 7px;font-size:19px;color:#101828;font-weight:900}.bo-alert-message{color:#475467;font-size:14px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.bo-alert-ok{grid-column:1/-1;justify-self:end;min-width:100px;height:40px;border:0;border-radius:10px;background:#2563eb;color:#fff;font-weight:800;padding:0 20px}.bo-alert-ok:hover{background:#1d4ed8}


/* Referral reward configuration moved into modal beside Search. */
.referral-page .ref-filter-actions{grid-template-columns:.72fr 1fr 1.08fr!important}.ref-config-dialog{width:min(620px,100%)}.ref-config-fields{display:grid;grid-template-columns:1fr;gap:15px}.ref-config-fields .field label{display:block;font-size:12px;font-weight:800;color:#344054;margin-bottom:7px}.ref-config-fields .field input,.ref-config-fields .field select{width:100%;height:44px;border:1px solid #d9dfeb;border-radius:10px;padding:0 12px;color:#182230;background:#fff}.ref-config-fields .field input[readonly]{background:#f8fafc;color:#667085}.referral-page .referral-filter-card:not(.referral-reward-config) .referral-filter-grid{grid-template-columns:1.25fr 1.15fr .8fr 1.45fr!important}@media(max-width:991px){.referral-page .ref-filter-actions{grid-template-columns:repeat(3,1fr)!important}}@media(max-width:767px){.referral-page .ref-filter-actions{grid-template-columns:1fr!important}}

/* Shared BO confirmation / input modal */
.bo-dialog-modal{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:20px}.bo-dialog-modal.show{display:flex}.bo-dialog-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(5px)}.bo-dialog-box{position:relative;width:min(480px,100%);background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 24px 70px rgba(15,23,42,.28);padding:26px;display:grid;grid-template-columns:48px 1fr;gap:0 16px}.bo-dialog-close{position:absolute;right:18px;top:18px;width:40px;height:40px;border:1px solid #d5deea;border-radius:12px;background:#fff;color:#475569;display:grid;place-items:center;cursor:pointer}.bo-dialog-icon{width:48px;height:48px;border-radius:14px;background:#eaf2ff;color:#2563eb;display:grid;place-items:center;font-size:22px}.bo-dialog-copy{padding-right:42px}.bo-dialog-copy h3{margin:0 0 6px;color:#0f172a;font-size:20px;font-weight:900}.bo-dialog-message{color:#52637a;font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.bo-dialog-input-wrap{display:none;grid-column:1/-1;margin-top:20px}.bo-dialog-input-wrap.show{display:block}.bo-dialog-input-label{display:block;margin-bottom:7px;color:#27364b;font-size:12px;font-weight:800}.bo-dialog-input{width:100%;height:44px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;padding:0 13px;color:#172033;font:inherit;outline:none;box-sizing:border-box}.bo-dialog-input:focus{border-color:#4f7cff;box-shadow:0 0 0 3px rgba(79,124,255,.14)}.bo-dialog-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:18px;border-top:1px solid #e8edf4}.bo-dialog-actions button{min-width:104px;height:42px;border-radius:11px;font-weight:800;cursor:pointer}.bo-dialog-cancel{border:1px solid #cbd5e1;background:#fff;color:#27364b}.bo-dialog-ok{border:1px solid #2563eb;background:#2563eb;color:#fff;box-shadow:0 7px 16px rgba(37,99,235,.22)}

/* Admin edit selects use the same rounded dropdown component as BO filters. */
#adminEditModal .admin-select-wrap{display:block!important}.admin-select-wrap .rounded-select-wrap{width:100%}.admin-select-wrap .rounded-select-btn{height:46px;border-radius:12px!important;padding:0 14px!important;font-size:14px}.admin-select-wrap .rounded-select-menu{border-radius:14px!important;padding:8px;box-shadow:0 16px 35px rgba(15,23,42,.16)}.admin-select-wrap .rounded-select-option{border-radius:10px!important;min-height:38px}
@media(max-width:600px){.bo-dialog-box{padding:22px 18px;grid-template-columns:42px 1fr;border-radius:18px}.bo-dialog-icon{width:42px;height:42px}.bo-dialog-copy h3{font-size:18px}.bo-dialog-actions{display:grid;grid-template-columns:1fr 1fr}.bo-dialog-actions button{width:100%;min-width:0}}

/* Standardized BO popup system v2 */
.bo-alert-dialog{width:min(430px,100%);padding:0;overflow:hidden;display:block}
.bo-alert-head{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:25px 25px 20px;align-items:start}
.bo-alert-copy{min-width:0}.bo-alert-copy h3{margin:0 0 5px}.bo-alert-actions{display:flex;justify-content:flex-end;padding:17px 24px 23px;border-top:1px solid #e7edf5}.bo-alert-ok{min-width:100px}
.bo-alert-modal[data-type="success"] .bo-alert-icon{background:#eaf9ef;color:#16a34a}.bo-alert-modal[data-type="error"] .bo-alert-icon,.bo-alert-modal[data-type="delete"] .bo-alert-icon{background:#fff0f1;color:#ef3340}.bo-alert-modal[data-type="warning"] .bo-alert-icon{background:#fff7e6;color:#f59e0b}
.bo-dialog-box{padding:0;display:block;overflow:hidden}.bo-dialog-head{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:25px 68px 20px 26px;align-items:start}.bo-dialog-copy{padding:0;min-width:0}.bo-dialog-warning{display:none;margin:0 26px 4px;padding:12px 14px;border-radius:10px;background:#fff0f1;color:#ef3340;font-size:12px;font-weight:700;align-items:center;gap:9px}.bo-dialog-warning.show{display:flex}.bo-dialog-input-wrap{margin:18px 26px 0}.bo-dialog-actions{margin:20px 26px 0;padding:18px 0 23px}.bo-dialog-modal[data-type="delete"] .bo-dialog-icon{background:#fff0f1;color:#ef3340}.bo-dialog-modal[data-type="delete"] .bo-dialog-ok{background:#ef3340;border-color:#ef3340;box-shadow:0 7px 16px rgba(239,51,64,.22)}.bo-dialog-modal[data-type="warning"] .bo-dialog-icon{background:#fff7e6;color:#f59e0b}.bo-dialog-modal[data-type="warning"] .bo-dialog-ok{background:#f59e0b;border-color:#f59e0b}.bo-dialog-modal[data-type="input"] .bo-dialog-icon{background:#eef4ff;color:#2563eb}
@media(max-width:600px){.bo-alert-head{padding:22px 20px 18px}.bo-alert-actions{padding:16px 20px 20px}.bo-dialog-head{grid-template-columns:42px 1fr;padding:22px 58px 18px 20px}.bo-dialog-warning{margin-left:20px;margin-right:20px}.bo-dialog-input-wrap{margin-left:20px;margin-right:20px}.bo-dialog-actions{margin-left:20px;margin-right:20px}}

/* Category provider/game rules */
.category-provider-selector{text-align:center;display:flex;flex-wrap:wrap;gap:10px;padding:12px;border:1px solid #d7e1f0;border-radius:14px;background:#f8fbff}.category-provider-choice{display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #d7e1f0;border-radius:12px;background:#fff}.category-provider-rules{display:grid;gap:12px;margin-top:12px}.category-provider-rule{border:1px solid #d7e1f0;border-radius:14px;padding:14px;background:#fff}.category-provider-rule-head{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.category-provider-rule-head b{margin-right:auto}.category-provider-game-list{margin-top:12px;max-height:220px;overflow:auto;border-top:1px solid #e5ebf4;padding-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.category-provider-game-list[hidden]{display:none}.category-provider-game-list label{display:flex;gap:7px;align-items:center;padding:7px 9px;border-radius:9px;background:#f7f9fc}@media(max-width:700px){.category-provider-game-list{grid-template-columns:1fr}}

/* Category provider/game assignment UX v2 */
.category-provider-config{margin-top:18px}
.category-provider-selector{display:flex;flex-wrap:wrap;gap:10px;padding:12px;border:1px solid #cfdced;border-radius:14px;background:#f7faff}
.category-provider-choice{position:relative;display:flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid #d5dfed;border-radius:12px;background:#fff;cursor:pointer;transition:.18s ease;user-select:none}
.category-provider-choice:hover{border-color:#8eb2f7;box-shadow:0 4px 12px rgba(35,98,220,.08)}
.category-provider-choice input{position:absolute;opacity:0;pointer-events:none}
.category-provider-check{display:grid;place-items:center;width:23px;height:23px;border:1.5px solid #aebed2;border-radius:7px;background:#fff;color:transparent;transition:.18s ease}
.category-provider-choice.is-selected{border-color:#2b6df2;background:#edf4ff;box-shadow:0 0 0 2px rgba(43,109,242,.08)}
.category-provider-choice.is-selected .category-provider-check{border-color:#1769ff;background:#1769ff;color:#fff}
.category-provider-choice-name{font-weight:700;color:#14233b}
.category-provider-rules{display:grid;gap:16px;margin-top:14px}
.category-provider-rule{overflow:hidden;border:1px solid #cedaea;border-radius:16px;background:#fff;box-shadow:0 4px 14px rgba(22,44,78,.05)}
.category-provider-rule-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 16px;border-bottom:1px solid #e2e8f1;background:#fbfdff}
.category-provider-rule-title{display:flex;align-items:center;gap:11px;min-width:0}
.category-provider-rule-title>div{display:grid;gap:2px;min-width:0}.category-provider-rule-title b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#10213a}.category-provider-rule-title small{color:#718096}
.category-provider-rule-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:#eaf2ff;color:#1769ff;font-size:18px}
.category-provider-mode-switch{display:flex;gap:6px;padding:4px;border:1px solid #d5dfed;border-radius:12px;background:#f3f6fb}
.category-provider-mode-switch label{margin:0;cursor:pointer}.category-provider-mode-switch input{position:absolute;opacity:0;pointer-events:none}
.category-provider-mode-switch span{display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:9px;font-size:13px;font-weight:700;color:#536176;white-space:nowrap}
.category-provider-mode-switch input:checked+span{background:#fff;color:#1769ff;box-shadow:0 2px 7px rgba(26,62,120,.12)}
.category-provider-assignment{padding:14px 16px 16px}.category-provider-assignment[hidden]{display:none}
.category-provider-assignment-note{display:flex;align-items:center;gap:9px;margin-bottom:12px;padding:11px 13px;border:1px solid #87d7ed;border-radius:9px;background:#d9f5fc;color:#075f79}
.category-provider-assignment-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.category-provider-game-column{min-width:0}.category-provider-column-head{display:grid;gap:8px;margin-bottom:9px}.category-provider-column-head>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.category-provider-column-head small{display:inline-grid;place-items:center;min-width:25px;height:22px;padding:0 7px;border-radius:999px;background:#edf3ff;color:#2b60c9;font-weight:700}
.category-provider-game-search{width:100%;height:39px;padding:0 12px;border:1px solid #d3deeb;border-radius:9px;background:#fff;outline:none}.category-provider-game-search:focus{border-color:#3d79f2;box-shadow:0 0 0 3px rgba(61,121,242,.11)}
.category-provider-game-list{display:block;margin:0;padding:0;max-height:310px;overflow:auto;border:1px solid #d5dfeb;border-radius:10px;background:#fff}
.category-provider-game-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:61px;padding:10px 11px;border-bottom:1px solid #e2e7ef;background:#fff}.category-provider-game-row:last-child{border-bottom:0}.category-provider-game-row:hover{background:#f7faff}
.category-provider-game-info{display:grid;gap:2px;min-width:0}.category-provider-game-info b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:#111827}.category-provider-game-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#667085}
.category-provider-game-action{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:6px;background:#fff;cursor:pointer}.category-provider-game-action.add{border:1px solid #169b62;color:#087a49}.category-provider-game-action.remove{border:1px solid #ff4964;color:#e52243}.category-provider-game-action:hover{transform:translateY(-1px)}
.category-provider-empty{padding:26px 12px;text-align:center;color:#7a8798}.category-provider-empty-state{display:grid;justify-items:center;gap:5px;padding:28px;border:1px dashed #c9d6e6;border-radius:14px;background:#f8fbff;color:#6f7f94}.category-provider-empty-state i{font-size:28px;color:#5d8ff2}.category-provider-empty-state b{color:#21324b}
@media(max-width:900px){.category-provider-rule-head{align-items:flex-start;flex-direction:column}.category-provider-mode-switch{width:100%}.category-provider-mode-switch label{flex:1}.category-provider-mode-switch span{justify-content:center}.category-provider-assignment-grid{grid-template-columns:1fr}.category-provider-game-list{max-height:245px}}
@media(max-width:560px){.category-provider-selector{display:grid;grid-template-columns:1fr 1fr}.category-provider-choice{min-width:0;padding:9px}.category-provider-choice-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-provider-rule-head,.category-provider-assignment{padding:12px}.category-provider-mode-switch{display:grid;grid-template-columns:1fr}.category-provider-assignment-note{align-items:flex-start}.category-provider-game-list{max-height:220px}}

/* Game Category provider tiles: the whole tile is the selector, without a visible checkbox. */
.category-provider-choice{justify-content:center;padding:10px 16px;min-width:132px}
.category-provider-choice input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.category-provider-choice .category-provider-check{display:none!important}
.category-provider-choice.is-selected{border-color:#1769ff;background:#edf4ff;box-shadow:0 0 0 2px rgba(23,105,255,.10)}
.category-provider-choice.is-selected .category-provider-choice-name{color:#075ee8}

/* Game Category: keep image upload and preview at a compact standard size, including inside CRUD modal. */
.standardized-game-management .category-image-upload{
  width:min(100%,360px);
  height:220px;
  min-height:220px;
  margin:0 auto;
}
.standardized-game-management .category-image-upload-zh{
  height:170px;
  min-height:170px;
}
.standardized-game-management .category-image-upload #categoryPreview,
.standardized-game-management .category-image-upload #categoryPreviewZh{
  width:100%;
  height:100%;
  min-height:0;
  max-height:100%;
  object-fit:contain;
  padding:10px;
}
@media(max-width:575.98px){
  .standardized-game-management .category-image-upload{width:100%;height:190px;min-height:190px}
  .standardized-game-management .category-image-upload-zh{height:150px;min-height:150px}
}


/* Game Management: match the compact Game Category image upload and preview standard. */
.standardized-game-management .game-image-upload{
  width:min(100%,360px);
  height:220px;
  min-height:220px;
  margin:0 auto;
}
.standardized-game-management .game-image-upload-zh{
  height:170px;
  min-height:170px;
}
.standardized-game-management .game-image-upload #gamePreview,
.standardized-game-management .game-image-upload #gamePreviewZh{
  width:100%;
  height:100%;
  min-height:0;
  max-height:100%;
  object-fit:contain;
  padding:10px;
}
@media(max-width:575.98px){
  .standardized-game-management .game-image-upload{width:100%;height:190px;min-height:190px}
  .standardized-game-management .game-image-upload-zh{height:150px;min-height:150px}
}

/* Role + Menu Permission unified access-control page */
.access-management-page{display:grid;gap:20px}.access-overview-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border:1px solid #dbe3ef;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.06)}.access-overview-card h2{margin:3px 0 5px;font-size:24px;font-weight:900;color:#172033}.access-overview-card p,.access-section-heading p{margin:0;color:#667085;font-weight:600}.access-eyebrow{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;color:#ef3333}.access-jump-btn{white-space:nowrap}.role-management-grid{grid-template-columns:minmax(360px,.85fr) minmax(520px,1.15fr)}.access-section-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}.access-section-heading h2{font-size:18px!important;margin:0 0 3px!important}.access-section-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#f1f5f9;color:#172033;font-size:19px;flex:0 0 auto}.role-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.role-field-wide{grid-column:1/-1}.permission-management-card{scroll-margin-top:18px;padding:0!important;overflow:hidden}.permission-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid #e6ebf2;background:#fff}.permission-role-picker{display:flex;align-items:center;gap:10px;min-width:300px}.permission-role-picker label{margin:0;white-space:nowrap}.permission-role-picker select{min-width:220px}.permission-groups{display:grid;gap:14px;padding:18px 22px;background:#f8fafc}.permission-group{border:1px solid #dbe3ef;border-radius:15px;background:#fff;overflow:hidden}.permission-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;background:#f3f6fa;border-bottom:1px solid #e1e7ef}.permission-group-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:900;color:#172033}.permission-group-title i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#fff;border:1px solid #dbe3ef}.permission-group-toggle{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:#475467;cursor:pointer}.permission-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.permission-item{display:flex;align-items:flex-start;gap:11px;min-height:76px;padding:14px 16px;border-right:1px solid #edf1f5;border-bottom:1px solid #edf1f5;cursor:pointer;background:#fff}.permission-item:hover{background:#fbfdff}.permission-item input{margin-top:4px;accent-color:#ef3333}.permission-item b{display:block;color:#172033;font-size:14px}.permission-item small{display:block;color:#667085;font-weight:600;line-height:1.35;margin-top:3px;word-break:break-word}.permission-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding:0 22px 20px;background:#f8fafc}.permission-actions .primary{margin-left:auto}.permission-empty{padding:28px;text-align:center;color:#667085;font-weight:700}
@media(max-width:1200px){.role-management-grid{grid-template-columns:1fr}.permission-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767.98px){.access-overview-card,.permission-toolbar{align-items:flex-start;flex-direction:column}.access-jump-btn{width:100%;justify-content:center}.role-form-grid,.permission-menu-grid{grid-template-columns:1fr}.role-field-wide{grid-column:auto}.permission-role-picker{width:100%;min-width:0;align-items:flex-start;flex-direction:column}.permission-role-picker select{width:100%;min-width:0}.permission-groups{padding:12px}.permission-actions{padding:0 12px 16px}.permission-actions .clean-btn{flex:1}.permission-actions .primary{flex-basis:100%;margin-left:0}.permission-item{border-right:0}.access-overview-card{padding:18px}.permission-toolbar{padding:16px}}

/* Role & permission group listing/modal */
.role-listing-page{display:block}.role-listing-card{padding:20px}.role-add-btn{color:#fff!important}.role-main-table th:last-child,.role-main-table td:last-child{text-align:center;width:120px}.role-code-pill{display:inline-flex;padding:5px 9px;border:1px solid #dbe3ef;border-radius:8px;background:#f8fafc;color:#475467;font-size:12px;font-weight:800}.role-permission-count{display:inline-flex;align-items:center;gap:7px;font-weight:700;color:#475467}.role-permission-count i{color:#2563eb}.role-edit-btn{white-space:nowrap}.role-create-modal{z-index:1200}.role-create-modal-panel{width:min(1040px,calc(100vw - 32px));max-height:calc(100vh - 32px);display:flex;flex-direction:column;overflow:hidden}.role-create-form{display:flex;flex-direction:column;min-height:0;flex:1}.role-create-body{padding:20px 22px;overflow:auto;background:#f8fafc}.role-name-field{max-width:520px;margin-bottom:20px}.role-name-field input{background:#fff}.role-permission-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.role-permission-heading h4{margin:0 0 3px;font-size:17px;font-weight:900;color:#172033}.role-permission-heading p{margin:0;color:#667085;font-size:13px;font-weight:600}.role-permission-quick{display:flex;gap:8px}.role-modal-permissions{padding:0;background:transparent;max-height:none}.role-modal-permissions .permission-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.role-create-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid #e6ebf2;background:#fff}.role-mobile-card{display:none}.modal-clean.show{display:flex;opacity:1;visibility:visible}.modal-clean.show .modal-clean-panel{transform:translateY(0) scale(1)}
@media(max-width:1200px){.role-modal-permissions .permission-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767.98px){.role-main-table,.role-listing-card>.table-wrap{display:none}.role-mobile-card{display:block}.role-listing-card{padding:14px}.role-listing-card .user-toolbar{align-items:flex-start;gap:12px}.role-listing-card .user-toolbar-actions,.role-add-btn{width:100%}.role-add-btn{justify-content:center}.role-create-modal-panel{width:100%;max-height:100vh;height:100vh;border-radius:0}.role-create-body{padding:15px}.role-permission-heading{align-items:flex-start;flex-direction:column}.role-permission-quick{width:100%}.role-permission-quick .clean-btn{flex:1}.role-modal-permissions .permission-menu-grid{grid-template-columns:1fr}.role-create-actions{padding:13px 15px}.role-create-actions .clean-btn{flex:1}.role-mobile-card small{display:block;color:#667085;margin-top:2px}.role-mobile-card .role-edit-btn{margin-top:12px}}

/* Unified full-screen CRUD modal overlay (2026-07-29) */
body.modal-open{overflow:hidden!important}
.modal-clean{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  margin:0!important;
  background:rgba(15,23,42,.48)!important;
  z-index:10000!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
  overflow:auto!important;
  isolation:isolate;
}
.modal-clean.show{display:flex!important}
.modal-clean-panel{
  position:relative;
  z-index:1;
  margin:auto!important;
}
@media(max-width:767.98px){
  .modal-clean{padding:10px!important}
}
@media(max-width:575.98px){
  .modal-clean{padding:0!important;align-items:stretch!important}
}

/* Menu Management */
.menu-management-card{padding:20px}.menu-info-banner{display:flex;align-items:flex-start;gap:10px;margin:0 0 16px;padding:13px 15px;border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff;color:#1e3a8a;font-size:13px}.menu-main-table th:last-child,.menu-main-table td:last-child{text-align:center;width:110px}.menu-name-cell{display:flex;align-items:center;gap:11px}.menu-name-cell>i{width:34px;height:34px;display:grid;place-items:center;border:1px solid #dbe3ef;border-radius:10px;background:#f8fafc;color:#2563eb;font-size:16px;flex:0 0 auto}.menu-name-cell b,.menu-name-cell strong{display:block;color:#172033}.menu-name-cell small{display:block;color:#667085;margin-top:2px}.menu-url-code{display:inline-flex;padding:5px 8px;border-radius:7px;background:#f8fafc;border:1px solid #e2e8f0;color:#475467;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.menu-modal-panel{width:min(820px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:hidden}.menu-modal-body{padding:20px 22px;background:#f8fafc;overflow:auto}.menu-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.menu-form-grid .admin-field small{display:block;margin-top:6px;color:#667085;font-size:12px}.menu-preview-card{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:14px;border:1px dashed #b8c7db;border-radius:12px;background:#fff}.menu-preview-card>span{font-size:11px;font-weight:800;color:#667085;text-transform:uppercase}.menu-preview-card>div{display:flex;align-items:center;gap:10px;font-size:15px}.menu-preview-card i{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#eef2ff;color:#2563eb}.menu-mobile-card{display:none}@media(max-width:767.98px){.menu-management-card{padding:14px}.menu-main-table,.menu-management-card>.table-wrap{display:none}.menu-mobile-card{display:block}.menu-management-card .user-toolbar{align-items:flex-start;gap:12px}.menu-management-card .user-toolbar-actions{width:100%}.menu-management-card .user-toolbar-actions .clean-btn{flex:1}.menu-modal-panel{width:100%;height:100vh;max-height:100vh;border-radius:0}.menu-form-grid{grid-template-columns:1fr}.menu-modal-body{padding:15px}}


/* Overview Report fixed grid: desktop always keeps four equal card columns. */
.overview-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:0}
@media(max-width:991.98px){
  .overview-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:575.98px){
  .overview-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Global BO header counters: new members today and pending wallet requests */
.bo-header-counters{display:flex;align-items:center;gap:8px}
.bo-header-counter{text-align:center;height:42px;min-width:126px;padding:5px 9px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;align-items:center;gap:8px;text-decoration:none;color:#182230;transition:.15s ease}
.bo-header-counter:hover{border-color:#9db7ff;box-shadow:0 5px 16px rgba(37,99,235,.10);transform:translateY(-1px)}
.bo-header-counter-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-size:15px;flex:0 0 auto}
.bo-header-counter-icon.members{background:#eef2ff;color:#4f46e5}
.bo-header-counter-icon.deposit{background:#ecfdf3;color:#16a34a}
.bo-header-counter-icon.withdraw{background:#fff7ed;color:#ea580c}
.bo-header-counter-text{display:flex;flex-direction:column;line-height:1.05;min-width:0}
.bo-header-counter-text small{font-size:9px;font-weight:800;color:#667085;white-space:nowrap}
.bo-header-counter-text b{font-size:16px;font-weight:900;color:#101828;margin-top:3px}
@media(max-width:1199.98px){.bo-header-counter{min-width:42px;width:42px;padding:5px;justify-content:center}.bo-header-counter-text{position:absolute;right:-4px;top:-5px;display:block;width:auto;height:auto;overflow:visible}.bo-header-counter-text small{display:none}.bo-header-counter-text b{display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;border:2px solid #fff;margin:0}.bo-header-counter{position:relative}}
@media(max-width:767.98px){.bo-header-counters{gap:5px}.bo-header-counter{width:36px;min-width:36px;height:38px;border-radius:10px}.bo-header-counter-icon{width:27px;height:27px}.report-actions{gap:5px!important}}
@media(max-width:575.98px){.bo-header-counter{display:flex!important}.bo-header-counters .bo-header-counter:nth-child(1){display:none!important}}

/* Promotion modal: rebate-rule style section sequence */
#crudPatternModal .promo-standard-sections{
  display:flex;
  flex-direction:column;
  gap:14px;
}
#crudPatternModal .promo-standard-section{
  border:1px solid #d9e3f1;
  border-radius:15px;
  background:#fff;
  padding:16px;
}
#crudPatternModal .promo-standard-section-head{
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin-bottom:14px;
  color:#253858;
}
#crudPatternModal .promo-standard-section-head>i{
  font-size:15px;
  line-height:1.3;
  margin-top:1px;
}
#crudPatternModal .promo-standard-section-head b{
  display:block;
  font-size:14px;
  line-height:1.3;
  font-weight:800;
}
#crudPatternModal .promo-standard-section-head small{
  display:block;
  margin-top:3px;
  color:#70809a;
  font-size:11px;
  line-height:1.45;
  font-weight:500;
}
#crudPatternModal .promo-standard-section-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px 13px;
  align-items:start;
}
#crudPatternModal .promo-standard-section-grid>.field{
  min-width:0;
  margin:0;
}
#crudPatternModal .promo-standard-section-grid>.field.full{
  grid-column:1/-1;
}
#crudPatternModal .promo-standard-section-grid label{
  margin-bottom:6px;
}
#crudPatternModal .promo-standard-section-grid input,
#crudPatternModal .promo-standard-section-grid select,
#crudPatternModal .promo-standard-section-grid textarea{
  width:100%;
}
#crudPatternModal .promo-standard-section-grid .promo-image-preview-wrap{
  margin-top:8px;
}
#crudPatternModal .promo-standard-section-grid .promo-rule-box{
  color:#667085;
  border:1px dashed #d5deea;
  background:#f8fafc;
  border-radius:10px;
  padding:10px 12px;
}
#crudPatternModal .promo-standard-section-grid .promo-wysiwyg-wrap{
  margin-top:0;
}
#crudPatternModal .crud-pattern-dialog{
  width:min(920px,calc(100vw - 32px));
}
@media(max-width:900px){
  #crudPatternModal .promo-standard-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:575.98px){
  #crudPatternModal .promo-standard-section{padding:13px;border-radius:13px;}
  #crudPatternModal .promo-standard-section-grid{grid-template-columns:1fr;gap:12px;}
  #crudPatternModal .promo-standard-section-grid>.field.full{grid-column:auto;}
}


/* LIVECHAT_SIDEBAR_RESTORE_V134
   Keep the approved Live Chat workspace while using the normal permanent BO
   sidebar on desktop. Mobile/tablet continue to use the existing off-canvas
   sidebar behavior from the shared report layout. */
@media (min-width: 992px){
  .livechat-bo-page .report-sidebar{
    transform:none!important;
    box-shadow:none!important;
  }
  .livechat-bo-page .report-main{
    margin-left:var(--sidebar-w)!important;
    width:calc(100% - var(--sidebar-w))!important;
  }
  .livechat-bo-page .sidebar-overlay{
    display:none!important;
  }
  .livechat-bo-page .close-side,
  .livechat-bo-page .hamb{
    display:none!important;
  }
  .livechat-bo-page .livechat-admin-shell{
    grid-template-columns:360px minmax(0,1fr)!important;
    gap:16px!important;
  }
  .livechat-bo-page .livechat-inbox-item{
    min-height:78px!important;
    padding:12px!important;
    grid-template-columns:44px minmax(0,1fr) auto!important;
    gap:11px!important;
  }
  .livechat-bo-page .livechat-inbox-item .avatar{
    width:44px!important;
    height:44px!important;
  }
}


/* v1.0.41 - Single report Date Range standard.
   Source of truth: Referral Network trigger geometry.
   This intentionally overrides older responsive report rules that changed
   Date Range to width:100% after load. */
:root{
  --report-date-range-width:390px;
  --report-date-range-height:42px;
}

@media (min-width:768px){
  html body .report-main .filter-card .bo-filter-row > .bo-range-field,
  html body .report-main .filter-card .user-search-grid > .bo-range-field,
  html body .report-main .filter-card .pwt-filter-grid > .bo-range-field,
  html body .report-main .filter-card .bo-range-field,
  html body .report-main .filter-card .bo-date-range-field,
  html body .report-main .filter-card [data-bo-date-range],
  html body.wallet-ledger-page .filter-card .user-search-grid > .bo-range-field,
  html body.provider-bet-report-page .filter-card .user-search-grid > .bo-range-field,
  html body.provider-transaction-page .filter-card .pwt-filter-grid > .bo-range-field,
  html body:has(#sessionFrom) .filter-card .user-search-grid > .bo-range-field,
  html body:has(#ledgerFrom) .filter-card .user-search-grid > .bo-range-field,
  html body:has(#betFrom) .filter-card .user-search-grid > .bo-range-field,
  html body:has(#txFrom) .filter-card .pwt-filter-grid > .bo-range-field{
    box-sizing:border-box!important;
    flex:0 0 var(--report-date-range-width)!important;
    width:var(--report-date-range-width)!important;
    min-width:var(--report-date-range-width)!important;
    max-width:var(--report-date-range-width)!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  html body .report-main .filter-card .bo-range-field > .bo-range-trigger,
  html body .report-main .filter-card .bo-date-range-field > .bo-range-trigger,
  html body .report-main .filter-card [data-bo-date-range] > .bo-range-trigger,
  html body.wallet-ledger-page .filter-card .user-search-grid > .bo-range-field > .bo-range-trigger,
  html body.provider-bet-report-page .filter-card .user-search-grid > .bo-range-field > .bo-range-trigger,
  html body.provider-transaction-page .filter-card .pwt-filter-grid > .bo-range-field > .bo-range-trigger,
  html body:has(#sessionFrom) .filter-card .user-search-grid > .bo-range-field > .bo-range-trigger{
    box-sizing:border-box!important;
    width:var(--report-date-range-width)!important;
    min-width:var(--report-date-range-width)!important;
    max-width:var(--report-date-range-width)!important;
    height:var(--report-date-range-height)!important;
  }

  html body .report-main .bo-range-pop{
    box-sizing:border-box!important;
    width:var(--report-date-range-width)!important;
    max-width:calc(100vw - 24px)!important;
  }
}

@media (max-width:767.98px){
  html body .report-main .filter-card .bo-range-field,
  html body .report-main .filter-card .bo-date-range-field,
  html body .report-main .filter-card [data-bo-date-range],
  html body .report-main .filter-card .bo-range-trigger{
    box-sizing:border-box!important;
    flex:1 1 100%!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  html body .report-main .bo-range-pop{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
  }
}

/* v1.1.33 - Provider Management fast list + desktop alignment */
.page-game-provider #providerList .manage-card{
  grid-template-columns:120px minmax(0,1fr) 96px!important;
  align-items:start!important;
  gap:16px!important;
}
.page-game-provider #providerList .manage-card-body{width:100%!important;min-width:0!important;overflow:hidden!important}
.page-game-provider #providerList .slider-card-title{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:8px!important;
}
.page-game-provider #providerList .slider-card-title .slider-pill{margin:0!important;white-space:nowrap!important}
.page-game-provider #providerList .slider-meta{min-width:0!important;display:flex!important;flex-wrap:wrap!important;gap:7px 14px!important}
.page-game-provider #providerList .slider-meta span{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important}
.page-game-provider #providerList .provider-access-record{min-width:0!important;overflow:hidden!important}
.page-game-provider #providerList .provider-access-record a,
.page-game-provider #providerList .provider-access-record code{overflow-wrap:anywhere!important;word-break:break-word!important;white-space:normal!important}
.page-game-provider #providerList .provider-game-summary{display:block!important;margin-top:2px!important}
.page-game-provider #providerList .slider-card-actions{min-width:0!important;width:96px!important;padding:0!important;align-self:start!important}
@media(max-width:1100px){
  .page-game-provider #providerList .manage-card{grid-template-columns:96px minmax(0,1fr)!important}
  .page-game-provider #providerList .manage-thumb{width:96px!important;height:72px!important}
  .page-game-provider #providerList .slider-card-actions{grid-column:1/-1!important;width:100%!important;justify-content:flex-end!important}
}
@media(max-width:700px){
  .page-game-provider #providerList .manage-card{grid-template-columns:70px minmax(0,1fr)!important}
  .page-game-provider #providerList .slider-card-title{grid-template-columns:minmax(0,1fr) auto!important}
  .page-game-provider #providerList .slider-card-title .slider-pill:nth-of-type(2){grid-column:2!important}
  .page-game-provider #providerList .slider-card-actions{width:100%!important}
}


/* Game modal: keep primary actions visible while the long form body scrolls. */
.crud-pattern-dialog > .crud-pattern-fixed-actions{
  position:relative!important;
  inset:auto!important;
  flex:0 0 auto;
  margin:0!important;
  padding:14px 22px!important;
  background:#fff!important;
  border-top:1px solid #e5eaf2!important;
  box-shadow:0 -8px 22px rgba(15,23,42,.06);
  z-index:6;
}
.crud-pattern-dialog > .crud-pattern-fixed-actions .clean-btn{min-width:118px}
@media(max-width:768px){
  .crud-pattern-dialog > .crud-pattern-fixed-actions{padding:12px 14px!important}
  .crud-pattern-dialog > .crud-pattern-fixed-actions .clean-btn{flex:1;min-width:0}
}


/* v1.0.42 - Deposit/Withdraw approval statistics + Referral-style Date Range. */
body.deposit-approval-page .approval-pending-stats,
body.withdraw-approval-page .approval-pending-stats{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
body.deposit-approval-page .filter-card .user-search-grid,
body.withdraw-approval-page .filter-card .user-search-grid{
  grid-template-columns:minmax(320px,390px) minmax(240px,1.25fr) minmax(150px,.78fr) minmax(110px,.55fr) minmax(130px,.68fr) minmax(160px,.82fr)!important;
  align-items:end!important;
}
body.deposit-approval-page .filter-card .bo-range-field,
body.withdraw-approval-page .filter-card .bo-range-field{
  grid-column:1!important;
  width:100%!important;
  max-width:430px!important;
}
body.deposit-approval-page .field:has(#depositKeyword),
body.withdraw-approval-page .field:has(#withdrawKeyword){grid-column:2!important}
body.deposit-approval-page .field:has(#depositStatus),
body.withdraw-approval-page .field:has(#withdrawStatus){grid-column:3!important}
body.deposit-approval-page .field:has(#depositSize),
body.withdraw-approval-page .field:has(#withdrawSize){grid-column:4!important}
body.deposit-approval-page .deposit-reset-field,
body.withdraw-approval-page .withdraw-reset-field{grid-column:5!important}
body.deposit-approval-page .deposit-search-field,
body.withdraw-approval-page .withdraw-search-field{grid-column:6!important}
body.deposit-approval-page .approval-total-bar,
body.withdraw-approval-page .approval-total-bar{
  display:flex;justify-content:flex-end;align-items:center;gap:18px;
  min-height:54px;margin-top:12px;padding:10px 16px;
  border:1px solid var(--border,#dfe5ef);border-radius:12px;background:#f8fafc;
  font-size:13px;font-weight:700;
}
body.deposit-approval-page .approval-total-bar strong,
body.withdraw-approval-page .approval-total-bar strong{font-size:18px;color:#111827;min-width:110px;text-align:right}
body.deposit-approval-page .report-table .btn,
body.withdraw-approval-page .report-table .btn{min-width:82px;font-weight:700;border-radius:9px}
@media(max-width:1200px){
  body.deposit-approval-page .filter-card .user-search-grid,
  body.withdraw-approval-page .filter-card .user-search-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.deposit-approval-page .filter-card .bo-range-field,
  body.withdraw-approval-page .filter-card .bo-range-field{grid-column:1/-1!important;max-width:none!important}
  body.deposit-approval-page .field:has(#depositKeyword),body.deposit-approval-page .field:has(#depositStatus),body.deposit-approval-page .field:has(#depositSize),body.deposit-approval-page .deposit-reset-field,body.deposit-approval-page .deposit-search-field,
  body.withdraw-approval-page .field:has(#withdrawKeyword),body.withdraw-approval-page .field:has(#withdrawStatus),body.withdraw-approval-page .field:has(#withdrawSize),body.withdraw-approval-page .withdraw-reset-field,body.withdraw-approval-page .withdraw-search-field{grid-column:auto!important}
}
@media(max-width:767px){
  body.deposit-approval-page .approval-pending-stats,
  body.withdraw-approval-page .approval-pending-stats{grid-template-columns:1fr!important}
  body.deposit-approval-page .filter-card .user-search-grid,
  body.withdraw-approval-page .filter-card .user-search-grid{grid-template-columns:1fr!important}
  body.deposit-approval-page .approval-total-bar,
  body.withdraw-approval-page .approval-total-bar{justify-content:space-between}
}

/* 2026-08-11 realtime member presence */
.online-users-card{background:#fff;border:1px solid #e4e7ec;border-radius:16px;padding:14px 18px;margin-bottom:14px;box-shadow:0 8px 22px rgba(16,24,40,.04)}
.online-users-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.online-users-head>div{display:flex;align-items:center;gap:9px}.online-users-head b{font-size:14px;color:#172033}.online-users-head b i{color:#16a34a}.online-users-head small{color:#667085;font-size:12px}.online-users-head>span{background:#ecfdf3;color:#16a34a;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:900}.online-users-list{display:flex;gap:8px;flex-wrap:wrap;min-height:32px;align-items:center}.online-user-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid #dbe3ef;border-radius:999px;background:#f8fafc;padding:6px 10px;font-size:12px;color:#344054}.online-user-chip:before{content:"";width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.12)}.online-user-chip b{color:#172033}.online-user-chip small{color:#667085}.online-empty{color:#98a2b3;font-size:12px}@media(max-width:767.98px){.online-users-head{align-items:flex-start;flex-direction:column}.online-users-head>div{align-items:flex-start;flex-direction:column;gap:2px}.online-user-chip{width:100%;border-radius:10px}}

/* Promotion provider/game selector */
.promo-game-access-field .promo-help{margin-bottom:10px}
.promo-game-access-config{display:grid;gap:12px;margin-top:10px}
.promo-game-access-loading,.promo-game-access-error{display:flex;align-items:center;gap:9px;padding:13px 14px;border:1px solid #d7e1ef;border-radius:12px;background:#f8fbff;color:#66758a}
.promo-game-access-error{border-color:#ffd0d7;background:#fff7f8;color:#b42338}
.promo-game-access-summary{display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid #b9d5ff;border-radius:10px;background:#eef6ff;color:#1758b6;font-size:13px;font-weight:600}
.promo-game-access-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:2px}.promo-game-access-section-title b{color:#172033}.promo-game-access-section-title small{color:#7a8797}
.promo-provider-selector{justify-content:flex-start;text-align:left;max-height:150px;overflow:auto}
.promo-provider-rules{margin-top:0}
.promo-provider-rule .category-provider-game-info b{font-size:13px}.promo-provider-rule .category-provider-game-info small{font-size:11px}
@media(max-width:700px){.promo-game-access-section-title{align-items:flex-start;flex-direction:column;gap:3px}.promo-provider-selector{grid-template-columns:1fr 1fr}.promo-provider-choice{min-width:0}}
\n/* Referral table 2026-08-12: compact 7-column layout; keep View/Reward actions visible. */
.referral-page .ref-table-wrap{overflow-x:auto!important;overflow-y:hidden!important}
.referral-page .ref-members-table{min-width:650px!important;table-layout:fixed!important}
.referral-page .ref-members-table th:nth-child(1),.referral-page .ref-members-table td:nth-child(1){width:38px!important;text-align:center!important}
.referral-page .ref-members-table th:nth-child(2),.referral-page .ref-members-table td:nth-child(2){width:27%!important}
.referral-page .ref-members-table th:nth-child(3),.referral-page .ref-members-table td:nth-child(3){width:20%!important}
.referral-page .ref-members-table th:nth-child(4),.referral-page .ref-members-table td:nth-child(4){width:46px!important;text-align:center!important}
.referral-page .ref-members-table th:nth-child(5),.referral-page .ref-members-table td:nth-child(5){width:19%!important}
.referral-page .ref-members-table th:nth-child(6),.referral-page .ref-members-table td:nth-child(6){width:102px!important;text-align:center!important}
.referral-page .ref-members-table th:nth-child(7),.referral-page .ref-members-table td:nth-child(7){width:82px!important;text-align:center!important;overflow:visible!important}
.referral-page .ref-action-buttons{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;white-space:nowrap!important}
.referral-page .ref-view-btn.ref-view-icon,.referral-page .ref-config-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 32px!important;width:32px!important;min-width:32px!important;height:32px!important;padding:0!important}
.referral-page .ref-downline-table{min-width:520px!important;table-layout:fixed!important}
.referral-page .ref-downline-table th:nth-child(1),.referral-page .ref-downline-table td:nth-child(1){width:38px!important;text-align:center!important}
.referral-page .ref-downline-table th:nth-child(2),.referral-page .ref-downline-table td:nth-child(2){width:34%!important}
.referral-page .ref-downline-table th:nth-child(3),.referral-page .ref-downline-table td:nth-child(3){width:28%!important}
.referral-page .ref-downline-table th:nth-child(4),.referral-page .ref-downline-table td:nth-child(4){width:110px!important;text-align:center!important}
.referral-page .ref-downline-table th:nth-child(5),.referral-page .ref-downline-table td:nth-child(5){width:92px!important;text-align:right!important}

/* Generic dynamic translation module: multiline and rich HTML fields. */
.dynamic-text-edit textarea{border:1px solid #dbe3ef;border-radius:12px;padding:10px 12px;background:#fff;width:100%;max-width:100%;box-sizing:border-box;resize:vertical;min-height:96px;font:inherit;line-height:1.5}
.dynamic-field-hint{display:block;color:#64748b;font-size:12px;margin-top:-2px}

/* ===== Sidebar connected group stack =====
   Keep top-level sidebar sections flush with each other: no vertical gaps,
   with rounding only on the first and last grouped section. */
.report-nav{
  gap:0!important;
}
.report-nav > a{
  margin-bottom:0!important;
}
.report-nav > .nav-group{
  margin:0!important;
  border-radius:0!important;
  border-bottom-width:0!important;
}
.report-nav > .nav-group:first-of-type{
  border-radius:12px 12px 0 0!important;
}
.report-nav > .nav-group:last-of-type{
  border-radius:0 0 12px 12px!important;
  border-bottom-width:1px!important;
}
.report-nav > .nav-group .nav-group-btn{
  margin:0!important;
  border-radius:0!important;
}
.report-nav > .nav-group:first-of-type > .nav-group-btn{
  border-radius:12px 12px 0 0!important;
}
.report-nav > .nav-group:last-of-type:not(.open) > .nav-group-btn{
  border-radius:0 0 12px 12px!important;
}
.report-nav > .nav-group:last-of-type.open > .nav-group-list{
  border-radius:0 0 12px 12px!important;
  overflow:hidden;
}

/* ===== Sidebar unified connected stack v2 =====
   Top-level links without dropdowns (e.g. Dashboard / Livechat) use the
   same blue treatment as dropdown groups. Every top-level item is flush;
   only the first overall item gets top rounding and only the last overall
   item gets bottom rounding. */
.report-nav{
  gap:0!important;
}
.report-nav > a,
.report-nav > .nav-group{
  margin:0!important;
  border-radius:0!important;
}
.report-nav > a{
  min-height:44px!important;
  padding:11px 12px!important;
  display:flex!important;
  align-items:center!important;
  background:linear-gradient(204deg,#2563eb,#103fac)!important;
  color:#fff!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.72)!important;
  box-shadow:none!important;
}
.report-nav > a:hover,
.report-nav > a:focus,
.report-nav > a.active{
  background:linear-gradient(204deg,#2563eb,#103fac)!important;
  color:#fff!important;
}
.report-nav > a i,
.report-nav > a.active i{
  color:#fff!important;
}
.report-nav > .nav-group{
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.72)!important;
  background:transparent!important;
  overflow:hidden;
}
.report-nav > .nav-group .nav-group-btn{
  border-radius:0!important;
  box-shadow:none!important;
}

/* Remove the old first/last-of-type rounding because direct links may come
   before dropdown groups. Use actual first/last top-level child instead. */
.report-nav > .nav-group:first-of-type,
.report-nav > .nav-group:last-of-type,
.report-nav > .nav-group:first-of-type > .nav-group-btn,
.report-nav > .nav-group:last-of-type:not(.open) > .nav-group-btn,
.report-nav > .nav-group:last-of-type.open > .nav-group-list{
  border-radius:0!important;
}
.report-nav > :first-child{
  border-radius:12px 12px 0 0!important;
}
.report-nav > a:first-child{
  border-radius:12px 12px 0 0!important;
}
.report-nav > .nav-group:first-child > .nav-group-btn{
  border-radius:12px 12px 0 0!important;
}
.report-nav > :last-child{
  border-radius:0 0 12px 12px!important;
  border-bottom:0!important;
}
.report-nav > a:last-child{
  border-radius:0 0 12px 12px!important;
}
.report-nav > .nav-group:last-child:not(.open) > .nav-group-btn{
  border-radius:0 0 12px 12px!important;
}
.report-nav > .nav-group:last-child.open > .nav-group-list{
  border-radius:0 0 12px 12px!important;
  overflow:hidden;
}

/* 2026-08-25: keep non-dropdown/top-level sidebar labels as bold as dropdown headers.
   This also covers pages such as Live Chat and Layout Section that do not load
   bo-ui-standard.css. */
.report-sidebar .report-nav > a:not(.report-sub),
.report-sidebar .report-nav > a:not(.report-sub) > span{
  font-weight:800!important;
}

/* 2026-08-25: Global modal layer standardization.
   Bootstrap's defaults (1050/1055) sat below BO header/profile layers (up to 3000),
   which left the header bright/clickable while a modal was open. Keep every normal
   BO modal above the complete shell and use the same dimming strength as Member Detail. */
body.modal-open > .modal-backdrop,
.modal-backdrop {
  z-index: 9990 !important;
  background-color: #0f172a !important;
}
.modal-backdrop.show {
  opacity: .55 !important;
}
body > .modal,
.modal {
  --bs-modal-zindex: 10000;
  z-index: 10000 !important;
}
/* The custom BO CRUD overlay already uses 10000; force its full-screen backdrop above
   sidebar/topbar/profile menus as well and keep the same opacity. */
.modal-clean {
  z-index: 10000 !important;
  background: rgba(15,23,42,.55) !important;
}
/* Never leave profile/dropdown controls above an active modal backdrop. */
body.modal-open .report-profile-menu,
body.modal-open .dropdown-menu,
body.modal-open .report-actions {
  z-index: auto !important;
}

/* 2026-09-01: Desktop sidebar dropdown flyout.
   Dropdown groups open beside the sidebar instead of expanding the sidebar vertically.
   Mobile keeps the existing accordion behaviour. */
@media (min-width:992px){
  .report-sidebar .report-nav > .nav-group{
    overflow:visible!important;
  }
  .report-sidebar .report-nav > .nav-group > .nav-group-list{
    display:none!important;
    position:fixed!important;
    left:var(--bo-sidebar-flyout-left, calc(var(--sidebar-w,280px) + 8px))!important;
    top:var(--bo-sidebar-flyout-top, 84px)!important;
    width:286px!important;
    min-width:250px!important;
    max-width:min(320px,calc(100vw - var(--bo-sidebar-flyout-left,288px) - 16px))!important;
    max-height:calc(100vh - 24px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:8px!important;
    margin:0!important;
    background:#fff!important;
    border:1px solid #dbe3ef!important;
    border-radius:12px!important;
    box-shadow:0 16px 38px rgba(15,23,42,.18)!important;
    z-index:12050!important;
    opacity:0;
    visibility:hidden;
    transform:translateX(-6px);
    pointer-events:none;
    transition:opacity .16s ease,transform .16s ease,visibility .16s ease!important;
  }
  /* Desktop flyout visibility is hover-state only. The .open class is
     reserved for the mobile accordion/current-page state and must not make a
     desktop flyout appear automatically after navigation. */
  .report-sidebar .report-nav > .nav-group.bo-flyout-hover > .nav-group-list{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    transform:translateX(0)!important;
    pointer-events:auto!important;
  }
  .report-sidebar .report-nav > .nav-group.open > .nav-group-btn .bi-chevron-down,
  .report-sidebar .report-nav > .nav-group:hover > .nav-group-btn .bi-chevron-down{
    transform:rotate(-90deg)!important;
  }
  .report-sidebar .report-nav > .nav-group > .nav-group-list a{
    border-radius:9px!important;
    margin:2px 0!important;
  }
  body.sidebar-mini .report-sidebar .report-nav > .nav-group > .nav-group-list,
  body.sidebar-mini .report-sidebar:hover .report-nav > .nav-group > .nav-group-list{
    left:var(--bo-sidebar-flyout-left,calc(var(--sidebar-w,280px) + 8px))!important;
  }
}

/* 2026-09-01: Instant flyout switch guard.
   When the pointer enters another main menu, hide the previous flyout in the
   same frame (no fade/slide overlap), then allow the new one to render. */
@media (min-width:992px){
  .report-sidebar .report-nav > .nav-group.bo-flyout-instant-hide > .nav-group-list{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:none!important;
    transform:none!important;
  }
}

/* 2026-09-01: Hover bridge for desktop sidebar flyout.
   Keeps the parent group hovered while the pointer travels from the main menu
   to the right-side submenu, so no click is required before selecting a child. */
@media (min-width:992px){
  .report-sidebar .report-nav > .nav-group{
    position:relative!important;
  }
  .report-sidebar .report-nav > .nav-group::after{
    content:"";
    position:absolute;
    top:0;
    right:-14px;
    width:14px;
    height:100%;
    background:transparent;
    pointer-events:auto;
    z-index:12049;
  }
}