:root{--r-page-x:clamp(12px,2.4vw,24px);--r-page-y:clamp(14px,2.2vw,22px);--r-gap:14px;--r-radius:12px;--r-touch:44px;}
html{width:100%;min-width:0;-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body{width:100%;min-width:0;overflow-x:hidden;}
img,svg,video,canvas{max-width:100%;}
input,select,textarea,button{max-width:100%;}
[hidden]{display:none!important;}
.mobile-only{display:none!important;}
.page-shell,.admin-shell,.sales-shell,.admin-layout,.dash-layout,.main,.dash-main,
.content,.dash-content,.work-content,.unified-content,.admin-clean,
section,article,form,fieldset,.card,.admin-card,.dash-card-modern,.detail-panel,
.module-panel,.profile-card,.orders-table-card,.asset-rebuild-card,
.admin-table-wrap,.orders-table-scroll,.detail-table-wrap,.asset-ledger-table-wrap,
.table-wrap,.table-scroll,.admin-review-table-wrap{max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;}
@media (max-width:1100px){
  :root{--backend-content-x:var(--r-page-x);--backend-content-y:var(--r-page-y);--backend-page-pad-x:var(--r-page-x);--backend-page-pad-y:var(--r-page-y);}
  html{font-size:14px;}
  body.drawer-open,body.customizer-modal-open,body.notice-modal-open{overflow:hidden;}
  .topbar{position:sticky;top:0;z-index:60;height:60px;background:#fff;border-bottom:1px solid var(--line,#e5eaf1);}
  .topbar-inner{height:60px;padding-left:max(var(--r-page-x),env(safe-area-inset-left));padding-right:max(var(--r-page-x),env(safe-area-inset-right));gap:10px;}
  .logo-mark{width:36px;height:36px;min-width:36px;}
  .brand{min-width:0;max-width:calc(100% - 54px);}
  .brand-copy{min-width:0;}
  .brand-title,.brand-subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .brand-title{font-size:14px;}
  .brand-subtitle{font-size:10.5px;}
  .header-actions{margin-left:auto;flex:0 0 auto;}
  body.backend-page:not(.admin-backend-page) .admin-layout,
    body.backend-page:not(.admin-backend-page) .dash-layout{display:block!important;width:100%!important;min-width:0!important;}
  body.backend-page:not(.admin-backend-page) .sidebar,
    body.backend-page:not(.admin-backend-page) .dash-sidebar{display:none!important;}
  body.backend-page:not(.admin-backend-page) .mobile-only{display:inline-flex!important;}
  .mobile-menu-btn{width:42px;height:42px;min-width:42px;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:4px;border:1px solid #d8e0eb;border-radius:10px;background:#fff;box-shadow:none;}
  .mobile-menu-btn span{display:block;width:18px;height:2px;border-radius:99px;background:#172033;}
  .mobile-drawer{position:fixed;inset:0;z-index:250;}
  .mobile-drawer[hidden]{display:none!important;}
  .drawer-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.38);}
  .drawer-panel{position:absolute;inset:0 auto 0 0;width:min(82vw,330px);height:100%;padding-bottom:max(20px,env(safe-area-inset-bottom));overflow-y:auto;background:#fff;border-right:1px solid #e5eaf1;box-shadow:18px 0 48px rgba(15,23,42,.18);outline:0;}
  .drawer-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;min-height:60px;padding:0 16px;background:#fff;border-bottom:1px solid #e5eaf1;}
  .drawer-head strong{font-size:16px;}
  .drawer-close{width:38px;height:38px;padding:0;border:1px solid #d8e0eb;border-radius:10px;background:#fff;color:#172033;font-size:22px;line-height:1;}
  .drawer-nav{display:grid;gap:14px;padding:14px;}
  .drawer-nav section{display:grid;gap:7px;}
  .drawer-nav section>strong{padding:0 2px;color:#667085;font-size:11px;line-height:1.2;text-transform:uppercase;letter-spacing:.05em;}
  body:not(.admin-backend-page) .drawer-nav .drawer-nav-item{display:flex!important;align-items:center!important;width:100%!important;min-height:44px!important;margin:0!important;padding:10px 12px!important;border:1px solid #e1e7f0!important;border-radius:10px!important;background:#fff!important;color:#172033!important;font-size:14px!important;font-weight:600!important;line-height:1.3!important;text-align:left!important;text-decoration:none!important;}
  .drawer-logout-form{margin:0;}
  body.admin-backend-page .admin-layout,
    body.admin-backend-page .dash-layout{display:block!important;width:100%!important;min-width:0!important;}
  body.admin-backend-page .sidebar,
    body.admin-backend-page .dash-sidebar{display:block!important;position:static!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;padding:0!important;border:0!important;border-bottom:1px solid #d9dee7!important;background:#fff!important;overflow-x:auto!important;overflow-y:hidden!important;}
  body.admin-backend-page .dash-nav{display:block!important;width:max-content!important;min-width:100%!important;padding:8px var(--r-page-x)!important;white-space:nowrap!important;}
  body.admin-backend-page .dash-nav .nav-group{display:flex!important;align-items:center!important;gap:6px!important;margin:0!important;padding:0!important;}
  body.admin-backend-page .dash-nav .nav-title{display:none!important;}
  body.admin-backend-page .dash-nav .nav-sub,
    body.admin-backend-page .dash-nav .nav-logout{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-height:34px!important;margin:0!important;padding:0 11px!important;border:1px solid #d7dde7!important;border-radius:6px!important;background:#fff!important;color:#374151!important;font-size:12px!important;line-height:1!important;text-decoration:none!important;}
  body.admin-backend-page .dash-nav .nav-sub.active{border-color:#9db6ee!important;background:#eef4ff!important;color:#2447a8!important;}
  body.admin-backend-page .admin-nav-logout-form{display:inline-block!important;margin:0!important;}
  .main,.dash-main,.orders-main{width:100%!important;min-width:0!important;margin:0!important;padding:0!important;}
  .content,.dash-content,.work-content,.unified-content{width:100%!important;max-width:none!important;margin:0!important;padding:var(--r-page-y) var(--r-page-x)!important;}
  .dashboard-hero-redesign{margin:0 0 var(--r-gap)!important;padding:0!important;background:transparent!important;border:0!important;}
  .dashboard-hero-redesign h1{font-size:20px!important;line-height:1.2!important;}
  .dashboard-hero-redesign p{font-size:12px!important;line-height:1.45!important;}
  .dashboard-redesign-grid,.asset-home-grid,.admin-grid,.overview-grid,
    .metric-split-grid,.unified-metric-grid,.membership-summary-grid,
    .billing-summary-grid,.stock-modal-summary,.admin-form-grid.is-4{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .dashboard-redesign-middle,.dashboard-middle-unified,.module-row,.module-row-style-delivery,
    .profile-layout-v2,.profile-split-grid,.withdraw-page-grid,.withdraw-summary-grid,
    .sales-settings-layout,.sales-editor-columns,.od-layout,.od-stack,.od-info-grid,.od-design-grid,
    .admin-two,.asset-rebuild-summary,.membership-comfort-hero,
    .recharge-page-grid,.recharge-layout,.admin-detail-layout{grid-template-columns:1fr!important;}
  .membership-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .form-grid,.form-grid-simple,.profile-form-grid,.sales-form-grid,.admin-form-grid,
    .orders-filter-grid,.orders-filter-grid-clean,.asset-filter-form,.withdraw-submit-form,
    .withdraw-saved-grid,.recharge-submit-form,.delivery-requirement-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .span-2{grid-column:1/-1!important;}
  .admin-card,.dash-card-modern,.profile-card,.card,.detail-panel,.module-panel,
    .orders-table-card,.asset-rebuild-card,.asset-ledger-panel,.detail-list-card,
    .membership-comfort-card,.membership-benefits-card,.recharge-panel{max-width:100%!important;}
  .admin-actions,.actions,.header-actions,.preview-header-actions,.create-action-buttons,
    .asset-card-actions,.asset-filter-actions,.action-modal-buttons,.billing-confirm-actions,
    .production-confirm-actions,.orders-pagination,.asset-pager,.pagination,.pager{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;}
  .admin-searchbar,.admin-orders-toolbar-clean,.admin-review-one-line-actions,
    .admin-batchbar,.orders-filter-grid-clean{max-width:100%!important;}
  body.admin-backend-page .admin-table-wrap,
    body.admin-backend-page .detail-table-wrap,
    body.admin-backend-page .orders-table-scroll,
    body.backend-page:not(.admin-backend-page) .detail-table-wrap{overflow-x:auto!important;}
  body.admin-backend-page table{min-width:760px!important;}
  body.backend-page:not(.admin-backend-page) .detail-record-table{min-width:760px!important;}
  
  
  
  
  
  
  
  
  
  
  body[data-page="create-order"] .module-row-style-delivery{grid-template-columns:1fr!important;}
  body[data-page="create-order"] .summary-dual-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body[data-page="create-order"] .create-final-action-bar,
    body[data-page="create-order"] .account-template-head,
    body[data-page="create-order"] .account-template-controls{align-items:stretch!important;}
  body[data-page="create-order"] .size-row{grid-template-columns:minmax(110px,1fr) minmax(110px,1fr) 42px 42px!important;}
  .sales-shell{width:100%!important;max-width:none!important;min-width:0!important;box-shadow:none!important;}
  .sales-header{height:62px!important;padding:0 var(--r-page-x)!important;gap:12px!important;}
  .sales-brand{min-width:0!important;}
  .sales-brand strong{max-width:50vw!important;font-size:15px!important;}
  .header-help{font-size:12px!important;}
  .section{padding:22px var(--r-page-x)!important;}
  .hero{padding:16px var(--r-page-x) 8px!important;}
  .hero-frame{min-height:360px!important;border-radius:20px!important;}
  .hero-copy{left:24px!important;bottom:24px!important;width:calc(100% - 48px)!important;}
  .custom-order-grid,.checkout-grid,.contact-grid,.case-grid,.faq-grid{grid-template-columns:1fr!important;}
  .choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .summary-box{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .size-row{grid-template-columns:1fr 1fr 92px 44px!important;}
  .sales-footer-inner{padding-left:var(--r-page-x)!important;padding-right:var(--r-page-x)!important;}
  .order-status-static .page{width:100%!important;max-width:760px!important;box-shadow:none!important;}
  .order-status-static .layout,.order-status-static .receipt,.order-status-static .info-grid{grid-template-columns:1fr!important;grid-template-areas:none!important;}
  .order-status-static .summary-strip,.order-status-static .steps{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .order-status-static .design-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .sales-policy-page .policy-grid,.sales-track-page .track-grid{grid-template-columns:1fr!important;}
  .action-modal,.billing-confirm-modal,.production-confirm-modal,.notice-detail-modal,.query-modal,.modal{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;}
  .action-modal-panel,.billing-confirm-dialog,.production-confirm-dialog,.notice-detail-panel,.query-panel,.modal-panel{width:min(100%,760px)!important;max-width:100%!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important;}
  body.admin-backend-page .api-overview,
    body.admin-backend-page .api-security-grid,
    body.admin-backend-page .assign-history-summary,
    body.admin-backend-page .assign-summary,
    body.admin-backend-page .pool-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.admin-backend-page .api-grid,
    body.admin-backend-page .user-picker,
    body.admin-backend-page .assign-main,
    body.admin-backend-page .assign-product-grid,
    body.admin-backend-page .security-grid,
    body.admin-backend-page .security-fields{grid-template-columns:1fr!important;}
  body.admin-backend-page .api-field.full,
    body.admin-backend-page .security-field.full{grid-column:auto!important;}
  body.admin-backend-page .api-diagnostics,
    body.admin-backend-page .settings-grid,
    body.admin-backend-page .create-grid,
    body.admin-backend-page .toolbar,
    body.admin-backend-page .assign-tiers{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.admin-backend-page .auto-toggle,
    body.admin-backend-page .settings-hint,
    body.admin-backend-page .assign-customer{grid-column:1/-1!important;}
  body.admin-backend-page .assignment-head,
    body.admin-backend-page .assign-history-toolbar,
    body.admin-backend-page .manual-toolbar{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:flex-start!important;}
  body.admin-backend-page .assign-history-toolbar .push,
    body.admin-backend-page .manual-toolbar .push{margin-left:0!important;}
  body.admin-backend-page .manual-toolbar .admin-input{flex:1 1 280px!important;width:auto!important;}
  body.admin-backend-page .pool-toolbar{grid-template-columns:1fr!important;}
  body.admin-backend-page .pool-toolbar-right{justify-self:start!important;justify-content:flex-start!important;}
  body.admin-backend-page .pool-toolbar-left,
    body.admin-backend-page .pool-toolbar-right,
    body.admin-backend-page .pool-search-line,
    body.admin-backend-page .pool-import-line,
    body.admin-backend-page .pool-batch-line{flex-wrap:wrap!important;white-space:normal!important;}
  body.admin-backend-page .pool-table-wrap,
    body.admin-backend-page .manual-table-wrap,
    body.admin-backend-page .assign-history-table-wrap{overflow-x:auto!important;overflow-y:hidden!important;}
  body.admin-backend-page .pool-table{min-width:1080px!important;table-layout:fixed!important;}
  body.admin-backend-page .manual-table{min-width:980px!important;}
  body.admin-backend-page .assign-size-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  body.admin-backend-page .pool-form-grid,
    body.admin-backend-page .pool-design-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.admin-backend-page .pool-span-2{grid-column:1/-1!important;}
  body.admin-backend-page{width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:hidden!important;}
  body.admin-backend-page .admin-shell,
    body.admin-backend-page .topbar,
    body.admin-backend-page .topbar-inner,
    body.admin-backend-page .admin-layout,
    body.admin-backend-page .dash-layout,
    body.admin-backend-page .main,
    body.admin-backend-page .dash-main,
    body.admin-backend-page .footer,
    body.admin-backend-page .admin-footer,
    body.admin-backend-page .app-footer{width:100%!important;min-width:0!important;max-width:100%!important;}
  body.admin-backend-page .main,
    body.admin-backend-page .dash-main,
    body.admin-backend-page .content,
    body.admin-backend-page .dash-content,
    body.admin-backend-page .unified-content{overflow:visible!important;}
  .footer-company-copy{max-width:100%!important;min-width:0!important;}
  .modern-card-head p,.profile-card-head small,.module-head p,.od-card-head p,.admin-card-head p,
    .detail-list-title small,.section-head p{max-width:100%!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;}
}
@media (max-width:760px){
  .topbar,.topbar-inner{height:56px;}
  .mobile-menu-btn{width:40px;height:40px;min-width:40px;}

  .dashboard-hero-redesign{margin-bottom:10px!important;}
  .dashboard-hero-redesign>div{min-width:0!important;}
  .dash-sync{margin-top:8px!important;text-align:left!important;}
  .dashboard-redesign-grid,.asset-home-grid,.admin-grid,.overview-grid,
    .dashboard-redesign-middle,.dashboard-middle-unified,.module-row,.module-row-style-delivery,
    .profile-layout-v2,.profile-split-grid,.withdraw-page-grid,.withdraw-summary-grid,
    .sales-settings-layout,.sales-editor-columns,.od-layout,.od-stack,.od-info-grid,.od-design-grid,
    .admin-two,.asset-rebuild-summary,.membership-comfort-hero,.membership-services-grid,
    .recharge-page-grid,.recharge-layout,.admin-detail-layout,
    .form-grid,.form-grid-simple,.profile-form-grid,.sales-form-grid,.admin-form-grid,
    .admin-form-grid.is-4,.orders-filter-grid,.orders-filter-grid-clean,.asset-filter-form,
    .withdraw-submit-form,.withdraw-saved-grid,.recharge-submit-form,.delivery-requirement-grid,
    .billing-summary-grid,.stock-modal-summary{grid-template-columns:1fr!important;}
  .metric-split-grid,.unified-metric-grid,.membership-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .span-2{grid-column:auto!important;}
  .admin-card,.dash-card-modern,.profile-card,.card,.detail-panel,.module-panel,
    .orders-table-card,.asset-rebuild-card,.asset-ledger-panel,.detail-list-card,
    .membership-comfort-card,.membership-benefits-card,.recharge-panel{padding:13px!important;border-radius:10px!important;margin-bottom:10px!important;}
  .modern-card-head,.profile-card-head,.module-head,.od-card-head,.admin-card-head,
    .detail-list-title,.asset-ledger-head,.section-head{align-items:flex-start!important;gap:9px!important;}
  .modern-icon{flex:0 0 auto!important;}
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea{width:100%!important;min-height:44px!important;font-size:16px!important;}
  textarea{height:auto!important;min-height:92px!important;}
  .btn,.admin-btn,.submit-btn,.continue-btn,button:not(.notice-row-button):not(.tier-option){min-height:42px;}
  .admin-actions,.actions,.asset-card-actions,.asset-filter-actions,.create-action-buttons,
    .action-modal-buttons,.billing-confirm-actions,.production-confirm-actions{align-items:stretch!important;}
  .admin-actions>.btn,.actions>.btn,.asset-filter-actions>.btn,
    .create-action-buttons>.btn,.action-modal-buttons>.btn,
    .billing-confirm-actions>.btn,.production-confirm-actions>.btn{flex:1 1 140px!important;}
  .notice-row-button{display:grid!important;grid-template-columns:auto auto minmax(0,1fr)!important;gap:8px!important;align-items:start!important;}
  .notice-row-button time{grid-column:3!important;text-align:left!important;}
  body[data-page="create-order"] .create-final-action-bar,
    body[data-page="create-order"] .account-template-head,
    body[data-page="create-order"] .account-template-controls{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  body[data-page="create-order"] .create-action-buttons .btn,
    body[data-page="create-order"] .account-template-controls .btn,
    body[data-page="create-order"] .account-template-head .btn{width:100%!important;}
  body[data-page="create-order"] .summary-dual-grid{grid-template-columns:1fr!important;}
  body[data-page="create-order"] .summary-artboard{min-height:280px!important;height:auto!important;aspect-ratio:12/13!important;}
  body[data-page="create-order"] .size-row,
    body[data-page="create-order"] .compact-size-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 42px 42px!important;gap:8px!important;align-items:end!important;}
  body[data-page="create-order"] .size-field,body[data-page="create-order"] .qty-field{min-width:0!important;}

  .form-panel,.admin-login-card{padding:18px 14px!important;border-radius:12px!important;}
  .form-path{align-items:center!important;flex-wrap:wrap!important;}
  body:not(.admin-backend-page) .page-shell,
    body.backend-page:not(.admin-backend-page) .admin-shell,
    body.sales-public-page .sales-shell,
    body.order-status-static .page{min-height:0!important;height:auto!important;display:block!important;}
  body:not(.admin-backend-page) .home-main,
    body:not(.admin-backend-page) .inner-main,
    body:not(.admin-backend-page) .admin-login-main,
    body.backend-page:not(.admin-backend-page) .admin-layout,
    body.backend-page:not(.admin-backend-page) .dash-layout,
    body.backend-page:not(.admin-backend-page) .main,
    body.backend-page:not(.admin-backend-page) .dash-main,
    body.sales-public-page .sales-shell>.sales-main,
    body.sales-public-page .sales-shell>.wrap,
    body.order-status-static .page>.wrap{min-height:0!important;height:auto!important;flex:none!important;}
  body.backend-page:not(.admin-backend-page) .admin-layout,
    body.backend-page:not(.admin-backend-page) .dash-layout{display:block!important;}
  body:not(.admin-backend-page) .footer.app-footer,
    body.sales-public-page .sales-footer,
    body.order-status-static .footer,
    body.order-status-static .sales-footer{position:static!important;inset:auto!important;bottom:auto!important;transform:none!important;flex:none!important;}
  body[data-page="home"] .home-main{padding:0!important;background:#f5f7fb!important;}
  body[data-page="home"] .home-wrap{width:100%!important;max-width:620px!important;margin:0 auto!important;padding:0 9px 14px!important;}
  body[data-page="home"] .home-hero{position:relative!important;display:block!important;height:calc(100svh - 52px)!important;min-height:500px!important;border:0!important;border-radius:0!important;overflow:hidden!important;background:#edf1f5!important;}
  body[data-page="home"] .home-hero .hero-media{position:absolute!important;inset:0!important;max-height:none!important;overflow:hidden!important;border-radius:0 0 14px 14px!important;background:#edf1f5!important;}
  body[data-page="home"] .home-hero .hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,0) 28%,rgba(15,23,42,.08) 52%,rgba(15,23,42,.28) 100%);pointer-events:none;}
  body[data-page="home"] .home-hero .hero-media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:12% center!important;}
  body[data-page="home"] .login-panel{position:absolute!important;left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translate(-50%,-50%)!important;z-index:2!important;width:min(calc(100% - 36px),380px)!important;max-width:380px!important;margin:0!important;padding:13px 14px 14px!important;border:1px solid rgba(225,231,240,.96)!important;border-radius:12px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 12px 28px rgba(15,23,42,.14)!important;}
  body[data-page="home"] .login-panel .kicker{min-height:17px!important;margin-bottom:6px!important;padding:0 6px!important;font-size:10.5px!important;letter-spacing:.065em!important;}
  body[data-page="home"] .login-panel h1{margin:0 0 6px!important;font-size:15px!important;line-height:1.2!important;letter-spacing:-.018em!important;}
  body[data-page="home"] .login-panel>p{margin:0 0 9px!important;font-size:11.5px!important;line-height:1.38!important;}
  body[data-page="home"] .login-panel .form-group{margin-bottom:8px!important;}
  body[data-page="home"] .login-panel .form-group label{margin-bottom:5px!important;font-size:11.5px!important;line-height:1.2!important;}
  body[data-page="home"] .login-panel input.input{height:36px!important;min-height:36px!important;padding:0 11px!important;border-radius:9px!important;font-size:16px!important;}
  body[data-page="home"] .login-panel .btn-full{height:36px!important;min-height:36px!important;border-radius:9px!important;font-size:12.5px!important;margin-top:2px!important;}
  body[data-page="home"] .login-links{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:10px 2px 2px!important;gap:10px!important;flex-wrap:nowrap!important;font-size:11.5px!important;}
  body[data-page="home"] .login-links a{white-space:nowrap!important;}
  body[data-page="home"] .login-panel .site-alert{margin-bottom:7px!important;padding:7px 8px!important;border-radius:9px!important;font-size:11.5px!important;}
  body[data-page="home"] .login-panel .client-notice:empty{display:none!important;width:0!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
  body[data-page="home"] .advantages{grid-template-columns:1fr!important;gap:10px!important;margin-top:14px!important;padding-bottom:0!important;}
  body[data-page="home"] .advantage-card{min-height:0!important;padding:13px 14px!important;border-radius:10px!important;}
  body[data-page="home"] .advantage-card span{margin-bottom:8px!important;}
  body[data-page="home"] .advantage-card strong{font-size:13px!important;line-height:1.25!important;}
  body[data-page="home"] .advantage-card p{font-size:12px!important;line-height:1.5!important;}
  body:not(.admin-backend-page) .footer.app-footer{min-height:0!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#f7f9fc!important;}
  body:not(.admin-backend-page) .footer.app-footer .footer-inner{width:100%!important;max-width:620px!important;margin:0 auto!important;padding:20px 16px max(20px,env(safe-area-inset-bottom))!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:15px!important;text-align:left!important;}
  body:not(.admin-backend-page) .footer.app-footer .footer-links{order:-1!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:10px 18px!important;text-align:left!important;}
  body:not(.admin-backend-page) .footer.app-footer .footer-links a{display:inline!important;width:auto!important;min-width:0!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#3159b8!important;font-size:12.5px!important;font-weight:600!important;line-height:1.45!important;text-align:left!important;text-decoration:none!important;white-space:nowrap!important;}
  body:not(.admin-backend-page) .footer.app-footer .footer-links a::before,
    body:not(.admin-backend-page) .footer.app-footer .footer-links a::after{display:none!important;content:none!important;}
  body:not(.admin-backend-page) .footer.app-footer .footer-company-copy{order:2!important;width:100%!important;max-width:430px!important;margin:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;text-align:left!important;}
  body:not(.admin-backend-page) .footer.app-footer .footer-brand-line{display:block!important;margin:0!important;color:#5f6b7c!important;font-size:12.5px!important;font-weight:600!important;line-height:1.45!important;white-space:normal!important;}
  body:not(.admin-backend-page) .footer.app-footer .footer-company-line{width:100%!important;margin:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:4px!important;color:#8a94a4!important;font-size:12px!important;line-height:1.55!important;text-align:left!important;}
  body:not(.admin-backend-page) .footer.app-footer .footer-company-item{display:block!important;max-width:100%!important;margin:0!important;padding:0!important;color:#8a94a4!important;font-size:12px!important;font-weight:500!important;line-height:1.45!important;text-align:left!important;overflow-wrap:anywhere!important;}
  body:not(.admin-backend-page) .footer.app-footer .footer-company-item::after{display:none!important;content:none!important;margin:0!important;}
  body.sales-public-page .sales-footer{min-height:0!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;display:block!important;background:#17368f!important;color:#fff!important;text-align:left!important;}
  body.sales-public-page .sales-footer .sales-footer-inner{width:100%!important;max-width:620px!important;margin:0 auto!important;padding:18px 16px max(18px,env(safe-area-inset-bottom))!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:12px!important;text-align:left!important;}
  body.sales-public-page .sales-footer .footer-nav{order:-1!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:7px 16px!important;text-align:left!important;}
  body.sales-public-page .sales-footer .footer-nav a,
    body.sales-public-page .sales-footer .footer-nav button{display:inline!important;width:auto!important;min-width:0!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;font-family:inherit!important;font-size:12.5px!important;font-weight:600!important;line-height:1.45!important;text-align:left!important;text-decoration:none!important;white-space:nowrap!important;opacity:.94!important;}
  body.sales-public-page .sales-footer .footer-nav a::before,
    body.sales-public-page .sales-footer .footer-nav a::after,
    body.sales-public-page .sales-footer .footer-nav button::before,
    body.sales-public-page .sales-footer .footer-nav button::after{display:none!important;content:none!important;}
  body.sales-public-page .sales-footer .footer-contact{order:2!important;width:100%!important;max-width:500px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:3px!important;text-align:left!important;}
  body.sales-public-page .sales-footer .footer-contact strong{margin:0!important;color:#fff!important;font-size:13px!important;font-weight:650!important;line-height:1.45!important;text-align:left!important;}
  body.sales-public-page .sales-footer .footer-contact span{margin:0!important;color:rgba(255,255,255,.72)!important;font-size:12px!important;font-weight:500!important;line-height:1.5!important;text-align:left!important;overflow-wrap:anywhere!important;}
  .sales-header{height:auto!important;min-height:58px!important;padding:9px 12px!important;align-items:center!important;}
  .brand-mark{width:38px!important;height:38px!important;border-radius:9px!important;}
  .sales-brand strong{max-width:52vw!important;font-size:14px!important;}
  .sales-brand small{font-size:12px!important;}
  .header-help{font-size:12.5px!important;}
  .section{padding:18px 12px!important;}
  .section-head{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
  .section-head h2,.order-side-card h3{font-size:19px!important;}
  .section-head p,.order-side-card>p{font-size:13px!important;}
  .hero{padding:10px 10px 6px!important;}
  .hero-frame{min-height:330px!important;aspect-ratio:auto!important;border-radius:16px!important;}
  .hero-frame::after{background:linear-gradient(0deg,rgba(2,6,23,.72),rgba(2,6,23,.05) 78%)!important;}
  .hero-copy{left:16px!important;right:16px!important;bottom:18px!important;width:auto!important;}
  .hero-copy h1{font-size:31px!important;}
  .hero-copy p{font-size:14px!important;}
  .hero-kicker{padding:6px 9px!important;margin-bottom:10px!important;font-size:11.5px!important;}
  .hero-tags{gap:6px!important;}
  .hero-tags span{padding:6px 9px!important;font-size:12px!important;}
  .preview-grid,.choice-grid,.summary-box,.contact-grid,.case-grid,.faq-grid{grid-template-columns:1fr!important;}
  .tee-stage{height:auto!important;min-height:300px!important;aspect-ratio:1/1!important;}
  .size-row{grid-template-columns:1fr 1fr 44px!important;}
  .size-row .remove-size{grid-column:auto!important;}
  .tier-option{min-height:62px!important;padding:10px 12px!important;}
  .order-status-static .page{max-width:none!important;}
  .order-status-static .header,.order-status-static .wrap{padding-left:10px!important;padding-right:10px!important;}
  .order-status-static .receipt-main,.order-status-static .receipt-side,.order-status-static .card,.order-status-static .stat{padding:13px!important;border-radius:12px!important;}
  .order-status-static .receipt h1{font-size:23px!important;}
  .order-status-static .summary-strip,.order-status-static .steps,.order-status-static .design-grid{grid-template-columns:1fr!important;}
  .order-status-static .design-stage{height:auto!important;min-height:280px!important;aspect-ratio:1/1!important;}
  .production-confirm-modal .pcm-grid,.production-confirm-modal .pcm-grid-detail{grid-template-columns:1fr!important;}
  .action-modal-head,.billing-confirm-head,.production-confirm-head,.notice-detail-head{align-items:flex-start!important;}
  body.admin-backend-page .api-overview,
    body.admin-backend-page .api-security-grid,
    body.admin-backend-page .api-grid,
    body.admin-backend-page .api-diagnostics,
    body.admin-backend-page .assign-history-summary,
    body.admin-backend-page .assign-summary,
    body.admin-backend-page .pool-summary,
    body.admin-backend-page .settings-grid,
    body.admin-backend-page .create-grid,
    body.admin-backend-page .toolbar,
    body.admin-backend-page .assign-tiers,
    body.admin-backend-page .assign-size-grid,
    body.admin-backend-page .pool-form-grid,
    body.admin-backend-page .pool-design-grid,
    body.admin-backend-page .security-grid,
    body.admin-backend-page .security-fields{grid-template-columns:1fr!important;}
  body.admin-backend-page .api-actions,
    body.admin-backend-page .api-backup{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
  body.admin-backend-page .api-actions .admin-btn,
    body.admin-backend-page .api-backup .admin-btn,
    body.admin-backend-page .pool-actions .admin-btn{width:100%!important;}
  body.admin-backend-page .pool-span-2,
    body.admin-backend-page .auto-toggle,
    body.admin-backend-page .settings-hint,
    body.admin-backend-page .assign-customer{grid-column:auto!important;}
  body.admin-backend-page .pool-search-line .admin-input,
    body.admin-backend-page .pool-search-line .admin-select{width:100%!important;min-width:0!important;}
  body.admin-backend-page .pool-toolbar-left,
    body.admin-backend-page .pool-toolbar-right,
    body.admin-backend-page .pool-search-line,
    body.admin-backend-page .pool-import-line,
    body.admin-backend-page .pool-batch-line{display:grid!important;grid-template-columns:1fr!important;width:100%!important;}
  body.admin-backend-page .pool-file-name{max-width:100%!important;}
  body.admin-backend-page .pool-actions{display:grid!important;grid-template-columns:1fr!important;}
  body.setup-page .wrap,body.deploy-check-page .wrap{width:100%!important;max-width:720px!important;margin:18px auto!important;padding-left:max(10px,env(safe-area-inset-left))!important;padding-right:max(10px,env(safe-area-inset-right))!important;padding-bottom:18px!important;}
  body.setup-page .body{grid-template-columns:1fr!important;padding:16px!important;}
  body.setup-page .field.full{grid-column:auto!important;}
  body.setup-page .actions{padding:14px 16px!important;}
  body.setup-page .actions button{width:100%!important;min-height:44px!important;}
  body.deploy-check-page .table,
    body.deploy-check-page .table tbody,
    body.deploy-check-page .table tr,
    body.deploy-check-page .table td{display:block!important;width:100%!important;}
  body.deploy-check-page .table thead{display:none!important;}
  body.deploy-check-page .table tr{padding:10px 0!important;border-bottom:1px solid var(--line,#e5eaf1)!important;}
  body.deploy-check-page .table td{padding:5px 0!important;border:0!important;}
  body.deploy-check-page .table td::before{content:attr(data-label);display:block;color:var(--muted,#667085);font-size:12.5px;font-weight:600;}
}
@media (max-width:420px){
  .metric-split-grid,.unified-metric-grid,.membership-summary-grid{grid-template-columns:1fr!important;}
  
  .asset-ledger-table td{grid-template-columns:92px minmax(0,1fr)!important;}
  body[data-page="create-order"] .size-row,
    body[data-page="create-order"] .compact-size-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;}
  body[data-page="create-order"] .size-icon-btn{width:100%!important;}

  .sales-brand strong{max-width:46vw!important;}
  .header-help{display:none!important;}
  .hero-copy h1{font-size:28px!important;}
  body[data-page="home"] .home-wrap{padding:0 8px 14px!important;}
  body[data-page="home"] .login-panel{left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;width:calc(100% - 28px)!important;max-width:360px!important;transform:translate(-50%,-50%)!important;}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
}
@keyframes tsh-drawer-panel-in-right{
  from{transform:translateX(100%);}
  to{transform:translateX(0);}
}
@keyframes tsh-drawer-backdrop-in{
  from{opacity:0;}
  to{opacity:1;}
}
@media (max-width:760px){
  :root{--r-gap:10px;--r-page-y:12px;--r-page-x:12px;--m-page-x:10px;--m-gap:8px;--m-radius:10px;--m-title-page:18px;--m-title-section:15px;--m-title-card:14px;--m-copy:13px;--m-label:12px;--m-meta:11.5px;--m-control-text:13px;--m-value:16px;}
  body:not(.admin-backend-page){font-size:var(--m-copy)!important;line-height:1.48!important;}
  body:not(.admin-backend-page) .content,
  body:not(.admin-backend-page) .dash-content,
  body:not(.admin-backend-page) .work-content,
  body:not(.admin-backend-page) .unified-content{width:100%!important;padding:10px var(--m-page-x) 14px!important;gap:var(--m-gap)!important;}
  body.backend-page:not(.admin-backend-page) .content,
  body.backend-page:not(.admin-backend-page) .dash-content,
  body.backend-page:not(.admin-backend-page) .work-content,
  body.backend-page:not(.admin-backend-page) .unified-content{padding-bottom:8px!important;}
  body:not(.admin-backend-page) h1,
  body:not(.admin-backend-page) .page-title,
  body:not(.admin-backend-page) .asset-page-title,
  body:not(.admin-backend-page) .membership-page-title{font-size:var(--m-title-page)!important;line-height:1.22!important;letter-spacing:-.018em!important;}
  body:not(.admin-backend-page) h2,
  body:not(.admin-backend-page) .section-head h2,
  body:not(.admin-backend-page) .modern-card-head h2,
  body:not(.admin-backend-page) .notice-modern-head h2,
  body:not(.admin-backend-page) .profile-card-head h2,
  body:not(.admin-backend-page) .profile-card-head strong,
  body:not(.admin-backend-page) .module-head h2,
  body:not(.admin-backend-page) .od-card-head h2,
  body:not(.admin-backend-page) .detail-list-title strong,
  body:not(.admin-backend-page) .asset-ledger-head h2,
  body:not(.admin-backend-page) .asset-section-head h2{font-size:var(--m-title-section)!important;line-height:1.25!important;letter-spacing:-.008em!important;}
  body:not(.admin-backend-page) h3,
  body:not(.admin-backend-page) .modal-head strong,
  body:not(.admin-backend-page) .action-modal-head h2,
  body:not(.admin-backend-page) .action-modal-head strong,
  body:not(.admin-backend-page) .billing-confirm-head strong,
  body:not(.admin-backend-page) .production-confirm-head strong,
  body:not(.admin-backend-page) .notice-detail-head strong{font-size:var(--m-title-card)!important;line-height:1.28!important;}
  body:not(.admin-backend-page) p,
  body:not(.admin-backend-page) li,
  body:not(.admin-backend-page) td,
  body:not(.admin-backend-page) .text,
  body:not(.admin-backend-page) .copy,
  body:not(.admin-backend-page) .description,
  body:not(.admin-backend-page) .help-text,
  body:not(.admin-backend-page) .hint,
  body:not(.admin-backend-page) .note,
  body:not(.admin-backend-page) .order-card-value{font-size:var(--m-copy)!important;line-height:1.5!important;}
  body:not(.admin-backend-page) label,
  body:not(.admin-backend-page) .field>span,
  body:not(.admin-backend-page) .tee-field>span,
  body:not(.admin-backend-page) table th,
  body:not(.admin-backend-page) .order-card-label{font-size:var(--m-label)!important;line-height:1.3!important;}
  body:not(.admin-backend-page) small,
  body:not(.admin-backend-page) .meta,
  body:not(.admin-backend-page) .muted,
  body:not(.admin-backend-page) .dash-sync,
  body:not(.admin-backend-page) .form-help,
  body:not(.admin-backend-page) .sales-help,
  body:not(.admin-backend-page) .submit-help,
  body:not(.admin-backend-page) .micro-note{font-size:var(--m-meta)!important;line-height:1.45!important;}
  body:not(.admin-backend-page) .topbar,
  body:not(.admin-backend-page) .topbar-inner{height:52px!important;min-height:52px!important;}
  body:not(.admin-backend-page) .topbar-inner{padding-left:10px!important;padding-right:10px!important;gap:8px!important;}
  body:not(.admin-backend-page) .logo-mark{width:32px!important;height:32px!important;min-width:32px!important;border-radius:8px!important;}
  body:not(.admin-backend-page) .brand-title{font-size:13px!important;line-height:1.15!important;}
  body:not(.admin-backend-page) .brand-subtitle{font-size:11.5px!important;line-height:1.15!important;}
  body:not(.admin-backend-page) .mobile-menu-btn{width:36px!important;height:36px!important;min-width:36px!important;border-radius:8px!important;gap:3px!important;}
  body:not(.admin-backend-page) .mobile-menu-btn span{width:16px!important;height:1.5px!important;}
  .mobile-drawer:not([hidden]) .drawer-backdrop{animation:tsh-drawer-backdrop-in .18s ease-out both;}
  .mobile-drawer:not([hidden]) .drawer-panel{inset:0 0 0 auto!important;width:50vw!important;min-width:160px!important;max-width:none!important;height:100dvh!important;padding-bottom:max(10px,env(safe-area-inset-bottom))!important;border-right:0!important;border-left:1px solid #e5eaf1!important;box-shadow:-12px 0 30px rgba(15,23,42,.16)!important;animation:tsh-drawer-panel-in-right .22s cubic-bezier(.22,.75,.25,1) both;}
  .drawer-head{min-height:46px!important;padding:0 8px 0 10px!important;}
  .drawer-head strong{font-size:13px!important;line-height:1.2!important;}
  .drawer-close{width:29px!important;height:29px!important;border-radius:6px!important;font-size:17px!important;}
  .drawer-nav{gap:6px!important;padding:8px!important;}
  .drawer-nav section{gap:1px!important;padding:0 0 6px!important;border-bottom:1px solid #edf0f4!important;}
  .drawer-nav section:last-child{padding-bottom:0!important;border-bottom:0!important;}
  .drawer-nav section>strong{padding:3px 6px!important;font-size:11px!important;line-height:1.15!important;letter-spacing:.035em!important;}
  body:not(.admin-backend-page) .drawer-nav .drawer-nav-item{min-height:32px!important;padding:0 7px!important;border:0!important;border-radius:6px!important;background:transparent!important;font-size:12.5px!important;font-weight:500!important;line-height:1.2!important;}
  body:not(.admin-backend-page) .drawer-nav .drawer-nav-item:hover,
  body:not(.admin-backend-page) .drawer-nav .drawer-nav-item:focus-visible{background:#f3f6fb!important;color:#2447a8!important;}
  body.backend-page:not(.admin-backend-page) .admin-card,
  body.backend-page:not(.admin-backend-page) .dash-card-modern,
  body.backend-page:not(.admin-backend-page) .profile-card,
  body.backend-page:not(.admin-backend-page) .card,
  body.backend-page:not(.admin-backend-page) .detail-panel,
  body.backend-page:not(.admin-backend-page) .module-panel,
  body.backend-page:not(.admin-backend-page) .orders-table-card,
  body.backend-page:not(.admin-backend-page) .asset-rebuild-card,
  body.backend-page:not(.admin-backend-page) .asset-ledger-panel,
  body.backend-page:not(.admin-backend-page) .detail-list-card,
  body.backend-page:not(.admin-backend-page) .membership-comfort-card,
  body.backend-page:not(.admin-backend-page) .membership-benefits-card,
  body.backend-page:not(.admin-backend-page) .recharge-panel,
  body.backend-page:not(.admin-backend-page) .od-card,
  body.backend-page:not(.admin-backend-page) .od-hero{margin-bottom:8px!important;padding:11px!important;border-radius:var(--m-radius)!important;box-shadow:none!important;}
  body.backend-page:not(.admin-backend-page) .modern-card-head,
  body.backend-page:not(.admin-backend-page) .notice-modern-head,
  body.backend-page:not(.admin-backend-page) .profile-card-head,
  body.backend-page:not(.admin-backend-page) .module-head,
  body.backend-page:not(.admin-backend-page) .od-card-head,
  body.backend-page:not(.admin-backend-page) .detail-list-title,
  body.backend-page:not(.admin-backend-page) .asset-section-head,
  body.backend-page:not(.admin-backend-page) .asset-ledger-head{min-height:0!important;margin:0 0 8px!important;padding:0 0 8px!important;gap:7px!important;align-items:flex-start!important;}
  body.backend-page:not(.admin-backend-page) .modern-card-head p,
  body.backend-page:not(.admin-backend-page) .notice-modern-head p,
  body.backend-page:not(.admin-backend-page) .profile-card-head small,
  body.backend-page:not(.admin-backend-page) .module-head p,
  body.backend-page:not(.admin-backend-page) .od-card-head p,
  body.backend-page:not(.admin-backend-page) .detail-list-title small,
  body.backend-page:not(.admin-backend-page) .asset-section-head p{margin-top:2px!important;font-size:11.5px!important;line-height:1.35!important;}
  body:not(.admin-backend-page) .site-alert,
  body:not(.admin-backend-page) .client-notice,
  body:not(.admin-backend-page) .dashboard-notice,
  body:not(.admin-backend-page) .login-alert,
  body:not(.admin-backend-page) .form-notice{min-height:0!important;margin:0 0 8px!important;padding:8px 9px!important;gap:7px!important;border-radius:8px!important;font-size:12px!important;line-height:1.35!important;box-shadow:none!important;}
  body:not(.admin-backend-page) .site-alert-copy{gap:3px!important;flex-wrap:wrap!important;}
  body:not(.admin-backend-page) .site-alert-copy strong{font-size:12px!important;}
  body:not(.admin-backend-page) .site-alert-copy small{font-size:11.5px!important;}
  body:not(.admin-backend-page) input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  body:not(.admin-backend-page) select,
  body:not(.admin-backend-page) textarea{width:100%!important;min-width:0!important;min-height:40px!important;padding:7px 10px!important;border-radius:8px!important;font-size:16px!important;line-height:1.3!important;box-sizing:border-box!important;}
  body:not(.admin-backend-page) textarea{min-height:82px!important;height:auto!important;}
  body:not(.admin-backend-page) button,
  body:not(.admin-backend-page) .btn,
  body:not(.admin-backend-page) .admin-btn,
  body:not(.admin-backend-page) .submit-btn,
  body:not(.admin-backend-page) .continue-btn,
  body:not(.admin-backend-page) .mini-action{min-height:36px!important;padding:0 10px!important;border-radius:8px!important;font-size:var(--m-control-text)!important;line-height:1.2!important;}
  body:not(.admin-backend-page) .status-pill,
  body:not(.admin-backend-page) .badge,
  body:not(.admin-backend-page) .tag,
  body:not(.admin-backend-page) .pill,
  body:not(.admin-backend-page) .asset-pill,
  body:not(.admin-backend-page) .log-pill{min-height:21px!important;padding:3px 7px!important;font-size:11.5px!important;line-height:1.15!important;}
  body.backend-page[data-page="dashboard"] .dash-content.unified-content{}
  body.backend-page[data-page="dashboard"] .notice-board-modern{margin-bottom:0!important;}

  body.backend-page[data-page="dashboard"] .dashboard-hero-redesign{display:block!important;padding:2px 1px 3px!important;border:0!important;background:transparent!important;}
  body.backend-page[data-page="dashboard"] .dashboard-hero-redesign h1{font-size:var(--m-title-page)!important;line-height:1.2!important;letter-spacing:-.02em!important;}
  body.backend-page[data-page="dashboard"] .dashboard-hero-redesign .wave{font-size:14px!important;margin-left:3px!important;}
  body.backend-page[data-page="dashboard"] .dashboard-hero-redesign p{margin:3px 0 0!important;font-size:12px!important;line-height:1.35!important;}
  body.backend-page[data-page="dashboard"] .dash-sync{margin:3px 0 0!important;font-size:11px!important;}
  body.backend-page[data-page="dashboard"] .dash-sync>span{}
  body.backend-page[data-page="dashboard"] .dashboard-redesign-grid,
  body.backend-page[data-page="dashboard"] .dashboard-redesign-middle,
  body.backend-page[data-page="dashboard"] .dashboard-middle-unified{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin:0!important;}
  body.backend-page[data-page="dashboard"] .dash-card-modern{height:auto!important;margin:0!important;padding:11px!important;border-radius:10px!important;overflow:hidden!important;}
  body.backend-page[data-page="dashboard"] .modern-card-head,
  body.backend-page[data-page="dashboard"] .notice-modern-head{margin:0 0 7px!important;padding:0!important;border:0!important;}
  body.backend-page[data-page="dashboard"] .modern-card-head h2,
  body.backend-page[data-page="dashboard"] .notice-modern-head h2{font-size:var(--m-title-section)!important;font-weight:650!important;}
  body.backend-page[data-page="dashboard"] .modern-card-head p,
  body.backend-page[data-page="dashboard"] .notice-modern-head p,
  body.backend-page[data-page="dashboard"] .modern-icon{display:none!important;}
  body.backend-page[data-page="dashboard"] .member-info-list{display:grid!important;gap:0!important;margin:0!important;}
  body.backend-page[data-page="dashboard"] .member-info-list>div{display:grid!important;grid-template-columns:70px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;min-height:0!important;padding:7px 0!important;border:0!important;border-bottom:1px solid #edf1f5!important;border-radius:0!important;background:transparent!important;}
  body.backend-page[data-page="dashboard"] .member-info-list>div:last-child{border-bottom:0!important;padding-bottom:0!important;}
  body.backend-page[data-page="dashboard"] .member-info-list span{font-size:11.5px!important;}
  body.backend-page[data-page="dashboard"] .member-info-list strong{min-width:0!important;font-size:13px!important;text-align:right!important;overflow-wrap:anywhere!important;}
  body.backend-page[data-page="dashboard"] .metric-split-grid,
  body.backend-page[data-page="dashboard"] .unified-metric-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin:0!important;}
  body.backend-page[data-page="dashboard"] .metric-soft,
  body.backend-page[data-page="dashboard"] .unified-metric-grid article{min-width:0!important;min-height:58px!important;margin:0!important;padding:8px 9px!important;border-radius:8px!important;box-shadow:none!important;}
  body.backend-page[data-page="dashboard"] .metric-soft span,
  body.backend-page[data-page="dashboard"] .unified-metric-grid article span{margin:0 0 4px!important;font-size:11.5px!important;line-height:1.2!important;}
  body.backend-page[data-page="dashboard"] .metric-soft strong,
  body.backend-page[data-page="dashboard"] .unified-metric-grid article strong{font-size:var(--m-value)!important;line-height:1.08!important;letter-spacing:-.02em!important;}
  body.backend-page[data-page="dashboard"] .unified-metric-grid article small{display:none!important;}
  body.backend-page[data-page="dashboard"] .notice-row-button{display:grid!important;grid-template-columns:7px auto minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;min-height:38px!important;margin:0!important;padding:7px 0!important;border:0!important;border-bottom:1px solid #edf1f5!important;border-radius:0!important;background:transparent!important;}
  body.backend-page[data-page="dashboard"] .notice-row-button .notice-copy{min-width:0!important;}
  body.backend-page[data-page="dashboard"] .notice-row-button time{grid-column:auto!important;margin-top:0!important;font-size:11px!important;text-align:right!important;white-space:nowrap!important;justify-self:end!important;}
  body.backend-page[data-page="dashboard"] .notice-copy strong{font-size:12px!important;line-height:1.25!important;}
  body.backend-page:not(.admin-backend-page) .metric-split-grid,
  body.backend-page:not(.admin-backend-page) .unified-metric-grid,
  body.backend-page:not(.admin-backend-page) .membership-summary-grid,
  body.backend-page:not(.admin-backend-page) .asset-mini-grid,
  body.backend-page:not(.admin-backend-page) .membership-waiver-numbers,
  body.backend-page:not(.admin-backend-page) .od-summary,
  body.backend-page:not(.admin-backend-page) .unified-logistics-strip,
  body.backend-page:not(.admin-backend-page) .stock-modal-summary,
  body.backend-page:not(.admin-backend-page) .pcm-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}
  body.backend-page:not(.admin-backend-page) .profile-form-grid,
  body.backend-page:not(.admin-backend-page) .form-grid,
  body.backend-page:not(.admin-backend-page) .form-grid-simple,
  body.backend-page:not(.admin-backend-page) .delivery-requirement-grid,
  body.backend-page:not(.admin-backend-page) .recharge-submit-form,
  body.backend-page:not(.admin-backend-page) .withdraw-submit-form,
  body.backend-page:not(.admin-backend-page) .withdraw-saved-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  body.backend-page[data-page="detail"] .od-hero-top{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin:0 0 8px!important;padding:0 0 8px!important;}
  body.backend-page[data-page="detail"] .od-title{display:grid!important;grid-template-columns:30px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;}
  body.backend-page[data-page="detail"] .od-icon{width:30px!important;height:30px!important;border-radius:8px!important;font-size:11px!important;}
  body.backend-page[data-page="detail"] .od-title h1{font-size:var(--m-title-page)!important;line-height:1.2!important;}
  body.backend-page[data-page="detail"] .od-title p{margin-top:3px!important;font-size:11.5px!important;}
  body.backend-page[data-page="detail"] .od-status-mobile{display:inline-flex!important;width:auto!important;min-width:0!important;height:28px!important;min-height:28px!important;padding:0 10px!important;border-radius:999px!important;font-size:11px!important;white-space:nowrap!important;}
  body.backend-page[data-page="detail"] .od-status-desktop{display:none!important;}
  body.backend-page[data-page="detail"] .od-actions{display:flex!important;align-items:stretch!important;gap:6px!important;justify-content:stretch!important;flex-wrap:nowrap!important;}
  body.backend-page[data-page="detail"] .od-actions>a,
  body.backend-page[data-page="detail"] .od-actions>form{flex:1 1 0!important;width:auto!important;min-width:0!important;}
  body.backend-page[data-page="detail"] .od-actions form{display:block!important;margin:0!important;}
  body.backend-page[data-page="detail"] .od-actions .btn,
  body.backend-page[data-page="detail"] .od-actions button{width:100%!important;height:34px!important;min-height:34px!important;padding:0 7px!important;font-size:11.5px!important;white-space:nowrap!important;}
  body.backend-page[data-page="detail"] .od-summary{margin:0!important;}
  body.backend-page[data-page="detail"] .od-metric{min-height:54px!important;padding:8px!important;border-radius:8px!important;gap:3px!important;}
  body.backend-page[data-page="detail"] .od-metric span{font-size:11px!important;}
  body.backend-page[data-page="detail"] .od-metric strong{font-size:12.5px!important;}
  body.backend-page[data-page="detail"] .od-progress-top{margin:0 0 8px!important;}
  body.backend-page[data-page="detail"] .od-progress-head{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important;align-items:start!important;}
  body.backend-page[data-page="detail"] .od-progress-head>div{width:100%!important;min-width:0!important;}
  body.backend-page[data-page="detail"] .od-progress-status{justify-self:end!important;width:auto!important;max-width:100%!important;height:24px!important;min-height:24px!important;padding:0 8px!important;font-size:11px!important;line-height:1!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;}
  body.backend-page[data-page="detail"] .od-steps{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;margin-top:7px!important;}
  body.backend-page[data-page="detail"] .od-steps .od-step{padding:7px 3px!important;border-radius:8px!important;font-size:11px!important;line-height:1.2!important;}
  body.backend-page[data-page="detail"] .od-steps .od-step b{width:20px!important;height:20px!important;margin-bottom:4px!important;font-size:11px!important;}
  body.backend-page[data-page="detail"] .od-layout,
  body.backend-page[data-page="detail"] .od-stack{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin:0!important;}
  body.backend-page[data-page="detail"] .od-info-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}
  body.backend-page[data-page="detail"] .od-field{min-height:0!important;padding:8px!important;border-radius:8px!important;gap:3px!important;}
  body.backend-page[data-page="detail"] .od-field span{font-size:11px!important;}
  body.backend-page[data-page="detail"] .od-field strong{font-size:12px!important;line-height:1.3!important;}
  body.backend-page[data-page="detail"] .od-items{gap:6px!important;}
  body.backend-page[data-page="detail"] .od-item{padding:8px 9px!important;border-radius:8px!important;font-size:12px!important;}
  body.backend-page[data-page="detail"] .od-item span,
  body.backend-page[data-page="detail"] .od-item strong{font-size:12px!important;}
  body.backend-page[data-page="detail"] .od-design-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}
  body.backend-page[data-page="detail"] .detail-design-stage,
  body.backend-page[data-page="detail"] .detail-design-stage.has-final-preview{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1/1!important;border-radius:8px!important;}
  body.backend-page[data-page="detail"] .od-note-card{margin:0 0 8px!important;}
  body.backend-page[data-page="detail"] .od-note{padding:8px!important;font-size:12px!important;}
  body.backend-page[data-page="detail"] .unified-detail-head{display:flex!important;align-items:flex-start!important;gap:7px!important;flex-wrap:wrap!important;}
  body.backend-page[data-page="detail"] .unified-log-item{min-height:50px!important;padding:8px!important;border-radius:8px!important;}
  body.backend-page[data-page="detail"] .unified-log-item span{font-size:11px!important;}
  body.backend-page[data-page="detail"] .unified-log-item strong{font-size:12px!important;}
  body.backend-page[data-page="detail"] .unified-logistics-progress{padding:9px!important;}
  body.backend-page[data-page="detail"] .unified-logistics-progress span{font-size:11px!important;}
  body.backend-page[data-page="detail"] .unified-logistics-progress strong{font-size:12px!important;}
  body.backend-page[data-page="create-order"] .create-order-layout{gap:8px!important;}
  body.backend-page[data-page="create-order"] .create-final-action-bar,
  body.backend-page[data-page="create-order"] .create-bottom-action-bar,
  body.backend-page[data-page="create-order"] .account-template-panel{padding:10px!important;border-radius:9px!important;gap:8px!important;}
  body.backend-page[data-page="create-order"] .create-action-note strong{font-size:13px!important;}
  body.backend-page[data-page="create-order"] .create-action-note span,
  body.backend-page[data-page="create-order"] .account-template-note{font-size:11.5px!important;}
  body.backend-page[data-page="create-order"] .module-index{width:24px!important;height:24px!important;font-size:11.5px!important;border-radius:6px!important;}
  body.backend-page[data-page="create-order"] .summary-dual-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}
  body.backend-page[data-page="create-order"] .summary-side-card{padding:7px!important;border-radius:8px!important;}
  body.backend-page[data-page="create-order"] .summary-side-label{font-size:11px!important;}
  body.backend-page[data-page="create-order"] .summary-artboard{max-height:none!important;aspect-ratio:1/1!important;border-radius:8px!important;}
  body.backend-page[data-page="create-order"] .preview-head{display:flex!important;align-items:flex-start!important;gap:7px!important;flex-wrap:wrap!important;}
  body.backend-page[data-page="create-order"] .preview-header-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}
  body.backend-page[data-page="create-order"] .preview-header-actions .btn{width:100%!important;}
  body.backend-page[data-page="create-order"] .size-row,
  body.backend-page[data-page="create-order"] .compact-size-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 34px 34px!important;gap:6px!important;padding:7px!important;}
  body.backend-page[data-page="create-order"] .size-icon-btn,
  body.backend-page[data-page="create-order"] .size-remove{width:34px!important;min-width:34px!important;min-height:34px!important;padding:0!important;}
  body.backend-page[data-page="sales-page"] .sales-settings-page,
  body.backend-page[data-page="sales-page"] .sales-settings-layout,
  body.backend-page[data-page="sales-page"] .sales-page-real-form,
  body.backend-page[data-page="sales-page"] .sales-editor-columns,
  body.backend-page[data-page="sales-page"] .sales-left-column,
  body.backend-page[data-page="sales-page"] .sales-right-column,
  body.backend-page[data-page="sales-page"] .sales-settings-card,
  body.backend-page[data-page="sales-page"] .sales-image-card,
  body.backend-page[data-page="sales-page"] .sales-media-grid,
  body.backend-page[data-page="sales-page"] .sales-media-card,
  body.backend-page[data-page="sales-page"] .sales-case-block,
  body.backend-page[data-page="sales-page"] .sales-case-grid,
  body.backend-page[data-page="sales-page"] .sales-case-item,
  body.backend-page[data-page="sales-page"] .sales-logo-line,
  body.backend-page[data-page="sales-page"] .sales-banner-line,
  body.backend-page[data-page="sales-page"] .sales-upload-actions{min-width:0!important;max-width:100%!important;box-sizing:border-box!important;}
  body.backend-page[data-page="sales-page"] .sales-settings-page{width:100%!important;margin:0!important;padding:10px 0 0!important;overflow:visible!important;}
  body.backend-page[data-page="sales-page"] .sales-settings-layout{display:block!important;width:100%!important;margin:0!important;}
  body.backend-page[data-page="sales-page"] .sales-page-real-form{display:flex!important;flex-direction:column!important;gap:10px!important;width:100%!important;margin:0!important;}
  body.backend-page[data-page="sales-page"] .sales-editor-actionbar{margin-top:0!important;}
  body.backend-page[data-page="sales-page"] .sales-editor-columns,
  body.backend-page[data-page="sales-page"] .sales-left-column,
  body.backend-page[data-page="sales-page"] .sales-right-column{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:start!important;gap:10px!important;width:100%!important;margin:0!important;}
  body.backend-page[data-page="sales-page"] .sales-editor-actionbar{position:static!important;inset:auto!important;width:100%!important;margin:0!important;padding:10px!important;border:1px solid #e2e8f0!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;}
  body.backend-page[data-page="sales-page"] .sales-editor-actionbar .sales-bottom-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;width:100%!important;margin:0!important;padding:0!important;}
  body.backend-page[data-page="sales-page"] .sales-editor-actionbar .save-status{grid-column:1/-1!important;width:100%!important;min-height:18px!important;margin:0!important;padding:0 1px!important;border:0!important;background:transparent!important;color:#667085!important;font-size:11.5px!important;line-height:1.35!important;}
  body.backend-page[data-page="sales-page"] .sales-editor-actionbar .btn{width:100%!important;height:36px!important;min-height:36px!important;padding:0 8px!important;border-radius:9px!important;font-size:12px!important;white-space:nowrap!important;}
  body.backend-page[data-page="sales-page"] .sales-settings-card,
  body.backend-page[data-page="sales-page"] .sales-image-card{width:100%!important;height:auto!important;margin:0!important;padding:12px!important;border:1px solid #e2e8f0!important;border-radius:12px!important;background:#fff!important;overflow:hidden!important;box-shadow:none!important;}
  body.backend-page[data-page="sales-page"] .profile-card-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:9px!important;margin-bottom:10px!important;padding-bottom:9px!important;border-bottom:1px solid #edf1f5!important;}
  body.backend-page[data-page="sales-page"] .profile-card-head>div{min-width:0!important;flex:1 1 auto!important;}
  body.backend-page[data-page="sales-page"] .profile-card-head strong{font-size:14px!important;line-height:1.25!important;}
  body.backend-page[data-page="sales-page"] .profile-card-head small{display:block!important;margin-top:2px!important;font-size:11.5px!important;line-height:1.4!important;}
  body.backend-page[data-page="sales-page"] .profile-status{flex:0 0 auto!important;min-height:22px!important;padding:2px 7px!important;font-size:10.5px!important;white-space:nowrap!important;}
  body.backend-page[data-page="sales-page"] .sales-form-grid,
  body.backend-page[data-page="sales-page"] .profile-form-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important;}
  body.backend-page[data-page="sales-page"] .sales-form-grid label,
  body.backend-page[data-page="sales-page"] .profile-form-grid label,
  body.backend-page[data-page="sales-page"] .span-full{grid-column:auto!important;min-width:0!important;width:100%!important;margin:0!important;}
  body.backend-page[data-page="sales-page"] .sales-form-grid label>span,
  body.backend-page[data-page="sales-page"] .profile-form-grid label>span{font-size:12px!important;line-height:1.3!important;}
  body.backend-page[data-page="sales-page"] .sales-help{display:block!important;margin-top:5px!important;font-size:11.5px!important;line-height:1.45!important;overflow-wrap:anywhere!important;}
  body.backend-page[data-page="sales-page"] textarea.input{min-height:78px!important;height:78px!important;padding:9px 10px!important;resize:vertical!important;}
  body.backend-page[data-page="sales-page"] .sales-image-card{display:grid!important;gap:10px!important;}
  body.backend-page[data-page="sales-page"] .sales-media-grid{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;width:100%!important;}
  body.backend-page[data-page="sales-page"] .sales-media-card,
  body.backend-page[data-page="sales-page"] .sales-case-block{width:100%!important;height:auto!important;margin:0!important;padding:10px!important;border:1px solid #e5eaf1!important;border-radius:10px!important;background:#f8fafc!important;overflow:hidden!important;box-shadow:none!important;}
  body.backend-page[data-page="sales-page"] .sales-media-title{margin:0 0 8px!important;color:#344054!important;font-size:12px!important;font-weight:600!important;line-height:1.3!important;letter-spacing:.01em!important;}
  body.backend-page[data-page="sales-page"] .sales-logo-line{display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;width:100%!important;}
  body.backend-page[data-page="sales-page"] .sales-logo-preview{width:72px!important;height:72px!important;min-width:72px!important;min-height:72px!important;margin:0!important;border-radius:10px!important;background:#fff!important;}
  body.backend-page[data-page="sales-page"] .sales-banner-line{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;width:100%!important;}
  body.backend-page[data-page="sales-page"] .sales-image-preview,
  body.backend-page[data-page="sales-page"] .sales-image-preview.wide,
  body.backend-page[data-page="sales-page"] #bannerImagePreview{width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;border-radius:9px!important;overflow:hidden!important;background:#fff!important;}
  body.backend-page[data-page="sales-page"] .sales-image-preview.wide,
  body.backend-page[data-page="sales-page"] #bannerImagePreview{aspect-ratio:2000/860!important;}
  body.backend-page[data-page="sales-page"] .sales-upload-actions,
  body.backend-page[data-page="sales-page"] .sales-upload-actions.compact{gap:6px!important;}
  body.backend-page[data-page="sales-page"] .sales-upload-actions .btn{width:100%!important;min-width:0!important;height:32px!important;min-height:32px!important;padding:0 6px!important;border-radius:8px!important;font-size:11.5px!important;white-space:nowrap!important;}
  body.backend-page[data-page="sales-page"] .sales-case-block{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:0!important;}
  body.backend-page[data-page="sales-page"] .sales-case-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;}
  body.backend-page[data-page="sales-page"] .sales-case-item{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important;align-items:start!important;width:100%!important;min-width:0!important;margin:0!important;padding:8px!important;gap:7px!important;border:1px solid #e5eaf1!important;border-radius:10px!important;background:#fff!important;overflow:hidden!important;}
  body.backend-page[data-page="sales-page"] .sales-case-item>.sales-image-preview{width:100%!important;height:auto!important;aspect-ratio:3/2!important;border-radius:8px!important;background:#f2f5f9!important;}
  body.backend-page[data-page="sales-page"] .sales-case-item .sales-upload-actions.compact{align-self:stretch!important;}
  body.backend-page[data-page="membership"] .membership-comfort-page,
  body.backend-page[data-page="membership"] .membership-comfort-hero,
  body.backend-page[data-page="membership"] .membership-action-options,
  body.backend-page[data-page="membership"] .membership-services-grid,
  body.backend-page[data-page="profile"] .profile-split-grid,
  body.backend-page[data-page="profile"] .profile-layout-v2{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
  body.backend-page[data-page="membership"] .membership-summary-grid article,
  body.backend-page[data-page="membership"] .membership-waiver-numbers article{min-height:54px!important;padding:8px!important;border-radius:8px!important;}
  body.backend-page[data-page="membership"] .membership-summary-grid span,
  body.backend-page[data-page="membership"] .membership-waiver-numbers span{font-size:11px!important;}
  body.backend-page[data-page="membership"] .membership-summary-grid strong,
  body.backend-page[data-page="membership"] .membership-waiver-numbers strong{font-size:13px!important;}
  body.backend-page[data-page="membership"] .membership-action-option,
  body.backend-page[data-page="membership"] .membership-service-card{min-height:0!important;height:auto!important;padding:9px!important;border-radius:8px!important;gap:7px!important;}
  body.backend-page[data-page="membership"] .membership-action-option p{margin-bottom:5px!important;}
  body.backend-page[data-page="membership"] .membership-action-option form,
  body.backend-page[data-page="membership"] .membership-action-option .btn{margin-top:0!important;}
  body.backend-page[data-page="membership"] .membership-action-option .btn{width:auto!important;min-width:126px!important;height:34px!important;}
  body.backend-page[data-page="membership"] .membership-action-option>span{font-size:11px!important;}
  body.backend-page[data-page="membership"] .membership-action-option>strong,
  body.backend-page[data-page="membership"] .membership-service-card strong{font-size:var(--m-title-card)!important;}
  body.backend-page[data-page="membership"] .membership-action-option p,
  body.backend-page[data-page="membership"] .membership-service-card p,
  body.backend-page[data-page="membership"] .membership-service-card li{font-size:12px!important;line-height:1.38!important;}
  body.backend-page[data-page="membership"] .service-index{width:32px!important;min-width:32px!important;}
  body.backend-page[data-page="profile"] .profile-split-card{padding:10px!important;border-radius:9px!important;}
  body.backend-page[data-page="profile"] .profile-actions,
  body.backend-page[data-page="profile"] .profile-split-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}
  body.backend-page[data-page="profile"] .profile-actions>*{width:100%!important;}
  body.site-page .inner-main,
  body.site-page .admin-login-main{padding:12px 9px 16px!important;}
  body.site-page .form-panel,
  body.site-page .admin-login-card{padding:14px 12px!important;border-radius:10px!important;}
  body.site-page .page-title,
  body.site-page .admin-login-card h1{font-size:18px!important;line-height:1.2!important;}
  body.site-page .page-desc,
  body.site-page .form-panel>p{font-size:12px!important;line-height:1.4!important;}
  body.site-page .form-grid{gap:8px!important;}
  body.site-page .form-group{margin-bottom:9px!important;}
  body.sales-public-page .sales-header{min-height:52px!important;padding:7px 10px!important;gap:8px!important;}
  body.sales-public-page .brand-mark{width:32px!important;height:32px!important;flex-basis:32px!important;}
  body.sales-public-page .sales-brand strong{max-width:50vw!important;font-size:13px!important;}
  body.sales-public-page .sales-brand small{}
  body.sales-public-page .header-help{font-size:11.5px!important;}
  body.sales-public-page .section{padding:13px 10px!important;}
  body.sales-public-page .section-head{display:grid!important;grid-template-columns:1fr!important;gap:4px!important;margin-bottom:9px!important;}
  body.sales-public-page .section-head h2,
  body.sales-public-page .order-side-card h3{font-size:16px!important;line-height:1.2!important;margin-bottom:3px!important;}
  body.sales-public-page .section-head p,
  body.sales-public-page .order-side-card>p{font-size:12px!important;line-height:1.4!important;}
  body.sales-public-page .hero{padding:8px 8px 4px!important;}
  body.sales-public-page .hero-frame{min-height:270px!important;border-radius:12px!important;}
  body.sales-public-page .hero-copy{left:12px!important;right:12px!important;bottom:13px!important;width:auto!important;}
  body.sales-public-page .hero-copy h1{font-size:24px!important;line-height:1.04!important;}
  body.sales-public-page .hero-copy p{font-size:13px!important;line-height:1.35!important;margin-bottom:9px!important;}
  body.sales-public-page .hero-kicker{padding:4px 7px!important;margin-bottom:7px!important;}
  body.sales-public-page .hero-tags{gap:4px!important;}
  body.sales-public-page .hero-tags span{padding:4px 7px!important;font-size:10.5px!important;}
  body.sales-public-page .custom-order-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}

  body.sales-public-page .order-side-card,body.sales-public-page .choice-card,body.sales-public-page .faq-card,body.sales-public-page .case-card{padding:9px!important;border-radius:10px!important;}

  body.sales-public-page .choice-grid{}
  body.sales-public-page .size-panel{padding:9px!important;border-radius:10px!important;}
  body.sales-public-page .size-head{margin-bottom:7px!important;}
  body.sales-public-page .size-head strong{font-size:13px!important;}
  body.sales-public-page .size-head button{padding:0 9px!important;border-radius:8px!important;}
  body.sales-public-page .size-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 62px 32px!important;gap:5px!important;}
  body.sales-public-page .size-row .remove-size{padding:0!important;}
  body.sales-public-page .summary-box{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}
  body.sales-public-page .summary-line{min-height:50px!important;padding:7px 8px!important;border-radius:8px!important;display:grid!important;gap:3px!important;align-content:center!important;}
  body.sales-public-page .summary-line span{font-size:11px!important;}
  body.sales-public-page .summary-line strong{font-size:12px!important;}
  body.sales-public-page .continue-btn{min-height:38px!important;}
  body.sales-public-page .case-scroll{gap:8px!important;padding-bottom:7px!important;}
  body.sales-public-page .case-card{flex-basis:210px!important;}
  body.sales-public-page .case-card img{height:124px!important;border-radius:8px!important;}
  body.sales-public-page .case-card strong{margin:7px 2px 2px!important;font-size:12.5px!important;}
  body.sales-public-page .case-card span{margin:0 2px 2px!important;font-size:11.5px!important;}
  body.sales-public-page .faq-list{gap:6px!important;}
  body.sales-public-page .faq-card summary{font-size:12.5px!important;line-height:1.35!important;}
  body.sales-public-page .faq-card p{margin-top:6px!important;font-size:12px!important;}
  body:not(.admin-backend-page) .action-modal,
  body:not(.admin-backend-page) .billing-confirm-modal,
  body:not(.admin-backend-page) .production-confirm-modal,
  body:not(.admin-backend-page) .notice-detail-modal,
  body:not(.admin-backend-page) .query-modal,
  body:not(.admin-backend-page) .modal{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;}
  body:not(.admin-backend-page) .action-modal-panel,
  body:not(.admin-backend-page) .billing-confirm-dialog,
  body:not(.admin-backend-page) .production-confirm-dialog,
  body:not(.admin-backend-page) .notice-detail-panel,
  body:not(.admin-backend-page) .query-panel,
  body:not(.admin-backend-page) .modal-panel{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 16px)!important;overflow:auto!important;border-radius:12px!important;padding:12px!important;}
  body:not(.admin-backend-page) .production-confirm-modal .pcm-panel{width:min(100%,390px)!important;max-width:100%!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important;border:1px solid #e6ebf2!important;border-radius:16px!important;padding:14px!important;background:#fff!important;box-shadow:0 18px 46px rgba(15,23,42,.18)!important;}
  body:not(.admin-backend-page) .modal-head,
  body:not(.admin-backend-page) .action-modal-head{padding:0 0 9px!important;margin:0 0 9px!important;gap:8px!important;}
  body:not(.admin-backend-page) .production-confirm-modal .pcm-head{align-items:flex-start!important;padding:0!important;margin:0 0 12px!important;gap:10px!important;}
  body:not(.admin-backend-page) .production-confirm-modal .pcm-label{min-height:20px!important;margin:0 0 7px!important;padding:3px 7px!important;border-radius:6px!important;background:#f3f6ff!important;color:#3f67c7!important;font-size:9.5px!important;letter-spacing:.045em!important;}
  body:not(.admin-backend-page) .production-confirm-modal h3{font-size:17px!important;line-height:1.25!important;letter-spacing:-.01em!important;}
  body:not(.admin-backend-page) .production-confirm-modal .pcm-desc{margin:4px 0 0!important;color:#64748b!important;font-size:11.5px!important;line-height:1.45!important;font-weight:400!important;}
  body:not(.admin-backend-page) .modal-close,
  body:not(.admin-backend-page) .action-modal-close{width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;font-size:17px!important;border-radius:8px!important;}
  body:not(.admin-backend-page) .production-confirm-modal .pcm-close{flex:0 0 auto!important;width:28px!important;height:28px!important;min-height:28px!important;padding:0!important;border:1px solid #e4e9f0!important;border-radius:8px!important;background:#fff!important;color:#475569!important;font-size:16px!important;line-height:1!important;box-shadow:none!important;}
  body:not(.admin-backend-page) .modal-body,
  body:not(.admin-backend-page) .action-modal-shell{padding:0!important;max-height:none!important;}
  body:not(.admin-backend-page) .production-confirm-modal .pcm-grid-detail{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:0 0 10px!important;}
  body:not(.admin-backend-page) .production-confirm-modal .pcm-item{min-width:0!important;padding:9px 10px!important;border:1px solid #e8edf3!important;border-radius:10px!important;background:#fafbfd!important;}
  body:not(.admin-backend-page) .production-confirm-modal .pcm-item span{margin:0 0 4px!important;color:#7a8799!important;font-size:8.5px!important;line-height:1.2!important;font-weight:650!important;letter-spacing:.035em!important;}
  body:not(.admin-backend-page) .production-confirm-modal .pcm-item strong{color:#172033!important;font-size:12.5px!important;line-height:1.25!important;font-weight:650!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;}
  body:not(.admin-backend-page) .production-confirm-modal .pcm-note{padding:10px 11px!important;margin:0 0 11px!important;border:1px solid #e1e8f5!important;border-radius:10px!important;background:#f7f9fd!important;color:#334155!important;font-size:11px!important;line-height:1.45!important;font-weight:400!important;}
  body:not(.admin-backend-page) .production-confirm-modal .pcm-flow-note{gap:6px!important;}
  body:not(.admin-backend-page) .production-confirm-modal .pcm-flow-note strong{margin:0 0 1px!important;font-size:11.5px!important;font-weight:650!important;}
  body:not(.admin-backend-page) .production-confirm-modal .pcm-flow-note span{position:relative!important;padding-left:11px!important;color:#526174!important;font-size:10.5px!important;line-height:1.45!important;font-weight:400!important;}
  body:not(.admin-backend-page) .production-confirm-modal .pcm-flow-note span::before{content:"";position:absolute;left:0;top:.52em;width:4px;height:4px;border-radius:50%;background:#8aa4d8;}
  body:not(.admin-backend-page) .production-confirm-modal .pcm-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;}
  body:not(.admin-backend-page) .production-confirm-modal .pcm-actions .btn{width:100%!important;min-width:0!important;height:38px!important;min-height:38px!important;padding:0 10px!important;border-radius:9px!important;font-size:11.5px!important;font-weight:650!important;box-shadow:none!important;}
  body:not(.admin-backend-page) .production-confirm-modal .pcm-actions .btn-line{background:#fff!important;border-color:#dbe2eb!important;color:#344054!important;}
  body:not(.admin-backend-page) .production-confirm-modal .pcm-actions .btn-accent{background:var(--ui-primary)!important;border-color:var(--ui-primary)!important;color:#fff!important;}
  body.sales-public-page #checkoutModal .checkout-panel{padding:0!important;overflow:hidden!important;}
  body.sales-public-page #checkoutModal .checkout-head{padding:10px!important;margin:0!important;}
  body.sales-public-page #checkoutModal .checkout-head-copy>strong{font-size:15px!important;line-height:1.18!important;}
  body.sales-public-page #checkoutModal .checkout-head-copy>small{font-size:11.5px!important;}
  body.sales-public-page #checkoutModal .checkout-progress{display:none!important;}
  body.sales-public-page #checkoutModal .modal-body{max-height:calc(100dvh - 58px)!important;overflow:auto!important;}
  body.sales-public-page #checkoutModal .checkout-layout{display:flex!important;flex-direction:column!important;min-height:0!important;}
  body.sales-public-page #checkoutModal .checkout-details-pane{order:1!important;padding:10px!important;}
  body.sales-public-page #checkoutModal .checkout-summary-pane{order:2!important;position:static!important;padding:10px!important;border-left:0!important;border-top:1px solid #e3e9f2!important;}
  body.sales-public-page #checkoutModal .checkout-form-section{padding-bottom:10px!important;}
  body.sales-public-page #checkoutModal .checkout-form-section+.checkout-form-section{padding-top:10px!important;}
  body.sales-public-page #checkoutModal .checkout-form-heading{margin-bottom:8px!important;}
  body.sales-public-page #checkoutModal .checkout-form-heading>div>strong,
  body.sales-public-page #checkoutModal .checkout-summary-heading>div>strong{font-size:13px!important;}
  body.sales-public-page #checkoutModal .checkout-form-heading>div>span,
  body.sales-public-page #checkoutModal .checkout-summary-heading>div>span,
  body.sales-public-page #checkoutModal #checkoutForm .field>span{font-size:11px!important;}
  body.sales-public-page #checkoutModal .checkout-form-heading>small{display:none!important;}
  body.sales-public-page #checkoutModal .checkout-address-row{grid-template-columns:1fr!important;gap:7px!important;}
  body.sales-public-page #checkoutModal .checkout-product-card{padding:9px!important;margin-bottom:7px!important;border-radius:9px!important;}
  body.sales-public-page #checkoutModal .checkout-product-copy{grid-template-columns:60px minmax(0,1fr)!important;gap:5px 8px!important;}
  body.sales-public-page #checkoutModal .checkout-product-copy>span{font-size:10.5px!important;}
  body.sales-public-page #checkoutModal .checkout-product-copy>strong{font-size:12px!important;}
  body.sales-public-page #checkoutModal .checkout-product-copy>small{font-size:11px!important;}
  body.sales-public-page #checkoutModal .bill-row span,
  body.sales-public-page #checkoutModal .bill-row strong,
  body.sales-public-page #checkoutModal .bill-total span{font-size:11.5px!important;}
  body.sales-public-page #checkoutModal .bill-total strong{font-size:16px!important;}
  body.sales-public-page #checkoutModal .stripe-button-main,
  body.sales-public-page #checkoutModal .stripe-button-main strong{font-size:13px!important;}
  body.order-status-static .header,
  body.order-status-static .wrap{padding-left:8px!important;padding-right:8px!important;}
  body.order-status-static .receipt-main,
  body.order-status-static .receipt-side,
  body.order-status-static .card,
  body.order-status-static .stat{padding:10px!important;border-radius:9px!important;}
  body.order-status-static .receipt h1{font-size:var(--m-title-page)!important;}
  body.order-status-static .summary-strip,
  body.order-status-static .steps{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}
  body.order-status-static .design-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}
  body.order-status-static .design-stage,
  body.order-status-static .design-stage.has-final-preview{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1/1!important;}
  body.sales-track-page .track-main{padding:12px 9px!important;}
  body.sales-track-page .track-card{padding:12px!important;border-radius:10px!important;}
  body.clean-public .legal-page,
  body.sales-public-page .policy-page{padding:12px 9px!important;}
  body.clean-public .legal-card,
  body.sales-public-page .policy-card{padding:13px!important;border-radius:10px!important;}
  body.clean-public .legal-card h1,
  body.sales-public-page .policy-title h1{font-size:18px!important;}
  body.clean-public .legal-card h2,
  body.sales-public-page .policy-card h2{font-size:var(--m-title-section)!important;}
  body.clean-public .legal-card p,
  body.clean-public .legal-card li,
  body.sales-public-page .policy-card p,
  body.sales-public-page .policy-card li{font-size:12px!important;line-height:1.5!important;}

  /* Account balance / stock: single mobile layout with complete labels and wrapping values. */
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-rebuild-page{min-width:0!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-rebuild-summary{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:0 0 8px!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-rebuild-card-main{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;align-items:start!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-rebuild-card{min-width:0!important;min-height:0!important;margin:0!important;padding:9px!important;border-radius:9px!important;overflow:hidden!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-card-copy>span,
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-rebuild-card>span{font-size:12px!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:anywhere!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-card-copy p,
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-rebuild-card p{margin:2px 0 0!important;font-size:10.8px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-card-copy>strong{margin-top:7px!important;font-size:18px!important;line-height:1.05!important;white-space:normal!important;overflow-wrap:anywhere!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-main-grid{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;margin-top:8px!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-main-stat,
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-main-actions{min-width:0!important;min-height:0!important;padding:6px 7px!important;border-radius:6px!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-main-stat small{margin:0 0 4px!important;font-size:10.2px!important;line-height:1.2!important;white-space:normal!important;overflow-wrap:anywhere!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-main-stat strong{font-size:13px!important;line-height:1.15!important;white-space:normal!important;overflow-wrap:anywhere!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-main-actions .btn{width:100%!important;min-width:0!important;min-height:33px!important;height:33px!important;padding:0 7px!important;font-size:11.5px!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-mini-grid{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;margin-top:8px!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-mini-grid>div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;min-width:0!important;padding:6px 7px!important;border-radius:6px!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-mini-grid small{min-width:0!important;margin:0!important;font-size:10.2px!important;line-height:1.2!important;white-space:normal!important;overflow-wrap:anywhere!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-mini-grid strong{min-width:0!important;max-width:58%!important;font-size:13px!important;line-height:1.15!important;text-align:right!important;white-space:normal!important;overflow-wrap:anywhere!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-rebuild-filter{margin:0 0 8px!important;padding:9px!important;border-radius:9px!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-section-head{display:block!important;margin:0 0 8px!important;padding:0 0 7px!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-section-head h2{font-size:14px!important;line-height:1.25!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-section-head p{margin-top:2px!important;font-size:10.8px!important;line-height:1.35!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-filter-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-filter-form label{min-width:0!important;gap:4px!important;font-size:11px!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-filter-form label:first-child,
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-filter-actions{grid-column:1/-1!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-filter-form input::placeholder{font-size:12px!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-filter-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-filter-actions .btn{width:100%!important;min-height:33px!important;height:33px!important;font-size:11.5px!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-ledger-panel{margin:0!important;padding:8px!important;border-radius:9px!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-ledger-table-wrap{width:100%!important;max-width:100%!important;overflow:visible!important;border:0!important;background:transparent!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-ledger-table{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;table-layout:auto!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-ledger-table colgroup,
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-ledger-table thead{display:none!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-ledger-table tbody{display:grid!important;gap:6px!important;width:100%!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-ledger-table tr{display:grid!important;width:100%!important;min-width:0!important;padding:3px 0!important;border:1px solid #e1e7f0!important;border-radius:8px!important;background:#fff!important;overflow:hidden!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-ledger-table tr.asset-empty-row{display:block!important;padding:12px!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-ledger-table td{display:grid!important;grid-template-columns:86px minmax(0,1fr)!important;align-items:start!important;gap:6px!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;padding:5px 7px!important;border:0!important;text-align:left!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;font-size:11.5px!important;line-height:1.35!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-ledger-table td::before{content:attr(data-label)!important;display:block!important;min-width:0!important;color:#667085!important;font-size:10.5px!important;font-weight:600!important;line-height:1.3!important;white-space:normal!important;overflow-wrap:anywhere!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-ledger-table td[colspan]{display:block!important;text-align:center!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-ledger-table td[colspan]::before{display:none!important;content:none!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-ledger-table td>*{min-width:0!important;max-width:100%!important;justify-self:start!important;text-align:left!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;font-size:11.5px!important;line-height:1.35!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-ledger-table time{white-space:normal!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-pill{height:21px!important;min-height:21px!important;max-width:100%!important;padding:0 6px!important;font-size:10.5px!important;line-height:1!important;white-space:normal!important;text-align:center!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-pagination-row{display:grid!important;gap:6px!important;padding-top:8px!important;font-size:10.8px!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-pager{display:flex!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:5px!important;overflow:visible!important;padding:0!important;}
  body.backend-page:is([data-page="account-balance"],[data-page="account-stock"]) .asset-pager .btn{min-width:29px!important;width:auto!important;min-height:29px!important;height:29px!important;padding:0 6px!important;font-size:10.8px!important;}

  /* Stock purchase modal: compact without clipped package names or totals. */
  body.backend-page[data-page="account-stock"] #purchaseStockModal .action-modal-panel{padding:10px!important;}
  body.backend-page[data-page="account-stock"] #purchaseStockModal .action-modal-head{padding-right:28px!important;}
  body.backend-page[data-page="account-stock"] #purchaseStockModal .action-modal-head h2{font-size:14px!important;}
  body.backend-page[data-page="account-stock"] #purchaseStockModal .action-modal-head p{font-size:11px!important;line-height:1.35!important;}
  body.backend-page[data-page="account-stock"] #purchaseStockModal .stock-modal-summary{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;}
  body.backend-page[data-page="account-stock"] #purchaseStockModal .stock-modal-summary article{min-width:0!important;padding:7px 5px!important;border-radius:6px!important;text-align:center!important;}
  body.backend-page[data-page="account-stock"] #purchaseStockModal .stock-modal-summary span{font-size:9.8px!important;line-height:1.2!important;white-space:normal!important;}
  body.backend-page[data-page="account-stock"] #purchaseStockModal .stock-modal-summary strong{font-size:12px!important;line-height:1.2!important;white-space:normal!important;overflow-wrap:anywhere!important;}
  body.backend-page[data-page="account-stock"] #purchaseStockModal .action-modal-divider{display:grid!important;grid-template-columns:1fr!important;gap:2px!important;margin:8px 0!important;padding:7px 0!important;}
  body.backend-page[data-page="account-stock"] #purchaseStockModal .action-modal-divider strong{font-size:12px!important;}
  body.backend-page[data-page="account-stock"] #purchaseStockModal .action-modal-divider span{font-size:10.5px!important;line-height:1.3!important;}
  body.backend-page[data-page="account-stock"] #purchaseStockModal .stock-purchase-packages{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;}
  body.backend-page[data-page="account-stock"] #purchaseStockModal .stock-package-option{grid-template-columns:14px minmax(0,1fr) auto!important;gap:7px!important;min-height:42px!important;padding:6px 7px!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden!important;}
  body.backend-page[data-page="account-stock"] #purchaseStockModal .stock-package-option input[type="radio"]{width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important;}
  body.backend-page[data-page="account-stock"] #purchaseStockModal .stock-package-option span{min-width:0!important;gap:1px!important;}
  body.backend-page[data-page="account-stock"] #purchaseStockModal .stock-package-option strong,
  body.backend-page[data-page="account-stock"] #purchaseStockModal .stock-package-option b{font-size:11.5px!important;line-height:1.2!important;white-space:normal!important;overflow-wrap:anywhere!important;}
  body.backend-page[data-page="account-stock"] #purchaseStockModal .stock-package-option b{text-align:right!important;}
  body.backend-page[data-page="account-stock"] #purchaseStockModal .stock-package-option small{font-size:10.2px!important;line-height:1.2!important;}
  body.backend-page[data-page="account-stock"] #purchaseStockModal .stock-package-option:has(input:checked){box-shadow:inset 0 0 0 1px var(--accent,#2f5fd7)!important;}
  body.backend-page[data-page="account-stock"] #purchaseStockModal textarea{min-height:64px!important;}
  body.backend-page[data-page="account-stock"] #purchaseStockModal .action-modal-footnote{font-size:10.5px!important;line-height:1.3!important;}
  body.backend-page[data-page="account-stock"] #purchaseStockModal .action-modal-buttons{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}
  body.backend-page[data-page="account-stock"] #purchaseStockModal .action-modal-buttons .btn{width:100%!important;min-height:34px!important;height:34px!important;font-size:11.5px!important;}

body:not(.admin-backend-page) input[type="checkbox"],
  body:not(.admin-backend-page) input[type="radio"]{width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important;margin:0!important;padding:0!important;flex:0 0 14px!important;box-shadow:none!important;accent-color:var(--accent,#2f5fd7)!important;}
  body:not(.admin-backend-page) select{height:37px!important;min-height:37px!important;padding-top:4px!important;padding-bottom:4px!important;border-radius:6px!important;}
  
  
  body.sales-public-page .choice-grid{gap:5px!important;}
  body.sales-public-page .tier-option{min-height:43px!important;padding:6px 7px!important;grid-template-columns:1fr!important;align-content:center!important;justify-items:start!important;gap:1px!important;border-radius:8px!important;box-shadow:none!important;}
  body.sales-public-page .tier-option strong{font-size:12px!important;line-height:1.12!important;}
  body.sales-public-page .tier-option span{font-size:11.5px!important;line-height:1.12!important;}
  body.sales-public-page .tier-option small{font-size:10.5px!important;line-height:1.12!important;}
  body.sales-public-page .tier-option.active,
  body.sales-public-page .tier-option.selected{box-shadow:inset 0 0 0 1px #3b82f6!important;}
  body.sales-public-page .choice-card{min-height:0!important;padding:7px!important;border-radius:8px!important;}
  body.sales-public-page .size-row .size-type,
  body.sales-public-page .size-row .size-select,
  body.sales-public-page .size-row .size-qty{height:34px!important;min-height:34px!important;border-radius:6px!important;}
  body.sales-public-page .size-row .remove-size{width:30px!important;min-width:30px!important;height:34px!important;min-height:34px!important;border-radius:6px!important;font-size:16px!important;}
}
@media (max-width:360px){
  body.backend-page[data-page="detail"] .od-actions{gap:5px!important;}
  body.backend-page[data-page="detail"] .od-actions .btn,
  body.backend-page[data-page="detail"] .od-actions button{padding:0 5px!important;font-size:10.5px!important;}

  body.sales-public-page .size-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 56px 30px!important;gap:4px!important;}
  body.sales-public-page .size-row .size-qty{width:100%!important;}
  body.sales-public-page .size-row .remove-size{width:30px!important;min-width:30px!important;}
}


@media (max-width:760px){
  body.sales-public-page .sales-header{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:58px!important;height:auto!important;padding:8px 12px!important;gap:10px!important;}
  body.sales-public-page .sales-brand{width:100%!important;gap:10px!important;align-items:center!important;}
  body.sales-public-page .brand-mark{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:8px!important;}
  body.sales-public-page .sales-brand strong{max-width:calc(100vw - 78px)!important;font-size:14px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body.sales-public-page .sales-brand small{font-size:11px!important;line-height:1.25!important;margin-top:2px!important;white-space:normal!important;}
  body.sales-public-page .header-help{display:none!important;}

  body.sales-public-page .hero{padding:10px 12px 6px!important;}
  body.sales-public-page .hero-frame{min-height:330px!important;border-radius:16px!important;overflow:hidden!important;}
  body.sales-public-page .hero-copy{left:14px!important;right:14px!important;bottom:14px!important;max-width:none!important;}
  body.sales-public-page .hero-copy h1{font-size:20px!important;line-height:1.08!important;margin-bottom:6px!important;}
  body.sales-public-page .hero-copy p{font-size:12.5px!important;line-height:1.4!important;margin-bottom:10px!important;max-width:92%!important;}
  body.sales-public-page .hero-kicker{font-size:10.5px!important;padding:5px 8px!important;margin-bottom:8px!important;}
  body.sales-public-page .hero-tags{display:flex!important;flex-wrap:wrap!important;gap:6px!important;}
  body.sales-public-page .hero-tags span{font-size:11px!important;line-height:1.1!important;padding:6px 10px!important;border-radius:999px!important;}

  body.sales-public-page .section{padding:14px 12px!important;}
  body.sales-public-page .section-head{margin-bottom:10px!important;}
  body.sales-public-page .section-head h2, body.sales-public-page .order-side-card h3{font-size:17px!important;line-height:1.2!important;}
  body.sales-public-page .section-head p, body.sales-public-page .order-side-card>p{font-size:12.5px!important;line-height:1.45!important;}

  body.sales-public-page .custom-order-grid{gap:10px!important;}
  body.sales-public-page .custom-card, body.sales-public-page .order-side-card{padding:12px!important;border-radius:14px!important;}
  body.sales-public-page .custom-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:start!important;padding-bottom:10px!important;margin-bottom:10px!important;}
  body.sales-public-page .custom-toolbar strong{font-size:14px!important;line-height:1.2!important;}
  body.sales-public-page .custom-toolbar small{font-size:12px!important;line-height:1.4!important;margin-top:4px!important;}
  body.sales-public-page #openDesignEditor{min-height:34px!important;padding:0 10px!important;font-size:12px!important;border-radius:10px!important;white-space:nowrap!important;}


  body.sales-public-page .choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  body.sales-public-page .tier-option{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;min-height:76px!important;padding:8px 10px!important;gap:3px!important;border-radius:12px!important;}
  body.sales-public-page .tier-option strong{font-size:14px!important;line-height:1.15!important;}
  body.sales-public-page .tier-option span{font-size:13px!important;line-height:1.15!important;}
  body.sales-public-page .tier-option small{font-size:12px!important;line-height:1.2!important;white-space:normal!important;}
  body.sales-public-page .tier-line{margin-top:8px!important;}
  body.sales-public-page .summary-line{min-height:46px!important;padding:9px 10px!important;border-radius:12px!important;align-items:flex-start!important;}
  body.sales-public-page .summary-line span{font-size:11.5px!important;line-height:1.35!important;}
  body.sales-public-page .summary-line strong{font-size:12.5px!important;line-height:1.35!important;text-align:left!important;}
  body.sales-public-page .summary-box{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
  body.sales-public-page .size-panel{padding:10px!important;border-radius:12px!important;}
  body.sales-public-page .size-head strong{font-size:14px!important;}
  body.sales-public-page .size-head button{min-height:32px!important;padding:0 10px!important;font-size:11.5px!important;}
  body.sales-public-page .size-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 58px 30px!important;}
  body.sales-public-page .continue-btn{min-height:42px!important;font-size:13px!important;border-radius:12px!important;}
  body.sales-public-page .micro-note{text-align:left!important;font-size:11.5px!important;line-height:1.45!important;margin-top:8px!important;}
}

@media (max-width:420px){
  body.sales-public-page .hero-frame{min-height:300px!important;}
  body.sales-public-page .hero-copy h1{font-size:18px!important;}
  body.sales-public-page .hero-copy p{font-size:12px!important;max-width:100%!important;}
  body.sales-public-page .custom-toolbar{grid-template-columns:1fr!important;}
  body.sales-public-page #openDesignEditor{width:100%!important;}
}

@media (max-width:420px){
  body.backend-page[data-page="sales-page"] .sales-settings-card,
  body.backend-page[data-page="sales-page"] .sales-image-card{padding:10px!important;}
  body.backend-page[data-page="sales-page"] .sales-logo-line{grid-template-columns:64px minmax(0,1fr)!important;gap:8px!important;}
  body.backend-page[data-page="sales-page"] .sales-logo-preview{width:64px!important;height:64px!important;min-width:64px!important;min-height:64px!important;}
  body.backend-page[data-page="sales-page"] .sales-upload-actions .btn{font-size:11px!important;padding:0 4px!important;}
}


@media (max-width:420px){
  body.backend-page[data-page="sales-page"] .sales-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}
  body.backend-page[data-page="sales-page"] .sales-case-item{padding:6px!important;gap:6px!important;}
  body.backend-page[data-page="sales-page"] .sales-case-item .sales-upload-actions .btn{height:30px!important;min-height:30px!important;padding:0 4px!important;font-size:10.8px!important;}


}


@media (max-width:760px){
  body.sales-public-page .preview-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;align-items:start!important;}
  body.sales-public-page .preview-card{min-width:0!important;padding:9px!important;border-radius:12px!important;overflow:hidden!important;}
  body.sales-public-page .preview-card h3{margin:0 0 8px!important;font-size:12.5px!important;line-height:1.25!important;text-align:center!important;}
  body.sales-public-page .preview-card .tee-stage{width:100%!important;max-width:190px!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:6/7!important;margin:0 auto!important;border-radius:10px!important;overflow:hidden!important;}
  body.sales-public-page .preview-card .tee-wrap{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;}
  body.sales-public-page .preview-card .tee-photo{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;}
  body.sales-public-page .preview-caption{display:grid!important;grid-template-columns:1fr!important;gap:2px!important;margin-top:7px!important;color:#64748b!important;font-size:11px!important;line-height:1.35!important;text-align:left!important;}
  body.sales-public-page .preview-caption span{min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;}
  body.sales-public-page .preview-caption span:last-child{font-size:10.5px!important;color:#8290a3!important;}


}

@media (max-width:420px){
  body.sales-public-page .preview-card{padding:8px!important;}
  body.sales-public-page .preview-card .tee-stage{max-width:160px!important;}


}


@media (max-width:760px){
  body.backend-page:not(.admin-backend-page) .mobile-menu-btn{
    width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:9px!important;
  }
  body.backend-page:not(.admin-backend-page) button.btn,
  body.backend-page:not(.admin-backend-page) a.btn{
    min-height:40px!important;
  }
  body.backend-page:not(.admin-backend-page) button.icon-btn{
    min-width:40px!important;min-height:40px!important;
  }
  body.backend-page:not(.admin-backend-page) input.input:not([type="hidden"]):not([type="file"]),
  body.backend-page:not(.admin-backend-page) select.input{
    min-height:42px!important;
  }
  body.backend-page:not(.admin-backend-page) .dashboard-notice,
  body.backend-page:not(.admin-backend-page) .admin-alert{
    border-radius:10px!important;
    line-height:1.45!important;
    white-space:normal!important;
  }
}


@media (max-width:760px){
  body.backend-page[data-page="create-order"]{
    --tsh-preview-plane-w:clamp(220px, 64vw, 250px)!important;
    --tsh-preview-plane-h:calc(var(--tsh-preview-plane-w) * 1.0833)!important;
  }
  body.backend-page[data-page="create-order"] .saved-design-panel{
    padding:10px!important;
    border-radius:12px!important;
    background:#f7fafc!important;
  }
  body.backend-page[data-page="create-order"] .saved-design-panel .preview-head,
  body.backend-page[data-page="create-order"] .saved-design-panel .preview-head.preview-head-with-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:start!important;
    gap:8px!important;
    margin:0 0 10px!important;
  }
  body.backend-page[data-page="create-order"] .saved-design-panel .preview-title-block{
    max-width:none!important;
  }
  body.backend-page[data-page="create-order"] .saved-design-panel .preview-title-block strong{
    display:block!important;
    font-size:16px!important;
    line-height:1.3!important;
    margin:0 0 4px!important;
  }
  body.backend-page[data-page="create-order"] .preview-subdesc,
  body.backend-page[data-page="create-order"] .preview-note{
    font-size:12px!important;
    line-height:1.45!important;
  }
  body.backend-page[data-page="create-order"] .preview-header-actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  body.backend-page[data-page="create-order"] .compact-editor-btn,
  body.backend-page[data-page="create-order"] #openDesignEditorBtn,
  body.backend-page[data-page="create-order"] #editDesignAgainBtn{
    width:100%!important;
    min-width:0!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    font-size:13px!important;
    border-radius:10px!important;
  }
  body.backend-page[data-page="create-order"] .summary-dual-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:9px!important;
  }
  body.backend-page[data-page="create-order"] .summary-side-card{
    padding:10px!important;
    gap:8px!important;
    border:1px solid #e4ebf4!important;
    border-radius:12px!important;
    background:#fff!important;
  }
  body.backend-page[data-page="create-order"] .summary-side-label{
    font-size:12.5px!important;
    line-height:1.3!important;
    font-weight:700!important;
    color:#2457c5!important;
  }
  body.backend-page[data-page="create-order"] .summary-artboard{
    width:100%!important;

    min-height:0!important;
    height:auto!important;
    aspect-ratio:6 / 7!important;

    border-radius:12px!important;
    overflow:hidden!important;
  }
  body.backend-page[data-page="create-order"] .summary-design-layer{
    width:var(--tsh-preview-plane-w)!important;
    height:var(--tsh-preview-plane-h)!important;
    max-width:var(--tsh-preview-plane-w)!important;
    max-height:var(--tsh-preview-plane-h)!important;
  }


}
@media (max-width:420px){
  body.backend-page[data-page="create-order"] .summary-artboard{max-width:232px!important;}

}


@media (max-width:760px){
  body.backend-page[data-page="create-order"] .summary-mobile-side-switch{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
    max-width:248px!important;
    margin:0 auto 8px!important;

    border:1px solid #dfe6ef!important;
    border-radius:10px!important;
    background:#eef2f7!important;
  }
  body.backend-page[data-page="create-order"] .summary-mobile-side-btn{
    appearance:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 8px!important;
    border:0!important;
    border-radius:8px!important;
    background:transparent!important;
    color:#667085!important;
    font:700 12px/1 inherit!important;
    box-shadow:none!important;
    cursor:pointer!important;
  }
  body.backend-page[data-page="create-order"] .summary-mobile-side-btn.is-active{
    background:#fff!important;
    color:#2457c5!important;
    box-shadow:0 2px 8px rgba(15,23,42,.08)!important;
  }
  body.backend-page[data-page="create-order"] .summary-dual-grid{

  }
  body.backend-page[data-page="create-order"] .summary-side-card{

    width:100%!important;
    max-width:268px!important;
    margin:0 auto!important;
  }
  body.backend-page[data-page="create-order"] .summary-side-card.is-summary-active{
    display:grid!important;
  }
  body.backend-page[data-page="create-order"] .summary-side-label{

  }
  body.backend-page[data-page="create-order"] .summary-artboard{
    max-width:248px!important;
  }

  body.backend-page[data-page="create-order"] .account-template-panel,
  body.backend-page[data-page="create-order"] .order-template-top-panel{
    display:block!important;
    margin:0 0 10px!important;
    padding:0!important;
    border:1px solid #e2e8f0!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  body.backend-page[data-page="create-order"] .account-template-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
    margin:0!important;
    padding:11px 12px!important;
    border:0!important;
    background:#fff!important;
  }
  body.backend-page[data-page="create-order"] .account-template-head>div{
    min-width:0!important;
  }
  body.backend-page[data-page="create-order"] .account-template-head strong{
    font-size:13px!important;
    line-height:1.25!important;
    font-weight:700!important;
  }
  body.backend-page[data-page="create-order"] .account-template-head small{
    margin-top:3px!important;
    font-size:11px!important;
    line-height:1.4!important;
  }
  body.backend-page[data-page="create-order"] .template-mobile-toggle{
    width:auto!important;
    min-width:78px!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 10px!important;
    border:0!important;
    border-radius:9px!important;
    background:#eef4ff!important;
    color:#2457c5!important;
    font-size:11.5px!important;
    font-weight:700!important;
    box-shadow:none!important;
  }
  body.backend-page[data-page="create-order"] .account-template-body{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin:0!important;
    padding:0 12px 12px!important;
    border:0!important;
    background:#fff!important;
  }
  body.backend-page[data-page="create-order"] .account-template-body[hidden]{
    display:none!important;
  }
  body.backend-page[data-page="create-order"] .account-template-save{
    order:2!important;
    width:100%!important;
    height:38px!important;
    min-height:38px!important;
    border:0!important;
    border-radius:9px!important;
    background:#f1f5f9!important;
    color:#344054!important;
  }
  body.backend-page[data-page="create-order"] .account-template-controls{
    order:1!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }
  body.backend-page[data-page="create-order"] .account-template-controls .input{
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
    border-radius:9px!important;
  }
  body.backend-page[data-page="create-order"] #applyDesignTemplateBtn{
    width:100%!important;
    height:38px!important;
    min-height:38px!important;
    border:0!important;
    border-radius:9px!important;
    background:#3f6fdc!important;
    color:#fff!important;
  }
  body.backend-page[data-page="create-order"] .account-template-note{
    order:3!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    font-size:11.5px!important;
    line-height:1.4!important;
  }
}
@media (min-width:761px){
  body[data-page="create-order"] .summary-mobile-side-switch{display:none!important;}
}



@media (max-width:420px){
  body.backend-page[data-page="create-order"] .summary-artboard{
    width:min(100%, 304px)!important;
    max-width:304px!important;
  }

}
@media (max-width:360px){
  body.backend-page[data-page="create-order"] .summary-artboard{
    width:min(100%, 282px)!important;
    max-width:282px!important;
  }

}


@media (max-width:760px){
  
  
  

  
  
  
  
  
  
  
  
  

  
  
  
  
  
  
  
  
  
  
}



@media (max-width:760px){
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
}
@media (max-width:360px){
  
  
  
}


@media (max-width:760px){
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
}
@media (max-width:360px){
  
  
  
}


@media (max-width:760px){
  
  
  
  

  
  
  
  
  
  
  
  
  
  

  
  
  
  
  
  
  
  

  
  
  
  
  
}

@media (max-width:390px){
  
  
}


@media (max-width:760px){
  body.backend-page[data-page="sales-page"] .sales-image-card .sales-image-grid{
    gap:10px!important;
  }
  body.backend-page[data-page="sales-page"] .sales-image-card .sales-case-item{
    padding:10px!important;
    gap:8px!important;
    border-radius:12px!important;
  }
  body.backend-page[data-page="sales-page"] .sales-upload-actions,
  body.backend-page[data-page="sales-page"] .sales-upload-actions.compact{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
    margin:0!important;
    align-items:stretch!important;
  }
  body.backend-page[data-page="sales-page"] .sales-upload-actions .btn,
  body.backend-page[data-page="sales-page"] .sales-upload-actions.compact .btn,
  body.backend-page[data-page="sales-page"] .sales-case-item > .sales-upload-actions.compact > .btn,
  body.backend-page[data-page="sales-page"] .sales-logo-line > .sales-upload-actions > .btn,
  body.backend-page[data-page="sales-page"] .sales-banner-line > .sales-upload-actions > .btn{
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 8px!important;
    border-radius:10px!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:650!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    box-shadow:none!important;
  }
  body.backend-page[data-page="sales-page"] .sales-banner-line > .sales-upload-actions{
    gap:8px!important;
  }
  body.backend-page[data-page="sales-page"] .sales-logo-line > .sales-upload-actions{
    max-width:none!important;
  }
  body.backend-page[data-page="sales-page"] .sales-case-item > .sales-upload-actions.compact{
    gap:7px!important;
  }
  body.backend-page[data-page="sales-page"] .sales-case-item > .sales-upload-actions.compact > .btn{
    border-radius:9px!important;
  }
}

@media (max-width:430px){
  body.backend-page[data-page="sales-page"] .sales-image-card{
    padding:11px!important;
  }
  body.backend-page[data-page="sales-page"] .sales-image-card .sales-case-item{
    padding:9px!important;
  }
  body.backend-page[data-page="sales-page"] .sales-upload-actions .btn,
  body.backend-page[data-page="sales-page"] .sales-upload-actions.compact .btn,
  body.backend-page[data-page="sales-page"] .sales-case-item > .sales-upload-actions.compact > .btn{
    height:34px!important;
    min-height:34px!important;
    font-size:11px!important;
    padding:0 6px!important;
  }
}


@media (max-width:760px){
  body.backend-page[data-page="sales-page"] .sales-image-card .sales-image-grid{
    gap:8px!important;
  }
  body.backend-page[data-page="sales-page"] .sales-image-card .sales-case-item{
    padding:9px!important;
    gap:7px!important;
  }
  body.backend-page[data-page="sales-page"] .sales-upload-actions,
  body.backend-page[data-page="sales-page"] .sales-upload-actions.compact,
  body.backend-page[data-page="sales-page"] .sales-case-item > .sales-upload-actions.compact{
    gap:6px!important;
  }
  body.backend-page[data-page="sales-page"] .sales-upload-actions .btn,
  body.backend-page[data-page="sales-page"] .sales-upload-actions.compact .btn,
  body.backend-page[data-page="sales-page"] .sales-case-item > .sales-upload-actions.compact > .btn,
  body.backend-page[data-page="sales-page"] .sales-logo-line > .sales-upload-actions > .btn,
  body.backend-page[data-page="sales-page"] .sales-banner-line > .sales-upload-actions > .btn{
    height:32px!important;
    min-height:32px!important;
    padding:0 7px!important;
    border-radius:9px!important;
    font-size:10.5px!important;
    font-weight:600!important;
  }
}

@media (max-width:430px){
  body.backend-page[data-page="sales-page"] .sales-image-card{
    padding:10px!important;
  }
  body.backend-page[data-page="sales-page"] .sales-image-card .sales-case-item{
    padding:8px!important;
  }
  body.backend-page[data-page="sales-page"] .sales-upload-actions .btn,
  body.backend-page[data-page="sales-page"] .sales-upload-actions.compact .btn,
  body.backend-page[data-page="sales-page"] .sales-case-item > .sales-upload-actions.compact > .btn,
  body.backend-page[data-page="sales-page"] .sales-logo-line > .sales-upload-actions > .btn,
  body.backend-page[data-page="sales-page"] .sales-banner-line > .sales-upload-actions > .btn{
    height:30px!important;
    min-height:30px!important;
    padding:0 6px!important;
    border-radius:8px!important;
    font-size:10px!important;
    font-weight:600!important;
  }
}


@media (max-width: 760px){
  body.backend-page[data-page="sales-page"] .sales-banner-card .sales-upload-actions,
  body.backend-page[data-page="sales-page"] .sales-case-item > .sales-upload-actions.compact{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    align-items:stretch!important;
    justify-items:stretch!important;
    margin-top:10px!important;
  }
  body.backend-page[data-page="sales-page"] .sales-banner-card .sales-upload-actions .btn,
  body.backend-page[data-page="sales-page"] .sales-case-item > .sales-upload-actions.compact > .btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:34px!important;
    min-height:34px!important;
    margin:0!important;
    padding:0 8px!important;
    box-sizing:border-box!important;
    line-height:1!important;
    text-align:center!important;
    transform:none!important;
    position:static!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
  }
  body.backend-page[data-page="sales-page"] .sales-case-item{
    display:grid!important;
    grid-template-rows:auto auto auto!important;
    align-content:start!important;
  }
}


body.backend-page[data-page="dashboard"] .dashboard-subtitle-mobile{display:none;}
@media (max-width:760px){
  body.backend-page[data-page="dashboard"] .dash-content.unified-content{
    padding-top:8px!important;
    gap:8px!important;
  }
  body.backend-page[data-page="dashboard"] .dashboard-hero-redesign{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    width:100%!important;
    margin:0!important;
    padding:11px!important;
    border:1px solid #e7edf4!important;
    border-radius:10px!important;
    background:#fff!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  body.backend-page[data-page="dashboard"] .dashboard-hero-redesign>div:first-child{
    min-width:0!important;
  }
  body.backend-page[data-page="dashboard"] .dashboard-hero-redesign h1{
    margin:0!important;
    color:#172033!important;
    font-size:15px!important;
    font-weight:650!important;
    line-height:1.25!important;
    letter-spacing:-.015em!important;
    overflow-wrap:anywhere!important;
  }
  body.backend-page[data-page="dashboard"] .dashboard-hero-redesign h1 strong{
    font-weight:700!important;
  }
  body.backend-page[data-page="dashboard"] .dashboard-hero-redesign .wave{
    display:inline-block!important;
    margin-left:2px!important;
    font-size:11px!important;
    line-height:1!important;
    vertical-align:1px!important;
  }
  body.backend-page[data-page="dashboard"] .dashboard-hero-subtitle{
    margin:4px 0 0!important;
    color:#6f7d90!important;
    font-size:11.5px!important;
    font-weight:450!important;
    line-height:1.4!important;
  }
  body.backend-page[data-page="dashboard"] .dashboard-subtitle-desktop{display:none!important;}
  body.backend-page[data-page="dashboard"] .dashboard-subtitle-mobile{display:inline!important;}
  body.backend-page[data-page="dashboard"] .dash-sync{
    display:block!important;
    margin:8px 0 0!important;
    padding:7px 0 0!important;
    border-top:1px solid #edf1f5!important;
    color:#8a95a6!important;
    font-size:10.5px!important;
    font-weight:450!important;
    line-height:1.3!important;
    text-align:left!important;
    white-space:normal!important;
  }
  body.backend-page[data-page="dashboard"] .dash-sync>span{display:none!important;}
  body.backend-page[data-page="dashboard"] .dash-sync-time{
    display:block!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#8a95a6!important;
    font-size:10.5px!important;
    font-weight:500!important;
    letter-spacing:0!important;
  }
  body.backend-page[data-page="dashboard"] .dashboard-redesign-grid{
    margin-top:0!important;
  }
}
@media (max-width:360px){
  body.backend-page[data-page="dashboard"] .dashboard-hero-redesign{
    padding:10px!important;
  }
  body.backend-page[data-page="dashboard"] .dashboard-hero-redesign h1{font-size:14.5px!important;}
  body.backend-page[data-page="dashboard"] .dashboard-hero-subtitle{font-size:11px!important;}
}


/* Mobile retail modals: centered, near-full-width layout; desktop remains unchanged. */
@media (max-width:760px){
  body.sales-public-page .modal{
    padding:12px!important;
    display:none;
    align-items:center!important;
    justify-content:center!important;
  }
  body.sales-public-page .modal.open,
  body.sales-public-page .modal.show,
  body.sales-public-page .modal[aria-hidden="false"]{display:flex!important;}
  body.sales-public-page .modal .modal-backdrop{
    position:fixed!important;
    inset:0!important;
    background:rgba(15,23,42,.52)!important;
    backdrop-filter:blur(3px)!important;
  }
  body.sales-public-page .modal .modal-panel{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    margin:0!important;
    width:calc(100vw - 24px)!important;
    max-width:560px!important;
    max-height:90dvh!important;
    border:1px solid #e1e7ef!important;
    border-radius:14px!important;
    box-shadow:0 18px 50px rgba(15,23,42,.22)!important;
    overflow:hidden!important;
    animation:none!important;
  }
  body.sales-public-page .modal .modal-panel::before{display:none!important;}
  body.sales-public-page .modal .modal-head{
    min-height:54px!important;
    padding:11px 10px 10px 14px!important;
    gap:10px!important;
    align-items:center!important;
    background:#fff!important;
    border-bottom:1px solid #e5eaf1!important;
  }
  body.sales-public-page .modal .modal-head>div:first-child{min-width:0!important;}
  body.sales-public-page .modal .modal-head strong{font-size:16px!important;line-height:1.2!important;}
  body.sales-public-page .modal .modal-head small{
    margin-top:3px!important;
    font-size:11px!important;
    line-height:1.35!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  /* 40px touch target with a visually lighter 26px close control. */
  body.sales-public-page .modal .modal-close{
    position:relative!important;
    flex:0 0 40px!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:transparent!important;
    color:transparent!important;
    font-size:0!important;
    box-shadow:none!important;
  }
  body.sales-public-page .modal .modal-close::before{
    content:"×";
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    display:flex;
    align-items:center;
    justify-content:center;
    width:26px;
    height:26px;
    border:1px solid #dce3ec;
    border-radius:50%;
    background:#f8fafc;
    color:#475569;
    font-size:17px;
    font-weight:400;
    line-height:1;
    box-sizing:border-box;
  }
  body.sales-public-page .modal .modal-close:active::before{background:#eef2f7;}
  body.sales-public-page .modal .modal-body{
    max-height:calc(90dvh - 54px)!important;
    padding:12px 14px calc(14px + env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }

  /* Compact order lookup sheet. */
  body.sales-public-page #queryModal .modal-panel{height:auto!important;max-height:min(82dvh,540px)!important;}
  body.sales-public-page #queryModal .modal-body{display:grid!important;gap:10px!important;max-height:none!important;}
  body.sales-public-page #queryModal .field{gap:4px!important;}
  body.sales-public-page #queryModal .field input{min-height:44px!important;height:44px!important;font-size:16px!important;}
  body.sales-public-page #queryModal .submit-btn{min-height:44px!important;height:44px!important;margin-top:2px!important;}
  body.sales-public-page #queryModal .submit-help{margin:0!important;font-size:10.5px!important;line-height:1.4!important;}

  /* Checkout keeps the earlier centered modal feel, with cleaner spacing and wider use of the screen. */
  body.sales-public-page #checkoutModal .checkout-panel{
    height:auto!important;
    max-height:90dvh!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr)!important;
  }
  body.sales-public-page #checkoutModal .checkout-head{min-height:56px!important;}
  body.sales-public-page #checkoutModal .checkout-kicker{display:none!important;}
  body.sales-public-page #checkoutModal .checkout-head-copy{min-width:0!important;gap:1px!important;}
  body.sales-public-page #checkoutModal .checkout-head-copy>strong{font-size:16px!important;}
  body.sales-public-page #checkoutModal .checkout-head-copy>small{max-width:260px!important;}
  body.sales-public-page #checkoutModal .checkout-head-actions{gap:4px!important;}
  body.sales-public-page #checkoutModal .checkout-progress{display:none!important;}
  body.sales-public-page #checkoutModal #checkoutForm.modal-body{
    min-height:0!important;
    height:100%!important;
    max-height:none!important;
    padding:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    background:#fff!important;
  }
  body.sales-public-page #checkoutModal .checkout-layout{display:block!important;min-height:100%!important;background:#fff!important;}
  body.sales-public-page #checkoutModal .checkout-details-pane,
  body.sales-public-page #checkoutModal .checkout-summary-pane{
    position:static!important;
    width:100%!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  body.sales-public-page #checkoutModal .checkout-details-pane{padding:14px!important;background:#fff!important;}
  body.sales-public-page #checkoutModal .checkout-summary-pane{padding:14px!important;background:#f7f9fc!important;}

  body.sales-public-page #checkoutModal[data-mobile-step="1"] .checkout-summary-pane,
  body.sales-public-page #checkoutModal[data-mobile-step="1"] .stripe-checkout-area,
  body.sales-public-page #checkoutModal[data-mobile-step="1"] .checkout-mobile-payment-nav{display:none!important;}
  body.sales-public-page #checkoutModal[data-mobile-step="1"] .checkout-details-pane,
  body.sales-public-page #checkoutModal[data-mobile-step="1"] .checkout-form-section,
  body.sales-public-page #checkoutModal[data-mobile-step="1"] .checkout-mobile-information-actions{display:block!important;}
  body.sales-public-page #checkoutModal[data-mobile-step="2"] .checkout-form-section,
  body.sales-public-page #checkoutModal[data-mobile-step="2"] .checkout-mobile-information-actions{display:none!important;}
  body.sales-public-page #checkoutModal[data-mobile-step="2"] .checkout-summary-pane,
  body.sales-public-page #checkoutModal[data-mobile-step="2"] .checkout-details-pane,
  body.sales-public-page #checkoutModal[data-mobile-step="2"] .stripe-checkout-area,
  body.sales-public-page #checkoutModal[data-mobile-step="2"] .checkout-mobile-payment-nav{display:block!important;}
  body.sales-public-page #checkoutModal[data-mobile-step="2"] .checkout-details-pane{padding:0 14px 14px!important;background:#f7f9fc!important;}

  body.sales-public-page #checkoutModal .checkout-form-section{padding:0 0 14px!important;}
  body.sales-public-page #checkoutModal .checkout-form-section+.checkout-form-section{padding-top:14px!important;}
  body.sales-public-page #checkoutModal .checkout-form-heading{margin-bottom:10px!important;align-items:flex-start!important;}
  body.sales-public-page #checkoutModal .checkout-form-heading>div{gap:1px!important;}
  body.sales-public-page #checkoutModal .checkout-form-heading>div>span{font-size:9px!important;}
  body.sales-public-page #checkoutModal .checkout-form-heading>div>strong{font-size:14px!important;}
  body.sales-public-page #checkoutModal .checkout-form-heading>small{display:none!important;}
  body.sales-public-page #checkoutModal #checkoutForm .form-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:9px!important;
  }
  body.sales-public-page #checkoutModal #checkoutForm .form-grid .field{grid-column:auto!important;}
  body.sales-public-page #checkoutModal #checkoutForm .form-grid .field.span-2,
  body.sales-public-page #checkoutModal #checkoutForm .checkout-address-row{grid-column:1 / -1!important;}
  body.sales-public-page #checkoutModal #checkoutForm .field{gap:4px!important;min-width:0!important;}
  body.sales-public-page #checkoutModal #checkoutForm .field>span{font-size:11px!important;}
  body.sales-public-page #checkoutModal #checkoutForm .field input,
  body.sales-public-page #checkoutModal #checkoutForm .field select,
  body.sales-public-page #checkoutModal #checkoutForm .field textarea{
    min-height:44px!important;
    height:44px!important;
    padding:9px 11px!important;
    border-radius:9px!important;
    font-size:16px!important;
  }
  body.sales-public-page #checkoutModal #checkoutForm .checkout-address-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 112px!important;
    gap:9px!important;
  }
  body.sales-public-page #checkoutModal #checkoutForm .checkout-note-field textarea{
    min-height:72px!important;
    height:72px!important;
    max-height:100px!important;
  }

  /* Stable in-flow action bars: no negative margins and no covered fields. */
  body.sales-public-page #checkoutModal .checkout-mobile-step-actions{
    position:sticky!important;
    bottom:0!important;
    z-index:5!important;
    grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)!important;
    gap:9px!important;
    margin:14px 0 0!important;
    padding:10px!important;
    border:1px solid #dfe6ee!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 8px 22px rgba(15,23,42,.08)!important;
  }
  body.sales-public-page #checkoutModal[data-mobile-step="1"] .checkout-mobile-step-actions{display:grid!important;}
  body.sales-public-page #checkoutModal .checkout-mobile-step-actions button{
    height:44px!important;
    min-height:44px!important;
    border-radius:9px!important;
    font-size:13px!important;
    font-weight:700!important;
  }
  body.sales-public-page #checkoutModal .checkout-mobile-secondary{border:1px solid #d5deea!important;background:#fff!important;color:#344054!important;}
  body.sales-public-page #checkoutModal .checkout-mobile-primary{border:1px solid #3568d4!important;background:#3568d4!important;color:#fff!important;}

  body.sales-public-page #checkoutModal .checkout-summary-heading{margin-bottom:10px!important;}
  body.sales-public-page #checkoutModal .checkout-summary-heading>div>strong{font-size:15px!important;}
  body.sales-public-page #checkoutModal .checkout-product-card{margin-bottom:9px!important;padding:10px!important;}
  body.sales-public-page #checkoutModal .checkout-product-copy{grid-template-columns:64px minmax(0,1fr)!important;gap:6px 9px!important;}
  body.sales-public-page #checkoutModal #checkoutForm .billing-window{padding:8px 10px!important;}
  body.sales-public-page #checkoutModal #checkoutForm .bill-row{min-height:28px!important;padding:4px 0!important;}
  body.sales-public-page #checkoutModal #checkoutForm .bill-total{padding-top:8px!important;}
  body.sales-public-page #checkoutModal #checkoutForm .bill-total strong{font-size:22px!important;}
  body.sales-public-page #checkoutModal .checkout-trust-strip{margin-top:9px!important;padding:9px!important;}
  body.sales-public-page #checkoutModal .checkout-methods-compact,
  body.sales-public-page #checkoutModal .checkout-order-note{display:none!important;}
  body.sales-public-page #checkoutModal .checkout-mobile-address-summary{
    display:block!important;
    margin:0 0 9px!important;
    padding:10px!important;
    border:1px solid #e1e7ef!important;
    border-radius:10px!important;
    background:#fff!important;
  }
  body.sales-public-page #checkoutModal .checkout-mobile-address-summary>div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;}
  body.sales-public-page #checkoutModal .checkout-mobile-address-summary span{font-size:9px!important;font-weight:800!important;color:#7a879a!important;letter-spacing:.08em!important;}
  body.sales-public-page #checkoutModal .checkout-mobile-address-summary button{min-height:32px!important;border:0!important;background:transparent!important;color:#3568d4!important;font-size:11px!important;font-weight:700!important;padding:0 4px!important;}
  body.sales-public-page #checkoutModal .checkout-mobile-address-summary strong{display:block!important;margin-top:4px!important;font-size:12px!important;color:#172033!important;}
  body.sales-public-page #checkoutModal .checkout-mobile-address-summary small{display:block!important;margin-top:3px!important;font-size:10.5px!important;line-height:1.4!important;color:#64748b!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body.sales-public-page #checkoutModal #checkoutForm .stripe-checkout-area{
    position:sticky!important;
    bottom:0!important;
    z-index:5!important;
    margin:12px 0 0!important;
    padding:10px 0 calc(8px + env(safe-area-inset-bottom))!important;
    border-top:1px solid #dfe6ee!important;
    background:#f7f9fc!important;
  }
  body.sales-public-page #checkoutModal .checkout-mobile-payment-nav{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:9px!important;}
  body.sales-public-page #checkoutModal .checkout-mobile-payment-nav button{height:36px!important;min-height:36px!important;padding:0 10px!important;border:1px solid #d5deea!important;border-radius:8px!important;background:#fff!important;color:#344054!important;font-size:11px!important;font-weight:700!important;}
  body.sales-public-page #checkoutModal .checkout-mobile-payment-nav span{font-size:11px!important;font-weight:700!important;color:#64748b!important;}
  body.sales-public-page #checkoutModal .stripe-checkout-button{min-height:56px!important;padding:9px 12px!important;}
  body.sales-public-page #checkoutModal .stripe-button-main,
  body.sales-public-page #checkoutModal .stripe-button-main strong{font-size:14px!important;}
  body.sales-public-page #checkoutModal .checkout-security-line{font-size:9.5px!important;}
}
@media (max-width:390px){
  body.sales-public-page #checkoutModal #checkoutForm .form-grid{grid-template-columns:1fr!important;}
  body.sales-public-page #checkoutModal #checkoutForm .form-grid .field,
  body.sales-public-page #checkoutModal #checkoutForm .form-grid .field.span-2,
  body.sales-public-page #checkoutModal #checkoutForm .checkout-address-row{grid-column:1!important;}
  body.sales-public-page #checkoutModal #checkoutForm .checkout-address-row{grid-template-columns:minmax(0,1fr) 104px!important;}
}

/* V1175.55: prevent iOS Safari focus zoom without disabling user pinch zoom. */
@media (max-width:767px){
  body.sales-public-page{
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
  }
  body.sales-public-page .modal input,
  body.sales-public-page .modal select,
  body.sales-public-page .modal textarea{
    font-size:16px!important;
  }
}

/* V1175.56: prevent iOS Safari from auto-zooming focused text controls on phones. */
@media (max-width: 760px) {
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]),
  select,
  textarea {
    font-size: 16px !important;
  }
}


/* V1175.59 — mobile recharge / withdrawal records rebuilt; old clipped-card rules removed */
@media (max-width:760px){
  body.backend-page[data-page="recharge"] .content,
  body.backend-page[data-page="withdraw"] .content{padding-left:10px!important;padding-right:10px!important;}

  body.backend-page[data-page="recharge"] .recharge-page,
  body.backend-page[data-page="withdraw"] .unified-content{display:grid!important;gap:10px!important;}

  body.backend-page[data-page="recharge"] .recharge-panel,
  body.backend-page[data-page="withdraw"] .recharge-panel,
  body.backend-page[data-page="withdraw"] .dash-card-modern,
  body.backend-page[data-page="withdraw"] .detail-list-card{margin:0!important;padding:13px!important;border:1px solid #e5eaf1!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;}

  body.backend-page[data-page="recharge"] .recharge-panel-head,
  body.backend-page[data-page="withdraw"] .recharge-panel-head,
  body.backend-page[data-page="withdraw"] .modern-card-head,
  body.backend-page[data-page="withdraw"] .detail-list-title{margin:0 0 11px!important;padding:0 0 10px!important;border-bottom:1px solid #edf1f5!important;gap:8px!important;}
  body.backend-page[data-page="recharge"] .recharge-panel-head strong,
  body.backend-page[data-page="withdraw"] .recharge-panel-head strong,
  body.backend-page[data-page="withdraw"] .modern-card-head h2,
  body.backend-page[data-page="withdraw"] .detail-list-title strong{font-size:14px!important;line-height:1.25!important;font-weight:600!important;}
  body.backend-page[data-page="recharge"] .recharge-panel-head small,
  body.backend-page[data-page="withdraw"] .recharge-panel-head small,
  body.backend-page[data-page="withdraw"] .modern-card-head p,
  body.backend-page[data-page="withdraw"] .detail-list-title small{margin-top:3px!important;font-size:11.5px!important;line-height:1.45!important;color:#667085!important;}

  body.backend-page[data-page="recharge"] .recharge-step-badge{display:inline-flex!important;align-items:center!important;height:22px!important;margin:0 7px 0 0!important;padding:0 8px!important;border:1px solid #dbe6ff!important;border-radius:6px!important;background:#f3f7ff!important;color:#2456d6!important;font-size:10.5px!important;font-weight:600!important;vertical-align:1px!important;}

  body.backend-page[data-page="recharge"] .recharge-bank-highlight,
  body.backend-page[data-page="recharge"] .recharge-bank-detail{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    overflow:visible!important;
  }
  body.backend-page[data-page="recharge"] .recharge-bank-detail{margin-top:10px!important;}
  body.backend-page[data-page="recharge"] .recharge-bank-highlight article,
  body.backend-page[data-page="recharge"] .recharge-bank-detail>div,
  body.backend-page[data-page="recharge"] .recharge-bank-detail>div:nth-child(3),
  body.backend-page[data-page="recharge"] .recharge-bank-detail>div.is-reference{
    display:grid!important;
    grid-template-columns:104px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    grid-column:auto!important;
    min-height:58px!important;
    margin:0!important;
    padding:11px 12px!important;
    border:1px solid #e8edf4!important;
    border-radius:10px!important;
    background:#fbfcfe!important;
  }
  body.backend-page[data-page="recharge"] .recharge-bank-highlight span,
  body.backend-page[data-page="recharge"] .recharge-bank-detail span{
    margin:0!important;
    color:#667085!important;
    font-size:10.5px!important;
    line-height:1.35!important;
    font-weight:500!important;
  }
  body.backend-page[data-page="recharge"] .recharge-value-line{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:9px!important;
    min-width:0!important;
  }
  body.backend-page[data-page="recharge"] .recharge-bank-highlight strong,
  body.backend-page[data-page="recharge"] .recharge-bank-detail strong{
    min-width:0!important;
    color:#101828!important;
    font-size:12px!important;
    line-height:1.45!important;
    font-weight:600!important;
    overflow-wrap:anywhere!important;
  }
  body.backend-page[data-page="recharge"] .recharge-copy-btn{
    min-width:46px!important;
    height:30px!important;
    padding:0 8px!important;
    border:1px solid #dce4ef!important;
    border-radius:8px!important;
    background:#fff!important;
    color:#344054!important;
    font-size:10.5px!important;
    font-weight:600!important;
  }
  body.backend-page[data-page="recharge"] .recharge-copy-btn.is-copied{
    border-color:#b9d4ff!important;
    background:#eef5ff!important;
    color:#2456d6!important;
  }

  body.backend-page[data-page="recharge"] .recharge-submit-form,
  body.backend-page[data-page="withdraw"] .withdraw-submit-form{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
  body.backend-page[data-page="recharge"] .recharge-submit-form label,
  body.backend-page[data-page="withdraw"] .withdraw-submit-form label{
    display:grid!important;
    gap:7px!important;
    margin:0!important;
  }
  body.backend-page[data-page="recharge"] .recharge-submit-form label>span,
  body.backend-page[data-page="withdraw"] .withdraw-submit-form label>span{
    margin:0!important;
    color:#475467!important;
    font-size:11.5px!important;
    font-weight:600!important;
  }
  body.backend-page[data-page="recharge"] .recharge-submit-form .input,
  body.backend-page[data-page="withdraw"] .withdraw-submit-form .input{
    width:100%!important;
    height:44px!important;
    min-height:44px!important;
    padding:0 11px!important;
    border-radius:9px!important;
    font-size:16px!important;
  }
  body.backend-page[data-page="recharge"] .recharge-submit-form input[type="file"]{
    padding:8px 9px!important;
    line-height:26px!important;
  }
  body.backend-page[data-page="recharge"] .recharge-submit-form .btn,
  body.backend-page[data-page="withdraw"] .withdraw-submit-form .btn{
    width:100%!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
    border-radius:9px!important;
    font-size:12.5px!important;
    font-weight:600!important;
  }
  body.backend-page[data-page="recharge"] .recharge-proof-input{position:static!important;}
  body.backend-page[data-page="recharge"] .recharge-upload-preview{
    position:static!important;
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr)!important;
    align-items:center!important;
    gap:9px!important;
    height:auto!important;
    margin-top:7px!important;
    padding:7px!important;
    border-radius:9px!important;
    pointer-events:none!important;
  }
  body.backend-page[data-page="recharge"] .recharge-upload-preview[hidden]{display:none!important;}
  body.backend-page[data-page="recharge"] .recharge-upload-preview img{width:54px!important;height:40px!important;border-radius:6px!important;}

  body.backend-page[data-page="withdraw"] .withdraw-summary-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0!important;}
  body.backend-page[data-page="withdraw"] .withdraw-summary-grid>.asset-main-summary-card{grid-column:1/-1!important;}
  body.backend-page[data-page="withdraw"] .withdraw-summary-grid .modern-icon{width:30px!important;height:30px!important;border-radius:9px!important;font-size:13px!important;}
  body.backend-page[data-page="withdraw"] .asset-card-main-row{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:10px!important;}
  body.backend-page[data-page="withdraw"] .asset-card-main-row>strong{font-size:25px!important;line-height:1!important;}
  body.backend-page[data-page="withdraw"] .asset-action-row .btn{height:32px!important;min-height:32px!important;padding:0 9px!important;font-size:11px!important;}
  body.backend-page[data-page="withdraw"] .metric-split-grid.compact-two{grid-template-columns:1fr!important;gap:6px!important;}
  body.backend-page[data-page="withdraw"] .metric-soft{min-height:48px!important;padding:8px 9px!important;border-radius:9px!important;}
  body.backend-page[data-page="withdraw"] .metric-soft span{font-size:10.5px!important;}
  body.backend-page[data-page="withdraw"] .metric-soft strong{font-size:12.5px!important;line-height:1.3!important;}

  body.backend-page[data-page="withdraw"] .withdraw-page-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin:0!important;}
  body.backend-page[data-page="withdraw"] .withdraw-saved-account{margin:0 0 11px!important;padding:10px!important;border-radius:10px!important;}
  body.backend-page[data-page="withdraw"] .withdraw-saved-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin:0 0 9px!important;}
  body.backend-page[data-page="withdraw"] .withdraw-saved-head strong{font-size:12.5px!important;}
  body.backend-page[data-page="withdraw"] .withdraw-saved-head a{font-size:11.5px!important;}
  body.backend-page[data-page="withdraw"] .withdraw-saved-grid{display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;gap:6px 8px!important;font-size:12px!important;}
  body.backend-page[data-page="withdraw"] .withdraw-saved-grid span{font-size:11.5px!important;}
  body.backend-page[data-page="withdraw"] .withdraw-saved-grid strong{font-size:12px!important;line-height:1.4!important;}
  body.backend-page[data-page="withdraw"] .withdraw-saved-account p{font-size:12px!important;line-height:1.5!important;}

  body.backend-page[data-page="withdraw"] .withdraw-help-list{display:grid!important;gap:0!important;margin:0!important;border:1px solid #e7ebf1!important;border-radius:10px!important;overflow:hidden!important;}
  body.backend-page[data-page="withdraw"] .withdraw-help-list article{display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;margin:0!important;padding:9px 10px!important;border:0!important;border-bottom:1px solid #eef2f6!important;border-radius:0!important;background:#fff!important;}
  body.backend-page[data-page="withdraw"] .withdraw-help-list article:last-child{border-bottom:0!important;}
  body.backend-page[data-page="withdraw"] .withdraw-help-list span{width:24px!important;height:24px!important;border-radius:6px!important;font-size:11px!important;}
  body.backend-page[data-page="withdraw"] .withdraw-help-list p{margin:0!important;font-size:12px!important;line-height:1.45!important;}

  body.backend-page[data-page="recharge"] .recharge-record-panel,
  body.backend-page[data-page="withdraw"] .withdraw-page-records{margin:0!important;}
  body.backend-page[data-page="recharge"] .detail-table-wrap,
  body.backend-page[data-page="withdraw"] .detail-table-wrap{overflow:visible!important;border:0!important;background:transparent!important;}
  body.backend-page[data-page="recharge"] .detail-record-table,
  body.backend-page[data-page="withdraw"] .detail-record-table{display:block!important;width:100%!important;min-width:0!important;table-layout:auto!important;}
  body.backend-page[data-page="recharge"] .detail-record-table colgroup,
  body.backend-page[data-page="withdraw"] .detail-record-table colgroup,
  body.backend-page[data-page="recharge"] .detail-record-table thead,
  body.backend-page[data-page="withdraw"] .detail-record-table thead{display:none!important;}
  body.backend-page[data-page="recharge"] .detail-record-table tbody,
  body.backend-page[data-page="withdraw"] .detail-record-table tbody{display:grid!important;gap:9px!important;}
  body.backend-page[data-page="recharge"] .detail-record-table tr,
  body.backend-page[data-page="withdraw"] .detail-record-table tr{display:grid!important;height:auto!important;min-height:0!important;padding:7px 0!important;border:1px solid #e5eaf1!important;border-radius:10px!important;background:#fff!important;overflow:visible!important;}
  body.backend-page[data-page="recharge"] .detail-record-table td,
  body.backend-page[data-page="withdraw"] .detail-record-table td{display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;align-items:start!important;gap:9px!important;width:100%!important;height:auto!important;min-height:0!important;padding:6px 10px!important;border:0!important;background:transparent!important;text-align:left!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;font-size:12px!important;line-height:1.42!important;}
  body.backend-page[data-page="recharge"] .detail-record-table td::before,
  body.backend-page[data-page="withdraw"] .detail-record-table td::before{content:attr(data-label)!important;display:block!important;color:#667085!important;font-size:11.5px!important;font-weight:600!important;line-height:1.42!important;}
  body.backend-page[data-page="recharge"] .detail-record-table td.num,
  body.backend-page[data-page="withdraw"] .detail-record-table td.num{text-align:left!important;}
  body.backend-page[data-page="recharge"] .detail-record-table td strong,
  body.backend-page[data-page="withdraw"] .detail-record-table td strong{white-space:normal!important;font-size:12.5px!important;line-height:1.35!important;}
  body.backend-page[data-page="recharge"] .detail-record-table td small,
  body.backend-page[data-page="withdraw"] .detail-record-table td small{display:block!important;margin-top:2px!important;color:#667085!important;font-size:11px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important;}
  body.backend-page[data-page="recharge"] .detail-record-table .tag,
  body.backend-page[data-page="withdraw"] .detail-record-table .tag{justify-self:start!important;}
  body.backend-page[data-page="recharge"] .detail-empty-row,
  body.backend-page[data-page="withdraw"] .detail-empty-row{padding:0!important;}
  body.backend-page[data-page="recharge"] .detail-empty-row td,
  body.backend-page[data-page="withdraw"] .detail-empty-row td{display:block!important;padding:12px!important;text-align:center!important;}
  body.backend-page[data-page="recharge"] .detail-empty-row td::before,
  body.backend-page[data-page="withdraw"] .detail-empty-row td::before{display:none!important;content:none!important;}
}

@media (max-width:380px){
  body.backend-page[data-page="recharge"] .recharge-bank-highlight article,
  body.backend-page[data-page="recharge"] .recharge-bank-detail>div,
  body.backend-page[data-page="recharge"] .recharge-bank-detail>div:nth-child(3),
  body.backend-page[data-page="recharge"] .recharge-bank-detail>div.is-reference{grid-template-columns:1fr!important;gap:6px!important;}
  body.backend-page[data-page="withdraw"] .withdraw-summary-grid{grid-template-columns:1fr!important;}
  body.backend-page[data-page="withdraw"] .withdraw-summary-grid>.asset-main-summary-card{grid-column:auto!important;}
}

/* V1175.60 — compact mobile proof action; replaces the stretched field-like link. */
@media (max-width:760px){
  body.backend-page[data-page="recharge"] .detail-record-table td[data-label="Proof"]{
    align-items:center!important;
  }
  body.backend-page[data-page="recharge"] .detail-record-table .detail-proof-link{
    display:inline-flex!important;
    justify-self:start!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:max-content!important;
    min-height:32px!important;
    height:32px!important;
    padding:0 11px!important;
    border:1px solid #cddcff!important;
    border-radius:6px!important;
    background:#fff!important;
    color:#2456d6!important;
    font-size:11.5px!important;
    font-weight:600!important;
    line-height:1!important;
    white-space:nowrap!important;
    text-decoration:none!important;
    box-shadow:none!important;
  }
  body.backend-page[data-page="recharge"] .detail-record-table .detail-proof-link:hover,
  body.backend-page[data-page="recharge"] .detail-record-table .detail-proof-link:focus-visible{
    border-color:#aac3ff!important;
    background:#f4f7ff!important;
    color:#1f4fc7!important;
  }
}


/* V1175.61 — mobile withdrawal account snapshot: full-width, readable rows. */
@media (max-width:760px){
  body.backend-page[data-page="withdraw"] .withdraw-record-table td[data-label="Account"]{
    grid-template-columns:96px minmax(0,1fr)!important;
    align-items:start!important;
  }
  body.backend-page[data-page="withdraw"] .withdraw-account-snapshot{
    display:grid!important;
    gap:5px!important;
    min-width:0!important;
    width:100%!important;
  }
  body.backend-page[data-page="withdraw"] .withdraw-account-method{
    display:block!important;
    margin:0!important;
    color:#101828!important;
    font-size:12.5px!important;
    font-weight:700!important;
    line-height:1.35!important;
  }
  body.backend-page[data-page="withdraw"] .withdraw-account-snapshot dl{
    display:grid!important;
    gap:3px!important;
    margin:0!important;
    min-width:0!important;
  }
  body.backend-page[data-page="withdraw"] .withdraw-account-snapshot dl>div{
    display:grid!important;
    grid-template-columns:50px minmax(0,1fr)!important;
    gap:6px!important;
    align-items:start!important;
    min-width:0!important;
  }
  body.backend-page[data-page="withdraw"] .withdraw-account-snapshot dt,
  body.backend-page[data-page="withdraw"] .withdraw-account-snapshot dd{
    margin:0!important;
    font-size:11.5px!important;
    line-height:1.38!important;
  }
  body.backend-page[data-page="withdraw"] .withdraw-account-snapshot dt{
    color:#667085!important;
    font-weight:500!important;
  }
  body.backend-page[data-page="withdraw"] .withdraw-account-snapshot dd{
    min-width:0!important;
    color:#344054!important;
    font-weight:500!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
}

/* V1175.71 — canonical premium mobile order-list layout */
@media (max-width:760px){
  body.backend-page[data-page="orders"]{min-height:0!important;}
  body.backend-page[data-page="orders"] .admin-shell,
  body.backend-page[data-page="orders"] .admin-layout,
  body.backend-page[data-page="orders"] .dash-layout,
  body.backend-page[data-page="orders"] .orders-main,
  body.backend-page[data-page="orders"] .dash-content,
  body.backend-page[data-page="orders"] .unified-content{min-height:0!important;height:auto!important;}
  body.backend-page[data-page="orders"] .unified-content{padding-bottom:8px!important;}

  body.backend-page[data-page="orders"] .orders-filter-grid-clean{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    margin:0 0 14px!important;
    padding:10px!important;
    border:1px solid #e8edf4!important;
    border-radius:14px!important;
    background:#fbfcfe!important;
    box-shadow:0 1px 2px rgba(15,23,42,.025)!important;
    overflow:visible!important;
  }
  body.backend-page[data-page="orders"] .orders-filter-scroll{
    display:grid!important;
    grid-column:1/-1!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  body.backend-page[data-page="orders"] .orders-filter-field,
  body.backend-page[data-page="orders"] .orders-filter-field.is-wide{
    position:relative!important;
    display:block!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
  }
  body.backend-page[data-page="orders"] .orders-filter-field.is-wide{grid-column:1/-1!important;}
  body.backend-page[data-page="orders"] .orders-filter-field>span{
    position:absolute!important;
    top:5px!important;
    left:10px!important;
    z-index:1!important;
    margin:0!important;
    color:#7a8699!important;
    font-size:8px!important;
    line-height:1!important;
    font-weight:600!important;
    letter-spacing:.01em!important;
    pointer-events:none!important;
  }
  body.backend-page[data-page="orders"] .orders-filter-field input,
  body.backend-page[data-page="orders"] .orders-filter-field select,
  body.backend-page[data-page="orders"] .orders-filter-field .order-search{
    width:100%!important;
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
    padding:13px 10px 2px!important;
    border:1px solid #dfe5ee!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#172033!important;
    font-size:16px!important;
    line-height:1.05!important;
    font-weight:500!important;
    box-shadow:none!important;
  }
  body.backend-page[data-page="orders"] .orders-filter-field input:focus,
  body.backend-page[data-page="orders"] .orders-filter-field select:focus,
  body.backend-page[data-page="orders"] .orders-filter-field .order-search:focus{
    border-color:#9db9f4!important;
    box-shadow:0 0 0 3px rgba(55,104,220,.08)!important;
    outline:0!important;
  }
  body.backend-page[data-page="orders"] .orders-filter-field select{padding-right:26px!important;}
  body.backend-page[data-page="orders"] .orders-filter-field select option{font-size:13px!important;line-height:1.25!important;font-weight:400!important;}

  body.backend-page[data-page="orders"] .orders-filter-actions{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 92px!important;
    gap:8px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  body.backend-page[data-page="orders"] .orders-filter-actions>*{
    width:100%!important;
    min-width:0!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 12px!important;
    border-radius:9px!important;
    font-size:11.5px!important;
    line-height:1!important;
    font-weight:600!important;
  }
  body.backend-page[data-page="orders"] .orders-filter-actions .btn-line{
    background:transparent!important;
    border-color:#dfe5ee!important;
    color:#536176!important;
  }

  body.backend-page[data-page="orders"] .orders-list-shell{
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  body.backend-page[data-page="orders"] .orders-list-scroll{display:none!important;}
  body.backend-page[data-page="orders"] .orders-mobile-list{display:grid!important;gap:12px!important;}
  body.backend-page[data-page="orders"] .order-card-mobile{
    display:grid!important;
    gap:12px!important;
    width:100%!important;
    padding:15px!important;
    border:1px solid #e6ebf2!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:0 1px 2px rgba(15,23,42,.025)!important;
  }
  body.backend-page[data-page="orders"] .order-card-top{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
  }
  body.backend-page[data-page="orders"] .order-card-top>strong{
    min-width:0!important;
    color:#111827!important;
    font-size:14px!important;
    line-height:1.2!important;
    font-weight:700!important;
    letter-spacing:.005em!important;
  }
  body.backend-page[data-page="orders"] .order-card-top .tag{
    flex:0 0 auto!important;
    min-height:24px!important;
    padding:2px 9px!important;
    font-size:10.5px!important;
    line-height:1!important;
  }
  body.backend-page[data-page="orders"] .order-card-grid{
    display:grid!important;
    grid-template-columns:84px minmax(0,1fr)!important;
    gap:7px 12px!important;
    min-width:0!important;
    padding:1px 0 2px!important;
  }
  body.backend-page[data-page="orders"] .order-card-grid>span{
    color:#6b778c!important;
    font-size:11.5px!important;
    line-height:1.35!important;
  }
  body.backend-page[data-page="orders"] .order-card-grid>b{
    min-width:0!important;
    color:#172033!important;
    font-size:11.5px!important;
    line-height:1.35!important;
    font-weight:650!important;
    overflow-wrap:anywhere!important;
  }
  body.backend-page[data-page="orders"] .order-card-bottom{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:7px!important;
    margin-top:0!important;
    padding-top:11px!important;
    border-top:1px solid #edf1f5!important;
  }
  body.backend-page[data-page="orders"] .order-card-bottom form{margin:0!important;}
  body.backend-page[data-page="orders"] .order-card-bottom .mini-action{
    min-width:68px!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 12px!important;
    border-radius:9px!important;
    font-size:11.5px!important;
    line-height:1!important;
  }
  body.backend-page[data-page="orders"] .orders-pagination{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:wrap!important;
    gap:6px!important;
    margin:10px 2px 0!important;
    padding:0!important;
  }
  body.backend-page[data-page="orders"] .orders-pagination>span{
    margin-right:auto!important;
    color:#6b778c!important;
    font-size:11px!important;
    line-height:1.3!important;
  }
  body.backend-page[data-page="orders"] .footer.app-footer{margin-top:18px!important;}
}
@media (max-width:390px){
  body.backend-page[data-page="orders"] .orders-filter-scroll{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.backend-page[data-page="orders"] .orders-filter-field.is-wide,
  body.backend-page[data-page="orders"] .orders-filter-field:last-child{grid-column:1/-1!important;}
  body.backend-page[data-page="orders"] .orders-filter-actions{grid-template-columns:minmax(0,1fr) 84px!important;}
}

/* V1175.77 — compact mobile visual system. */
@media (max-width:760px){
  body.backend-page:not(.admin-backend-page){font-size:12.5px;line-height:1.42;}
  body.backend-page:not(.admin-backend-page) :is(h1,.page-title){font-size:18px!important;line-height:1.2!important;}
  body.backend-page:not(.admin-backend-page) :is(h2,.card-title,.module-title,.profile-card-head strong,.modern-card-head h2){font-size:13.5px!important;line-height:1.28!important;}
  body.backend-page:not(.admin-backend-page) :is(h3,h4){font-size:12.5px!important;}
  body.backend-page:not(.admin-backend-page) :is(p,small,.muted,.hint,.page-desc){font-size:11px;line-height:1.42;}
  body.backend-page:not(.admin-backend-page) :is(.dash-card,.dash-card-modern,.profile-card,.module-panel,.orders-table-card,.asset-card,.form-panel){border-radius:11px!important;box-shadow:none!important;}
  body.backend-page:not(.admin-backend-page) :is(label>span,.field>span,.form-group>label){font-size:10.5px!important;line-height:1.25!important;margin-bottom:5px!important;}
  body.backend-page:not(.admin-backend-page) :is(.input,input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),textarea){border-radius:8px!important;border-color:#dce3ec!important;box-shadow:none!important;font-size:16px!important;}
  body.backend-page:not(.admin-backend-page) :is(.btn,.submit-btn,.continue-btn,.mini-action){min-height:35px;height:35px;padding:0 10px;border-radius:8px;font-size:11px;box-shadow:none!important;}
  body.backend-page:not(.admin-backend-page) :is(.badge,.tag,.pill,.status-pill,.order-status,.notice-chip){min-height:20px!important;height:20px!important;padding:0 7px!important;font-size:10px!important;}
  body:not(.admin-backend-page) :is(.action-modal,.billing-confirm-modal,.production-confirm-modal,.notice-detail-modal,.query-modal,.app-action-modal){padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;align-items:center!important;justify-content:center!important;}
  body:not(.admin-backend-page) :is(.action-modal-panel,.billing-confirm-dialog,.pcm-panel,.production-confirm-dialog,.notice-detail-panel,.query-panel,.app-action-panel){width:min(100%,380px)!important;max-width:100%!important;max-height:calc(100dvh - 20px)!important;margin:0!important;padding:13px!important;border:1px solid #e4e9f0!important;border-radius:13px!important;background:#fff!important;box-shadow:0 16px 42px rgba(15,23,42,.16)!important;overflow:auto!important;overscroll-behavior:contain!important;}
  body:not(.admin-backend-page) :is(.action-modal-head,.billing-confirm-head,.pcm-head,.production-confirm-head,.notice-detail-head,.app-action-head){display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:9px!important;margin:0 0 10px!important;padding:0 0 9px!important;border-bottom:1px solid #edf1f5!important;}
  body:not(.admin-backend-page) :is(.billing-kicker,.pcm-label,.action-modal-eyebrow,.notice-detail-type,.app-action-label){min-height:19px!important;margin:0 0 5px!important;padding:3px 6px!important;border:0!important;border-radius:6px!important;background:#f2f6ff!important;color:#4168c7!important;font-size:9px!important;line-height:1!important;font-weight:650!important;letter-spacing:.035em!important;text-transform:uppercase!important;}
  body:not(.admin-backend-page) :is(.billing-confirm-head strong,.pcm-head h3,.production-confirm-head h2,.action-modal-head h2,.notice-detail-head h2,.app-action-head h3){margin:0!important;font-size:14px!important;line-height:1.28!important;color:#172033!important;font-weight:650!important;}
  body:not(.admin-backend-page) :is(.billing-confirm-head small,.pcm-desc,.action-modal-head p,.notice-detail-head time,.app-action-message){margin:3px 0 0!important;color:#667085!important;font-size:10.5px!important;line-height:1.42!important;font-weight:400!important;}
  body:not(.admin-backend-page) :is(.action-modal-close,.billing-close,.pcm-close,.notice-detail-close,.query-close,.app-action-close){width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important;padding:0!important;border:1px solid #e1e7ef!important;border-radius:7px!important;background:#fff!important;color:#475569!important;font-size:15px!important;line-height:1!important;box-shadow:none!important;}
  body:not(.admin-backend-page) :is(.action-modal-actions,.action-modal-buttons,.billing-confirm-actions,.pcm-actions,.production-confirm-actions,.app-action-actions){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin-top:9px!important;}
  body:not(.admin-backend-page) :is(.action-modal-actions,.action-modal-buttons,.billing-confirm-actions,.pcm-actions,.production-confirm-actions,.app-action-actions) :is(.btn,button,a.btn){width:100%!important;min-width:0!important;min-height:35px!important;height:35px!important;padding:0 8px!important;border-radius:8px!important;font-size:11px!important;line-height:1!important;font-weight:650!important;box-shadow:none!important;}
  body.backend-page[data-page="create-order"] .billing-summary-grid,
  body:not(.admin-backend-page) .production-confirm-modal .pcm-grid-detail{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin:0 0 8px!important;}
  body.backend-page[data-page="create-order"] .billing-summary-grid>div,
  body:not(.admin-backend-page) .production-confirm-modal .pcm-item{min-width:0!important;padding:8px 9px!important;border:1px solid #e7ecf2!important;border-radius:9px!important;background:#fafbfd!important;}
  body.backend-page[data-page="create-order"] .billing-summary-grid span,
  body:not(.admin-backend-page) .production-confirm-modal .pcm-item span{margin:0!important;color:#778497!important;font-size:8px!important;line-height:1.2!important;font-weight:650!important;}
  body.backend-page[data-page="create-order"] .billing-summary-grid strong,
  body:not(.admin-backend-page) .production-confirm-modal .pcm-item strong{margin:3px 0 0!important;color:#172033!important;font-size:12px!important;line-height:1.25!important;font-weight:650!important;white-space:normal!important;}
  body.backend-page[data-page="create-order"] .billing-line-list{margin:0 0 8px!important;border:1px solid #e7ecf2!important;border-radius:9px!important;overflow:hidden!important;}
  body.backend-page[data-page="create-order"] .billing-line-list>div{min-height:33px!important;padding:7px 9px!important;gap:8px!important;border-bottom:1px solid #edf1f5!important;}
  body.backend-page[data-page="create-order"] .billing-line-list span{font-size:9px!important;color:#667085!important;}
  body.backend-page[data-page="create-order"] .billing-line-list strong{font-size:11.5px!important;color:#172033!important;}
  body:not(.admin-backend-page) .app-action-message,
  body:not(.admin-backend-page) .production-confirm-modal .pcm-note{min-height:0!important;margin:0 0 8px!important;padding:8px 9px!important;border:1px solid #e7ecf2!important;border-radius:9px!important;background:#fafbfd!important;color:#526174!important;font-size:10px!important;line-height:1.42!important;}
}

/* V1175.78 — authoritative mobile form-control scale. Keep fields compact without changing desktop. */
@media (max-width:760px){
  body:not(.admin-backend-page) :is(select,.input[type="select-one"],.admin-select){
    height:38px!important;
    min-height:38px!important;
    padding:0 28px 0 10px!important;
    border:1px solid #dce3ec!important;
    border-radius:8px!important;
    background-color:#fff!important;
    color:#172033!important;
    font-family:inherit!important;
    font-size:14px!important;
    line-height:1.2!important;
    font-weight:500!important;
    letter-spacing:0!important;
    box-shadow:none!important;
  }
  body:not(.admin-backend-page) select option,
  body:not(.admin-backend-page) select optgroup{
    color:#172033!important;
    background:#fff!important;
    font-family:inherit!important;
    font-size:14px!important;
    line-height:1.3!important;
    font-weight:400!important;
  }
  body:not(.admin-backend-page) select optgroup{font-weight:650!important;}
  body:not(.admin-backend-page) :is(select,.admin-select):focus{
    border-color:#9db9f4!important;
    box-shadow:0 0 0 3px rgba(55,104,220,.08)!important;
    outline:0!important;
  }
  body:not(.admin-backend-page) :is(.field>label,.form-group>label,.filter-field>label,.orders-filter-field>label,.asset-filter-field>label),
  body:not(.admin-backend-page) :is(.field>span,.form-group>span,.filter-field>span,.orders-filter-field>span,.asset-filter-field>span){
    color:#667085!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:550!important;
  }
  body:not(.admin-backend-page) input::placeholder,
  body:not(.admin-backend-page) textarea::placeholder{
    color:#98a2b3!important;
    font-size:14px!important;
    font-weight:400!important;
    opacity:1!important;
  }
  body:not(.admin-backend-page) input[type="checkbox"],
  body:not(.admin-backend-page) input[type="radio"]{
    width:14px!important;
    min-width:14px!important;
    height:14px!important;
    min-height:14px!important;
    padding:0!important;
    flex:0 0 14px!important;
  }
  body.backend-page[data-page="orders"] .orders-filter-field select,
  body.backend-page[data-page="orders"] .orders-filter-field select option,
  body.backend-page[data-page="orders"] .orders-filter-field input,
  body.backend-page[data-page="orders"] .orders-filter-field .order-search{
    font-size:14px!important;
  }
}


/* V1175.79 — mobile order-filter field alignment.
   Replace floating labels with compact stacked labels so text can never overlap values. */
@media (max-width:760px){
  body.backend-page[data-page="orders"] .orders-filter-field,
  body.backend-page[data-page="orders"] .orders-filter-field.is-wide{
    position:static!important;
    display:grid!important;
    grid-template-rows:auto 36px!important;
    gap:3px!important;
    align-content:start!important;
  }
  body.backend-page[data-page="orders"] .orders-filter-field>span{
    position:static!important;
    display:block!important;
    inset:auto!important;
    margin:0!important;
    padding:0 2px!important;
    color:#667085!important;
    font-size:10px!important;
    line-height:1.15!important;
    font-weight:600!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    pointer-events:none!important;
  }
  body.backend-page[data-page="orders"] .orders-filter-field input,
  body.backend-page[data-page="orders"] .orders-filter-field select,
  body.backend-page[data-page="orders"] .orders-filter-field .order-search{
    width:100%!important;
    height:36px!important;
    min-height:36px!important;
    margin:0!important;
    padding:0 10px!important;
    border-radius:9px!important;
    font-size:14px!important;
    line-height:36px!important;
    font-weight:500!important;
    box-sizing:border-box!important;
  }
  body.backend-page[data-page="orders"] .orders-filter-field select{
    padding:0 27px 0 10px!important;
    line-height:normal!important;
  }
  body.backend-page[data-page="orders"] .orders-filter-field input::placeholder,
  body.backend-page[data-page="orders"] .orders-filter-field .order-search::placeholder{
    font-size:13px!important;
  }
}

/* V1175.80 — full-site mobile form instance normalization.
   Keep labels stacked and values readable across distributor, public and modal forms. */
@media (max-width:760px){
  body:not(.admin-backend-page) :is(
    .form-grid,.form-grid-simple,.profile-form-grid,.sales-form-grid,
    .asset-filter-form,.orders-filter-grid,.orders-filter-grid-clean,
    .order-form-stack,.checkout-form-section,.action-modal-form-shell,
    .recharge-submit-form,.withdraw-submit-form,.query-field,.track-field
  ) > label,
  body.backend-page:not(.admin-backend-page) :is(.detail-panel,.profile-card,.sales-card,.asset-card,.form-panel) label:not(.stock-package-option){
    position:static!important;
    display:grid!important;
    grid-template-rows:auto auto!important;
    align-content:start!important;
    gap:4px!important;
    min-width:0!important;
  }

  body:not(.admin-backend-page) :is(
    .form-grid,.form-grid-simple,.profile-form-grid,.sales-form-grid,
    .asset-filter-form,.orders-filter-grid,.orders-filter-grid-clean,
    .order-form-stack,.checkout-form-section,.action-modal-form-shell,
    .recharge-submit-form,.withdraw-submit-form,.query-field,.track-field
  ) > label > span,
  body.backend-page:not(.admin-backend-page) :is(.detail-panel,.profile-card,.sales-card,.asset-card,.form-panel) label:not(.stock-package-option) > span{
    position:static!important;
    inset:auto!important;
    display:block!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0 1px!important;
    transform:none!important;
    color:#667085!important;
    background:transparent!important;
    font-size:10.5px!important;
    line-height:1.2!important;
    font-weight:600!important;
    letter-spacing:0!important;
    white-space:normal!important;
    pointer-events:none!important;
  }

  body:not(.admin-backend-page) :is(
    .form-grid,.form-grid-simple,.profile-form-grid,.sales-form-grid,
    .asset-filter-form,.orders-filter-grid,.orders-filter-grid-clean,
    .order-form-stack,.checkout-form-section,.action-modal-form-shell,
    .recharge-submit-form,.withdraw-submit-form,.query-field,.track-field
  ) :is(input,select):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  body.backend-page:not(.admin-backend-page) :is(.detail-panel,.profile-card,.sales-card,.asset-card,.form-panel) label:not(.stock-package-option) > :is(input,select):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]){
    width:100%!important;
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
    box-sizing:border-box!important;
    border-radius:8px!important;
  }

  body:not(.admin-backend-page) :is(
    .form-grid,.form-grid-simple,.profile-form-grid,.sales-form-grid,
    .order-form-stack,.checkout-form-section,.action-modal-form-shell,
    .recharge-submit-form,.withdraw-submit-form
  ) textarea,
  body.backend-page:not(.admin-backend-page) :is(.detail-panel,.profile-card,.sales-card,.asset-card,.form-panel) label:not(.stock-package-option) > textarea{
    width:100%!important;
    min-height:76px!important;
    margin:0!important;
    box-sizing:border-box!important;
    border-radius:8px!important;
    line-height:1.4!important;
    resize:vertical!important;
  }

  body:not(.admin-backend-page) input[type="file"].input{
    min-height:38px!important;
    height:auto!important;
    padding:5px 7px!important;
    font-size:12px!important;
    line-height:1.25!important;
  }

  body:not(.admin-backend-page) input[type="file"]::file-selector-button{
    min-height:28px!important;
    margin-right:8px!important;
    padding:0 10px!important;
    border:1px solid #dce3ec!important;
    border-radius:7px!important;
    background:#fff!important;
    color:#344054!important;
    font-family:inherit!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:600!important;
  }

  body:not(.admin-backend-page) :is(.form-grid,.form-grid-simple,.profile-form-grid,.sales-form-grid,.asset-filter-form,.orders-filter-grid,.orders-filter-grid-clean){
    align-items:start!important;
  }
}

/* V1175.81 — mobile sales-page image settings cleanup */
@media (max-width:760px){
  body.backend-page[data-page="sales-page"] .sales-images-stack{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
    width:100%!important;
  }
  body.backend-page[data-page="sales-page"] .sales-asset-card,
  body.backend-page[data-page="sales-page"] .sales-cases-section{
    min-width:0!important;
    width:100%!important;
    margin:0!important;
  }
  body.backend-page[data-page="sales-page"] .sales-asset-head,
  body.backend-page[data-page="sales-page"] .sales-cases-head{
    display:block!important;
    margin:0 0 9px!important;
    padding:0!important;
  }
  body.backend-page[data-page="sales-page"] .sales-asset-head>div,
  body.backend-page[data-page="sales-page"] .sales-cases-head>div,
  body.backend-page[data-page="sales-page"] .sales-case-name{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:3px!important;
    min-width:0!important;
  }
  body.backend-page[data-page="sales-page"] .sales-asset-head strong,
  body.backend-page[data-page="sales-page"] .sales-cases-head strong,
  body.backend-page[data-page="sales-page"] .sales-case-name strong{
    display:block!important;
    margin:0!important;
    color:#111827!important;
    font-size:13px!important;
    font-weight:650!important;
    line-height:1.25!important;
  }
  body.backend-page[data-page="sales-page"] .sales-asset-head small,
  body.backend-page[data-page="sales-page"] .sales-cases-head small,
  body.backend-page[data-page="sales-page"] .sales-case-name small{
    display:block!important;
    margin:0!important;
    color:#64748b!important;
    font-size:11px!important;
    font-weight:400!important;
    line-height:1.4!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  body.backend-page[data-page="sales-page"] .sales-logo-card{
    display:grid!important;
    grid-template-columns:76px minmax(0,1fr)!important;
    grid-template-areas:
      "head head"
      "preview actions"!important;
    align-items:center!important;
    gap:9px 11px!important;
  }
  body.backend-page[data-page="sales-page"] .sales-logo-card .sales-asset-head{grid-area:head!important;margin-bottom:0!important;}
  body.backend-page[data-page="sales-page"] .sales-logo-card .sales-logo-preview{
    grid-area:preview!important;
    width:76px!important;
    height:76px!important;
    min-width:76px!important;
    min-height:76px!important;
    max-width:76px!important;
    margin:0!important;
    padding:8px!important;
    border:1px solid #dfe6ef!important;
    border-radius:11px!important;
    background:#f8fafc!important;
    box-sizing:border-box!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
  }
  body.backend-page[data-page="sales-page"] .sales-logo-card .sales-logo-preview img{
    width:100%!important;
    height:100%!important;
    max-width:60px!important;
    max-height:60px!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center!important;
    border-radius:7px!important;
  }
  body.backend-page[data-page="sales-page"] .sales-logo-card .sales-upload-actions{
    grid-area:actions!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    align-self:center!important;
  }
  body.backend-page[data-page="sales-page"] .sales-banner-card,
  body.backend-page[data-page="sales-page"] .sales-cases-section{
    padding-top:11px!important;
    border-top:1px solid #edf1f5!important;
  }
  body.backend-page[data-page="sales-page"] .sales-banner-card .sales-image-preview{
    margin-top:0!important;
  }
  body.backend-page[data-page="sales-page"] .sales-cases-section .sales-case-grid{
    margin-top:0!important;
  }
  body.backend-page[data-page="sales-page"] .sales-case-name{
    margin:0!important;
    text-align:left!important;
  }
  body.backend-page[data-page="sales-page"] .sales-help{
    margin-top:9px!important;
  }
}

@media (max-width:420px){
  body.backend-page[data-page="sales-page"] .sales-logo-card{
    grid-template-columns:70px minmax(0,1fr)!important;
    gap:8px 10px!important;
  }
  body.backend-page[data-page="sales-page"] .sales-logo-card .sales-logo-preview{
    width:70px!important;
    height:70px!important;
    min-width:70px!important;
    min-height:70px!important;
    max-width:70px!important;
    padding:7px!important;
  }
}

/* V1175.84 — create-order mobile preview: compact single-surface layout */
@media (max-width:760px){
  body.backend-page[data-page="create-order"] .style-module-panel{
    padding:12px!important;
  }
  body.backend-page[data-page="create-order"] .style-module-panel .module-head{
    margin-bottom:10px!important;
    padding-bottom:10px!important;
  }
  body.backend-page[data-page="create-order"] .style-module-simple,
  body.backend-page[data-page="create-order"] .design-entry-card{
    display:block!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.backend-page[data-page="create-order"] .shirt-preview-panel.saved-design-panel{
    display:block!important;
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  body.backend-page[data-page="create-order"] .saved-design-panel .preview-head.preview-head-with-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
    margin:0 0 9px!important;
    padding:0!important;
  }
  body.backend-page[data-page="create-order"] .saved-design-panel .preview-title-block{
    min-width:0!important;
    max-width:none!important;
  }
  body.backend-page[data-page="create-order"] .saved-design-panel .preview-title-block strong{
    display:block!important;
    margin:0 0 2px!important;
    font-size:14px!important;
    line-height:1.25!important;
  }
  body.backend-page[data-page="create-order"] .saved-design-panel .preview-subdesc{
    display:block!important;
    margin:0!important;
    font-size:11px!important;
    line-height:1.35!important;
    color:#64748b!important;
  }
  body.backend-page[data-page="create-order"] .saved-design-panel .preview-header-actions,
  body.backend-page[data-page="create-order"] .saved-design-panel .preview-inline-actions{
    display:block!important;
    width:auto!important;
    margin:0!important;
  }
  body.backend-page[data-page="create-order"] .saved-design-panel #openDesignEditorBtn,
  body.backend-page[data-page="create-order"] .saved-design-panel #editDesignAgainBtn,
  body.backend-page[data-page="create-order"] .saved-design-panel .compact-editor-btn{
    width:auto!important;
    min-width:92px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    padding:0 12px!important;
    border-radius:9px!important;
    font-size:12px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  body.backend-page[data-page="create-order"] .summary-mobile-side-switch{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:3px!important;
    width:188px!important;
    max-width:100%!important;
    margin:0 auto 8px!important;
    padding:3px!important;
    border:1px solid #dfe7f0!important;
    border-radius:10px!important;
    background:#edf2f7!important;
  }
  body.backend-page[data-page="create-order"] .summary-mobile-side-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:30px!important;
    min-height:30px!important;
    padding:0 8px!important;
    border:0!important;
    border-radius:7px!important;
    background:transparent!important;
    color:#64748b!important;
    font-size:12px!important;
    font-weight:700!important;
    box-shadow:none!important;
  }
  body.backend-page[data-page="create-order"] .summary-mobile-side-btn.is-active{
    background:#fff!important;
    color:#2457c5!important;
    box-shadow:0 1px 5px rgba(15,23,42,.08)!important;
  }
  body.backend-page[data-page="create-order"] .summary-dual-grid{
    display:block!important;
    width:100%!important;
  }
  body.backend-page[data-page="create-order"] .summary-side-card{
    display:none!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.backend-page[data-page="create-order"] .summary-side-card.is-summary-active{
    display:block!important;
  }
  body.backend-page[data-page="create-order"] .summary-side-label{
    display:none!important;
  }
  body.backend-page[data-page="create-order"]{
    --tsh-preview-plane-w:clamp(232px,69vw,270px)!important;
    --tsh-preview-plane-h:calc(var(--tsh-preview-plane-w) * 1.0833)!important;
  }
  body.backend-page[data-page="create-order"] .summary-artboard,
  body.backend-page[data-page="create-order"] .shirt-artboard.summary-artboard{
    width:min(100%,300px)!important;
    max-width:300px!important;
    height:320px!important;
    min-height:320px!important;
    max-height:320px!important;
    aspect-ratio:auto!important;
    margin:0 auto!important;
    padding:6px!important;
    border:1px solid #dfe7f0!important;
    border-radius:14px!important;
    background:#e9eff6!important;
    background-image:linear-gradient(135deg,#edf3fa 0%,#e5edf6 100%)!important;
    overflow:hidden!important;
  }
  body.backend-page[data-page="create-order"] .summary-design-layer{
    width:var(--tsh-preview-plane-w)!important;
    height:var(--tsh-preview-plane-h)!important;
    max-width:var(--tsh-preview-plane-w)!important;
    max-height:var(--tsh-preview-plane-h)!important;
  }
  body.backend-page[data-page="create-order"] .preview-note{
    margin:7px auto 0!important;
    max-width:300px!important;
    font-size:10.5px!important;
    line-height:1.35!important;
    text-align:center!important;
    color:#64748b!important;
  }
}
@media (max-width:380px){
  body.backend-page[data-page="create-order"]{
    --tsh-preview-plane-w:clamp(220px,68vw,248px)!important;
  }
  body.backend-page[data-page="create-order"] .summary-artboard,
  body.backend-page[data-page="create-order"] .shirt-artboard.summary-artboard{
    width:min(100%,278px)!important;
    max-width:278px!important;
    height:298px!important;
    min-height:298px!important;
    max-height:298px!important;
  }
}


/* V1175.86 — sales-page PC image panel compact cleanup (mobile untouched) */
@media (min-width:761px){
  body.backend-page[data-page="sales-page"] .sales-image-card{
    padding:14px 16px!important;
  }
  body.backend-page[data-page="sales-page"] .sales-image-card .profile-card-head{
    margin-bottom:10px!important;
    padding-bottom:9px!important;
  }
  body.backend-page[data-page="sales-page"] .sales-image-card .sales-images-stack{
    grid-template-columns:132px minmax(0,1fr)!important;
    grid-template-areas:
      "logo banner"
      "cases cases"!important;
    gap:10px 14px!important;
    align-content:start!important;
  }

  body.backend-page[data-page="sales-page"] .sales-logo-card,
  body.backend-page[data-page="sales-page"] .sales-banner-card{
    min-width:0!important;
    padding:8px!important;
    border:1px solid #e5eaf1!important;
    border-radius:10px!important;
    background:#fbfcfe!important;
  }
  body.backend-page[data-page="sales-page"] .sales-asset-head{
    margin:0 0 6px!important;
  }
  body.backend-page[data-page="sales-page"] .sales-asset-head>div{
    display:block!important;
  }
  body.backend-page[data-page="sales-page"] .sales-asset-head strong{
    display:block!important;
    margin:0!important;
    font-size:12px!important;
    line-height:1.25!important;
  }
  body.backend-page[data-page="sales-page"] .sales-asset-head small{
    display:block!important;
    margin:2px 0 0!important;
    font-size:10.5px!important;
    line-height:1.3!important;
    color:#667085!important;
  }

  body.backend-page[data-page="sales-page"] .sales-logo-card{
    display:grid!important;
    grid-template-rows:auto 58px 28px!important;
    align-content:start!important;
  }
  body.backend-page[data-page="sales-page"] .sales-logo-preview{
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    min-height:58px!important;
    max-width:58px!important;
    max-height:58px!important;
    margin:0 auto!important;
    padding:5px!important;
    border:1px solid #dfe6ef!important;
    border-radius:9px!important;
    background:#fff!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  body.backend-page[data-page="sales-page"] .sales-logo-preview img{
    width:100%!important;
    height:100%!important;
    max-width:48px!important;
    max-height:48px!important;
    object-fit:contain!important;
    object-position:center!important;
    border-radius:6px!important;
  }
  body.backend-page[data-page="sales-page"] .sales-logo-card .sales-upload-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px!important;
    width:100%!important;
    margin:5px 0 0!important;
  }

  body.backend-page[data-page="sales-page"] .sales-banner-card{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 82px!important;
    grid-template-areas:
      "head head"
      "preview actions"!important;
    align-items:center!important;
    gap:6px 8px!important;
  }
  body.backend-page[data-page="sales-page"] .sales-banner-card .sales-asset-head{
    grid-area:head!important;
  }
  body.backend-page[data-page="sales-page"] .sales-banner-card .sales-image-preview.wide,
  body.backend-page[data-page="sales-page"] .sales-banner-card #bannerImagePreview{
    grid-area:preview!important;
    width:100%!important;
    height:132px!important;
    min-height:132px!important;
    max-height:132px!important;
    aspect-ratio:auto!important;
    margin:0!important;
    border-radius:9px!important;
    overflow:hidden!important;
  }
  body.backend-page[data-page="sales-page"] .sales-banner-card .sales-image-preview.wide img,
  body.backend-page[data-page="sales-page"] .sales-banner-card #bannerImagePreview img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  body.backend-page[data-page="sales-page"] .sales-banner-card .sales-upload-actions{
    grid-area:actions!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    align-self:center!important;
    gap:6px!important;
    width:82px!important;
    min-width:82px!important;
    max-width:82px!important;
    margin:0!important;
  }

  body.backend-page[data-page="sales-page"] .sales-image-card .sales-upload-actions .btn{
    width:100%!important;
    min-width:0!important;
    height:28px!important;
    min-height:28px!important;
    padding:0 7px!important;
    border-radius:7px!important;
    font-size:10.5px!important;
    line-height:1!important;
  }

  body.backend-page[data-page="sales-page"] .sales-cases-section{
    padding-top:9px!important;
  }
  body.backend-page[data-page="sales-page"] .sales-cases-head{
    margin:0 0 7px!important;
  }
  body.backend-page[data-page="sales-page"] .sales-case-grid,
  body.backend-page[data-page="sales-page"] .sales-right-column .sales-case-grid,
  body.backend-page[data-page="sales-page"] .sales-settings-page .sales-case-grid{
    gap:8px!important;
  }
  body.backend-page[data-page="sales-page"] .sales-case-item{
    padding:6px!important;
    gap:5px!important;
    border-radius:9px!important;
  }
  body.backend-page[data-page="sales-page"] .sales-case-name{
    min-height:16px!important;
    justify-content:center!important;
    gap:3px!important;
  }
  body.backend-page[data-page="sales-page"] .sales-case-name strong{
    font-size:11px!important;
  }
  body.backend-page[data-page="sales-page"] .sales-case-name small{
    font-size:10px!important;
  }
  body.backend-page[data-page="sales-page"] .sales-case-item .sales-image-preview{
    width:100%!important;
    height:104px!important;
    min-height:104px!important;
    max-height:104px!important;
    aspect-ratio:auto!important;
    border-radius:8px!important;
    overflow:hidden!important;
  }
  body.backend-page[data-page="sales-page"] .sales-case-item .sales-image-preview img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  body.backend-page[data-page="sales-page"] .sales-case-item .sales-upload-actions.compact{
    gap:5px!important;
  }
  body.backend-page[data-page="sales-page"] .sales-cases-section>.sales-help{
    margin-top:6px!important;
    font-size:10.5px!important;
    line-height:1.35!important;
  }
}

/* V1175.88 — sales-page PC logo/banner equal-height cleanup (mobile untouched) */
@media (min-width:761px){
  body.backend-page[data-page="sales-page"] .sales-right-column .sales-image-card{
    padding:13px 15px!important;
  }
  body.backend-page[data-page="sales-page"] .sales-right-column .sales-images-stack{
    grid-template-columns:148px minmax(0,1fr)!important;
    gap:10px 12px!important;
    align-items:stretch!important;
  }

  body.backend-page[data-page="sales-page"] .sales-right-column .sales-logo-card,
  body.backend-page[data-page="sales-page"] .sales-right-column .sales-banner-card{
    height:150px!important;
    min-height:150px!important;
    max-height:150px!important;
    align-self:stretch!important;
    overflow:hidden!important;
    padding:9px!important;
    border-radius:11px!important;
    background:#fbfcfe!important;
  }

  body.backend-page[data-page="sales-page"] .sales-right-column .sales-asset-head{
    margin:0 0 7px!important;
  }
  body.backend-page[data-page="sales-page"] .sales-right-column .sales-asset-head strong{
    font-size:11.5px!important;
    line-height:1.2!important;
  }
  body.backend-page[data-page="sales-page"] .sales-right-column .sales-asset-head small{
    margin-top:2px!important;
    font-size:10px!important;
    line-height:1.3!important;
  }

  body.backend-page[data-page="sales-page"] .sales-right-column .sales-logo-card{
    display:grid!important;
    grid-template-rows:auto 1fr auto!important;
    justify-items:center!important;
  }
  body.backend-page[data-page="sales-page"] .sales-right-column .sales-logo-preview{
    width:62px!important;
    height:62px!important;
    min-width:62px!important;
    min-height:62px!important;
    max-width:62px!important;
    max-height:62px!important;
    margin:auto!important;
    padding:6px!important;
    border:1px solid #dfe6ef!important;
    border-radius:10px!important;
    background:#ffffff!important;
    box-shadow:0 1px 2px rgba(15,23,42,.03)!important;
  }
  body.backend-page[data-page="sales-page"] .sales-right-column .sales-logo-preview img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    border-radius:6px!important;
    display:block!important;
  }
  body.backend-page[data-page="sales-page"] .sales-right-column .sales-logo-card .sales-upload-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    width:100%!important;
    margin-top:8px!important;
  }

  body.backend-page[data-page="sales-page"] .sales-right-column .sales-banner-card{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 78px!important;
    grid-template-rows:auto 1fr!important;
    grid-template-areas:
      "head head"
      "preview actions"!important;
    gap:7px 8px!important;
    align-items:stretch!important;
  }
  body.backend-page[data-page="sales-page"] .sales-right-column .sales-banner-card .sales-asset-head{
    grid-area:head!important;
  }
  body.backend-page[data-page="sales-page"] .sales-right-column .sales-banner-card .sales-image-preview.wide,
  body.backend-page[data-page="sales-page"] .sales-right-column .sales-banner-card #bannerImagePreview{
    grid-area:preview!important;
    width:100%!important;
    height:96px!important;
    min-height:96px!important;
    max-height:96px!important;
    margin:0!important;
    border-radius:10px!important;
    overflow:hidden!important;
    background:#eef3f8!important;
  }
  body.backend-page[data-page="sales-page"] .sales-right-column .sales-banner-card .sales-image-preview.wide img,
  body.backend-page[data-page="sales-page"] .sales-right-column .sales-banner-card #bannerImagePreview img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    display:block!important;
  }
  body.backend-page[data-page="sales-page"] .sales-right-column .sales-banner-card .sales-upload-actions{
    grid-area:actions!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    width:78px!important;
    min-width:78px!important;
    max-width:78px!important;
    align-self:center!important;
    justify-self:end!important;
    margin:0!important;
  }

  body.backend-page[data-page="sales-page"] .sales-right-column .sales-image-card .sales-upload-actions .btn{
    width:100%!important;
    min-width:0!important;
    height:30px!important;
    min-height:30px!important;
    padding:0 8px!important;
    border-radius:8px!important;
    font-size:11px!important;
    line-height:1!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  body.backend-page[data-page="sales-page"] .sales-right-column .sales-cases-section{
    padding-top:8px!important;
  }
  body.backend-page[data-page="sales-page"] .sales-right-column .sales-case-grid{
    gap:8px!important;
  }
  body.backend-page[data-page="sales-page"] .sales-right-column .sales-case-item{
    padding:6px!important;
  }
}