/* WBX v24.3 — Stripe Foundation
 * Global content styling for RISE core modules and third-party plugins.
 * Navigation is intentionally excluded to preserve the stable admin/client sidebars.
 */
:root{
  --wbx-stripe-bg:#f6f8fb;
  --wbx-stripe-surface:#ffffff;
  --wbx-stripe-border:#e6eaf0;
  --wbx-stripe-border-strong:#d8dee8;
  --wbx-stripe-text:#172033;
  --wbx-stripe-muted:#66758c;
  --wbx-stripe-primary:var(--wbx-brand-primary,#635bff);
  --wbx-stripe-radius:14px;
  --wbx-stripe-radius-sm:10px;
  --wbx-stripe-shadow:0 8px 28px rgba(15,23,42,.055);
}

body:not(.signin-page){background:var(--wbx-stripe-bg)!important;color:var(--wbx-stripe-text)}
body:not(.signin-page) .page-container,
body:not(.signin-page) .scrollable-page,
body:not(.signin-page) .main-scrollable-page{background:var(--wbx-stripe-bg)!important}
body:not(.signin-page) #page-content.page-wrapper,
body:not(.signin-page) .page-wrapper{padding:24px!important;max-width:1520px;margin-left:auto!important;margin-right:auto!important}

body:not(.signin-page) #page-content>.card,
body:not(.signin-page) #page-content>.panel,
body:not(.signin-page) #page-content .card:not(.modal-content),
body:not(.signin-page) #page-content .panel,
body:not(.signin-page) .plugin-page .card,
body:not(.signin-page) [class*="workspace"] .card{
  background:var(--wbx-stripe-surface)!important;
  border:1px solid var(--wbx-stripe-border)!important;
  border-radius:var(--wbx-stripe-radius)!important;
  box-shadow:var(--wbx-stripe-shadow)!important;
}

body:not(.signin-page) .page-title{
  min-height:64px!important;padding:16px 20px!important;
  display:flex!important;align-items:center!important;
  border-bottom:1px solid var(--wbx-stripe-border)!important;
  background:var(--wbx-stripe-surface)!important;
  border-radius:var(--wbx-stripe-radius) var(--wbx-stripe-radius) 0 0!important;
}
body:not(.signin-page) .page-title h1,
body:not(.signin-page) .page-title h2,
body:not(.signin-page) .page-title h3{margin:0!important;color:var(--wbx-stripe-text)!important;font-weight:700!important;letter-spacing:-.02em!important}

body:not(.signin-page) .filter-section-container,
body:not(.signin-page) .filter-section-flex-row{
  background:var(--wbx-stripe-surface)!important;
  border-color:var(--wbx-stripe-border)!important;
}
body:not(.signin-page) .filter-section-flex-row{padding:14px 18px!important;gap:10px!important}

body:not(.signin-page) .form-control,
body:not(.signin-page) .select2-choice,
body:not(.signin-page) .select2-container .select2-choice,
body:not(.signin-page) .custom-select,
body:not(.signin-page) select.form-control{
  min-height:40px!important;border:1px solid var(--wbx-stripe-border-strong)!important;
  border-radius:var(--wbx-stripe-radius-sm)!important;background:#fff!important;
  color:var(--wbx-stripe-text)!important;box-shadow:none!important;
}
body:not(.signin-page) .form-control:focus,
body:not(.signin-page) .select2-container-active .select2-choice{
  border-color:var(--wbx-stripe-primary)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--wbx-stripe-primary) 14%,transparent)!important;
}

body:not(.signin-page) .btn{
  min-height:40px;border-radius:var(--wbx-stripe-radius-sm)!important;
  font-weight:650!important;box-shadow:none!important;
}
body:not(.signin-page) .btn-primary{
  background:var(--wbx-stripe-primary)!important;border-color:var(--wbx-stripe-primary)!important;color:#fff!important;
}
body:not(.signin-page) .btn-default,
body:not(.signin-page) .btn-light{
  background:#fff!important;border:1px solid var(--wbx-stripe-border-strong)!important;color:#344054!important;
}

body:not(.signin-page) .table-responsive{border-radius:0 0 var(--wbx-stripe-radius) var(--wbx-stripe-radius)!important}
body:not(.signin-page) table.dataTable,
body:not(.signin-page) .table{width:100%!important;margin:0!important;background:#fff!important}
body:not(.signin-page) table.dataTable thead th,
body:not(.signin-page) .table>thead>tr>th{
  padding:14px 16px!important;background:#f8fafc!important;
  color:#516074!important;font-size:12px!important;font-weight:700!important;
  border-bottom:1px solid var(--wbx-stripe-border)!important;white-space:nowrap;
}
body:not(.signin-page) table.dataTable tbody td,
body:not(.signin-page) .table>tbody>tr>td{
  padding:15px 16px!important;color:#475569!important;
  border-bottom:1px solid #edf1f5!important;vertical-align:middle!important;
}
body:not(.signin-page) table.dataTable tbody tr:hover td,
body:not(.signin-page) .table>tbody>tr:hover>td{background:#fafbff!important}

body:not(.signin-page) .dataTables_info,
body:not(.signin-page) .dataTables_length,
body:not(.signin-page) .dataTables_paginate{color:var(--wbx-stripe-muted)!important}
body:not(.signin-page) .datatable-tools{padding:10px 4px!important}
body:not(.signin-page) .pagination .page-link{
  border:1px solid var(--wbx-stripe-border)!important;border-radius:8px!important;
  color:#475569!important;background:#fff!important;margin:0 3px!important;
}
body:not(.signin-page) .pagination .active .page-link{background:var(--wbx-stripe-primary)!important;color:#fff!important;border-color:var(--wbx-stripe-primary)!important}

body:not(.signin-page) .modal-content{
  border:1px solid var(--wbx-stripe-border)!important;border-radius:18px!important;
  box-shadow:0 28px 80px rgba(15,23,42,.22)!important;overflow:hidden;
}
body:not(.signin-page) .modal-header,
body:not(.signin-page) .modal-footer{border-color:var(--wbx-stripe-border)!important;background:#fff!important}
body:not(.signin-page) .nav-tabs{border-bottom:1px solid var(--wbx-stripe-border)!important}
body:not(.signin-page) .nav-tabs .nav-link{border:0!important;color:var(--wbx-stripe-muted)!important;font-weight:650!important}
body:not(.signin-page) .nav-tabs .nav-link.active{color:var(--wbx-stripe-primary)!important;border-bottom:2px solid var(--wbx-stripe-primary)!important;background:transparent!important}

body:not(.signin-page) .badge{border-radius:999px!important;padding:.38em .68em!important;font-weight:650!important}
body:not(.signin-page) a:not(.nav-link):not(.sidebar-brand){text-underline-offset:2px}

@media(max-width:991px){
  body:not(.signin-page) #page-content.page-wrapper,
  body:not(.signin-page) .page-wrapper{padding:14px!important;max-width:none!important}
}