/* ========================================================================
   ChinaBe 1.6.7 — Typography System 2026
   One typographic scale for public pages, auth, workspaces, profile and admin.
   Loaded last by App::render(), so it normalizes older inline/component styles.
   ======================================================================== */

:root{
  --cb-font-ui:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans","Noto Sans SC","PingFang SC","Microsoft YaHei",Roboto,Arial,sans-serif;
  --cb-type-body:15px;
  --cb-type-ui:14px;
  --cb-type-label:12.5px;
  --cb-type-caption:11.5px;
  --cb-type-micro:10.5px;
  --cb-type-h1:clamp(32px,3vw,40px);
  --cb-type-h2:21px;
  --cb-type-h3:16.5px;
  --cb-line-body:1.55;
  --cb-line-tight:1.2;
}

html{
  font-family:var(--cb-font-ui)!important;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  text-rendering:optimizeLegibility;
  font-synthesis:none;
}
body{
  font-family:var(--cb-font-ui)!important;
  font-size:var(--cb-type-body);
  line-height:var(--cb-line-body);
  font-weight:400;
}
button,input,select,textarea{font-family:inherit!important}

/* Avoid the "tiny label next to giant headline" effect. */
.eyebrow,
.section-kicker,
.tool-badge,
.about-eyebrow,
.about-section-label{
  font-size:var(--cb-type-micro)!important;
  line-height:1.25!important;
  letter-spacing:.105em!important;
  font-weight:800!important;
}

/* ------------------------------------------------------------------------
   Public shell / public pages
   ------------------------------------------------------------------------ */
.public-header-nav .public-nav-link,
.home-header nav>a,
.about-header nav>a{
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:650!important;
}
.public-lang button,
.home-lang button,
.about-lang button{
  font-size:11.5px!important;
  line-height:1.2!important;
  font-weight:700!important;
}

.home-main,
.about-page,
.legal-public,
.site-footer{
  font-family:var(--cb-font-ui)!important;
}

.hero-copy h1,
.about-hero h1{
  font-size:clamp(42px,4.35vw,58px)!important;
  line-height:1.04!important;
  letter-spacing:-.042em!important;
  font-weight:800!important;
}
.hero-copy p,
.about-lead{
  font-size:17px!important;
  line-height:1.58!important;
}
.section-head h2,
.about-principles-head h2{
  font-size:27px!important;
  line-height:1.2!important;
  letter-spacing:-.025em!important;
  font-weight:750!important;
}
.section-head p,
.about-principles-head p,
.about-signal-card p,
.about-principle p,
.about-side p,
.about-bridge-head p,
.about-closing p{
  font-size:13.5px!important;
  line-height:1.58!important;
}
.process-card b,
.capability b,
.about-principle h3,
.about-side strong{
  font-size:15px!important;
  line-height:1.32!important;
  font-weight:700!important;
}
.process-card p,
.capability span{
  font-size:12.5px!important;
  line-height:1.5!important;
}
.workflow-dot,
.workflow-step b,
.hero-benefit{
  font-size:11.5px!important;
}
.workflow-step span,
.hero-data-row span,
.about-tags span{
  font-size:10.5px!important;
}
.hero-board-copy h2,
.about-signal-card h2{
  font-size:21px!important;
}
.hero-board-copy p{font-size:13px!important}
.about-problem h2,
.about-bridge-head h2{
  font-size:clamp(28px,2.7vw,36px)!important;
  line-height:1.16!important;
}
.about-problem-copy p,
.about-note{
  font-size:14.5px!important;
}
.about-closing h2{font-size:30px!important}

.legal-document h1{
  font-size:clamp(34px,3.5vw,44px)!important;
  line-height:1.08!important;
  letter-spacing:-.032em!important;
}
.legal-content{font-size:15.5px!important;line-height:1.72!important}
.legal-breadcrumb,.legal-updated{font-size:12.5px!important}

/* ------------------------------------------------------------------------
   Login / registration
   ------------------------------------------------------------------------ */
.auth-brand h1,
.reg-brand h1{
  font-size:clamp(40px,4.25vw,56px)!important;
  line-height:1.04!important;
  letter-spacing:-.04em!important;
  font-weight:800!important;
}
.auth-brand p,
.reg-brand p{
  font-size:15.5px!important;
  line-height:1.55!important;
}
.auth-card h2,
.reg-card h2{
  font-size:29px!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
  font-weight:780!important;
}
.auth-card>p,
.reg-card>.reg-intro{
  font-size:14px!important;
  line-height:1.5!important;
}
.auth-card .field,
.reg-form .field,
.auth-card label,
.reg-card label{
  font-size:12.5px!important;
  line-height:1.4!important;
}
.auth-card input,
.reg-card input,
.reg-card select,
.reg-card textarea{
  font-size:14.5px!important;
  line-height:1.4!important;
}
.auth-alt,.captcha-note{font-size:12px!important;line-height:1.45!important}

/* ------------------------------------------------------------------------
   Client / buyer workspace
   ------------------------------------------------------------------------ */
body.workspace,
.workspace{
  font-family:var(--cb-font-ui)!important;
  font-size:15px!important;
  line-height:1.52!important;
}
.workspace-nav a,
.workspace-nav button{
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:650!important;
}
.workspace .lang-switch button{font-size:11.5px!important}
.workspace .page-heading h1,
.workspace .order-new-head h1,
.workspace .order-editor-head h1,
.workspace .orders-heading h1,
.workspace .address-heading h1{
  font-size:clamp(31px,3.25vw,39px)!important;
  line-height:1.08!important;
  letter-spacing:-.032em!important;
  font-weight:780!important;
}
.workspace .page-heading p,
.workspace .order-new-head p,
.workspace .order-editor-head p{
  font-size:14px!important;
  line-height:1.55!important;
}
.workspace h2,
.workspace .tool-card h2,
.workspace .section-title h2,
.workspace .compact-section-head h2,
.workspace .products-heading h2{
  font-size:20px!important;
  line-height:1.25!important;
  letter-spacing:-.018em!important;
  font-weight:750!important;
}
.workspace h3,
.workspace .order-card h3,
.workspace .buyer-order-card h3,
.workspace .item-head h3,
.workspace .summary-card h3{
  font-size:15.5px!important;
  line-height:1.32!important;
  font-weight:700!important;
}
.workspace .field,
.workspace label{
  font-size:12.5px!important;
  line-height:1.4!important;
  font-weight:650!important;
}
.workspace .field input,
.workspace .field select,
.workspace .field textarea,
.workspace input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.workspace select,
.workspace textarea{
  font-size:14.5px!important;
  line-height:1.42!important;
}
.workspace .btn{
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:700!important;
}
.workspace .btn.small{font-size:12px!important}
.workspace small,
.workspace .field small,
.workspace .order-card-meta span,
.workspace .summary-list dt,
.workspace .buyer-card span,
.workspace .order-side-card>small,
.workspace .save-state,
.workspace .autosave-state{
  font-size:11.5px!important;
  line-height:1.45!important;
}
.workspace .status-pill,
.workspace .address-default,
.workspace .delivery-choice-top em{
  font-size:11px!important;
  line-height:1.15!important;
}
.workspace .order-row-id span,
.workspace .order-row-info p,
.workspace .order-row-stats span,
.workspace .delivery-summary span,
.workspace .product-more summary,
.workspace .buyer-response-grid span{
  font-size:11px!important;
  line-height:1.4!important;
}
.workspace .order-row-id strong,
.workspace .order-row-info h3,
.workspace .order-row-stats b,
.workspace .delivery-summary strong,
.workspace .product-head-title>strong,
.workspace .buyer-response-grid strong{
  font-size:12.5px!important;
  line-height:1.35!important;
}
.workspace .photo-add b{font-size:10.5px!important}
.workspace .photo-add small{font-size:10px!important}

/* ------------------------------------------------------------------------
   Admin: balanced hierarchy, no 8px/9px operational text.
   ------------------------------------------------------------------------ */
.admin-ui{
  font-family:var(--cb-font-ui)!important;
  font-size:14px!important;
  line-height:1.5!important;
}
.admin-ui h1,
.admin-ui .page-title h1,
.admin-ui .settings-head h1,
.admin-ui .users-head h1,
.admin-ui .profile-hero h1{
  font-size:clamp(30px,2.55vw,36px)!important;
  line-height:1.08!important;
  letter-spacing:-.032em!important;
  font-weight:780!important;
}
.admin-ui h2,
.admin-ui .settings-block-copy h2,
.admin-ui .pages-editor-head h2,
.admin-ui .document-editor-head h2{
  font-size:19px!important;
  line-height:1.28!important;
  letter-spacing:-.015em!important;
  font-weight:750!important;
}
.admin-ui h3,
.admin-ui .pages-content-group-head h3{
  font-size:15.5px!important;
  line-height:1.32!important;
  font-weight:700!important;
}
.admin-ui .muted,
.admin-ui .settings-block-copy p,
.admin-ui .pages-editor-head p,
.admin-ui .pages-content-group-head p,
.admin-ui .admin-processing-context-copy p{
  font-size:12.5px!important;
  line-height:1.5!important;
}

/* Left menu */
.admin-ui .adminbar a{
  font-size:13px!important;
  line-height:1.28!important;
  font-weight:650!important;
  letter-spacing:0!important;
}
.admin-ui .admin-nav-section-label{
  font-size:10px!important;
  line-height:1.25!important;
  letter-spacing:.085em!important;
  font-weight:800!important;
}
.admin-ui .admin-workflow-copy strong{font-size:13px!important;font-weight:700!important}
.admin-ui .admin-workflow-copy small{
  font-size:10.5px!important;
  line-height:1.28!important;
  font-weight:500!important;
  letter-spacing:0!important;
}
.admin-sidebar-density{font-size:11.5px!important}

/* Topbar / right account menu */
.admin-top-context{gap:2px!important}
.admin-top-context small{
  font-size:10px!important;
  line-height:1.15!important;
  letter-spacing:.08em!important;
  font-weight:800!important;
}
.admin-top-context strong{
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:700!important;
}
.admin-locale-switch button{
  font-size:11px!important;
  line-height:1!important;
  font-weight:750!important;
}
.admin-quick-command{
  font-size:12px!important;
  line-height:1.15!important;
  font-weight:650!important;
}
.admin-quick-command kbd{font-size:10px!important;font-weight:650!important}
.admin-account-menu>summary{
  min-width:116px!important;
  height:40px!important;
  grid-template-columns:30px minmax(0,1fr) 12px!important;
  gap:8px!important;
  padding:4px 9px 4px 4px!important;
}
.admin-account-avatar{
  width:30px!important;
  height:30px!important;
  border-radius:8px!important;
  font-size:0!important;
}
.admin-account-avatar svg{
  width:16px!important;
  height:16px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.admin-account-copy{display:flex!important;align-items:center!important;min-width:0!important}
.admin-account-copy strong{
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:700!important;
}
.admin-account-copy small{display:none!important}
.admin-account-chevron{font-size:11px!important;line-height:1!important}
.admin-account-panel{
  width:252px!important;
  padding:7px!important;
  border-radius:12px!important;
}
.admin-account-panel>a,
.admin-account-density{
  min-height:54px!important;
  padding:10px 11px!important;
  gap:2px!important;
}
.admin-account-panel b{
  font-size:12.5px!important;
  line-height:1.3!important;
  font-weight:700!important;
}
.admin-account-panel small{
  font-size:10.5px!important;
  line-height:1.4!important;
}
.admin-account-logout .linkbtn{
  min-height:40px!important;
  padding:8px 11px!important;
  font-size:12.5px!important;
  line-height:1.2!important;
  font-weight:650!important;
}

/* Forms */
.admin-ui label,
.admin-ui .settings-field,
.admin-ui .field{
  font-size:12.5px!important;
  line-height:1.4!important;
  font-weight:650!important;
}
.admin-ui label small,
.admin-ui .settings-field small,
.admin-ui .hint,
.admin-ui small{
  font-size:11px!important;
  line-height:1.45!important;
}
.admin-ui input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.admin-ui select,
.admin-ui textarea{
  font-size:14px!important;
  line-height:1.42!important;
}
.admin-ui input[type="file"]{font-size:12px!important}
.admin-ui .btn{
  font-size:12.5px!important;
  line-height:1.2!important;
  font-weight:700!important;
}

/* Tables / status */
.admin-ui thead th{
  font-size:10.5px!important;
  line-height:1.25!important;
  letter-spacing:.045em!important;
  font-weight:750!important;
}
.admin-ui tbody td{
  font-size:12.5px!important;
  line-height:1.45!important;
}
.admin-ui td small,
.admin-ui .user-email,
.admin-ui .product-source{
  font-size:11px!important;
  line-height:1.4!important;
}
.admin-ui .status,
.admin-ui .status-pill,
.admin-ui .role-pill,
.admin-ui .china-status,
.admin-ui .update-pill,
.admin-ui .buyer-missing{
  font-size:11px!important;
  line-height:1.15!important;
  font-weight:700!important;
}

/* Settings / CMS / documents */
.admin-ui .settings-tabs-modern a,
.admin-ui .pages-language-tabs a,
.admin-ui .pages-language-single,
.admin-ui .document-formatbar button,
.admin-ui .technical-box>summary{
  font-size:11.5px!important;
  line-height:1.25!important;
}
.admin-ui .settings-block-index,
.admin-ui .pages-admin-nav-title,
.admin-ui .seo-preview-label{
  font-size:10px!important;
  letter-spacing:.07em!important;
}
.admin-ui .pages-admin-nav a span{font-size:12.5px!important}
.admin-ui .pages-admin-nav a small{font-size:10.5px!important}
.admin-ui .seo-preview-url,
.admin-ui .seo-system-info span,
.admin-ui .seo-system-info code,
.admin-ui .pages-savebar span{
  font-size:11px!important;
}
.admin-ui .seo-preview-title{font-size:16px!important}
.admin-ui .seo-preview-description{font-size:12px!important;line-height:1.48!important}
.admin-ui .document-textarea{font-size:14.5px!important;line-height:1.62!important}
.admin-ui .ai-translate-note,
.admin-ui .ai-editor-toast{font-size:11.5px!important}

/* Dashboard / metrics */
.admin-ui .dashboard-stats b,
.admin-ui .dashboard-alert-card b{font-size:27px!important}
.admin-ui .dashboard-stats span,
.admin-ui .dashboard-alert-card span{font-size:11.5px!important;line-height:1.35!important}
.admin-ui .dashboard-alert-card small{font-size:10.5px!important}
.admin-ui .china-orders-kpis b{font-size:24px!important}
.admin-ui .china-orders-kpis span{font-size:11.5px!important}
.admin-ui .order-number-link{font-size:13px!important}

/* Command palette */
.admin-command-head input{font-size:14px!important}
.admin-command-close{font-size:10.5px!important}
.admin-command-results strong{font-size:12.5px!important}
.admin-command-results small{font-size:10.5px!important}
.admin-command-results kbd{font-size:10px!important}
.admin-command-foot{font-size:10px!important}

/* ------------------------------------------------------------------------
   Account profile: rebalance the main/right columns and typographic rhythm.
   ------------------------------------------------------------------------ */
.profile-hero h1{
  font-size:clamp(31px,2.8vw,37px)!important;
  line-height:1.08!important;
  letter-spacing:-.032em!important;
}
.profile-hero p{font-size:13px!important;line-height:1.52!important}
.profile-role-chip{
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:700!important;
}
.profile-layout{grid-template-columns:minmax(0,1fr) 286px!important;gap:14px!important}
.profile-card-head h2{font-size:19px!important;line-height:1.25!important}
.profile-card-head p{font-size:12px!important;line-height:1.45!important}
.profile-step{
  font-size:10px!important;
  line-height:1.2!important;
  letter-spacing:.07em!important;
  font-weight:800!important;
}
.profile-form .field>span,
.profile-language-field>span{
  font-size:12.5px!important;
  line-height:1.35!important;
  font-weight:650!important;
}
.profile-form input,
.profile-form select,
.profile-form textarea{
  font-size:14px!important;
  line-height:1.4!important;
}
.profile-form .field small,
.profile-language-field small{
  font-size:11px!important;
  line-height:1.45!important;
}
.profile-language-switch label span{
  font-size:11.5px!important;
  line-height:1!important;
  font-weight:700!important;
}
.profile-account-card h3{
  font-size:17px!important;
  line-height:1.25!important;
  font-weight:750!important;
}
.profile-account-card dt{
  font-size:10px!important;
  line-height:1.25!important;
  letter-spacing:.055em!important;
  font-weight:750!important;
}
.profile-account-card dd{
  font-size:12.5px!important;
  line-height:1.35!important;
  font-weight:650!important;
}
.profile-status{font-size:10.5px!important;font-weight:700!important}
.profile-section-nav a span{font-size:10px!important;line-height:1.1!important}
.profile-section-nav a b{font-size:12.5px!important;line-height:1.3!important;font-weight:650!important}

/* ------------------------------------------------------------------------
   Compact mode: denser spacing, not smaller typography.
   ------------------------------------------------------------------------ */
.admin-ui.admin-density-compact{
  font-size:14px!important;
}
.admin-ui.admin-density-compact tbody td{font-size:12.5px!important}
.admin-ui.admin-density-compact input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
.admin-ui.admin-density-compact select{font-size:14px!important}

/* ------------------------------------------------------------------------
   Responsive type scale
   ------------------------------------------------------------------------ */
@media(max-width:960px){
  .admin-top-context{display:none!important}
  .admin-ui h1,
  .admin-ui .page-title h1,
  .admin-ui .settings-head h1,
  .profile-hero h1{font-size:31px!important}
  .admin-ui .adminbar a{font-size:13px!important}
  .admin-account-menu>summary{min-width:40px!important;width:40px!important;grid-template-columns:30px!important;padding:4px!important}
  .admin-account-copy,.admin-account-chevron{display:none!important}
}

@media(max-width:700px){
  body{font-size:14.5px}
  .hero-copy h1,.about-hero h1{font-size:clamp(34px,9.2vw,43px)!important}
  .hero-copy p,.about-lead{font-size:15.5px!important}
  .section-head h2,.about-principles-head h2{font-size:23px!important}
  .auth-brand h1,.reg-brand h1{font-size:32px!important}
  .auth-brand p,.reg-brand p{font-size:14px!important}
  .auth-card h2,.reg-card h2{font-size:27px!important}
  .workspace .page-heading h1,
  .workspace .order-new-head h1,
  .workspace .order-editor-head h1{font-size:30px!important}
  .profile-layout{grid-template-columns:1fr!important}
  .profile-account-card h3{font-size:16px!important}
  .admin-account-panel{width:min(260px,calc(100vw - 16px))!important}
}

@media(max-width:420px){
  .hero-copy h1,.about-hero h1{font-size:34px!important}
  .legal-document h1{font-size:30px!important}
  .admin-ui h1,
  .admin-ui .page-title h1,
  .admin-ui .settings-head h1,
  .profile-hero h1{font-size:28px!important}
}

/* Profile side panel is informational, not a tiny technical legend. */
.profile-account-card dt{
  text-transform:none!important;
  letter-spacing:.01em!important;
  font-size:10.5px!important;
  font-weight:650!important;
}
.profile-account-card dd{font-size:13px!important}
.profile-section-nav a{min-height:44px!important;padding:7px 9px!important}
.profile-section-nav a span{width:26px!important;height:26px!important;font-size:10px!important}
.profile-section-nav a b{font-size:13px!important}

/* Minimum readable size for technical microcopy that previously fell below 10px. */
.admin-ui .document-editor-kicker,
.admin-ui .diagnostics-grid-modern span,
.admin-ui kbd{
  font-size:10.5px!important;
}
.profile-delivery-preview span{font-size:10.5px!important;text-transform:none!important;letter-spacing:.01em!important;font-weight:650!important}
.profile-delivery-preview small{font-size:11px!important}
.about-side-label{font-size:10.5px!important}

/* Footer typography follows the same scale on public and workspace pages. */
.site-footer{font-size:13px!important;line-height:1.5!important}
.site-footer .footer-title{font-size:11px!important;line-height:1.25!important;letter-spacing:.055em!important;font-weight:750!important}
.site-footer .footer-column a,.site-footer .footer-company,.site-footer .footer-company a{font-size:12.5px!important;line-height:1.48!important}
.site-footer .footer-brand-meta,.site-footer .footer-bottom,.site-footer .footer-cookie-link{font-size:11.5px!important;line-height:1.4!important}