/* 会员设置 —— 取自 origin/main system-settings/*、member-settings/_components/*、customer/_components/vip-*、merged-checkout/* 的 Tailwind class。所有类名 mb- 前缀。 */
.mb-main { flex: 1; min-height: 0; display: flex; flex-direction: column; background: #F9FAFB; }
.mb-top { flex: none; display: flex; align-items: center; gap: 12px; height: 64px; padding: 0 32px; background: #fff; border-bottom: 1px solid var(--divider); }
.mb-top h1 { margin: 0; font-size: 24px; line-height: 32px; font-weight: 600; color: #0A1629; }
.mb-trig { color: #94A3B8; }
.mb-shell { flex: 1; min-height: 0; display: flex; gap: 24px; padding: 0 32px; }
.mb-rail { width: 216px; flex: none; padding: 28px 0 40px; display: flex; flex-direction: column; gap: 14px; }
.mb-rs { display: flex; flex-direction: column; gap: 2px; }
.mb-rs small { padding: 0 12px 6px; font-size: 12px; font-weight: 500; color: #94A3B8; }
.mb-ri { height: 36px; display: flex; align-items: center; border-radius: 10px; padding: 0 12px; font-size: 13px; font-weight: 500; color: #1C3E60; }
.mb-ri.on { background: #E7F7EF; color: #0F766E; font-weight: 600; }
.mb-vp { position: relative; flex: 1; max-width: 896px; min-width: 0; overflow: hidden; }
.mb-col { position: absolute; left: 0; right: 0; top: 0; padding: 28px 0 40px; display: flex; flex-direction: column; gap: 16px; }
.mb-ph { display: flex; align-items: flex-end; gap: 16px; }
.mb-ph > div:first-child { flex: 1; min-width: 0; }
.mb-ph h2 { margin: 0; font-size: 20px; line-height: 28px; font-weight: 600; color: #0A1629; }
.mb-ph p { margin: 2px 0 0; font-size: 13px; line-height: 20px; color: #64748B; }
.mb-tt { display: flex; align-items: center; gap: 10px; }
.mb-chip { display: inline-flex; align-items: center; height: 22px; padding: 0 10px; border-radius: 999px; background: #F9FAFB; border: 1px solid #EDEFF0; font-size: 12px; font-weight: 600; color: #64748B; white-space: nowrap; }

.mb-card { border-radius: 16px; border: 1px solid #E5E7EB; background: #fff; box-shadow: 0 2px 8px rgba(10, 22, 41, .04); padding: 20px; display: flex; flex-direction: column; gap: 14px; }
.mb-stub { gap: 12px; }
.mb-skel { height: 14px; border-radius: 6px; background: #EEF1F4; width: 70%; } .mb-skel.s { width: 42%; }
.mb-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } .mb-row.nowrap { flex-wrap: nowrap; }
.mb-gap { flex: 1; }
.mb-sub { font-size: 12px; color: #94A3B8; }

/* 按钮 */
.mb-bp, .mb-bo { display: inline-flex; height: 40px; align-items: center; justify-content: center; gap: 6px; border-radius: 10px; padding: 0 16px; font-size: 14px; font-weight: 600; white-space: nowrap; flex: none; }
.mb-bp { background: #0F766E; color: #fff; } .mb-bp.w96 { min-width: 96px; }
.mb-bo { border: 1px solid #D8E0F0; background: #fff; color: #1C3E60; font-weight: 500; }
.mb-bline { display: inline-flex; height: 40px; align-items: center; padding: 0 14px; border-radius: 10px; border: 1px solid #D8E0F0; font-size: 14px; font-weight: 500; color: #475569; background: #fff; white-space: nowrap; }
.mb-bline.red { color: #DC2626; border-color: #FECACA; }

/* 空状态 / 表格 */
.mb-empty { align-items: center; text-align: center; padding: 56px 32px; gap: 8px; color: #64748B; }
.mb-empty b { font-size: 15px; font-weight: 500; color: #0A1629; margin-top: 4px; }
.mb-empty p { margin: 0 0 10px; max-width: 448px; font-size: 13px; line-height: 20px; color: #64748B; }
.mb-table { padding: 0; gap: 0; overflow: hidden; }
.mb-th, .mb-tr { display: grid; grid-template-columns: 2fr 1.2fr 1fr 1.2fr 64px; gap: 12px; align-items: center; padding: 0 20px; }
.mb-th { height: 40px; background: #F9FAFB; border-bottom: 1px solid #EDEFF0; font-size: 12px; font-weight: 600; color: #64748B; }
.mb-th .r, .mb-num.r { text-align: right; }
.mb-tr { min-height: 60px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #EDEFF0; font-size: 13px; color: #1C3E60; }
.mb-tr:last-child { border-bottom: 0; }
.mb-tr.off { background: rgba(249, 250, 251, .5); }
.mb-pn { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .mb-pn b { font-size: 14px; font-weight: 600; color: #0A1629; } .mb-pn small { font-size: 12px; line-height: 16px; color: #64748B; }
.mb-num { font-variant-numeric: tabular-nums; } .mb-num b { font-weight: 600; color: #0A1629; }
.mb-st { display: flex; align-items: center; gap: 8px; } .mb-st i { font-style: normal; font-size: 12px; font-weight: 500; color: #94A3B8; } .mb-st i.ok { color: #047857; }
.mb-edit { text-align: right; font-size: 13px; font-weight: 500; color: #0F766E; }
.mb-fresh { animation: mb-fresh 1.6s ease; } @keyframes mb-fresh { from { background: #E7F7EF; } }
.mb-foot { display: flex; flex-direction: column; gap: 6px; }
.mb-foot small { font-size: 12px; line-height: 18px; color: #94A3B8; }

/* 开关 40×24 */
.mb-sw { position: relative; width: 40px; height: 24px; border-radius: 999px; background: #D8E0F0; flex: none; transition: background .2s; }
.mb-sw i { position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; border-radius: 999px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.2); transition: transform .2s; }
.mb-sw.on { background: #3DCAB1; } .mb-sw.on i { transform: translateX(16px); }

/* 弹窗 */
.mb-dlg { position: absolute; z-index: 50; left: 50%; top: 50%; translate: -50% -50%; background: #fff; border-radius: 16px; box-shadow: 0 12px 32px rgba(10, 22, 41, .12); display: flex; flex-direction: column; overflow: hidden; animation: kt-fade .2s ease; max-height: 810px; }
.mb-dlg.w480 { width: 480px; } .mb-dlg.w540 { width: 540px; }
.mb-dh { flex: none; display: flex; align-items: center; gap: 10px; padding: 18px 24px; border-bottom: 1px solid #EDEFF0; }
.mb-dh > b { flex: 1; font-size: 18px; font-weight: 600; color: #0A1629; }
.mb-x { width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; color: #64748B; margin-left: auto; }
.mb-dbv { position: relative; overflow: hidden; height: 640px; }
.mb-dbv.v { height: auto; max-height: 640px; }
.mb-db { padding: 20px 24px; display: flex; flex-direction: column; gap: 16px; transition: transform .5s ease; }
.mb-dbv.v .mb-db { gap: 14px; padding: 16px 24px; }
.mb-df { flex: none; display: flex; align-items: center; justify-content: flex-end; gap: 10px; padding: 14px 24px; border-top: 1px solid #EDEFF0; }
.mb-f { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.mb-f .lbl, .mb-ben .lbl { font-size: 13px; color: #1C3E60; } .mb-f .lbl i { color: #DC2626; font-style: normal; }
.mb-g2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.mb-every { font-size: 13px; color: #1C3E60; }
.mb-in { position: relative; height: 40px; display: flex; align-items: center; gap: 6px; border-radius: 10px; border: 1px solid #D8E0F0; background: #fff; padding: 0 12px; font-size: 14px; color: #0A1629; flex: none; }
.mb-f > .mb-in { flex: none; }
.mb-in b { font-weight: 500; } .mb-in b.sb { font-weight: 600; } .mb-in em { font-style: normal; color: #94A3B8; } .mb-in i { font-style: normal; color: #94A3B8; }
.mb-in.focus { border-color: #3DCAB1; box-shadow: 0 0 0 3px rgba(61, 202, 177, .3); }
.mb-in.err { border-color: #DC2626; }
.mb-in.w52 { width: 52px; justify-content: center; padding: 0 6px; } .mb-in.w48 { width: 48px; height: 32px; padding: 0 6px; justify-content: center; font-size: 13px; }
.mb-in.w40 { width: 40px; height: 32px; padding: 0 6px; justify-content: center; font-size: 13px; }
.mb-in.w160 { width: 160px; } .mb-in.w140 { width: 140px; }
.mb-sel { height: 40px; flex: 1; display: inline-flex; align-items: center; justify-content: space-between; gap: 6px; padding: 0 10px; border-radius: 10px; border: 1px solid #D8E0F0; font-size: 14px; color: #0A1629; white-space: nowrap; }
.mb-err { font-size: 12px; color: #DC2626; }
.mb-bt { font-size: 13px; color: #64748B; }
.mb-ben { background: #F9FAFB; border-radius: 10px; padding: 12px; display: flex; flex-direction: column; gap: 8px; }
.mb-hint { font-size: 12px; line-height: 17px; color: #64748B; }
.mb-gc { display: inline-flex; height: 26px; align-items: center; padding: 0 11px; border-radius: 999px; border: 1px solid #E5E7EB; background: #fff; font-size: 12px; font-weight: 600; color: #64748B; }
.mb-gc.on { border-color: #3DCAB1; background: #E7F7EF; color: #0F766E; }
.mb-rule { display: flex; align-items: center; gap: 6px; background: #fff; border: 1px solid #E5E7EB; border-radius: 10px; padding: 6px 8px; font-size: 13px; color: #1C3E60; align-self: flex-start; white-space: nowrap; }
.mb-rx { color: #94A3B8; margin-left: 6px; display: inline-flex; }
.mb-addr { align-self: flex-start; display: inline-flex; align-items: center; gap: 4px; height: 26px; padding: 0 10px; border-radius: 999px; background: #fff; border: 1px solid #E5E7EB; font-size: 12px; color: #1C3E60; }
.mb-callout { display: flex; gap: 8px; align-items: flex-start; background: #FFFBEB; border: 1px solid #FDE68A; border-radius: 10px; padding: 10px 12px; font-size: 12px; line-height: 18px; color: #92400E; }
.mb-callout .lu { flex: none; margin-top: 2px; }
.mb-pch { background: #FEF3C7; color: #B45309; border-radius: 10px; padding: 10px 12px; font-size: 13px; line-height: 20px; }
.mb-enrow { display: flex; align-items: center; gap: 12px; } .mb-enrow > div { flex: 1; display: flex; flex-direction: column; gap: 2px; } .mb-enrow b { font-size: 14px; font-weight: 500; color: #0A1629; } .mb-enrow small { font-size: 12px; color: #64748B; }
.mb-caret { display: inline-block; width: 1.5px; height: 16px; background: #0A1629; margin-left: -4px; animation: mb-caret 1s steps(1) infinite; }
@keyframes mb-caret { 50% { opacity: 0; } }

/* 顾客详情 */
.mb-cuw { flex: 1; min-height: 0; padding: 24px 32px; overflow: hidden; }
.mb-cu { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; max-width: 1080px; }
.mb-prof { flex-direction: row; align-items: center; gap: 16px; grid-column: 1 / -1; }
.mb-av { width: 64px; height: 64px; border-radius: 999px; background: #E7F7EF; color: #0F766E; font-size: 20px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; flex: none; }
.mb-pm { display: flex; flex-direction: column; gap: 4px; } .mb-pm small { font-size: 13px; color: #64748B; }
.mb-pnm { display: flex; align-items: center; gap: 10px; } .mb-pnm b { font-size: 22px; font-weight: 600; color: #0A1629; }
.mb-vip { display: inline-flex; align-items: center; gap: 4px; height: 24px; padding: 0 10px; border-radius: 999px; background: #F59E0B; color: #fff; font-size: 12px; font-weight: 700; animation: kt-toast .35s ease; }
.mb-setvip { display: inline-flex; align-items: center; gap: 4px; height: 26px; padding: 0 10px; border-radius: 999px; border: 1px solid #E5E7EB; color: #94A3B8; font-size: 12px; font-weight: 500; }
.mb-info { flex-direction: row; gap: 40px; } .mb-info div { display: flex; flex-direction: column; gap: 3px; } .mb-info small { font-size: 12px; color: #64748B; } .mb-info b { font-size: 14px; font-weight: 500; color: #0A1629; }

/* VIP 弹窗 */
.mb-vh > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .mb-vh b { font-size: 18px; font-weight: 600; color: #0A1629; } .mb-vh small { font-size: 13px; color: #64748B; }
.mb-vt { width: 36px; height: 36px; border-radius: 10px; background: #FEF3C7; color: #B45309; display: inline-flex; align-items: center; justify-content: center; flex: none; }
.mb-vt.p { background: #F3F4F6; color: #64748B; }
.mb-lab { font-size: 13px; font-weight: 600; color: #0A1629; }
.mb-lab2 { font-size: 13px; font-weight: 600; color: #0A1629; }
.mb-picker { display: flex; flex-direction: column; gap: 8px; }
.mb-pc { display: flex; align-items: center; gap: 12px; border-radius: 12px; border: 1px solid #D8E0F0; padding: 12px 14px; }
.mb-pc.on { border: 1.5px solid #F59E0B; background: #FFFBEB; }
.mb-pc span { flex: 1; display: flex; flex-direction: column; gap: 1px; } .mb-pc span b { font-size: 14px; font-weight: 600; color: #0A1629; } .mb-pc span small { font-size: 12px; color: #64748B; }
.mb-pp { font-size: 16px; font-weight: 700; color: #0A1629; font-variant-numeric: tabular-nums; }
.mb-rd { width: 14px; height: 14px; border-radius: 999px; border: 1.5px solid #CBD5E1; flex: none; box-sizing: border-box; }
.mb-pc.on .mb-rd { border: 4px solid #F59E0B; }
.mb-xc { display: inline-flex; height: 32px; align-items: center; padding: 0 12px; border-radius: 10px; border: 1px solid #E5E7EB; background: #fff; font-size: 13px; color: #1C3E60; }
.mb-xc.dis { opacity: .4; }
.mb-exp { margin: 0; font-size: 12px; color: #64748B; font-variant-numeric: tabular-nums; }
.mb-ar { border: 1px solid #E5E7EB; border-radius: 12px; padding: 12px 14px; display: flex; flex-direction: column; gap: 10px; }
.mb-arh { display: flex; align-items: center; gap: 10px; } .mb-arh > div { flex: 1; display: flex; flex-direction: column; gap: 2px; } .mb-arh b { font-size: 14px; font-weight: 600; color: #0A1629; } .mb-arh small { font-size: 12px; color: #64748B; }
.mb-arc { display: flex; align-items: center; gap: 8px; border-radius: 8px; background: #F9FAFB; padding: 8px 10px; font-size: 13px; font-variant-numeric: tabular-nums; }
.mb-card4 { color: #0A1629; } .mb-arc a { font-size: 12px; color: #0F766E; } .mb-arc a.mute { color: #64748B; }
.mb-cons { display: flex; gap: 8px; align-items: flex-start; font-size: 12px; line-height: 18px; color: #475569; }
.mb-cb { width: 16px; height: 16px; border-radius: 4px; border: 1.5px solid #CBD5E1; flex: none; margin-top: 1px; display: inline-flex; align-items: center; justify-content: center; color: #fff; }
.mb-cb.on { background: #3DCAB1; border-color: #3DCAB1; }
.mb-pay { display: flex; flex-direction: column; gap: 8px; }
.mb-payh { display: flex; align-items: baseline; } .mb-payh b { font-size: 13px; font-weight: 600; color: #0A1629; } .mb-payh strong { margin-left: auto; font-size: 20px; font-weight: 700; color: #0A1629; }
.mb-pts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.mb-pt { height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; border: 1px solid #D8E0F0; font-size: 13px; color: #1C3E60; }
.mb-pt.on { border: 1.5px solid #3DCAB1; background: #F1F8F4; color: #0F766E; font-weight: 600; }
.mb-cur { display: flex; align-items: center; gap: 12px; border-radius: 12px; background: #FFFBEB; padding: 12px 14px; }
.mb-cur > div { display: flex; flex-direction: column; gap: 2px; } .mb-cur b { font-size: 14px; font-weight: 600; color: #0A1629; } .mb-cur small { font-size: 12px; color: #64748B; }
.mb-vbig { display: inline-flex; align-items: center; gap: 4px; height: 22px; padding: 0 10px; border-radius: 999px; background: #F59E0B; color: #fff; font-size: 12px; font-weight: 700; flex: none; }
.mb-bal { display: flex; flex-direction: column; gap: 2px; border-radius: 12px; background: #F1F8F4; padding: 12px 14px; }
.mb-bal small { font-size: 12px; font-weight: 600; color: #0F766E; } .mb-bal b { font-size: 24px; font-weight: 700; color: #0A1629; } .mb-bal span { font-size: 12px; color: #64748B; }
.mb-ledger { display: flex; flex-direction: column; gap: 4px; } .mb-ledger > small { font-size: 12px; color: #64748B; }
.mb-ledger > div { display: flex; align-items: center; border: 1px solid #E5E7EB; border-radius: 10px; padding: 8px 12px; }
.mb-ledger span { flex: 1; display: flex; flex-direction: column; } .mb-ledger span b { font-size: 13px; font-weight: 500; color: #0A1629; } .mb-ledger span i { font-style: normal; font-size: 11px; color: #94A3B8; }
.mb-ledger em { font-style: normal; font-size: 13px; font-weight: 600; color: #047857; }
.mb-cancelm { height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 10px; border: 1px solid rgba(220, 38, 38, .3); color: #DC2626; font-size: 13px; font-weight: 500; }
.mb-opt { display: flex; align-items: center; gap: 10px; border-radius: 12px; border: 1px solid #E5E7EB; padding: 12px 14px; }
.mb-opt.on { border: 1.5px solid #3DCAB1; background: #F1F8F4; }
.mb-opt span { display: flex; flex-direction: column; gap: 1px; } .mb-opt b { font-size: 14px; font-weight: 600; color: #0A1629; } .mb-opt small { font-size: 12px; color: #64748B; }
.mb-opt.on .mb-rd { border: 4px solid #3DCAB1; }
.mb-ph2 { margin: 0; border-radius: 10px; background: #F9FAFB; padding: 10px 12px; font-size: 12px; line-height: 18px; color: #475569; }
.mb-psum { display: flex; align-items: center; gap: 12px; border-radius: 12px; background: #F1F5F9; padding: 12px 14px; }
.mb-psum > div { display: flex; flex-direction: column; gap: 2px; } .mb-psum b { font-size: 14px; font-weight: 600; color: #0A1629; } .mb-psum small { font-size: 12px; color: #64748B; }
.mb-pbadge { display: inline-flex; align-items: center; gap: 4px; height: 22px; padding: 0 10px; border-radius: 999px; background: #E2E8F0; color: #475569; font-size: 12px; font-weight: 700; flex: none; }
.mb-warnl { margin: 0; font-size: 12px; font-weight: 500; color: #B45309; }

/* 结账 */
.mb-co { position: absolute; z-index: 50; left: 120px; top: 45px; width: 1200px; height: 810px; background: #fff; border-radius: 16px; box-shadow: 0 20px 48px rgba(10, 22, 41, .22); display: flex; flex-direction: column; overflow: hidden; animation: kt-fade .2s ease; }
.mb-coh { display: flex; align-items: center; padding: 18px 24px; border-bottom: 1px solid #EDEFF0; } .mb-coh > div { flex: 1; display: flex; flex-direction: column; } .mb-coh b { font-size: 18px; font-weight: 600; color: #0A1629; } .mb-coh small { font-size: 13px; color: #64748B; }
.mb-cob { flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) 440px; }
.mb-bill { padding: 20px 24px; display: flex; flex-direction: column; gap: 14px; overflow: hidden; }
.mb-blh { display: flex; align-items: baseline; gap: 8px; } .mb-blh b { font-size: 15px; font-weight: 600; color: #0A1629; } .mb-blh small { font-size: 12px; color: #64748B; }
.mb-ord { border: 1px solid #E5E7EB; border-radius: 12px; background: #fff; overflow: hidden; }
.mb-ordh { display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: #F9FAFB; border-bottom: 1px solid #EDEFF0; }
.mb-ordh b { font-size: 14px; font-weight: 600; color: #0A1629; } .mb-ordh small { font-size: 12px; color: #64748B; font-variant-numeric: tabular-nums; }
.mb-on { width: 24px; height: 24px; border-radius: 999px; background: #0F766E; color: #fff; font-size: 11px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; }
.mb-vb { background: #FEF3C7; color: #B45309; border-radius: 4px; padding: 0 6px; font-size: 11px; font-weight: 700; line-height: 18px; }
.mb-ordb { padding: 14px 16px; display: flex; flex-direction: column; gap: 10px; }
.mb-svc { border: 1px solid #EDEFF0; border-radius: 10px; padding: 12px; display: flex; flex-direction: column; gap: 10px; }
.mb-svch { display: flex; align-items: center; } .mb-svch b { flex: 1; font-size: 13px; font-weight: 600; color: #0A1629; }
.mb-okp { font-size: 11px; font-weight: 600; color: #047857; background: #DEF6F1; border-radius: 999px; padding: 2px 8px; }
.mb-line { display: flex; align-items: center; gap: 10px; }
.mb-bar { width: 4px; height: 36px; border-radius: 4px; background: #3DCAB1; flex: none; }
.mb-line > div:not(.mb-mp) { display: flex; flex-direction: column; } .mb-line > div b { font-size: 14px; font-weight: 600; color: #0A1629; } .mb-line > div small { font-size: 12px; color: #64748B; }
.mb-mp { display: flex; align-items: center; gap: 8px; font-size: 13px; font-variant-numeric: tabular-nums; }
.mb-mp b { font-weight: 600; color: #0A1629; } .mb-mp s, .mb-extra s { color: #94A3B8; }
.mb-mp em, .mb-extra em { font-style: normal; background: #F59E0B; color: #fff; border-radius: 6px; padding: 1px 6px; font-size: 11px; font-weight: 700; white-space: nowrap; }
.mb-extra { display: flex; align-items: center; gap: 8px; font-size: 14px; color: #0A1629; padding-left: 4px; }
.mb-tot { margin-top: auto; border-radius: 12px; background: #F9FAFB; padding: 12px 14px; display: flex; flex-direction: column; gap: 6px; font-size: 13px; font-variant-numeric: tabular-nums; }
.mb-tot > div { display: flex; justify-content: space-between; color: #64748B; } .mb-tot > div span:last-child { color: #0A1629; }
.mb-tot > div.g span:last-child { color: #047857; } .mb-tot > div.d span { color: #0A1629; font-weight: 600; } .mb-tot > div.d b { font-size: 15px; color: #0A1629; }
.mb-money { background: #F8FAFB; border-left: 1px solid #EDEFF0; padding: 20px; display: flex; flex-direction: column; gap: 14px; overflow: hidden; }
.mb-hero { border-radius: 14px; border: 1px solid #E5E7EB; background: #fff; padding: 18px; display: flex; flex-direction: column; align-items: center; gap: 2px; }
.mb-hero small { font-size: 12px; color: #64748B; } .mb-hero b { font-size: 40px; line-height: 48px; font-weight: 700; color: #0A1629; font-variant-numeric: tabular-nums; }
.mb-balrow { display: flex; align-items: center; gap: 10px; border-radius: 12px; border: 1px solid #3DCAB1; background: #F1F8F4; padding: 10px 14px; }
.mb-balrow > div { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; } .mb-balrow b { font-size: 13px; font-weight: 600; color: #0A1629; } .mb-balrow small { font-size: 12px; line-height: 16px; color: #64748B; }
.mb-gem { width: 28px; height: 28px; border-radius: 999px; background: #fff; color: #0F766E; display: inline-flex; align-items: center; justify-content: center; flex: none; }
.mb-bin { width: 64px; height: 30px; border-radius: 6px; border: 1px solid #E5E7EB; background: #fff; flex: none; }
.mb-buse { height: 32px; display: inline-flex; align-items: center; padding: 0 12px; border-radius: 8px; border: 1px solid #0F766E; color: #0F766E; background: #fff; font-size: 13px; font-weight: 600; flex: none; }
.mb-sec { display: flex; flex-direction: column; gap: 8px; } .mb-sec > b { font-size: 14px; font-weight: 600; color: #0A1629; } .mb-sec p { margin: 0; font-size: 12px; color: #94A3B8; }
.mb-tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.mb-tiles > div { height: 84px; justify-content: center; border-radius: 14px; border: 1px solid #D8E0F0; background: #fff; padding: 0 16px; display: flex; flex-direction: column; gap: 2px; } .mb-tiles b { font-size: 15px; color: #0A1629; } .mb-tiles small { font-size: 12px; color: #64748B; }
.mb-tiles > div.pri { background: #0F766E; border-color: #0F766E; } .mb-tiles > div.pri b, .mb-tiles > div.pri small { color: #fff; }