/* Balligo BSoft Premium Glass UI — visual-only global layer */
:root{--bbs-glass-ink:#17264d;--bbs-glass-muted:#6b7898;--bbs-glass-line:rgba(119,143,202,.22);--bbs-glass-surface:rgba(255,255,255,.78);--bbs-glass-shadow:0 18px 48px rgba(37,61,130,.12);--bbs-glass-blue:#1769f5;--bbs-glass-purple:#843cf1;--bbs-glass-gradient:linear-gradient(115deg,#1267f5 0%,#4e49f3 54%,#a33bf1 100%)}
/* Application canvas */
body.balligo-bsoft-app-mode,body.balligo-bsoft-app-shell{background:radial-gradient(ellipse at 6% 4%,rgba(69,140,255,.17),transparent 30%),radial-gradient(ellipse at 92% 5%,rgba(172,84,255,.15),transparent 32%),linear-gradient(135deg,#eef4ff 0%,#f5f2ff 52%,#eaf5ff 100%)!important;color:var(--bbs-glass-ink)}
#balligo-bsoft-app-shell,#bbs-dashboard{color:var(--bbs-glass-ink)}
#balligo-bsoft-app-shell .sw-main-shell{background:transparent!important;min-width:0}
#balligo-bsoft-app-shell .sw-content{padding:clamp(16px,2.2vw,32px)!important;background:transparent!important}
#balligo-bsoft-app-shell .sw-header,#balligo-bsoft-app-shell .sw-topbar{background:rgba(255,255,255,.68)!important;border-color:rgba(255,255,255,.75)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
/* Main page surfaces: deliberate 10px main border radius */
#balligo-bsoft-app-shell .sw-content>*,#balligo-bsoft-app-shell .sw-content>section,#balligo-bsoft-app-shell .sw-content>article,#balligo-bsoft-app-shell .sw-content>form,#balligo-bsoft-app-shell .sw-content>.wrap,#balligo-bsoft-app-shell .sw-content>.container,#balligo-bsoft-app-shell .sw-content>.card,#balligo-bsoft-app-shell .sw-content>.panel,#balligo-bsoft-app-shell .sw-page,#balligo-bsoft-app-shell .sw-page-main,#balligo-bsoft-app-shell .sw-page-container,#balligo-bsoft-app-shell .sw-route-error{box-sizing:border-box;border-radius:10px!important}
#balligo-bsoft-app-shell .sw-content>section,#balligo-bsoft-app-shell .sw-content>article,#balligo-bsoft-app-shell .sw-content>form,#balligo-bsoft-app-shell .sw-content>.wrap,#balligo-bsoft-app-shell .sw-content>.container,#balligo-bsoft-app-shell .sw-content>.card,#balligo-bsoft-app-shell .sw-content>.panel,#balligo-bsoft-app-shell .sw-route-error{background:var(--bbs-glass-surface)!important;border:1px solid rgba(255,255,255,.92)!important;box-shadow:var(--bbs-glass-shadow)!important;padding:clamp(18px,2vw,28px)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
/* Dashboard hero and KPI cards */
#balligo-bsoft-app-shell .sw-page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:clamp(20px,2.4vw,34px)!important;margin:0 0 22px!important;border:1px solid rgba(255,255,255,.65)!important;border-radius:10px!important;background:var(--bbs-glass-gradient)!important;color:#fff!important;box-shadow:0 18px 42px rgba(62,75,208,.22)!important;overflow:hidden}
#balligo-bsoft-app-shell .sw-page-heading h1,#balligo-bsoft-app-shell .sw-page-heading p,#balligo-bsoft-app-shell .sw-page-heading .sw-page-kicker{color:#fff!important}
#balligo-bsoft-app-shell .sw-page-heading h1{font-size:clamp(24px,2.4vw,36px)!important;font-weight:850!important;line-height:1.2!important;margin:5px 0 8px!important;letter-spacing:-.035em}
#balligo-bsoft-app-shell .sw-page-heading p{opacity:.9;line-height:1.7;margin:0}
#balligo-bsoft-app-shell .sw-hero-balance,#balligo-bsoft-app-shell .sw-balance-card,#balligo-bsoft-app-shell .sw-stat-card,#balligo-bsoft-app-shell .sw-kpi-card{border:1px solid rgba(255,255,255,.68)!important;border-radius:10px!important;background:linear-gradient(125deg,rgba(18,103,245,.96),rgba(132,60,241,.94))!important;color:#fff!important;box-shadow:0 16px 36px rgba(72,75,210,.2)!important}
#balligo-bsoft-app-shell .sw-panel,#balligo-bsoft-app-shell .sw-card,#balligo-bsoft-app-shell .sw-form-card,#balligo-bsoft-app-shell .sw-table-wrap,#balligo-bsoft-app-shell .sw-widget,#balligo-bsoft-app-shell .sw-overview-card,#balligo-bsoft-app-shell .sw-fund-card{background:rgba(255,255,255,.78)!important;border:1px solid rgba(255,255,255,.92)!important;border-radius:10px!important;box-shadow:var(--bbs-glass-shadow)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:clamp(16px,2vw,26px)!important}
#balligo-bsoft-app-shell .sw-card h2,#balligo-bsoft-app-shell .sw-card h3,#balligo-bsoft-app-shell .sw-panel h2,#balligo-bsoft-app-shell .sw-panel h3,#balligo-bsoft-app-shell .sw-content h1,#balligo-bsoft-app-shell .sw-content h2{color:var(--bbs-glass-ink);letter-spacing:-.025em}
/* Forms, including legacy module views rendered inside the dashboard */
#balligo-bsoft-app-shell .sw-content label{display:block;font-weight:700;color:#33446d;margin:0 0 7px}
#balligo-bsoft-app-shell .sw-content input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden]),#balligo-bsoft-app-shell .sw-content select,#balligo-bsoft-app-shell .sw-content textarea,#balligo-bsoft-app-shell .bbs-wallet-wrapper input:not([type=checkbox]):not([type=radio]):not([type=submit]),#balligo-bsoft-app-shell .bbs-wallet-wrapper select,#balligo-bsoft-app-shell .bbs-wallet-wrapper textarea{width:100%;max-width:100%;min-height:46px;box-sizing:border-box;background:rgba(255,255,255,.92)!important;color:#1b2b50!important;border:1px solid rgba(112,135,188,.28)!important;border-radius:10px!important;padding:11px 14px!important;box-shadow:inset 0 1px 2px rgba(30,50,100,.025)!important;transition:border-color .18s,box-shadow .18s}
#balligo-bsoft-app-shell .sw-content input:focus,#balligo-bsoft-app-shell .sw-content select:focus,#balligo-bsoft-app-shell .sw-content textarea:focus{outline:0;border-color:#6675f4!important;box-shadow:0 0 0 4px rgba(93,105,241,.13)!important}
#balligo-bsoft-app-shell .sw-content button,#balligo-bsoft-app-shell .sw-content input[type=submit],#balligo-bsoft-app-shell .sw-content .button,#balligo-bsoft-app-shell .sw-content a.sw-button,#balligo-bsoft-app-shell .sw-content .sw-primary-button{border-radius:10px!important;font-weight:800;transition:transform .18s,box-shadow .18s,filter .18s}
#balligo-bsoft-app-shell .sw-content button[type=submit],#balligo-bsoft-app-shell .sw-content input[type=submit],#balligo-bsoft-app-shell .sw-content .sw-primary-button{background:var(--bbs-glass-gradient)!important;color:#fff!important;border:0!important;box-shadow:0 9px 22px rgba(80,76,220,.22)!important;padding:12px 20px!important}
#balligo-bsoft-app-shell .sw-content button:hover,#balligo-bsoft-app-shell .sw-content input[type=submit]:hover{filter:saturate(1.08);transform:translateY(-1px)}
/* Data tables and approval lists */
#balligo-bsoft-app-shell .sw-content table,#balligo-bsoft-app-shell .sw-content .sw-table{width:100%;border-collapse:separate!important;border-spacing:0!important;border:1px solid var(--bbs-glass-line)!important;border-radius:10px!important;overflow:hidden;background:rgba(255,255,255,.78)!important;box-shadow:0 10px 28px rgba(45,65,125,.06)}
#balligo-bsoft-app-shell .sw-content table thead th,#balligo-bsoft-app-shell .sw-content .sw-table thead th{background:linear-gradient(120deg,rgba(222,234,255,.95),rgba(239,229,255,.92))!important;color:#263960!important;font-weight:800!important;border-bottom:1px solid var(--bbs-glass-line)!important;padding:13px 14px!important}
#balligo-bsoft-app-shell .sw-content table td,#balligo-bsoft-app-shell .sw-content .sw-table td{padding:12px 14px!important;border-bottom:1px solid rgba(128,148,195,.15)!important;color:#344361}
#balligo-bsoft-app-shell .sw-content table tbody tr:hover{background:rgba(224,234,255,.5)!important}
/* Generic module wrappers for wallet, donation, accounts, loan, payment and approvals */
#balligo-bsoft-app-shell .bbs-wallet-wrapper,#balligo-bsoft-app-shell .bbs-wallet-card,#balligo-bsoft-app-shell .bbs-approval-wrap,#balligo-bsoft-app-shell .bbs-wallet-approval,#balligo-bsoft-app-shell .bbs-admin-page,#balligo-bsoft-app-shell .bbs-module-wrap,#balligo-bsoft-app-shell .bbs-ledger-wrap,#balligo-bsoft-app-shell .bbs-financial-management,#balligo-bsoft-app-shell .bbs-payment-method-wrap,#balligo-bsoft-app-shell .bbs-checkout-wrap,#balligo-bsoft-app-shell .bbs-donation-wrapper,#balligo-bsoft-app-shell .bbs-account-wrapper,#balligo-bsoft-app-shell .bbs-profile-wrapper,#balligo-bsoft-app-shell .bbs-loanqorj-wrapper{border-radius:10px!important}
#balligo-bsoft-app-shell .bbs-wallet-card,#balligo-bsoft-app-shell .bbs-wallet-wrapper .bbs-wallet-card{background:rgba(255,255,255,.82)!important;border:1px solid rgba(255,255,255,.94)!important;box-shadow:var(--bbs-glass-shadow)!important;padding:clamp(18px,2vw,28px)!important}
#balligo-bsoft-app-shell .bbs-wallet-wrapper,#balligo-bsoft-app-shell .bbs-donation-wrapper,#balligo-bsoft-app-shell .bbs-account-wrapper,#balligo-bsoft-app-shell .bbs-profile-wrapper,#balligo-bsoft-app-shell .bbs-loanqorj-wrapper{background:transparent!important;padding:0!important}
/* WordPress frontend module pages outside the dashboard shell */
.bbs-register-page,.bbs-login-page,.bbs-profile-page,.bbs-wallet-page,.bbs-donation-page,.bbs-account-page,.bbs-loanqorj-page,.bbs-payment-method-page,.bbs-checkout,.bbs-register-card,.bbs-login-card,.bbs-profile-card,.bbs-wallet-card,.bbs-donation-card,.bbs-account-card,.bbs-loanqorj-card,.bbs-payment-method-card{border-radius:10px!important}
.bbs-register-card,.bbs-login-card,.bbs-profile-card,.bbs-wallet-page,.bbs-donation-card,.bbs-account-card,.bbs-loanqorj-card,.bbs-payment-method-card,.bbs-checkout-card{background:rgba(255,255,255,.82)!important;border:1px solid rgba(255,255,255,.95)!important;box-shadow:var(--bbs-glass-shadow)!important}
.bbs-register-wrapper,.bbs-login-wrapper,.bbs-profile-wrapper,.bbs-wallet-wrapper,.bbs-donation-wrapper,.bbs-account-wrapper,.bbs-loanqorj-wrapper,.bbs-payment-method-wrapper{background:radial-gradient(ellipse at 10% 0%,rgba(80,139,255,.13),transparent 38%),radial-gradient(ellipse at 92% 12%,rgba(164,91,255,.12),transparent 34%),linear-gradient(135deg,#f2f6ff,#f6f2ff 55%,#eaf4ff)!important}
/* Keep responsive layouts clean and readable */
@media(max-width:900px){#balligo-bsoft-app-shell .sw-content{padding:16px!important}#balligo-bsoft-app-shell .sw-page-heading{align-items:flex-start;flex-direction:column}#balligo-bsoft-app-shell .sw-content table{display:block;max-width:100%;overflow-x:auto;white-space:nowrap}}
@media(max-width:600px){#balligo-bsoft-app-shell .sw-content{padding:12px!important}#balligo-bsoft-app-shell .sw-panel,#balligo-bsoft-app-shell .sw-card,#balligo-bsoft-app-shell .sw-form-card,#balligo-bsoft-app-shell .sw-table-wrap{padding:14px!important}#balligo-bsoft-app-shell .sw-page-heading{padding:18px!important}#balligo-bsoft-app-shell .sw-content input,#balligo-bsoft-app-shell .sw-content select,#balligo-bsoft-app-shell .sw-content textarea{font-size:16px!important}}


/* =========================================================
   v2.10.36 — layout alignment and responsive spacing patch
   Visual-only overrides. Scope to Balligo BSoft frontend.
   ========================================================= */
#balligo-bsoft-app-shell,
#balligo-bsoft-app-shell .sw-content,
#bbs-dashboard {
  min-width: 0 !important;
  max-width: 100% !important;
}
#balligo-bsoft-app-shell .sw-content {
  padding: clamp(14px, 2.4vw, 34px) !important;
  overflow-x: clip !important;
}
#balligo-bsoft-app-shell .sw-content > * {
  max-width: 100%;
}
#balligo-bsoft-app-shell .sw-content :is(
  .bbs-wallet-wrapper, .bbs-wallet-card, .bbs-ledger-wrapper,
  .bbs-ledger-card, .bbs-module-wrap, .bbs-admin-page,
  .bbs-approval-wrap, .bbs-wallet-approval, .bbs-financial-management,
  .bbs-account-wrapper, .bbs-donation-wrapper, .bbs-payment-method-wrapper,
  .bbs-register-wrapper, .bbs-login-wrapper, .bbs-profile-wrapper,
  .bbs-form-wrapper, .bbs-page-wrapper
) {
  border-radius: 10px !important;
}
#balligo-bsoft-app-shell .sw-content :is(
  .bbs-wallet-card, .bbs-ledger-card, .bbs-module-card,
  .bbs-form-card, .bbs-account-card, .bbs-donation-card,
  .bbs-payment-method-card
) {
  padding: clamp(16px, 2.5vw, 30px) !important;
}
#balligo-bsoft-app-shell .sw-content :is(
  .bbs-wallet-header, .bbs-wallet-form-header, .bbs-ledger-header,
  .bbs-page-heading, .bbs-module-header, .bbs-form-header,
  .bbs-account-header, .bbs-donation-header, .bbs-payment-method-header
) {
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}
#balligo-bsoft-app-shell .sw-content :is(
  .bbs-wallet-header > div, .bbs-wallet-form-header > div,
  .bbs-ledger-heading, .bbs-page-heading > div, .bbs-module-header > div,
  .bbs-form-header > div
) {
  min-width: 0 !important;
  max-width: 100% !important;
  text-align: center !important;
}
#balligo-bsoft-app-shell .sw-content :is(
  .bbs-wallet-header h1, .bbs-wallet-header h2,
  .bbs-wallet-form-header h1, .bbs-wallet-form-header h2,
  .bbs-ledger-heading h1, .bbs-ledger-heading h2,
  .bbs-page-heading h1, .bbs-module-header h1, .bbs-module-header h2,
  .bbs-form-header h1, .bbs-form-header h2
) {
  width: 100%;
  margin-inline: auto !important;
  text-align: center !important;
  overflow-wrap: anywhere;
}
#balligo-bsoft-app-shell .sw-content :is(
  .bbs-wallet-header p, .bbs-wallet-form-header p,
  .bbs-ledger-heading p, .bbs-page-heading p, .bbs-module-header p,
  .bbs-form-header p
) {
  margin-inline: auto !important;
  text-align: center !important;
  overflow-wrap: anywhere;
}
#balligo-bsoft-app-shell .sw-content :is(
  .bbs-wallet-form, .bbs-wallet-form form, .bbs-module-form,
  .bbs-form-card form, .bbs-wallet-card form
) {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: auto !important;
}
#balligo-bsoft-app-shell .sw-content :is(
  .bbs-wallet-form button[type=submit], .bbs-wallet-card button[type=submit],
  .bbs-module-form button[type=submit], .bbs-form-card button[type=submit],
  .bbs-wallet-form input[type=submit], .bbs-wallet-card input[type=submit],
  .bbs-module-form input[type=submit], .bbs-form-card input[type=submit]
) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  max-width: 100% !important;
  min-height: 44px !important;
  margin: 18px auto 0 !important;
  text-align: center !important;
}
#balligo-bsoft-app-shell .sw-content :is(input, select, textarea, button) {
  max-width: 100%;
}
#balligo-bsoft-app-shell .sw-content :is(
  .bbs-ledger-wrapper, .bbs-ledger-card
) {
  overflow: hidden !important;
}
#balligo-bsoft-app-shell .sw-content .bbs-ledger-header {
  display: flex !important;
  flex-direction: column-reverse !important;
}
#balligo-bsoft-app-shell .sw-content .bbs-ledger-heading {
  width: 100% !important;
  text-align: center !important;
}
#balligo-bsoft-app-shell .sw-content .bbs-ledger-kicker,
#balligo-bsoft-app-shell .sw-content .bbs-ledger-heading h2,
#balligo-bsoft-app-shell .sw-content .bbs-ledger-heading p {
  color: #fff !important;
  text-align: center !important;
}
#balligo-bsoft-app-shell .sw-content .bbs-ledger-header {
  padding: clamp(18px, 2.5vw, 30px) !important;
  border-radius: 10px !important;
  background: linear-gradient(115deg,#1267f5 0%,#4e49f3 54%,#a33bf1 100%) !important;
  box-shadow: 0 14px 32px rgba(72,75,210,.18) !important;
}
#balligo-bsoft-app-shell .sw-content .bbs-ledger-icon {
  margin-inline: auto !important;
}
@media (max-width: 767px) {
  #balligo-bsoft-app-shell .sw-content {
    padding: 12px !important;
  }
  #balligo-bsoft-app-shell .sw-content :is(
    .bbs-wallet-card, .bbs-ledger-card, .bbs-module-card,
    .bbs-form-card, .bbs-account-card, .bbs-donation-card,
    .bbs-payment-method-card
  ) {
    padding: 15px !important;
  }
  #balligo-bsoft-app-shell .sw-content :is(
    .bbs-wallet-header, .bbs-wallet-form-header, .bbs-ledger-header,
    .bbs-page-heading, .bbs-module-header, .bbs-form-header
  ) {
    flex-direction: column !important;
    text-align: center !important;
  }
  #balligo-bsoft-app-shell .sw-content table {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  #balligo-bsoft-app-shell .sw-content :is(button, input[type=submit], .button) {
    white-space: normal !important;
    overflow-wrap: anywhere;
  }
}

/* =========================================================
   v2.10.37 — Auth page mobile layout repair
   Scope: Login/Register pages only. Desktop layout unchanged.
   ========================================================= */
@media screen and (max-width: 780px) {
  body:has(.bbs-login-wrapper) main.content-area,
  body:has(.bbs-register-wrapper) main.content-area,
  body:has(.bbs-login-wrapper) .content-area,
  body:has(.bbs-register-wrapper) .content-area {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 12px !important;
    float: none !important;
    box-sizing: border-box !important;
  }

  body:has(.bbs-login-wrapper) .container.content-with-sidebar,
  body:has(.bbs-register-wrapper) .container.content-with-sidebar,
  body:has(.bbs-login-wrapper) .content-with-sidebar,
  body:has(.bbs-register-wrapper) .content-with-sidebar {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
    grid-template-columns: minmax(0, 1fr) !important;
    box-sizing: border-box !important;
  }

  body:has(.bbs-login-wrapper) .sidebar,
  body:has(.bbs-register-wrapper) .sidebar,
  body:has(.bbs-login-wrapper) aside.widget-area,
  body:has(.bbs-register-wrapper) aside.widget-area,
  body:has(.bbs-login-wrapper) .widget-area,
  body:has(.bbs-register-wrapper) .widget-area,
  body:has(.bbs-login-wrapper) .content-with-sidebar > aside,
  body:has(.bbs-register-wrapper) .content-with-sidebar > aside {
    display: none !important;
  }

  body:has(.bbs-login-wrapper) .site-content,
  body:has(.bbs-register-wrapper) .site-content,
  body:has(.bbs-login-wrapper) main,
  body:has(.bbs-register-wrapper) main {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .bbs-login-wrapper,
  .bbs-register-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: auto !important;
    margin: 0 auto !important;
    padding: 16px 10px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .bbs-login-card,
  .bbs-register-card {
    width: 100% !important;
    max-width: 560px !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    padding: 22px 16px !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
  }

  .bbs-login-card *,
  .bbs-register-card *,
  .bbs-login-wrapper *,
  .bbs-register-wrapper * {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    overflow-wrap: anywhere;
  }

  .bbs-login-header,
  .bbs-register-header {
    width: 100% !important;
    margin: 0 auto 20px !important;
    text-align: center !important;
  }

  .bbs-login-title,
  .bbs-login-header h1,
  .bbs-login-header h2,
  .bbs-register-header h1,
  .bbs-register-header h2 {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    font-size: clamp(23px, 6vw, 30px) !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere !important;
  }

  .bbs-login-subtitle,
  .bbs-login-header > p,
  .bbs-register-header > p {
    text-align: center !important;
    line-height: 1.75 !important;
  }

  .bbs-login-form,
  .bbs-register-form,
  .bbs-login-methods,
  .bbs-login-extra,
  .bbs-register-options {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .bbs-login-form input:not([type=checkbox]):not([type=radio]),
  .bbs-register-form input:not([type=checkbox]):not([type=radio]),
  .bbs-login-form select,
  .bbs-register-form select,
  .bbs-login-form textarea,
  .bbs-register-form textarea {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 46px;
    font-size: 16px !important;
  }

  .bbs-login-card button,
  .bbs-register-card button,
  .bbs-login-card input[type=submit],
  .bbs-register-card input[type=submit],
  .bbs-login-card .bbs-stop-wallet-login-button {
    max-width: 100% !important;
    min-height: 46px;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }

  .bbs-register-card {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }

  .bbs-register-brand {
    display: none !important;
  }

  .bbs-register-form-area {
    order: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 10px !important;
  }

  .bbs-register-mobile-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 auto 18px !important;
    text-align: center !important;
  }

  .bbs-form-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
  }

  .bbs-form-group {
    width: 100% !important;
    min-width: 0 !important;
  }

  .bbs-login-methods .bbs-method-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .bbs-login-methods .bbs-method-heading {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .bbs-login-footer,
  .bbs-register-footer {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px !important;
    text-align: center !important;
  }
}

@media screen and (max-width: 380px) {
  body:has(.bbs-login-wrapper) .content-area,
  body:has(.bbs-register-wrapper) .content-area {
    padding: 8px !important;
  }

  .bbs-login-wrapper,
  .bbs-register-wrapper {
    padding: 10px 6px !important;
  }

  .bbs-login-card,
  .bbs-register-card {
    padding: 18px 12px !important;
  }
}


/* ============================================================
   BALLIGO BSOFT — DASHBOARD MODULE LUMINA CONSISTENCY PATCH
   Visual-only styling; keep module logic and controls unchanged.
   ============================================================ */
#balligo-bsoft-app-shell,
#balligo-bsoft-app-shell .bbs-dashboard,
#balligo-bsoft-app-shell .bbs-main,
#balligo-bsoft-app-shell .bbs-content{
  --bbs-lumina-ink:#1d2a49;
  --bbs-lumina-muted:#647394;
  --bbs-lumina-line:rgba(106,128,190,.22);
  --bbs-lumina-glass:rgba(255,255,255,.78);
  --bbs-lumina-blue:#4777f5;
  --bbs-lumina-purple:#8247ec;
  color:var(--bbs-lumina-ink);
}
#balligo-bsoft-app-shell .bbs-content{
  background:linear-gradient(145deg,#f4f7ff 0%,#edf4ff 48%,#f7efff 100%);
  padding:24px;
  border-radius:10px;
}
#balligo-bsoft-app-shell .bbs-content :is(h1,h2,h3,h4,h5,h6,p,label,small,span,div,li,td,th,strong,em){
  text-shadow:none;
}
#balligo-bsoft-app-shell .bbs-content :is(h1,h2,h3,h4,h5,h6){color:var(--bbs-lumina-ink);}
#balligo-bsoft-app-shell .bbs-content :is(p,small,.description,.help-text,.bbs-muted){color:var(--bbs-lumina-muted);}
#balligo-bsoft-app-shell .bbs-content :is(.bbs-card,.bbs-panel,.bbs-section,.bbs-overview-card,.bbs-wallet-card,.bbs-transaction-card,.bbs-service-card,.bbs-table-wrap,.bbs-form-card,.bbs-profile-card,.bbs-settings-card,.bbs-content-card,.bbs-category-section,.bbs-fund-group,.bbs-fund-total-card,.bbs-finance-mini){
  background:var(--bbs-lumina-glass);
  border:1px solid var(--bbs-lumina-line);
  border-radius:10px;
  box-shadow:0 12px 34px rgba(58,78,145,.09),inset 0 1px 0 rgba(255,255,255,.8);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
#balligo-bsoft-app-shell .bbs-content :is(input,select,textarea){
  color:#202e4d;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(113,132,184,.32);
  border-radius:10px;
}
#balligo-bsoft-app-shell .bbs-content :is(input,select,textarea)::placeholder{color:#8490aa;opacity:1;}
#balligo-bsoft-app-shell .bbs-content :is(button,.bbs-btn,.bbs-button,input[type=submit],a.bbs-btn){
  border-radius:10px;
}
#balligo-bsoft-app-shell .bbs-content :is(.bbs-btn-primary,.bbs-button-primary,button[type=submit],input[type=submit]){
  background:linear-gradient(115deg,var(--bbs-lumina-blue),var(--bbs-lumina-purple));
  color:#fff;
  border:1px solid rgba(255,255,255,.25);
  box-shadow:0 7px 18px rgba(94,75,218,.2);
}
#balligo-bsoft-app-shell .bbs-content :is(table,.bbs-table){
  width:100%;border-collapse:separate;border-spacing:0;color:var(--bbs-lumina-ink);
  background:rgba(255,255,255,.66);border:1px solid var(--bbs-lumina-line);border-radius:10px;overflow:hidden;
}
#balligo-bsoft-app-shell .bbs-content :is(th,.bbs-table thead th){
  background:linear-gradient(110deg,rgba(88,126,244,.12),rgba(143,84,232,.10));color:#26385e;font-weight:800;
}
#balligo-bsoft-app-shell .bbs-content :is(td,th){border-color:var(--bbs-lumina-line);padding:12px;}
#balligo-bsoft-app-shell .bbs-content :is(.bbs-dashboard-heading,.bbs-page-heading,.bbs-page-header){
  border-radius:10px;box-shadow:0 12px 30px rgba(75,88,187,.14);
}
#balligo-bsoft-app-shell .bbs-content .bbs-dashboard-heading :is(h1,p,.bbs-heading-kicker){color:#fff;}
#balligo-bsoft-app-shell .bbs-content .bbs-dashboard-fund-overview{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px;
}
#balligo-bsoft-app-shell .bbs-content .bbs-fund-group,
#balligo-bsoft-app-shell .bbs-content .bbs-fund-total-card{padding:18px;min-width:0;}
#balligo-bsoft-app-shell .bbs-content .bbs-fund-group-head strong,
#balligo-bsoft-app-shell .bbs-content .bbs-fund-items span,
#balligo-bsoft-app-shell .bbs-content .bbs-fund-total span,
#balligo-bsoft-app-shell .bbs-content .bbs-fund-items strong,
#balligo-bsoft-app-shell .bbs-content .bbs-fund-total strong,
#balligo-bsoft-app-shell .bbs-content .bbs-fund-total-card span,
#balligo-bsoft-app-shell .bbs-content .bbs-fund-total-card strong{color:var(--bbs-lumina-ink);}
#balligo-bsoft-app-shell .bbs-content .bbs-fund-group-head span,
#balligo-bsoft-app-shell .bbs-content .bbs-fund-total-card small{color:var(--bbs-lumina-muted);}
#balligo-bsoft-app-shell .bbs-content .bbs-fund-total-card strong{font-size:clamp(24px,2.4vw,34px);}
#balligo-bsoft-app-shell .bbs-content .bbs-category-section{margin:0 0 18px;padding:18px;}
#balligo-bsoft-app-shell .bbs-content .bbs-category-section :is(h2,.bbs-section-kicker,.bbs-section-title-row span){color:var(--bbs-lumina-ink);}
#balligo-bsoft-app-shell .bbs-content .bbs-category-item{background:rgba(255,255,255,.8);border:1px solid var(--bbs-lumina-line);border-radius:10px;color:var(--bbs-lumina-ink);}
#balligo-bsoft-app-shell .bbs-content .bbs-category-title{color:var(--bbs-lumina-ink);}
#balligo-bsoft-app-shell .bbs-content .bbs-finance-mini-grid{gap:12px;margin:0 0 14px;}
#balligo-bsoft-app-shell .bbs-content .bbs-finance-mini :is(small,strong){color:var(--bbs-lumina-ink);}
@media(max-width:1000px){#balligo-bsoft-app-shell .bbs-content .bbs-dashboard-fund-overview{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:640px){
 #balligo-bsoft-app-shell .bbs-content{padding:14px 10px 24px;border-radius:10px;}
 #balligo-bsoft-app-shell .bbs-content .bbs-dashboard-fund-overview{grid-template-columns:1fr;gap:10px;}
 #balligo-bsoft-app-shell .bbs-content .bbs-fund-group,#balligo-bsoft-app-shell .bbs-content .bbs-fund-total-card{padding:14px;}
 #balligo-bsoft-app-shell .bbs-content :is(td,th){padding:9px 7px;}
}