/* 客户样品库 V2(2026-10-18, 画板 A–E): 选择器全挂 #csxRoot 下; 色板对得上的用 styles.css 变量, 对不上照画板十六进制 */
#csxRoot { position: relative; display: flex; flex-direction: column; min-height: 70vh; background: var(--soft, #F3F1EE); color: var(--ink, #25211D); font-size: 14px; line-height: 1.5; }
#csxRoot a { color: #C2620F; text-decoration: none; }
#csxRoot a:hover { color: #8F4708; }
#csxRoot button, #csxRoot input, #csxRoot select, #csxRoot textarea { font: inherit; color: inherit; }
#csxRoot button { cursor: pointer; }
#csxRoot button:disabled { cursor: default; opacity: .45; }
#csxRoot .csx-grow { flex: 1; }
#csxRoot .csx-mut, #csxRoot .csx-hint { color: #8A8279; font-size: 13px; }
#csxRoot .csx-hint { padding: 6px 10px; }
#csxRoot .csx-ell { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#csxRoot .csx-mo { display: none; }
#csxRoot .csx-hide, #csxRoot [hidden] { display: none !important; }

/* 顶栏 */
#csxRoot .csx-head { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 14px 24px; background: var(--surface, #fff); border-bottom: 1px solid var(--line, #E4DFD8); }
#csxRoot .csx-ttl { display: flex; flex-direction: column; gap: 2px; min-width: 240px; }
#csxRoot .csx-ttl h1 { margin: 0; font-size: 20px; line-height: 26px; }
#csxRoot .csx-sub { font-size: 13px; color: #8A8279; }
#csxRoot .csx-search { flex: 1 1 280px; display: flex; align-items: center; gap: 8px; height: 36px; padding: 0 12px; border: 1px solid var(--line, #E4DFD8); border-radius: 8px; background: var(--panel, #FBFAF8); color: #8A8279; }
#csxRoot .csx-search input { flex: 1; min-width: 0; border: 0; background: none; outline: none; color: var(--ink, #25211D); }
#csxRoot .csx-lbl { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: #8A8279; white-space: nowrap; flex: none; }
#csxRoot label.csx-lbl { font-size: 13px; color: #6F6860; }
#csxRoot .csx-sel { height: 36px; border: 1px solid var(--line, #E4DFD8); border-radius: 8px; background: #fff; padding: 0 8px; }
#csxRoot .csx-boardonly { display: none; }
#csxRoot.csx-v-board .csx-boardonly { display: inline-flex; }
#csxRoot .csx-seg { display: inline-flex; padding: 3px; gap: 4px; border: 1px solid var(--line, #E4DFD8); border-radius: 999px; background: var(--panel, #FBFAF8); }
#csxRoot .csx-seg button { height: 30px; padding: 0 14px; border: 0; border-radius: 999px; background: none; color: #6F6860; }
#csxRoot .csx-seg button.csx-on { background: var(--primary-50, #FEF3E5); color: #8F4708; font-weight: 600; }

/* 按钮 */
#csxRoot .csx-btn { min-height: 36px; padding: 0 14px; border: 1px solid var(--line, #E4DFD8); border-radius: 8px; background: #fff; white-space: nowrap; }
#csxRoot .csx-btn.csx-primary { border-color: #C2620F; background: var(--primary, #E2761B); color: #fff; font-weight: 700; }
#csxRoot .csx-btn.csx-bad { border-color: #E9A899; color: #B23A1E; }
#csxRoot .csx-btn.csx-mutbtn { color: #6F6860; }
#csxRoot .csx-btn.csx-sm { min-height: 30px; padding: 0 10px; font-size: 12px; }
#csxRoot .csx-link { border: 0; background: none; padding: 0; color: #C2620F; }
#csxRoot .csx-chip { display: inline-flex; align-items: center; gap: 4px; min-height: 36px; padding: 0 12px; border: 1px solid var(--line, #E4DFD8); border-radius: 999px; background: #fff; font-size: 13px; color: #4A443E; white-space: nowrap; }
#csxRoot .csx-chip.csx-on { border-color: #C2620F; background: var(--primary-50, #FEF3E5); color: #8F4708; font-weight: 600; }
#csxRoot .csx-ib { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; flex: none; border: 1px solid var(--line, #E4DFD8); border-radius: 8px; background: #fff; font-size: 18px; color: #6F6860; }
#csxRoot .csx-ib.csx-sm { border: 0; background: none; font-size: 15px; color: #A8A097; }

/* 进度胶囊 */
#csxRoot .csx-pill { display: inline-flex; align-items: center; height: 22px; padding: 0 8px; border-radius: 999px; font-size: 12px; font-weight: 600; white-space: nowrap; }
#csxRoot .csx-pill-s { height: 18px; font-size: 11px; }
#csxRoot .csx-st-new { background: #EEF1F6; color: #3D4D66; }
#csxRoot .csx-st-want { background: #FEF3E5; color: #8F4708; }
#csxRoot .csx-st-doing { background: #FDE7D2; color: #9A3E0A; }
#csxRoot .csx-st-done { background: #E7EEF9; color: #24508F; }
#csxRoot .csx-st-ok { background: var(--good-soft, #E9F3EC); color: var(--good, #1E6A3C); }
#csxRoot .csx-st-no { background: #EFEDEA; color: #6F6860; }

/* 主体 / 左栏 */
#csxRoot .csx-body { flex: 1; display: flex; align-items: flex-start; }
#csxRoot .csx-rail { flex: 0 0 260px; align-self: flex-start; position: sticky; top: 0; max-height: calc(100vh - 140px); overflow-y: auto; display: flex; flex-direction: column; gap: 2px; padding: 12px 10px; background: #fff; border-right: 1px solid var(--line, #E4DFD8); box-sizing: border-box; }   /* 左栏独立滚动且粘住: 点靠下的客户右侧变短也不跳(运哥 10-01 老要求, 10-18 test-ui-sample-kinds 抓的) */
#csxRoot .csx-rh { display: flex; gap: 8px; padding: 4px 10px 6px; font-size: 12px; color: #8A8279; }
#csxRoot .csx-rh2 { padding-top: 14px; }
#csxRoot .csx-rl { display: flex; align-items: center; gap: 8px; min-height: 36px; padding: 0 10px; border: 0; border-radius: 8px; background: none; width: 100%; text-align: left; }
#csxRoot .csx-rl:hover { background: #F6F4F1; }
#csxRoot .csx-rl.csx-on { background: var(--primary-50, #FEF3E5); color: #8F4708; font-weight: 600; }
#csxRoot .csx-rl small { margin-left: auto; flex: none; color: #8A8279; font-size: 12px; font-weight: 400; }
#csxRoot .csx-rl.csx-warn, #csxRoot .csx-rl.csx-warn small { color: #9A3E0A; }
#csxRoot .csx-rl.csx-mut { color: #8A8279; }
#csxRoot .csx-main { flex: 1 1 640px; min-width: 0; display: flex; flex-direction: column; gap: 12px; padding: 16px 24px 24px; }
#csxRoot .csx-custbar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 12px 16px; background: #fff; border: 1px solid var(--line, #E4DFD8); border-radius: 12px; }
#csxRoot .csx-cname { font-size: 16px; font-weight: 700; }
#csxRoot .csx-c360 { font-size: 13px; }
#csxRoot .csx-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
#csxRoot .csx-gap { width: 12px; }

/* 批量条 */
#csxRoot .csx-bbar { position: sticky; top: 0; z-index: 5; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 10px; background: #25211D; color: #fff; }
#csxRoot .csx-dk { min-height: 36px; padding: 0 12px; border: 1px solid #5B544C; border-radius: 8px; background: #36302B; color: #fff; }
#csxRoot .csx-dk-bad { color: #F4B39A; }
#csxRoot .csx-dk-x { min-height: 36px; padding: 0 12px; border: 0; background: none; color: #C9C2B9; }

/* 卡片 */
#csxRoot .csx-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; }
#csxRoot .csx-card { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 8px; background: #fff; border: 1px solid var(--line, #E4DFD8); border-radius: 12px; min-width: 0; }
#csxRoot .csx-card.csx-on { border-color: #C2620F; box-shadow: 0 0 0 2px #F6C998; }
#csxRoot .csx-ck { position: absolute; z-index: 1; top: 14px; left: 14px; width: 20px; height: 20px; margin: 0; accent-color: #C2620F; cursor: pointer; }
#csxRoot .csx-src { position: absolute; z-index: 1; top: 14px; right: 14px; height: 20px; padding: 0 6px; border-radius: 6px; background: rgba(37,33,29,.72); color: #fff; font-size: 11px; display: inline-flex; align-items: center; pointer-events: none; }
#csxRoot .csx-ph { display: block; width: 100%; aspect-ratio: 1 / 1; border-radius: 10px; background: #2B2724; overflow: hidden; }
#csxRoot .csx-ph img { display: block; width: 100%; height: 100%; object-fit: cover; }
#csxRoot .csx-noimg { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: #8A8279; background: #EFEDEA; font-size: 13px; }
#csxRoot .csx-cn { font-size: 13px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#csxRoot .csx-cm { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
#csxRoot .csx-fl { font-size: 12px; color: #6F6860; }
#csxRoot .csx-fl0 { color: #A8A097; }
#csxRoot .csx-skn { font-size: 12px; }
#csxRoot .csx-empty { grid-column: 1 / -1; padding: 40px 12px; text-align: center; color: #8A8279; font-size: 14px; }
#csxRoot .csx-more { text-align: center; font-size: 13px; color: #8A8279; min-height: 24px; }

/* 看板 */
#csxRoot .csx-boardwrap { flex: 1; min-width: 0; }
#csxRoot .csx-board { display: flex; gap: 12px; padding: 16px 24px 24px; overflow-x: auto; align-items: flex-start; }
#csxRoot .csx-col { flex: 1 0 230px; min-width: 230px; display: flex; flex-direction: column; gap: 8px; padding: 10px; background: #ECE9E4; border-radius: 12px; border: 2px solid transparent; }
#csxRoot .csx-col-no { flex-basis: 160px; min-width: 160px; opacity: .9; }
#csxRoot .csx-col.csx-drop { border-color: #E2761B; background: #F6EEE4; }
#csxRoot .csx-colh { display: flex; align-items: center; gap: 8px; padding: 2px 4px 4px; }
#csxRoot .csx-colh small { margin-left: auto; color: #6F6860; font-size: 12px; }
#csxRoot .csx-kc { display: flex; flex-direction: column; gap: 8px; padding: 10px; background: #fff; border: 1px solid var(--line, #E4DFD8); border-radius: 10px; }
#csxRoot .csx-kc[draggable="true"] { cursor: grab; }
#csxRoot .csx-kc.csx-dragging { opacity: .5; }
#csxRoot .csx-kr { display: flex; gap: 10px; align-items: flex-start; }
#csxRoot .csx-kph { display: block; width: 56px; height: 56px; flex: none; border-radius: 8px; background: #2B2724; overflow: hidden; }
#csxRoot .csx-kph img { width: 100%; height: 100%; object-fit: cover; display: block; }
#csxRoot .csx-kt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
#csxRoot .csx-kt b { font-size: 13px; line-height: 18px; cursor: pointer; overflow-wrap: anywhere; }
#csxRoot .csx-meta { font-size: 12px; color: #6F6860; }
#csxRoot .csx-late { color: #9A3E0A; }
#csxRoot .csx-kf { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
#csxRoot .csx-sk { display: inline-flex; align-items: center; height: 22px; padding: 0 8px; border-radius: 6px; background: #F6F4F1; font-size: 12px; color: #C2620F; }
#csxRoot .csx-sk0 { color: #4A443E; }
#csxRoot .csx-sk a { color: inherit; }
#csxRoot .csx-nx { min-height: 36px; padding: 0 10px; border: 1px solid #C2620F; border-radius: 8px; background: #FEF3E5; color: #8F4708; font-size: 12px; font-weight: 600; }
#csxRoot .csx-kempty { padding: 18px 8px; text-align: center; font-size: 13px; color: #8A8279; border: 1px dashed #C9C2B9; border-radius: 10px; }
#csxRoot .csx-kmore { min-height: 36px; border: 1px dashed #C9C2B9; border-radius: 8px; background: none; color: #6F6860; font-size: 13px; }

/* 弹层 / 菜单 / 表单 */
#csxRoot .csx-ov { position: fixed; inset: 0; z-index: 1200; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(37,33,29,.35); }
#csxRoot .csx-dlg { width: 440px; max-width: 100%; max-height: 90vh; overflow: auto; display: flex; flex-direction: column; gap: 10px; padding: 16px 18px; background: #fff; border-radius: 12px; box-shadow: 0 16px 40px rgba(37,33,29,.25); box-sizing: border-box; }
#csxRoot .csx-dh { display: flex; align-items: center; gap: 8px; font-size: 16px; }
#csxRoot .csx-x { width: 36px; height: 36px; border: 0; background: none; font-size: 20px; color: #6F6860; }
#csxRoot .csx-in { width: 100%; box-sizing: border-box; min-height: 36px; padding: 6px 10px; border: 1px solid var(--line, #E4DFD8); border-radius: 8px; background: #fff; }
#csxRoot textarea.csx-in { resize: vertical; }
#csxRoot .csx-pclist, #csxRoot .csx-shlist { display: flex; flex-direction: column; gap: 2px; max-height: 50vh; overflow: auto; }
#csxRoot .csx-fl2 { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: #6F6860; }
#csxRoot .csx-frow { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
#csxRoot .csx-fl2 .csx-frow { flex-wrap: nowrap; }
#csxRoot .csx-fend { justify-content: flex-end; padding-top: 4px; }
#csxRoot .csx-fimg { display: flex; align-items: center; justify-content: center; height: 160px; border: 1px dashed #C9C2B9; border-radius: 10px; background: var(--panel, #FBFAF8); overflow: hidden; }
#csxRoot .csx-fimg img { max-width: 100%; max-height: 100%; object-fit: contain; }
#csxRoot .csx-menu { position: absolute; z-index: 1100; min-width: 180px; max-height: 320px; overflow: auto; display: flex; flex-direction: column; padding: 4px; background: #fff; border: 1px solid var(--line, #E4DFD8); border-radius: 10px; box-shadow: 0 8px 24px rgba(37,33,29,.18); }
#csxRoot .csx-menu button { min-height: 36px; padding: 0 12px; border: 0; border-radius: 6px; background: none; text-align: left; white-space: nowrap; }
#csxRoot .csx-menu button:hover { background: #F6F4F1; }

/* 详情抽屉 */
#csxRoot .csx-dwrap { position: fixed; inset: 0; z-index: 1000; display: flex; justify-content: flex-end; background: rgba(37,33,29,.35); }
#csxRoot .csx-drawer { width: 560px; max-width: 100%; height: 100%; display: flex; flex-direction: column; background: #fff; box-shadow: -8px 0 24px rgba(37,33,29,.18); }
#csxRoot .csx-dhd { display: flex; align-items: center; gap: 10px; padding: 14px 20px; border-bottom: 1px solid var(--line, #E4DFD8); }
#csxRoot .csx-dhd h2 { margin: 0; font-size: 18px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#csxRoot .csx-dbd { flex: 1; overflow: auto; padding: 16px 20px 20px; }
#csxRoot .csx-big { display: flex; align-items: center; justify-content: center; width: 100%; height: 340px; padding: 0; border: 0; border-radius: 12px; background: #2B2724; overflow: hidden; cursor: zoom-in; }
#csxRoot .csx-big img { max-width: 100%; max-height: 100%; object-fit: contain; }
#csxRoot .csx-dsrc { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding: 12px 0 4px; font-size: 13px; color: #6F6860; }
#csxRoot .csx-dsrc b { color: var(--ink, #25211D); }
#csxRoot .csx-sec { display: flex; flex-direction: column; gap: 8px; padding: 14px 0; border-top: 1px solid var(--line-soft, #F1EDE7); }
#csxRoot .csx-sec h3 { margin: 0; font-size: 13px; color: #6F6860; font-weight: 600; }
#csxRoot .csx-sec .csx-sel { flex: 0 1 260px; }
#csxRoot .csx-steps { display: flex; align-items: flex-start; gap: 4px; }
#csxRoot .csx-step { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 6px; font-size: 12px; color: #8A8279; text-align: center; }
#csxRoot .csx-dot { width: 26px; height: 26px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; background: #EFEDEA; color: #8A8279; }
#csxRoot .csx-step.csx-done { color: #4A443E; }
#csxRoot .csx-step.csx-done .csx-dot { background: var(--good-soft, #E9F3EC); color: var(--good, #1E6A3C); }
#csxRoot .csx-step.csx-cur { color: #8F4708; font-weight: 700; }
#csxRoot .csx-step.csx-cur .csx-dot { background: var(--primary, #E2761B); color: #fff; }
#csxRoot .csx-pbar { display: flex; gap: 3px; }
#csxRoot .csx-pbar span { flex: 1; height: 6px; border-radius: 3px; background: #EFEDEA; }
#csxRoot .csx-pbar span.csx-d { background: #9CC7A9; }
#csxRoot .csx-pbar span.csx-c { background: var(--primary, #E2761B); }
#csxRoot .csx-plbl { display: flex; justify-content: space-between; padding-top: 6px; font-size: 11px; color: #8A8279; }
#csxRoot .csx-plbl .csx-c { color: #8F4708; font-weight: 700; }
#csxRoot .csx-skurow { display: flex; align-items: center; gap: 8px; padding: 6px 6px 6px 10px; border: 1px solid var(--line, #E4DFD8); border-radius: 8px; font-size: 13px; }
#csxRoot .csx-skq { position: relative; }
#csxRoot .csx-skin { display: flex; align-items: center; gap: 8px; height: 36px; padding: 0 10px; border: 1px dashed #C9C2B9; border-radius: 8px; color: #8A8279; }
#csxRoot .csx-skin input { flex: 1; min-width: 0; border: 0; outline: none; background: none; color: var(--ink, #25211D); }
#csxRoot .csx-skdd { position: absolute; z-index: 3; left: 0; right: 0; top: 40px; max-height: 300px; overflow: auto; padding: 4px; background: #fff; border: 1px solid var(--line, #E4DFD8); border-radius: 10px; box-shadow: 0 8px 24px rgba(37,33,29,.18); }
#csxRoot .csx-lg { display: flex; flex-wrap: wrap; gap: 10px; font-size: 12px; color: #6F6860; }
#csxRoot .csx-lg b { color: var(--ink, #25211D); font-weight: 600; }
#csxRoot .csx-dft { display: flex; align-items: center; gap: 8px; padding: 12px 20px; border-top: 1px solid var(--line, #E4DFD8); }
#csxRoot .csx-dft.csx-mo { display: none; }   /* 底部推进条是手机版(画板 E), 桌面进度节里已有同样的钮(10-18 截图两份) */

/* 手机(画板 D / E) */
@media (max-width: 768px) {
  #csxRoot .csx-dt { display: none !important; }
  #csxRoot .csx-mo { display: flex; }
  #csxRoot .csx-head { gap: 8px; padding: 12px 14px 10px; }
  #csxRoot .csx-ttl { min-width: 0; flex: 1; }
  #csxRoot .csx-ttl h1 { font-size: 18px; }
  #csxRoot .csx-sub { display: none; }
  #csxRoot .csx-custbtn { min-height: 44px; max-width: 55%; padding: 0 12px; border: 1px solid var(--line, #E4DFD8); border-radius: 8px; background: #fff; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
  #csxRoot .csx-search { flex: 1 1 100%; height: 44px; }
  #csxRoot .csx-mpills { flex: 1 1 100%; gap: 6px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  #csxRoot .csx-tab { flex: none; min-height: 44px; padding: 0 12px; border: 1px solid var(--line, #E4DFD8); border-radius: 999px; background: #fff; color: #6F6860; font-size: 13px; }
  #csxRoot .csx-tab.csx-on { border-color: #C2620F; background: var(--primary-50, #FEF3E5); color: #8F4708; font-weight: 600; }
  #csxRoot .csx-main { padding: 10px 12px 96px; gap: 10px; }
  #csxRoot .csx-filters { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  #csxRoot .csx-filters .csx-grow { display: none; }
  #csxRoot .csx-chip, #csxRoot .csx-btn, #csxRoot .csx-sel, #csxRoot .csx-in, #csxRoot .csx-rl, #csxRoot .csx-ib, #csxRoot .csx-x, #csxRoot .csx-menu button { min-height: 44px; }
  #csxRoot .csx-ib { width: 44px; height: 44px; }
  #csxRoot .csx-custbar { padding: 10px 12px; }
  #csxRoot .csx-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  #csxRoot .csx-card { gap: 4px; padding: 6px; }
  #csxRoot .csx-src { top: 10px; right: 10px; height: 18px; padding: 0 5px; font-size: 10px; }
  #csxRoot .csx-cm .csx-pill { height: 20px; padding: 0 7px; font-size: 11px; }
  #csxRoot .csx-fl { font-size: 11px; }
  #csxRoot .csx-mbar { position: fixed; z-index: 900; left: 0; right: 0; bottom: 0; gap: 8px; padding: 10px 14px calc(18px + env(safe-area-inset-bottom, 0px)); background: #fff; border-top: 1px solid var(--line, #E4DFD8); }
  #csxRoot .csx-mbar .csx-btn { flex: 1; min-height: 44px; border-radius: 10px; font-weight: 600; }
  #csxRoot .csx-ov-sheet { align-items: flex-end; padding: 0; }
  #csxRoot .csx-sheet { width: 100%; max-height: 80vh; display: flex; flex-direction: column; gap: 8px; padding: 12px 14px calc(14px + env(safe-area-inset-bottom, 0px)); background: #fff; border-radius: 14px 14px 0 0; box-sizing: border-box; }
  #csxRoot .csx-shlist { max-height: 60vh; }
  #csxRoot .csx-dwrap { background: #F3F1EE; }
  #csxRoot .csx-drawer { width: 100%; box-shadow: none; }
  #csxRoot .csx-dhd { gap: 8px; padding: 6px 12px; }
  #csxRoot .csx-dhd .csx-ib.csx-mo { border: 0; font-size: 22px; color: var(--ink, #25211D); }
  #csxRoot .csx-dhd h2 { font-size: 16px; }
  #csxRoot .csx-dbd { padding: 0 0 12px; background: #F3F1EE; }
  #csxRoot .csx-big { height: 280px; border-radius: 0; }
  #csxRoot .csx-dsrc { padding: 12px 16px; background: #fff; }
  #csxRoot .csx-sec { padding: 12px 16px; background: #fff; }
  #csxRoot .csx-mo.csx-pbar, #csxRoot .csx-sec > .csx-mo { flex-direction: column; }
  #csxRoot .csx-sec .csx-sel { flex: 1 1 auto; height: 44px; }
  #csxRoot .csx-dft.csx-mo { display: flex; padding: 10px 14px calc(18px + env(safe-area-inset-bottom, 0px)); background: #fff; }
  #csxRoot .csx-dft.csx-mo .csx-btn { min-height: 44px; border-radius: 10px; }
  #csxRoot .csx-dlg { max-height: 92vh; }
}