/* MyShop V1 UI/Branding overrides - runtime-safe static layer */
:root{--myshop-business:#16a34a;--myshop-business-soft:#ecfdf5;--myshop-customer:#0f766e;--myshop-customer-soft:#f0fdfa;--myshop-navy:#111827}
.ui-account-business{--myshop-accent:var(--myshop-business);--myshop-accent-soft:var(--myshop-business-soft)}
.ui-account-customer{--myshop-accent:var(--myshop-customer);--myshop-accent-soft:var(--myshop-customer-soft)}
.ui-account-admin,.ui-account-guest{--myshop-accent:#4f46e5;--myshop-accent-soft:#eef2ff}
.myshop-brand-mark{color:var(--myshop-accent,#4f46e5)}
.myshop-nav-active{background:var(--myshop-accent-soft,#eef2ff);color:var(--myshop-accent,#4f46e5)}
.myshop-accent-badge{background:var(--myshop-accent-soft,#eef2ff);color:var(--myshop-accent,#4f46e5)}
.myshop-coming-soon-section{border-color:#bbf7d0;background:linear-gradient(135deg,#ecfdf5 0%,#fff 52%,#f0fdfa 100%)}
.myshop-metric-card,.myshop-action-card{min-width:0}
@media(max-width:767px){
 .ui-page-header-inner{padding:.75rem .75rem}
 .ui-page-content{padding:.9rem .75rem 1.25rem}
 .myshop-metric-card{min-height:92px;display:flex;flex-direction:column;justify-content:center}
 .myshop-metric-card p{overflow-wrap:anywhere}
 .myshop-action-card{min-height:138px}
 .myshop-action-card .h-11{height:2.25rem;width:2.25rem}
 .myshop-manage-shops-card{margin-top:.9rem;min-height:88px}
 .myshop-coming-soon-grid article{min-width:0}
 .myshop-coming-soon-grid article h3,.myshop-coming-soon-grid article p{overflow-wrap:anywhere}
}
@media(min-width:768px){.myshop-manage-shops-card{min-height:128px}.myshop-metric-card{min-height:120px}}