/* Validated tenant design tokens. Shared by public, auth and operational pages. */
body{background:var(--bg);color:var(--text)}
body h1,body h2,body h3,body h4{color:inherit}
.btn-primary{background:var(--primary);border:1px solid var(--primary);color:var(--on-primary)}
.btn-primary:hover{filter:brightness(.94)}
.btn-outline,.form-control,.select,.payment-card,.public-menu-btn,.details-panel,.copy-line{background:var(--card);color:var(--text);border-color:var(--line)}
.form-control:focus,.select:focus{outline:3px solid color-mix(in srgb,var(--primary) 25%,transparent);border-color:var(--primary)}
input,textarea,select{font:inherit;max-width:100%}input[type=color]{min-height:44px;width:100%;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--card)}input[type=radio],input[type=checkbox]{accent-color:var(--primary)}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.card,.auth-card,.public-nav,.public-nav-premium,.topbar,.bottom-nav,.floating-chip,.ticket-message{background:var(--card);color:var(--text);border-color:var(--line)}
.muted,.hero-copy p,.checkline{color:var(--muted)}
.brand{min-width:0}.brand>span:last-child{overflow-wrap:anywhere;line-height:1.25}.brand-mark{width:54px;height:54px;flex:0 0 54px;border-radius:12px;overflow:hidden;background:var(--primary);color:var(--on-primary)}
.brand-mark:has(img){background:#fff}.brand-mark img{width:100%;height:100%;object-fit:contain!important;border-radius:0}
.account-avatar,.feature-icon,.step-modern span{background:var(--primary);color:var(--on-primary)}
.sidebar{background:var(--dark);color:#edf2fc}.sidebar-account{border-color:#ffffff24}.sidebar .muted{color:#bbc6d9}.side-parent,.side-link,.sidebar .account-action{color:#d5ddeb}.side-link:hover,.side-parent:hover,.side-link.active,.account-action.active,.account-action:hover{background:color-mix(in srgb,var(--primary) 24%,transparent);color:#fff}
.auth-shell{background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--primary) 14%,transparent),transparent 60%),var(--bg)}
.blue-landing{background:var(--bg);color:var(--text)}
.blue-landing:before{background:radial-gradient(ellipse at 15% 10%,color-mix(in srgb,var(--primary) 14%,transparent),transparent 48%),radial-gradient(ellipse at 92% 80%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 48%)}
.blue-landing .hero-orb-one{background:var(--primary);opacity:.18}.blue-landing .hero-orb-two{background:var(--accent);opacity:.2}
.hero-image-glow{background:radial-gradient(circle,color-mix(in srgb,var(--accent) 16%,transparent),transparent 65%)}
.blue-landing .hero-badge,.blue-landing .trust-row span,.stock-mini{background:var(--card);color:var(--text);border:1px solid var(--line)}
.trust-row span::first-letter{color:var(--accent)}
.benefit-premium,.soft-card,.stat-card-blue,.profit-card{background:var(--card);border-color:var(--line);color:var(--text)}
.profit-card h2,.stat-card-blue h2{color:var(--text)}
.cta-premium{background:var(--dark);color:#fff}.cta-premium:before{background:color-mix(in srgb,var(--accent) 22%,transparent)}
.premium-category img,.category-logo-fallback{background:var(--primary-soft);color:var(--text)}
.info-box,.dynamic-box,.balance-adjust-box,.ticket-message.mine{background:var(--primary-soft);border-color:var(--line);color:var(--text)}
.ticket-message.staff:not(.mine),.attachment-chip{background:var(--bg);color:var(--text)}
.order-row-clickable:hover{background:var(--primary-soft)}
.alert-success{color:#14532d}.alert-error{color:#7f1d1d}
.footer-premium{background:var(--dark)}
/* All essential content remains visible even if animation libraries fail to load. */
.reveal-up,[data-aos]{opacity:1!important;transform:none!important}
.main,.content,.card,.form-group,.hero-copy{min-width:0}.form-control{min-width:0}
.master-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}
.master-header h1{margin:0;font-size:1.7rem;letter-spacing:-.04em}.master-header p{max-width:680px;margin:.5rem 0}
.master-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem}.master-stats strong{display:block;font-size:1.8rem;margin-top:.35rem}
.tenant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.tenant-card{display:flex;flex-direction:column;gap:1rem;box-shadow:none}.tenant-card h2{margin:0;font-size:1.15rem}.tenant-card-top{display:flex;align-items:center;gap:1rem}.tenant-monogram{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);border-radius:14px;font-weight:900;background:var(--primary-soft)}
.tenant-domains{padding:0;margin:0;list-style:none;display:grid;gap:.4rem}.tenant-domains li{overflow-wrap:anywhere}.tenant-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.tenant-actions form{margin:0}.master-section{margin-top:1.5rem}.master-section>summary{font-weight:800;padding:.3rem;list-style:revert}.master-section[open]>summary{margin-bottom:1rem}.domain-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--line)}.domain-row code{overflow-wrap:anywhere;min-width:0}
.branding-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,.8fr);gap:1.5rem;align-items:start}.theme-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1rem 0 1.5rem}.theme-option{display:block;padding:1rem;border:1px solid var(--line);border-radius:14px;cursor:pointer;background:var(--card)}.theme-option:has(input:checked){outline:2px solid var(--primary);border-color:var(--primary)}.theme-option strong{display:block;margin:.5rem 0 .2rem}.theme-option small{display:block;color:var(--muted);line-height:1.5}.theme-swatches{display:flex;gap:5px;margin-top:.6rem}.theme-swatches i{width:32px;height:8px;border-radius:4px;background:var(--swatch)}
.brand-preview{position:sticky;top:1rem;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--preview-bg,#f5f7fb);color:var(--preview-text,#182337)}.brand-preview-header{padding:1.2rem;background:var(--preview-card,#fff);border-bottom:1px solid var(--line);display:flex;gap:.7rem;align-items:center;overflow-wrap:anywhere}.brand-preview-header img{width:64px;height:64px;object-fit:contain;background:#fff;border-radius:10px}.brand-preview-content{padding:2rem 1.3rem;background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--preview-primary,#1459e8) 16%,transparent),transparent 70%)}.brand-preview-content h2{font-size:1.65rem;line-height:1.25;letter-spacing:-.035em}.preview-button{display:inline-block;padding:.75rem 1rem;border-radius:12px;background:var(--preview-primary,#1459e8);color:var(--preview-on,#fff);font-weight:800}.preview-products{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1.5rem}.preview-products span{padding:1rem .7rem;background:var(--preview-card,#fff);border:1px solid var(--line);border-radius:12px;font-size:.85rem}.preview-caption{padding:1rem;font-size:.8rem;line-height:1.5;background:var(--preview-card,#fff)}
.brand-editor-actions{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}.platform-banner{background:var(--primary-soft);border:1px solid var(--line);padding:1rem;border-radius:14px;margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.platform-banner p{margin:.3rem 0}.platform-banner form{margin:0}
.simple-pagination{display:flex;gap:.75rem;align-items:center;justify-content:center;margin:1.5rem 0;flex-wrap:wrap}
@media(max-width:1100px){.branding-grid{grid-template-columns:1fr}.brand-preview{position:static;max-width:620px}.public-nav .nav-links{gap:.65rem}.public-nav .brand{max-width:240px}}
@media(max-width:760px){.tenant-grid,.master-stats{grid-template-columns:1fr}.master-stats .card{display:flex;justify-content:space-between;align-items:center}.master-stats strong{font-size:1.4rem;margin:0}.theme-picker{grid-template-columns:1fr 1fr}.theme-option{padding:.75rem}.tenant-actions .btn{flex:1}.public-nav .nav-links{background:var(--card);color:var(--text)}.public-nav .brand{max-width:calc(100% - 60px)}.brand-mark{width:46px;height:46px;flex-basis:46px}.hero-phone-image{max-width:100%;width:100%}.hero-visual{min-height:290px}.hero-copy h1{overflow-wrap:anywhere}.section-head{flex-wrap:wrap}.domain-row{align-items:flex-start}.topbar-actions .btn.logout-btn{display:inline-flex}.brand-preview-content{padding:1.3rem}.master-header h1{font-size:1.45rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.public-body{background:var(--bg);color:var(--text)}
.steps-section,.section-soft,.step-modern,.faq-item,.modal-card,.pagination a,.pagination span{background:var(--card);color:var(--text);border-color:var(--line)}
.faq-lite-section{background:var(--bg);color:var(--text)}
.supplier-box,.fast-admin-box{background:var(--primary-soft);color:var(--text);border-color:var(--line)}
.toast{background:var(--card);color:var(--text)}.toast.success{background:#f0fdf4;color:#14532d}.toast.error{background:#fef2f2;color:#7f1d1d}
.sidebar-title{color:#a6b2c9}.bottom-nav a.active{color:var(--text);background:var(--primary-soft)}
.hero-brand-panel{position:relative;width:100%;max-width:430px;background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:0 28px 70px #0002;overflow:hidden;text-align:left}
.hero-brand-panel .brand{padding:1.4rem;border-bottom:1px solid var(--line)}.hero-brand-panel .brand-mark{width:76px;height:76px;flex-basis:76px}.hero-brand-body{padding:1.6rem}.hero-brand-body h2{font-size:1.7rem;letter-spacing:-.04em;line-height:1.2;margin:.5rem 0}.hero-brand-body p{color:var(--muted);line-height:1.6}.hero-service-tiles{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:1.5rem 0}.hero-service-tiles>div{padding:1rem;border:1px solid var(--line);border-radius:14px;background:var(--primary-soft)}.hero-service-tiles strong{display:block;font-size:.9rem}.hero-service-tiles small{display:block;color:var(--muted);margin-top:.4rem}.hero-panel-foot{border-top:1px solid var(--line);padding:1rem 1.4rem;color:var(--muted);font-size:.8rem}.hero-service-icon{font-size:1.4rem;display:block;margin-bottom:.8rem;color:var(--text)}
.hero-brand-panel .hero-mini-tag{display:inline-block;font-weight:700;font-size:.75rem;letter-spacing:.06em;color:var(--muted)}
@media(max-width:760px){.hero-brand-panel .brand-mark{width:64px;height:64px;flex-basis:64px}.hero-brand-body{padding:1.2rem}.hero-brand-panel .brand{padding:1.2rem}.hero-brand-body h2{font-size:1.45rem}}
@media(max-width:1024px){.public-nav-inner{position:relative}.public-menu-btn{display:inline-flex}.public-nav .nav-links{display:none;position:absolute;left:0;right:0;top:calc(100% + .7rem);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:1rem;flex-direction:column;align-items:stretch;z-index:50}.public-nav .nav-links.open{display:flex}.public-nav .nav-links .btn{width:100%}.public-nav .brand{max-width:calc(100% - 60px)}}
.supplier-balance-card{margin-bottom:1.2rem}.supplier-balance-card h2{margin:.1rem 0 .4rem;font-size:1.2rem}.supplier-balance-card .section-head{align-items:center}.supplier-balance-card .section-head p{margin:.2rem 0}.supplier-balance-amount{font-weight:900;font-size:clamp(1.6rem,4vw,2.4rem);letter-spacing:-.05em;margin:1rem 0 .3rem}.supplier-balance-alert{padding:.8rem 1rem;border-radius:12px;border:1px solid #e7ab48;background:#fff3d7;color:#54350c;font-weight:700;margin:.8rem 0}.supplier-balance-settings{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;padding:1rem 0}.supplier-balance-settings input{max-width:220px}.supplier-balance-card .muted{line-height:1.5}@media(max-width:760px){.supplier-balance-card .section-head,.supplier-balance-settings{display:grid;grid-template-columns:1fr}.supplier-balance-settings input{max-width:100%}.supplier-balance-card .section-head form,.supplier-balance-card .section-head button{width:100%}}