/* iPad · 员工排班与今日营业 —— 段内样式，类名 is- 前缀。颜色取自 StaffTimelineBoard / ScheduleHeaderBar / dashboard/* 的 StyleSheet。 */
.is-root { position: absolute; inset: 0; }
.is-root .g { flex: 1; }
.is-av { width: 34px; height: 34px; border-radius: 50%; background: #3DCAB1; color: #fff; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; flex: none; }
.is-av.un { background: #F3F4F6; color: #9CA3AF; border: 1px dashed #CBD5E1; }
.is-av.lg { width: 56px; height: 56px; font-size: 22px; }
.is-x { color: #9CA3AF; display: inline-flex; cursor: default; }
.is-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 44px; padding: 0 18px; border-radius: 12px; font-size: 15px; font-weight: 600; }
.is-btn.sm { height: 34px; padding: 0 12px; font-size: 13px; border-radius: 10px; }
.is-btn.p { background: #3DCAB1; color: #fff; }
.is-btn.g { background: #F3F4F6; color: #374151; }
.is-btn.wide { width: 100%; margin-top: 6px; }
.is-sl { font-size: 12px; font-weight: 600; color: #7D8592; letter-spacing: .02em; margin-top: 4px; }

/* 首页（极简） */
.is-home { position: absolute; inset: 0; background: #fff; }
.is-hth { display: grid; grid-template-columns: 64px repeat(3, 1fr); height: 44px; align-items: center; border-bottom: 1px solid #EEF0F3; font-size: 14px; }
.is-hth b { padding-left: 12px; }
.is-hgrid { position: absolute; left: 0; right: 0; top: 44px; bottom: 0; }
.is-hhr { position: absolute; left: 0; right: 0; height: 120px; border-top: 1px solid #F1F2F4; }
.is-hhr small { position: absolute; left: 10px; top: 4px; font-size: 11px; color: #9CA3AF; }
.is-hnow { position: absolute; left: 64px; right: 0; height: 2px; background: #3DCAB1; }
.is-happt { position: absolute; width: calc((100% - 64px) / 3 - 12px); border-radius: 10px; background: color-mix(in srgb, var(--c) 14%, #fff); border-left: 4px solid var(--c); padding: 8px 10px; display: flex; flex-direction: column; gap: 2px; font-size: 13px; }
.is-happt small { color: #6B7280; font-size: 12px; }

/* 排班页 */
.is-sched { position: absolute; inset: 0; display: flex; flex-direction: column; background: #fff; }
.is-hb { height: 64px; flex: none; display: flex; align-items: center; gap: 12px; padding: 0 16px; border-bottom: 1px solid #EEF0F3; }
.is-ttl { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.is-ttl b { font-size: 18px; color: #0A1629; }
.is-dl { font-size: 13px; color: #0F766E; font-weight: 600; }
.is-dl small { color: #9CA3AF; }
.is-dn { display: flex; gap: 4px; align-items: center; }
.is-dn span { min-width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #E5E7EB; border-radius: 8px; font-size: 18px; color: #6B7280; }
.is-dn .is-td { font-size: 13px; color: #24252C; font-weight: 500; padding: 0 10px; }
.is-bdg { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 10px; border-radius: 14px; font-size: 12px; font-weight: 600; }
.is-bdg i { width: 7px; height: 7px; border-radius: 50%; }
.is-bdg.on { background: #F0FDF9; color: #0F766E; } .is-bdg.on i { background: #3DCAB1; }
.is-bdg.off { background: #FEF3C7; color: #B45309; } .is-bdg.off i { background: #F59E0B; }
.is-cfb { flex: none; margin: 10px 12px 0; padding: 10px 14px; border-radius: 10px; background: #FEF2F2; border: 1px solid #FECACA; display: flex; gap: 10px; align-items: center; font-size: 13px; }
.is-cfb b { color: #B91C1C; } .is-cfb span { color: #7F1D1D; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.is-grid { flex: 1; min-height: 0; display: flex; margin-top: 8px; border-top: 1px solid #E5E7EB; position: relative; }
.is-col { width: 150px; flex: none; }
.is-hc, .is-th { height: 34px; background: #F8FAFC; border-bottom: 1px solid #E5E7EB; }
.is-hc { display: flex; align-items: center; padding: 0 12px; font-size: 12px; font-weight: 600; color: #6B7280; border-right: 1px solid #E5E7EB; }
.is-sc { height: 88px; display: flex; align-items: center; gap: 10px; padding: 0 12px; border-bottom: 1px solid #EEF0F3; border-right: 1px solid #EEF0F3; background: #fff; transition: background .2s; }
.is-sc.un { background: #FFFBEB; }
.is-sc.bad { background: #FEF2F2; }
.is-sc.drop { background: #F0FDFA; }
.is-sn { min-width: 0; display: flex; flex-direction: column; }
.is-sn b { font-size: 14px; color: #0A1629; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.is-sn small { font-size: 11px; color: #7D8592; margin-top: 2px; }
.is-sc.un .is-sn small { color: #B45309; font-weight: 600; }
.is-sn em { font-style: normal; font-size: 11px; color: #B91C1C; font-weight: 600; margin-top: 2px; }
.is-trk { flex: 1; min-width: 0; position: relative; }
.is-th { position: relative; overflow: hidden; }
.is-hl { position: absolute; top: 9px; font-size: 11px; color: #6B7280; }
.is-nowp { position: absolute; top: 6px; width: 44px; height: 20px; border-radius: 10px; background: #3DCAB1; color: #fff; font-size: 11px; font-weight: 600; display: flex; align-items: center; justify-content: center; z-index: 3; }
.is-body { position: relative; height: 440px; overflow: hidden; }
.is-gl { position: absolute; top: 0; bottom: 0; width: 1px; background: #F1F2F4; z-index: 1; }
.is-now { position: absolute; top: 0; bottom: 0; width: 2px; margin-left: -1px; background: #3DCAB1; z-index: 6; }
.is-tr { position: absolute; left: 0; right: 0; height: 88px; border-bottom: 1px solid #EEF0F3; transition: background .2s; }
.is-tr.drop { background: #F0FDFA; } .is-tr.bad { background: #FEF2F2; }
.is-off { position: absolute; top: 0; bottom: 0; background: #F3F4F6; }
.is-anc { position: absolute; top: 0; bottom: 0; }
.is-lv { position: absolute; top: 8px; bottom: 8px; border-radius: 8px; border: 1px solid #CBD5E1; background: repeating-linear-gradient(135deg, #F8FAFC 0 8px, #EEF2F6 8px 16px); display: flex; align-items: center; padding: 0 12px; z-index: 2; }
.is-lv small { font-size: 12px; color: #475569; font-weight: 600; white-space: nowrap; }
.is-card { position: absolute; top: 4px; height: 80px; display: flex; border-radius: 8px; overflow: hidden; background: color-mix(in srgb, var(--c) 14%, #fff); z-index: 4; box-shadow: 0 1px 2px rgba(15, 23, 42, .06); }
.is-card.lane0 { top: 4px; height: 38px; } .is-card.lane1 { top: 45px; height: 38px; }
.is-card.lane0 .is-cb, .is-card.lane1 .is-cb { flex-direction: row; align-items: center; gap: 6px; }
.is-card.lane0 em, .is-card.lane1 em { display: none; }
.is-card.bad { outline: 2px solid #F87171; outline-offset: -2px; }
.is-card.ghost { opacity: 0; }
.is-card.drag { z-index: 9; box-shadow: 0 10px 24px rgba(15, 23, 42, .22); transform: scale(1.02); outline: 2px solid #3DCAB1; outline-offset: -2px; }
.is-card.drag.invalid { outline-color: #EF4444; background: #FEF2F2; }
.is-cbar { width: 4px; flex: none; background: var(--c); }
.is-cb { flex: 1; min-width: 0; padding: 6px 8px; display: flex; flex-direction: column; gap: 1px; }
.is-cb b { font-size: 13px; color: #0A1629; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.is-cb small { font-size: 12px; color: #374151; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.is-cb em { font-style: normal; font-size: 11px; color: #6B7280; }
.is-cx { position: absolute; right: 4px; top: 4px; color: #DC2626; }
.is-stage { position: absolute; right: 6px; bottom: 6px; width: 8px; height: 8px; border-radius: 50%; background: #7599FD; }
.is-orig { position: absolute; top: 4px; height: 80px; border: 1.5px dashed #94A3B8; border-radius: 8px; display: flex; align-items: center; padding: 0 8px; z-index: 3; }
.is-orig small { font-size: 11px; color: #64748B; white-space: nowrap; overflow: hidden; }
.is-new { position: absolute; top: 8px; bottom: 8px; border: 1.5px dashed #3DCAB1; background: #F0FDFA; border-radius: 8px; display: flex; align-items: center; padding: 0 10px; z-index: 5; }
.is-new small { font-size: 12px; color: #0F766E; font-weight: 600; white-space: nowrap; }
.is-tip { position: absolute; bottom: -12px; z-index: 10; height: 24px; padding: 0 10px; border-radius: 12px; background: #0F766E; color: #fff; font-size: 12px; font-weight: 600; display: flex; align-items: center; white-space: nowrap; }
.is-tip.bad { background: #B91C1C; }
.is-nav { flex: none; height: 52px; display: flex; align-items: center; gap: 8px; padding: 0 14px; border-top: 1px solid #EEF0F3; margin-top: auto; }
.is-rng { font-size: 13px; font-weight: 600; color: #0A1629; } .is-rng small { color: #9CA3AF; font-weight: 400; }
.is-seg { display: inline-flex; background: #F3F4F6; border-radius: 10px; padding: 3px; }
.is-seg span { height: 28px; padding: 0 12px; display: inline-flex; align-items: center; border-radius: 8px; font-size: 12px; color: #6B7280; }
.is-seg span.on { background: #fff; color: #0A1629; font-weight: 600; box-shadow: 0 1px 2px rgba(0, 0, 0, .08); }
.is-nb { height: 32px; padding: 0 12px; border: 1px solid #E5E7EB; border-radius: 8px; display: inline-flex; align-items: center; font-size: 12px; color: #374151; }

/* 右侧：某人的当天日程 */
.is-agp { position: absolute; inset: 0; background: #fff; border-left: 1px solid #E5E7EB; display: flex; flex-direction: column; }
.is-agh { display: flex; align-items: center; gap: 10px; padding: 16px; border-bottom: 1px solid #EEF0F3; }
.is-agh div { display: flex; flex-direction: column; } .is-agh b { font-size: 16px; } .is-agh small { font-size: 12px; color: #6B7280; }
.is-agcf { margin: 12px 16px 0; padding: 8px 12px; border-radius: 8px; background: #FEF2F2; color: #B91C1C; font-size: 12px; font-weight: 600; display: flex; align-items: center; gap: 6px; }
.is-agl { padding: 12px 16px; display: flex; flex-direction: column; gap: 10px; }
.is-ag { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid #EEF0F3; border-radius: 12px; }
.is-ag > i { width: 4px; align-self: stretch; border-radius: 2px; }
.is-agt { display: flex; flex-direction: column; width: 44px; } .is-agt b { font-size: 14px; } .is-agt small { font-size: 11px; color: #9CA3AF; }
.is-agi { flex: 1; min-width: 0; display: flex; flex-direction: column; } .is-agi b { font-size: 14px; } .is-agi small { font-size: 12px; color: #6B7280; }
.is-pbad { font-style: normal; font-size: 11px; font-weight: 600; color: #B91C1C; background: #FEE2E2; padding: 3px 8px; border-radius: 10px; }

/* 约下一次条、撤销条 */
.is-bn { position: absolute; left: 12px; right: 12px; bottom: 62px; z-index: 12; display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 14px; background: #0F766E; color: #fff; box-shadow: 0 8px 24px rgba(15, 23, 42, .2); animation: ip-pop .22s ease; }
.is-bnav { width: 38px; height: 38px; border-radius: 50%; background: rgba(255, 255, 255, .2); display: flex; align-items: center; justify-content: center; font-weight: 700; flex: none; }
.is-bnt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.is-bnt > div { display: flex; align-items: center; gap: 8px; } .is-bnt small { font-size: 11px; opacity: .85; font-weight: 600; letter-spacing: .03em; }
.is-bnt em { font-style: normal; font-size: 11px; font-weight: 700; background: #fff; color: #0F766E; padding: 2px 8px; border-radius: 10px; }
.is-bnt b { font-size: 14px; }
.is-bnh { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; opacity: .9; }
.is-bnc { height: 34px; padding: 0 14px; border-radius: 10px; background: rgba(255, 255, 255, .18); display: inline-flex; align-items: center; font-size: 13px; font-weight: 600; }
.is-undo { position: absolute; left: 50%; bottom: 66px; translate: -50% 0; z-index: 12; display: flex; align-items: center; gap: 16px; padding: 12px 16px; border-radius: 12px; background: #1F2937; color: #fff; font-size: 13px; box-shadow: 0 8px 24px rgba(15, 23, 42, .25); animation: kt-toast .3s ease; white-space: nowrap; }
.is-undo b { color: #5EEAD4; }

/* 弹窗内部 */
.is-mh { display: flex; align-items: center; gap: 10px; }
.is-mh b { font-size: 18px; } .is-mh div { display: flex; flex-direction: column; } .is-mh small { font-size: 12px; color: #6B7280; }
.is-chip { align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 12px; border-radius: 15px; background: #F0FDFA; color: #0F766E; font-size: 13px; font-weight: 600; }
.is-fld { display: flex; align-items: center; gap: 8px; height: 46px; padding: 0 14px; border: 1px solid #E5E7EB; border-radius: 12px; font-size: 14px; color: #9CA3AF; }
.is-fld b { color: #0A1629; } .is-fld small { color: #6B7280; }
.is-fld.filled { border-color: #3DCAB1; background: #F0FDFA; }
.is-fld.dim { border-style: dashed; }
.is-al { width: 300px; border-radius: 16px; background: rgba(248, 248, 250, .97); text-align: center; overflow: hidden; animation: ip-pop .2s ease; box-shadow: 0 12px 40px rgba(15, 23, 42, .2); }
.is-al > b { display: block; padding: 20px 18px 16px; font-size: 16px; }
.is-alb { display: flex; flex-direction: column; border-top: 1px solid #D9D9DE; }
.is-alb span { height: 46px; display: flex; align-items: center; justify-content: center; color: #007AFF; font-size: 16px; }
.is-alb span + span { border-top: 1px solid #D9D9DE; } .is-alb span.c { font-weight: 600; }
.is-cft { font-size: 18px; }
.is-cfw { font-size: 13px; color: #6B7280; margin-top: -6px; }
.is-diff { display: flex; flex-direction: column; gap: 8px; padding: 12px; border-radius: 12px; background: #F8FAFC; }
.is-diff div { display: flex; align-items: center; gap: 10px; font-size: 14px; }
.is-diff span { color: #6B7280; } .is-diff s { color: #9CA3AF; } .is-diff b { color: #0F766E; }
.is-mf { display: flex; gap: 10px; justify-content: flex-end; margin-top: 4px; }

/* 结账完成页 */
.is-fu { position: absolute; inset: 0; background: #F9FAFB; display: flex; align-items: center; justify-content: center; }
.is-fuc { width: 520px; padding: 36px; border-radius: 24px; background: #fff; display: flex; flex-direction: column; align-items: center; gap: 8px; box-shadow: 0 8px 30px rgba(15, 23, 42, .08); }
.is-fuok { width: 64px; height: 64px; border-radius: 50%; background: #ECFBF6; color: #0F766E; display: flex; align-items: center; justify-content: center; }
.is-fuc small { color: #6B7280; font-size: 13px; } .is-fuc > b { font-size: 22px; }
.is-fub { display: flex; gap: 10px; margin-top: 14px; }

/* 设置 */
.is-set { position: absolute; inset: 0; display: flex; background: #F9FAFB; }
.is-setn { width: 200px; flex: none; background: #fff; border-right: 1px solid #EEF0F3; display: flex; flex-direction: column; padding: 12px; gap: 2px; }
.is-setn > b { font-size: 16px; margin: 8px 8px 10px; }
.is-setb { display: inline-flex; align-items: center; gap: 4px; color: #6B7280; font-size: 13px; padding: 4px 6px; }
.is-setn > span:not(.is-setb) { height: 40px; display: flex; align-items: center; padding: 0 12px; border-radius: 10px; font-size: 14px; color: #374151; }
.is-setn > span.on { background: #F0FDFA; color: #0F766E; font-weight: 600; }
.is-mem { flex: 1; padding: 20px; display: flex; flex-direction: column; gap: 8px; }
.is-memh { display: flex; align-items: center; margin-bottom: 6px; }
.is-memh div { display: flex; flex-direction: column; } .is-memh b { font-size: 20px; } .is-memh small { font-size: 13px; color: #6B7280; }
.is-mr { display: flex; align-items: center; gap: 12px; height: 60px; padding: 0 16px; background: #fff; border: 1px solid #EEF0F3; border-radius: 14px; color: #9CA3AF; }
.is-mr b { font-size: 15px; color: #0A1629; } .is-mr small { font-size: 13px; color: #6B7280; }
.is-tabs { display: flex; gap: 4px; background: #F3F4F6; border-radius: 12px; padding: 4px; }
.is-tabs span { flex: 1; height: 34px; display: flex; align-items: center; justify-content: center; border-radius: 9px; font-size: 14px; color: #6B7280; }
.is-tabs span.on { background: #fff; color: #0A1629; font-weight: 600; box-shadow: 0 1px 2px rgba(0, 0, 0, .08); }
.is-prof { display: flex; align-items: center; gap: 14px; padding: 18px 4px; }
.is-prof div { display: flex; flex-direction: column; } .is-prof b { font-size: 16px; } .is-prof small { font-size: 13px; color: #6B7280; }
.is-wh { display: flex; flex-direction: column; gap: 8px; }
.is-whh { display: flex; align-items: center; } .is-whh b { font-size: 16px; }
.is-whb { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 10px; background: #F0FDFA; color: #0F766E; font-size: 12px; }
.is-wds { display: flex; flex-direction: column; gap: 6px; }
.is-wd { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; min-height: 40px; padding: 6px 12px; border: 1px solid #EEF0F3; border-radius: 12px; font-size: 13px; }
.is-wd > b { width: 40px; } .is-wd > small { color: #9CA3AF; }
.is-wd.rest { background: #F9FAFB; }
.is-tg { width: 38px; height: 22px; border-radius: 11px; background: #D1D5DB; position: relative; flex: none; transition: background .2s; }
.is-tg i { position: absolute; left: 2px; top: 2px; width: 18px; height: 18px; border-radius: 50%; background: #fff; transition: left .2s; }
.is-tg.on { background: #3DCAB1; } .is-tg.on i { left: 18px; }
.is-ts { height: 28px; padding: 0 10px; border: 1px solid #E5E7EB; border-radius: 8px; display: inline-flex; align-items: center; font-weight: 600; font-size: 13px; }
.is-sep { width: 8px; }
.is-add { color: #0F766E; font-weight: 600; font-size: 12px; margin-left: auto; }
.is-warn { flex-basis: 100%; display: flex; align-items: center; gap: 6px; color: #B45309; font-size: 12px; padding-left: 94px; }
.is-to { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid #EEF0F3; border-radius: 14px; color: #9CA3AF; animation: ip-pop .22s ease; }
.is-toi { width: 34px; height: 34px; border-radius: 10px; background: #F5F3FF; color: #7C3AED; display: flex; align-items: center; justify-content: center; }
.is-to div { display: flex; flex-direction: column; } .is-to b { font-size: 14px; color: #0A1629; } .is-to small { font-size: 12px; color: #6B7280; }
.is-addto { display: inline-flex; align-items: center; gap: 6px; height: 40px; justify-content: center; border: 1.5px dashed #CBD5E1; border-radius: 12px; color: #0F766E; font-size: 13px; font-weight: 600; }
.is-tf { display: flex; align-items: center; height: 44px; padding: 0 4px; border-bottom: 1px solid #F1F2F4; font-size: 14px; }
.is-tf span { flex: 1; color: #6B7280; } .is-tf b { color: #0A1629; }
.is-tabs.sm span { height: 30px; font-size: 13px; }
.is-ocu { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 2px solid #3DCAB1; border-radius: 12px; }
.is-ocu b { font-size: 14px; } .is-ocu small { color: #6B7280; font-size: 12px; margin-left: auto; }
.is-dots { display: flex; gap: 14px; justify-content: center; padding: 8px 0; }
.is-dots i { width: 14px; height: 14px; border-radius: 50%; border: 2px solid #CBD5E1; }
.is-dots i.on { background: #3DCAB1; border-color: #3DCAB1; }

/* 今日营业 */
.is-db { position: absolute; inset: 0; padding: 16px; display: flex; flex-direction: column; gap: 12px; overflow: hidden; background: #F9FAFB; }
.is-dbh { display: flex; align-items: center; gap: 10px; }
.is-dbh > b { font-size: 20px; } .is-dbh > small { font-size: 12px; color: #6B7280; }
.is-pre { display: flex; gap: 4px; }
.is-pre span { height: 28px; padding: 0 10px; border-radius: 14px; border: 1px solid #E5E7EB; display: inline-flex; align-items: center; font-size: 12px; color: #6B7280; background: #fff; }
.is-pre span.on { background: #0F766E; border-color: #0F766E; color: #fff; font-weight: 600; }
.is-dbr { display: flex; gap: 12px; }
.is-rev { flex: 1; border-radius: 18px; padding: 18px 20px; background: linear-gradient(135deg, #0F766E, #3DCAB1); color: #fff; display: flex; flex-direction: column; gap: 4px; }
.is-rev small { font-size: 13px; opacity: .9; } .is-rev b { font-size: 36px; } .is-rev em { font-style: normal; font-size: 12px; background: rgba(255, 255, 255, .2); align-self: flex-start; padding: 3px 10px; border-radius: 10px; }
.is-kg { flex: 1.2; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.is-kpi { background: #fff; border: 1px solid #EEF0F3; border-radius: 14px; padding: 10px 14px; display: flex; flex-direction: column; }
.is-kpi small { font-size: 12px; color: #6B7280; } .is-kpi b { font-size: 22px; color: #0A1629; } .is-kpi em { font-style: normal; font-size: 11px; color: #0F766E; }
.is-dbb { flex: 1; min-height: 0; display: flex; gap: 12px; }
.is-dcol { flex: 1; display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.is-pc { background: #fff; border: 1px solid #EEF0F3; border-radius: 16px; padding: 14px 16px; display: flex; flex-direction: column; gap: 8px; }
.is-pch { display: flex; align-items: center; justify-content: space-between; } .is-pch b { font-size: 14px; } .is-pch small { font-size: 12px; color: #6B7280; }
.is-bars { display: flex; gap: 10px; align-items: flex-end; height: 120px; }
.is-bars div { flex: 1; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 4px; }
.is-bars i { width: 100%; border-radius: 6px 6px 2px 2px; background: #CCF2EA; min-height: 3px; }
.is-bars i.td { background: #3DCAB1; } .is-bars small { font-size: 10px; color: #9CA3AF; }
.is-ts2 { display: flex; align-items: center; gap: 8px; font-size: 13px; } .is-ts2 i { width: 8px; height: 8px; border-radius: 50%; }
.is-pg { display: flex; align-items: baseline; gap: 6px; } .is-pg b { font-size: 26px; } .is-pg small { color: #6B7280; font-size: 13px; }
.is-pbar { display: flex; height: 10px; border-radius: 5px; overflow: hidden; } .is-pbar i { height: 100%; }
.is-lg { display: flex; flex-wrap: wrap; gap: 10px; font-size: 11px; color: #6B7280; }
.is-lg span { display: inline-flex; align-items: center; gap: 4px; } .is-lg i { width: 8px; height: 8px; border-radius: 50%; }
.is-ld { display: flex; align-items: center; gap: 10px; font-size: 13px; }
.is-ld em { font-style: normal; width: 18px; color: #9CA3AF; font-weight: 700; }
.is-ld .is-av { width: 28px; height: 28px; font-size: 12px; }
.is-ld div { display: flex; flex-direction: column; } .is-ld div small { font-size: 11px; color: #6B7280; }