diff --git a/mockup.html b/mockup.html index 6738af9..60cfad7 100644 --- a/mockup.html +++ b/mockup.html @@ -306,6 +306,28 @@ body{font-family:var(--font-ui);background:var(--surf);color:var(--ink);line-hei })(); +/* ── ТАБЛИЦА ДОГОВОРОВ ── */ +.ct-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px} +.ct-filter-group{display:flex;gap:4px} +.ct-fbtn{background:#fff;border:1.5px solid var(--line);border-radius:8px;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer;color:var(--ink);font-family:inherit;transition:all .15s} +.ct-fbtn:hover{border-color:var(--bg);color:var(--bg)} +.ct-fbtn.act{background:var(--bg);color:#fff;border-color:var(--bg)} +.ct-add{margin-left:auto;background:var(--bg);color:#fff;border:none;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit} +.ct-add:hover{background:var(--bghv)} +.ct-table{width:100%;border-collapse:collapse;font-size:13px} +.ct-table thead tr{background:#f3f4f6;border-bottom:2px solid var(--line)} +.ct-table thead th{padding:8px 10px;text-align:left;font-size:11px;font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.4px;cursor:pointer;white-space:nowrap;user-select:none} +.ct-table thead th:hover{color:var(--bg)} +.ct-table thead th.sort-asc::after{content:' ↑'} +.ct-table thead th.sort-desc::after{content:' ↓'} +.ct-table tbody tr{border-bottom:1px solid var(--line);cursor:pointer;transition:background .12s} +.ct-table tbody tr:hover{background:#f8f8ff} +.ct-table tbody tr.ct-closed{opacity:.55} +.ct-table tbody td{padding:9px 10px;white-space:nowrap;vertical-align:middle} +.ct-table tbody td.ct-name{font-weight:600;max-width:220px;overflow:hidden;text-overflow:ellipsis} +.ct-table tbody td.ct-open{color:var(--bg);font-weight:700;font-size:13px;text-align:right} +.ct-type-badge{background:var(--surf);border:1px solid var(--line);border-radius:6px;padding:2px 7px;font-size:11px;color:var(--mut);font-weight:500} + /* ── MS-PROJECT GANTT ── */ .msp-section{margin-top:28px;border-top:2px solid var(--line);padding-top:16px} .msp-title{font-size:13px;font-weight:800;color:var(--mut);text-transform:uppercase;letter-spacing:.6px;margin-bottom:12px} @@ -917,22 +939,32 @@ body{font-family:var(--font-ui);background:var(--surf);color:var(--ink);line-hei

Я веду каждый договор от анализа до подписания. Зелёный этап — выполнен, синий — в работе, серый — ждёт своей очереди. Нажмите на строку чтобы открыть дело 💛| Договор | +Тип | +Дата | +Риск | +Этап | ++ |
|---|