/* ==========================================================================
   ChinaBe Client Workspace 2026
   Final responsive layer for the customer cabinet.
   Loaded after typography-2026.css by App::render().
   ========================================================================== */

body.workspace{
  --cc-bg:#f3f6fa;
  --cc-surface:#fff;
  --cc-text:#10243c;
  --cc-muted:#718196;
  --cc-line:#dce4ed;
  --cc-line-soft:#ebf0f5;
  --cc-blue:#1267a8;
  --cc-blue-soft:#edf5fb;
  --cc-red:#e72d34;
  --cc-red-hover:#d8242b;
  --cc-green:#177245;
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
  overflow-x:hidden!important;
  background:var(--cc-bg)!important;
  color:var(--cc-text)!important;
}

body.workspace *{box-sizing:border-box}
body.workspace .workspace-main{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  padding:28px 0 68px!important;
}
body.workspace .wrap{
  width:min(1180px,calc(100% - 40px))!important;
  max-width:1180px!important;
  min-width:0!important;
  margin-inline:auto!important;
  padding:0!important;
}
body.workspace .panel{
  min-width:0!important;
  border:1px solid var(--cc-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:none!important;
}

/* ---------- Header ---------- */
body.workspace .workspace-head{
  position:sticky!important;
  top:0!important;
  z-index:80!important;
  width:100%!important;
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid var(--cc-line)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
body.workspace .workspace-head-inner{
  min-height:66px!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
}
body.workspace .workspace-brand{
  min-width:184px!important;
  width:auto!important;
  height:50px!important;
  display:flex!important;
  align-items:center!important;
}
body.workspace .workspace-brand picture,
body.workspace .workspace-brand img{
  display:block!important;
  width:auto!important;
  max-width:184px!important;
  height:50px!important;
  max-height:50px!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:none!important;
  opacity:1!important;
}
body.workspace .workspace-nav{
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
}
body.workspace .workspace-nav a,
body.workspace .workspace-nav button{
  min-height:38px!important;
  padding:8px 10px!important;
  border-radius:9px!important;
  font-size:12.5px!important;
  font-weight:680!important;
}
body.workspace .workspace-nav a.active{
  background:var(--cc-blue-soft)!important;
  color:#0f578d!important;
}

/* ---------- Typography ---------- */
body.workspace .page-heading,
body.workspace .order-new-head,
body.workspace .order-editor-head,
body.workspace .profile-hero{
  margin-top:0!important;
}
body.workspace .page-heading h1,
body.workspace .order-new-head h1,
body.workspace .order-editor-head h1,
body.workspace .profile-hero h1{
  color:var(--cc-text)!important;
  font-size:clamp(32px,3.2vw,42px)!important;
  line-height:1.06!important;
  font-weight:760!important;
  letter-spacing:-.035em!important;
}
body.workspace .page-heading p,
body.workspace .order-new-head p,
body.workspace .order-editor-head p,
body.workspace .profile-hero p{
  color:var(--cc-muted)!important;
  font-size:14px!important;
  line-height:1.55!important;
}
body.workspace h2{color:var(--cc-text)}
body.workspace .eyebrow{
  color:#12649e!important;
  font-size:10.5px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
}

/* ---------- Controls ---------- */
body.workspace .btn{
  min-height:42px!important;
  padding:9px 14px!important;
  border-radius:10px!important;
  font-size:13px!important;
  font-weight:700!important;
}
body.workspace .btn.primary{
  border-color:var(--cc-red)!important;
  background:var(--cc-red)!important;
  color:#fff!important;
  box-shadow:none!important;
}
body.workspace .btn.primary:hover{background:var(--cc-red-hover)!important}
body.workspace .btn.secondary{
  border-color:#ced8e3!important;
  background:#fff!important;
  color:#263d55!important;
}
body.workspace .field{
  min-width:0!important;
  display:grid!important;
  gap:6px!important;
  color:#344b64!important;
  font-size:12.5px!important;
  font-weight:650!important;
}
body.workspace .field>span{margin:0!important}
body.workspace .field input,
body.workspace .field select,
body.workspace .field textarea{
  width:100%!important;
  min-width:0!important;
  min-height:46px!important;
  margin:0!important;
  padding:10px 12px!important;
  border:1px solid #cbd6e1!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#142a42!important;
  font-size:14.5px!important;
  line-height:1.4!important;
  outline:none!important;
}
body.workspace .field textarea{min-height:96px!important;resize:vertical!important}
body.workspace .field input:focus,
body.workspace .field select:focus,
body.workspace .field textarea:focus{
  border-color:#73a8d1!important;
  box-shadow:0 0 0 3px rgba(18,103,168,.09)!important;
}

/* ---------- Cabinet home ---------- */
body.workspace.client-route-cabinet .page-heading{
  margin-bottom:20px!important;
}
body.workspace.client-route-cabinet .cabinet-actions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin-bottom:28px!important;
}
body.workspace.client-route-cabinet .cabinet-primary-tool{
  grid-column:1/-1!important;
  min-height:0!important;
  padding:20px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:22px!important;
  border-color:#d6e2ec!important;
  background:linear-gradient(135deg,#fff 0%,#fbfdff 100%)!important;
}
body.workspace.client-route-cabinet .cabinet-primary-tool h2{
  margin:0 0 4px!important;
  font-size:22px!important;
}
body.workspace.client-route-cabinet .cabinet-primary-tool p{
  max-width:720px!important;
  font-size:13px!important;
  line-height:1.5!important;
}
body.workspace.client-route-cabinet .cabinet-primary-tool .btn{
  min-width:170px!important;
}
body.workspace.client-route-cabinet .cabinet-secondary-tool{
  min-height:138px!important;
  padding:16px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  gap:14px!important;
}
body.workspace.client-route-cabinet .cabinet-secondary-tool h2{
  margin:0 0 4px!important;
  font-size:17px!important;
}
body.workspace.client-route-cabinet .cabinet-secondary-tool p{
  margin:0!important;
  color:var(--cc-muted)!important;
  font-size:11.5px!important;
  line-height:1.45!important;
}
body.workspace.client-route-cabinet .tool-badge{
  margin-bottom:6px!important;
  padding:4px 7px!important;
  font-size:9.5px!important;
  letter-spacing:.06em!important;
}
body.workspace.client-route-cabinet .orders-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
body.workspace.client-route-cabinet .order-card{
  padding:14px!important;
  gap:10px!important;
}

/* ---------- New order ---------- */
body.workspace.client-route-orders-new .order-flow-wrap{
  max-width:1040px!important;
}
body.workspace.client-route-orders-new .order-new-head{
  margin:12px 0 18px!important;
}
body.workspace.client-route-orders-new .no-autosave-badge{
  max-width:300px!important;
  padding:9px 11px!important;
}
body.workspace.client-route-orders-new .delivery-picker{
  border-radius:16px!important;
}
body.workspace.client-route-orders-new .delivery-choice-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  padding:14px!important;
}
body.workspace.client-route-orders-new .delivery-choice-card{
  min-height:132px!important;
  padding:14px!important;
}
body.workspace.client-route-orders-new .order-start-actions{
  margin:12px 0 28px!important;
}

/* ---------- Order editor ---------- */
body.workspace.client-route-order-edit .order-flow-wrap{
  max-width:1180px!important;
}
body.workspace.client-route-order-edit .order-editor-head{
  margin:10px 0 18px!important;
}
body.workspace.client-route-order-edit .order-editor-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 290px!important;
  gap:14px!important;
  align-items:start!important;
}
body.workspace.client-route-order-edit .order-editor-main{min-width:0!important}
body.workspace.client-route-order-edit .order-editor-side{
  position:sticky!important;
  top:82px!important;
  display:grid!important;
  gap:9px!important;
}
body.workspace.client-route-order-edit .compact-section-head{
  min-height:66px!important;
  padding:13px 15px!important;
}
body.workspace.client-route-order-edit .delivery-summary{
  padding:14px!important;
}
body.workspace.client-route-order-edit .products-section{margin-top:16px!important}
body.workspace.client-route-order-edit .products-heading{
  margin:0 0 9px!important;
}
body.workspace.client-route-order-edit .product-editor-card{
  margin-bottom:10px!important;
  border-radius:15px!important;
}
body.workspace.client-route-order-edit .product-editor-head{
  min-height:54px!important;
  padding:9px 11px!important;
}
body.workspace.client-route-order-edit .product-editor-body{
  grid-template-columns:132px minmax(0,1fr)!important;
  gap:14px!important;
  padding:14px!important;
}
body.workspace.client-route-order-edit .photo-stack{
  grid-template-columns:1fr!important;
  gap:7px!important;
}
body.workspace.client-route-order-edit .photo-card,
body.workspace.client-route-order-edit .photo-add{
  width:100%!important;
  max-width:108px!important;
  aspect-ratio:1/1!important;
}
body.workspace.client-route-order-edit .priority-fields{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 120px!important;
  gap:10px!important;
  align-items:start!important;
}
body.workspace.client-route-order-edit .priority-fields .full{grid-column:auto!important}
body.workspace.client-route-order-edit .priority-field{margin-bottom:10px!important}
body.workspace.client-route-order-edit .product-more{
  margin-top:10px!important;
  border-top:1px solid var(--cc-line-soft)!important;
}
body.workspace.client-route-order-edit .product-more summary{
  min-height:40px!important;
  padding:10px 2px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  color:#546a80!important;
  font-size:12px!important;
}
body.workspace.client-route-order-edit .optional-product-fields{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  padding:10px 0 2px!important;
}
body.workspace.client-route-order-edit .optional-product-fields .full{
  grid-column:1/-1!important;
}
body.workspace.client-route-order-edit .order-side-card{
  padding:14px!important;
  border-radius:13px!important;
}
body.workspace.client-route-order-edit .totals-mini strong{
  font-size:24px!important;
}
body.workspace.client-route-order-edit .order-action-bar{
  position:sticky!important;
  bottom:max(10px,env(safe-area-inset-bottom))!important;
  z-index:35!important;
  margin:14px 0!important;
  padding:9px 10px!important;
  border-radius:13px!important;
  box-shadow:0 14px 36px rgba(16,39,70,.13)!important;
}
body.workspace.client-route-order-edit .delete-draft-bottom{
  margin:12px 0 28px!important;
}

/* ---------- Order list ---------- */
body.workspace.client-route-orders .order-list-modern{
  gap:8px!important;
}
body.workspace.client-route-orders .order-row-modern{
  border-radius:14px!important;
}
body.workspace.client-route-orders .order-row-main{
  min-height:82px!important;
  padding-top:13px!important;
  padding-bottom:13px!important;
}

/* ---------- Address book ---------- */
body.workspace.client-route-address-book .address-layout{
  grid-template-columns:minmax(0,1fr) 360px!important;
  gap:14px!important;
}
body.workspace.client-route-address-book .address-card{
  padding:14px!important;
}
body.workspace.client-route-address-book .address-form-card{
  top:82px!important;
}
body.workspace.client-route-address-book .address-form-grid{
  gap:10px!important;
  padding:14px!important;
}

/* ---------- Profile ---------- */
body.workspace.client-route-profile .profile-shell{
  max-width:1180px!important;
}
body.workspace.client-route-profile .profile-layout{
  grid-template-columns:minmax(0,1fr) 280px!important;
  gap:12px!important;
}
body.workspace.client-route-profile .profile-card,
body.workspace.client-route-profile .profile-account-card,
body.workspace.client-route-profile .profile-section-nav{
  border-radius:14px!important;
}
body.workspace.client-route-profile .profile-card-head{
  min-height:68px!important;
  padding:13px 15px!important;
}
body.workspace.client-route-profile .profile-form{
  gap:12px!important;
  padding:15px!important;
}

/* ---------- Footer: compact workspace footer, not a second landing page ---------- */
body.workspace .workspace-site-footer{
  margin-top:0!important;
  padding:0!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  background:#102b4d!important;
}
body.workspace .workspace-site-footer .footer-main{
  width:min(1180px,calc(100% - 40px))!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:28px 0 22px!important;
  display:grid!important;
  grid-template-columns:minmax(260px,1.3fr) repeat(3,minmax(150px,.7fr))!important;
  gap:26px!important;
  align-items:start!important;
}
body.workspace .workspace-site-footer .footer-logo{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
}
body.workspace .workspace-site-footer .footer-logo img{
  display:block!important;
  width:auto!important;
  max-width:190px!important;
  height:auto!important;
  max-height:72px!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:none!important;
  opacity:1!important;
}
body.workspace .workspace-site-footer .footer-brand p{
  max-width:360px!important;
  margin:10px 0!important;
  color:#aec2d9!important;
  font-size:12px!important;
  line-height:1.5!important;
}
body.workspace .workspace-site-footer .footer-brand-meta{
  display:flex!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  color:#8198b3!important;
  font-size:10.5px!important;
}
body.workspace .workspace-site-footer .footer-title{
  margin:0 0 9px!important;
  color:#8fa8c3!important;
  font-size:9.5px!important;
  font-weight:800!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
}
body.workspace .workspace-site-footer .footer-column{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
}
body.workspace .workspace-site-footer .footer-column a,
body.workspace .workspace-site-footer .footer-column strong,
body.workspace .workspace-site-footer .footer-column span{
  font-size:11.5px!important;
  line-height:1.35!important;
}
body.workspace .workspace-site-footer .footer-bottom{
  width:min(1180px,calc(100% - 40px))!important;
  max-width:1180px!important;
  min-height:46px!important;
  margin:0 auto!important;
  padding:11px 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  border-top:1px solid rgba(255,255,255,.09)!important;
  color:#8299b4!important;
  font-size:10.5px!important;
}

/* ====================== Tablet ====================== */
@media(max-width:960px){
  body.workspace .wrap{
    width:min(100% - 32px,1180px)!important;
  }
  body.workspace .workspace-main{padding-top:22px!important}

  body.workspace.client-route-cabinet .cabinet-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.workspace.client-route-cabinet .cabinet-primary-tool{grid-column:1/-1!important}
  body.workspace.client-route-cabinet .cabinet-secondary-tool:last-child{grid-column:1/-1!important}

  body.workspace.client-route-order-edit .order-editor-layout,
  body.workspace.client-route-address-book .address-layout,
  body.workspace.client-route-profile .profile-layout{
    grid-template-columns:1fr!important;
  }
  body.workspace.client-route-order-edit .order-editor-side,
  body.workspace.client-route-address-book .address-form-card,
  body.workspace.client-route-profile .profile-side-column{
    position:static!important;
  }
  body.workspace.client-route-order-edit .order-editor-side{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  body.workspace .workspace-site-footer .footer-main{
    grid-template-columns:1.2fr 1fr 1fr!important;
  }
  body.workspace .workspace-site-footer .footer-company{
    grid-column:2/-1!important;
  }
}

/* ====================== Mobile ====================== */
@media(max-width:760px){
  html,body.workspace{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  body.workspace .wrap{
    width:100%!important;
    max-width:none!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
  body.workspace .workspace-main{
    padding:18px 0 46px!important;
  }

  /* Compact mobile header */
  body.workspace .workspace-head-inner{
    min-height:58px!important;
    padding-left:12px!important;
    padding-right:12px!important;
    gap:10px!important;
  }
  body.workspace .workspace-menu-toggle{
    display:inline-grid!important;
    place-items:center!important;
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    padding:0!important;
    border:1px solid var(--cc-line)!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#2e465f!important;
    font-size:0!important;
  }
  body.workspace .workspace-menu-toggle::before{
    content:"☰";
    font-size:16px!important;
    line-height:1!important;
  }
  body.workspace .workspace-brand{
    min-width:42px!important;
    width:42px!important;
    height:42px!important;
  }
  body.workspace .workspace-brand picture,
  body.workspace .workspace-brand img{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    max-height:42px!important;
  }
  body.workspace .workspace-nav{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    top:66px!important;
    z-index:95!important;
    display:none!important;
    max-height:calc(100dvh - 78px)!important;
    overflow:auto!important;
    margin:0!important;
    padding:8px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    border:1px solid var(--cc-line)!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 22px 60px rgba(16,36,60,.18)!important;
  }
  body.workspace.menu-open .workspace-nav{display:flex!important}
  body.workspace .workspace-nav a,
  body.workspace .workspace-nav button{
    width:100%!important;
    min-height:44px!important;
    justify-content:flex-start!important;
    font-size:13.5px!important;
  }
  body.workspace .workspace-nav .lang-switch{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  body.workspace .workspace-nav .lang-switch form,
  body.workspace .workspace-nav .lang-switch button{width:100%!important}

  /* Mobile type hierarchy */
  body.workspace .page-heading,
  body.workspace .order-new-head,
  body.workspace .order-editor-head,
  body.workspace .profile-hero{
    margin-bottom:16px!important;
    gap:10px!important;
  }
  body.workspace .page-heading h1,
  body.workspace .order-new-head h1,
  body.workspace .order-editor-head h1,
  body.workspace .profile-hero h1{
    font-size:32px!important;
    line-height:1.08!important;
  }
  body.workspace .page-heading p,
  body.workspace .order-new-head p,
  body.workspace .order-editor-head p,
  body.workspace .profile-hero p{
    margin-top:6px!important;
    font-size:13.5px!important;
    line-height:1.5!important;
  }
  body.workspace .eyebrow{
    margin-bottom:5px!important;
    font-size:10px!important;
  }
  body.workspace .panel{border-radius:14px!important}
  body.workspace .field input,
  body.workspace .field select,
  body.workspace .field textarea{
    min-height:48px!important;
    font-size:16px!important;
  }

  /* Cabinet: one clear primary action + compact utilities */
  body.workspace.client-route-cabinet .cabinet-actions{
    grid-template-columns:1fr!important;
    gap:9px!important;
    margin-bottom:22px!important;
  }
  body.workspace.client-route-cabinet .cabinet-primary-tool{
    grid-column:auto!important;
    padding:16px!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  body.workspace.client-route-cabinet .cabinet-primary-tool h2{font-size:20px!important}
  body.workspace.client-route-cabinet .cabinet-primary-tool .btn{
    width:100%!important;
    min-width:0!important;
  }
  body.workspace.client-route-cabinet .cabinet-secondary-tool{
    min-height:0!important;
    padding:14px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:12px!important;
  }
  body.workspace.client-route-cabinet .cabinet-secondary-tool:last-child{grid-column:auto!important}
  body.workspace.client-route-cabinet .cabinet-secondary-tool p{display:none!important}
  body.workspace.client-route-cabinet .cabinet-secondary-tool .tool-badge{margin-bottom:4px!important}
  body.workspace.client-route-cabinet .cabinet-secondary-tool .btn{
    width:auto!important;
    min-width:104px!important;
    white-space:nowrap!important;
  }
  body.workspace.client-route-cabinet .orders-grid{grid-template-columns:1fr!important}

  /* New order */
  body.workspace.client-route-orders-new .order-breadcrumb{margin-bottom:10px!important}
  body.workspace.client-route-orders-new .order-new-head{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  body.workspace.client-route-orders-new .no-autosave-badge{
    max-width:none!important;
    padding:10px 11px!important;
    font-size:11.5px!important;
  }
  body.workspace.client-route-orders-new .compact-section-head{
    flex-direction:column!important;
    align-items:flex-start!important;
    padding:14px!important;
  }
  body.workspace.client-route-orders-new .delivery-choice-grid{
    grid-template-columns:1fr!important;
    padding:12px!important;
  }
  body.workspace.client-route-orders-new .delivery-choice-card{
    min-height:0!important;
    padding:14px!important;
  }
  body.workspace.client-route-orders-new .order-start-actions{
    position:sticky!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    z-index:25!important;
    grid-template-columns:1fr 1.35fr!important;
    margin:14px 0 24px!important;
    padding:8px!important;
    border:1px solid var(--cc-line)!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 14px 34px rgba(16,39,70,.12)!important;
    backdrop-filter:blur(12px)!important;
  }

  /* Editor */
  body.workspace.client-route-order-edit .order-editor-head{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  body.workspace.client-route-order-edit .order-number-line{
    align-items:center!important;
    gap:6px!important;
  }
  body.workspace.client-route-order-edit .order-head-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    width:100%!important;
  }
  body.workspace.client-route-order-edit .order-editor-layout{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
  }
  body.workspace.client-route-order-edit .compact-section-head{
    min-height:0!important;
    padding:13px 14px!important;
    flex-direction:column!important;
    align-items:flex-start!important;
  }
  body.workspace.client-route-order-edit .delivery-summary{
    grid-template-columns:1fr!important;
    padding:12px 14px!important;
  }
  body.workspace.client-route-order-edit .delivery-summary>div,
  body.workspace.client-route-order-edit .delivery-summary>div:first-child,
  body.workspace.client-route-order-edit .delivery-summary>div:nth-child(2),
  body.workspace.client-route-order-edit .delivery-summary>div:nth-child(3){
    border-right:0!important;
    border-top:1px solid var(--cc-line-soft)!important;
    padding:10px 0!important;
    margin:0!important;
  }
  body.workspace.client-route-order-edit .delivery-summary>div:first-child{border-top:0!important}
  body.workspace.client-route-order-edit .delivery-select{margin:0 14px 14px!important}
  body.workspace.client-route-order-edit .products-heading{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
  }
  body.workspace.client-route-order-edit .products-heading .btn{width:100%!important}
  body.workspace.client-route-order-edit .product-editor-head{
    padding:9px 10px!important;
  }
  body.workspace.client-route-order-edit .product-editor-body{
    grid-template-columns:1fr!important;
    padding:12px!important;
  }
  body.workspace.client-route-order-edit .photo-stack{
    display:flex!important;
    gap:7px!important;
    overflow-x:auto!important;
    padding-bottom:3px!important;
  }
  body.workspace.client-route-order-edit .photo-card,
  body.workspace.client-route-order-edit .photo-add{
    flex:0 0 88px!important;
    width:88px!important;
    max-width:88px!important;
    height:88px!important;
    aspect-ratio:auto!important;
  }
  body.workspace.client-route-order-edit .priority-fields{
    grid-template-columns:minmax(0,1fr) 92px!important;
    gap:9px!important;
  }
  body.workspace.client-route-order-edit .priority-fields .field.full{grid-column:auto!important}
  body.workspace.client-route-order-edit .optional-product-fields{
    grid-template-columns:1fr!important;
  }
  body.workspace.client-route-order-edit .optional-product-fields .full{grid-column:auto!important}
  body.workspace.client-route-order-edit .buyer-response-grid{grid-template-columns:1fr 1fr!important}
  body.workspace.client-route-order-edit .order-editor-side{
    order:3!important;
    position:static!important;
    grid-template-columns:1fr!important;
  }
  body.workspace.client-route-order-edit .order-action-bar{
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    padding:8px!important;
    gap:8px!important;
    flex-direction:column!important;
  }
  body.workspace.client-route-order-edit .save-state{
    width:100%!important;
    padding:0 4px!important;
    font-size:10.5px!important;
  }
  body.workspace.client-route-order-edit .order-action-buttons{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  body.workspace.client-route-order-edit .order-action-buttons .btn{
    width:100%!important;
    min-height:46px!important;
  }
  body.workspace.client-route-order-edit .delete-draft-bottom{
    margin-bottom:20px!important;
  }

  /* Order list */
  body.workspace.client-route-orders .orders-heading{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  body.workspace.client-route-orders .orders-heading .btn{width:100%!important}
  body.workspace.client-route-orders .order-row-main{
    grid-template-columns:1fr auto!important;
    padding:13px 40px 13px 13px!important;
  }
  body.workspace.client-route-orders .order-row-info,
  body.workspace.client-route-orders .order-row-stats{grid-column:1/-1!important}
  body.workspace.client-route-orders .order-row-stats{
    grid-template-columns:1fr 1fr!important;
  }

  /* Address book */
  body.workspace.client-route-address-book .address-heading{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  body.workspace.client-route-address-book .address-heading .btn{width:100%!important}
  body.workspace.client-route-address-book .address-card-grid{grid-template-columns:1fr!important}
  body.workspace.client-route-address-book .address-form-grid{
    grid-template-columns:1fr!important;
  }
  body.workspace.client-route-address-book .address-form-grid .full{grid-column:auto!important}

  /* Profile */
  body.workspace.client-route-profile .profile-hero{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  body.workspace.client-route-profile .profile-form,
  body.workspace.client-route-profile .profile-security-form{
    grid-template-columns:1fr!important;
    padding:14px!important;
  }
  body.workspace.client-route-profile .profile-wide,
  body.workspace.client-route-profile .profile-security-form .profile-form-actions{
    grid-column:auto!important;
  }
  body.workspace.client-route-profile .profile-card-head{
    min-height:0!important;
    padding:13px 14px!important;
  }
  body.workspace.client-route-profile .profile-delivery-form{
    grid-template-columns:1fr!important;
    padding:14px 14px 0!important;
  }
  body.workspace.client-route-profile .profile-delivery-preview{
    grid-template-columns:1fr!important;
    padding:10px 14px 14px!important;
  }

  /* Footer becomes a compact utility footer, not several phone screens. */
  body.workspace .workspace-site-footer .footer-main{
    width:100%!important;
    max-width:none!important;
    padding:24px 16px 18px!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  body.workspace .workspace-site-footer .footer-logo img{
    max-width:170px!important;
    max-height:64px!important;
  }
  body.workspace .workspace-site-footer .footer-brand p{
    margin:8px 0!important;
    font-size:11.5px!important;
  }
  body.workspace .workspace-site-footer .footer-column{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px 12px!important;
  }
  body.workspace .workspace-site-footer .footer-title{
    grid-column:1/-1!important;
    margin-bottom:1px!important;
  }
  body.workspace .workspace-site-footer .footer-company{
    grid-template-columns:1fr!important;
  }
  body.workspace .workspace-site-footer .footer-column a,
  body.workspace .workspace-site-footer .footer-column strong,
  body.workspace .workspace-site-footer .footer-column span{
    font-size:11.5px!important;
  }
  body.workspace .workspace-site-footer .footer-bottom{
    width:calc(100% - 32px)!important;
    max-width:none!important;
    min-height:50px!important;
    padding:12px 0 calc(12px + env(safe-area-inset-bottom))!important;
    flex-wrap:wrap!important;
    font-size:10.5px!important;
  }
}

/* Very narrow phones */
@media(max-width:390px){
  body.workspace .wrap{padding-left:12px!important;padding-right:12px!important}
  body.workspace .workspace-head-inner{padding-left:10px!important;padding-right:10px!important}
  body.workspace .page-heading h1,
  body.workspace .order-new-head h1,
  body.workspace .order-editor-head h1,
  body.workspace .profile-hero h1{font-size:29px!important}
  body.workspace.client-route-order-edit .priority-fields{
    grid-template-columns:1fr!important;
  }
  body.workspace.client-route-order-edit .buyer-response-grid{grid-template-columns:1fr!important}
  body.workspace.client-route-orders-new .order-start-actions{grid-template-columns:1fr!important}
  body.workspace .workspace-site-footer .footer-column{grid-template-columns:1fr!important}
  body.workspace .workspace-site-footer .footer-title{grid-column:auto!important}
}


/* ==========================================================================
   ChinaBe 1.6.23 — client header + order dashboard
   ========================================================================== */

/* Header architecture: brand left, navigation/right controls right. */
body.workspace .workspace-head-inner{
  justify-content:flex-start!important;
}
body.workspace .workspace-brand{
  order:1!important;
  margin-right:auto!important;
}
body.workspace .workspace-nav{
  order:2!important;
  margin-left:auto!important;
}
body.workspace .workspace-menu-toggle{
  order:3!important;
  margin-left:auto!important;
}

/* Order-focused customer dashboard */
body.workspace.client-route-cabinet .client-dashboard-intro{
  margin:0 0 18px!important;
}
body.workspace.client-route-cabinet .client-dashboard-intro h1{
  margin:5px 0 7px!important;
  color:var(--cc-text)!important;
  font-size:clamp(32px,3.4vw,44px)!important;
  line-height:1.05!important;
  letter-spacing:-.04em!important;
  font-weight:760!important;
}
body.workspace.client-route-cabinet .client-dashboard-intro p{
  max-width:760px!important;
  margin:0!important;
  color:var(--cc-muted)!important;
  font-size:14px!important;
  line-height:1.55!important;
}

body.workspace.client-route-cabinet .client-dashboard-primary{
  min-height:150px!important;
  margin-bottom:12px!important;
  padding:20px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:24px!important;
  align-items:center!important;
  border:1px solid var(--cc-line)!important;
  border-radius:16px!important;
  background:#fff!important;
}
body.workspace.client-route-cabinet .client-dashboard-primary h2{
  margin:6px 0 5px!important;
  font-size:23px!important;
  line-height:1.2!important;
}
body.workspace.client-route-cabinet .client-dashboard-primary p{
  max-width:720px!important;
  margin:0!important;
  color:var(--cc-muted)!important;
  font-size:13px!important;
  line-height:1.5!important;
}
body.workspace.client-route-cabinet .client-dashboard-create{
  min-width:190px!important;
  min-height:46px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}

body.workspace.client-route-cabinet .client-order-overview{
  margin-bottom:20px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
}
body.workspace.client-route-cabinet .client-order-stat{
  min-height:88px!important;
  padding:13px 14px!important;
  display:grid!important;
  gap:6px!important;
  align-content:center!important;
  border:1px solid var(--cc-line)!important;
  border-radius:13px!important;
  background:#fff!important;
  color:inherit!important;
  text-decoration:none!important;
}
body.workspace.client-route-cabinet .client-order-stat span{
  color:#718196!important;
  font-size:11px!important;
  font-weight:620!important;
}
body.workspace.client-route-cabinet .client-order-stat strong{
  color:#10243c!important;
  font-size:25px!important;
  line-height:1!important;
  font-weight:760!important;
}

body.workspace.client-route-cabinet .client-dashboard-section-head{
  margin-bottom:10px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:16px!important;
}
body.workspace.client-route-cabinet .client-dashboard-section-head h2{
  margin:4px 0 0!important;
  font-size:23px!important;
}
body.workspace.client-route-cabinet .client-dashboard-section-head>a{
  color:#1267a8!important;
  font-size:12.5px!important;
  font-weight:680!important;
  white-space:nowrap!important;
}
body.workspace.client-route-cabinet .client-dashboard-order-list{
  display:grid!important;
  gap:8px!important;
}
body.workspace.client-route-cabinet .client-dashboard-order{
  min-width:0!important;
  padding:14px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:7px 14px!important;
  align-items:center!important;
  border:1px solid var(--cc-line)!important;
  border-radius:13px!important;
  background:#fff!important;
  color:inherit!important;
  text-decoration:none!important;
}
body.workspace.client-route-cabinet .client-dashboard-order-main{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}
body.workspace.client-route-cabinet .client-dashboard-order-main strong{
  color:#145f98!important;
  font-size:14px!important;
  line-height:1.3!important;
}
body.workspace.client-route-cabinet .client-dashboard-order-main span{
  overflow:hidden!important;
  color:#718196!important;
  font-size:11px!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
body.workspace.client-route-cabinet .client-dashboard-order-meta{
  grid-column:1!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  color:#7d8b9d!important;
  font-size:10.5px!important;
}
body.workspace.client-route-cabinet .client-dashboard-order-meta b{
  color:#384e66!important;
}
body.workspace.client-route-cabinet .client-dashboard-order-open{
  grid-column:2!important;
  color:#1267a8!important;
  font-size:11.5px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
body.workspace.client-route-cabinet .client-orders-empty{
  padding:20px!important;
}
body.workspace.client-route-cabinet .client-orders-empty h3{
  margin:0 0 5px!important;
  font-size:18px!important;
}
body.workspace.client-route-cabinet .client-orders-empty p{
  max-width:620px!important;
  margin:0 0 14px!important;
  color:var(--cc-muted)!important;
  font-size:12.5px!important;
  line-height:1.5!important;
}

body.workspace.client-route-cabinet .client-dashboard-help{
  margin-top:16px!important;
  padding:14px 16px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:18px!important;
  align-items:center!important;
  border-top:1px solid var(--cc-line)!important;
}
body.workspace.client-route-cabinet .client-dashboard-help h2{
  margin:3px 0 3px!important;
  font-size:16px!important;
}
body.workspace.client-route-cabinet .client-dashboard-help p{
  margin:0!important;
  color:var(--cc-muted)!important;
  font-size:11.5px!important;
  line-height:1.45!important;
}
body.workspace.client-route-cabinet .client-dashboard-help>a{
  color:#1267a8!important;
  font-size:12px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}

/* Mobile header: exact requested arrangement. */
@media(max-width:760px){
  body.workspace .workspace-head-inner{
    min-height:60px!important;
    padding:8px 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
  }
  body.workspace .workspace-brand{
    order:1!important;
    margin:0!important;
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
  }
  body.workspace .workspace-brand picture,
  body.workspace .workspace-brand img{
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    height:46px!important;
    max-height:46px!important;
  }
  body.workspace .workspace-menu-toggle{
    order:3!important;
    margin:0 0 0 auto!important;
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    border-radius:10px!important;
  }
  body.workspace .workspace-menu-toggle::before{content:none!important}
  body.workspace .workspace-menu-toggle span{
    display:block!important;
    font-size:18px!important;
    line-height:1!important;
  }

  body.workspace .workspace-nav{
    order:2!important;
    left:12px!important;
    right:12px!important;
    top:68px!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:8px!important;
  }
  body.workspace.menu-open::after{
    content:""!important;
    position:fixed!important;
    inset:60px 0 0 0!important;
    z-index:84!important;
    background:rgba(12,31,51,.18)!important;
    backdrop-filter:blur(2px)!important;
  }
  body.workspace.menu-open .workspace-nav{
    z-index:96!important;
  }

  body.workspace.client-route-cabinet .workspace-main{
    padding-top:18px!important;
  }
  body.workspace.client-route-cabinet .client-dashboard-intro{
    margin-bottom:14px!important;
  }
  body.workspace.client-route-cabinet .client-dashboard-intro h1{
    font-size:30px!important;
    line-height:1.08!important;
  }
  body.workspace.client-route-cabinet .client-dashboard-intro p{
    font-size:13px!important;
  }

  body.workspace.client-route-cabinet .client-dashboard-primary{
    min-height:0!important;
    padding:15px!important;
    grid-template-columns:1fr!important;
    gap:13px!important;
    border-radius:14px!important;
  }
  body.workspace.client-route-cabinet .client-dashboard-primary h2{
    font-size:20px!important;
  }
  body.workspace.client-route-cabinet .client-dashboard-primary p{
    font-size:12px!important;
  }
  body.workspace.client-route-cabinet .client-dashboard-create{
    width:100%!important;
    min-width:0!important;
  }

  body.workspace.client-route-cabinet .client-order-overview{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin-bottom:18px!important;
  }
  body.workspace.client-route-cabinet .client-order-stat{
    min-height:72px!important;
    padding:11px 12px!important;
  }
  body.workspace.client-route-cabinet .client-order-stat strong{
    font-size:22px!important;
  }

  body.workspace.client-route-cabinet .client-dashboard-section-head{
    align-items:center!important;
  }
  body.workspace.client-route-cabinet .client-dashboard-section-head h2{
    font-size:20px!important;
  }
  body.workspace.client-route-cabinet .client-dashboard-order{
    padding:12px!important;
    gap:8px!important;
  }
  body.workspace.client-route-cabinet .client-dashboard-order-meta{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:3px!important;
  }
  body.workspace.client-route-cabinet .client-dashboard-order-open{
    grid-column:1/-1!important;
    justify-self:start!important;
  }

  body.workspace.client-route-cabinet .client-dashboard-help{
    margin-top:14px!important;
    padding:13px 2px 0!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  body.workspace.client-route-cabinet .client-dashboard-help p{
    display:none!important;
  }
}

/* Very narrow phones */
@media(max-width:390px){
  body.workspace.client-route-cabinet .client-order-overview{
    grid-template-columns:1fr 1fr!important;
  }
  body.workspace.client-route-cabinet .client-dashboard-section-head{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:5px!important;
  }
}


/* ==========================================================================
   ChinaBe 1.6.25 — compact language switch
   ========================================================================== */

body.workspace .workspace-nav .lang-switch{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  min-width:112px!important;
  padding:3px!important;
  gap:3px!important;
  border:1px solid var(--cc-line)!important;
  border-radius:10px!important;
  background:#f4f7fa!important;
}
body.workspace .workspace-nav .lang-switch form{
  margin:0!important;
}
body.workspace .workspace-nav .lang-switch button{
  width:100%!important;
  min-height:34px!important;
  padding:6px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#66788d!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:750!important;
  white-space:nowrap!important;
}
body.workspace .workspace-nav .lang-switch button.active{
  background:#fff!important;
  color:#114c7a!important;
  box-shadow:0 1px 4px rgba(16,36,60,.08)!important;
}

@media(max-width:760px){
  body.workspace .workspace-nav .lang-switch{
    width:100%!important;
    min-width:0!important;
    grid-template-columns:1fr 1fr!important;
  }
  body.workspace .workspace-nav .lang-switch button{
    min-height:42px!important;
    font-size:13px!important;
  }
}


/* ==========================================================================
   ChinaBe 1.6.24 — mobile menu stacking fix

   1.6.23 problem:
   .workspace-head created a stacking context at z-index:80.
   The page dimmer was body::after at z-index:84.
   Even though .workspace-nav itself had z-index:96, it could not escape the
   header's z-index:80 stacking context, so the dimmer covered the menu.

   Fix:
   - header layer stays above the dimmer;
   - menu is above header content;
   - dimmer sits only over page content;
   - no blur is applied to the menu through the overlay.
   ========================================================================== */

@media(max-width:760px){
  body.workspace .workspace-head{
    z-index:120!important;
    isolation:isolate!important;
  }

  body.workspace .workspace-nav{
    z-index:140!important;
    opacity:1!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  body.workspace.menu-open .workspace-nav{
    display:flex!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  body.workspace.menu-open::after{
    content:""!important;
    position:fixed!important;
    inset:60px 0 0 0!important;
    z-index:100!important;
    background:rgba(12,31,51,.34)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    pointer-events:auto!important;
  }

  body.workspace.menu-open .workspace-head{
    box-shadow:0 1px 0 rgba(16,36,60,.08)!important;
  }

  body.workspace.menu-open .workspace-menu-toggle{
    position:relative!important;
    z-index:150!important;
  }

  body.workspace.menu-open .workspace-brand{
    position:relative!important;
    z-index:150!important;
  }
}


/* ==========================================================================
   ChinaBe 1.6.26 — final mobile menu visibility guard
   ========================================================================== */

@media(max-width:760px){
  body.workspace.menu-open .workspace-head{
    z-index:200!important;
    isolation:isolate!important;
  }

  body.workspace.menu-open .workspace-nav{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;

    position:fixed!important;
    left:12px!important;
    right:12px!important;
    top:68px!important;

    z-index:240!important;

    background:#fff!important;
    color:#10243c!important;

    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  body.workspace.menu-open .workspace-nav *,
  body.workspace.menu-open .workspace-nav a,
  body.workspace.menu-open .workspace-nav button{
    opacity:1!important;
    filter:none!important;
  }

  body.workspace.menu-open::after{
    z-index:180!important;
    background:rgba(12,31,51,.34)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  body.workspace.menu-open .workspace-menu-toggle,
  body.workspace.menu-open .workspace-brand{
    position:relative!important;
    z-index:260!important;
  }
}


/* ==========================================================================
   ChinaBe 1.6.29 — Professional Order Editor
   Rebuilt customer order editing page.
   ========================================================================== */

body.workspace.client-route-order-edit{
  background:#f4f7fa!important;
}

body.workspace.client-route-order-edit .order-flow-wrap.order-editor-v2{
  width:min(1240px,calc(100% - 40px))!important;
  max-width:1240px!important;
}

body.workspace.client-route-order-edit .order-editor-v2-top{
  margin:0 0 16px!important;
}

body.workspace.client-route-order-edit .order-editor-v2-back{
  display:inline-flex!important;
  align-items:center!important;
  min-height:34px!important;
  margin:0 0 10px!important;
  color:#1267a8!important;
  font-size:12px!important;
  font-weight:700!important;
  text-decoration:none!important;
}

body.workspace.client-route-order-edit .order-editor-v2-hero{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:24px!important;
  padding:0!important;
}

body.workspace.client-route-order-edit .order-editor-v2-identity{
  min-width:0!important;
}

body.workspace.client-route-order-edit .order-editor-v2-number{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin-bottom:7px!important;
  color:#748599!important;
  font-size:11px!important;
}

body.workspace.client-route-order-edit .order-editor-v2-number strong{
  color:#16639b!important;
  font-size:13px!important;
  letter-spacing:.01em!important;
}

body.workspace.client-route-order-edit .order-editor-v2-hero h1{
  margin:0!important;
  color:#10243c!important;
  font-size:clamp(30px,3vw,42px)!important;
  line-height:1.04!important;
  letter-spacing:-.04em!important;
  font-weight:780!important;
}

body.workspace.client-route-order-edit .order-editor-v2-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px 14px!important;
  margin-top:8px!important;
  color:#718196!important;
  font-size:11.5px!important;
}

body.workspace.client-route-order-edit .order-editor-v2-export{
  display:flex!important;
  gap:7px!important;
  flex:0 0 auto!important;
}

body.workspace.client-route-order-edit .order-editor-v2-export .btn{
  min-width:78px!important;
}

body.workspace.client-route-order-edit .order-editor-v2-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 300px!important;
  gap:16px!important;
  align-items:start!important;
}

body.workspace.client-route-order-edit .order-editor-v2-main{
  min-width:0!important;
}

body.workspace.client-route-order-edit .order-editor-v2-side{
  position:sticky!important;
  top:82px!important;
  min-width:0!important;
  display:grid!important;
  gap:10px!important;
}

body.workspace.client-route-order-edit .order-editor-v2-delivery{
  overflow:hidden!important;
  padding:0!important;
  border-radius:15px!important;
}

body.workspace.client-route-order-edit .order-editor-v2-section-head{
  min-height:70px!important;
  padding:14px 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  border-bottom:1px solid var(--cc-line-soft)!important;
  background:#fbfcfe!important;
}

body.workspace.client-route-order-edit .order-editor-v2-section-title{
  min-width:0!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:11px!important;
}

body.workspace.client-route-order-edit .order-step{
  flex:0 0 auto!important;
  min-width:28px!important;
  padding-top:2px!important;
  color:#1267a8!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.12em!important;
}

body.workspace.client-route-order-edit .order-editor-v2-section-title h2{
  margin:0!important;
  color:#10243c!important;
  font-size:18px!important;
  line-height:1.2!important;
  font-weight:760!important;
}

body.workspace.client-route-order-edit .order-editor-v2-section-title p{
  margin:3px 0 0!important;
  color:#7a8a9c!important;
  font-size:11px!important;
  line-height:1.45!important;
}

body.workspace.client-route-order-edit .order-editor-v2-link{
  flex:0 0 auto!important;
  color:#1267a8!important;
  font-size:11.5px!important;
  font-weight:700!important;
  text-decoration:none!important;
}

body.workspace.client-route-order-edit .order-editor-v2-delivery-grid{
  display:grid!important;
  grid-template-columns:1.15fr 1.25fr 1fr!important;
  gap:0!important;
  padding:0 16px!important;
}

body.workspace.client-route-order-edit .order-delivery-cell{
  min-width:0!important;
  padding:14px 14px 14px 0!important;
}

body.workspace.client-route-order-edit .order-delivery-cell + .order-delivery-cell{
  padding-left:14px!important;
  border-left:1px solid var(--cc-line-soft)!important;
}

body.workspace.client-route-order-edit .order-delivery-cell span{
  display:block!important;
  margin-bottom:4px!important;
  color:#8a98a9!important;
  font-size:9.5px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

body.workspace.client-route-order-edit .order-delivery-cell strong{
  display:block!important;
  overflow-wrap:anywhere!important;
  color:#213851!important;
  font-size:12.5px!important;
  line-height:1.35!important;
}

body.workspace.client-route-order-edit .order-delivery-cell small{
  display:block!important;
  margin-top:3px!important;
  overflow-wrap:anywhere!important;
  color:#7f8e9f!important;
  font-size:10.5px!important;
  line-height:1.35!important;
}

body.workspace.client-route-order-edit .order-editor-v2-delivery-select{
  margin:0 16px 15px!important;
  padding-top:12px!important;
  border-top:1px solid var(--cc-line-soft)!important;
}

body.workspace.client-route-order-edit .order-editor-v2-products{
  margin-top:18px!important;
}

body.workspace.client-route-order-edit .order-editor-v2-products-head{
  margin:0 0 10px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:16px!important;
}

body.workspace.client-route-order-edit .order-editor-v2-products-head h2 em{
  color:#8795a6!important;
  font-size:.68em!important;
  font-style:normal!important;
  font-weight:600!important;
}

body.workspace.client-route-order-edit .order-editor-v2-add{
  flex:0 0 auto!important;
  min-width:150px!important;
}

body.workspace.client-route-order-edit .order-editor-v2-product-list{
  display:grid!important;
  gap:10px!important;
}

body.workspace.client-route-order-edit .order-product-v2{
  overflow:hidden!important;
  padding:0!important;
  border-radius:15px!important;
}

body.workspace.client-route-order-edit .order-product-v2-head{
  min-height:58px!important;
  padding:10px 12px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) auto auto!important;
  gap:10px!important;
  align-items:center!important;
  border-bottom:1px solid var(--cc-line-soft)!important;
  background:#fbfcfe!important;
}

body.workspace.client-route-order-edit .order-product-v2-index{
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  background:#edf4fa!important;
  color:#145e96!important;
  font-size:12px!important;
  font-weight:800!important;
}

body.workspace.client-route-order-edit .order-product-v2-title{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}

body.workspace.client-route-order-edit .order-product-v2-title strong{
  overflow:hidden!important;
  color:#18314b!important;
  font-size:13.5px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

body.workspace.client-route-order-edit .order-product-v2-title small{
  overflow:hidden!important;
  color:#8795a6!important;
  font-size:9.5px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

body.workspace.client-route-order-edit .order-product-v2-actions{
  display:flex!important;
  gap:5px!important;
}

body.workspace.client-route-order-edit .order-product-v2-actions .icon-action{
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  border-radius:9px!important;
}

body.workspace.client-route-order-edit .order-product-v2-body{
  display:grid!important;
  grid-template-columns:150px minmax(0,1fr)!important;
  gap:16px!important;
  padding:15px!important;
}

body.workspace.client-route-order-edit .order-product-v2-media{
  min-width:0!important;
}

body.workspace.client-route-order-edit .order-product-v2-media-title{
  margin-bottom:8px!important;
  color:#5a6f84!important;
  font-size:10px!important;
  font-weight:760!important;
}

body.workspace.client-route-order-edit .order-product-v2-photos{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}

body.workspace.client-route-order-edit .order-product-v2-photos .photo-card,
body.workspace.client-route-order-edit .order-product-v2-photos .photo-add{
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  min-height:0!important;
  border-radius:10px!important;
}

body.workspace.client-route-order-edit .order-product-v2-photos .photo-add{
  padding:7px!important;
}

body.workspace.client-route-order-edit .order-product-v2-photos .photo-add span{
  font-size:22px!important;
}

body.workspace.client-route-order-edit .order-product-v2-photos .photo-add b{
  font-size:9.5px!important;
}

body.workspace.client-route-order-edit .order-product-v2-photos .photo-add small{
  font-size:7.5px!important;
}

body.workspace.client-route-order-edit .order-product-v2-media-hint{
  margin:8px 0 0!important;
  color:#8a98a9!important;
  font-size:9.5px!important;
  line-height:1.4!important;
}

body.workspace.client-route-order-edit .order-product-v2-fields{
  min-width:0!important;
  display:grid!important;
  align-content:start!important;
  gap:11px!important;
}

body.workspace.client-route-order-edit .order-product-v2-essential{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 100px!important;
  gap:10px!important;
  align-items:start!important;
}

body.workspace.client-route-order-edit .order-product-v2-fields .field textarea{
  min-height:72px!important;
}

body.workspace.client-route-order-edit .order-product-v2-more{
  overflow:hidden!important;
  margin-top:1px!important;
  border:1px solid var(--cc-line)!important;
  border-radius:11px!important;
  background:#fbfcfe!important;
}

body.workspace.client-route-order-edit .order-product-v2-more summary{
  min-height:48px!important;
  padding:9px 11px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  cursor:pointer!important;
  list-style:none!important;
}

body.workspace.client-route-order-edit .order-product-v2-more summary::-webkit-details-marker{
  display:none!important;
}

body.workspace.client-route-order-edit .order-product-v2-more summary>span:first-child{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}

body.workspace.client-route-order-edit .order-product-v2-more summary b{
  color:#3b526a!important;
  font-size:11.5px!important;
}

body.workspace.client-route-order-edit .order-product-v2-more summary small{
  overflow:hidden!important;
  color:#8795a6!important;
  font-size:9.5px!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

body.workspace.client-route-order-edit .order-product-v2-chevron{
  color:#718196!important;
  transition:transform .18s ease!important;
}

body.workspace.client-route-order-edit .order-product-v2-more[open] .order-product-v2-chevron{
  transform:rotate(180deg)!important;
}

body.workspace.client-route-order-edit .order-product-v2-extra-grid{
  padding:12px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  border-top:1px solid var(--cc-line)!important;
  background:#fff!important;
}

body.workspace.client-route-order-edit .order-product-v2-extra-grid .full{
  grid-column:1/-1!important;
}

body.workspace.client-route-order-edit .order-product-v2-buyer{
  margin:0!important;
  padding:12px 15px!important;
  border-top:1px solid var(--cc-line-soft)!important;
  border-radius:0!important;
  background:#f8fbfd!important;
}

body.workspace.client-route-order-edit .order-summary-v2{
  padding:14px!important;
  border-radius:13px!important;
}

body.workspace.client-route-order-edit .order-summary-v2-label{
  margin-bottom:10px!important;
  color:#8291a3!important;
  font-size:9.5px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
}

body.workspace.client-route-order-edit .order-summary-v2-row{
  display:grid!important;
  gap:3px!important;
}

body.workspace.client-route-order-edit .order-summary-v2-row span{
  color:#7b8b9e!important;
  font-size:10.5px!important;
}

body.workspace.client-route-order-edit .order-summary-v2-row strong{
  color:#233a52!important;
  font-size:13.5px!important;
}

body.workspace.client-route-order-edit .order-summary-v2 p{
  margin:7px 0 0!important;
  color:#8391a1!important;
  font-size:10.5px!important;
  line-height:1.4!important;
}

body.workspace.client-route-order-edit .order-summary-v2 .field + .field{
  margin-top:10px!important;
}

body.workspace.client-route-order-edit .order-summary-v2-total>strong{
  display:block!important;
  color:#10243c!important;
  font-size:28px!important;
  line-height:1!important;
  letter-spacing:-.03em!important;
}

body.workspace.client-route-order-edit .order-editor-v2-side-help{
  padding:2px 4px!important;
  color:#8190a1!important;
  font-size:9.5px!important;
  line-height:1.45!important;
}

body.workspace.client-route-order-edit .order-action-bar-v2{
  position:sticky!important;
  bottom:10px!important;
  z-index:35!important;
  width:calc(100% - 316px)!important;
  margin:14px 316px 0 0!important;
  padding:8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  border:1px solid var(--cc-line)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 14px 36px rgba(16,39,70,.12)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}

body.workspace.client-route-order-edit .order-action-bar-v2 .save-state{
  min-width:0!important;
  padding:0 6px!important;
  font-size:10.5px!important;
}

body.workspace.client-route-order-edit .order-action-bar-v2 .order-action-buttons{
  display:flex!important;
  gap:7px!important;
  flex:0 0 auto!important;
}

body.workspace.client-route-order-edit .order-action-bar-v2 .btn{
  min-width:138px!important;
}

body.workspace.client-route-order-edit .delete-draft-v2{
  margin:14px 316px 34px 0!important;
  text-align:center!important;
}

/* -------- Tablet -------- */
@media(max-width:980px){
  body.workspace.client-route-order-edit .order-editor-v2-layout{
    grid-template-columns:1fr!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-side{
    position:static!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-side-help{
    grid-column:1/-1!important;
  }

  body.workspace.client-route-order-edit .order-action-bar-v2{
    width:100%!important;
    margin-right:0!important;
  }

  body.workspace.client-route-order-edit .delete-draft-v2{
    margin-right:0!important;
  }
}

/* -------- Mobile -------- */
@media(max-width:760px){
  body.workspace.client-route-order-edit .order-flow-wrap.order-editor-v2{
    width:100%!important;
    max-width:none!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-top{
    margin-bottom:14px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-back{
    margin-bottom:8px!important;
    font-size:11.5px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-hero{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-hero h1{
    font-size:30px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-number{
    gap:5px!important;
    font-size:10.5px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-number strong{
    font-size:12px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-meta{
    font-size:10.5px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-export{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    width:100%!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-export .btn{
    width:100%!important;
    min-width:0!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-section-head{
    min-height:0!important;
    padding:13px!important;
    align-items:flex-start!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-section-title{
    gap:8px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-section-title h2{
    font-size:17px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-section-title p{
    font-size:10.5px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-link{
    padding-top:2px!important;
    font-size:10.5px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-delivery-grid{
    grid-template-columns:1fr!important;
    padding:4px 13px!important;
  }

  body.workspace.client-route-order-edit .order-delivery-cell,
  body.workspace.client-route-order-edit .order-delivery-cell + .order-delivery-cell{
    padding:10px 0!important;
    border-left:0!important;
    border-top:1px solid var(--cc-line-soft)!important;
  }

  body.workspace.client-route-order-edit .order-delivery-cell:first-child{
    border-top:0!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-delivery-select{
    margin:0 13px 13px!important;
    padding-top:10px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-products{
    margin-top:16px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-products-head{
    align-items:stretch!important;
    flex-direction:column!important;
    gap:10px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-add{
    width:100%!important;
    min-width:0!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-head{
    min-height:54px!important;
    grid-template-columns:32px minmax(0,1fr) auto!important;
    gap:8px!important;
    padding:9px 10px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-head>.status-pill{
    grid-column:2!important;
    justify-self:start!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-actions{
    grid-column:3!important;
    grid-row:1 / span 2!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-index{
    width:32px!important;
    height:32px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-title strong{
    font-size:13px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-body{
    grid-template-columns:1fr!important;
    gap:13px!important;
    padding:12px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-media{
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-media-title{
    margin-bottom:7px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-photos{
    display:flex!important;
    gap:7px!important;
    overflow-x:auto!important;
    padding:0 0 3px!important;
    scroll-snap-type:x proximity!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-photos .photo-card,
  body.workspace.client-route-order-edit .order-product-v2-photos .photo-add{
    flex:0 0 88px!important;
    width:88px!important;
    height:88px!important;
    aspect-ratio:auto!important;
    scroll-snap-align:start!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-media-hint{
    display:none!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-fields{
    gap:10px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-essential{
    grid-template-columns:minmax(0,1fr) 88px!important;
    gap:8px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-fields .field textarea{
    min-height:74px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-more summary{
    min-height:46px!important;
    padding:9px 10px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-more summary small{
    max-width:220px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-extra-grid{
    grid-template-columns:1fr!important;
    padding:10px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-extra-grid .full{
    grid-column:auto!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-side{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  body.workspace.client-route-order-edit .order-summary-v2{
    padding:12px!important;
  }

  body.workspace.client-route-order-edit .order-summary-v2-total{
    order:-1!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-side-help{
    display:none!important;
  }

  body.workspace.client-route-order-edit .order-action-bar-v2{
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    width:100%!important;
    margin:12px 0 0!important;
    padding:8px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    border-radius:12px!important;
  }

  body.workspace.client-route-order-edit .order-action-bar-v2 .save-state{
    min-height:22px!important;
    padding:0 3px!important;
    font-size:10px!important;
  }

  body.workspace.client-route-order-edit .order-action-bar-v2 .order-action-buttons{
    width:100%!important;
    display:grid!important;
    grid-template-columns:.9fr 1.35fr!important;
    gap:7px!important;
  }

  body.workspace.client-route-order-edit .order-action-bar-v2 .btn{
    width:100%!important;
    min-width:0!important;
    min-height:46px!important;
    padding-inline:10px!important;
  }

  body.workspace.client-route-order-edit .delete-draft-v2{
    margin:12px 0 24px!important;
  }

  /* Compact footer specifically on this working screen. */
  body.workspace.client-route-order-edit .workspace-site-footer .footer-main{
    padding-top:20px!important;
    gap:12px!important;
  }

  body.workspace.client-route-order-edit .workspace-site-footer .footer-brand p,
  body.workspace.client-route-order-edit .workspace-site-footer .footer-service,
  body.workspace.client-route-order-edit .workspace-site-footer .footer-docs,
  body.workspace.client-route-order-edit .workspace-site-footer .footer-company{
    display:none!important;
  }

  body.workspace.client-route-order-edit .workspace-site-footer .footer-logo img{
    max-width:150px!important;
    max-height:58px!important;
  }
}

@media(max-width:390px){
  body.workspace.client-route-order-edit .order-product-v2-essential{
    grid-template-columns:1fr!important;
  }

  body.workspace.client-route-order-edit .order-action-bar-v2 .order-action-buttons{
    grid-template-columns:1fr!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-section-head{
    flex-direction:column!important;
    gap:8px!important;
  }
}


/* ==========================================================================
   ChinaBe 1.6.30 — Order editor usability refinement
   ========================================================================== */

/* Delivery is no longer a large content block. */
body.workspace.client-route-order-edit .order-delivery-quick{
  margin:0 0 16px!important;
  overflow:hidden!important;
  border:1px solid var(--cc-line)!important;
  border-radius:12px!important;
  background:#fff!important;
}

body.workspace.client-route-order-edit .order-delivery-quick>summary{
  min-height:54px!important;
  padding:9px 12px!important;
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr) auto!important;
  gap:9px!important;
  align-items:center!important;
  list-style:none!important;
  cursor:pointer!important;
}

body.workspace.client-route-order-edit .order-delivery-quick>summary::-webkit-details-marker{
  display:none!important;
}

body.workspace.client-route-order-edit .order-delivery-quick-icon{
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  background:#eef5fb!important;
  color:#1267a8!important;
  font-size:13px!important;
  font-weight:800!important;
}

body.workspace.client-route-order-edit .order-delivery-quick-copy{
  min-width:0!important;
  display:grid!important;
  gap:1px!important;
}

body.workspace.client-route-order-edit .order-delivery-quick-copy small{
  color:#8795a6!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

body.workspace.client-route-order-edit .order-delivery-quick-copy strong{
  overflow:hidden!important;
  color:#243b53!important;
  font-size:12px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

body.workspace.client-route-order-edit .order-delivery-quick-action{
  color:#1267a8!important;
  font-size:10.5px!important;
  font-weight:750!important;
  white-space:nowrap!important;
}

body.workspace.client-route-order-edit .order-delivery-quick-panel{
  padding:11px 12px 12px 51px!important;
  display:flex!important;
  align-items:flex-end!important;
  gap:10px!important;
  border-top:1px solid var(--cc-line-soft)!important;
  background:#fbfcfe!important;
}

body.workspace.client-route-order-edit .order-delivery-quick-panel .field{
  flex:1 1 auto!important;
}

body.workspace.client-route-order-edit .order-delivery-quick-panel>a{
  flex:0 0 auto!important;
  min-height:46px!important;
  display:inline-flex!important;
  align-items:center!important;
  color:#1267a8!important;
  font-size:11px!important;
  font-weight:700!important;
  text-decoration:none!important;
}

/* Product section follows immediately after the compact delivery switch. */
body.workspace.client-route-order-edit .order-editor-v2-products{
  margin-top:0!important;
}

/* Photo strip: one stable line, up to 10 images. */
body.workspace.client-route-order-edit .order-product-v2-media-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
}

body.workspace.client-route-order-edit .order-product-v2-media-title small{
  color:#8b99a8!important;
  font-size:9px!important;
  font-weight:700!important;
}

body.workspace.client-route-order-edit .order-product-v2-photos{
  display:flex!important;
  grid-template-columns:none!important;
  gap:6px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:0 0 4px!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:thin!important;
}

body.workspace.client-route-order-edit .order-product-v2-photos .photo-card,
body.workspace.client-route-order-edit .order-product-v2-photos .photo-add{
  flex:0 0 68px!important;
  width:68px!important;
  min-width:68px!important;
  max-width:68px!important;
  height:68px!important;
  min-height:68px!important;
  max-height:68px!important;
  aspect-ratio:auto!important;
  scroll-snap-align:start!important;
}

body.workspace.client-route-order-edit .order-product-v2-photos .photo-add{
  padding:5px!important;
}

body.workspace.client-route-order-edit .order-product-v2-photos .photo-add span{
  font-size:18px!important;
}

body.workspace.client-route-order-edit .order-product-v2-photos .photo-add b{
  font-size:8.5px!important;
  line-height:1.15!important;
}

body.workspace.client-route-order-edit .order-product-v2-photos .photo-add small{
  font-size:6.8px!important;
  line-height:1.1!important;
}

/* Main fields: exact visual alignment. */
body.workspace.client-route-order-edit .order-product-v2-essential{
  grid-template-columns:minmax(0,1fr) 108px!important;
  gap:8px!important;
  align-items:end!important;
}

body.workspace.client-route-order-edit .order-product-v2-essential .field input{
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
}

body.workspace.client-route-order-edit .order-product-v2-name input,
body.workspace.client-route-order-edit .order-product-v2-qty input{
  padding-top:9px!important;
  padding-bottom:9px!important;
}

/* Additional data: dense professional form, no giant vertical gaps. */
body.workspace.client-route-order-edit .order-product-v2-extra-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  padding:10px!important;
}

body.workspace.client-route-order-edit .order-product-v2-extra-grid .field{
  gap:5px!important;
}

body.workspace.client-route-order-edit .order-product-v2-extra-grid .field input,
body.workspace.client-route-order-edit .order-product-v2-extra-grid .field select{
  min-height:42px!important;
  height:42px!important;
  padding:8px 10px!important;
}

body.workspace.client-route-order-edit .order-product-v2-extra-grid .field textarea{
  min-height:70px!important;
  padding:8px 10px!important;
}

body.workspace.client-route-order-edit .order-product-v2-extra-grid .full{
  grid-column:1/-1!important;
}

/* The fourth optional field starts a new compact row and spans two columns. */
body.workspace.client-route-order-edit .order-product-v2-extra-grid .field:nth-child(4){
  grid-column:1/3!important;
}

/* Mobile */
@media(max-width:760px){
  body.workspace.client-route-order-edit .order-delivery-quick{
    margin-bottom:13px!important;
  }

  body.workspace.client-route-order-edit .order-delivery-quick>summary{
    min-height:50px!important;
    padding:8px 10px!important;
    grid-template-columns:28px minmax(0,1fr) auto!important;
    gap:8px!important;
  }

  body.workspace.client-route-order-edit .order-delivery-quick-icon{
    width:28px!important;
    height:28px!important;
  }

  body.workspace.client-route-order-edit .order-delivery-quick-copy strong{
    font-size:11.5px!important;
  }

  body.workspace.client-route-order-edit .order-delivery-quick-panel{
    padding:10px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
  }

  body.workspace.client-route-order-edit .order-delivery-quick-panel>a{
    min-height:32px!important;
    align-items:center!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-body{
    gap:10px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-media{
    padding-bottom:1px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-media-title{
    margin-bottom:6px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-photos{
    gap:6px!important;
    margin-right:-2px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-photos .photo-card,
  body.workspace.client-route-order-edit .order-product-v2-photos .photo-add{
    flex-basis:72px!important;
    width:72px!important;
    min-width:72px!important;
    max-width:72px!important;
    height:72px!important;
    min-height:72px!important;
    max-height:72px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-essential{
    grid-template-columns:minmax(0,1fr) 82px!important;
    gap:7px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-essential .field input{
    height:46px!important;
    min-height:46px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-extra-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    padding:9px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-extra-grid .field:nth-child(3),
  body.workspace.client-route-order-edit .order-product-v2-extra-grid .field:nth-child(4),
  body.workspace.client-route-order-edit .order-product-v2-extra-grid .full{
    grid-column:1/-1!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-extra-grid .field input,
  body.workspace.client-route-order-edit .order-product-v2-extra-grid .field select{
    min-height:44px!important;
    height:44px!important;
  }

  /* Working order page gets a genuinely compact footer. */
  body.workspace.client-route-order-edit .workspace-site-footer .footer-main{
    padding:18px 14px 12px!important;
    display:block!important;
  }

  body.workspace.client-route-order-edit .workspace-site-footer .footer-brand p,
  body.workspace.client-route-order-edit .workspace-site-footer .footer-column{
    display:none!important;
  }

  body.workspace.client-route-order-edit .workspace-site-footer .footer-brand-meta{
    margin-top:8px!important;
  }

  body.workspace.client-route-order-edit .workspace-site-footer .footer-bottom{
    min-height:42px!important;
  }
}

@media(max-width:390px){
  body.workspace.client-route-order-edit .order-product-v2-essential{
    grid-template-columns:minmax(0,1fr) 78px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-extra-grid{
    grid-template-columns:1fr 1fr!important;
  }
}


/* ==========================================================================
   ChinaBe 1.6.31 — Product Photo Strip
   Makes the photo area a compact, aligned working control.
   ========================================================================== */

body.workspace.client-route-order-edit .order-product-v2-media{
  min-width:0!important;
  padding:9px!important;
  border:1px solid #e4eaf1!important;
  border-radius:11px!important;
  background:#f8fafc!important;
}

body.workspace.client-route-order-edit .order-product-v2-media-title{
  min-height:22px!important;
  margin:0 0 7px!important;
  padding:0 1px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  color:#526980!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:760!important;
}

body.workspace.client-route-order-edit .order-product-v2-media-title small{
  min-width:32px!important;
  padding:3px 6px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:#eef3f7!important;
  color:#728399!important;
  font-size:8.5px!important;
  line-height:1!important;
  font-weight:750!important;
}

body.workspace.client-route-order-edit .order-product-v2-photos{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  gap:6px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:0 0 2px!important;
  margin:0!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:thin!important;
  overscroll-behavior-x:contain!important;
}

body.workspace.client-route-order-edit .order-product-v2-photos .photo-card,
body.workspace.client-route-order-edit .order-product-v2-photos .photo-add{
  position:relative!important;
  flex:0 0 74px!important;
  width:74px!important;
  min-width:74px!important;
  max-width:74px!important;
  height:74px!important;
  min-height:74px!important;
  max-height:74px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #d7e0e9!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:none!important;
  scroll-snap-align:start!important;
}

body.workspace.client-route-order-edit .order-product-v2-photos .photo-card img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}

body.workspace.client-route-order-edit .order-product-v2-photos .photo-card .photo-remove{
  position:absolute!important;
  top:4px!important;
  right:4px!important;
  width:22px!important;
  min-width:22px!important;
  height:22px!important;
  min-height:22px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(19,39,60,.82)!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1!important;
}

body.workspace.client-route-order-edit .order-product-v2-photos .photo-add{
  padding:7px 5px!important;
  display:grid!important;
  grid-template-rows:auto auto auto!important;
  align-content:center!important;
  justify-items:center!important;
  gap:2px!important;
  cursor:pointer!important;
  color:#315471!important;
  text-align:center!important;
}

body.workspace.client-route-order-edit .order-product-v2-photos .photo-add:hover{
  border-color:#9fc2df!important;
  background:#f4f9fd!important;
}

body.workspace.client-route-order-edit .order-product-v2-photos .photo-add span{
  margin:0!important;
  color:#1267a8!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:500!important;
}

body.workspace.client-route-order-edit .order-product-v2-photos .photo-add b{
  margin:0!important;
  max-width:58px!important;
  color:#36536e!important;
  font-size:8.5px!important;
  line-height:1.12!important;
  font-weight:720!important;
}

body.workspace.client-route-order-edit .order-product-v2-photos .photo-add small{
  margin:0!important;
  color:#8a98a7!important;
  font-size:6.7px!important;
  line-height:1.05!important;
  white-space:nowrap!important;
}

body.workspace.client-route-order-edit .order-product-v2-photos .photo-add input{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}

body.workspace.client-route-order-edit .order-product-v2-media-hint{
  margin:7px 1px 0!important;
  color:#8493a3!important;
  font-size:8.8px!important;
  line-height:1.35!important;
}

/* Mobile: photo section remains compact and visually aligned. */
@media(max-width:760px){
  body.workspace.client-route-order-edit .order-product-v2-media{
    padding:8px!important;
    border-radius:10px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-media-title{
    min-height:20px!important;
    margin-bottom:6px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-photos{
    gap:6px!important;
    padding-bottom:1px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-photos .photo-card,
  body.workspace.client-route-order-edit .order-product-v2-photos .photo-add{
    flex-basis:70px!important;
    width:70px!important;
    min-width:70px!important;
    max-width:70px!important;
    height:70px!important;
    min-height:70px!important;
    max-height:70px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-media-hint{
    display:none!important;
  }
}

@media(max-width:390px){
  body.workspace.client-route-order-edit .order-product-v2-photos .photo-card,
  body.workspace.client-route-order-edit .order-product-v2-photos .photo-add{
    flex-basis:68px!important;
    width:68px!important;
    min-width:68px!important;
    max-width:68px!important;
    height:68px!important;
    min-height:68px!important;
    max-height:68px!important;
  }
}


/* ==========================================================================
   ChinaBe 1.6.32 — Collapsible Product Editor
   ========================================================================== */

body.workspace.client-route-order-edit .order-product-collapsible{
  display:block!important;
  overflow:hidden!important;
}

body.workspace.client-route-order-edit .order-product-collapsible>summary{
  list-style:none!important;
  cursor:pointer!important;
  user-select:none!important;
}

body.workspace.client-route-order-edit .order-product-collapsible>summary::-webkit-details-marker{
  display:none!important;
}

body.workspace.client-route-order-edit .order-product-v3-summary{
  grid-template-columns:34px minmax(0,1fr) auto 28px!important;
  transition:background .15s ease!important;
}

body.workspace.client-route-order-edit .order-product-v3-summary:hover{
  background:#f5f9fc!important;
}

body.workspace.client-route-order-edit .order-product-v3-toggle{
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  color:#60758b!important;
  font-size:14px!important;
  line-height:1!important;
  transition:transform .18s ease,background .15s ease!important;
}

body.workspace.client-route-order-edit .order-product-collapsible[open] .order-product-v3-toggle{
  transform:rotate(180deg)!important;
  background:#edf4fa!important;
}

body.workspace.client-route-order-edit .order-product-v3-content{
  border-top:0!important;
}

body.workspace.client-route-order-edit .order-product-v2-title small b{
  color:#455d74!important;
  font-weight:760!important;
}

body.workspace.client-route-order-edit .order-product-v3-footer{
  min-height:58px!important;
  padding:9px 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  border-top:1px solid var(--cc-line-soft)!important;
  background:#fbfcfe!important;
}

body.workspace.client-route-order-edit .order-product-v3-save-state{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  color:#7a8b9c!important;
  font-size:9.5px!important;
  line-height:1.3!important;
}

body.workspace.client-route-order-edit .order-product-v3-save-state .save-state-dot{
  width:7px!important;
  height:7px!important;
  flex:0 0 7px!important;
  border-radius:999px!important;
  background:#6db07d!important;
}

body.workspace.client-route-order-edit .order-product-v3-save-state.dirty .save-state-dot{
  background:#df9a35!important;
}

body.workspace.client-route-order-edit .order-product-v3-actions{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  flex:0 0 auto!important;
}

body.workspace.client-route-order-edit .order-product-v3-actions .btn{
  min-height:38px!important;
  padding:7px 11px!important;
  font-size:11px!important;
}

body.workspace.client-route-order-edit .order-product-v3-actions .order-product-save{
  min-width:124px!important;
}

body.workspace.client-route-order-edit .order-product-v3-actions .order-product-delete{
  color:#a83a3a!important;
}

body.workspace.client-route-order-edit .order-product-collapsible.item-saving{
  opacity:.72!important;
}

body.workspace.client-route-order-edit .order-product-collapsible.item-dirty>.order-product-v3-summary{
  box-shadow:inset 3px 0 0 #df9a35!important;
}

/* The compact photo control should use the full card width on desktop too,
   instead of looking like a narrow isolated vertical column. */
body.workspace.client-route-order-edit .order-product-v2-body{
  grid-template-columns:minmax(190px,230px) minmax(0,1fr)!important;
}

body.workspace.client-route-order-edit .order-product-v2-media{
  align-self:start!important;
}

body.workspace.client-route-order-edit .order-product-v2-photos{
  max-width:100%!important;
}

/* Tablet */
@media(max-width:980px){
  body.workspace.client-route-order-edit .order-product-v2-body{
    grid-template-columns:180px minmax(0,1fr)!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-footer{
    align-items:flex-start!important;
  }
}

/* Mobile */
@media(max-width:760px){
  body.workspace.client-route-order-edit .order-product-v3-summary{
    min-height:54px!important;
    grid-template-columns:32px minmax(0,1fr) 26px!important;
    gap:8px!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-summary>.status-pill{
    display:none!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-toggle{
    width:26px!important;
    height:26px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-title strong{
    font-size:12.5px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-title small{
    font-size:9px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-body{
    grid-template-columns:1fr!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-footer{
    min-height:0!important;
    padding:9px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-save-state{
    min-height:18px!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) auto!important;
    gap:6px!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-actions .btn{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    padding:7px 8px!important;
    font-size:10.5px!important;
  }
}

@media(max-width:390px){
  body.workspace.client-route-order-edit .order-product-v3-actions{
    grid-template-columns:1fr 1fr!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-actions .order-product-save{
    grid-column:1/-1!important;
  }
}


/* ==========================================================================
   ChinaBe 1.6.33 — Desktop typography and form layout refinement
   ========================================================================== */

@media(min-width:981px){
  body.workspace.client-route-order-edit{
    background:#f3f6fa!important;
  }

  body.workspace.client-route-order-edit .order-flow-wrap.order-editor-v2{
    width:min(1360px,calc(100% - 56px))!important;
    max-width:1360px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-top{
    margin:0 0 22px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-back{
    min-height:38px!important;
    margin:0 0 14px!important;
    font-size:14px!important;
    font-weight:800!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-hero{
    align-items:flex-start!important;
    gap:28px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-number{
    gap:8px!important;
    margin-bottom:10px!important;
    font-size:13px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-number strong{
    font-size:15px!important;
    font-weight:800!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-hero h1{
    font-size:clamp(42px,4vw,56px)!important;
    line-height:1.02!important;
    letter-spacing:-.045em!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-meta{
    gap:8px 18px!important;
    margin-top:12px!important;
    font-size:13px!important;
    line-height:1.45!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-export{
    gap:10px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-export .btn{
    min-width:92px!important;
    min-height:46px!important;
    font-size:14px!important;
    font-weight:750!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-layout{
    grid-template-columns:minmax(0,1fr) 350px!important;
    gap:24px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-main{
    display:grid!important;
    align-content:start!important;
    gap:18px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-side{
    top:96px!important;
    gap:14px!important;
  }

  body.workspace.client-route-order-edit .order-delivery-quick{
    margin:0!important;
    border-radius:16px!important;
  }

  body.workspace.client-route-order-edit .order-delivery-quick>summary{
    min-height:74px!important;
    padding:14px 18px!important;
    grid-template-columns:42px minmax(0,1fr) auto!important;
    gap:14px!important;
  }

  body.workspace.client-route-order-edit .order-delivery-quick-icon{
    width:42px!important;
    height:42px!important;
    border-radius:12px!important;
    font-size:16px!important;
  }

  body.workspace.client-route-order-edit .order-delivery-quick-copy{
    gap:4px!important;
  }

  body.workspace.client-route-order-edit .order-delivery-quick-copy small{
    font-size:11px!important;
    letter-spacing:.12em!important;
  }

  body.workspace.client-route-order-edit .order-delivery-quick-copy strong{
    font-size:16px!important;
    line-height:1.35!important;
  }

  body.workspace.client-route-order-edit .order-delivery-quick-action{
    font-size:13px!important;
    font-weight:800!important;
  }

  body.workspace.client-route-order-edit .order-delivery-quick-panel{
    padding:16px 18px 18px 74px!important;
    gap:14px!important;
  }

  body.workspace.client-route-order-edit .order-delivery-quick-panel .field>span{
    font-size:12px!important;
  }

  body.workspace.client-route-order-edit .order-delivery-quick-panel>a{
    min-height:48px!important;
    font-size:13px!important;
    font-weight:700!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-products{
    margin-top:0!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-products-head{
    margin:0!important;
    padding:6px 0 0!important;
    align-items:flex-end!important;
    gap:18px!important;
  }

  body.workspace.client-route-order-edit .order-step{
    min-width:36px!important;
    padding-top:4px!important;
    font-size:12px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-section-title{
    gap:14px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-section-title h2{
    font-size:30px!important;
    line-height:1.08!important;
    letter-spacing:-.03em!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-products-head h2 em{
    font-size:.62em!important;
    font-weight:700!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-section-title p{
    margin:7px 0 0!important;
    max-width:760px!important;
    font-size:14px!important;
    line-height:1.6!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-add{
    min-width:176px!important;
    min-height:48px!important;
    font-size:14px!important;
    font-weight:750!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-product-list{
    gap:14px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2{
    border-radius:18px!important;
    border:1px solid var(--cc-line)!important;
    box-shadow:0 10px 28px rgba(16,39,70,.05)!important;
    background:#fff!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-head,
  body.workspace.client-route-order-edit .order-product-v3-summary{
    min-height:74px!important;
    padding:14px 18px!important;
    grid-template-columns:42px minmax(0,1fr) auto 32px!important;
    gap:14px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-index{
    width:42px!important;
    height:42px!important;
    border-radius:12px!important;
    font-size:14px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-title{
    gap:5px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-title strong{
    font-size:18px!important;
    line-height:1.3!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-title small{
    font-size:12.5px!important;
    line-height:1.35!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-toggle{
    width:32px!important;
    height:32px!important;
    font-size:16px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-body{
    grid-template-columns:minmax(230px,260px) minmax(0,1fr)!important;
    gap:20px!important;
    padding:18px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-media-title{
    margin-bottom:10px!important;
    font-size:12px!important;
    font-weight:800!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-media-title small{
    font-size:11px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-media-hint{
    margin:10px 0 0!important;
    font-size:12px!important;
    line-height:1.55!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-fields{
    gap:14px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2 .field>span,
  body.workspace.client-route-order-edit .order-product-v2-more summary b,
  body.workspace.client-route-order-edit .order-summary-v2 .field>span{
    font-size:13px!important;
    font-weight:760!important;
    line-height:1.35!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2 .field input,
  body.workspace.client-route-order-edit .order-editor-v2 .field select,
  body.workspace.client-route-order-edit .order-editor-v2 .field textarea,
  body.workspace.client-route-order-edit .order-editor-v2 .input-with-action>input{
    min-height:48px!important;
    padding:12px 14px!important;
    font-size:15px!important;
    line-height:1.4!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2 .field textarea{
    min-height:120px!important;
    padding-top:12px!important;
    padding-bottom:12px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-essential{
    grid-template-columns:minmax(0,1fr) 120px!important;
    gap:12px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-more{
    border-radius:13px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-more summary{
    min-height:54px!important;
    padding:11px 14px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-more summary small{
    font-size:11.5px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-extra-grid{
    padding:14px!important;
    gap:12px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-buyer{
    padding:16px 18px!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-footer{
    min-height:68px!important;
    padding:12px 16px!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-save-state{
    font-size:12px!important;
    line-height:1.45!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-actions{
    gap:8px!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-actions .btn{
    min-height:42px!important;
    padding:9px 14px!important;
    font-size:13px!important;
    font-weight:750!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-actions .order-product-save{
    min-width:152px!important;
  }

  body.workspace.client-route-order-edit .order-summary-v2{
    padding:18px!important;
    border-radius:16px!important;
  }

  body.workspace.client-route-order-edit .order-summary-v2-label{
    margin-bottom:12px!important;
    font-size:10.5px!important;
    letter-spacing:.12em!important;
  }

  body.workspace.client-route-order-edit .order-summary-v2-row{
    gap:5px!important;
  }

  body.workspace.client-route-order-edit .order-summary-v2-row span,
  body.workspace.client-route-order-edit .order-summary-v2 p{
    font-size:12.5px!important;
    line-height:1.55!important;
  }

  body.workspace.client-route-order-edit .order-summary-v2-row strong{
    font-size:18px!important;
    line-height:1.3!important;
  }

  body.workspace.client-route-order-edit .order-summary-v2 .field + .field{
    margin-top:14px!important;
  }

  body.workspace.client-route-order-edit .order-summary-v2-total>strong{
    font-size:42px!important;
    line-height:.98!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-side-help{
    padding:4px 6px 0!important;
    font-size:12px!important;
    line-height:1.6!important;
  }

  body.workspace.client-route-order-edit .order-action-bar-v2{
    position:sticky!important;
    bottom:18px!important;
    width:100%!important;
    margin:2px 0 0!important;
    padding:10px 12px!important;
    gap:16px!important;
    border-radius:15px!important;
  }

  body.workspace.client-route-order-edit .order-action-bar-v2 .save-state{
    padding:0 6px!important;
    font-size:12.5px!important;
    line-height:1.45!important;
  }

  body.workspace.client-route-order-edit .order-action-bar-v2 .order-action-buttons{
    gap:10px!important;
  }

  body.workspace.client-route-order-edit .order-action-bar-v2 .btn{
    min-width:176px!important;
    min-height:48px!important;
    font-size:14px!important;
    font-weight:760!important;
  }

  body.workspace.client-route-order-edit .delete-draft-v2{
    margin:12px 366px 36px 0!important;
    text-align:center!important;
  }
}


/* ==========================================================================
   ChinaBe 1.6.35 — Product actions without inner footer
   ========================================================================== */

/* The product is an editor, not a page. Actions live in a compact toolbar
   directly under the product summary instead of a footer at the bottom. */
body.workspace.client-route-order-edit .order-product-v3-toolbar{
  min-height:54px!important;
  padding:9px 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  border-bottom:1px solid var(--cc-line-soft)!important;
  background:#fbfcfe!important;
}

body.workspace.client-route-order-edit .order-product-v3-toolbar .order-product-v3-save-state{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  color:#7a8b9c!important;
  font-size:10.5px!important;
  line-height:1.35!important;
}

body.workspace.client-route-order-edit .order-product-v3-toolbar .save-state-dot{
  width:7px!important;
  height:7px!important;
  flex:0 0 7px!important;
  border-radius:999px!important;
  background:#6db07d!important;
}

body.workspace.client-route-order-edit .order-product-v3-toolbar .order-product-v3-save-state.dirty .save-state-dot{
  background:#df9a35!important;
}

body.workspace.client-route-order-edit .order-product-v3-toolbar .order-product-v3-actions{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  flex:0 0 auto!important;
}

body.workspace.client-route-order-edit .order-product-v3-toolbar .btn{
  min-height:38px!important;
  padding:7px 11px!important;
  font-size:11px!important;
}

body.workspace.client-route-order-edit .order-product-v3-toolbar .order-product-save{
  min-width:124px!important;
}

/* Old inner-footer component is no longer rendered. */
body.workspace.client-route-order-edit .order-product-v3-footer{
  display:none!important;
}

@media(min-width:981px){
  body.workspace.client-route-order-edit .order-product-v3-toolbar{
    min-height:62px!important;
    padding:10px 16px!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-toolbar .order-product-v3-save-state{
    font-size:12px!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-toolbar .btn{
    min-height:42px!important;
    padding:9px 14px!important;
    font-size:13px!important;
    font-weight:750!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-toolbar .order-product-save{
    min-width:152px!important;
  }
}

@media(max-width:760px){
  body.workspace.client-route-order-edit .order-product-v3-toolbar{
    min-height:0!important;
    padding:8px 9px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-toolbar .order-product-v3-actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) auto!important;
    gap:6px!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-toolbar .btn{
    width:100%!important;
    min-width:0!important;
    min-height:40px!important;
    padding:7px 8px!important;
    font-size:10.5px!important;
  }
}

@media(max-width:390px){
  body.workspace.client-route-order-edit .order-product-v3-toolbar .order-product-v3-actions{
    grid-template-columns:1fr 1fr!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-toolbar .order-product-save{
    grid-column:1/-1!important;
  }
}


/* ==========================================================================
   ChinaBe 1.6.36 — live total feedback
   ========================================================================== */

body.workspace.client-route-order-edit .order-total-live-note{
  margin-top:7px!important;
  color:#28724b!important;
  font-size:10px!important;
  line-height:1.35!important;
  font-weight:700!important;
}

@media(min-width:981px){
  body.workspace.client-route-order-edit .order-total-live-note{
    margin-top:9px!important;
    font-size:11.5px!important;
  }
}


/* ==========================================================================
   ChinaBe 1.6.40 — delete control in collapsed product summary
   ========================================================================== */

body.workspace.client-route-order-edit .order-product-v3-summary{
  grid-template-columns:34px minmax(0,1fr) auto auto 28px!important;
}

body.workspace.client-route-order-edit .order-product-summary-delete{
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  min-height:30px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#9b5a5a!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:500!important;
  cursor:pointer!important;
}

body.workspace.client-route-order-edit .order-product-summary-delete:hover{
  border-color:#efcccc!important;
  background:#fff1f1!important;
  color:#b42318!important;
}

body.workspace.client-route-order-edit .order-product-summary-delete:focus-visible{
  outline:2px solid #d55d5d!important;
  outline-offset:2px!important;
}

@media(min-width:981px){
  body.workspace.client-route-order-edit .order-product-v3-summary{
    grid-template-columns:42px minmax(0,1fr) auto 34px 32px!important;
  }

  body.workspace.client-route-order-edit .order-product-summary-delete{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    font-size:20px!important;
  }
}

@media(max-width:760px){
  body.workspace.client-route-order-edit .order-product-v3-summary{
    grid-template-columns:32px minmax(0,1fr) 30px 26px!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-summary>.status-pill{
    display:none!important;
  }

  body.workspace.client-route-order-edit .order-product-summary-delete{
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
    min-height:30px!important;
  }
}


/* ========================================================================== 
   ChinaBe 1.6.42 — Client UI Refresh 2026
   Based on current cross-device patterns: stronger hierarchy, larger readable
   typography, concentric radii, calmer surfaces, cleaner grouping, better
   touch targets, and a denser but more legible desktop workspace.
   ========================================================================== */

body.workspace{
  --cc-bg:#f4f7fb;
  --cc-surface:#ffffff;
  --cc-surface-soft:#f8fbff;
  --cc-text:#12263f;
  --cc-text-soft:#33506d;
  --cc-muted:#6c7f95;
  --cc-line:#d8e3ef;
  --cc-line-soft:#e9eff6;
  --cc-blue:#1465a9;
  --cc-blue-soft:#eef6fd;
  --cc-red:#ef3137;
  --cc-red-hover:#d92a30;
  --cc-green:#1f7a4b;
  --cc-shadow-soft:0 10px 30px rgba(14,34,58,.06),0 2px 8px rgba(14,34,58,.035);
  --cc-shadow-strong:0 20px 50px rgba(14,34,58,.08),0 4px 12px rgba(14,34,58,.04);
  --cc-radius-xl:24px;
  --cc-radius-lg:20px;
  --cc-radius-md:16px;
  --cc-radius-sm:14px;
}

body.workspace .workspace-main{
  min-height:calc(100vh - 78px)!important;
  padding:34px 0 88px!important;
}

body.workspace .wrap{
  width:min(1360px,calc(100% - 48px))!important;
  max-width:1360px!important;
}

body.workspace .panel,
body.workspace .client-dashboard-primary,
body.workspace .client-order-stat,
body.workspace .client-dashboard-order,
body.workspace .client-dashboard-help,
body.workspace .order-row-modern,
body.workspace .order-delivery-quick,
body.workspace .order-editor-v2-products,
body.workspace .order-summary-v2,
body.workspace .order-action-bar-v2{
  border:1px solid var(--cc-line)!important;
  border-radius:var(--cc-radius-xl)!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:var(--cc-shadow-soft)!important;
}

body.workspace .workspace-head{
  background:rgba(255,255,255,.92)!important;
  border-bottom:1px solid rgba(216,227,239,.95)!important;
  box-shadow:0 4px 18px rgba(14,34,58,.03)!important;
}

body.workspace .workspace-head-inner{
  min-height:78px!important;
  gap:18px!important;
}

body.workspace .workspace-brand{
  min-width:196px!important;
  height:56px!important;
}
body.workspace .workspace-brand picture,
body.workspace .workspace-brand img{
  max-width:196px!important;
  height:56px!important;
  max-height:56px!important;
}

body.workspace .workspace-nav{
  gap:8px!important;
}

body.workspace .workspace-nav a,
body.workspace .workspace-nav button{
  min-height:42px!important;
  padding:10px 14px!important;
  border-radius:14px!important;
  font-size:14px!important;
  font-weight:720!important;
}

body.workspace .workspace-nav a.active,
body.workspace .lang-switch button.active{
  background:var(--cc-blue-soft)!important;
  color:#0f5d99!important;
  border-color:#d2e5f8!important;
}

body.workspace .lang-switch{
  display:flex!important;
  align-items:center!important;
  padding:4px!important;
  border:1px solid var(--cc-line)!important;
  border-radius:16px!important;
  background:#f8fbff!important;
}
body.workspace .lang-switch form{margin:0!important}
body.workspace .lang-switch button{
  min-width:56px!important;
  padding:8px 14px!important;
}

body.workspace .page-heading h1,
body.workspace .order-new-head h1,
body.workspace .order-editor-head h1,
body.workspace .profile-hero h1,
body.workspace.client-route-cabinet .client-dashboard-intro h1,
body.workspace.client-route-order-edit .order-editor-v2-hero h1{
  color:var(--cc-text)!important;
  font-size:clamp(42px,4.25vw,62px)!important;
  line-height:1.02!important;
  font-weight:800!important;
  letter-spacing:-.045em!important;
  margin:0!important;
}

body.workspace .page-heading p,
body.workspace .order-new-head p,
body.workspace .order-editor-head p,
body.workspace .profile-hero p,
body.workspace.client-route-cabinet .client-dashboard-intro p,
body.workspace.client-route-order-edit .order-editor-v2-meta,
body.workspace.client-route-order-edit .order-editor-v2-section-title p,
body.workspace.client-route-order-edit .order-delivery-quick-panel,
body.workspace.client-route-orders .page-heading p,
body.workspace.client-route-cabinet .client-dashboard-help p{
  color:var(--cc-muted)!important;
  font-size:16px!important;
  line-height:1.6!important;
}

body.workspace .eyebrow{
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.16em!important;
}

body.workspace h2{
  color:var(--cc-text)!important;
}

body.workspace .btn{
  min-height:48px!important;
  padding:12px 18px!important;
  border-radius:14px!important;
  font-size:14px!important;
  font-weight:760!important;
}

body.workspace .btn.primary{
  background:var(--cc-red)!important;
  border-color:var(--cc-red)!important;
  box-shadow:0 10px 20px rgba(239,49,55,.18)!important;
}
body.workspace .btn.primary:hover{background:var(--cc-red-hover)!important}
body.workspace .btn.secondary{
  background:#fff!important;
  border-color:#cfdae6!important;
  color:#27435d!important;
}
body.workspace .btn.secondary:hover{
  background:#f8fbff!important;
  border-color:#bdd0e3!important;
}

body.workspace .field{
  gap:8px!important;
  color:var(--cc-text-soft)!important;
  font-size:13px!important;
  font-weight:740!important;
}
body.workspace .field input,
body.workspace .field select,
body.workspace .field textarea{
  min-height:52px!important;
  padding:14px 16px!important;
  border:1px solid #cad7e4!important;
  border-radius:14px!important;
  background:#fff!important;
  color:var(--cc-text)!important;
  font-size:16px!important;
  line-height:1.45!important;
}
body.workspace .field textarea{min-height:122px!important}
body.workspace .field input::placeholder,
body.workspace .field textarea::placeholder{color:#93a2b4!important}
body.workspace .field input:focus,
body.workspace .field select:focus,
body.workspace .field textarea:focus{
  border-color:#8cb7da!important;
  box-shadow:0 0 0 4px rgba(20,101,169,.10)!important;
}

/* Dashboard --------------------------------------------------------------- */
body.workspace.client-route-cabinet .client-dashboard-intro{
  margin-bottom:24px!important;
}
body.workspace.client-route-cabinet .client-dashboard-intro p{
  max-width:880px!important;
  margin-top:8px!important;
}

body.workspace.client-route-cabinet .client-dashboard-primary{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:28px!important;
  padding:28px 30px!important;
  margin-bottom:18px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
}
body.workspace.client-route-cabinet .client-dashboard-primary-copy{
  min-width:0!important;
}
body.workspace.client-route-cabinet .tool-badge{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  background:#ebf7f0!important;
  color:#2a8353!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}
body.workspace.client-route-cabinet .client-dashboard-primary h2{
  margin:10px 0 10px!important;
  font-size:34px!important;
  line-height:1.08!important;
  font-weight:790!important;
  letter-spacing:-.03em!important;
}
body.workspace.client-route-cabinet .client-dashboard-primary p{
  max-width:780px!important;
  margin:0!important;
}
body.workspace.client-route-cabinet .client-dashboard-create{
  min-width:198px!important;
  justify-content:center!important;
}

body.workspace.client-route-cabinet .client-order-overview{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  margin-bottom:28px!important;
}
body.workspace.client-route-cabinet .client-order-stat{
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  min-height:128px!important;
  padding:20px 22px!important;
  text-decoration:none!important;
  color:inherit!important;
}
body.workspace.client-route-cabinet .client-order-stat span{
  color:var(--cc-muted)!important;
  font-size:14px!important;
  font-weight:720!important;
}
body.workspace.client-route-cabinet .client-order-stat strong{
  color:var(--cc-text)!important;
  font-size:44px!important;
  line-height:1!important;
  font-weight:820!important;
  margin-top:8px!important;
}

body.workspace.client-route-cabinet .client-dashboard-section-head{
  align-items:end!important;
  gap:16px!important;
  margin-bottom:18px!important;
}
body.workspace.client-route-cabinet .client-dashboard-section-head h2{
  font-size:40px!important;
  line-height:1.04!important;
  font-weight:800!important;
  letter-spacing:-.04em!important;
  margin-top:4px!important;
}
body.workspace.client-route-cabinet .client-dashboard-section-head > a,
body.workspace.client-route-cabinet .client-dashboard-help > a{
  color:var(--cc-blue)!important;
  font-size:16px!important;
  font-weight:760!important;
  text-decoration:none!important;
}
body.workspace.client-route-cabinet .client-dashboard-order-list{
  display:grid!important;
  gap:16px!important;
}
body.workspace.client-route-cabinet .client-dashboard-order{
  display:grid!important;
  grid-template-columns:minmax(0,1.3fr) auto minmax(240px,.9fr) auto!important;
  align-items:center!important;
  gap:20px!important;
  padding:22px 24px!important;
  text-decoration:none!important;
  color:inherit!important;
}
body.workspace.client-route-cabinet .client-dashboard-order-main strong{
  font-size:26px!important;
  line-height:1.1!important;
  font-weight:790!important;
}
body.workspace.client-route-cabinet .client-dashboard-order-main span{
  color:var(--cc-blue)!important;
  font-size:18px!important;
  line-height:1.3!important;
  margin-top:6px!important;
}
body.workspace.client-route-cabinet .client-dashboard-order-meta{
  gap:18px!important;
  font-size:15px!important;
  color:var(--cc-muted)!important;
}
body.workspace.client-route-cabinet .client-dashboard-order-meta b{
  color:var(--cc-text)!important;
  font-size:15px!important;
  font-weight:760!important;
}
body.workspace.client-route-cabinet .client-dashboard-order-open{
  color:var(--cc-blue)!important;
  font-size:16px!important;
  font-weight:780!important;
}
body.workspace.client-route-cabinet .client-dashboard-help{
  margin-top:22px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:20px!important;
  align-items:center!important;
  padding:24px 26px!important;
}
body.workspace.client-route-cabinet .client-dashboard-help h2{
  font-size:30px!important;
  line-height:1.08!important;
  margin:6px 0 8px!important;
  letter-spacing:-.03em!important;
}
body.workspace.client-route-cabinet .client-dashboard-help p{
  margin:0!important;
}

/* Orders list ------------------------------------------------------------- */
body.workspace.client-route-orders .page-heading.orders-heading{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:20px!important;
  margin-bottom:28px!important;
}
body.workspace.client-route-orders .page-heading.orders-heading h1{
  margin-bottom:10px!important;
}
body.workspace.client-route-orders .order-list-modern{
  display:grid!important;
  gap:18px!important;
}
body.workspace.client-route-orders .order-row-modern{
  position:relative!important;
  overflow:hidden!important;
  padding:0!important;
}
body.workspace.client-route-orders .order-row-main{
  display:grid!important;
  grid-template-columns:minmax(220px,.9fr) minmax(220px,1fr) minmax(200px,.85fr) auto auto!important;
  align-items:center!important;
  gap:24px!important;
  padding:28px 30px!important;
  text-decoration:none!important;
  color:inherit!important;
}
body.workspace.client-route-orders .order-row-id strong{
  display:block!important;
  font-size:34px!important;
  line-height:1.04!important;
  font-weight:790!important;
  letter-spacing:-.035em!important;
}
body.workspace.client-route-orders .order-row-id span{
  display:block!important;
  margin-top:10px!important;
  color:var(--cc-muted)!important;
  font-size:15px!important;
  font-weight:650!important;
}
body.workspace.client-route-orders .order-row-info h3{
  margin:0 0 8px!important;
  color:var(--cc-blue)!important;
  font-size:28px!important;
  line-height:1.08!important;
  font-weight:790!important;
  letter-spacing:-.03em!important;
}
body.workspace.client-route-orders .order-row-info p{
  margin:0!important;
  color:var(--cc-muted)!important;
  font-size:16px!important;
}
body.workspace.client-route-orders .order-row-stats{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}
body.workspace.client-route-orders .order-row-stats span{
  display:grid!important;
  gap:8px!important;
  color:var(--cc-muted)!important;
  font-size:14px!important;
  font-weight:700!important;
}
body.workspace.client-route-orders .order-row-stats b{
  color:var(--cc-text)!important;
  font-size:18px!important;
  font-weight:780!important;
}
body.workspace.client-route-orders .order-row-modern .status-pill{
  justify-self:start!important;
}
body.workspace.client-route-orders .order-open-arrow{
  color:var(--cc-blue)!important;
  font-size:28px!important;
  font-weight:800!important;
}
body.workspace.client-route-orders .order-row-delete{
  position:absolute!important;
  top:16px!important;
  right:16px!important;
}
body.workspace.client-route-orders .order-row-delete button{
  width:34px!important;
  height:34px!important;
  min-height:34px!important;
  border-radius:10px!important;
}

/* Order editor ------------------------------------------------------------ */
body.workspace.client-route-order-edit .order-flow-wrap.order-editor-v2{
  max-width:1360px!important;
}
body.workspace.client-route-order-edit .order-editor-v2-top{
  margin-bottom:22px!important;
}
body.workspace.client-route-order-edit .order-editor-v2-back{
  display:inline-flex!important;
  align-items:center!important;
  min-height:42px!important;
  padding:0 14px!important;
  border:1px solid #d6e1ec!important;
  border-radius:999px!important;
  background:#fff!important;
  color:var(--cc-blue)!important;
  font-size:14px!important;
  font-weight:760!important;
  text-decoration:none!important;
}
body.workspace.client-route-order-edit .order-editor-v2-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:22px!important;
  margin-top:16px!important;
}
body.workspace.client-route-order-edit .order-editor-v2-number{
  gap:12px!important;
  margin-bottom:12px!important;
}
body.workspace.client-route-order-edit .order-editor-v2-number span{
  color:var(--cc-muted)!important;
  font-size:14px!important;
  font-weight:700!important;
}
body.workspace.client-route-order-edit .order-editor-v2-number strong{
  color:var(--cc-blue)!important;
  font-size:26px!important;
  font-weight:790!important;
  letter-spacing:-.025em!important;
}
body.workspace.client-route-order-edit .order-editor-v2-meta{
  display:flex!important;
  gap:18px!important;
  margin-top:14px!important;
  flex-wrap:wrap!important;
}
body.workspace.client-route-order-edit .order-editor-v2-export{
  display:flex!important;
  gap:10px!important;
  align-self:start!important;
}
body.workspace.client-route-order-edit .order-editor-v2-layout{
  grid-template-columns:minmax(0,1fr) 320px!important;
  gap:24px!important;
  align-items:start!important;
}
body.workspace.client-route-order-edit .order-editor-v2-side{
  position:sticky!important;
  top:100px!important;
}

body.workspace.client-route-order-edit .order-delivery-quick{
  overflow:hidden!important;
}
body.workspace.client-route-order-edit .order-delivery-quick>summary{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:16px!important;
  padding:18px 20px!important;
  list-style:none!important;
}
body.workspace.client-route-order-edit .order-delivery-quick>summary::-webkit-details-marker{display:none}
body.workspace.client-route-order-edit .order-delivery-quick-panel{
  padding:18px 20px 20px!important;
  border-top:1px solid var(--cc-line-soft)!important;
  display:grid!important;
  gap:12px!important;
}
body.workspace.client-route-order-edit .order-delivery-quick-panel a{
  color:var(--cc-blue)!important;
  font-size:14px!important;
  font-weight:760!important;
  text-decoration:none!important;
}

body.workspace.client-route-order-edit .order-editor-v2-products{
  overflow:hidden!important;
}
body.workspace.client-route-order-edit .order-editor-v2-products-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:18px!important;
  padding:20px 22px 18px!important;
}
body.workspace.client-route-order-edit .order-editor-v2-section-title h2{
  margin:6px 0 8px!important;
  font-size:42px!important;
  line-height:1.02!important;
  font-weight:800!important;
  letter-spacing:-.04em!important;
}
body.workspace.client-route-order-edit .order-editor-v2-products-head h2 em{
  color:var(--cc-muted)!important;
  font-style:normal!important;
}
body.workspace.client-route-order-edit .order-step{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:36px!important;
  height:28px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:var(--cc-blue-soft)!important;
  color:var(--cc-blue)!important;
  font-size:12px!important;
  font-weight:820!important;
  letter-spacing:.10em!important;
}
body.workspace.client-route-order-edit .order-editor-v2-add{
  min-width:170px!important;
}
body.workspace.client-route-order-edit .order-editor-v2-product-list{
  display:grid!important;
  gap:16px!important;
  padding:0 20px 20px!important;
}
body.workspace.client-route-order-edit .order-product-v2{
  margin:0!important;
  border-radius:20px!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid var(--cc-line)!important;
}
body.workspace.client-route-order-edit .order-product-v3-summary{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) auto 34px 26px!important;
  align-items:center!important;
  gap:16px!important;
  padding:18px 20px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
}
body.workspace.client-route-order-edit .order-product-v2-index{
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  background:#eff5fb!important;
  color:var(--cc-blue)!important;
  font-size:16px!important;
  font-weight:790!important;
  display:grid!important;
  place-items:center!important;
}
body.workspace.client-route-order-edit .order-product-v2-title strong{
  display:block!important;
  font-size:22px!important;
  line-height:1.12!important;
  font-weight:780!important;
  color:var(--cc-text)!important;
}
body.workspace.client-route-order-edit .order-product-v2-title small{
  display:block!important;
  margin-top:6px!important;
  color:var(--cc-muted)!important;
  font-size:14px!important;
  font-weight:650!important;
}
body.workspace.client-route-order-edit .order-product-v3-toggle{
  color:#7b91a7!important;
  font-size:18px!important;
}
body.workspace.client-route-order-edit .order-product-v3-content{
  border-top:1px solid var(--cc-line-soft)!important;
  background:#fbfdff!important;
}
body.workspace.client-route-order-edit .order-product-v3-toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:14px 18px!important;
  border-bottom:1px solid var(--cc-line-soft)!important;
  background:#fff!important;
}
body.workspace.client-route-order-edit .order-product-v3-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
body.workspace.client-route-order-edit .order-product-v2-body{
  display:grid!important;
  grid-template-columns:230px minmax(0,1fr)!important;
  gap:20px!important;
  align-items:start!important;
  padding:20px!important;
}
body.workspace.client-route-order-edit .order-product-v2-media{
  display:grid!important;
  gap:14px!important;
  padding:16px!important;
  border:1px solid var(--cc-line-soft)!important;
  border-radius:18px!important;
  background:#fff!important;
}
body.workspace.client-route-order-edit .order-product-v2-media-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}
body.workspace.client-route-order-edit .order-product-v2-media-title span{
  color:var(--cc-text-soft)!important;
  font-size:14px!important;
  font-weight:780!important;
}
body.workspace.client-route-order-edit .order-product-v2-media-title small,
body.workspace.client-route-order-edit .order-product-v2-media-hint{
  color:var(--cc-muted)!important;
  font-size:13px!important;
  line-height:1.5!important;
}
body.workspace.client-route-order-edit .photo-stack.order-product-v2-photos{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:88px!important;
  gap:10px!important;
  overflow-x:auto!important;
  padding-bottom:2px!important;
  scrollbar-width:thin!important;
}
body.workspace.client-route-order-edit .photo-card,
body.workspace.client-route-order-edit .photo-add{
  width:88px!important;
  min-width:88px!important;
}
body.workspace.client-route-order-edit .photo-card img{
  width:88px!important;
  height:88px!important;
  border-radius:14px!important;
  object-fit:cover!important;
}
body.workspace.client-route-order-edit .photo-add{
  min-height:88px!important;
  padding:10px 8px!important;
  border-radius:14px!important;
  border:1px dashed #c4d5e6!important;
  background:#f7fbff!important;
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
}
body.workspace.client-route-order-edit .photo-add b{
  font-size:12px!important;
}
body.workspace.client-route-order-edit .order-product-v2-fields{
  display:grid!important;
  gap:16px!important;
}
body.workspace.client-route-order-edit .order-product-v2-url .input-with-action{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 44px!important;
  align-items:center!important;
  gap:10px!important;
}
body.workspace.client-route-order-edit .order-product-v2-url .input-with-action>a{
  width:44px!important;
  height:44px!important;
  min-height:44px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid var(--cc-line)!important;
  border-radius:12px!important;
  background:#fff!important;
  color:var(--cc-blue)!important;
  text-decoration:none!important;
  font-size:18px!important;
}
body.workspace.client-route-order-edit .order-product-v2-essential{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 140px!important;
  gap:14px!important;
  align-items:end!important;
}
body.workspace.client-route-order-edit .order-product-v2-more>summary{
  list-style:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:16px 18px!important;
  border:1px solid var(--cc-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  cursor:pointer!important;
}
body.workspace.client-route-order-edit .order-product-v2-more>summary::-webkit-details-marker{display:none}
body.workspace.client-route-order-edit .order-product-v2-more[open]>summary{
  border-bottom-left-radius:0!important;
  border-bottom-right-radius:0!important;
}
body.workspace.client-route-order-edit .order-product-v2-more>summary b{
  color:var(--cc-text)!important;
  font-size:16px!important;
  font-weight:780!important;
}
body.workspace.client-route-order-edit .order-product-v2-more>summary small{
  display:block!important;
  margin-top:4px!important;
  color:var(--cc-muted)!important;
  font-size:13px!important;
  line-height:1.45!important;
}
body.workspace.client-route-order-edit .order-product-v2-extra-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  padding:18px!important;
  border:1px solid var(--cc-line)!important;
  border-top:0!important;
  border-radius:0 0 16px 16px!important;
  background:#fff!important;
}
body.workspace.client-route-order-edit .order-product-v2-extra-grid .field:nth-of-type(4){
  grid-column:1 / span 2!important;
}
body.workspace.client-route-order-edit .order-product-v2-extra-grid .field.full{
  grid-column:1 / -1!important;
}
body.workspace.client-route-order-edit .buyer-response-compact.order-product-v2-buyer{
  margin:0 20px 20px!important;
  padding:18px!important;
  border:1px solid var(--cc-line)!important;
  border-radius:18px!important;
  background:#fff!important;
}
body.workspace.client-route-order-edit .buyer-response-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin-bottom:14px!important;
}
body.workspace.client-route-order-edit .buyer-response-title b{
  font-size:18px!important;
  font-weight:780!important;
}
body.workspace.client-route-order-edit .buyer-response-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
body.workspace.client-route-order-edit .buyer-response-grid>div{
  display:grid!important;
  gap:6px!important;
}
body.workspace.client-route-order-edit .buyer-response-grid>div span{
  color:var(--cc-muted)!important;
  font-size:13px!important;
  font-weight:700!important;
}
body.workspace.client-route-order-edit .buyer-response-grid>div strong{
  color:var(--cc-text)!important;
  font-size:15px!important;
  line-height:1.45!important;
}
body.workspace.client-route-order-edit .buyer-response-grid>div.full{
  grid-column:1/-1!important;
}

body.workspace.client-route-order-edit .order-summary-v2{
  padding:20px!important;
}
body.workspace.client-route-order-edit .order-summary-v2-label{
  color:var(--cc-muted)!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  margin-bottom:12px!important;
}
body.workspace.client-route-order-edit .order-summary-v2-row{
  display:grid!important;
  gap:6px!important;
}
body.workspace.client-route-order-edit .order-summary-v2-row span,
body.workspace.client-route-order-edit .order-summary-v2 p,
body.workspace.client-route-order-edit .order-editor-v2-side-help{
  color:var(--cc-muted)!important;
  font-size:14px!important;
  line-height:1.6!important;
}
body.workspace.client-route-order-edit .order-summary-v2-row strong,
body.workspace.client-route-order-edit .order-summary-v2 strong{
  color:var(--cc-text)!important;
  font-size:16px!important;
  line-height:1.4!important;
  font-weight:780!important;
}
body.workspace.client-route-order-edit .order-summary-v2-total strong[data-order-total-cny]{
  display:block!important;
  font-size:30px!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
  margin-bottom:8px!important;
}
body.workspace.client-route-order-edit .order-editor-v2-side-help{
  padding:6px 4px!important;
}
body.workspace.client-route-order-edit .order-action-bar-v2{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:16px 18px!important;
  margin-top:10px!important;
}
body.workspace.client-route-order-edit .order-action-buttons{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
body.workspace.client-route-order-edit .delete-draft-v2{
  margin-top:18px!important;
  text-align:center!important;
}

/* Footer ----------------------------------------------------------------- */
body.workspace .workspace-site-footer{
  margin-top:80px!important;
  padding:46px 0 22px!important;
  border-top:none!important;
  background:#0d2b52!important;
}
body.workspace .workspace-site-footer .footer-main{
  gap:28px!important;
  align-items:start!important;
}
body.workspace .workspace-site-footer .footer-logo img{
  max-width:240px!important;
  height:auto!important;
}
body.workspace .workspace-site-footer .footer-brand p,
body.workspace .workspace-site-footer .footer-column a,
body.workspace .workspace-site-footer .footer-column strong,
body.workspace .workspace-site-footer .footer-column span,
body.workspace .workspace-site-footer .footer-bottom span,
body.workspace .workspace-site-footer .footer-cookie-link{
  font-size:15px!important;
  line-height:1.65!important;
}
body.workspace .workspace-site-footer .footer-title{
  font-size:12px!important;
  letter-spacing:.14em!important;
}
body.workspace .workspace-site-footer .footer-column{
  gap:10px!important;
}

/* Responsive -------------------------------------------------------------- */
@media (max-width:1180px){
  body.workspace .wrap{
    width:min(100%,calc(100% - 32px))!important;
  }
  body.workspace.client-route-cabinet .client-dashboard-order{
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  body.workspace.client-route-cabinet .client-dashboard-order-meta{
    grid-column:1 / -1!important;
  }
  body.workspace.client-route-orders .order-row-main{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-areas:
      'id status'
      'info info'
      'stats open'!important;
    align-items:start!important;
  }
  body.workspace.client-route-orders .order-row-id{grid-area:id!important}
  body.workspace.client-route-orders .order-row-info{grid-area:info!important}
  body.workspace.client-route-orders .order-row-stats{grid-area:stats!important}
  body.workspace.client-route-orders .order-row-modern .status-pill{grid-area:status!important;justify-self:end!important}
  body.workspace.client-route-orders .order-open-arrow{grid-area:open!important;justify-self:end!important;align-self:end!important}
  body.workspace.client-route-order-edit .order-editor-v2-layout{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.workspace.client-route-order-edit .order-editor-v2-side{
    position:static!important;
    top:auto!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:16px!important;
  }
  body.workspace.client-route-order-edit .order-editor-v2-side-help{
    grid-column:1/-1!important;
    padding:0!important;
  }
}

@media (max-width:900px){
  body.workspace.client-route-cabinet .client-order-overview{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.workspace.client-route-cabinet .client-dashboard-primary,
  body.workspace.client-route-cabinet .client-dashboard-help,
  body.workspace.client-route-orders .page-heading.orders-heading,
  body.workspace.client-route-order-edit .order-editor-v2-hero,
  body.workspace.client-route-order-edit .order-editor-v2-products-head{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.workspace.client-route-cabinet .client-dashboard-create,
  body.workspace.client-route-order-edit .order-editor-v2-export .btn,
  body.workspace.client-route-orders .page-heading.orders-heading .btn{
    width:100%!important;
    justify-content:center!important;
  }
  body.workspace.client-route-order-edit .order-product-v2-body{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.workspace.client-route-order-edit .order-product-v2-extra-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.workspace.client-route-order-edit .order-product-v2-extra-grid .field:nth-of-type(4){
    grid-column:1 / -1!important;
  }
}

@media (max-width:760px){
  body.workspace .workspace-main{
    padding:22px 0 68px!important;
  }
  body.workspace .wrap{
    width:calc(100% - 24px)!important;
  }
  body.workspace .workspace-head-inner{
    min-height:72px!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  body.workspace .workspace-brand{
    min-width:0!important;
    height:42px!important;
  }
  body.workspace .workspace-brand picture,
  body.workspace .workspace-brand img{
    height:42px!important;
    max-height:42px!important;
  }
  body.workspace .page-heading h1,
  body.workspace .order-new-head h1,
  body.workspace .order-editor-head h1,
  body.workspace .profile-hero h1,
  body.workspace.client-route-cabinet .client-dashboard-intro h1,
  body.workspace.client-route-order-edit .order-editor-v2-hero h1{
    font-size:clamp(32px,11vw,44px)!important;
  }
  body.workspace .page-heading p,
  body.workspace .order-new-head p,
  body.workspace .order-editor-head p,
  body.workspace .profile-hero p,
  body.workspace.client-route-cabinet .client-dashboard-intro p,
  body.workspace.client-route-order-edit .order-editor-v2-meta,
  body.workspace.client-route-order-edit .order-editor-v2-section-title p{
    font-size:15px!important;
  }
  body.workspace .btn{
    min-height:46px!important;
  }
  body.workspace.client-route-cabinet .client-dashboard-primary,
  body.workspace.client-route-cabinet .client-dashboard-help,
  body.workspace.client-route-orders .order-row-main,
  body.workspace.client-route-order-edit .order-editor-v2-products-head,
  body.workspace.client-route-order-edit .order-editor-v2-hero{
    gap:16px!important;
  }
  body.workspace.client-route-cabinet .client-order-overview,
  body.workspace.client-route-order-edit .order-editor-v2-side,
  body.workspace.client-route-order-edit .buyer-response-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.workspace.client-route-cabinet .client-dashboard-section-head h2,
  body.workspace.client-route-order-edit .order-editor-v2-section-title h2{
    font-size:32px!important;
  }
  body.workspace.client-route-cabinet .client-dashboard-primary h2{
    font-size:28px!important;
  }
  body.workspace.client-route-cabinet .client-dashboard-order{
    grid-template-columns:minmax(0,1fr)!important;
    padding:18px 18px!important;
  }
  body.workspace.client-route-cabinet .client-dashboard-order-main strong{
    font-size:22px!important;
  }
  body.workspace.client-route-cabinet .client-dashboard-order-main span{
    font-size:16px!important;
  }
  body.workspace.client-route-cabinet .client-dashboard-order-open{
    justify-self:start!important;
  }
  body.workspace.client-route-orders .order-row-main{
    grid-template-columns:minmax(0,1fr)!important;
    padding:22px 18px!important;
  }
  body.workspace.client-route-orders .order-row-modern .status-pill,
  body.workspace.client-route-orders .order-open-arrow{
    justify-self:start!important;
  }
  body.workspace.client-route-orders .order-row-id strong{
    font-size:26px!important;
  }
  body.workspace.client-route-orders .order-row-info h3{
    font-size:22px!important;
  }
  body.workspace.client-route-orders .order-row-stats{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.workspace.client-route-order-edit .order-delivery-quick>summary,
  body.workspace.client-route-order-edit .order-product-v3-summary{
    grid-template-columns:auto minmax(0,1fr) auto auto!important;
  }
  body.workspace.client-route-order-edit .order-product-v3-summary>.status-pill{
    display:none!important;
  }
  body.workspace.client-route-order-edit .order-product-v3-toolbar,
  body.workspace.client-route-order-edit .order-action-bar-v2,
  body.workspace.client-route-order-edit .order-product-v3-actions,
  body.workspace.client-route-order-edit .order-action-buttons{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.workspace.client-route-order-edit .order-product-v3-toolbar{
    justify-content:stretch!important;
  }
  body.workspace.client-route-order-edit .order-product-v3-actions .btn,
  body.workspace.client-route-order-edit .order-action-buttons .btn{
    width:100%!important;
    justify-content:center!important;
  }
  body.workspace.client-route-order-edit .order-product-v2-essential,
  body.workspace.client-route-order-edit .order-product-v2-extra-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.workspace.client-route-order-edit .order-product-v2-media{
    padding:14px!important;
  }
  body.workspace.client-route-order-edit .photo-stack.order-product-v2-photos{
    grid-auto-columns:84px!important;
  }
  body.workspace.client-route-order-edit .photo-card,
  body.workspace.client-route-order-edit .photo-add,
  body.workspace.client-route-order-edit .photo-card img{
    width:84px!important;
    min-width:84px!important;
    height:84px!important;
  }
  body.workspace .workspace-site-footer{
    margin-top:56px!important;
    padding-top:34px!important;
  }
  body.workspace .workspace-site-footer .footer-brand p,
  body.workspace .workspace-site-footer .footer-column a,
  body.workspace .workspace-site-footer .footer-column strong,
  body.workspace .workspace-site-footer .footer-column span,
  body.workspace .workspace-site-footer .footer-bottom span,
  body.workspace .workspace-site-footer .footer-cookie-link{
    font-size:14px!important;
  }
}


/* ==========================================================================
   ChinaBe 1.6.43 — Compact Mobile Workspace
   Mobile is a working surface, not an enlarged desktop layout.
   ========================================================================== */

@media (max-width:760px){

  /* ---- Global mobile density ---- */
  body.workspace{
    --cc-radius-xl:16px;
    --cc-radius-lg:15px;
    --cc-radius-md:13px;
    --cc-radius-sm:11px;
  }

  body.workspace .workspace-main{
    padding:16px 0 46px!important;
  }

  body.workspace .wrap{
    width:calc(100% - 20px)!important;
  }

  body.workspace .panel,
  body.workspace .client-dashboard-primary,
  body.workspace .client-order-stat,
  body.workspace .client-dashboard-order,
  body.workspace .client-dashboard-help,
  body.workspace .order-row-modern,
  body.workspace .order-delivery-quick,
  body.workspace .order-editor-v2-products,
  body.workspace .order-summary-v2,
  body.workspace .order-action-bar-v2{
    border-radius:15px!important;
    box-shadow:0 4px 14px rgba(14,34,58,.045)!important;
  }

  /* Readable, but not oversized. */
  body.workspace .page-heading h1,
  body.workspace .order-new-head h1,
  body.workspace .order-editor-head h1,
  body.workspace .profile-hero h1,
  body.workspace.client-route-cabinet .client-dashboard-intro h1,
  body.workspace.client-route-order-edit .order-editor-v2-hero h1{
    font-size:30px!important;
    line-height:1.06!important;
    letter-spacing:-.035em!important;
  }

  body.workspace .page-heading p,
  body.workspace .order-new-head p,
  body.workspace .order-editor-head p,
  body.workspace .profile-hero p,
  body.workspace.client-route-cabinet .client-dashboard-intro p,
  body.workspace.client-route-order-edit .order-editor-v2-meta,
  body.workspace.client-route-order-edit .order-editor-v2-section-title p,
  body.workspace.client-route-cabinet .client-dashboard-help p{
    font-size:13px!important;
    line-height:1.45!important;
  }

  body.workspace .eyebrow{
    font-size:9.5px!important;
    letter-spacing:.13em!important;
  }

  /* Controls: normal touch target, not giant cards. */
  body.workspace .btn{
    min-height:42px!important;
    padding:9px 13px!important;
    border-radius:11px!important;
    font-size:12.5px!important;
  }

  body.workspace .field{
    gap:5px!important;
    font-size:11.5px!important;
  }

  body.workspace .field input,
  body.workspace .field select,
  body.workspace .field textarea{
    min-height:44px!important;
    padding:9px 11px!important;
    border-radius:11px!important;
    font-size:15px!important;
    line-height:1.35!important;
  }

  body.workspace .field textarea{
    min-height:82px!important;
  }

  /* ---- Header ---- */
  body.workspace .workspace-head-inner{
    min-height:58px!important;
  }

  body.workspace .workspace-brand,
  body.workspace .workspace-brand picture,
  body.workspace .workspace-brand img{
    height:36px!important;
    max-height:36px!important;
  }

  body.workspace .workspace-menu-toggle{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    border-radius:11px!important;
  }

  /* ---- Cabinet dashboard ---- */
  body.workspace.client-route-cabinet .client-dashboard-intro{
    margin-bottom:14px!important;
  }

  body.workspace.client-route-cabinet .client-dashboard-intro p{
    margin-top:5px!important;
  }

  body.workspace.client-route-cabinet .client-dashboard-primary{
    padding:16px!important;
    margin-bottom:12px!important;
    gap:12px!important;
  }

  body.workspace.client-route-cabinet .tool-badge{
    min-height:22px!important;
    padding:0 8px!important;
    font-size:8.5px!important;
  }

  body.workspace.client-route-cabinet .client-dashboard-primary h2{
    margin:7px 0 5px!important;
    font-size:22px!important;
  }

  body.workspace.client-route-cabinet .client-dashboard-primary p{
    font-size:12.5px!important;
    line-height:1.45!important;
  }

  body.workspace.client-route-cabinet .client-dashboard-create{
    min-width:0!important;
    width:100%!important;
  }

  body.workspace.client-route-cabinet .client-order-overview{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-bottom:18px!important;
  }

  body.workspace.client-route-cabinet .client-order-stat{
    min-height:78px!important;
    padding:11px 12px!important;
  }

  body.workspace.client-route-cabinet .client-order-stat span{
    font-size:10.5px!important;
  }

  body.workspace.client-route-cabinet .client-order-stat strong{
    margin-top:4px!important;
    font-size:28px!important;
  }

  body.workspace.client-route-cabinet .client-dashboard-section-head{
    margin-bottom:10px!important;
  }

  body.workspace.client-route-cabinet .client-dashboard-section-head h2{
    font-size:24px!important;
  }

  body.workspace.client-route-cabinet .client-dashboard-section-head>a{
    font-size:12px!important;
  }

  body.workspace.client-route-cabinet .client-dashboard-order-list{
    gap:8px!important;
  }

  body.workspace.client-route-cabinet .client-dashboard-order{
    padding:13px 14px!important;
    gap:8px!important;
  }

  body.workspace.client-route-cabinet .client-dashboard-order-main strong{
    font-size:16px!important;
  }

  body.workspace.client-route-cabinet .client-dashboard-order-main span{
    margin-top:2px!important;
    font-size:12px!important;
  }

  body.workspace.client-route-cabinet .client-dashboard-order-meta{
    gap:8px!important;
    font-size:10.5px!important;
  }

  body.workspace.client-route-cabinet .client-dashboard-order-meta b{
    font-size:11px!important;
  }

  body.workspace.client-route-cabinet .client-dashboard-order-open{
    font-size:11.5px!important;
  }

  body.workspace.client-route-cabinet .client-dashboard-help{
    margin-top:12px!important;
    padding:14px!important;
    gap:8px!important;
  }

  body.workspace.client-route-cabinet .client-dashboard-help h2{
    margin:4px 0 4px!important;
    font-size:20px!important;
  }

  body.workspace.client-route-cabinet .client-dashboard-help>a{
    font-size:12px!important;
  }

  /* ---- Orders list ---- */
  body.workspace.client-route-orders .page-heading.orders-heading{
    margin-bottom:14px!important;
    gap:10px!important;
  }

  body.workspace.client-route-orders .page-heading.orders-heading h1{
    margin-bottom:5px!important;
  }

  body.workspace.client-route-orders .order-list-modern{
    gap:9px!important;
  }

  body.workspace.client-route-orders .order-row-main{
    padding:14px!important;
    gap:8px!important;
  }

  body.workspace.client-route-orders .order-row-id strong{
    font-size:17px!important;
    letter-spacing:-.015em!important;
  }

  body.workspace.client-route-orders .order-row-id span{
    margin-top:3px!important;
    font-size:10.5px!important;
  }

  body.workspace.client-route-orders .order-row-info h3{
    margin-bottom:3px!important;
    font-size:17px!important;
  }

  body.workspace.client-route-orders .order-row-info p{
    font-size:11.5px!important;
  }

  body.workspace.client-route-orders .order-row-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  body.workspace.client-route-orders .order-row-stats span{
    gap:2px!important;
    font-size:10px!important;
  }

  body.workspace.client-route-orders .order-row-stats b{
    font-size:12px!important;
  }

  body.workspace.client-route-orders .order-open-arrow{
    font-size:20px!important;
  }

  body.workspace.client-route-orders .order-row-delete{
    top:8px!important;
    right:8px!important;
  }

  /* ---- Order editor: compact professional mobile ---- */
  body.workspace.client-route-order-edit .order-flow-wrap.order-editor-v2{
    width:calc(100% - 20px)!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-top{
    margin-bottom:12px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-back{
    min-height:32px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    font-size:11px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-hero{
    margin-top:5px!important;
    gap:8px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-number{
    gap:5px 7px!important;
    margin-bottom:5px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-number span{
    font-size:9.5px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-number strong{
    font-size:12px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-meta{
    gap:4px 10px!important;
    margin-top:5px!important;
    font-size:10px!important;
    line-height:1.3!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-export{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-export .btn{
    width:100%!important;
    min-height:38px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-layout{
    gap:10px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-main{
    gap:10px!important;
  }

  /* Delivery stays one compact row until user asks to edit it. */
  body.workspace.client-route-order-edit .order-delivery-quick>summary{
    min-height:50px!important;
    padding:8px 10px!important;
    grid-template-columns:28px minmax(0,1fr) auto!important;
    gap:8px!important;
  }

  body.workspace.client-route-order-edit .order-delivery-quick-icon{
    width:28px!important;
    height:28px!important;
    border-radius:9px!important;
    font-size:12px!important;
  }

  body.workspace.client-route-order-edit .order-delivery-quick-copy small{
    font-size:8px!important;
  }

  body.workspace.client-route-order-edit .order-delivery-quick-copy strong{
    font-size:11.5px!important;
  }

  body.workspace.client-route-order-edit .order-delivery-quick-action{
    font-size:10px!important;
  }

  body.workspace.client-route-order-edit .order-delivery-quick-panel{
    padding:9px!important;
    gap:7px!important;
  }

  body.workspace.client-route-order-edit .order-delivery-quick-panel>a{
    min-height:30px!important;
    font-size:10.5px!important;
  }

  /* Products section should not be another giant card around all products. */
  body.workspace.client-route-order-edit .order-editor-v2-products{
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-products-head{
    padding:4px 0 7px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:end!important;
    gap:8px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-section-title{
    gap:6px!important;
  }

  body.workspace.client-route-order-edit .order-step{
    min-width:24px!important;
    height:20px!important;
    padding:0 6px!important;
    font-size:8px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-section-title h2{
    margin:0 0 2px!important;
    font-size:21px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-section-title p{
    margin:0!important;
    max-width:240px!important;
    font-size:9.5px!important;
    line-height:1.35!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-add{
    min-width:0!important;
    min-height:36px!important;
    padding:7px 9px!important;
    font-size:10.5px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-product-list{
    gap:8px!important;
    padding:0!important;
  }

  body.workspace.client-route-order-edit .order-product-v2{
    border-radius:14px!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-summary{
    min-height:50px!important;
    padding:8px 9px!important;
    grid-template-columns:28px minmax(0,1fr) 28px 22px!important;
    gap:7px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-index{
    width:28px!important;
    min-width:28px!important;
    height:28px!important;
    border-radius:8px!important;
    font-size:11px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-title strong{
    font-size:13px!important;
    line-height:1.2!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-title small{
    margin-top:2px!important;
    font-size:9px!important;
  }

  body.workspace.client-route-order-edit .order-product-summary-delete{
    width:28px!important;
    min-width:28px!important;
    height:28px!important;
    min-height:28px!important;
    font-size:17px!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-toggle{
    width:22px!important;
    height:22px!important;
    font-size:13px!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-content{
    background:#fff!important;
  }

  /* Product actions in one compact row on normal phones. */
  body.workspace.client-route-order-edit .order-product-v3-toolbar{
    padding:7px 8px!important;
    gap:6px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-save-state{
    min-height:18px!important;
    font-size:8.5px!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-actions{
    display:flex!important;
    width:auto!important;
    gap:5px!important;
    flex-wrap:nowrap!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-actions .btn{
    width:auto!important;
    min-width:0!important;
    min-height:34px!important;
    padding:6px 8px!important;
    border-radius:9px!important;
    font-size:9.5px!important;
    white-space:nowrap!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-actions .order-product-save{
    min-width:94px!important;
  }

  /* Main item editor: compact single column, but keep related fields together. */
  body.workspace.client-route-order-edit .order-product-v2-body{
    padding:9px!important;
    gap:9px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-media{
    padding:8px!important;
    gap:6px!important;
    border-radius:11px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-media-title span{
    font-size:10px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-media-title small{
    font-size:8.5px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-media-hint{
    display:none!important;
  }

  body.workspace.client-route-order-edit .photo-stack.order-product-v2-photos{
    grid-auto-columns:62px!important;
    gap:6px!important;
  }

  body.workspace.client-route-order-edit .photo-card,
  body.workspace.client-route-order-edit .photo-add,
  body.workspace.client-route-order-edit .photo-card img{
    width:62px!important;
    min-width:62px!important;
    height:62px!important;
  }

  body.workspace.client-route-order-edit .photo-add{
    min-height:62px!important;
    padding:5px!important;
    border-radius:9px!important;
  }

  body.workspace.client-route-order-edit .photo-add b{
    font-size:8px!important;
    line-height:1.1!important;
  }

  body.workspace.client-route-order-edit .photo-add small{
    font-size:6.5px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-fields{
    gap:8px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-url .input-with-action{
    grid-template-columns:minmax(0,1fr) 36px!important;
    gap:5px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-url .input-with-action>a{
    width:36px!important;
    min-width:36px!important;
    height:44px!important;
    min-height:44px!important;
    border-radius:10px!important;
    font-size:14px!important;
  }

  /* Product name + quantity stay in one row. */
  body.workspace.client-route-order-edit .order-product-v2-essential{
    grid-template-columns:minmax(0,1fr) 74px!important;
    gap:6px!important;
    align-items:end!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-more>summary{
    min-height:44px!important;
    padding:7px 9px!important;
    border-radius:11px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-more>summary b{
    font-size:11px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-more>summary small{
    margin-top:1px!important;
    font-size:8.5px!important;
    line-height:1.25!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-extra-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    padding:8px!important;
    border-radius:0 0 11px 11px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-extra-grid .field:nth-of-type(3),
  body.workspace.client-route-order-edit .order-product-v2-extra-grid .field:nth-of-type(4),
  body.workspace.client-route-order-edit .order-product-v2-extra-grid .field.full{
    grid-column:1/-1!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-extra-grid .field textarea{
    min-height:68px!important;
  }

  /* Side summary is a compact overview, not three huge stacked cards. */
  body.workspace.client-route-order-edit .order-editor-v2-side{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  body.workspace.client-route-order-edit .order-summary-v2{
    padding:11px!important;
    border-radius:13px!important;
  }

  body.workspace.client-route-order-edit .order-summary-v2:nth-child(2){
    grid-column:1/-1!important;
  }

  body.workspace.client-route-order-edit .order-summary-v2-label{
    margin-bottom:5px!important;
    font-size:8px!important;
  }

  body.workspace.client-route-order-edit .order-summary-v2-row{
    gap:2px!important;
  }

  body.workspace.client-route-order-edit .order-summary-v2-row span,
  body.workspace.client-route-order-edit .order-summary-v2 p{
    margin-top:3px!important;
    font-size:9.5px!important;
    line-height:1.35!important;
  }

  body.workspace.client-route-order-edit .order-summary-v2-row strong,
  body.workspace.client-route-order-edit .order-summary-v2 strong{
    font-size:12px!important;
  }

  body.workspace.client-route-order-edit .order-summary-v2 .field + .field{
    margin-top:7px!important;
  }

  body.workspace.client-route-order-edit .order-summary-v2-total strong[data-order-total-cny]{
    margin-bottom:3px!important;
    font-size:23px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-side-help{
    display:none!important;
  }

  /* Global order actions stay visible but compact. */
  body.workspace.client-route-order-edit .order-action-bar-v2{
    position:sticky!important;
    bottom:max(6px,env(safe-area-inset-bottom))!important;
    z-index:34!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:7px!important;
    padding:7px!important;
    margin-top:8px!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.97)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
  }

  body.workspace.client-route-order-edit .order-action-bar-v2 .save-state{
    min-width:0!important;
    padding-left:4px!important;
    font-size:8px!important;
  }

  body.workspace.client-route-order-edit .order-action-buttons{
    display:flex!important;
    width:auto!important;
    gap:5px!important;
    flex-wrap:nowrap!important;
  }

  body.workspace.client-route-order-edit .order-action-buttons .btn{
    width:auto!important;
    min-width:0!important;
    min-height:38px!important;
    padding:6px 9px!important;
    font-size:9.5px!important;
    white-space:nowrap!important;
  }

  body.workspace.client-route-order-edit .delete-draft-v2{
    margin:10px 0 14px!important;
  }

  body.workspace.client-route-order-edit .delete-draft-v2 button{
    font-size:10px!important;
  }

  /* Footer should not dominate the working mobile UI. */
  body.workspace .workspace-site-footer{
    margin-top:34px!important;
    padding:24px 0 14px!important;
  }

  body.workspace .workspace-site-footer .footer-main{
    gap:18px!important;
  }

  body.workspace .workspace-site-footer .footer-logo img{
    max-width:190px!important;
  }

  body.workspace .workspace-site-footer .footer-brand p,
  body.workspace .workspace-site-footer .footer-column a,
  body.workspace .workspace-site-footer .footer-column strong,
  body.workspace .workspace-site-footer .footer-column span,
  body.workspace .workspace-site-footer .footer-bottom span,
  body.workspace .workspace-site-footer .footer-cookie-link{
    font-size:11.5px!important;
    line-height:1.45!important;
  }

  body.workspace .workspace-site-footer .footer-title{
    font-size:9px!important;
  }
}

/* Very narrow phones: only here do action buttons stack. */
@media (max-width:390px){

  body.workspace.client-route-order-edit .order-editor-v2-products-head{
    grid-template-columns:minmax(0,1fr)!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-add{
    width:100%!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-toolbar{
    grid-template-columns:minmax(0,1fr)!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    width:100%!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-actions .order-product-save{
    grid-column:1/-1!important;
    width:100%!important;
  }

  body.workspace.client-route-order-edit .order-action-bar-v2{
    grid-template-columns:minmax(0,1fr)!important;
  }

  body.workspace.client-route-order-edit .order-action-buttons{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    width:100%!important;
  }

  body.workspace.client-route-order-edit .order-action-buttons .btn{
    width:100%!important;
  }
}


/* ==========================================================================
   ChinaBe 1.6.44 — Order form hierarchy + AJAX photos
   ========================================================================== */

body.workspace.client-route-order-edit .order-editor-v2-title-line{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}

body.workspace.client-route-order-edit .order-editor-v2-title-line h2{
  margin:0!important;
}

body.workspace.client-route-order-edit .order-items-count{
  min-width:30px!important;
  height:26px!important;
  padding:0 9px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:#eaf3fb!important;
  color:#145f99!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:800!important;
}

body.workspace.client-route-order-edit .order-product-v2-essential{
  grid-template-columns:minmax(0,1fr) 100px 150px!important;
  gap:10px!important;
}

body.workspace.client-route-order-edit .order-product-v2-price input{
  text-align:right!important;
}

body.workspace.client-route-order-edit .order-editor-secondary{
  margin-top:18px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 260px!important;
  gap:12px!important;
  align-items:start!important;
}

body.workspace.client-route-order-edit .order-editor-secondary .order-delivery-quick{
  margin:0!important;
}

body.workspace.client-route-order-edit .order-editor-v2-export-bottom{
  padding:13px!important;
  display:grid!important;
  gap:8px!important;
  border:1px solid var(--cc-line)!important;
  border-radius:14px!important;
  background:#fff!important;
}

body.workspace.client-route-order-edit .order-editor-v2-export-bottom>span{
  color:#73859a!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

body.workspace.client-route-order-edit .order-editor-v2-export-bottom>div{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:6px!important;
}

body.workspace.client-route-order-edit .order-editor-v2-export-bottom .btn{
  width:100%!important;
  min-width:0!important;
}

body.workspace.client-route-order-edit [data-photo-add].is-uploading{
  opacity:.55!important;
  pointer-events:none!important;
}

body.workspace.client-route-order-edit [data-photo-add].is-uploading::after{
  content:"…"!important;
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:inherit!important;
  background:rgba(255,255,255,.82)!important;
  color:#1267a8!important;
  font-size:20px!important;
  font-weight:800!important;
}

/* The order-level note is deliberately simple: one textarea for the whole order. */
body.workspace.client-route-order-edit .order-summary-v2-comment .field textarea{
  min-height:106px!important;
}

@media(max-width:980px){
  body.workspace.client-route-order-edit .order-editor-secondary{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:760px){

  /* Products are the primary task, so secondary utilities live after the form. */
  body.workspace.client-route-order-edit .order-editor-v2-products-head{
    grid-template-columns:minmax(0,1fr) auto!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-section-title{
    display:block!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-title-line{
    gap:7px!important;
  }

  body.workspace.client-route-order-edit .order-items-count{
    min-width:25px!important;
    height:22px!important;
    padding:0 7px!important;
    font-size:10px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-section-title p{
    max-width:250px!important;
  }

  /* Name is full-width, quantity and price form a compact second row. */
  body.workspace.client-route-order-edit .order-product-v2-essential{
    grid-template-columns:78px minmax(0,1fr)!important;
    gap:6px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-name{
    grid-column:1/-1!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-qty{
    grid-column:1!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-price{
    grid-column:2!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-price input{
    text-align:left!important;
  }

  /* Total/buyer/comment are part of the form. Order actions come after them. */
  body.workspace.client-route-order-edit .order-editor-v2-side{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body.workspace.client-route-order-edit .order-summary-v2-comment{
    grid-column:1/-1!important;
  }

  body.workspace.client-route-order-edit .order-summary-v2-comment .field textarea{
    min-height:74px!important;
  }

  /* Fix save status/button collision: status gets its own small row. */
  body.workspace.client-route-order-edit .order-action-bar-v2{
    grid-template-columns:1fr!important;
    gap:5px!important;
  }

  body.workspace.client-route-order-edit .order-action-bar-v2 .save-state{
    min-height:18px!important;
    padding:0 4px!important;
    font-size:9px!important;
  }

  body.workspace.client-route-order-edit .order-action-buttons{
    display:grid!important;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr)!important;
    gap:5px!important;
    width:100%!important;
  }

  body.workspace.client-route-order-edit .order-action-buttons .btn{
    width:100%!important;
    min-height:40px!important;
    padding:7px 8px!important;
    font-size:10.5px!important;
  }

  /* Delivery + export are explicitly secondary and therefore last. */
  body.workspace.client-route-order-edit .order-editor-secondary{
    margin-top:10px!important;
    gap:7px!important;
  }

  body.workspace.client-route-order-edit .order-editor-secondary .order-delivery-quick>summary{
    min-height:44px!important;
    padding:7px 9px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-export-bottom{
    padding:8px!important;
    border-radius:11px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-export-bottom>span{
    font-size:8px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-export-bottom .btn{
    min-height:36px!important;
    font-size:10px!important;
  }
}

@media(max-width:390px){
  body.workspace.client-route-order-edit .order-editor-v2-products-head{
    grid-template-columns:1fr!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-add{
    width:100%!important;
  }
}

/* ==========================================================================
   ChinaBe 1.6.46 — Desktop Workspace Refinement
   Keep the compact mobile workspace from 1.6.43–1.6.45 untouched.
   Desktop gets a denser professional rhythm without changing functionality.
   ========================================================================== */

@media (min-width:761px){
  body.workspace{
    --cc-radius-xl:18px;
    --cc-radius-lg:16px;
    --cc-radius-md:13px;
    --cc-radius-sm:11px;
  }

  /* Global desktop density ------------------------------------------------ */
  body.workspace .workspace-main{
    padding:24px 0 62px!important;
  }

  body.workspace .wrap{
    width:min(1280px,calc(100% - 40px))!important;
    max-width:1280px!important;
  }

  body.workspace .workspace-head-inner{
    min-height:68px!important;
    gap:14px!important;
  }

  body.workspace .workspace-brand{
    min-width:166px!important;
    height:46px!important;
  }

  body.workspace .workspace-brand picture,
  body.workspace .workspace-brand img{
    max-width:166px!important;
    height:46px!important;
    max-height:46px!important;
  }

  body.workspace .workspace-nav{
    gap:5px!important;
  }

  body.workspace .workspace-nav a,
  body.workspace .workspace-nav button{
    min-height:38px!important;
    padding:8px 11px!important;
    border-radius:11px!important;
    font-size:13px!important;
  }

  body.workspace .lang-switch{
    padding:3px!important;
    border-radius:12px!important;
  }

  body.workspace .lang-switch button{
    min-width:48px!important;
    min-height:34px!important;
    padding:6px 10px!important;
  }

  body.workspace .page-heading h1,
  body.workspace .order-new-head h1,
  body.workspace .order-editor-head h1,
  body.workspace .profile-hero h1,
  body.workspace.client-route-cabinet .client-dashboard-intro h1,
  body.workspace.client-route-order-edit .order-editor-v2-hero h1{
    font-size:clamp(34px,3vw,44px)!important;
    line-height:1.05!important;
    letter-spacing:-.035em!important;
  }

  body.workspace .page-heading p,
  body.workspace .order-new-head p,
  body.workspace .order-editor-head p,
  body.workspace .profile-hero p,
  body.workspace.client-route-cabinet .client-dashboard-intro p,
  body.workspace.client-route-order-edit .order-editor-v2-meta,
  body.workspace.client-route-order-edit .order-editor-v2-section-title p,
  body.workspace.client-route-order-edit .order-delivery-quick-panel,
  body.workspace.client-route-orders .page-heading p,
  body.workspace.client-route-cabinet .client-dashboard-help p{
    font-size:14px!important;
    line-height:1.5!important;
  }

  body.workspace .eyebrow{
    font-size:10px!important;
    letter-spacing:.14em!important;
  }

  body.workspace .btn{
    min-height:42px!important;
    padding:9px 14px!important;
    border-radius:11px!important;
    font-size:13px!important;
  }

  body.workspace .field{
    gap:5px!important;
    font-size:12px!important;
  }

  body.workspace .field input,
  body.workspace .field select,
  body.workspace .field textarea{
    min-height:44px!important;
    padding:10px 12px!important;
    border-radius:11px!important;
    font-size:14px!important;
    line-height:1.4!important;
  }

  body.workspace .field textarea{
    min-height:92px!important;
  }

  /* Cabinet --------------------------------------------------------------- */
  body.workspace.client-route-cabinet .client-dashboard-intro{
    margin-bottom:17px!important;
  }

  body.workspace.client-route-cabinet .client-dashboard-intro p{
    margin-top:6px!important;
  }

  body.workspace.client-route-cabinet .client-dashboard-primary{
    gap:20px!important;
    padding:20px 22px!important;
    margin-bottom:14px!important;
  }

  body.workspace.client-route-cabinet .tool-badge{
    min-height:24px!important;
    padding:0 9px!important;
    font-size:9px!important;
  }

  body.workspace.client-route-cabinet .client-dashboard-primary h2{
    margin:7px 0 6px!important;
    font-size:27px!important;
  }

  body.workspace.client-route-cabinet .client-dashboard-create{
    min-width:170px!important;
  }

  body.workspace.client-route-cabinet .client-order-overview{
    gap:11px!important;
    margin-bottom:20px!important;
  }

  body.workspace.client-route-cabinet .client-order-stat{
    min-height:98px!important;
    padding:15px 17px!important;
  }

  body.workspace.client-route-cabinet .client-order-stat span{
    font-size:12.5px!important;
  }

  body.workspace.client-route-cabinet .client-order-stat strong{
    margin-top:6px!important;
    font-size:34px!important;
  }

  body.workspace.client-route-cabinet .client-dashboard-section-head{
    gap:12px!important;
    margin-bottom:12px!important;
  }

  body.workspace.client-route-cabinet .client-dashboard-section-head h2{
    font-size:30px!important;
    letter-spacing:-.03em!important;
  }

  body.workspace.client-route-cabinet .client-dashboard-section-head > a,
  body.workspace.client-route-cabinet .client-dashboard-help > a{
    font-size:14px!important;
  }

  body.workspace.client-route-cabinet .client-dashboard-order-list{
    gap:10px!important;
  }

  body.workspace.client-route-cabinet .client-dashboard-order{
    gap:15px!important;
    padding:16px 18px!important;
  }

  body.workspace.client-route-cabinet .client-dashboard-order-main strong{
    font-size:20px!important;
  }

  body.workspace.client-route-cabinet .client-dashboard-order-main span{
    margin-top:4px!important;
    font-size:14px!important;
  }

  body.workspace.client-route-cabinet .client-dashboard-order-meta{
    gap:13px!important;
    font-size:13px!important;
  }

  body.workspace.client-route-cabinet .client-dashboard-order-meta b{
    font-size:13px!important;
  }

  body.workspace.client-route-cabinet .client-dashboard-order-open{
    font-size:14px!important;
  }

  body.workspace.client-route-cabinet .client-dashboard-help{
    margin-top:16px!important;
    gap:16px!important;
    padding:18px 20px!important;
  }

  body.workspace.client-route-cabinet .client-dashboard-help h2{
    margin:4px 0 6px!important;
    font-size:24px!important;
  }

  /* Orders list ----------------------------------------------------------- */
  body.workspace.client-route-orders .page-heading.orders-heading{
    gap:16px!important;
    margin-bottom:18px!important;
  }

  body.workspace.client-route-orders .page-heading.orders-heading h1{
    margin-bottom:6px!important;
  }

  body.workspace.client-route-orders .order-list-modern{
    gap:11px!important;
  }

  body.workspace.client-route-orders .order-row-main{
    gap:17px!important;
    padding:19px 21px!important;
  }

  body.workspace.client-route-orders .order-row-id strong{
    font-size:25px!important;
  }

  body.workspace.client-route-orders .order-row-id span{
    margin-top:6px!important;
    font-size:13px!important;
  }

  body.workspace.client-route-orders .order-row-info h3{
    margin-bottom:5px!important;
    font-size:20px!important;
  }

  body.workspace.client-route-orders .order-row-info p{
    font-size:13px!important;
  }

  body.workspace.client-route-orders .order-row-stats{
    gap:12px!important;
  }

  body.workspace.client-route-orders .order-row-stats span{
    gap:5px!important;
    font-size:12px!important;
  }

  body.workspace.client-route-orders .order-row-stats b{
    font-size:15px!important;
  }

  body.workspace.client-route-orders .order-open-arrow{
    font-size:22px!important;
  }

  body.workspace.client-route-orders .order-row-delete{
    top:11px!important;
    right:11px!important;
  }

  body.workspace.client-route-orders .order-row-delete button{
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
    min-height:30px!important;
    border-radius:9px!important;
  }

  /* Order editor ---------------------------------------------------------- */
  body.workspace.client-route-order-edit .order-flow-wrap.order-editor-v2{
    max-width:1280px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-top{
    margin-bottom:16px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-back{
    min-height:36px!important;
    padding:0 11px!important;
    font-size:12px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-hero{
    gap:16px!important;
    margin-top:11px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-number{
    gap:9px!important;
    margin-bottom:8px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-number span{
    font-size:12px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-number strong{
    font-size:20px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-meta{
    gap:12px!important;
    margin-top:9px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-layout{
    gap:16px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-side{
    top:84px!important;
  }

  body.workspace.client-route-order-edit .order-delivery-quick>summary{
    gap:11px!important;
    padding:12px 14px!important;
  }

  body.workspace.client-route-order-edit .order-delivery-quick-panel{
    padding:12px 14px 14px!important;
    gap:9px!important;
  }

  body.workspace.client-route-order-edit .order-delivery-quick-panel a{
    font-size:12px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-products-head{
    gap:13px!important;
    padding:14px 15px 12px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-section-title h2{
    margin:4px 0 5px!important;
    font-size:28px!important;
    line-height:1.05!important;
    letter-spacing:-.03em!important;
  }

  body.workspace.client-route-order-edit .order-step{
    min-width:31px!important;
    height:24px!important;
    padding:0 8px!important;
    font-size:10px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-add{
    min-width:148px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-product-list{
    gap:10px!important;
    padding:0 14px 14px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2{
    border-radius:14px!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-summary{
    grid-template-columns:36px minmax(0,1fr) auto 30px 22px!important;
    gap:11px!important;
    padding:12px 14px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-index{
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    border-radius:9px!important;
    font-size:13px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-title strong{
    font-size:17px!important;
    line-height:1.18!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-title small{
    margin-top:3px!important;
    font-size:11.5px!important;
  }

  body.workspace.client-route-order-edit .order-product-summary-delete{
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
    min-height:30px!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-toggle{
    font-size:15px!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-toolbar{
    gap:9px!important;
    padding:9px 12px!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-actions{
    gap:7px!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-actions .btn{
    min-height:36px!important;
    padding:7px 10px!important;
    font-size:11.5px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-body{
    grid-template-columns:178px minmax(0,1fr)!important;
    gap:13px!important;
    padding:13px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-media{
    gap:9px!important;
    padding:10px!important;
    border-radius:12px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-media-title span{
    font-size:12px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-media-title small,
  body.workspace.client-route-order-edit .order-product-v2-media-hint{
    font-size:10.5px!important;
    line-height:1.4!important;
  }

  body.workspace.client-route-order-edit .photo-stack.order-product-v2-photos{
    grid-auto-columns:72px!important;
    gap:7px!important;
  }

  body.workspace.client-route-order-edit .photo-card,
  body.workspace.client-route-order-edit .photo-add{
    width:72px!important;
    min-width:72px!important;
  }

  body.workspace.client-route-order-edit .photo-card img{
    width:72px!important;
    height:72px!important;
    border-radius:10px!important;
  }

  body.workspace.client-route-order-edit .photo-add{
    min-height:72px!important;
    padding:6px!important;
    border-radius:10px!important;
  }

  body.workspace.client-route-order-edit .photo-add b{
    font-size:10px!important;
  }

  body.workspace.client-route-order-edit .photo-add small{
    font-size:8px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-fields{
    gap:10px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-url .input-with-action{
    grid-template-columns:minmax(0,1fr) 38px!important;
    gap:7px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-url .input-with-action>a{
    width:38px!important;
    min-width:38px!important;
    height:44px!important;
    min-height:44px!important;
    border-radius:10px!important;
    font-size:15px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-essential{
    grid-template-columns:minmax(0,1fr) 86px 126px!important;
    gap:8px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-more>summary{
    gap:9px!important;
    padding:11px 12px!important;
    border-radius:11px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-more>summary b{
    font-size:13px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-more>summary small{
    margin-top:2px!important;
    font-size:10.5px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-extra-grid{
    gap:9px!important;
    padding:11px!important;
    border-radius:0 0 11px 11px!important;
  }

  body.workspace.client-route-order-edit .buyer-response-compact.order-product-v2-buyer{
    margin:0 13px 13px!important;
    padding:12px!important;
    border-radius:12px!important;
  }

  body.workspace.client-route-order-edit .buyer-response-title{
    gap:10px!important;
    margin-bottom:9px!important;
  }

  body.workspace.client-route-order-edit .buyer-response-title b{
    font-size:14px!important;
  }

  body.workspace.client-route-order-edit .buyer-response-grid{
    gap:9px!important;
  }

  body.workspace.client-route-order-edit .buyer-response-grid>div{
    gap:3px!important;
  }

  body.workspace.client-route-order-edit .buyer-response-grid>div span{
    font-size:10.5px!important;
  }

  body.workspace.client-route-order-edit .buyer-response-grid>div strong{
    font-size:12.5px!important;
  }

  body.workspace.client-route-order-edit .order-summary-v2{
    padding:14px!important;
  }

  body.workspace.client-route-order-edit .order-summary-v2-label{
    margin-bottom:8px!important;
    font-size:9px!important;
    letter-spacing:.14em!important;
  }

  body.workspace.client-route-order-edit .order-summary-v2-row{
    gap:4px!important;
  }

  body.workspace.client-route-order-edit .order-summary-v2-row span,
  body.workspace.client-route-order-edit .order-summary-v2 p,
  body.workspace.client-route-order-edit .order-editor-v2-side-help{
    font-size:12px!important;
    line-height:1.45!important;
  }

  body.workspace.client-route-order-edit .order-summary-v2-row strong,
  body.workspace.client-route-order-edit .order-summary-v2 strong{
    font-size:14px!important;
  }

  body.workspace.client-route-order-edit .order-summary-v2-total strong[data-order-total-cny]{
    margin-bottom:5px!important;
    font-size:24px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-side-help{
    padding:4px 2px!important;
  }

  body.workspace.client-route-order-edit .order-summary-v2-comment .field textarea{
    min-height:82px!important;
  }

  body.workspace.client-route-order-edit .order-action-bar-v2{
    gap:10px!important;
    padding:10px 12px!important;
    margin-top:8px!important;
    border-radius:13px!important;
  }

  body.workspace.client-route-order-edit .order-action-buttons{
    gap:7px!important;
  }

  body.workspace.client-route-order-edit .delete-draft-v2{
    margin-top:13px!important;
  }

  body.workspace.client-route-order-edit .order-editor-secondary{
    margin-top:12px!important;
    grid-template-columns:minmax(0,1fr) 220px!important;
    gap:9px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-export-bottom{
    padding:10px!important;
    gap:6px!important;
    border-radius:12px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-export-bottom>span{
    font-size:9px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-export-bottom>div{
    gap:5px!important;
  }

  /* Footer --------------------------------------------------------------- */
  body.workspace .workspace-site-footer{
    margin-top:54px!important;
    padding:34px 0 18px!important;
  }

  body.workspace .workspace-site-footer .footer-main{
    gap:22px!important;
  }

  body.workspace .workspace-site-footer .footer-logo img{
    max-width:210px!important;
  }

  body.workspace .workspace-site-footer .footer-brand p,
  body.workspace .workspace-site-footer .footer-column a,
  body.workspace .workspace-site-footer .footer-column strong,
  body.workspace .workspace-site-footer .footer-column span,
  body.workspace .workspace-site-footer .footer-bottom span,
  body.workspace .workspace-site-footer .footer-cookie-link{
    font-size:13px!important;
    line-height:1.5!important;
  }

  body.workspace .workspace-site-footer .footer-title{
    font-size:10px!important;
  }
}

/* Keep the media strip above the fields on tablet-width layouts. */
@media (min-width:761px) and (max-width:900px){
  body.workspace.client-route-order-edit .order-product-v2-body{
    grid-template-columns:minmax(0,1fr)!important;
  }

  body.workspace.client-route-order-edit .photo-stack.order-product-v2-photos{
    grid-auto-columns:72px!important;
  }
}

/* Wide desktop: use space, but do not stretch the work surface. */
@media (min-width:1181px){
  body.workspace.client-route-order-edit .order-editor-v2-layout{
    grid-template-columns:minmax(0,1fr) 286px!important;
  }
}

/* ==========================================================================
   ChinaBe 1.6.47 — Desktop Photo Quick Add
   Keep photo upload permanently accessible on desktop instead of placing the
   only upload control at the end of the horizontally scrollable photo strip.
   ========================================================================== */

body.workspace.client-route-order-edit .order-product-v2-media-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  min-width:0!important;
}

body.workspace.client-route-order-edit .photo-quick-add{
  display:none!important;
}

body.workspace.client-route-order-edit .photo-file-input{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  border:0!important;
  opacity:0!important;
}

@media (min-width:761px){
  body.workspace.client-route-order-edit .order-product-v2-body{
    grid-template-columns:214px minmax(0,1fr)!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-media-title{
    min-height:29px!important;
    margin:0 0 5px!important;
    gap:7px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-media-title>span{
    min-width:0!important;
    white-space:nowrap!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-media-actions{
    gap:5px!important;
    flex:0 0 auto!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-media-title small{
    min-width:29px!important;
    padding:3px 5px!important;
    font-size:8px!important;
  }

  body.workspace.client-route-order-edit .photo-quick-add{
    position:relative!important;
    min-height:28px!important;
    padding:5px 8px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    border:1px solid #c8d9e8!important;
    border-radius:8px!important;
    background:#fff!important;
    color:#1468a7!important;
    box-shadow:0 1px 2px rgba(25,54,83,.05)!important;
    cursor:pointer!important;
    font-size:9.5px!important;
    line-height:1!important;
    font-weight:780!important;
    white-space:nowrap!important;
    user-select:none!important;
    transition:border-color .15s ease,background .15s ease,box-shadow .15s ease!important;
  }

  body.workspace.client-route-order-edit .photo-quick-add:hover{
    border-color:#9cbfdc!important;
    background:#f4f9fd!important;
    box-shadow:0 2px 6px rgba(25,54,83,.08)!important;
  }

  body.workspace.client-route-order-edit .photo-quick-add.is-uploading{
    opacity:.58!important;
    pointer-events:none!important;
  }

  /* On desktop the fixed header action is the primary upload control. */
  body.workspace.client-route-order-edit .order-product-v2-photos .photo-add{
    display:none!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-media-hint{
    margin-top:5px!important;
  }
}

/* The mobile workflow stays exactly as before: upload is the last tile. */
@media (max-width:760px){
  body.workspace.client-route-order-edit .photo-quick-add{
    display:none!important;
  }
}

/* Tablet layout already places media above fields; do not reserve a side column. */
@media (min-width:761px) and (max-width:900px){
  body.workspace.client-route-order-edit .order-product-v2-body{
    grid-template-columns:minmax(0,1fr)!important;
  }
}

/* ==========================================================================
   ChinaBe 1.6.48 — Stable Order Editor Grid
   One grid system for the desktop order editor. No magic offsets, no shifting
   controls, no horizontal photo strip for normal desktop work.
   ========================================================================== */

/* Hidden upload controls must stay hidden even against legacy !important rules. */
body.workspace.client-route-order-edit [data-photo-add][hidden],
body.workspace.client-route-order-edit [data-photo-quick-add][hidden]{
  display:none!important;
}

@media (min-width:761px){
  /* Every grid child is allowed to shrink inside its own column, never push it. */
  body.workspace.client-route-order-edit .order-editor-v2-form,
  body.workspace.client-route-order-edit .order-editor-v2-layout,
  body.workspace.client-route-order-edit .order-editor-v2-main,
  body.workspace.client-route-order-edit .order-editor-v2-products,
  body.workspace.client-route-order-edit .order-editor-v2-product-list,
  body.workspace.client-route-order-edit .order-product-v2,
  body.workspace.client-route-order-edit .order-product-v3-content,
  body.workspace.client-route-order-edit .order-product-v2-body,
  body.workspace.client-route-order-edit .order-product-v2-media,
  body.workspace.client-route-order-edit .order-product-v2-fields,
  body.workspace.client-route-order-edit .order-product-v2-essential,
  body.workspace.client-route-order-edit .order-editor-v2-side,
  body.workspace.client-route-order-edit .order-editor-secondary,
  body.workspace.client-route-order-edit .order-editor-secondary-delivery{
    min-width:0!important;
  }

  /* Products header: description owns the flexible column, action never floats. */
  body.workspace.client-route-order-edit .order-editor-v2-products-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:16px!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-add{
    align-self:center!important;
    justify-self:end!important;
    margin:0!important;
    white-space:nowrap!important;
  }

  /* Product summary: fixed control columns prevent status/delete/toggle shifting. */
  body.workspace.client-route-order-edit .order-product-v3-summary{
    grid-template-columns:36px minmax(0,1fr) minmax(0,max-content) 30px 30px!important;
    column-gap:10px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-index{grid-column:1!important}
  body.workspace.client-route-order-edit .order-product-v2-title{grid-column:2!important;min-width:0!important}
  body.workspace.client-route-order-edit .order-product-v3-summary>.status-pill{
    grid-column:3!important;
    justify-self:end!important;
    max-width:170px!important;
  }
  body.workspace.client-route-order-edit .order-product-summary-delete{
    grid-column:4!important;
    justify-self:center!important;
  }
  body.workspace.client-route-order-edit .order-product-v3-toggle{
    grid-column:5!important;
    justify-self:center!important;
  }

  /* Photo panel has its own calm hierarchy: title/count, action, then photos. */
  body.workspace.client-route-order-edit .order-product-v2-media{
    align-content:start!important;
    gap:9px!important;
    padding:11px!important;
    box-sizing:border-box!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-media-title{
    min-height:0!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-media-title>span{
    min-width:0!important;
    white-space:normal!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-media-title>small{
    min-width:34px!important;
    padding:3px 6px!important;
    border-radius:999px!important;
    background:#eef5fb!important;
    color:#668097!important;
    text-align:center!important;
    font-size:9px!important;
    line-height:1.2!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }

  body.workspace.client-route-order-edit .photo-quick-add{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    min-height:34px!important;
    margin:0!important;
    padding:7px 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    box-sizing:border-box!important;
    border:1px solid #c8d9e8!important;
    border-radius:9px!important;
    background:#f8fbfe!important;
    color:#1468a7!important;
    box-shadow:none!important;
    cursor:pointer!important;
    font-size:10.5px!important;
    line-height:1!important;
    font-weight:780!important;
    white-space:nowrap!important;
    user-select:none!important;
  }

  body.workspace.client-route-order-edit .photo-quick-add:hover{
    border-color:#9cbfdc!important;
    background:#eef6fd!important;
    box-shadow:none!important;
  }

  body.workspace.client-route-order-edit .photo-quick-add>b{
    font:inherit!important;
  }

  body.workspace.client-route-order-edit .photo-stack.order-product-v2-photos{
    display:grid!important;
    grid-auto-flow:row!important;
    grid-auto-columns:unset!important;
    grid-template-columns:repeat(auto-fill,minmax(64px,72px))!important;
    gap:7px!important;
    overflow:visible!important;
    padding:0!important;
    align-items:start!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-photos .photo-card{
    width:100%!important;
    min-width:0!important;
    max-width:72px!important;
    aspect-ratio:1/1!important;
    height:auto!important;
    min-height:0!important;
    overflow:hidden!important;
    border-radius:10px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-photos .photo-card img{
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    aspect-ratio:1/1!important;
    object-fit:cover!important;
    border-radius:inherit!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-media-hint{
    margin:0!important;
  }

  /* Form fields use one predictable row and cannot overflow their columns. */
  body.workspace.client-route-order-edit .order-product-v2-fields .field,
  body.workspace.client-route-order-edit .order-product-v2-fields .input-with-action,
  body.workspace.client-route-order-edit .order-product-v2-essential>*{
    min-width:0!important;
    max-width:100%!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-fields input,
  body.workspace.client-route-order-edit .order-product-v2-fields select,
  body.workspace.client-route-order-edit .order-product-v2-fields textarea{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-url .input-with-action.no-action{
    grid-template-columns:minmax(0,1fr)!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-essential{
    grid-template-columns:minmax(180px,1fr) minmax(78px,92px) minmax(112px,128px)!important;
    gap:8px!important;
    align-items:end!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-price input{
    text-align:right!important;
  }

  /* The product toolbar is a real two-column toolbar on desktop. */
  body.workspace.client-route-order-edit .order-product-v3-toolbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-save-state{
    min-width:0!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-actions{
    justify-content:flex-end!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-actions .btn,
  body.workspace.client-route-order-edit .order-action-buttons .btn{
    white-space:nowrap!important;
  }

  /* Secondary row has no arbitrary offsets. */
  body.workspace.client-route-order-edit .order-editor-secondary,
  body.workspace.client-route-order-edit .order-editor-secondary-delivery,
  body.workspace.client-route-order-edit .order-delivery-quick,
  body.workspace.client-route-order-edit .order-editor-v2-export-bottom{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  body.workspace.client-route-order-edit .order-editor-secondary{
    align-items:stretch!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-export-bottom{
    align-self:stretch!important;
  }

  body.workspace.client-route-order-edit .delete-draft-v2{
    margin:15px 0 0!important;
    width:100%!important;
    max-width:none!important;
    text-align:center!important;
  }
}

/* Full desktop: the main editor and the secondary row share EXACTLY one grid. */
@media (min-width:1181px){
  body.workspace.client-route-order-edit{
    --cb-order-aside:286px;
    --cb-order-gap:16px;
  }

  body.workspace.client-route-order-edit .order-editor-v2-layout,
  body.workspace.client-route-order-edit .order-editor-secondary{
    grid-template-columns:minmax(0,1fr) var(--cb-order-aside)!important;
    gap:var(--cb-order-gap)!important;
  }

  body.workspace.client-route-order-edit .order-editor-v2-side{
    width:var(--cb-order-aside)!important;
  }

  body.workspace.client-route-order-edit .delete-draft-v2{
    width:calc(100% - var(--cb-order-aside) - var(--cb-order-gap))!important;
  }
}

/* Product body: photo panel is fixed, fields get every remaining pixel. */
@media (min-width:901px){
  body.workspace.client-route-order-edit .order-product-v2-body{
    grid-template-columns:224px minmax(0,1fr)!important;
    gap:14px!important;
    align-items:start!important;
    padding:13px!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-photos{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-photos .photo-card{
    max-width:none!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-actions{
    flex-wrap:nowrap!important;
  }
}

/* Small desktop/tablet: media becomes a full-width strip, fields remain stable. */
@media (min-width:761px) and (max-width:900px){
  body.workspace.client-route-order-edit .order-product-v2-body{
    grid-template-columns:minmax(0,1fr)!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-media{
    width:100%!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-photos{
    grid-template-columns:repeat(auto-fill,minmax(64px,72px))!important;
  }
}

/* ========================================================================== 
   ChinaBe 1.6.51 — Four-photo balanced grid
   One stable photo composition on desktop and mobile: the upload action sits
   above the thumbnails and up to four square images are distributed evenly
   across the available photo panel width.
   ========================================================================== */

body.workspace.client-route-order-edit .order-product-v2-media{
  --cb-photo-grid-gap:7px;
}

/* The add action has one permanent place on every screen size. */
body.workspace.client-route-order-edit .photo-quick-add{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  min-height:34px!important;
  margin:0!important;
  padding:7px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  box-sizing:border-box!important;
  border:1px solid #c8d9e8!important;
  border-radius:9px!important;
  background:#f8fbfe!important;
  color:#1468a7!important;
  box-shadow:none!important;
  cursor:pointer!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:780!important;
  white-space:nowrap!important;
  user-select:none!important;
}

body.workspace.client-route-order-edit .photo-quick-add:hover{
  border-color:#9cbfdc!important;
  background:#eef6fd!important;
}

body.workspace.client-route-order-edit .photo-quick-add.is-uploading{
  opacity:.58!important;
  pointer-events:none!important;
}

/* The old "add" tile no longer participates in the photo grid. */
body.workspace.client-route-order-edit .order-product-v2-photos .photo-add{
  display:none!important;
}

/* Four stable slots. Track width may shrink on narrow screens but never grows
   beyond 86px, so tablet layouts do not produce giant thumbnails. */
body.workspace.client-route-order-edit .photo-stack.order-product-v2-photos{
  width:100%!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,86px))!important;
  grid-auto-flow:row!important;
  grid-auto-columns:unset!important;
  justify-content:space-between!important;
  align-items:start!important;
  gap:var(--cb-photo-grid-gap)!important;
  overflow:visible!important;
  padding:0!important;
  box-sizing:border-box!important;
}

body.workspace.client-route-order-edit .order-product-v2-photos .photo-card{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  max-width:86px!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1/1!important;
  overflow:hidden!important;
  border-radius:10px!important;
  justify-self:stretch!important;
}

body.workspace.client-route-order-edit .order-product-v2-photos .photo-card img{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:100%!important;
  min-height:0!important;
  aspect-ratio:1/1!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:inherit!important;
}

/* A slightly wider media column lets four thumbnails read as one intentional
   row instead of a compressed cluster while leaving ample room for fields. */
@media (min-width:901px){
  body.workspace.client-route-order-edit .order-product-v2-body{
    grid-template-columns:280px minmax(0,1fr)!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-media{
    padding:11px!important;
    gap:9px!important;
  }
}

/* Mobile uses the exact same hierarchy and four-column composition. */
@media (max-width:760px){
  body.workspace.client-route-order-edit .order-product-v2-media{
    --cb-photo-grid-gap:6px;
    padding:8px!important;
    gap:7px!important;
  }

  body.workspace.client-route-order-edit .photo-quick-add{
    min-height:36px!important;
    padding:7px 9px!important;
    border-radius:9px!important;
    font-size:10px!important;
  }

  body.workspace.client-route-order-edit .photo-stack.order-product-v2-photos{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    justify-content:stretch!important;
    gap:var(--cb-photo-grid-gap)!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-photos .photo-card{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1/1!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-photos .photo-card img{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:100%!important;
    min-height:0!important;
  }

  body.workspace.client-route-order-edit .order-product-v2-photos .photo-card .photo-remove{
    top:3px!important;
    right:3px!important;
    width:20px!important;
    min-width:20px!important;
    height:20px!important;
    min-height:20px!important;
    font-size:12px!important;
  }
}

/* Preserve semantic hidden state after the universal quick-add display rule. */
body.workspace.client-route-order-edit [data-photo-add][hidden],
body.workspace.client-route-order-edit [data-photo-quick-add][hidden]{
  display:none!important;
}


/* ==========================================================================
   ChinaBe 1.6.52 — Save button as product state indicator
   ========================================================================== */

/* The separate green-dot status duplicated the save action and collided with
   controls on small screens. The save button now owns the complete state. */
body.workspace.client-route-order-edit .order-product-v3-toolbar{
  justify-content:flex-end!important;
}

body.workspace.client-route-order-edit .order-product-v3-toolbar .order-product-v3-actions{
  margin-left:auto!important;
}

body.workspace.client-route-order-edit .order-product-v3-toolbar .order-product-save.is-saved{
  background:#2f8f5b!important;
  border-color:#2f8f5b!important;
  color:#fff!important;
  box-shadow:none!important;
}

body.workspace.client-route-order-edit .order-product-v3-toolbar .order-product-save.is-saved:hover{
  background:#287a4e!important;
  border-color:#287a4e!important;
}

body.workspace.client-route-order-edit .order-product-v3-toolbar .order-product-save.is-dirty,
body.workspace.client-route-order-edit .order-product-v3-toolbar .order-product-save.is-saving{
  background:var(--cc-red)!important;
  border-color:var(--cc-red)!important;
  color:#fff!important;
}

body.workspace.client-route-order-edit .order-product-v3-toolbar .order-product-save.is-saving{
  cursor:progress!important;
}

@media(max-width:760px){
  body.workspace.client-route-order-edit .order-product-v3-toolbar{
    display:block!important;
    padding:7px 8px!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-toolbar .order-product-v3-actions{
    width:100%!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) auto!important;
    gap:6px!important;
  }
}

@media(max-width:390px){
  body.workspace.client-route-order-edit .order-product-v3-toolbar .order-product-v3-actions{
    grid-template-columns:1fr 1fr!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-toolbar .order-product-save{
    grid-column:1/-1!important;
  }
}

/* ==========================================================================
   ChinaBe 1.6.53 — safer placement for secondary product actions
   ========================================================================== */

/* Saving is the only primary action in the top toolbar. Duplicate/delete live
   after the data-entry area so they cannot be hit while filling in a product. */
body.workspace.client-route-order-edit .order-product-v3-toolbar .order-product-v3-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:0!important;
}

body.workspace.client-route-order-edit .order-product-secondary-actions{
  width:100%;
  min-width:0;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid #e4ebf3;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}

body.workspace.client-route-order-edit .order-product-secondary-actions .btn{
  min-height:38px;
  padding:8px 14px;
  border-radius:10px;
  box-shadow:none;
}

body.workspace.client-route-order-edit .order-product-secondary-actions .order-product-duplicate{
  background:#fff;
  border-color:#ccd9e7;
  color:#17344f;
}

body.workspace.client-route-order-edit .order-product-secondary-actions .order-product-delete{
  background:#fff!important;
  border-color:#efc5c5!important;
  color:#a83b3b!important;
}

body.workspace.client-route-order-edit .order-product-secondary-actions .order-product-delete:hover{
  background:#fff5f5!important;
  border-color:#dc9e9e!important;
  color:#922f2f!important;
}

@media(max-width:760px){
  body.workspace.client-route-order-edit .order-product-v3-toolbar .order-product-v3-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    gap:0!important;
  }

  body.workspace.client-route-order-edit .order-product-v3-toolbar .order-product-save{
    width:100%!important;
    grid-column:1!important;
  }

  body.workspace.client-route-order-edit .order-product-secondary-actions{
    margin-top:10px;
    padding-top:10px;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:7px;
  }

  body.workspace.client-route-order-edit .order-product-secondary-actions .btn{
    width:100%;
    min-width:0;
    min-height:40px;
    margin:0!important;
  }
}

@media(max-width:390px){
  body.workspace.client-route-order-edit .order-product-secondary-actions{
    grid-template-columns:1fr;
  }
}

/* ChinaBe 1.6.56 — product title intelligence (ElimAPI + DeepSeek) */
.order-product-title-intel{
  min-width:0;
  margin-top:-2px;
  padding:10px 12px;
  border:1px solid #dfe8f1;
  border-radius:10px;
  background:#f8fbfd;
}
.order-product-title-intel[hidden],
.order-product-title-progress[hidden],
.order-product-title-intel-row[hidden]{display:none!important}
.order-product-title-intel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:7px;
}
.order-product-title-intel-label{
  color:#536a82;
  font-size:10px;
  line-height:1.2;
  font-weight:750;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.order-product-title-intel-provider{
  flex:0 0 auto;
  padding:3px 7px;
  border-radius:999px;
  background:#eaf3fb;
  color:#29638e;
  font-size:9.5px;
  line-height:1.2;
  font-weight:700;
}
.order-product-title-intel-row{
  min-width:0;
  display:grid;
  grid-template-columns:62px minmax(0,1fr);
  gap:8px;
  align-items:start;
  padding:6px 0;
  border-top:1px solid #e8eef4;
}
.order-product-title-intel-row:first-of-type{border-top:0}
.order-product-title-intel-row>span{
  padding-top:1px;
  color:#8a99aa;
  font-size:10.5px;
  line-height:1.35;
  font-weight:650;
}
.order-product-title-intel-row p{
  min-width:0;
  margin:0;
  color:#4a6076;
  font-size:11.5px;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.order-product-title-intel-row.translated p{color:#203c58;font-weight:600}
.order-product-title-use{
  min-height:28px;
  padding:4px 8px;
  border:1px solid #cddcea;
  border-radius:7px;
  background:#fff;
  color:#1765a0;
  font:inherit;
  font-size:10.5px;
  font-weight:700;
  cursor:pointer;
  white-space:nowrap;
}
.order-product-title-use:hover{border-color:#9fc0db;background:#f5faff}
.order-product-title-progress{
  min-width:0;
  margin-top:-2px;
  display:flex;
  align-items:center;
  gap:7px;
  min-height:30px;
  color:#708398;
  font-size:11px;
  line-height:1.35;
}
.order-product-title-dot{
  width:7px;height:7px;flex:0 0 7px;
  border-radius:50%;
  background:#3b8ddd;
  box-shadow:0 0 0 3px rgba(59,141,221,.12);
}
.order-product-title-progress[data-state="working"] .order-product-title-dot{animation:cbTitlePulse 1.1s ease-in-out infinite}
.order-product-title-progress[data-state="success"]{color:#377451}
.order-product-title-progress[data-state="success"] .order-product-title-dot{background:#4eaa70;box-shadow:0 0 0 3px rgba(78,170,112,.12)}
.order-product-title-progress[data-state="error"]{color:#a74c4c}
.order-product-title-progress[data-state="error"] .order-product-title-dot{background:#d26a6a;box-shadow:0 0 0 3px rgba(210,106,106,.12)}
.order-product-title-progress button{
  margin-left:auto;
  padding:2px 0;
  border:0;
  background:transparent;
  color:#1765a0;
  font:inherit;
  font-weight:700;
  cursor:pointer;
}
@keyframes cbTitlePulse{50%{opacity:.38;transform:scale(.82)}}

@media(max-width:760px){
  .order-product-title-intel{padding:9px 10px;border-radius:9px}
  .order-product-title-intel-row{grid-template-columns:50px minmax(0,1fr);gap:6px 8px}
  .order-product-title-intel-row p{font-size:11px}
  .order-product-title-progress{align-items:flex-start;padding:1px 2px}
}

/* ==========================================================================
   ChinaBe 1.6.66 — Address Book App UI
   Full-width address collection + on-demand responsive form drawer.
   ========================================================================== */
body.workspace.client-route-address-book .workspace-main{
  padding-bottom:54px!important;
}
body.workspace.client-route-address-book .address-book-shell{
  max-width:1180px!important;
}
body.workspace.client-route-address-book .address-page-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:28px!important;
  margin:0 0 20px!important;
}
body.workspace.client-route-address-book .address-page-title{
  min-width:0!important;
  max-width:760px!important;
}
body.workspace.client-route-address-book .address-page-head h1{
  margin:5px 0 7px!important;
}
body.workspace.client-route-address-book .address-page-head p{
  max-width:700px!important;
  margin:0!important;
}
body.workspace.client-route-address-book .address-count-line{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  margin-top:10px!important;
  color:#8190a3!important;
  font-size:11.5px!important;
  font-weight:650!important;
}
body.workspace.client-route-address-book .address-count-line strong{
  color:#40566f!important;
  font-size:inherit!important;
}
body.workspace.client-route-address-book .address-add-trigger{
  flex:0 0 auto!important;
  min-width:154px!important;
  justify-content:center!important;
  gap:5px!important;
}
body.workspace.client-route-address-book .address-add-trigger span{
  font-size:18px!important;
  line-height:1!important;
}

body.workspace.client-route-address-book .address-content{
  width:100%!important;
  min-width:0!important;
}
body.workspace.client-route-address-book .address-card-grid-modern{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
}
body.workspace.client-route-address-book .address-card-modern{
  min-height:250px!important;
  display:flex!important;
  flex-direction:column!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:16px!important;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
body.workspace.client-route-address-book .address-card-modern:hover{
  border-color:#c4d3e2!important;
  box-shadow:0 12px 30px rgba(25,52,80,.06)!important;
  transform:translateY(-1px)!important;
}
body.workspace.client-route-address-book .address-card-modern.is-default{
  border-color:#b9d8ed!important;
  box-shadow:inset 0 3px 0 #2681ba!important;
}
body.workspace.client-route-address-book .address-card-header{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:18px 18px 15px!important;
  border-bottom:1px solid var(--cc-line-soft)!important;
  background:linear-gradient(180deg,#fff 0%,#fcfdff 100%)!important;
}
body.workspace.client-route-address-book .address-card-heading{
  min-width:0!important;
}
body.workspace.client-route-address-book .address-card-label-row{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  flex-wrap:wrap!important;
}
body.workspace.client-route-address-book .address-card-label-row h2{
  min-width:0!important;
  margin:0!important;
  color:#132941!important;
  font-size:16px!important;
  line-height:1.25!important;
  font-weight:760!important;
  letter-spacing:-.015em!important;
  overflow-wrap:anywhere!important;
}
body.workspace.client-route-address-book .address-default{
  flex:0 0 auto!important;
  padding:4px 7px!important;
  border-radius:999px!important;
  background:#e9f5fc!important;
  color:#1267a8!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}
body.workspace.client-route-address-book .address-card-city{
  margin-top:6px!important;
  color:#66788d!important;
  font-size:12px!important;
  line-height:1.35!important;
}
body.workspace.client-route-address-book .address-edit-link{
  flex:0 0 auto!important;
  padding:5px 0!important;
  color:#1267a8!important;
  font-size:11.5px!important;
  line-height:1.2!important;
  font-weight:750!important;
  text-decoration:none!important;
}
body.workspace.client-route-address-book .address-edit-link:hover{text-decoration:underline!important}

body.workspace.client-route-address-book .address-details-list{
  display:grid!important;
  gap:12px!important;
  margin:0!important;
  padding:16px 18px 14px!important;
}
body.workspace.client-route-address-book .address-details-list>div{
  min-width:0!important;
  display:grid!important;
  gap:3px!important;
}
body.workspace.client-route-address-book .address-details-list dt{
  margin:0!important;
  color:#8a98a9!important;
  font-size:9.5px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
body.workspace.client-route-address-book .address-details-list dd{
  min-width:0!important;
  margin:0!important;
  color:#243b54!important;
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:650!important;
  overflow-wrap:anywhere!important;
}
body.workspace.client-route-address-book .address-details-list dd span{
  display:block!important;
  margin-top:2px!important;
  color:#718196!important;
  font-size:12px!important;
  font-weight:550!important;
}
body.workspace.client-route-address-book .address-detail-comment{
  padding:10px 11px!important;
  border-radius:10px!important;
  background:#f7f9fb!important;
}
body.workspace.client-route-address-book .address-card-actions-modern{
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:auto 0 0!important;
  padding:11px 18px!important;
  border-top:1px solid var(--cc-line-soft)!important;
  background:#fbfcfe!important;
}
body.workspace.client-route-address-book .address-card-actions-modern form{margin:0!important}
body.workspace.client-route-address-book .address-card-actions-modern .btn.small{
  min-height:34px!important;
  padding:6px 10px!important;
  border-radius:8px!important;
  font-size:11px!important;
}
body.workspace.client-route-address-book .address-primary-note{
  color:#23734d!important;
  font-size:10.5px!important;
  line-height:1.3!important;
  font-weight:700!important;
}
body.workspace.client-route-address-book .address-delete-form{
  margin-left:auto!important;
}
body.workspace.client-route-address-book .address-delete-link{
  min-height:32px!important;
  padding:5px 0!important;
  border:0!important;
  background:transparent!important;
  color:#a4484d!important;
  font:inherit!important;
  font-size:10.5px!important;
  font-weight:700!important;
  cursor:pointer!important;
}
body.workspace.client-route-address-book .address-delete-link:hover{
  color:#cf252d!important;
  text-decoration:underline!important;
}

body.workspace.client-route-address-book .address-empty-state{
  min-height:260px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:15px!important;
  padding:36px!important;
  text-align:center!important;
}
body.workspace.client-route-address-book .address-empty-mark{
  width:48px!important;
  height:48px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:14px!important;
  background:var(--cc-blue-soft)!important;
  color:var(--cc-blue)!important;
  font-size:24px!important;
  font-weight:600!important;
}
body.workspace.client-route-address-book .address-empty-state h2{
  margin:0 0 5px!important;
  font-size:20px!important;
}
body.workspace.client-route-address-book .address-empty-state p{
  max-width:500px!important;
  margin:0!important;
  color:var(--cc-muted)!important;
  font-size:13px!important;
  line-height:1.5!important;
}

/* On-demand form drawer */
body.workspace.client-route-address-book.address-drawer-open{overflow:hidden!important}
body.workspace.client-route-address-book .address-drawer{
  position:fixed!important;
  inset:0!important;
  z-index:140!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .18s ease,visibility .18s ease!important;
}
body.workspace.client-route-address-book .address-drawer:target,
body.workspace.client-route-address-book .address-drawer.is-open{
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
body.workspace.client-route-address-book .address-drawer-backdrop{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  background:rgba(13,31,50,.35)!important;
  backdrop-filter:blur(3px)!important;
  -webkit-backdrop-filter:blur(3px)!important;
}
body.workspace.client-route-address-book .address-drawer-panel{
  position:absolute!important;
  top:0!important;
  right:0!important;
  width:min(540px,calc(100vw - 40px))!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border-left:1px solid #d8e1ea!important;
  background:#fff!important;
  box-shadow:-24px 0 60px rgba(17,38,62,.16)!important;
  transform:translateX(102%)!important;
  transition:transform .24s cubic-bezier(.2,.75,.25,1)!important;
}
body.workspace.client-route-address-book .address-drawer:target .address-drawer-panel,
body.workspace.client-route-address-book .address-drawer.is-open .address-drawer-panel{
  transform:translateX(0)!important;
}
body.workspace.client-route-address-book .address-drawer-head{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:20px!important;
  padding:24px 24px 18px!important;
  border-bottom:1px solid var(--cc-line)!important;
  background:#fbfcfe!important;
}
body.workspace.client-route-address-book .address-drawer-head h2{
  margin:5px 0 6px!important;
  color:#132941!important;
  font-size:24px!important;
  line-height:1.15!important;
  font-weight:760!important;
  letter-spacing:-.025em!important;
}
body.workspace.client-route-address-book .address-drawer-head p{
  max-width:390px!important;
  margin:0!important;
  color:#728197!important;
  font-size:12.5px!important;
  line-height:1.5!important;
}
body.workspace.client-route-address-book .address-drawer-close{
  flex:0 0 36px!important;
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #d5dee8!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#5d6f84!important;
  font-size:25px!important;
  line-height:1!important;
  text-decoration:none!important;
}
body.workspace.client-route-address-book .address-form-modern{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  align-content:start!important;
  gap:14px!important;
  padding:20px 24px 26px!important;
}
body.workspace.client-route-address-book .address-form-modern .full{
  grid-column:1/-1!important;
}
body.workspace.client-route-address-book .address-form-modern textarea{
  min-height:90px!important;
  resize:vertical!important;
}
body.workspace.client-route-address-book .address-default-toggle{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:11px!important;
  align-items:center!important;
  padding:12px!important;
  border:1px solid #dce4ed!important;
  border-radius:12px!important;
  background:#f8fafc!important;
  cursor:pointer!important;
}
body.workspace.client-route-address-book .address-default-toggle>input{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.workspace.client-route-address-book .address-toggle-ui{
  position:relative!important;
  width:40px!important;
  height:22px!important;
  border-radius:999px!important;
  background:#cbd5df!important;
  transition:background .16s ease!important;
}
body.workspace.client-route-address-book .address-toggle-ui:after{
  content:""!important;
  position:absolute!important;
  top:3px!important;
  left:3px!important;
  width:16px!important;
  height:16px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 1px 3px rgba(15,35,55,.24)!important;
  transition:transform .16s ease!important;
}
body.workspace.client-route-address-book .address-default-toggle>input:checked + .address-toggle-ui{
  background:#2380b9!important;
}
body.workspace.client-route-address-book .address-default-toggle>input:checked + .address-toggle-ui:after{
  transform:translateX(18px)!important;
}
body.workspace.client-route-address-book .address-default-toggle>input:focus-visible + .address-toggle-ui{
  outline:3px solid rgba(18,103,168,.18)!important;
  outline-offset:2px!important;
}
body.workspace.client-route-address-book .address-toggle-copy{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}
body.workspace.client-route-address-book .address-toggle-copy strong{
  color:#263e57!important;
  font-size:12px!important;
  line-height:1.3!important;
}
body.workspace.client-route-address-book .address-toggle-copy small{
  color:#7b899a!important;
  font-size:10.5px!important;
  line-height:1.4!important;
}
body.workspace.client-route-address-book .address-form-actions{
  position:sticky!important;
  bottom:-26px!important;
  z-index:2!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:8px!important;
  margin:5px -24px -26px!important;
  padding:14px 24px calc(14px + env(safe-area-inset-bottom))!important;
  border-top:1px solid var(--cc-line)!important;
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(10px)!important;
}
body.workspace.client-route-address-book .address-form-actions .btn{
  min-width:118px!important;
  justify-content:center!important;
}

@media(max-width:1020px){
  body.workspace.client-route-address-book .address-card-grid-modern{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:760px){
  body.workspace.client-route-address-book .workspace-main{
    padding-top:18px!important;
    padding-bottom:34px!important;
  }
  body.workspace.client-route-address-book .address-page-head{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    margin-bottom:16px!important;
  }
  body.workspace.client-route-address-book .address-page-head h1{
    font-size:30px!important;
  }
  body.workspace.client-route-address-book .address-page-head .btn{
    width:100%!important;
    min-height:44px!important;
  }
  body.workspace.client-route-address-book .address-card-grid-modern{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  body.workspace.client-route-address-book .address-card-modern{
    min-height:0!important;
  }
  body.workspace.client-route-address-book .address-card-header{
    padding:15px 15px 13px!important;
  }
  body.workspace.client-route-address-book .address-details-list{
    grid-template-columns:1fr 1fr!important;
    gap:11px 14px!important;
    padding:14px 15px!important;
  }
  body.workspace.client-route-address-book .address-detail-comment{
    grid-column:1/-1!important;
  }
  body.workspace.client-route-address-book .address-card-actions-modern{
    min-height:54px!important;
    padding:10px 15px!important;
  }
  body.workspace.client-route-address-book .address-drawer-panel{
    width:100%!important;
    max-width:none!important;
    border-left:0!important;
  }
  body.workspace.client-route-address-book .address-drawer-head{
    padding:17px 16px 14px!important;
  }
  body.workspace.client-route-address-book .address-drawer-head h2{
    font-size:21px!important;
  }
  body.workspace.client-route-address-book .address-form-modern{
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:16px 16px 22px!important;
  }
  body.workspace.client-route-address-book .address-form-modern .full{
    grid-column:auto!important;
  }
  body.workspace.client-route-address-book .address-form-actions{
    bottom:-22px!important;
    margin:4px -16px -22px!important;
    padding:12px 16px calc(12px + env(safe-area-inset-bottom))!important;
  }
}
@media(max-width:430px){
  body.workspace.client-route-address-book .address-page-head h1{
    font-size:28px!important;
  }
  body.workspace.client-route-address-book .address-details-list{
    grid-template-columns:1fr!important;
  }
  body.workspace.client-route-address-book .address-card-label-row{
    align-items:flex-start!important;
  }
  body.workspace.client-route-address-book .address-card-actions-modern{
    flex-wrap:wrap!important;
  }
  body.workspace.client-route-address-book .address-card-actions-modern form:not(.address-delete-form){
    flex:1 1 auto!important;
  }
  body.workspace.client-route-address-book .address-card-actions-modern form:not(.address-delete-form) .btn{
    width:100%!important;
  }
  body.workspace.client-route-address-book .address-primary-note{
    flex:1 1 180px!important;
  }
  body.workspace.client-route-address-book .address-form-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  body.workspace.client-route-address-book .address-form-actions .btn{
    width:100%!important;
    min-width:0!important;
  }
}


/* ========================================================================== 
   ChinaBe 1.6.67 — Address Book footer isolation
   Card actions are not document footers. Keep the app screen compact and
   prevent the public workspace footer from ever becoming part of a card.
   ========================================================================== */
body.workspace.client-route-address-book .address-card-grid-modern{
  align-items:start!important;
  grid-auto-rows:max-content!important;
}
body.workspace.client-route-address-book .address-card-modern{
  min-height:0!important;
  height:auto!important;
  align-self:start!important;
}
body.workspace.client-route-address-book .address-card-actions-modern{
  width:100%!important;
  box-sizing:border-box!important;
  flex:0 0 auto!important;
}
/* Defensive isolation: a site footer must never render inside an address card. */
body.workspace.client-route-address-book .address-card-modern .site-footer,
body.workspace.client-route-address-book .address-card-modern .workspace-site-footer{
  display:none!important;
}
/* Address Book is an application screen, not a marketing page. */
body.workspace.client-route-address-book .workspace-site-footer{
  margin-top:34px!important;
  padding:0!important;
  border-top:1px solid #dce6ef!important;
  background:transparent!important;
  color:#7b8a9b!important;
}
body.workspace.client-route-address-book .workspace-site-footer .footer-main{
  display:none!important;
}
body.workspace.client-route-address-book .workspace-site-footer .footer-bottom{
  width:min(1180px,calc(100% - 32px))!important;
  min-height:54px!important;
  margin:0 auto!important;
  padding:0!important;
  border:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  background:transparent!important;
  color:#7b8a9b!important;
}
body.workspace.client-route-address-book .workspace-site-footer .footer-bottom span,
body.workspace.client-route-address-book .workspace-site-footer .footer-cookie-link{
  color:#718196!important;
  font-size:11px!important;
  line-height:1.35!important;
}
body.workspace.client-route-address-book .workspace-site-footer .footer-cookie-link{
  padding:6px 0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
@media(max-width:760px){
  body.workspace.client-route-address-book .workspace-main{
    padding-bottom:28px!important;
  }
  body.workspace.client-route-address-book .workspace-site-footer{
    margin-top:22px!important;
  }
  body.workspace.client-route-address-book .workspace-site-footer .footer-bottom{
    width:min(100%,calc(100% - 24px))!important;
    min-height:48px!important;
    align-items:center!important;
    flex-direction:row!important;
    justify-content:space-between!important;
    gap:10px!important;
  }
  body.workspace.client-route-address-book .workspace-site-footer .footer-bottom span,
  body.workspace.client-route-address-book .workspace-site-footer .footer-cookie-link{
    font-size:10px!important;
  }
}
@media(max-width:380px){
  body.workspace.client-route-address-book .workspace-site-footer .footer-bottom{
    align-items:flex-start!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:3px!important;
    padding:9px 0!important;
  }
}

/* ========================================================================== 
   ChinaBe 1.6.76 — mobile menu portal / Safari stacking hardening
   The opened menu is portalled to <body> by client-workspace-2026.js.
   ========================================================================== */
@media(max-width:760px){
  body.workspace.menu-open{
    overflow:hidden!important;
  }

  body.workspace.menu-open .workspace-nav{
    position:fixed!important;
    top:calc(62px + env(safe-area-inset-top,0px))!important;
    left:12px!important;
    right:12px!important;
    z-index:1002!important;
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    max-height:calc(100dvh - 78px - env(safe-area-inset-top,0px))!important;
    overflow-y:auto!important;
    background:#fff!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    -webkit-overflow-scrolling:touch!important;
  }

  body.workspace.menu-open::after{
    z-index:1000!important;
    background:rgba(12,31,51,.38)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  body.workspace.menu-open .workspace-head{
    z-index:990!important;
  }

  body.workspace.menu-open .workspace-menu-toggle{
    position:relative!important;
    z-index:1003!important;
  }
}

/* ========================================================================== 
   ChinaBe 1.6.77 — mobile workspace drawer owns vertical gestures
   ========================================================================== */
@media(max-width:760px){
  html.workspace-nav-scroll-locked{
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  body.workspace.menu-open .workspace-nav{
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain!important;
    touch-action:pan-y!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.workspace.menu-open::after{
    touch-action:none!important;
    overscroll-behavior:none!important;
  }
}