Сроки
-

diff --git a/mockup.html b/mockup.html index 0127d31..0b43d08 100644 --- a/mockup.html +++ b/mockup.html @@ -216,6 +216,47 @@ body{font-family:var(--font-ui);background:var(--surf);color:var(--ink);line-hei /* ── GANTT ── */ .gantt-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:4px;padding-bottom:16px} +/* ── DEADLINE CARDS ── */ +.dl-filter{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap} +.dl-ftab{padding:6px 16px;border-radius:20px;border:1.5px solid #e5e7eb;font-size:12px;font-weight:600;cursor:pointer;color:#6b7280;background:#fff;transition:all .15s} +.dl-ftab.on{background:var(--bg);color:#fff;border-color:var(--bg)} +.dl-list{display:flex;flex-direction:column;gap:10px} +.dl-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;padding:16px 18px;display:flex;gap:14px;align-items:flex-start;transition:box-shadow .15s} +.dl-card:hover{box-shadow:0 2px 12px rgba(0,0,0,.07)} +.dl-card.overdue{border-left:4px solid #ef4444} +.dl-card.soon{border-left:4px solid #f59e0b} +.dl-card.ok{border-left:4px solid #22c55e} +.dl-card.done{opacity:.55} +.dl-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:4px} +.dl-card.overdue .dl-dot{background:#ef4444} +.dl-card.soon .dl-dot{background:#f59e0b} +.dl-card.ok .dl-dot{background:#22c55e} +.dl-card.done .dl-dot{background:#9ca3af} +.dl-body{flex:1;min-width:0} +.dl-title{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:3px} +.dl-meta{font-size:12px;color:var(--mut);margin-bottom:6px} +.dl-quote{font-size:11px;color:#6b7280;background:#f9fafb;border-left:2px solid #e5e7eb;padding:5px 10px;border-radius:0 6px 6px 0;margin-bottom:8px;line-height:1.5} +.dl-right{flex-shrink:0;text-align:right} +.dl-date{font-size:12px;font-weight:700;color:var(--ink);margin-bottom:4px} +.dl-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px} +.dl-badge.overdue{background:#fee2e2;color:#991b1b} +.dl-badge.soon{background:#fef3c7;color:#92400e} +.dl-badge.ok{background:#dcfce7;color:#166534} +.dl-badge.done{background:#f3f4f6;color:#6b7280} +.dl-btn{margin-top:8px;font-size:11px;font-weight:700;padding:5px 12px;border-radius:8px;border:1.5px solid #e5e7eb;background:#fff;cursor:pointer;color:#374151;transition:all .15s;white-space:nowrap} +.dl-btn:hover{border-color:var(--bg);color:var(--bg)} +.dl-btn.done-btn{border-color:#22c55e;color:#16a34a} +.dl-empty{text-align:center;padding:48px 24px;color:var(--mut)} +.dl-empty-ico{font-size:40px;margin-bottom:12px} +.dl-empty-txt{font-size:14px;font-weight:600;margin-bottom:6px;color:var(--ink)} +.dl-empty-sub{font-size:12px} +.dl-summary{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap} +.dl-sum-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;padding:12px 16px;flex:1;min-width:100px;text-align:center} +.dl-sum-num{font-size:22px;font-weight:800;line-height:1} +.dl-sum-lbl{font-size:11px;color:var(--mut);margin-top:3px} +.dl-sum-card.red .dl-sum-num{color:#ef4444} +.dl-sum-card.yellow .dl-sum-num{color:#f59e0b} +.dl-sum-card.green .dl-sum-num{color:#22c55e} .gantt{min-width:580px;font-family:var(--font-ui)} .gantt-hdr{display:grid;grid-template-columns:170px 1fr;align-items:end;margin-bottom:6px;padding-bottom:8px;border-bottom:1.5px solid var(--line)} .gantt-hdr-lbl{font-size:11px;font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.5px} @@ -1729,8 +1770,14 @@ body{font-family:var(--font-ui);background:var(--surf);color:var(--ink);line-hei

