/* App skins: bank (accounts.*) light corporate · corp (vpn.*) dark corporate */
/* ------------------------------------------------------------------ BANK */
[data-bs-theme="bank"] {
  --bk-navy: #0b2545;
  --bk-navy-2: #13315c;
  --bk-gold: #b98a2d;
  --bs-body-font-family: "DM Sans", "Segoe UI", system-ui, sans-serif;
  --bs-body-bg: #f6f8fb;
  --bs-body-color: #1c2b3a;
  --bs-primary: #0b2545;
  --bs-primary-rgb: 11, 37, 69;
  --bs-link-color: #13315c;
  --bs-border-color: rgba(11, 37, 69, 0.14);
  --bs-border-radius: 0.7rem;
}
[data-bs-theme="bank"] h1, [data-bs-theme="bank"] h2, [data-bs-theme="bank"] h3,
[data-bs-theme="bank"] h5, [data-bs-theme="bank"] .navbar-brand { font-family: "Titillium Web", var(--bs-body-font-family); }
[data-bs-theme="bank"] body { background: linear-gradient(180deg, #ffffff 0%, #eef2f8 100%); min-height: 100vh; }
[data-bs-theme="bank"] .navbar {
  background: var(--bk-navy);
  box-shadow: 0 2px 18px rgba(11, 37, 69, 0.35);
}
[data-bs-theme="bank"] .navbar .nav-link { color: rgba(255, 255, 255, 0.78); font-weight: 500; }
[data-bs-theme="bank"] .navbar .nav-link:hover, [data-bs-theme="bank"] .navbar .nav-link.active { color: #fff; }
[data-bs-theme="bank"] .card { border: 1px solid rgba(11, 37, 69, 0.10); box-shadow: 0 10px 30px rgba(11, 37, 69, 0.08); border-radius: 1rem; }
[data-bs-theme="bank"] .btn-primary { background: var(--bk-navy); border: none; }
[data-bs-theme="bank"] .btn-primary:hover { background: var(--bk-navy-2); }
[data-bs-theme="bank"] .btn-gold { background: linear-gradient(180deg, #d4a017, #b98a2d); color: #fff; border: none; }
[data-bs-theme="bank"] .btn-gold:hover { background: linear-gradient(180deg, #e2b02c, #c99a3f); color: #fff; }
[data-bs-theme="bank"] .bk-hero { background: linear-gradient(160deg, var(--bk-navy) 20%, var(--bk-navy-2) 90%); color: #fff; border-radius: 1.25rem; }
[data-bs-theme="bank"] .bk-eyebrow { color: #d4a017; letter-spacing: 0.22em; text-transform: uppercase; font-size: 0.72rem; font-weight: 700; }
[data-bs-theme="bank"] code { color: var(--bk-navy); background: rgba(11, 37, 69, 0.07); padding: 0.1em 0.4em; border-radius: 0.35em; }
[data-bs-theme="bank"] .form-control:focus { border-color: var(--bk-navy-2); box-shadow: 0 0 0 4px rgba(19, 49, 92, 0.12); }
[data-bs-theme="bank"] .table > thead th { background: rgba(11, 37, 69, 0.06); text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.74rem; color: #52657a; }

/* ------------------------------------------------------------------ CORP */
[data-bs-theme="corp"] {
  --cp-blue: #3d7dca;
  --cp-blue-2: #6aa6e9;
  --bs-body-font-family: "DM Sans", "Segoe UI", system-ui, sans-serif;
  --bs-body-bg: #0a121d;
  --bs-body-color: #e8eefb;
  --bs-secondary-color: #93a5c1;
  --bs-primary: var(--cp-blue);
  --bs-primary-rgb: 61, 125, 202;
  --bs-link-color: var(--cp-blue-2);
  --bs-border-color: rgba(232, 238, 251, 0.12);
  --bs-emphasis-color: #fff;
  --bs-heading-color: #fff;
}
[data-bs-theme="corp"] h1, [data-bs-theme="corp"] h3, [data-bs-theme="corp"] h5,
[data-bs-theme="corp"] .navbar-brand { font-family: "Titillium Web", var(--bs-body-font-family); }
[data-bs-theme="corp"] body {
  background:
    radial-gradient(900px 560px at 85% -10%, rgba(61, 125, 202, 0.25), transparent 60%),
    linear-gradient(180deg, #0a121d, #0c1626);
  background-attachment: fixed; min-height: 100vh;
}
[data-bs-theme="corp"] .navbar { background: rgba(10, 18, 29, 0.8); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(232, 238, 251, 0.1); }
[data-bs-theme="corp"] .navbar .nav-link { color: rgba(232, 238, 251, 0.72); }
[data-bs-theme="corp"] .navbar .nav-link.active { color: #fff; }
[data-bs-theme="corp"] .card { background: rgba(232, 238, 251, 0.05); border: 1px solid rgba(232, 238, 251, 0.12); border-radius: 1rem; }
[data-bs-theme="corp"] .btn-primary { background: linear-gradient(180deg, var(--cp-blue-2), var(--cp-blue)); border: none; color: #08121f; font-weight: 600; }
[data-bs-theme="corp"] .btn-primary:hover { background: linear-gradient(180deg, #8db9ef, #4b8ad4); color: #08121f; }
[data-bs-theme="corp"] .form-control { background: rgba(4, 9, 16, 0.6); border-color: rgba(232, 238, 251, 0.15); color: #e8eefb; }
[data-bs-theme="corp"] .form-control:focus { background: rgba(4, 9, 16, 0.75); border-color: rgba(106, 166, 233, 0.6); box-shadow: 0 0 0 4px rgba(106, 166, 233, 0.14); color: #fff; }
[data-bs-theme="corp"] .form-control::placeholder { color: rgba(147, 165, 193, 0.55); }

/* sticky footer for app skins (bank + corp) */
[data-bs-theme="bank"] body, [data-bs-theme="corp"] body { display: flex; flex-direction: column; min-height: 100vh; }
[data-bs-theme="bank"] body > main, [data-bs-theme="corp"] body > main { flex: 1 0 auto; }
[data-bs-theme="bank"] footer, [data-bs-theme="corp"] footer { flex-shrink: 0; margin-top: auto !important; }