:root{--bl-ink:#183e39;--bl-green:#23786b;--bl-muted:#7a8b87;--bs-primary:#23786b}body{background:#f5f7f6;color:#344b46;font-family:'Public Sans',system-ui,sans-serif}h1,h2,h3,h4,h5{color:#183e39}h2{font-weight:650;letter-spacing:-1px}.btn-primary{background:#23786b!important;border-color:#23786b!important;box-shadow:0 4px 10px #23786b20!important}.btn-primary:hover{background:#185c52!important}.btn-label-primary{background:#e3f0eb!important;color:#23786b!important}a{color:#23786b}.form-control:focus,.form-select:focus{border-color:#23786b;box-shadow:0 0 0 3px #23786b14}.form-control,.form-select{padding:.7rem .9rem;border-color:#dce5e1}.card{border:1px solid #e1e8e4;box-shadow:0 3px 10px #223d3204;border-radius:14px}.card-header{padding:24px}.bl-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:5px 0 28px}.bl-heading p{margin:7px 0 0;color:#81918b}.bl-heading h2{margin:8px 0}.bl-eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#7b928a}.bl-date{background:white;padding:12px 18px;border:1px solid #e1e8e4;border-radius:8px;white-space:nowrap}.bl-hero{background:#193f39;border-radius:16px;padding:36px 40px;display:flex;justify-content:space-between;overflow:hidden;position:relative;min-height:280px}.bl-hero h3{color:#fff;font-size:30px;line-height:1.25;margin:14px 0;font-weight:600;letter-spacing:-.6px}.bl-hero p{color:#b6ccc4;font-size:13px}.bl-hero .btn{font-size:12px;margin-top:8px;color:#1d5045}.bl-hero-art{width:40%;position:relative;min-height:235px}.bl-hero-art div{position:absolute;bottom:-75px;width:100px;height:300px;transform:rotate(28deg);background:#ffffff09;border:1px solid #ffffff0d}.bl-hero-art div:nth-child(1){left:0;height:190px}.bl-hero-art div:nth-child(2){left:105px;height:300px}.bl-hero-art div:nth-child(3){left:210px;height:390px}.bl-hero-art span{position:absolute;right:5%;top:20px;font-size:47px;line-height:1.04;font-weight:800;color:#c4dbcc;letter-spacing:-2px}.bl-stat{padding:23px;height:100%}.bl-stat span{font-size:12px;color:#71877e}.bl-stat i{color:#2c7f6b;background:#edf5f0;padding:8px;border-radius:8px}.bl-stat h3{font-size:27px;margin:18px 0 8px;letter-spacing:-.7px;font-weight:650}.bl-stat small{color:#8ca097;font-size:11px}.bl-status{display:inline-block;padding:6px 10px;border-radius:6px;background:#f1f3f2;color:#63736c;font-size:11px;font-weight:600;white-space:nowrap}.bl-status.approved,.bl-status.cleared,.bl-status.active{background:#e4f3eb;color:#207852}.bl-status.in_process,.bl-status.pending,.bl-status.on_hold{background:#fff2d9;color:#a77a25}.bl-status.rejected,.bl-status.bounced{background:#fce9e6;color:#b35b51}.table thead th{background:#f7f9f8;color:#799086;font-size:10px;font-weight:600;letter-spacing:.6px;padding:15px}.table td{font-size:12px;padding:17px 15px;border-color:#eef2ef}.table small{font-size:10px;margin-top:4px}.bl-note{display:flex;gap:12px;padding:20px;background:#edf3ef;border-radius:10px;font-size:12px;color:#638173}.bl-live{display:flex;align-items:center;gap:6px;font-size:10px;color:#7b9187}.bl-live span{width:6px;height:6px;border-radius:50%;background:#40a781}.bl-step{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:#e9f3ee;color:#23786b;font-size:12px;margin-right:8px}.bl-total{display:flex;justify-content:space-between;background:#edf5f0;border-radius:10px;padding:24px;color:#23786b}.bl-total strong{font-size:25px}.bl-total small{font-size:11px;margin-top:4px;color:#7b9187}.bl-logo{background:#89bfa8;color:#173e35;font-size:21px;font-weight:800;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;margin-right:10px}.bg-menu-theme{background:#173b34!important;color:#c4d5cc!important}.bg-menu-theme .menu-link,.bg-menu-theme .menu-header{color:#b0c7bc!important}.bg-menu-theme .menu-header{font-size:9px!important;letter-spacing:1.5px}.bg-menu-theme .menu-item.active>.menu-link{background:#ffffff13!important;color:#fff!important;box-shadow:none!important}.bg-menu-theme .menu-inner>.menu-item.active:before{background:#9bcab0!important}.bg-menu-theme .menu-item .menu-link{font-size:12px}.bg-menu-theme .app-brand-text{color:#fff!important;font-size:22px;letter-spacing:-.7px;text-transform:none}.bg-menu-theme .app-brand{height:84px}.layout-navbar{box-shadow:none;border:1px solid #e1e8e4;border-radius:12px}.content-footer{font-size:11px}.dataTables_wrapper .row{margin:12px 0}.dataTables_filter,.dataTables_length{padding:0 12px}.pagination .page-item.active .page-link{background:#23786b!important;border-color:#23786b!important}.modal-content{border-radius:15px}.modal-header,.modal-body,.modal-footer{padding:22px}.bl-line{background:#f7f9f8;border:1px solid #e3e9e5;padding:16px;border-radius:10px;margin:12px 0}.bl-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bl-detail-grid dt{font-size:11px;color:#82968b}.bl-detail-grid dd{font-size:13px;overflow-wrap:anywhere}.bl-login{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.bl-login-story{background:#173e35;color:#d1e5d9;display:flex;flex-direction:column;justify-content:space-between;padding:55px 65px}.bl-login-brand{font-weight:700;font-size:28px;color:#fff;letter-spacing:-1px}.bl-login-story h1{font-size:50px;line-height:1.15;color:#fff;letter-spacing:-2px;margin:18px 0 25px}.bl-login-story p{line-height:1.9;color:#b4ccbe}.bl-login-story .bl-eyebrow{color:#91b6a1}.bl-login-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}.bl-login-tags span{border:1px solid #ffffff24;border-radius:7px;padding:12px;font-size:11px}.bl-login-story small{color:#85a693}.bl-login-form{display:flex;align-items:center;justify-content:center;padding:45px}.bl-login-form>div{width:100%;max-width:390px}.bl-login-form h2{font-size:27px}.bl-login-form p{font-size:13px}.bl-login-form label{font-size:12px}#template-customizer{display:none!important}@media(max-width:767px){.bl-heading{align-items:flex-start;flex-direction:column}.bl-heading h2{font-size:25px}.bl-hero{padding:25px}.bl-hero-art{display:none}.bl-login{grid-template-columns:1fr}.bl-login-story{padding:35px;min-height:300px}.bl-login-story h1{font-size:35px}.bl-login-story small,.bl-login-tags{display:none}.bl-login-form{padding:35px 25px}.bl-detail-grid{grid-template-columns:1fr}.bl-total{flex-direction:column;gap:15px}}
:root{--bl-primary:#23786b;--bl-primary-rgb:35,120,107;--bl-on-primary:#fff;--bl-sidebar:#173b34;--bl-sidebar-text:#fff;--bl-background:#f5f7f6;--bl-table-y:17px;--bs-primary:var(--bl-primary);--bs-primary-rgb:var(--bl-primary-rgb)}
.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option--selected{background-color:var(--bl-primary)!important;color:var(--bl-on-primary)!important}
body,.layout-page{background:var(--bl-background)}a,.text-primary,.text-active-primary:hover{color:var(--bl-primary)!important}.btn-primary,.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.nav-pills .nav-link.active,.nav-pills .show>.nav-link,.pagination .page-item.active .page-link,.form-check-input:checked,.switch-input:checked~.switch-toggle-slider,.select2-container--default .select2-results__option--highlighted[aria-selected],.bg-primary{background:var(--bl-primary)!important;border-color:var(--bl-primary)!important;color:var(--bl-on-primary)!important;box-shadow:none!important}.btn-primary:hover{filter:brightness(.94)}.btn-label-primary,.bg-label-primary,.bl-step{background:rgba(var(--bl-primary-rgb),.1)!important;color:var(--bl-primary)!important}.btn-outline-primary{color:var(--bl-primary)!important;border-color:var(--bl-primary)!important}.btn-outline-primary:hover{background:var(--bl-primary)!important;color:var(--bl-on-primary)!important}.form-control:focus,.form-select:focus,.select2-container--default.select2-container--focus .select2-selection{border-color:var(--bl-primary)!important;box-shadow:0 0 0 3px rgba(var(--bl-primary-rgb),.1)!important}.nav-tabs .nav-link.active{color:var(--bl-primary)!important;border-bottom-color:var(--bl-primary)!important}.bg-menu-theme,.bl-login-story,.bl-hero{background:var(--bl-sidebar)!important;color:var(--bl-sidebar-text)!important}.bl-login-story{background-repeat:no-repeat!important}.bg-menu-theme .menu-link,.bg-menu-theme .menu-header,.bg-menu-theme .app-brand-text,.bg-menu-theme .menu-item.active>.menu-link,.bl-hero h3,.bl-login-story h1,.bl-login-brand{color:var(--bl-sidebar-text)!important}.bg-menu-theme .menu-item.active:before{background:var(--bl-primary)!important}.bg-menu-theme .menu-header{opacity:.65}.bl-total,.bl-stat i{color:var(--bl-primary);background:rgba(var(--bl-primary-rgb),.07)}.table td{padding-top:var(--bl-table-y);padding-bottom:var(--bl-table-y)}
.dataTables_wrapper>.row{margin:0!important;padding:20px 24px;align-items:center;row-gap:16px}.dataTables_wrapper>.row:last-child{border-top:1px solid #e5ebe8;min-height:86px}.dataTables_wrapper>.row>div{padding:0}.dataTables_wrapper .dataTables_info{padding-top:0!important;color:#72817b;font-size:12px}.dataTables_wrapper .dataTables_paginate{padding:0!important}.dataTables_wrapper .pagination{margin:0!important;gap:6px;justify-content:flex-end}.dataTables_wrapper .page-link{min-width:36px;height:36px;border-radius:8px!important;display:flex;align-items:center;justify-content:center;margin:0!important}.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_length{padding:0}.dataTables_wrapper .dataTables_scroll table{margin:0!important}.dataTables_wrapper .dataTables_scrollBody{border-bottom:0!important}.dataTables_wrapper .dataTables_filter input{min-height:38px;border-radius:8px}.bl-actions{display:flex;align-items:center;gap:7px;white-space:nowrap}.bl-action{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid #dfe8e3;border-radius:8px;background:#fff;color:var(--bl-primary)!important;cursor:pointer}.bl-action i{font-size:18px}.bl-action:hover{background:rgba(var(--bl-primary-rgb),.08);border-color:var(--bl-primary)}.bl-action:focus-visible{outline:3px solid rgba(var(--bl-primary-rgb),.3);outline-offset:2px}.bl-action-danger{color:#bb4545!important}.bl-action-danger:hover{background:#fff0f0;border-color:#bb4545}
.bl-settings-tabs{display:flex;flex-wrap:wrap;gap:10px}.bl-settings-tabs a{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid #e0e8e3;border-radius:10px;background:#fff;color:#60746b!important}.bl-settings-tabs a.active{background:var(--bl-primary);color:var(--bl-on-primary)!important;border-color:var(--bl-primary)}.bl-asset-card{padding:18px;border:1px solid #e1e8e4;border-radius:12px;height:100%}.bl-asset-preview{height:110px;display:flex;align-items:center;justify-content:center;background:#f1f5f3;border-radius:8px;margin:12px 0 18px;padding:16px;overflow:hidden}.bl-asset-preview img{max-width:100%;max-height:100%;object-fit:contain}.bl-asset-preview.cover img{width:100%;height:100%;object-fit:cover}.asset-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#92a299}.bl-color-control{display:flex;align-items:center;gap:12px}.bl-color-control input[type=color]{width:46px;height:43px;padding:4px;background:white;border:1px solid #dce5e1;border-radius:8px;cursor:pointer}.bl-settings-sticky{position:sticky;top:24px}.bl-brand-preview{display:grid;grid-template-columns:42% 58%;min-height:205px;border:1px solid #e1e8e4;border-radius:10px;overflow:hidden}.bl-brand-preview aside{padding:18px 12px;display:flex;flex-direction:column;gap:14px;font-size:11px}.bl-brand-preview aside b{overflow-wrap:anywhere}.bl-brand-preview .selected{padding:8px;background:#ffffff22;border-radius:5px}.bl-brand-preview main{padding:20px 14px}.bl-brand-preview main small{font-size:8px;letter-spacing:1px}.bl-brand-preview main h6{margin:12px 0}.bl-brand-preview button{border:0;border-radius:5px;padding:9px;font-size:9px}.bl-main-logo{max-width:var(--bl-logo-width,170px);max-height:44px;object-fit:contain}.bl-mini-logo{width:34px;height:34px;object-fit:contain;margin-right:8px}.bl-main-logo~.bl-mini-logo,.bl-main-logo~.bl-logo{display:none}.bl-main-logo~.app-brand-text{font-size:14px!important;margin-left:8px;white-space:normal}.bl-login-logo{max-width:var(--bl-logo-width,170px);max-height:70px;object-fit:contain}.layout-menu-collapsed:not(.layout-menu-hover) .bl-main-logo{display:none}.layout-menu-collapsed:not(.layout-menu-hover) .bl-mini-logo,.layout-menu-collapsed:not(.layout-menu-hover) .bl-logo{display:inline-flex}.bl-login-story[style]{background-color:var(--bl-sidebar)!important}
@media(max-width:767px){.dataTables_wrapper>.row{padding:18px;gap:18px}.dataTables_wrapper .pagination{justify-content:center;flex-wrap:wrap}.dataTables_wrapper .dataTables_info{text-align:center}.dataTables_wrapper .dataTables_filter input{max-width:180px}.bl-settings-sticky{position:static}.content-footer .container-xxl{gap:12px;flex-wrap:wrap}}

.bl-login-story[style]{background-image:var(--bl-login-image)!important;background-size:cover!important;background-position:center!important}
/* Keep navigation states readable with both light and dark custom sidebars. */
#layout-menu.bg-menu-theme .menu-inner .menu-item > .menu-link {
  transition: background-color .15s ease, color .15s ease;
}
#layout-menu.bg-menu-theme .menu-inner .menu-item > .menu-link:hover,
#layout-menu.bg-menu-theme .menu-inner .menu-item > .menu-link:focus-visible,
#layout-menu.bg-menu-theme .menu-inner .menu-item.open > .menu-link,
#layout-menu.bg-menu-theme .menu-inner .menu-item.active > .menu-link {
  background: color-mix(in srgb, var(--bl-sidebar) 90%, var(--bl-sidebar-text) 10%) !important;
  color: var(--bl-sidebar-text) !important;
  box-shadow: none !important;
}
#layout-menu.bg-menu-theme .menu-inner .menu-item > .menu-link:focus-visible {
  outline: 2px solid var(--bl-sidebar-text);
  outline-offset: -2px;
}
#layout-menu.bg-menu-theme .menu-inner .menu-link .menu-icon {
  color: inherit !important;
}
.dataTables_wrapper>.row.dt-row{padding:0!important}.dataTables_wrapper>.row:first-child{padding-top:10px;padding-bottom:20px}.dataTables_wrapper .dataTables_length label,.dataTables_wrapper .dataTables_filter label{margin-bottom:0!important}.bl-delete-symbol{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff0f0;color:#bb4545;border-radius:12px;font-size:24px}.bl-login-story p,.bl-login-story small,.bl-login-story .bl-eyebrow,.bl-hero p{color:var(--bl-sidebar-text);opacity:.75}
.dataTables_wrapper>.top,.dataTables_wrapper>.bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:20px 24px}.dataTables_wrapper>.bottom{border-top:1px solid #e5ebe8;min-height:86px}.dataTables_wrapper>.top .dt-buttons{margin-left:auto}.dataTables_wrapper>.bottom .dataTables_info{margin:0}.dataTables_wrapper td .text-body:has(.ti-pencil),.dataTables_wrapper td .text-body.SingleDelete{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #dfe8e3;border-radius:8px;margin:0 3px;color:var(--bl-primary)!important}.dataTables_wrapper td .text-body.SingleDelete{color:#bb4545!important}
/* A persistent selection distinct from hover, without the template's pale scroll overlay. */
#layout-menu .menu-inner-shadow { display: none !important; }
#layout-menu .app-brand {
  border-bottom: 1px solid color-mix(in srgb, var(--bl-sidebar-text) 18%, transparent);
  flex-shrink: 0;
}
#layout-menu .menu-inner {
  min-height: 0;
  overscroll-behavior-y: contain;
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--bl-sidebar-text) 30%, var(--bl-sidebar)) var(--bl-sidebar);
}
#layout-menu .menu-inner > .menu-item,
#layout-menu .menu-inner > .menu-header { width: 100%; }
#layout-menu .menu-inner .menu-link > div { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 1199.98px) {
  #layout-menu { max-width: calc(100vw - 48px); height: 100dvh; }
  #layout-menu .menu-inner { overflow-x: hidden !important; }
  html.layout-menu-expanded, html.layout-menu-expanded body { overflow: hidden !important; }
}
#layout-menu.bg-menu-theme .menu-inner .menu-item.active > .menu-link {
  background: color-mix(in srgb, var(--bl-sidebar) 80%, var(--bl-sidebar-text) 20%) !important;
  color: var(--bl-sidebar-text) !important;
  font-weight: 600;
}
.layout-wrapper #layout-menu.bg-menu-theme .menu-inner > .menu-item.active::before {
  background: var(--bl-sidebar-text) !important;
}
.bl-notification-toggle{padding:7px;color:var(--bl-primary)!important;display:flex;align-items:center;gap:4px}.bl-notification-toggle .badge{font-size:9px}.bl-notification-menu{width:390px;max-width:calc(100vw - 32px);border:1px solid #e1e8e4;border-radius:14px;box-shadow:0 14px 45px #173b3424;overflow:hidden}.bl-notification-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid #e8eeeb}.bl-notification-header small{font-size:11px}.bl-notification-header button{font-size:11px;white-space:nowrap}.bl-notification-list{max-height:min(430px,calc(100dvh - 230px));overflow-y:auto;overscroll-behavior:contain}.bl-notification-item{display:flex;gap:12px;padding:18px;border-bottom:1px solid #edf1ef}.bl-notification-item.is-unread{background:rgba(var(--bl-primary-rgb),.045)}.bl-notification-icon{flex-shrink:0;background:rgba(var(--bl-primary-rgb),.09);color:var(--bl-primary);width:32px;height:32px;border-radius:9px;display:grid;place-items:center}.bl-notification-content{min-width:0;flex:1;overflow-wrap:anywhere}.bl-notification-content strong{font-size:12px;color:var(--bl-ink)}.bl-notification-content p{font-size:11px;margin:6px 0;color:#74817b}.bl-notification-content time{font-size:10px;color:#87958e}.bl-notification-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;font-size:11px}.bl-notification-actions .btn{font-size:10px;padding:5px 8px}.bl-notification-footer{display:flex;justify-content:center;align-items:center;gap:8px;padding:15px;font-size:12px;font-weight:600;border-top:1px solid #e8eeeb}@media(max-width:575.98px){#layout-navbar .bl-notification-dropdown{position:static}.bl-notification-menu{position:absolute!important;inset:calc(100% + 8px) 0 auto auto!important;transform:none!important;width:min(390px,calc(100vw - 32px))}}
#layout-navbar .bl-notification-dropdown{position:relative}#layout-navbar .bl-notification-menu{position:absolute!important;inset:calc(100% + 10px) 0 auto auto!important;transform:none!important}@media(max-width:575.98px){#layout-navbar .bl-notification-dropdown{position:static}#layout-navbar .bl-notification-menu{inset:calc(100% + 8px) 0 auto auto!important}}
/* Override vendor button states with the workspace's selected primary color. */
.btn-primary:disabled,
.btn-primary.disabled,
.btn-primary:focus-visible,
.btn-primary.show,
.btn-primary.active,
.btn-primary:first-child:active,
:not(.btn-check) + .btn-primary:active,
.btn-check:checked + .btn-primary {
  background-color: var(--bl-primary) !important;
  border-color: var(--bl-primary) !important;
  color: var(--bl-on-primary) !important;
  box-shadow: none !important;
}
.btn-label-primary:disabled,
.btn-label-primary.disabled,
.btn-label-primary:hover,
.btn-label-primary:focus,
.btn-label-primary:active {
  background-color: rgba(var(--bl-primary-rgb), .12) !important;
  border-color: transparent !important;
  color: var(--bl-primary) !important;
}
.btn-outline-primary:disabled,
.btn-outline-primary.disabled {
  background-color: transparent !important;
  border-color: var(--bl-primary) !important;
  color: var(--bl-primary) !important;
}
.bl-inline-status{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;cursor:pointer}.bl-inline-status .form-check-input{width:32px;height:18px;border-radius:20px;margin:0;cursor:pointer;background-image:none!important;position:relative;flex-shrink:0}.bl-inline-status .form-check-input:before{content:'';position:absolute;width:12px;height:12px;top:2px;left:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .15s}.bl-inline-status .form-check-input:checked:before{transform:translateX(14px)}.bl-inline-status .form-check-input:not(:checked){background-color:#a2afa9}.bl-status.inactive{background:#f1e8e5;color:#8c5145}.select2-container{max-width:100%}.select2-container--default .select2-selection--single{min-height:42px;border:1px solid #dce5e1;border-radius:7px;display:flex;align-items:center}.select2-container--default .select2-selection--single .select2-selection__arrow{height:40px}.select2-container--default .select2-selection--multiple{min-height:42px;border-color:#dce5e1}.select2-container--default .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-results__option--highlighted[aria-selected=true]{background:var(--bl-primary)!important;color:var(--bl-on-primary)!important}.select2-container--default.select2-container--open .select2-selection,.select2-dropdown{border-color:var(--bl-primary)!important}.select2-container--default .select2-selection--multiple .select2-selection__choice{background:rgba(var(--bl-primary-rgb),.1)!important;color:var(--bl-primary)!important}.dataTables_length .select2-container{min-width:76px;margin:0 8px}.inline-status-select+.select2-container{min-width:140px}.select2-search__field:focus{outline-color:var(--bl-primary)}
/* Compact check/cross switch with a square thumb, using the workspace accent. */
.bl-inline-status .form-check-input{appearance:none;width:44px;height:24px;border-radius:6px;border:1px solid #8b9ba4;box-shadow:none;background-image:none!important;transition:background-color .15s,border-color .15s}
.bl-inline-status .form-check-input:before{width:14px;height:14px;top:4px;left:4px;border-radius:4px;background:#8b9ba4;box-shadow:none;transition:transform .15s}
.bl-inline-status .form-check-input:after{content:'×';position:absolute;right:5px;top:0;font-size:20px;line-height:21px;color:#80909a;font-weight:400}
.bl-inline-status .form-check-input:not(:checked){background-color:transparent}
.bl-inline-status .form-check-input:checked{background-color:var(--bl-primary)!important;border-color:var(--bl-primary)!important}
.bl-inline-status .form-check-input:checked:before{transform:translateX(20px);background:var(--bl-on-primary)}
.bl-inline-status .form-check-input:checked:after{content:'✓';left:5px;right:auto;top:1px;font-size:14px;line-height:20px;color:var(--bl-on-primary)}
.bl-inline-status .form-check-input:focus-visible{outline:3px solid rgba(var(--bl-primary-rgb),.25);outline-offset:3px}
.bl-inline-status .form-check-input:disabled{cursor:not-allowed;opacity:.5}
.bl-inline-status .bl-status.active{background:rgba(var(--bl-primary-rgb),.12);color:var(--bl-primary)}
.bl-toast-container{position:fixed;top:24px;right:24px;z-index:1090;max-width:calc(100vw - 32px);pointer-events:none}.bl-success-toast{pointer-events:auto;background:#fff;border:1px solid #dce8e2;border-left:4px solid var(--bl-primary);border-radius:10px;box-shadow:0 8px 30px #173b3420;color:#344b46}.bl-toast-icon{display:grid;place-items:center;margin-left:16px;color:var(--bl-primary);font-size:24px}.bl-success-toast .toast-body{flex:1;font-size:13px}@media(max-width:575.98px){.bl-toast-container{top:16px;right:16px;left:16px}.bl-success-toast{width:100%}}
@media(prefers-reduced-motion:reduce){.bl-inline-status .form-check-input,.bl-inline-status .form-check-input:before{transition:none}}
/* DataTables' checkbox sizing must not shrink the status switch. */
.table .bl-inline-status input.inline-status-toggle{width:44px!important;height:24px!important;min-width:44px!important;border-radius:6px!important;overflow:visible}
.bl-permission-group{border:1px solid #e0e8e3;border-radius:10px;padding:18px;height:100%;background:#fafcfb}.bl-permission-group .form-check-label{font-size:12px}.bl-settings-form .card-header{border-bottom:0}.bl-settings-form .card-body{padding-top:8px}.bl-settings-form .form-message:empty{display:none}

/* Let content shrink within the workspace; keep wide data inside its table scroller. */
.layout-wrapper,.layout-container,.layout-page,.content-wrapper{min-width:0}
.content-wrapper>.container-xxl,.content-wrapper>.container-fluid{min-width:0;max-width:100%}
.row>*{min-width:0}
.card-body.row{margin-left:0;margin-right:0;width:100%}
.bl-heading>*,.bl-color-control>*,.bl-brand-preview>*{min-width:0}
.bl-color-control input[type=color]{flex:0 0 46px}
.bl-color-control .color-hex{flex:1;width:0}
.bl-brand-preview{grid-template-columns:minmax(0,42fr) minmax(0,58fr)}
.bl-brand-preview main,.bl-settings-tabs a,.card-header h5{overflow-wrap:anywhere}
.form-control,.form-select,input[type=file]{max-width:100%;min-width:0}
.table-responsive,.dataTables_wrapper,.dataTables_scroll{max-width:100%;min-width:0}
.table-responsive{overscroll-behavior-x:contain}
.dataTables_wrapper .dataTables_scrollBody{overscroll-behavior-x:contain}
@media(max-width:575.98px){
 .bl-heading .d-flex,.card-header.d-flex{flex-wrap:wrap;gap:12px}
 .bl-settings-tabs a{padding:10px 12px;font-size:12px}
 .bl-asset-card{padding:12px}
 .bl-brand-preview main{padding:16px 10px}
 .dataTables_wrapper>.row{padding-left:12px;padding-right:12px}
 .dataTables_wrapper .dataTables_filter input{width:140px;max-width:100%;margin-left:0}
 .dataTables_wrapper .dataTables_filter label{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
 .dataTables_wrapper .dataTables_length label{white-space:normal}
 .dataTables_wrapper>.top,.dataTables_wrapper>.bottom{padding:16px 12px}
 .modal-body,.modal-header,.modal-footer{padding:16px}
}
#layout-navbar>.navbar-nav{min-width:0;flex:1;width:auto!important}
.bl-navbar-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:16px}
.bl-navbar-actions{min-width:0;flex-shrink:0}
.bl-navbar-user{min-width:0;max-width:180px}
.bl-navbar-user strong,.bl-navbar-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:575.98px){
 #layout-navbar{padding-left:12px;padding-right:12px}
 #layout-navbar .layout-menu-toggle{flex-shrink:0;margin-right:8px!important}
 .bl-navbar-actions{gap:8px!important}
 .bl-navbar-user{max-width:110px;padding-left:8px!important;font-size:12px}
 .bl-navbar-actions>form{flex-shrink:0}
}
#layout-navbar>.layout-menu-toggle{flex:0 0 auto;width:auto!important}
@media(max-width:575.98px){
 .bl-navbar-user{max-width:96px}
 .bl-navbar-actions>form .btn{width:32px;padding:6px}
}
/* Mobile record controls remain reachable while the table or form scrolls. */
@media(max-width:575.98px){
 .bl-table-card .dataTables_scroll th.bl-actions-cell,.bl-table-card .dataTables_scroll td.bl-actions-cell{position:sticky;right:0;z-index:2;background:#fff;box-shadow:-5px 0 8px #183e3910}
 .bl-table-card .dataTables_scroll th.bl-actions-cell{background:#f7f9f8}
 .bl-actions{gap:4px}
 .bl-actions .bl-action{width:40px;height:40px;flex-shrink:0}
 .modal .modal-dialog{margin:16px 12px;max-width:calc(100% - 24px)}
 .modal .modal-content{max-height:calc(100dvh - 32px);min-width:0}
 .modal .modal-content>form{display:flex;flex-direction:column;min-height:0;overflow:hidden}
 .modal .modal-body{overflow-y:auto;min-height:0;overscroll-behavior:contain;overflow-wrap:anywhere}
 .modal .modal-header,.modal .modal-footer{flex-shrink:0}
 .modal .modal-header .btn-close{transform:none;margin:0 0 0 auto;flex-shrink:0}
 .modal .modal-title{overflow-wrap:anywhere;padding-right:8px}
 .modal .modal-footer{gap:8px;flex-wrap:wrap}
 .modal .modal-footer .btn{margin:0;min-height:42px}
 .modal .select2-container:has(>.selection){width:100%!important;max-width:100%}
 .modal .select2-dropdown{max-width:100%}
}
.modal .select2-container:has(>.select2-dropdown){width:auto!important;max-width:calc(100% - 32px)}
.bl-navbar-user{display:flex;align-items:center;gap:10px;max-width:224px}
.bl-navbar-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex:0 0 36px;border:2px solid rgba(var(--bl-primary-rgb),.15)}
.bl-navbar-user-details{min-width:0}
@media(max-width:575.98px){.bl-navbar-user{max-width:140px;gap:8px}.bl-navbar-avatar{width:32px;height:32px;flex-basis:32px}}
@media(max-width:359.98px){.bl-navbar-user-details{display:none}.bl-navbar-user{max-width:none}}
.bl-account-toggle{border:0;background:transparent;padding:4px 0;color:var(--bl-primary);text-align:left;cursor:pointer;max-width:250px}
.bl-account-toggle:focus-visible{outline:2px solid var(--bl-primary);outline-offset:4px;border-radius:6px}
.bl-account-chevron{font-size:14px;flex-shrink:0}
.bl-account-menu{min-width:190px;max-width:calc(100vw - 32px);padding:8px;border:1px solid #e1e8e4;border-radius:12px;box-shadow:0 10px 28px #183e391a}
.bl-account-menu .dropdown-item{display:flex;align-items:center;min-height:42px;border-radius:7px;font-size:13px}
.bl-account-menu .dropdown-item:hover,.bl-account-menu .dropdown-item:focus{background:rgba(var(--bl-primary-rgb),.1);color:var(--bl-primary)}
.bl-account-menu .dropdown-divider{margin:6px 0}
@media(max-width:575.98px){.bl-account-toggle{max-width:180px}}
/* Anchor the account menu below its trigger, independent of template transforms. */
#layout-navbar .bl-account-dropdown{position:relative}
#layout-navbar .bl-account-menu{position:absolute!important;inset:calc(100% + 10px) 0 auto auto!important;transform:none!important;margin:0!important}
@media(max-width:575.98px){.bl-account-toggle{max-width:140px}.bl-account-chevron{display:none}}