/* ④ 员工与排班 —— 所有类名 st- 前缀（appt.css 只为按员工视图里的工具栏 .tb1/.tb2/.seg 加载）。 */
.st-main { flex: 1; min-height: 0; display: flex; flex-direction: column; position: relative; }
.st-trig { color: #64748B; }
.st-muted { color: #64748B; }
.st-link { font-size: 13px; font-weight: 500; color: var(--brand-700); white-space: nowrap; }
.st-pri { display: inline-flex; height: 40px; align-items: center; justify-content: center; gap: 6px; border-radius: 12px; background: var(--brand-700); padding: 0 16px; font-size: 14px; font-weight: 500; color: #fff; white-space: nowrap; flex: none; }
.st-out { display: inline-flex; height: 40px; align-items: center; justify-content: center; border-radius: 12px; border: 1px solid #D8E0F0; background: #fff; padding: 0 16px; font-size: 14px; font-weight: 500; color: #1C3E60; white-space: nowrap; flex: none; }
.st-out.red { border-color: #F65160; color: #DC2626; }
.st-x { width: 32px; height: 32px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; color: #64748B; flex: none; }
.st-av { width: 36px; height: 36px; border-radius: 50%; background: var(--brand-100); color: var(--brand-700); font-size: 12px; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; flex: none; }
.st-av.sm { width: 32px; height: 32px; background: var(--brand-700); color: #fff; }
.st-av.lg { width: 56px; height: 56px; font-size: 18px; }
.st-av.dash { background: #FEF3C7; border: 1.5px dashed #F59E0B; color: #B45309; }
.st-sw { width: 40px; height: 22px; border-radius: 999px; background: #E5E7EB; position: relative; flex: none; transition: background .2s; }
.st-sw i { position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .2); transition: left .2s; }
.st-sw.on { background: #3DCAB1; } .st-sw.on i { left: 20px; }
.st-caret { display: inline-block; width: 1.5px; height: 16px; background: #0A1629; margin-left: 1px; animation: st-caret 1s steps(1) infinite; }
@keyframes st-caret { 50% { opacity: 0; } }
@keyframes st-pop { from { transform: scale(.97); opacity: 0; } }
@keyframes st-slide { from { transform: translateX(60px); opacity: 0; } }
@keyframes st-in { from { opacity: 0; transform: translateY(4px); } }

/* ---------- 系统设置外壳 ---------- */
.st-ph { height: 64px; flex: none; display: flex; align-items: center; padding: 0 16px; background: #fff; border-bottom: 1px solid var(--divider); }
.st-ph-l { display: flex; align-items: center; gap: 12px; } .st-ph h1 { margin: 0; font-size: 24px; font-weight: 600; letter-spacing: -.02em; color: #0A1629; }
.st-canvas { flex: 1; min-height: 0; background: #F9FAFB; padding: 0 32px; display: flex; gap: 24px; overflow: hidden; }
.st-rail { width: 216px; flex: none; padding-top: 28px; display: flex; flex-direction: column; gap: 14px; }
.st-rail-sec { display: flex; flex-direction: column; gap: 2px; }
.st-rail-sec small { padding: 0 12px 6px; font-size: 12px; font-weight: 500; color: #94A3B8; }
.st-rail-i { height: 36px; display: flex; align-items: center; border-radius: 10px; padding: 0 12px; font-size: 13px; color: #1C3E60; }
.st-rail-i.on { background: var(--brand-100); color: var(--brand-700); font-weight: 600; }
.st-content { flex: 1; max-width: 896px; min-width: 0; padding-top: 28px; display: flex; flex-direction: column; gap: 16px; }
.st-head { display: flex; align-items: flex-start; gap: 16px; }
.st-head > div:first-child { flex: 1; min-width: 0; }
.st-head h2 { margin: 0; font-size: 20px; line-height: 28px; font-weight: 600; color: #0A1629; }
.st-head p { margin: 2px 0 0; font-size: 13px; line-height: 20px; color: #64748B; }
.st-head-act { display: flex; gap: 8px; flex: none; }
.st-search { display: inline-flex; width: 240px; height: 40px; align-items: center; gap: 8px; border-radius: 12px; border: 1px solid #D8E0F0; background: #fff; padding: 0 12px; font-size: 13px; color: #94A3B8; flex: none; }
.st-search.w260 { width: 260px; }
.st-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.st-chip { height: 30px; display: inline-flex; align-items: center; gap: 6px; border-radius: 999px; border: 1px solid #E5E7EB; background: #fff; padding: 0 12px; font-size: 13px; color: #1C3E60; }
.st-chip b { font-weight: 600; color: #94A3B8; font-size: 12px; }
.st-chip.on { border-color: #3DCAB1; background: var(--brand-50); color: var(--brand-700); font-weight: 600; } .st-chip.on b { color: var(--brand-700); }
.st-card { border-radius: 16px; border: 1px solid #E5E7EB; background: #fff; box-shadow: 0 2px 8px rgba(10, 22, 41, .04); overflow: hidden; }
.st-row { display: grid; grid-template-columns: 2.2fr 1fr 1fr .8fr 32px; gap: 12px; align-items: center; height: 60px; padding: 0 20px; border-bottom: 1px solid var(--divider); font-size: 13px; color: #1C3E60; }
.st-row:last-child { border-bottom: 0; }
.st-row.st-th { height: 40px; background: #F9FAFB; font-size: 12px; font-weight: 600; color: #64748B; }
.st-row.pend { background: rgba(254, 243, 199, .4); animation: st-in .35s ease; }
.st-row.fresh { animation: st-fresh 1.4s ease 2; }
@keyframes st-fresh { 40% { background: #F1F8F4; } }
.st-who { display: flex; align-items: center; gap: 10px; min-width: 0; }
.st-who div { display: flex; flex-direction: column; min-width: 0; }
.st-who b { font-size: 14px; font-weight: 600; color: #0A1629; white-space: nowrap; display: flex; align-items: center; gap: 6px; }
.st-who b em { font-style: normal; border-radius: 4px; background: #F3F4F6; color: #64748B; font-size: 11px; font-weight: 600; padding: 0 5px; }
.st-who small { font-size: 12px; color: #94A3B8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.st-role { display: inline-flex; border-radius: 999px; padding: 2px 10px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.st-r-owner { background: #E7F7EF; color: #0F766E; } .st-r-admin { background: #E0F2FE; color: #0369A1; }
.st-r-front { background: #FEF3C7; color: #B45309; } .st-r-member { background: #F9FAFB; color: #64748B; border: 1px solid #EDEFF0; }
.st-yes { display: inline-flex; border-radius: 999px; background: #DEF6F1; color: #047857; padding: 2px 10px; font-size: 12px; font-weight: 600; }
.st-dash { color: #CED5E0; }
.st-badge { width: 30px; height: 30px; border-radius: 8px; color: #fff; font-size: 13px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; }
.st-kebab { color: #CBD5E1; display: inline-flex; }
.st-resend { font-size: 13px; font-weight: 600; color: var(--brand-700); }
.st-foot { margin: 0; font-size: 12px; line-height: 18px; color: #94A3B8; }

/* ---------- 弹窗 ---------- */
.overlay.top { z-index: 55; }
.st-dlg { position: absolute; left: 50%; top: 50%; translate: -50% -50%; z-index: 50; border-radius: 16px; background: #fff; box-shadow: 0 12px 32px rgba(10, 22, 41, .12); display: flex; flex-direction: column; animation: st-pop .22s ease; }
.st-dlg.top { z-index: 60; }
.st-dlg.w560 { width: 560px; } .st-dlg.w460 { width: 460px; } .st-dlg.w672 { width: 672px; }
.st-dh { display: flex; align-items: center; justify-content: space-between; padding: 18px 24px 10px; } .st-dh b { font-size: 18px; font-weight: 600; color: #0A1629; }
.st-utabs { display: flex; gap: 4px; padding: 0 24px; border-bottom: 1px solid var(--divider); }
.st-utabs.in { padding: 0; }
.st-utabs span { height: 40px; display: inline-flex; align-items: center; padding: 0 14px; font-size: 14px; color: #64748B; border-bottom: 2px solid transparent; margin-bottom: -1px; }
.st-utabs span.on { color: #0A1629; font-weight: 600; border-bottom-color: #3DCAB1; }
.st-db { padding: 20px 24px; display: flex; flex-direction: column; gap: 16px; }
.st-df { display: flex; justify-content: flex-end; gap: 8px; padding: 14px 24px; border-top: 1px solid var(--divider); }
.st-fl { display: flex; flex-direction: column; gap: 6px; font-size: 13px; font-weight: 500; color: #1C3E60; }
.st-fl > span:first-child i { font-style: normal; color: #DC2626; margin-left: 2px; }
.st-in { display: flex; height: 40px; align-items: center; border-radius: 10px; border: 1px solid #D8E0F0; background: #fff; padding: 0 12px; font-size: 14px; font-style: normal; font-weight: 400; color: #0A1629; }
.st-in.big { height: 42px; border-radius: 12px; }
.st-in.sm { width: 96px; height: 36px; font-size: 13px; }
.st-in.focus { border: 1.5px solid #3DCAB1; box-shadow: 0 0 0 3px #E7F7EF; }
.st-in .ph, .st-in.ph { font-style: normal; color: #94A3B8; }
.st-rcards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.st-rcards span { display: flex; align-items: center; gap: 8px; border-radius: 12px; border: 1px solid #D8E0F0; background: #fff; padding: 12px; font-size: 13px; font-weight: 600; color: #1C3E60; }
.st-rcards span i { width: 16px; height: 16px; border-radius: 50%; border: 1.5px solid #CBD5E1; flex: none; }
.st-rcards span.on { background: var(--brand-50); border: 1.5px solid #3DCAB1; color: var(--brand-700); }
.st-rcards span.on i { border: 5px solid #3DCAB1; }
.st-warn { border-radius: 10px; background: #FFFBEB; border: 1px solid #FDE68A; color: #92400E; padding: 10px 12px; font-size: 12.5px; line-height: 1.5; }
.st-cr { display: grid; grid-template-columns: 1fr auto auto 96px; gap: 14px; align-items: center; padding: 10px 0; border-bottom: 1px solid #F3F4F6; font-size: 13px; }
.st-cr div { display: flex; flex-direction: column; } .st-cr b { color: #0A1629; font-size: 14px; } .st-cr small { color: #64748B; }
.st-radio { display: inline-flex; align-items: center; gap: 6px; color: #64748B; white-space: nowrap; }
.st-radio i { width: 16px; height: 16px; border-radius: 50%; border: 1.5px solid #CBD5E1; }
.st-radio.on { color: #0A1629; font-weight: 500; } .st-radio.on i { border: 5px solid #3DCAB1; }

/* ---------- 员工详情侧拉 ---------- */
.st-sheet { position: absolute; top: 0; right: 0; bottom: 0; width: 720px; z-index: 50; background: #fff; border-radius: 16px 0 0 16px; box-shadow: -12px 0 32px rgba(10, 22, 41, .12); display: flex; flex-direction: column; overflow: hidden; animation: st-slide .3s cubic-bezier(.2, .8, .2, 1); }
.st-sh-h { display: flex; align-items: center; gap: 12px; padding: 20px 24px 16px; }
.st-sh-who { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.st-sh-who > div { display: flex; align-items: center; gap: 8px; } .st-sh-who b { font-size: 20px; font-weight: 600; color: #0A1629; }
.st-sh-who small { font-size: 13px; color: #64748B; }
.st-thpill { border-radius: 999px; background: #DEF6F1; color: #047857; padding: 2px 10px; font-size: 12px; font-weight: 600; animation: st-in .3s ease; }
.st-pos { font-size: 12px; color: #94A3B8; }
.st-shtabs { display: flex; padding: 0 24px; border-bottom: 1px solid var(--divider); }
.st-shtabs span { height: 44px; display: inline-flex; align-items: center; padding: 0 14px; font-size: 14px; color: #64748B; border-bottom: 2px solid transparent; margin-bottom: -1px; }
.st-shtabs span.on { color: #0A1629; font-weight: 600; border-bottom-color: #3DCAB1; }
.st-shbody { flex: 1; min-height: 0; overflow: hidden; background: #F9FAFB; padding: 20px 24px; display: flex; flex-direction: column; gap: 12px; }
.st-sec { border-radius: 12px; border: 1px solid #E5E7EB; background: #fff; padding: 16px; display: flex; flex-direction: column; gap: 12px; }
.st-sec > b { font-size: 14px; font-weight: 600; color: #0A1629; }
.st-sec-h { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.st-sec-h div { display: flex; flex-direction: column; gap: 2px; } .st-sec-h b { font-size: 14px; font-weight: 600; color: #0A1629; } .st-sec-h small { font-size: 12px; color: #64748B; }
.st-g2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 14px; }
.st-g2 label { display: flex; flex-direction: column; gap: 6px; font-size: 13px; color: #1C3E60; }
.st-reveal { animation: st-in .35s ease; }
.st-seg { display: inline-flex; gap: 3px; border-radius: 10px; background: #F3F4F6; padding: 3px; align-self: flex-start; }
.st-seg i { font-style: normal; height: 30px; display: inline-flex; align-items: center; border-radius: 8px; padding: 0 12px; font-size: 13px; color: #64748B; }
.st-seg i.on { background: #fff; color: #0A1629; font-weight: 600; box-shadow: 0 1px 2px rgba(10, 22, 41, .08); }
.st-chipsv { display: flex; flex-wrap: wrap; gap: 6px; } .st-chipsv span { border-radius: 999px; background: var(--brand-50); color: var(--brand-700); padding: 4px 10px; font-size: 12px; font-weight: 500; }
.st-wd { display: flex; align-items: center; gap: 10px; padding: 7px 0; border-bottom: 1px solid #F3F4F6; font-size: 13px; }
.st-wd:last-child { border-bottom: 0; }
.st-wd b { width: 40px; font-size: 14px; font-weight: 600; color: #111827; } .st-wd.off b { color: #9CA3AF; }
.st-wd em { font-style: normal; color: #64748B; }
.st-sel { height: 32px; display: inline-flex; align-items: center; border-radius: 8px; border: 1px solid #E5E7EB; background: #F9FAFB; padding: 0 10px; font-variant-numeric: tabular-nums; color: #0A1629; }
.st-addseg { margin-left: auto; font-size: 12px; font-weight: 500; color: #3DCAB1; }
.st-dashbtn { height: 32px; display: inline-flex; align-items: center; border-radius: 8px; border: 1px dashed #ADE8DC; padding: 0 12px; font-size: 13px; font-weight: 500; color: var(--brand-700); flex: none; }
.st-lv { display: flex; align-items: center; gap: 10px; border-radius: 12px; background: #F9FAFB; padding: 10px 12px; font-size: 13px; animation: st-in .35s ease; }
.st-lv b { color: #0A1629; } .st-lv small { flex: 1; color: #64748B; } .st-lv .lu { color: #94A3B8; }
.st-lvpill { border-radius: 999px; background: #FEF3C7; color: #B45309; padding: 2px 8px; font-size: 12px; font-weight: 600; }
.st-shfoot { display: flex; align-items: center; gap: 8px; padding: 14px 24px; border-top: 1px solid var(--divider); }

/* ---------- 预约页 · 按员工 ---------- */
.st-appt { flex: 1; min-height: 0; display: flex; flex-direction: column; padding: 0 8px; position: relative; }
.st-bytime-ph { flex: 1; display: flex; align-items: center; justify-content: center; color: #CBD5E1; }
.st-tl { position: relative; flex: 1; min-height: 0; overflow: hidden; }
.st-thead, .st-tr { display: flex; }
.st-thead { height: 40px; background: #F9FAFB; border-bottom: 1px solid #E5E7EB; }
.st-tcell { width: 224px; flex: none; display: flex; align-items: center; gap: 8px; padding: 0 12px; background: #fff; border-right: 1px solid #EDEFF0; border-bottom: 1px solid #EDEFF0; font-size: 14px; }
.st-tcell.h { background: #F9FAFB; justify-content: space-between; } .st-tcell.h b { font-size: 12px; font-weight: 600; color: #64748B; }
.st-tcell b { font-weight: 600; color: #0A1629; } .st-tcell b.st-muted { color: #64748B; }
.st-sort { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; color: #64748B; }
.st-hours { position: relative; } .st-hr { position: absolute; top: 12px; font-size: 12px; color: #64748B; transform: translateX(4px); font-variant-numeric: tabular-nums; }
.st-nowpill { position: absolute; top: 9px; transform: translateX(-50%); border-radius: 999px; background: #0F766E; color: #fff; font-size: 12px; padding: 1px 8px; }
.st-tr { height: 76px; } .st-tr.thin { height: 40px; }
.st-tr .st-tcell { flex-wrap: wrap; align-content: center; row-gap: 4px; }
.st-lane { position: relative; flex: none; border-bottom: 1px solid #EDEFF0;
  background-image: linear-gradient(to right, #EDEFF0 1px, transparent 1px); background-size: 144px 100%; }
.st-shade { position: absolute; top: 0; bottom: 0; background: #F3F4F6; }
.st-off { font-size: 12px; color: #64748B; width: 100%; padding-left: 40px; }
.st-tr.thin .st-off { padding-left: 0; width: auto; margin-left: 8px; }
.st-load { margin-left: auto; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
.st-load b { font-size: 12px; font-weight: 500; color: #64748B; font-variant-numeric: tabular-nums; }
.st-load i { width: 64px; height: 3px; border-radius: 2px; background: #EDEFF0; overflow: hidden; } .st-load u { display: block; height: 100%; background: #3DCAB1; }
.st-leave { position: absolute; top: 6px; bottom: 6px; display: flex; align-items: center; gap: 6px; border-radius: 8px; border: 1px solid #D8E0F0; background: #F9FAFB; padding: 0 10px; font-size: 12px; font-weight: 500; color: #64748B; }
.st-leave .lu { color: #94A3B8; }
.st-tc { position: absolute; top: 8px; bottom: 8px; border-radius: 8px; padding: 6px 8px; display: flex; flex-direction: column; gap: 2px; overflow: hidden; font-size: 12px; }
.st-tc b { font-size: 12.5px; font-weight: 600; color: #0A1629; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .st-tc small { color: #64748B; white-space: nowrap; }
.st-tc-confirmed { border: 1px solid #D8E0F0; background: #fff; box-shadow: 0 1px 2px rgba(10, 22, 41, .05); }
.st-tc-scheduled { border: 1px dashed #F59E0B; background: #fff; }
.st-tc-ip { border: 1px solid #C9BEF4; background: #F4F0FD; }
.st-tc-ended { background: #F1F4F6; }
.st-tc-attention { border: 1.5px solid #F59E0B; background: #FFFBEB; }
.st-nowline { position: absolute; top: 40px; bottom: 0; width: 2px; background: #3DCAB1; z-index: 5; }

/* ---------- 员工绩效 ---------- */
.st-perf { flex: 1; min-height: 0; padding: 28px 32px 0; display: flex; flex-direction: column; gap: 20px; overflow: hidden; }
.st-phead { display: flex; align-items: flex-end; justify-content: space-between; }
.st-phead > div { display: grid; grid-template-columns: auto 1fr; column-gap: 12px; align-items: center; }
.st-phead h1 { margin: 0; font-size: 24px; line-height: 32px; font-weight: 600; color: #0A1629; }
.st-phead p { grid-column: 2; margin: 0; font-size: 13px; color: #64748B; }
.st-range { flex: none; white-space: nowrap; display: flex; align-items: center; gap: 2px; border-radius: 12px; background: #F3F4F6; padding: 4px; color: #64748B; }
.st-range span { height: 30px; display: inline-flex; align-items: center; border-radius: 8px; padding: 0 12px; font-size: 13px; }
.st-range span.on { background: #fff; color: #0A1629; font-weight: 600; box-shadow: 0 1px 2px rgba(10, 22, 41, .08); } .st-range .lu { margin: 0 8px; }
.st-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.st-stat { border-radius: 16px; border: 1px solid #E5E7EB; background: #fff; padding: 16px 18px; display: flex; flex-direction: column; gap: 6px; }
.st-stat small { font-size: 13px; color: #64748B; } .st-stat > div { display: flex; align-items: baseline; gap: 4px; }
.st-stat > div b { font-size: 26px; font-weight: 700; color: #0A1629; font-variant-numeric: tabular-nums; } .st-stat em { font-style: normal; font-size: 13px; color: #64748B; }
.st-delta { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; color: #64748B; } .st-delta.up { color: #047857; }
.st-split { display: flex; height: 6px; border-radius: 3px; overflow: hidden; }
.st-legend { display: flex; flex-wrap: wrap; gap: 4px 10px; font-size: 11px !important; color: #64748B; }
.st-legend span { display: inline-flex; align-items: center; gap: 4px; } .st-legend i { width: 8px; height: 8px; border-radius: 2px; }
.st-ptools { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; }
.st-sortsel { display: inline-flex; height: 40px; align-items: center; gap: 8px; border-radius: 12px; border: 1px solid #D8E0F0; padding: 0 12px; font-size: 13px; color: #1C3E60; }
.st-prow { display: grid; grid-template-columns: 40px 2fr .8fr .7fr .6fr 1.4fr 1.1fr .8fr .7fr; gap: 10px; align-items: center; padding: 10px 20px; border-bottom: 1px solid var(--divider); font-size: 13px; color: #1C3E60; font-variant-numeric: tabular-nums; }
.st-prow.st-pth { background: #F9FAFB; font-size: 12px; color: #64748B; padding: 10px 20px; }
.st-prow b { color: #0A1629; }
.st-pfoot { padding: 12px 20px; font-size: 13px; color: #64748B; }
.st-drawer { position: absolute; top: 0; right: 0; bottom: 0; width: 820px; z-index: 50; background: #fff; border-radius: 20px 0 0 20px; box-shadow: -12px 0 32px rgba(10, 22, 41, .16); display: flex; flex-direction: column; overflow: hidden; animation: st-slide .3s cubic-bezier(.2, .8, .2, 1); }
.st-drawer .st-sh-h b { flex: 1; font-size: 18px; font-weight: 600; color: #0A1629; }
.st-dtabs { display: flex; gap: 28px; padding: 0 24px; border-bottom: 1px solid var(--divider); }
.st-dtabs span { padding: 12px 0; font-size: 14px; color: #64748B; border-bottom: 2px solid transparent; margin-bottom: -1px; }
.st-dtabs span.on { color: #0A1629; font-weight: 600; border-bottom-color: #3DCAB1; }
.st-dbody { flex: 1; padding: 20px 24px; display: flex; flex-direction: column; gap: 16px; overflow: hidden; }
.st-dwho { display: flex; align-items: center; gap: 12px; } .st-dwho div { display: flex; flex-direction: column; } .st-dwho b { font-size: 18px; color: #0A1629; } .st-dwho small { color: #64748B; }
.st-kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.st-kpis div { border-radius: 12px; border: 1px solid #E5E7EB; padding: 12px 14px; display: flex; flex-direction: column; gap: 4px; }
.st-kpis small { font-size: 12px; color: #64748B; } .st-kpis b { font-size: 22px; font-weight: 700; color: #0A1629; font-variant-numeric: tabular-nums; }
.st-trend, .st-rev { border-radius: 12px; border: 1px solid #E5E7EB; padding: 14px; display: flex; flex-direction: column; gap: 10px; }
.st-trend > b, .st-rev > b { font-size: 14px; color: #0A1629; }
.st-chart { position: relative; height: 120px; border-bottom: 1px solid #EDEFF0; }
.st-chart i { position: absolute; bottom: 0; width: 28px; border-radius: 4px 4px 0 0; background: #ADE8DC; }
.st-chart svg { position: absolute; inset: 0; width: 100%; height: 120px; }
.st-rv { display: flex; flex-direction: column; gap: 2px; font-size: 13px; } .st-rv span { color: #F59E0B; letter-spacing: 2px; } .st-rv p { margin: 0; color: #1C3E60; } .st-rv small { color: #94A3B8; }
.st-gap { flex: 1; }