:root{--platform-primary:#087f72;--platform-primary-text:#fff;--platform-secondary:#0b3954;--platform-accent:#f3b640;--platform-accent-text:#102a43;--platform-page:#f3faf7;--platform-ink:#102a43}
body{--ink:var(--platform-ink);background-color:var(--platform-page)}
.tendero-navbar{background:linear-gradient(100deg,var(--platform-secondary),var(--platform-primary));border-top-color:var(--platform-accent)}
.tendero-navbar .navbar-brand,.tendero-navbar .nav-link,.tendero-navbar .account-security-link,.tendero-navbar .logout-button,.tendero-navbar .branch-chip,.tendero-navbar .branch-chip span{color:#fff!important}
.tendero-navbar .nav-link:hover,.tendero-navbar .nav-link:focus{background:rgba(255,255,255,.14);color:#fff!important}
.tendero-navbar .language-link{border-color:rgba(255,255,255,.45);color:#fff}
.tendero-title-brand{gap:.55rem}.tendero-title-brand img{max-width:228px;max-height:58px;object-fit:contain}.global-brand-name{display:none;color:#fff;font-weight:900;white-space:nowrap}
.tendero-footer{background:color-mix(in srgb,var(--platform-secondary) 96%,#fff);border-top:3px solid var(--platform-accent);color:#eefcff}
.onboarding-body{background:linear-gradient(120deg,color-mix(in srgb,var(--platform-primary) 11%,#fff),var(--platform-page) 52%,color-mix(in srgb,var(--platform-accent) 20%,#fff))}
.onboarding-body .continue-button,.public-auth-page .continue-button{background:var(--platform-primary);color:var(--platform-primary-text)}
.onboarding-body .step-pill{background:color-mix(in srgb,var(--platform-primary) 12%,#fff);color:var(--platform-primary)}
.platform-branding-heading{margin-bottom:.85rem}.platform-branding-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:1rem;align-items:start}.platform-branding-form{margin:0}.branding-theme-title{margin-top:1rem}.platform-theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:.75rem 0 1rem}.platform-theme-option{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:.2rem .65rem;align-items:center;padding:.7rem;border:2px solid #d8e5e2;border-radius:14px;background:#fff;cursor:pointer}.platform-theme-option input{position:absolute;opacity:0}.platform-theme-option:has(input:checked){border-color:var(--preview-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--preview-primary) 15%,transparent)}.platform-theme-option strong,.platform-theme-option small{grid-column:2}.platform-theme-option small{color:#64748b}.platform-theme-option b{display:none;position:absolute;right:.55rem;top:.45rem;padding:.2rem .45rem;border-radius:999px;background:var(--preview-primary);color:#fff;font-size:.62rem}.platform-theme-option:has(input:checked) b{display:block}.platform-theme-swatch{grid-row:1/3;display:grid;grid-template-columns:1fr 1fr;width:58px;height:44px;overflow:hidden;border:1px solid #d7e2df;border-radius:10px}.platform-theme-swatch i:nth-child(1){background:var(--preview-primary)}.platform-theme-swatch i:nth-child(2){background:var(--preview-secondary)}.platform-theme-swatch i:nth-child(3){background:var(--preview-accent)}.platform-theme-swatch i:nth-child(4){background:var(--preview-page)}
.branding-portal-switcher{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.65rem;margin:0 0 1rem}.branding-portal-switcher a{position:relative;display:flex;flex-direction:column;gap:.15rem;padding:.75rem 1rem;border:2px solid #d8e5e2;border-radius:14px;background:#fff;color:var(--platform-ink);text-decoration:none}.branding-portal-switcher a:hover,.branding-portal-switcher a.active{border-color:var(--platform-primary);box-shadow:0 8px 20px color-mix(in srgb,var(--platform-primary) 13%,transparent)}.branding-portal-switcher a.active{background:color-mix(in srgb,var(--platform-primary) 7%,#fff)}.branding-portal-switcher small{padding-right:4rem;color:#64748b}.branding-portal-switcher b{position:absolute;right:.65rem;top:.65rem;padding:.18rem .45rem;border-radius:999px;background:var(--platform-primary);color:var(--platform-primary-text);font-size:.65rem}
.platform-branding-preview{position:sticky;top:1rem;padding:1rem;border:1px solid #d8e5e2;border-radius:18px;background:#fff}.branding-preview-browser{overflow:hidden;margin-top:.6rem;border:1px solid #d5e2df;border-radius:16px;background:var(--platform-page);box-shadow:0 12px 28px rgba(15,54,75,.1)}.branding-preview-nav{display:flex;align-items:center;gap:.5rem;min-height:62px;padding:.55rem .7rem;background:linear-gradient(100deg,var(--platform-secondary),var(--platform-primary));color:#fff;font-weight:900}.branding-preview-nav img{width:100px;height:42px;border-radius:7px;background:#fff;object-fit:contain}.branding-preview-hero{margin:.75rem;padding:.8rem;border-radius:14px;background:linear-gradient(125deg,var(--platform-secondary),var(--platform-primary));color:#fff}.branding-preview-hero small,.branding-preview-hero strong,.branding-preview-hero p{display:block}.branding-preview-hero strong{font-size:1.2rem}.branding-preview-hero p{margin:.2rem 0 .7rem;color:#e9fffa;font-size:.75rem}.branding-preview-hero button{border:0;border-radius:9px;padding:.42rem .65rem;background:var(--platform-accent);color:var(--platform-accent-text);font-weight:800}.branding-preview-browser footer{padding:.55rem;text-align:center;color:#64748b;font-size:.7rem}
.platform-branding-images{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.branding-image-card{margin:0}.branding-image-preview{display:grid;place-items:center;overflow:hidden;min-height:145px;margin:.7rem 0;border:1px dashed #b9cfca;border-radius:14px;background:#f7fbfa}.branding-image-preview.logo img{max-width:90%;max-height:115px;object-fit:contain}.branding-image-preview.login img{width:100%;height:190px;object-fit:cover}.branding-image-card form{display:flex;gap:.5rem;align-items:center;margin:.45rem 0}.branding-image-card input[type=file]{min-width:0;width:100%}
@media(max-width:900px){.platform-branding-layout{grid-template-columns:1fr}.platform-branding-preview{position:static}.platform-branding-images{grid-template-columns:1fr}}
@media(max-width:620px){.platform-theme-grid{grid-template-columns:1fr}.tendero-title-brand img{max-width:150px;max-height:48px}.global-brand-name{display:none}.branding-image-card form{align-items:stretch;flex-direction:column}.branding-image-preview.login img{height:145px}}