/* ============================================================================ RTM OS · BU Launch Planner — wizard 5 bước + nhập liệu từ file đối tác. Dùng LẠI design-system RTM (rtm-card / rtm-table / rtm-btn / rtm-chip); ở đây chỉ khai phần RTM chưa có. Không chế token màu mới. ⚠ Popup của module này gắn vào nên nằm NGOÀI #workspace-rtm-os → mọi rule cho popup phải viết KHÔNG tiền tố và dùng HEX THẲNG (biến --primary chỉ tồn tại trong #workspace-rtm-os). ========================================================================== */ /* ── stepper 5 bước ─────────────────────────────────────────────────────── */ #workspace-rtm-os .rlp-steps { display: flex; align-items: stretch; gap: 4px; flex-wrap: nowrap; position: sticky; top: var(--rtm-stick, 0); z-index: 20; background: #fff; padding: 8px 0 10px; border-bottom: 1px solid #e2e8f0; margin-bottom: 14px; overflow-x: auto; } #workspace-rtm-os .rlp-step { display: flex; align-items: center; gap: 9px; flex: 1 1 0; min-width: 0; padding: 8px 12px; border: 1px solid #e2e8f0; border-radius: 9px; background: #fff; cursor: pointer; text-align: left; color: #475569; } #workspace-rtm-os .rlp-step:hover { border-color: #cbd5e1; background: #f8fafc; } #workspace-rtm-os .rlp-step.active { border-color: #0073EA; background: #f0f7ff; color: #0f172a; } #workspace-rtm-os .rlp-sn { width: 24px; height: 24px; flex: 0 0 auto; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 700; background: #eef2f7; color: #64748b; } #workspace-rtm-os .rlp-step.active .rlp-sn { background: #0073EA; color: #fff; } #workspace-rtm-os .rlp-st { min-width: 0; display: flex; flex-direction: column; } #workspace-rtm-os .rlp-st b { font-size: 12.5px; white-space: nowrap; } #workspace-rtm-os .rlp-st small { font-size: 10.5px; color: #94a3b8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #workspace-rtm-os .rlp-arr { align-self: center; color: #cbd5e1; flex: 0 0 auto; } /* ── thân + panel P&L mini cố định bên phải ─────────────────────────────── */ #workspace-rtm-os .rlp-main { display: grid; grid-template-columns: minmax(0, 1fr) 262px; gap: 16px; align-items: start; } @media (max-width: 1280px) { #workspace-rtm-os .rlp-main { grid-template-columns: minmax(0, 1fr); } } #workspace-rtm-os .rlp-body { min-width: 0; } #workspace-rtm-os .rlp-mini { position: sticky; top: calc(var(--rtm-stick, 0px) + 78px); border: 1px solid #e2e8f0; border-radius: 11px; background: #fff; padding: 12px; min-width: 0; } #workspace-rtm-os .rlp-mini-h { font-size: 12px; font-weight: 700; color: #0f172a; margin-bottom: 10px; } #workspace-rtm-os .rlp-mini-h small { display: block; font-weight: 400; font-size: 10.5px; color: #94a3b8; } #workspace-rtm-os .rlp-mcard { padding: 7px 0; border-top: 1px solid #f1f5f9; } #workspace-rtm-os .rlp-mcard:first-of-type { border-top: 0; } #workspace-rtm-os .rlp-mlb { display: block; font-size: 10.5px; color: #64748b; text-transform: uppercase; letter-spacing: .03em; } #workspace-rtm-os .rlp-mv { font-size: 19px; font-weight: 700; color: #0f172a; font-variant-numeric: tabular-nums; } #workspace-rtm-os .rlp-mcard small { display: block; font-size: 10.5px; color: #94a3b8; } #workspace-rtm-os .rlp-mcard.good .rlp-mv { color: #0d9488; } #workspace-rtm-os .rlp-mcard.bad .rlp-mv { color: #DC2626; } #workspace-rtm-os .rlp-mcard.warn .rlp-mv { color: #D97706; } #workspace-rtm-os .rlp-mini-sub { margin-top: 10px; border-top: 1px solid #f1f5f9; padding-top: 8px; } #workspace-rtm-os .rlp-mini-sub > div { display: flex; justify-content: space-between; font-size: 11.5px; padding: 2px 0; } #workspace-rtm-os .rlp-mini-sub span { color: #64748b; } #workspace-rtm-os .rlp-mini-sub b { font-variant-numeric: tabular-nums; } #workspace-rtm-os .rlp-mini-err { font-size: 11.5px; color: #DC2626; } /* Thiếu tham số: nói thiếu gì + nhảy về đúng bước. Không điền 0 thay cho "chưa biết". */ #workspace-rtm-os .rlp-miss { margin-top: 10px; padding: 9px 10px; border-radius: 8px; background: #fffbeb; border: 1px solid #fde68a; font-size: 11.5px; color: #92400e; } #workspace-rtm-os .rlp-miss ul { margin: 5px 0 0; padding-left: 16px; } #workspace-rtm-os .rlp-miss li { margin: 3px 0; line-height: 1.45; } #workspace-rtm-os .rlp-miss.big { font-size: 13px; padding: 14px 16px; } #workspace-rtm-os .rlp-nd { color: #94a3b8; border-bottom: 1px dotted #cbd5e1; cursor: help; font-weight: 400; } /* ── bảng nhập ──────────────────────────────────────────────────────────── */ #workspace-rtm-os .rlp-in { width: 100%; min-width: 62px; max-width: 130px; padding: 3px 6px; font-size: 12px; border: 1px solid #e2e8f0; border-radius: 5px; text-align: right; font-variant-numeric: tabular-nums; background: #fff; color: #0f172a; } #workspace-rtm-os .rlp-in[type="text"] { text-align: left; max-width: 190px; } #workspace-rtm-os .rlp-in:focus { outline: 2px solid #0073EA33; border-color: #0073EA; } #workspace-rtm-os .rlp-in[data-man="1"] { border-color: #f59e0b; background: #fffbeb; } #workspace-rtm-os .rlp-in.saving { opacity: .55; } #workspace-rtm-os .rlp-in.saved { border-color: #0d9488; background: #f0fdfa; } /* Mã SKU sửa tại chỗ. Đậm hơn ô nhập thường vì đây là KHOÁ của dòng. */ #workspace-rtm-os .rlp-skuin { width: 100%; min-width: 108px; max-width: 168px; padding: 4px 7px; border: 1px solid #e2e8f0; border-radius: 6px; background: #fff; font-size: 12.5px; font-weight: 700; color: #0f172a; letter-spacing: .01em; } #workspace-rtm-os .rlp-skuin:hover { border-color: #cbd5e1; } #workspace-rtm-os .rlp-skuin:focus { outline: 2px solid #0073EA33; border-color: #0073EA; } #workspace-rtm-os .rlp-skuin::placeholder { font-weight: 400; color: #94a3b8; } #workspace-rtm-os .rlp-calc { font-weight: 600; } #workspace-rtm-os .rlp-rowbad td { background: #fff7ed; } #workspace-rtm-os .rlp-ro { color: #64748b; background: #f8fafc; cursor: help; } #workspace-rtm-os .rlp-sub { display: block; font-size: 10px; color: #94a3b8; font-weight: 400; } #workspace-rtm-os .rlp-src { color: #0073EA; cursor: help; font-size: 11px; margin-left: 4px; } #workspace-rtm-os .rlp-tot td { font-weight: 700; background: #f8fafc; } #workspace-rtm-os .rlp-kpis { display: flex; gap: 10px; margin-bottom: 12px; flex-wrap: wrap; } #workspace-rtm-os .rlp-kpi { flex: 1 1 170px; min-width: 150px; } #workspace-rtm-os .rlp-note, #workspace-rtm-os .rlp-formula { margin: 0 0 10px; padding: 9px 12px; border-radius: 8px; background: #f8fafc; border: 1px solid #e2e8f0; font-size: 12px; color: #475569; line-height: 1.55; } #workspace-rtm-os .rlp-formula { background: #f0f7ff; border-color: #bfdbfe; color: #1e3a8a; } #workspace-rtm-os .rlp-draft { font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 999px; background: #f3e8ff; color: #6b21a8; margin-left: 8px; vertical-align: middle; } #workspace-rtm-os .rtmbu-draft { background: #f3e8ff; color: #6b21a8; } #workspace-rtm-os .rlp-otblk { margin-bottom: 18px; } #workspace-rtm-os .rlp-chart { height: 180px; } #workspace-rtm-os .rlp-actbar { display: flex; gap: 8px; justify-content: flex-end; margin-top: 16px; } #workspace-rtm-os .rlp-spk { width: 60px; height: 16px; } #workspace-rtm-os .rlp-spk polyline { fill: none; stroke: #0073EA; stroke-width: 1.4; } #workspace-rtm-os .rlp-cov .rlp-in { min-width: 46px; max-width: 56px; padding: 2px 4px; } /* ma trận bước 2 */ #workspace-rtm-os .rlp-cell { cursor: pointer; text-align: right; } #workspace-rtm-os .rlp-cell:hover { background: #f0f7ff; } #workspace-rtm-os .rlp-cell.empty { text-align: center; color: #cbd5e1; } #workspace-rtm-os .rlp-cell.neg b { color: #DC2626; } #workspace-rtm-os .rlp-add { font-size: 16px; } #workspace-rtm-os .rlp-fit { display: block; font-size: 9px; letter-spacing: 1px; color: #0d9488; } #workspace-rtm-os .rlp-mx th { white-space: nowrap; } /* Chi phí phương án (bước 5) */ #workspace-rtm-os .rlp-cost { border: 1px solid #e2e8f0; border-radius: 10px; padding: 0 12px; margin-bottom: 12px; background: #fff; } #workspace-rtm-os .rlp-cost > summary { cursor: pointer; padding: 10px 0; font-size: 12.5px; font-weight: 700; color: #0f172a; display: flex; align-items: center; gap: 10px; } #workspace-rtm-os .rlp-cwarn { font-weight: 500; font-size: 11.5px; color: #b45309; background: #fffbeb; border: 1px solid #fde68a; padding: 1px 8px; border-radius: 999px; } #workspace-rtm-os .rlp-cok { font-weight: 500; font-size: 11.5px; color: #475569; } #workspace-rtm-os .rlp-cgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(268px, 1fr)); gap: 8px 16px; padding-bottom: 10px; } #workspace-rtm-os .rlp-cf { display: flex; align-items: center; gap: 8px; font-size: 12px; } #workspace-rtm-os .rlp-cf > span { flex: 1 1 auto; color: #475569; min-width: 0; } #workspace-rtm-os .rlp-cf > span i { color: #94a3b8; cursor: help; margin-left: 4px; font-style: normal; } #workspace-rtm-os .rlp-cf em { font-style: normal; font-size: 11px; color: #94a3b8; flex: 0 0 auto; width: 30px; } #workspace-rtm-os .rlp-cmkt { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; padding: 0 0 12px; border-top: 1px solid #f1f5f9; padding-top: 10px; } #workspace-rtm-os .rlp-cmkt > span { font-size: 12px; color: #475569; margin-right: 4px; } #workspace-rtm-os .rlp-cmkt label { display: flex; flex-direction: column; gap: 2px; } #workspace-rtm-os .rlp-cmkt i { font-style: normal; font-size: 10px; color: #94a3b8; text-align: center; } #workspace-rtm-os .rlp-cmkt .rlp-in { min-width: 68px; max-width: 78px; } /* P&L */ #workspace-rtm-os .rlp-pnl th.be { background: #ecfdf5; color: #047857; } #workspace-rtm-os .rlp-pnl .rlp-hd td { background: #eef2f7; font-weight: 700; font-size: 11px; text-transform: uppercase; letter-spacing: .04em; color: #475569; } #workspace-rtm-os .rlp-pnl tr.strong td { font-weight: 700; } #workspace-rtm-os .rlp-pnl tr.net td { font-weight: 700; background: #f8fafc; border-top: 2px solid #cbd5e1; } #workspace-rtm-os .rlp-pnl td.tot, #workspace-rtm-os .rlp-pnl th.tot { background: #f1f5f9; font-weight: 700; } #workspace-rtm-os .rlp-back { font-size: 10px; margin-left: 6px; } #workspace-rtm-os .rlp-cmp td.best { background: #ecfdf5; color: #047857; font-weight: 700; } /* ══ Popup: NGOÀI #workspace-rtm-os ⇒ không tiền tố, hex thẳng ══ */ .rlp-ov, .rli-ov { position: fixed; inset: 0; z-index: 3000; background: rgba(15, 23, 42, .5); display: grid; place-items: center; padding: 24px; } .rlp-ov .rlp-md { background: #fff; border-radius: 12px; width: min(560px, 96vw); max-height: 88vh; display: flex; flex-direction: column; box-shadow: 0 24px 64px rgba(15, 23, 42, .3); } .rlp-ov .rlp-md.wide { width: min(1180px, 97vw); } .rlp-ov .rlp-md-h { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 16px; border-bottom: 1px solid #e2e8f0; font-size: 14px; color: #0f172a; } .rlp-ov .rlp-x { border: 0; background: transparent; font-size: 17px; cursor: pointer; color: #64748b; padding: 2px 6px; } .rlp-ov .rlp-md-b { padding: 16px; overflow: auto; font-size: 13px; color: #0f172a; } .rlp-ov .rlp-md-b table { width: 100%; border-collapse: collapse; } .rlp-ov .rlp-md-b th, .rlp-ov .rlp-md-b td { border-bottom: 1px solid #eef2f7; padding: 6px 8px; text-align: left; } .rlp-ov .rlp-md-b th { background: #f8fafc; font-size: 11.5px; color: #475569; } .rlp-ov .rlp-md-b td.num, .rlp-ov .rlp-md-b th.num { text-align: right; font-variant-numeric: tabular-nums; } .rlp-ov .rlp-md-b td.best { background: #ecfdf5; color: #047857; font-weight: 700; } .rlp-ov .rlp-fl { display: flex; align-items: center; gap: 10px; margin-bottom: 9px; } .rlp-ov .rlp-fl > span { flex: 0 0 176px; font-size: 12px; color: #475569; } .rlp-ov .rlp-fl > span i { color: #94a3b8; cursor: help; margin-left: 4px; font-style: normal; } .rlp-ov .rlp-fl input, .rlp-ov .rlp-fl select { flex: 1 1 auto; padding: 6px 9px; border: 1px solid #e2e8f0; border-radius: 6px; font-size: 13px; } .rlp-ov .rlp-md-f { display: flex; gap: 8px; justify-content: flex-end; align-items: flex-end; margin-top: 14px; flex-wrap: wrap; } /* Nút trong popup: rule class trần cũ ở đầu rtm-os.css sẽ thắng nếu không ghi đè ở đây. */ .rlp-ov .rtm-btn { background: #fff; color: #334155; border: 1px solid #cbd5e1; border-radius: 7px; padding: 7px 14px; font-size: 12.5px; font-weight: 600; cursor: pointer; } .rlp-ov .rtm-btn.rtm-btn-pri { background: #0073EA; border-color: #0073EA; color: #fff; } .rlp-ov .rtm-btn:disabled { opacity: .5; cursor: not-allowed; } .rlp-ov .rtm-mini-btn { background: #fff; color: #334155; border: 1px solid #e2e8f0; border-radius: 6px; padding: 5px 10px; font-size: 12px; cursor: pointer; } .rlp-ov .rtm-rm { background: #fff; color: #b91c1c; border: 1px solid #fecaca; border-radius: 6px; padding: 4px 9px; font-size: 11.5px; cursor: pointer; } .rlp-ov .rtm-linkbtn { background: transparent; border: 0; color: #0073EA; cursor: pointer; font-size: 12px; padding: 0; text-decoration: underline; } .rlp-ov .rtm-warnbadge { background: #fffbeb; border: 1px solid #fde68a; color: #92400e; border-radius: 7px; padding: 8px 11px; font-size: 12px; line-height: 1.5; } .rlp-ov .rtm-empty-sm { font-size: 11.5px; color: #64748b; line-height: 1.5; } .rlp-ov .rtm-loading { padding: 24px; text-align: center; color: #64748b; font-size: 13px; } .rlp-ov .rtm-f2 { display: flex; flex-direction: column; gap: 3px; font-size: 11.5px; color: #64748b; } .rlp-ov .rtm-f2 input, .rlp-ov .rtm-f2 select { padding: 6px 9px; border: 1px solid #e2e8f0; border-radius: 6px; font-size: 13px; color: #0f172a; } /* ── nhập file ──────────────────────────────────────────────────────────── */ .rlp-ov .rli-drop { border: 2px dashed #cbd5e1; border-radius: 11px; padding: 26px 18px; text-align: center; cursor: pointer; background: #f8fafc; } .rlp-ov .rli-drop.on { border-color: #0073EA; background: #f0f7ff; } .rlp-ov .rli-drop-t { font-size: 14px; font-weight: 600; color: #0f172a; } .rlp-ov .rli-drop-s { font-size: 11.5px; color: #64748b; margin-top: 6px; line-height: 1.55; } .rlp-ov .rli-alt { display: flex; align-items: center; gap: 10px; margin: 10px 0 4px; flex-wrap: wrap; } .rlp-ov .rli-h { font-size: 12px; font-weight: 700; color: #475569; text-transform: uppercase; letter-spacing: .04em; margin: 14px 0 8px; } .rlp-ov .rli-row { display: flex; gap: 12px; align-items: flex-end; flex-wrap: wrap; margin-bottom: 10px; } .rlp-ov .rli-maps { display: grid; grid-template-columns: repeat(auto-fill, minmax(255px, 1fr)); gap: 8px; } .rlp-ov .rli-map { display: flex; align-items: center; gap: 7px; font-size: 12px; } .rlp-ov .rli-map > span { flex: 0 0 118px; color: #475569; } .rlp-ov .rli-map.req > span { font-weight: 700; color: #0f172a; } .rlp-ov .rli-map select { flex: 1 1 auto; min-width: 0; padding: 4px 7px; border: 1px solid #e2e8f0; border-radius: 5px; font-size: 12px; } .rlp-ov .rli-why { font-style: normal; font-size: 9.5px; background: #fef3c7; color: #92400e; padding: 1px 5px; border-radius: 4px; cursor: help; } .rlp-ov .rli-f { display: flex; gap: 8px; justify-content: flex-end; margin-top: 14px; flex-wrap: wrap; } /* Dòng kiểm đếm + đối chiếu tổng: BẮT BUỘC hiện, không được ẩn. */ .rlp-ov .rli-count { padding: 9px 12px; border-radius: 8px; background: #f0f7ff; border: 1px solid #bfdbfe; font-size: 13px; color: #1e3a8a; margin-bottom: 8px; } .rlp-ov .rli-count b { font-variant-numeric: tabular-nums; } .rlp-ov .rli-count b.ok { color: #047857; } .rlp-ov .rli-count b.bad { color: #b91c1c; } .rlp-ov .rli-count b.warn { color: #b45309; } .rlp-ov .rli-recon { display: flex; gap: 14px; flex-wrap: wrap; font-size: 12px; margin-bottom: 10px; } .rlp-ov .rli-recon .ok { color: #047857; } .rlp-ov .rli-recon .bad { color: #b91c1c; font-weight: 700; } .rlp-ov .rli-recon .mut { color: #94a3b8; } .rlp-ov .rli-only { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: #475569; margin-bottom: 8px; } .rlp-ov .rli-split { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } @media (max-width: 980px) { .rlp-ov .rli-split { grid-template-columns: 1fr; } } .rlp-ov .rli-pane { border: 1px solid #e2e8f0; border-radius: 9px; overflow: hidden; min-width: 0; } .rlp-ov .rli-pane-h { background: #f8fafc; padding: 6px 10px; font-size: 11.5px; color: #475569; border-bottom: 1px solid #e2e8f0; } .rlp-ov .rli-scroll { max-height: 320px; overflow: auto; } .rlp-ov .rli-t { font-size: 11.5px; } .rlp-ov .rli-t td, .rlp-ov .rli-t th { padding: 3px 7px; white-space: nowrap; } .rlp-ov .rli-t.src td { cursor: default; } .rlp-ov .rli-t.src tr.hdr td { background: #eef2f7; font-weight: 700; } .rlp-ov .rli-t .ln { color: #cbd5e1; } .rlp-ov .rli-t td.hl { background: #fef08a; outline: 2px solid #eab308; } .rlp-ov .rli-t tr.red td { background: #fef2f2; } .rlp-ov .rli-t tr.yel td { background: #fffbeb; } .rlp-ov .rli-t td.guess { background: #fef3c7; cursor: help; } .rlp-ov .rli-t td.blank { background: #f8fafc; } .rlp-ov .rli-flag { cursor: help; margin-right: 2px; } /* toast */ .rlp-toast { position: fixed; left: 50%; bottom: 26px; transform: translateX(-50%); z-index: 4000; background: #0f172a; color: #f1f5f9; padding: 10px 18px; border-radius: 9px; font-size: 13px; box-shadow: 0 10px 30px rgba(15, 23, 42, .3); max-width: min(620px, 92vw); line-height: 1.5; } .rlp-toast.bad { background: #b91c1c; } /* ── RLP_WHY_CSS_V2 · "bấm số xem công thức & nguồn" ─────────────────────── */ /* V1 chỉ tô nút bọc con số: nút rộng 60px trong ô 119px ⇒ 50% diện tích ô là vùng chết, bấm chệch là không mở gì. V2 cho CẢ Ô làm vùng bấm. */ #workspace-rtm-os .rlp-wc { cursor: pointer; -webkit-tap-highlight-color: transparent; } #workspace-rtm-os td.rlp-wc:hover { background: #EEF5FF; box-shadow: inset 0 -2px 0 #0073EA; } #workspace-rtm-os .rlp-wc:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(0,115,234,.28); border-radius: 4px; } #workspace-rtm-os .rtm-card.rlp-wc:hover { border-color: #0073EA; box-shadow: 0 2px 10px rgba(0,115,234,.14); } #workspace-rtm-os .rtm-card.rlp-wc:hover .rtm-card-num { color: #0073EA; } #workspace-rtm-os .rlp-mcard.rlp-wc { border-radius: 6px; margin: 0 -6px; padding-left: 6px; padding-right: 6px; } #workspace-rtm-os .rlp-mcard.rlp-wc:hover { background: #EEF5FF; } #workspace-rtm-os .rlp-mini-sub > .rlp-wc { border-radius: 5px; margin: 0 -5px; padding: 2px 5px; } #workspace-rtm-os .rlp-mini-sub > .rlp-wc:hover { background: #EEF5FF; } /* Giá về kho: giữ gạch chân nét đứt lúc NGHỈ để đọc ra "bấm được" ngay, không phải rê chuột vào mới biết. */ #workspace-rtm-os td.rlp-calc.rlp-wc { text-decoration: underline dotted #94a3b8; text-underline-offset: 3px; } #workspace-rtm-os td.rlp-calc.rlp-wc:hover { color: #0073EA; text-decoration-color: #0073EA; } #workspace-rtm-os .rlp-hint { font-weight: 400; color: #94a3b8; font-size: 10.5px; } /* Ô "Tồn TB" trong panel P&L khi kế hoạch đặt hàng không phủ đủ. */ #workspace-rtm-os .rlp-short b { color: #E2445C; } /* ⚠ Phần dưới nằm trong popup gắn ở → KHÔNG tiền tố, hex thẳng. */ .rlp-ov.rlp-ov-why .rlp-md { width: min(620px, 96vw); } /* .rlp-md-b là content-box ⇒ padding/border của khối con cộng ra ngoài bề rộng và đẻ ra thanh cuộn ngang 5px. Ép border-box trong phạm vi popup. */ .rlp-ov .rlp-md-b, .rlp-ov .rlp-md-b * { box-sizing: border-box; } .rlp-ov .rlp-why2-val { font-size: 26px; font-weight: 800; color: #0F172A; line-height: 1.2; font-variant-numeric: tabular-nums; letter-spacing: -.01em; } .rlp-ov .rlp-why2-val.neg { color: #E2445C; } .rlp-ov .rlp-why2-s { font-size: 11px; color: #94A3B8; margin-top: 2px; } .rlp-ov .rlp-why2-sec { display: flex; align-items: baseline; gap: 7px; flex-wrap: wrap; margin: 16px 0 6px; font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: #6B7280; } .rlp-ov .rlp-why2-sec em { font-style: normal; text-transform: none; letter-spacing: 0; font-weight: 400; color: #98A2B3; } .rlp-ov .rlp-why2-expr { background: #F6F7FB; border: 1px solid #E6EAF4; border-radius: 8px; padding: 10px 12px; line-height: 1.65; font-size: 12.5px; color: #3C4355; word-break: break-word; } .rlp-ov .rlp-why2-subs { background: #EEF5FF; border: 1px solid #D6E4FB; border-radius: 8px; padding: 10px 12px; line-height: 1.75; font-size: 12.5px; color: #1D4ED8; font-weight: 600; font-variant-numeric: tabular-nums; word-break: break-word; } .rlp-ov .rlp-why2-tms { display: flex; flex-direction: column; gap: 5px; } .rlp-ov .rlp-wtm { display: flex; align-items: center; gap: 10px; width: 100%; text-align: left; padding: 7px 10px; border: 1px solid #E6EAF4; border-radius: 8px; background: #fff; font: inherit; font-size: 12px; color: #3C4355; cursor: pointer; } .rlp-ov .rlp-wtm.leaf { cursor: default; background: #FBFCFE; } .rlp-ov button.rlp-wtm:hover { border-color: #0073EA; background: #F5FAFF; } .rlp-ov .rlp-wtm-l { flex: 1 1 auto; min-width: 0; } .rlp-ov .rlp-wtm-l em { display: block; font-style: normal; font-size: 10.5px; color: #98A2B3; } .rlp-ov .rlp-wtm-v { flex: none; font-weight: 700; color: #0F172A; font-variant-numeric: tabular-nums; } .rlp-ov .rlp-wtm-a { flex: none; width: 13px; text-align: right; color: #0073EA; font-weight: 700; } .rlp-ov .rlp-wback { margin-bottom: 10px; padding: 4px 10px; border: 1px solid #DDE3EE; border-radius: 8px; background: #fff; color: #4A5266; font-size: 11.5px; cursor: pointer; } .rlp-ov .rlp-wback:hover { border-color: #0073EA; color: #0073EA; background: #EEF4FE; } .rlp-ov .rlp-why-note { margin-top: 14px; padding: 9px 11px; border-radius: 8px; background: #FFF8EC; border: 1px solid #F2DCAB; font-size: 11.5px; line-height: 1.65; color: #7C4A03; } .rlp-ov .rlp-why-t { margin-top: 12px; } .rlp-ov .rlp-why-miss { background: #FEF3F2; border: 1px solid #FDA29B; color: #B42318; border-radius: 8px; padding: 8px 10px; font-size: 12.5px; margin-bottom: 10px; } .rlp-ov .rlp-why-t { width: 100%; border-collapse: collapse; font-size: 13px; } .rlp-ov .rlp-why-t td { border-bottom: 1px solid #eef2f7; padding: 7px 8px; vertical-align: top; } .rlp-ov .rlp-why-l { color: #0f172a; font-weight: 600; } .rlp-ov .rlp-why-c { color: #64748b; font-variant-numeric: tabular-nums; } .rlp-ov .rlp-why-v { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; } .rlp-ov .rlp-why-sub td { border-bottom: 0; padding: 0 8px 7px; font-size: 11.5px; color: #94a3b8; } .rlp-ov .rlp-why-t tfoot td { border-top: 2px solid #0f172a; border-bottom: 0; padding-top: 9px; font-weight: 700; color: #0f172a; } .rlp-ov .rlp-why-tot { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }