/* ============================================================
   portal.css — Doller Platform Unified Dark FinTech Visual System
   Premium Glassmorphic Surfaces, High Contrast, Responsive Layouts
   ============================================================ */

:root {
  --portal-bg: #102f29;
  --portal-surface: #173c33;
  --portal-surface-2: #20483b;
  --portal-surface-3: #295341;
  --portal-border: rgba(255, 255, 255, 0.08);
  --portal-border-subtle: rgba(255, 255, 255, 0.04);
  --portal-border-green: rgba(52, 172, 76, 0.35);
  --portal-primary: #34AC4C;
  --portal-primary-dark: #139226;
  --portal-text-primary: #ffffff;
  --portal-text-secondary: #94a3b8;
  --portal-text-muted: #64748b;
  --portal-gold: #facc15;
  --portal-blue: #60a5fa;
  --portal-red: #f87171;
}

html {
  color-scheme: dark !important;
  background-color: #102f29;
}

body.portal-shell {
  background-color: #102f29 !important;
  color: #f8fafc !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing: antialiased;
  background-image: radial-gradient(ellipse at top right, #2b51372b, transparent 60%);
}

/* ── Glass Cards & Surfaces ───────────────────────────────── */
.portal-shell .glass-card {
  background: linear-gradient(165deg, rgba(28, 65, 53, 0.96) 0%, rgba(19, 49, 41, 0.98) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.5) !important;
  border-radius: 1rem;
}

/* Forest surfaces shared with the homepage, with readable admin summaries. */
.admin-portal .overview-panel p,
.admin-portal .overview-toolbar p,
.admin-portal .overview-meta,
.admin-portal .overview-recent time,
.admin-portal .overview-filters label { color: #b2c9bc !important; }
.admin-portal .overview-link { color: #d5f5a3; }
.portal-shell .balance-hero { background: linear-gradient(135deg, #24553e, #173c33) !important; }
.admin-portal .overview-filters input,
.admin-portal .overview-filters select { background: #133129; color: #f2f5e9; border-color: #c9ef9b35; }

.portal-shell .glass-card:hover {
  border-color: rgba(52, 172, 76, 0.3) !important;
}

/* ── Typography & Text Contrast Fixes ─────────────────────── */
.portal-shell :is(.text-white, .text-gray-100, .text-gray-200) {
  color: #f8fafc !important;
}

.portal-shell :is(.text-gray-300, .text-gray-400) {
  color: #94a3b8 !important;
}

.portal-shell :is(.text-gray-500, .text-gray-600, .text-gray-700) {
  color: #64748b !important;
}

.portal-shell :is(.text-green-400, .text-green-300, .text-emerald-400, .text-teal-400) {
  color: #34AC4C !important;
}

.portal-shell :is(.text-blue-400, .text-blue-300) {
  color: #60a5fa !important;
}

.portal-shell :is(.text-yellow-400, .text-amber-400, .text-amber-300) {
  color: #facc15 !important;
}

.portal-shell :is(.text-red-400, .text-red-300) {
  color: #f87171 !important;
}

/* ── Hero Balance Card ────────────────────────────────────── */
.portal-shell .balance-hero {
  background: linear-gradient(145deg, #0F2A22 0%, #0B1E1B 45%, #061212 100%) !important;
  border: 1px solid rgba(52, 172, 76, 0.3) !important;
  box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.7), 0 0 50px -15px rgba(19, 146, 38, 0.25) !important;
}

.portal-shell .balance-hero #mainPortfolioAmount,
.portal-shell .balance-hero #walletHeroBalance {
  color: #ffffff !important;
  font-family: 'Inter', monospace;
  letter-spacing: -0.03em;
}

/* ── High Contrast Buttons ────────────────────────────────── */
.portal-shell .btn-primary {
  background: linear-gradient(135deg, #139226 0%, #34AC4C 100%) !important;
  color: #ffffff !important;
  font-weight: 700;
  border: 1px solid rgba(52, 172, 76, 0.4) !important;
  box-shadow: 0 4px 18px rgba(19, 146, 38, 0.35) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  border-radius: 0.75rem;
}

.portal-shell .btn-primary:hover {
  background: linear-gradient(135deg, #34AC4C 0%, #3ec75a 100%) !important;
  box-shadow: 0 6px 24px rgba(52, 172, 76, 0.5) !important;
  transform: translateY(-1px);
}

.portal-shell .btn-primary:active {
  transform: scale(0.98);
}

.portal-shell .btn-secondary {
  background: rgba(255, 255, 255, 0.05) !important;
  color: #e2e8f0 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  font-weight: 600;
  border-radius: 0.75rem;
  transition: all 0.2s ease;
}

.portal-shell .btn-secondary:hover {
  background: rgba(52, 172, 76, 0.15) !important;
  border-color: rgba(52, 172, 76, 0.4) !important;
  color: #34AC4C !important;
}

.portal-shell .btn-danger {
  background: rgba(239, 68, 68, 0.12) !important;
  color: #f87171 !important;
  border: 1px solid rgba(239, 68, 68, 0.3) !important;
}

.portal-shell .btn-danger:hover {
  background: rgba(239, 68, 68, 0.22) !important;
}

/* ── Special 6-Hour Profit Button States ───────────────────── */
.btn-redeem-ready {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  border: 1px solid #34d399 !important;
  box-shadow: 0 0 20px rgba(16, 185, 129, 0.45) !important;
  animation: redeemPulse 2.2s infinite ease-in-out;
  cursor: pointer !important;
}

.btn-redeem-ready:hover {
  background: linear-gradient(135deg, #34d399 0%, #10b981 100%) !important;
  box-shadow: 0 0 28px rgba(52, 211, 153, 0.6) !important;
  transform: translateY(-1px);
}

.btn-redeem-locked {
  background: rgba(255, 255, 255, 0.03) !important;
  color: #64748b !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  cursor: not-allowed !important;
  opacity: 0.75;
  box-shadow: none !important;
  animation: none !important;
}

@keyframes redeemPulse {
  0%, 100% {
    box-shadow: 0 0 12px rgba(16, 185, 129, 0.35);
    border-color: rgba(52, 211, 153, 0.5);
  }
  50% {
    box-shadow: 0 0 26px rgba(16, 185, 129, 0.7), 0 0 6px rgba(255, 255, 255, 0.4);
    border-color: rgba(110, 231, 183, 0.9);
  }
}

/* ── Badges & Status Chips ────────────────────────────────── */
.portal-shell .badge-green  { background: rgba(52, 172, 76, 0.15) !important; color: #34AC4C !important; border: 1px solid rgba(52, 172, 76, 0.35) !important; }
.portal-shell .badge-red    { background: rgba(239, 68, 68, 0.15) !important; color: #f87171 !important; border: 1px solid rgba(239, 68, 68, 0.35) !important; }
.portal-shell .badge-blue   { background: rgba(59, 130, 246, 0.15) !important; color: #60a5fa !important; border: 1px solid rgba(59, 130, 246, 0.35) !important; }
.portal-shell .badge-yellow { background: rgba(234, 179, 8, 0.15) !important; color: #facc15 !important; border: 1px solid rgba(234, 179, 8, 0.35) !important; }
.portal-shell .badge-gray   { background: rgba(255, 255, 255, 0.06) !important; color: #94a3b8 !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; }

/* ── Form Controls & Inputs ───────────────────────────────── */
.portal-shell .form-input,
.portal-shell .wallet-input {
  background: rgba(13, 37, 31, 0.9) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 0.75rem;
  transition: all 0.2s ease;
}

.portal-shell .form-input:focus,
.portal-shell .wallet-input:focus {
  border-color: #34AC4C !important;
  box-shadow: 0 0 0 3px rgba(52, 172, 76, 0.2) !important;
  outline: none;
}

.portal-shell .wallet-chip {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  color: #94a3b8 !important;
  transition: all 0.15s ease;
}

.portal-shell .wallet-chip:hover {
  background: rgba(52, 172, 76, 0.12) !important;
  border-color: rgba(52, 172, 76, 0.3) !important;
  color: #34AC4C !important;
}

/* ── Data Tables & History Feeds ──────────────────────────── */
.portal-shell .data-table thead {
  background: rgba(11, 26, 24, 0.95) !important;
}

.portal-shell .data-table th {
  color: #94a3b8 !important;
  font-weight: 600;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.portal-shell .data-table td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
  color: #e2e8f0 !important;
}

.portal-shell .data-table tbody tr:hover {
  background: rgba(255, 255, 255, 0.025) !important;
}

/* ── Navigation, Menus & Dropdowns ────────────────────────── */
.user-portal > nav.sticky {
  background: rgba(16, 47, 41, 0.96) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(20px);
}

.portal-shell #userMenu,
.portal-shell #notifDropdown {
  background: rgba(23, 60, 51, 0.98) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.8) !important;
  backdrop-filter: blur(24px);
}

.portal-shell .mobile-bottom-nav {
  background: rgba(16, 47, 41, 0.98) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 -8px 25px rgba(0, 0, 0, 0.6) !important;
  backdrop-filter: blur(16px);
}

.portal-shell .mobile-bottom-nav a {
  color: #94a3b8 !important;
}

.portal-shell .mobile-bottom-nav a[aria-current=page] {
  color: #34AC4C !important;
  background: rgba(52, 172, 76, 0.12) !important;
}

.user-portal > footer {
  background: rgba(13, 37, 31, 0.9) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

/* ── Wallet Tab Bar ───────────────────────────────────────── */
.portal-shell .wallet-tab-bar {
  background: rgba(10, 22, 21, 0.9) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.portal-shell .wtab {
  color: #94a3b8 !important;
}

.portal-shell .wtab.active {
  background: linear-gradient(135deg, #139226 0%, #34AC4C 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 16px rgba(19, 146, 38, 0.35) !important;
}

.portal-shell .wallet-section-card {
  background: linear-gradient(165deg, rgba(13, 26, 24, 0.9) 0%, rgba(7, 15, 15, 0.95) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.portal-shell .wallet-address-box {
  background: rgba(4, 9, 9, 0.8) !important;
  border: 1.5px solid rgba(52, 172, 76, 0.25) !important;
  color: #34AC4C !important;
}

.portal-shell .wallet-warning-box {
  background: rgba(234, 179, 8, 0.08) !important;
  border: 1px solid rgba(234, 179, 8, 0.2) !important;
  color: #fde047 !important;
}
/* Readability and consistent surface detail across the member portal. */
body.user-portal{--portal-text-muted:#9bafa9;--portal-text-secondary:#bac9c3}
.user-portal .glass-card{border-color:#adc8b51f;box-shadow:0 12px 32px #00000018}
.user-portal .data-table th{font-size:12px;letter-spacing:.035em;padding-top:16px;padding-bottom:16px}
.user-portal .data-table td{padding-top:17px;padding-bottom:17px}
.user-portal .form-input{min-height:48px;border-radius:12px}
.user-portal .btn-primary,.user-portal .btn-secondary{min-height:44px;border-radius:12px}
.user-portal :where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #d5f5a3;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.user-portal *,.user-portal *:before,.user-portal *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Light paper and forest palette shared with home, login and registration. */
html{color-scheme:light!important;background:#f5f4ee}
body.portal-shell{--portal-bg:#f5f4ee;--portal-surface:#fff;--portal-surface-2:#edf2e7;--portal-text-primary:#15352e;--portal-text-secondary:#607269;--portal-text-muted:#61746a;background:#f5f4ee!important;color:#15352e!important}
.portal-shell .glass-card{background:#fffefb!important;border-color:#dce3d5!important;box-shadow:0 8px 24px #15352e08!important}
.portal-shell :is(.text-white,.text-gray-100,.text-gray-200){color:#15352e!important}
.portal-shell :is(.text-gray-300,.text-gray-400,.text-gray-500,.text-gray-600,.text-gray-700){color:#607269!important}
.portal-shell :is(.text-green-300,.text-green-400,.text-emerald-400,.text-teal-400){color:#356742!important}
.portal-shell :is(.text-blue-300,.text-blue-400){color:#27639a!important}
.portal-shell :is(.text-yellow-400,.text-amber-300,.text-amber-400){color:#865e12!important}
.portal-shell :is(.text-red-300,.text-red-400){color:#a53d32!important}
.portal-shell .btn-primary,.portal-shell .btn-primary .text-white{color:#fff!important}
.portal-shell .btn-secondary{background:#f0f4e9!important;color:#315846!important;border-color:#cdd9c7!important}
.portal-shell .btn-secondary:hover{background:#e5efdc!important;color:#15352e!important}
.portal-shell .form-input,.portal-shell .wallet-input{background:#fff!important;color:#15352e!important;border-color:#d3dbd2!important}
.portal-shell .form-input::placeholder,.portal-shell .wallet-input::placeholder{color:#7b8882}
.portal-shell .balance-hero{background:linear-gradient(135deg,#e7efdb,#f6f8ee)!important;color:#15352e!important}
.portal-shell .balance-hero #mainPortfolioAmount,.portal-shell .balance-hero #walletHeroBalance{color:#15352e!important}
.portal-shell .data-table thead{background:#edf2e7!important}
.portal-shell .data-table th{color:#52685b!important;border-color:#dce3d5!important}
.portal-shell .data-table td{color:#254735!important;border-color:#e5e9df!important}
.user-portal>nav.sticky,.portal-shell .mobile-bottom-nav{background:#f7f8f2f7!important;border-color:#dce3d5!important;box-shadow:0 2px 14px #15352e08!important}
.portal-shell #userMenu,.portal-shell #notifDropdown{background:#fffefb!important;border-color:#dce3d5!important;box-shadow:0 12px 30px #15352e18!important}
.portal-shell .mobile-bottom-nav a{color:#607269!important}.portal-shell .mobile-bottom-nav a[aria-current=page]{color:#315e3c!important;background:#e5efdc!important}
.user-portal>footer{background:#edf2e7!important;border-color:#dce3d5!important}
.portal-shell .badge-gray{color:#607269!important;background:#edf2e7!important;border-color:#dce3d5!important}
.portal-shell .badge-green{color:#356742!important;background:#e5efdc!important;border-color:#c6d8bd!important}
.portal-shell .wallet-section-card,.portal-shell .wallet-tab-bar{background:#fffefb!important;border-color:#dce3d5!important}
.portal-shell .wallet-address-box{background:#edf2e7!important;color:#356742!important}
.portal-shell .wallet-chip{background:#f0f4e9!important;color:#52685b!important;border-color:#dce3d5!important}
.admin-portal .overview-panel p,.admin-portal .overview-toolbar p,.admin-portal .overview-meta,.admin-portal .overview-recent time,.admin-portal .overview-filters label{color:#607269!important}
.admin-portal .overview-link{color:#356742}.admin-portal .overview-filters input,.admin-portal .overview-filters select{background:#fff;color:#15352e;border-color:#d3dbd2}
.portal-shell :where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #42846a;outline-offset:4px}
.portal-shell [class*="bg-surface"],.portal-shell thead{background-color:#edf2e7!important}
.portal-shell .balance-hero{box-shadow:0 12px 28px #15352e12!important}
.user-portal .btn-primary,.user-portal .btn-redeem-ready,.user-portal .wtab.active{background:#153b30!important;color:#fff!important;box-shadow:none!important;animation:none!important}
.portal-shell .badge-yellow{background:#fff6df!important;color:#805d13!important;border-color:#e6d8af!important}
.portal-shell .badge-blue{background:#eaf2f8!important;color:#27639a!important;border-color:#c5d9ea!important}
.portal-shell .wallet-warning-box,.portal-shell .wallet-warning-box :is(p,strong,i,svg){color:#805d13!important}
.portal-shell .wallet-warning-box{background:#fff6df!important;border-color:#e6d8af!important}
.deposit-network-picker{margin-bottom:14px;width:100%;max-width:100%;box-sizing:border-box}
.deposit-network-picker label{display:block;font-size:11px;font-weight:700;color:#607269;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:8px}
.deposit-network-custom-select{position:relative;width:100%;max-width:100%;box-sizing:border-box}
.deposit-network-trigger{width:100%!important;max-width:100%!important;box-sizing:border-box!important;min-height:48px;cursor:pointer;display:flex!important;align-items:center!important;justify-content:space-between!important;border-radius:12px!important;user-select:none;-webkit-tap-highlight-color:transparent}
.deposit-network-trigger:focus,.deposit-network-trigger.is-open{border-color:#34AC4C!important;box-shadow:0 0 0 3px rgba(52,172,76,0.2)!important}
.deposit-network-menu{width:100%!important;max-width:100%!important;left:0!important;right:0!important;box-sizing:border-box!important;background:#173c33;border:1px solid rgba(255,255,255,0.12);border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,0.5);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.deposit-network-opt{width:100%;box-sizing:border-box;color:#ffffff;user-select:none}
.deposit-network-opt:hover{background:rgba(255,255,255,0.06)}
.deposit-network-opt[aria-selected="true"]{background:rgba(52,172,76,0.12)}
body.portal-shell .deposit-network-trigger{background:#ffffff!important;color:#15352e!important;border-color:#d3dbd2!important}
body.portal-shell .deposit-network-trigger:focus,body.portal-shell .deposit-network-trigger.is-open{border-color:#356742!important;box-shadow:0 0 0 3px rgba(53,103,66,0.15)!important}
body.portal-shell .deposit-network-menu{background:#ffffff!important;border-color:#dce3d5!important;box-shadow:0 12px 30px rgba(21,53,46,0.12)!important}
body.portal-shell .deposit-network-opt{color:#15352e!important}
body.portal-shell .deposit-network-opt:hover{background:#edf2e7!important}
body.portal-shell .deposit-network-opt[aria-selected="true"]{background:#e5efdc!important}
.deposit-network-picker select{width:100%;max-width:100%;font-size:16px;min-height:48px;box-sizing:border-box}
.deposit-network-picker p{font-size:12px;color:#607269;margin-top:8px}
[data-deposit-network][hidden]{display:none!important}
[data-deposit-network]>div:first-child{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px!important}
[data-deposit-network]>div:first-child>div{min-width:0}
[data-deposit-network] button{min-height:44px;white-space:nowrap}
.user-portal>footer{margin-top:32px!important;padding:22px 0!important}
@media(max-width:760px){
 .user-portal .balance-hero{padding:20px!important;border-radius:16px!important}
 .user-portal .balance-hero .mt-8{margin-top:20px!important}
 .user-portal .wallet-section-card{border-radius:14px!important}
 .user-portal>footer{margin-top:20px!important;padding:18px 0!important}
 .user-portal>footer .brand-icon-box{box-shadow:none!important}
 .user-portal>footer .gap-4{gap:12px!important}
 .user-portal>footer .gap-6{gap:18px!important}
 .user-portal main{padding-bottom:16px}
 [data-deposit-network]{padding:12px!important}
 [data-deposit-network] h3{font-size:12px!important}
}
/* Keep the network popup inside its field, including narrow mobile screens. */
#depositNetworkDropdown { position: relative; width: 100%; min-width: 0; max-width: 100%; }
#depositNetworkDropdown > select { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); }
#depositNetworkTrigger { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; min-width: 0; box-sizing: border-box; }
#depositNetworkTrigger > div, .deposit-network-opt > div { min-width: 0; }
#depositNetworkMenu { position: absolute; top: calc(100% + 6px); left: 0; right: 0; width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; padding: 6px; z-index: 50; background: #fff; color: #153b30; border: 1px solid #d7e1d2; border-radius: 12px; box-shadow: 0 8px 24px #153b3020; }
#depositNetworkMenu.hidden { display: none; }
.deposit-network-opt { min-height: 48px; white-space: normal; }
.deposit-network-opt:hover, .deposit-network-opt:focus-visible, .deposit-network-opt[aria-selected="true"] { background: #edf2e7; outline-offset: -2px; }
#depositNetworkLabel { white-space: normal; text-align: left; }

/* Content-sized dashboard footer; navigation clearance belongs to the shell. */
.user-portal.dashboard-page > .dashboard-footer{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;width:calc(100% - 28px);max-width:1216px;margin:0 auto 16px!important;padding:8px 0!important;background:transparent!important;border-top:1px solid #dce3d5}
.dashboard-footer a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 4px;color:#52685b;font-size:12px;font-weight:600}
.dashboard-footer svg{width:16px;height:16px;flex-shrink:0}
.dashboard-page #main-content{padding-bottom:0}
@media(min-width:640px){.user-portal.dashboard-page > .dashboard-footer{width:calc(100% - 48px)}}
@media(max-width:767px){.user-portal.has-mobile-nav{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}.dashboard-page #notifDropdown{width:min(320px,calc(100vw - 32px))}}

/* Company and legal pages share the existing green/white portal palette. */
body.company-page{margin:0;color-scheme:light;background-image:none}
.company-page *{box-sizing:border-box}
.company-page a{touch-action:manipulation}
.company-nav{position:sticky;top:0;z-index:50;background:#f7f8f2f7;border-bottom:1px solid #dce3d5;backdrop-filter:blur(16px)}
.company-nav-inner,.company-tabs{max-width:896px;margin:auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.company-nav-inner{min-height:68px}
.company-brand{display:flex;align-items:center;gap:10px;min-width:0;font-weight:800;font-size:18px;color:#15352e}
.company-brand span{overflow-wrap:anywhere}.company-brand img{flex-shrink:0;border-radius:10px}
.company-return{display:flex;align-items:center;gap:6px;min-height:44px;flex-shrink:0;font-size:13px;font-weight:600;color:#356742}
.company-return svg{width:16px;height:16px}
.company-tabs{justify-content:flex-start;gap:4px;padding-bottom:8px}
.company-tabs a{flex:1;display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:10px;font-size:13px;font-weight:600;color:#607269}
.company-tabs a[aria-current],.company-tabs a:hover{background:#e5efdc;color:#315e3c}
.company-content,.legal-content{width:100%;max-width:896px;margin:0 auto;padding:24px 20px 32px;overflow-wrap:anywhere}
.company-content{display:grid;gap:18px}
.company-hero{display:flex;align-items:center;gap:18px;padding:24px;background:linear-gradient(135deg,#e7efdb,#f6f8ee);border:1px solid #dce3d5;border-radius:20px}
.company-hero img{flex-shrink:0;border-radius:16px}.company-hero h1{font-size:30px;line-height:1.2;font-weight:800;letter-spacing:-1px;margin:4px 0 8px;color:#15352e}
.company-hero p{font-size:13px;color:#52685b;line-height:1.6}.company-hero .company-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#356742}
.company-card{padding:22px;background:#fffefb;border:1px solid #dce3d5;border-radius:16px;box-shadow:0 4px 16px #15352e05;min-width:0}
.company-section-title{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:#356742}
.company-section-title svg{width:20px;height:20px;flex-shrink:0}.company-section-title h2{font-size:16px;font-weight:700;color:#15352e}
.company-card p{font-size:14px;line-height:1.8;color:#607269}
.company-facts>div{display:grid;grid-template-columns:1fr 1.4fr;gap:16px;padding:14px 0;border-top:1px solid #e5e9df;font-size:13px;line-height:1.6}.company-facts>div:first-child{border-top:0;padding-top:0}.company-facts>div:last-child{padding-bottom:0}
.company-facts dt{color:#607269}.company-facts dd{margin:0;font-weight:600;color:#254735}
.company-link{display:flex;align-items:center;gap:12px;min-height:72px;padding:14px 0;border-top:1px solid #e5e9df;color:#356742}.company-card p+.company-link{margin-top:16px}.company-link svg{width:20px;height:20px;flex-shrink:0}.company-link svg:last-child{width:16px;margin-left:auto}.company-link span{min-width:0}.company-link strong{display:block;font-size:14px;font-weight:600;color:#254735}.company-link small{display:block;font-size:12px;color:#607269;line-height:1.6;margin-top:3px}.company-link:hover strong{text-decoration:underline}
.company-note{text-align:center;font-size:11px;color:#607269;margin:4px 0}
.legal-page .prose-custom{font-size:14px;line-height:1.85}.legal-page .prose-custom strong{color:#254735}.legal-page section[id]{scroll-margin-top:148px}
.legal-jumps{display:flex;flex-wrap:wrap;gap:8px}.legal-jumps a{display:flex;align-items:center;min-height:44px;padding:8px 12px}
.legal-content>div:first-child{text-align:left;margin-bottom:24px}.legal-content>div:first-child>div:first-child{margin-left:0}.legal-content>div:first-child>div:last-child{flex-wrap:wrap;line-height:1.6}
.legal-page .text-yellow-300\/80{color:#795b24}.legal-page .text-yellow-300{color:#795b24}
.legal-content>div:last-child a{min-height:44px;display:inline-flex;align-items:center}.legal-page #backToTopBtn{width:44px;height:44px;bottom:calc(16px + env(safe-area-inset-bottom,0px));background:#356742}
@media(min-width:768px){.company-content{grid-template-columns:1fr 1fr}.company-hero,.company-note{grid-column:1/-1}.company-content{padding-top:32px;gap:24px}}
@media(max-width:380px){.company-nav-inner,.company-tabs{padding-left:16px;padding-right:16px}.company-content,.legal-content{padding:20px 16px 28px}.company-hero{padding:20px;gap:14px}.company-hero img{width:52px;height:52px}.company-hero h1{font-size:26px}.company-card{padding:18px}.company-facts>div{grid-template-columns:1fr;gap:4px}}
@media(prefers-reduced-motion:reduce){html:has(.company-page){scroll-behavior:auto}.company-page *{transition:none!important}}
/* Keep help content at the same mobile rhythm as company information. */
.support-content .help-card{border-radius:16px}
.support-content summary{min-height:48px;padding:12px 0;cursor:pointer;line-height:1.6}
.support-content details p{font-size:14px;line-height:1.8}
@media(max-width:767px){.support-content{padding-top:24px;padding-bottom:24px}.support-content>.my-8{margin-top:24px;margin-bottom:24px}.support-content h1{font-size:26px}.support-content .help-card{padding:20px}}
.legal-content>div:first-child>div:first-child{width:48px;height:48px;display:flex;align-items:center;justify-content:center}