/* Compact UI overrides for production builds when Vite assets are not rebuilt yet. */
.py-6{padding-top:1.5rem!important;padding-bottom:1.5rem!important}
.py-8{padding-top:2rem!important;padding-bottom:2rem!important}
.px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}
.p-3{padding:.75rem!important}
.p-3\.5{padding:.875rem!important}
.p-4{padding:1rem!important}
.p-5{padding:1.25rem!important}
.h-14{height:3.5rem!important}
.h-52{height:13rem!important}
.text-base{font-size:1rem!important;line-height:1.5rem!important}
.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}
.leading-5{line-height:1.25rem!important}
.leading-6{line-height:1.5rem!important}
.rounded-xl{border-radius:.75rem!important}
.rounded-2xl{border-radius:.85rem!important}
.rounded-3xl{border-radius:1rem!important}
.rounded-\[1\.25rem\]{border-radius:1rem!important}
.rounded-\[1\.35rem\]{border-radius:.9rem!important}
.rounded-\[1\.5rem\]{border-radius:1.125rem!important}
.rounded-\[1\.75rem\]{border-radius:1.125rem!important}
.rounded-\[2rem\]{border-radius:1.25rem!important}
.shadow-soft{box-shadow:0 10px 28px rgba(11,31,58,.055)!important}

.site-header-inner{min-height:74px;gap:20px}
.brand-logo-link{width:142px}
.brand-logo-image{height:42px}
.site-action-primary,.site-action-secondary{min-height:42px;padding:0 16px;border-radius:12px;font-size:13px}
.home-shell,.calendar-shell,.dashboard-shell,.login-shell{padding-top:18px;padding-bottom:26px}
.home-hero{border-radius:18px}
.home-hero-copy{padding:22px}
.home-hero-copy h1{font-size:30px;letter-spacing:0;max-width:360px}
.hero-chip{padding:7px 12px;font-size:11px}
.home-hero-media{min-height:340px}
.hero-feature-icon{width:36px;height:36px}
.hero-feature-icon img{width:24px;height:24px}
.category-section,.product-section{margin-top:22px}
.category-grid,.product-grid{gap:14px}
.category-card,.product-card,.dashboard-kpi-card,.dashboard-panel,.login-card,.login-sidecard,.calendar-panel,.order-summary-card{border-radius:16px;box-shadow:0 8px 22px rgba(15,23,42,.045)}
.category-card{gap:12px;padding:16px}
.category-icon{width:46px;height:46px;border-radius:14px;font-size:20px}
.category-card h3,.section-head h2{font-size:16px}
.category-card p,.section-head a,.product-location,.product-rating{font-size:12px}
.product-image-wrap{aspect-ratio:1.28/1}
.product-badge{top:10px;left:10px;padding:6px 9px;font-size:10px;letter-spacing:.04em}
.product-body{padding:13px}
.product-body h3{font-size:16px;line-height:1.3}
.product-price{margin-top:10px;font-size:17px}
.product-link{margin-top:12px;border-radius:10px;padding:9px 12px;font-size:12px}
.benefit-strip{margin-top:22px;padding:18px;border-radius:18px;gap:14px}
.benefit-icon{width:42px;height:42px}
.benefit-icon img{width:30px;height:30px}
.calendar-head h1,.dashboard-header h1,.login-card h1,.login-sidecard h2{font-size:28px;letter-spacing:0}
.calendar-panel,.dashboard-panel,.login-card,.login-sidecard,.order-summary-card{padding:18px}
.dashboard-header{gap:16px;margin-bottom:18px}
.dashboard-kpi-grid,.dashboard-grid-two,.dashboard-grid-split,.dashboard-grid-form,.dashboard-mini-stats{gap:14px}
.dashboard-kpi-card{padding:16px}
.dashboard-kpi-card strong,.order-summary-card strong{font-size:24px}
.dashboard-panel-head h2,.dashboard-form-card h3,.member-card-panel h2{font-size:18px}
.dashboard-list-item,.dashboard-table-row,.dashboard-order-card{padding:12px 0}
.input-field,.order-filter-bar input,.order-filter-bar select,.login-form input{border-radius:12px;padding:11px 13px;font-size:13px}
.dashboard-textarea{min-height:96px}
.dashboard-panel .dashboard-textarea{font-size:13px;line-height:1.55}
.dashboard-panel select[multiple]{min-height:96px}
.user-table th,.user-table td{padding:11px 12px;font-size:13px}
.dashboard-empty{font-size:13px}
.dashboard-upload-block,.dashboard-form-card,.member-period-box{border-radius:14px;padding:14px}

@media (min-width:640px){
    .sm\:h-16{height:4rem!important}
    .sm\:h-60{height:15rem!important}
    .sm\:h-\[320px\]{height:320px!important}
    .sm\:p-6{padding:1.5rem!important}
    .sm\:p-7{padding:1.75rem!important}
    .sm\:px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}
    .sm\:text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}
}
@media (min-width:768px){
    .md\:grid-cols-\[1fr_180px\]{grid-template-columns:1fr 180px!important}
}
@media (min-width:1024px){
    .lg\:h-\[360px\]{height:360px!important}
    .lg\:grid-cols-\[0\.88fr_1\.12fr\]{grid-template-columns:.88fr 1.12fr!important}
    .lg\:grid-cols-\[1fr_280px\]{grid-template-columns:1fr 280px!important}
    .lg\:px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}
}
@media (min-width:1280px){
    .xl\:grid-cols-\[0\.88fr_1\.12fr\]{grid-template-columns:.88fr 1.12fr!important}
    .xl\:grid-cols-\[1\.02fr_0\.98fr\]{grid-template-columns:1.02fr .98fr!important}
}
@media (max-width:768px){
    .site-header-inner{min-height:58px}
    .brand-logo-image{height:32px}
    .site-mobile-nav-wrap{padding-bottom:8px}
    .site-mobile-nav a,.site-mobile-quick-btn,.site-mobile-logout-btn{min-height:34px;border-radius:10px;font-size:11px}
    .home-hero-copy{padding:16px}
    .home-hero-copy h1{font-size:24px}
    .home-hero-media{min-height:190px}
    .category-grid,.product-grid{gap:12px}
    .product-card{border-radius:14px}
    .product-body h3{font-size:15px}
    .product-price{font-size:16px}
    .calendar-head h1,.dashboard-header h1,.login-card h1,.login-sidecard h2{font-size:24px}
    .calendar-panel,.dashboard-panel,.login-card,.login-sidecard,.order-summary-card{padding:16px}
    .dashboard-textarea{min-height:86px}
    .dashboard-panel select[multiple]{min-height:82px}
    .user-table-wrap{overflow-x:auto}
    .floating-wa{right:12px;bottom:12px;padding:11px 14px;font-size:12px}
}