:root {
  --fracto-ink: #083838;
  --fracto-teal: #008090;
  --fracto-green: #00b080;
  --fracto-mint: #68e070;
  --primary: var(--fracto-teal);
}

.page-card-head img.app-logo {
  width: auto;
  max-width: 150px;
  max-height: 40px;
}

.for-login .page-card,
.for-forgot .page-card,
.for-signup .page-card,
.for-email-login .page-card,
.for-login-with-email-link .page-card {
  border-color: rgba(0, 128, 144, 0.14);
}

.for-login .btn-login,
.for-email-login .btn-login,
.for-login-with-email-link .btn-login,
.for-forgot .btn-primary,
.for-signup .btn-primary {
  background: var(--fracto-ink) !important;
  border-color: var(--fracto-ink) !important;
  color: #fff !important;
}

.for-login .btn-login:hover,
.for-email-login .btn-login:hover,
.for-login-with-email-link .btn-login:hover,
.for-forgot .btn-primary:hover,
.for-signup .btn-primary:hover {
  background: var(--fracto-teal) !important;
  border-color: var(--fracto-teal) !important;
}

.form-control:focus {
  border-color: var(--fracto-teal) !important;
  box-shadow: 0 0 0 2px rgba(0, 128, 144, 0.12) !important;
}

.splash img {
  width: 150px !important;
  max-width: 150px !important;
}

.sidebar-header .header-logo img,
.app-switcher-dropdown .app-logo {
  object-fit: contain;
}

.about-dialog .fracto-about-wordmark {
  display: block;
  width: 150px;
  height: auto;
  margin: 0 auto 16px;
}

/* Preserve standard banking tools while giving the whole module one Fracto surface. */
.fracto-banking-context .page-container {
  background:
    radial-gradient(circle at 84% 4%, rgba(0, 176, 128, 0.055), transparent 25rem),
    #f8faf9;
}

.fracto-banking-context .page-head {
  border-bottom-color: #dce8e2;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(12px);
}

.fracto-banking-context .page-head .title-text,
.fracto-banking-context .page-head .page-title {
  color: var(--fracto-ink);
}

.fracto-banking-context .layout-main-section:not(:has(.fracto-banking-home, .fracto-upload-screen, .fracto-bank-review)) {
  overflow: hidden;
  margin-top: 18px;
  border: 1px solid #dce7e1;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 18px 50px rgba(8, 56, 56, 0.045);
}

.fracto-banking-context .layout-side-section {
  border-right-color: #dce7e1;
  background: #f8faf9;
}

.fracto-banking-context .desk-sidebar .standard-sidebar-item.selected,
.fracto-banking-context .desk-sidebar .standard-sidebar-item:hover,
.fracto-banking-context .sidebar-item.selected,
.fracto-banking-context .sidebar-item:hover {
  background: #e6f6ef !important;
  color: var(--fracto-ink) !important;
}

.fracto-banking-context .btn-primary,
.fracto-banking-context .primary-action {
  border-color: var(--fracto-ink) !important;
  background: var(--fracto-ink) !important;
  color: #fff !important;
}

.fracto-banking-context .btn-primary:hover,
.fracto-banking-context .primary-action:hover {
  border-color: var(--fracto-teal) !important;
  background: var(--fracto-teal) !important;
}

.fracto-banking-context .form-control,
.fracto-banking-context .control-input-wrapper,
.fracto-banking-context .awesomplete > input {
  border-radius: 10px;
}

.fracto-banking-context .form-section,
.fracto-banking-context .form-dashboard-section,
.fracto-banking-context .grid-wrapper {
  border-color: #e2ebe6;
}

.fracto-banking-context .form-section .section-head,
.fracto-banking-context .form-dashboard-section .section-head {
  color: var(--fracto-ink);
  font-weight: 650;
}

.fracto-banking-context .list-row:hover,
.fracto-banking-context .grid-row:hover {
  background: #f5faf7;
}