diff --git a/mockup.html b/mockup.html index 1190a0e..268dad5 100644 --- a/mockup.html +++ b/mockup.html @@ -484,6 +484,53 @@ body{font-family:var(--font-ui);background:var(--surf);color:var(--ink);line-hei .ov-row .ov-k{color:var(--mut)} .ov-row .ov-v{font-weight:600} +/* ── КАРТОЧКА ДЕЛА v2 ── */ + +/* Прогресс-шаги */ +.case-progress{display:flex;align-items:flex-start;gap:0;margin-bottom:20px;overflow-x:auto;padding-bottom:4px} +.cp-step{display:flex;flex-direction:column;align-items:center;flex:1;min-width:90px;position:relative} +.cp-step:not(:last-child)::after{content:'';position:absolute;top:14px;left:calc(50% + 16px);right:calc(-50% + 16px);height:2px;background:#e5e7eb;z-index:0} +.cp-step.done .cp-step:not(:last-child)::after,.cp-step.act::after,.cp-step.done::after{background:var(--bg)} +.cps-dot{width:28px;height:28px;border-radius:50%;border:2px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;z-index:1;position:relative;flex-shrink:0} +.cp-step.done .cps-dot{background:var(--bg);border-color:var(--bg);color:#fff} +.cp-step.act .cps-dot{background:#fff;border-color:var(--bg);box-shadow:0 0 0 3px rgba(159,18,57,.15)} +.cp-step.pend .cps-dot{background:#f9fafb;border-color:#d1d5db;color:#9ca3af} +.cps-lbl{font-size:10px;font-weight:600;margin-top:6px;text-align:center;color:var(--mut);max-width:80px;line-height:1.3} +.cp-step.done .cps-lbl{color:var(--bg)} +.cp-step.act .cps-lbl{color:var(--ink);font-weight:700} +.cps-date{font-size:9px;color:var(--mut);margin-top:2px;text-align:center} +.cp-step.act .cps-date{color:var(--bg)} + +/* Риски */ +.risk-summary{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap} +.risk-sum-item{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:7px 14px;font-size:13px;font-weight:700} +.risk-sum-item.crit{border-color:#fecaca;background:#fff5f5;color:#991b1b} +.risk-sum-item.mid{border-color:#fde68a;background:#fffbeb;color:#92400e} +.risk-sum-item.low{border-color:#bbf7d0;background:#f0fdf4;color:#166534} + +.risk-list{display:flex;flex-direction:column;gap:8px;max-width:760px} +.risk-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;cursor:pointer;transition:box-shadow .12s} +.risk-item:hover{box-shadow:0 2px 12px rgba(0,0,0,.07)} +.risk-item.crit{border-left:4px solid #ef4444} +.risk-item.mid{border-left:4px solid #f59e0b} +.risk-item.low{border-left:4px solid #22c55e} +.risk-item-hdr{display:flex;align-items:center;gap:10px;margin-bottom:6px} +.risk-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:6px;flex-shrink:0;white-space:nowrap} +.risk-badge.crit{background:#fee2e2;color:#991b1b} +.risk-badge.mid{background:#fef3c7;color:#92400e} +.risk-badge.low{background:#dcfce7;color:#166534} +.risk-num{font-size:11px;color:var(--mut);flex-shrink:0} +.risk-title{font-size:13px;font-weight:700;color:var(--ink);flex:1} +.risk-norm{font-size:11px;color:var(--mut);margin-bottom:6px} +.risk-rec{font-size:12px;color:var(--ink);line-height:1.5;background:#f8f9fa;border-radius:7px;padding:7px 10px} + +/* Документы: upload zone */ +.doc-upload-btn{display:flex;align-items:center;gap:10px;border:2px dashed #d1d5db;border-radius:12px;padding:14px 18px;margin-bottom:14px;cursor:pointer;transition:border-color .15s;max-width:700px;background:#fafafa} +.doc-upload-btn:hover{border-color:var(--bg);background:#fff7f8} +.doc-upload-ico{font-size:22px} +.doc-upload-txt{font-size:13px;font-weight:600;color:var(--mut)} +.doc-upload-txt span{display:block;font-size:11px;font-weight:400;margin-top:1px} + /* ── RETURNING CLIENT ── */ .ret-greet{font-size:30px;font-weight:800;line-height:1.2;margin-bottom:24px;letter-spacing:-.5px} .ret-sub{font-size:16px;color:rgba(255,255,255,.7);margin-bottom:22px} @@ -1100,12 +1147,48 @@ body{font-family:var(--font-ui);background:var(--surf);color:var(--ink);line-hei
