/* Shared 2.0 business visual language, loaded after page styles. */
:root{--blue:#4962db;--primary:#4962db;--purple:#7957c8;--grad:#4962db;--ink:#202c44;--muted:#65738a;--canvas:#f4f6fb;--bg:#f4f6fb;--line:#e5e9f2;--brand-soft:#eef0ff}
body{background:var(--canvas);color:var(--ink);line-height:1.6}.admin-sidebar{width:230px;background:#fff;border-right:1px solid var(--line)}.admin-wrap{margin-left:230px}.admin-brand{padding:24px 20px}.admin-brand img{width:38px;height:38px;border-radius:12px}.admin-nav{padding:12px}.admin-nav-group{padding-top:18px;letter-spacing:.05em}.admin-nav-item{min-height:40px;gap:10px;font-size:13px;border-radius:10px;margin:3px 0}.admin-nav-item.active{background:#eef0ff;border-color:transparent;color:#4258c1;box-shadow:inset 3px 0 #4962db}.admin-topbar{height:68px;padding:0 26px;background:#fff;backdrop-filter:none}.admin-main{max-width:1720px;padding:28px 32px}.page-head,.lg-manager header{margin-bottom:24px}.page-head h1,.lg-manager header h1{font-size:28px;letter-spacing:-.6px}.card,.lg-card,.mall-info,.mall-product{border-radius:18px;border:1px solid var(--line);box-shadow:0 4px 20px #25385804}.card,.lg-card{padding:24px}.btn,.lg-primary,.lg-secondary,input:not([type=checkbox]):not([type=radio]),textarea,select{border-radius:10px}.btn-primary,.lg-primary{background:var(--blue);color:white;border:1px solid var(--blue);box-shadow:0 3px 9px #4962db16}.btn-secondary,.lg-secondary{background:#fff;color:#41516a;border:1px solid #d9e1ec}.lg-primary:hover,.btn-primary:hover{background:#3d50ba}.lg-kicker,.lg-card [role=status],.lg-mail-advanced summary{color:var(--blue)}.lg-config-state,.lg-contact,.lg-steps li.active{background:#eef0ff;color:#4258c1}.lg-card input:focus,.lg-card textarea:focus{outline:0;border-color:#9faaf4;box-shadow:0 0 0 3px #4962db16}.lg-manager{max-width:none}.lg-manager .lg-grid{gap:20px;align-items:start}.lg-card h2{font-size:18px}.lg-qr-upload{border-color:var(--line)}button:active:not(:disabled){transform:translateY(1px)}.mall-hero{border-radius:18px}.mall-gallery{display:flex;flex-direction:column}.mall-gallery a{display:block;background:#f8f9fc;border-radius:14px}.mall-gallery img{height:auto;max-height:680px;object-fit:contain;display:block}.mall-info{align-self:start}.mall-product>a{aspect-ratio:1}.mall-product img{object-fit:contain;background:#f8f9fc}.mall-grid{gap:18px}.mall-product p{white-space:pre-line;font-size:13px}.mall-admin-catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.mall-admin-catalog .card{min-width:0;margin:0}.mall-admin-catalog .mall-form{grid-template-columns:1fr}.mall-admin-catalog summary{cursor:pointer;font-weight:650}.mall-admin-catalog h2{font-size:18px}.mall-delete{margin-top:14px}.mall-import{margin-bottom:24px}.mall-import [role=status]{white-space:pre-line}.mall-import-preview{max-height:320px;overflow:auto}.mall-import-preview td{font-size:13px}.mall-admin-images{flex-wrap:wrap}.mall-admin-photo{display:grid;gap:4px}.mall-form label:has([type=checkbox]){display:flex;align-items:center}.mall-form input[type=checkbox]{width:18px;height:18px}.dialog-form{border:1px solid var(--line);border-radius:22px;padding:0;max-height:calc(var(--v2-viewport,100dvh) - 48px);width:min(720px,calc(100% - 32px));box-shadow:0 30px 90px #202c4433}.dialog-form::backdrop{background:#202c4460}.dialog-form form{display:flex;flex-direction:column;max-height:inherit}.dialog-form .v2-dialog-head,.dialog-form footer{padding:18px 24px;flex-shrink:0}.dialog-form .v2-dialog-body{overflow:auto;padding:20px 24px}.dialog-form .v2-dialog-head{border-bottom:1px solid var(--line)}.dialog-form footer{border-top:1px solid var(--line)}[hidden],.hidden{display:none!important}
@media(max-width:960px){.admin-wrap{margin-left:0}.admin-main{padding:24px}.admin-topbar{padding:0 20px}}
@media(max-width:760px){.admin-main{padding:20px 14px}.admin-topbar{padding:0 14px;height:64px}.card,.lg-card{padding:18px}.page-head h1,.lg-manager header h1{font-size:23px}.lg-manager .lg-grid,.lg-manager .lg-config{grid-template-columns:1fr}.mall-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mall-product>div{padding:12px}.mall-product h3{font-size:15px}.mall-detail{grid-template-columns:1fr;gap:16px}.mall-admin-catalog{grid-template-columns:1fr}.mall-info{padding:20px}.dialog-form{margin:0;position:fixed;top:var(--v2-offset,0px);left:0;width:100%;max-width:none;height:var(--v2-viewport,100dvh);max-height:var(--v2-viewport,100dvh);border-radius:0}.dialog-form form{height:100%}.dialog-form .v2-dialog-body{flex:1}.dialog-form footer{padding-bottom:calc(18px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.dialog-form .v2-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.dialog-form .v2-dialog-head h2{font-size:20px;margin:0}.dialog-form .v2-discard{padding:16px 24px;background:#fff6ed;border-top:1px solid #f1dec9}.v2-discard p{display:grid;margin:0 0 10px}.v2-discard>div{display:flex;gap:8px}.dialog-form button[data-save]{background:var(--blue);color:#fff}.dialog-form button{border-radius:10px;padding:9px 16px}.admin-main #communityManager{max-width:none}.admin-main .manager-head h1{font-size:28px}.admin-main #communityManager .tabs{background:#f1f3f9;border-radius:12px;padding:6px}.admin-main #communityManager .tabs .active{background:#fff;color:var(--blue);box-shadow:0 2px 8px #2538580a}
/* Public forum shares the panel and brand hierarchy of the business centre. */
body:not(.admin-body) .hero{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:18px;box-shadow:0 4px 20px #25385804}body:not(.admin-body) .hero small,body:not(.admin-body) .hero p{color:var(--muted)}body:not(.admin-body) .hero a{color:var(--blue)}body:not(.admin-body) .hero .white-button{background:var(--blue);color:#fff}body:not(.admin-body) .hero-outline{border:1px solid var(--line);background:#f7f8fc;color:var(--ink)}body:not(.admin-body) .hero-logo{box-shadow:0 5px 20px #4962db14;border-radius:18px}.manager-tabs{background:#f1f3f9;border-radius:12px;padding:6px}.manager-tabs button.active{background:white;color:var(--blue);box-shadow:0 2px 8px #2538580a}.admin-main .table-scroll{max-width:100%;overflow:auto}.admin-main #communityManager{padding:0}