diff --git a/docs/mockup_cabinet.html b/docs/mockup_cabinet.html index 006f648..4703626 100644 --- a/docs/mockup_cabinet.html +++ b/docs/mockup_cabinet.html @@ -308,6 +308,32 @@ body{font-family:'Inter',sans-serif;background:var(--body-bg);color:var(--text); .del-t{font-size:14px;font-weight:700;color:var(--text)} .del-d{font-size:12px;color:var(--muted);line-height:1.5;flex:1} +/* Stage 5 — TO-BE roadmap */ +.roadmap{display:flex;flex-direction:column;gap:14px;margin-bottom:14px;flex-shrink:0} +.rh{background:var(--white);border:1.5px solid var(--border);border-radius:14px;overflow:hidden;flex-shrink:0} +.rh-head{display:flex;align-items:center;gap:10px;padding:13px 18px;border-bottom:1px solid var(--border)} +.rh-badge{font-size:11px;font-weight:800;padding:3px 10px;border-radius:20px;letter-spacing:.02em} +.rh-badge.quick{background:#DCFCE7;color:#166534} +.rh-badge.mid{background:#DBEAFE;color:#1E40AF} +.rh-badge.strat{background:#EDE9FE;color:#5B21B6} +.rh-title{font-size:14px;font-weight:700;color:var(--text)} +.rh-meta{font-size:12px;color:var(--muted);margin-left:auto} +.rh-items{padding:10px 18px 14px} +.reco-card{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--subtle)} +.reco-card:last-child{border-bottom:none;padding-bottom:0} +.rc-num{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0;margin-top:1px} +.rc-body{flex:1;min-width:0} +.rc-top{display:flex;align-items:center;gap:7px;margin-bottom:3px;flex-wrap:wrap} +.rc-title{font-size:13px;font-weight:700;color:var(--text)} +.rc-agent{font-size:10px;font-weight:700;padding:2px 7px;border-radius:5px;white-space:nowrap} +.rc-desc{font-size:12px;color:var(--muted);line-height:1.45;margin-bottom:5px} +.rc-effect{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--primary);background:var(--light);border-radius:5px;padding:2px 8px} + +.roi-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;flex-shrink:0} +.roi-item{background:var(--white);border:1.5px solid var(--border);border-radius:12px;padding:14px;text-align:center} +.roi-val{font-size:22px;font-weight:800;color:var(--primary);letter-spacing:-1px;margin-bottom:3px} +.roi-lbl{font-size:11px;color:var(--muted);line-height:1.3} + /* Reco */ .reco-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--subtle)} .reco-item:last-child{border-bottom:none} @@ -1322,37 +1348,169 @@ body{font-family:'Inter',sans-serif;background:var(--body-bg);color:var(--text);