/* Задания на производство — фирменный стиль ДЕКОПЛИНТ (светлая тема, синий #0057B8) Шрифты: Manrope (текст) + Unbounded (заголовки/номера). Логотип: /img/logo.png Печать: A4 книжная, всё на одном листе, внизу блок «ВАЖНО — ПРОЧИТАЙ». */ /* Палитру/шрифт/фон задаёт общий кит /panel/kit.css (3.52) — как orders. Здесь только локальные компоненты rabota (формы, таблицы, печать). */ .wrap { max-width: none; margin: 0 auto; padding: 26px 24px 70px; } /* Шапка */ .top { display: flex; align-items: center; gap: 18px; margin-bottom: 22px; flex-wrap: wrap; } .brand-logo { height: 46px; display: block; } .top h1 { margin: 0; font-family: var(--display); font-size: 24px; font-weight: 700; color: var(--ink); letter-spacing: -.3px; } .top .sub { margin: 4px 0 0; color: var(--ink2); font-size: 14px; } .top-right { margin-left: auto; display: flex; gap: 10px; } /* Карточка */ .card { background: var(--card); border: 1px solid var(--line); border-radius: var(--r); box-shadow: var(--shadow); margin-bottom: 16px; } .card-h { padding: 14px 20px; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; } .card-h h2 { margin: 0; font-family: var(--display); font-size: 16px; font-weight: 600; color: var(--ink); } .card-b { padding: 20px; } /* Панель инструментов */ .toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 14px 16px; } .tabs { display: flex; flex-wrap: wrap; gap: 8px; } .tabs a { padding: 9px 15px; border-radius: var(--r-sm); text-decoration: none; font-weight: 600; font-size: 13.5px; color: var(--ink2); background: var(--bg2); border: 1px solid var(--line); transition: .15s; } .tabs a:hover { border-color: var(--brand); color: var(--brand); } .tabs a.active { background: var(--brand); border-color: var(--brand); color: #fff; } .tabs a .n { font-size: 11px; opacity: .75; margin-left: 6px; } /* Поля шапки задания */ .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 14px 18px; } .field label { display: block; font-size: 11.5px; color: var(--muted); margin-bottom: 6px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; } .field input, .field select { width: 100%; padding: 11px 12px; border: 1px solid var(--line2); border-radius: var(--r-sm); font-size: 15px; background: #fff; color: var(--ink); font-family: var(--font); } .field input:focus, .field select:focus { outline: none; border-color: var(--brand); box-shadow: 0 0 0 3px rgba(0,87,184,.14); } /* ключевые поля (№ задания, Заказчик, Дата) — крупно и жирно */ .field.key input { font-family: var(--display); font-weight: 700; font-size: 19px; color: var(--brand); letter-spacing: .3px; } /* № задания: буква + поле на одной линии (без перекоса) */ .numrow { display: flex; align-items: center; gap: 6px; } .numrow input { flex: 1; min-width: 0; } .prefix { font-family: var(--display); font-weight: 700; color: var(--brand); font-size: 22px; line-height: 1; } /* Бейдж номера */ .badge { display: inline-block; padding: 4px 11px; border-radius: 20px; font-family: var(--display); font-size: 12.5px; font-weight: 700; color: #fff; background: var(--brand); letter-spacing: .3px; margin-left: 4px; white-space: nowrap; } .badge-draft { background: var(--warn); } .badge-ok { background: var(--ok); font-size: 12px; padding: 3px 10px; } /* Печатные блоки (строгий ч/б макет, утверждён 27.10.2026) — только на бумаге / предпросмотре */ .doc-head, .passport, .doc-foot { display: none; } /* Планируемое время */ .timebox { margin-top: 18px; border: 1px solid var(--indigo); border-radius: 10px; overflow: hidden; } .time-h { background: var(--indigo); color: #fff; padding: 8px 16px; font-family: var(--display); font-weight: 700; font-size: 12.5px; letter-spacing: .4px; } .time-b { padding: 12px 16px; background: var(--tint); } .time-res { font-size: 14px; color: var(--ink); } .time-res b { color: var(--brand); font-weight: 800; } .time-days { color: var(--indigo); font-weight: 800; } .time-rates { margin-top: 10px; font-size: 12.5px; color: var(--ink2); display: flex; gap: 10px; align-items: center; flex-wrap: wrap; } .time-rates label { display: inline-flex; align-items: center; gap: 5px; font-weight: 600; } .time-rates input[type="number"] { width: 74px; padding: 6px 8px; border: 1px solid var(--line2); border-radius: 8px; font-size: 13.5px; font-family: var(--font); background: #fff; } .time-rates input[type="number"]:focus { outline: none; border-color: var(--brand); } /* План резки по дням (погонаж) — редактор */ .sched { margin-top: 14px; border: 1px solid var(--indigo); border-radius: 10px; overflow: hidden; } .sched-h { background: var(--indigo); color: #fff; padding: 8px 16px; font-family: var(--display); font-weight: 700; font-size: 12.5px; letter-spacing: .4px; } .sched-b { padding: 12px 16px; background: var(--tint); } .sched-b textarea { width: 100%; box-sizing: border-box; border: 1px solid var(--line2); border-radius: 6px; font-family: var(--font); font-size: 13px; line-height: 1.5; padding: 8px 10px; resize: vertical; background: #fff; } .sched-b textarea:focus { outline: none; border-color: var(--brand); } /* План резки по дням — печатный блок (только на печати) */ .sched-print { display: none; } .sched-print .sp-title { font-family: Arial, sans-serif; font-weight: 900; font-size: 13px; color: var(--brand); letter-spacing: .5px; margin-bottom: 6px; } .sched-print .sched-tbl { width: 100%; border-collapse: collapse; font-size: 12.5px; } .sched-print .sched-tbl td { border: 1px solid #999; padding: 4px 8px; vertical-align: top; } .sched-print .sp-empty { font-size: 12px; color: #888; font-style: italic; } .sched-print .sp-cur td { background: #FFF3CD; font-weight: 700; } /* Строка «№ · Заказчик · Дата» — только на печати */ tr.task-meta { display: none; } tr.task-meta td { border: none; background: #fff; padding: 0; } tr.task-meta #taskMeta { font-family: var(--display); font-weight: 800; font-size: 14px; color: var(--ink); } tr.task-meta #taskMeta b { color: var(--brand); } /* Таблица — чистая сетка (как в Excel): белые ячейки, тонкие границы */ .tblwrap { overflow-x: auto; border: 1px solid var(--line2); border-radius: 10px; margin-top: 18px; } table.tbl { border-collapse: collapse; width: 100%; background: #fff; } /* Колонка № строки — второстепенная: узкая (до 2 знаков), остальные делят остаток */ table.tbl col.col-num { width: 38px; } table.tbl th { background: var(--tint); color: var(--brand); font-size: 11px; font-weight: 800; letter-spacing: .3px; padding: 9px 8px; border-bottom: 2px solid var(--brand); border-right: 1px solid var(--line); white-space: nowrap; text-align: center; } table.tbl td { padding: 0; border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: center; background: #fff; } table.tbl td input, table.tbl td select { width: 100%; border: none; padding: 9px 7px; text-align: center; font-size: 13.5px; background: transparent; color: var(--ink); font-family: var(--font); } table.tbl td select { text-align: left; } /* Тип / Профиль (металл): по центру, жирнее и крупнее, как основной текст (select и комбо-input) */ table.tbl td select.sel-type, table.tbl td input.sel-type { text-align: center; font-weight: 800; font-size: 15px; color: var(--ink); } /* комбо-поле (свободный ввод + автоподсказка): плейсхолдер не жирный, чтобы не путать с данными */ table.tbl td input.combo { font-weight: 800; } table.tbl td input.combo::placeholder { font-weight: 500; color: var(--muted); } table.tbl td input:focus { outline: none; background: var(--tint); } table.tbl td input[readonly] { background: #fff; color: var(--ink2); } table.tbl td input.calc { background: var(--tint); color: var(--brand); font-weight: 800; } /* ламинация: наоборот — введённые данные жирные, «м.п. всего» (расчётное) обычным */ table.tbl-lam td input { font-weight: 800; } table.tbl-lam td input[data-calc="mp"] { font-weight: 400; } table.tbl tr:hover td { background: #fbfcfe; } table.tbl td.txt { padding: 9px 8px; font-size: 13.5px; } /* строка «ИТОГО» (tfoot) — на экране: тонкая, над таблицей не доминирует */ table.tbl tfoot.sumrow td { border-top: 2px solid var(--brand); background: var(--tint); padding: 6px 8px; font-size: 12.5px; font-weight: 800; color: var(--brand); } table.tbl tfoot.sumrow td.sumlbl { text-align: left; letter-spacing: .5px; } table.tbl tfoot.sumrow td.r { text-align: right; } /* кнопка удаления строки (только на экране) */ table.tbl td.rowdel { width: 30px; padding: 0; border: none; } .rowdel-btn { width: 100%; border: none; background: transparent; color: var(--muted); font-size: 17px; cursor: pointer; padding: 4px; border-radius: 6px; } .rowdel-btn:hover { color: var(--danger); background: rgba(226,59,46,.08); } /* Кнопки */ .btn { display: inline-block; padding: 10px 18px; border-radius: var(--r-sm); border: 1px solid transparent; font-size: 14px; font-weight: 700; cursor: pointer; text-decoration: none; transition: .15s; font-family: var(--font); } .btn-primary { background: var(--brand); color: #fff; box-shadow: 0 6px 16px rgba(0,87,184,.24); } .btn-primary:hover { background: var(--brand2); } .btn-dark { background: #fff; color: var(--ink); border-color: var(--line2); } .btn-dark:hover { border-color: var(--brand); color: var(--brand); } .btn-sm { padding: 6px 13px; font-size: 12.5px; border-radius: 8px; } .btn-danger { background: transparent; color: var(--danger); border-color: rgba(226,59,46,.35); } .btn-danger:hover { background: rgba(226,59,46,.08); } .actions { display: flex; gap: 10px; margin-top: 18px; flex-wrap: wrap; align-items: center; } /* Список сохранённых */ .saved-h { display: flex; align-items: center; justify-content: space-between; margin: 24px 0 12px; } .saved-h h3 { margin: 0; font-family: var(--display); font-size: 16px; color: var(--ink); } .saved { display: flex; flex-direction: column; gap: 14px; } .saved-item { background: var(--card); border: 1px solid var(--line); border-radius: 12px; padding: 0; } .saved-item > summary { padding: 9px 16px; cursor: pointer; list-style: none; } .saved-item > summary::-webkit-details-marker { display: none; } .saved-item > summary::before { content: "\25B6"; font-size: 10px; color: var(--ink2); margin-right: 10px; transition: transform .15s; } .saved-item[open] > summary::before { transform: rotate(90deg); } .saved-item[open] .tblwrap { border-top: 1px solid var(--line); padding: 12px 18px 16px; } .si-h { display: flex; align-items: center; justify-content: space-between; margin: 0; gap: 10px; } .si-t { display: flex; align-items: center; flex-wrap: nowrap; gap: 10px; flex: 1 1 auto; min-width: 0; } .si-t .si-meta { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1 1 auto; min-width: 60px; } .si-t .t { font-family: var(--display); font-weight: 700; font-size: 15px; color: var(--brand); flex: 0 0 auto; } .si-t .badge { flex: 0 0 auto; } .si-line { flex: 0 0 auto; background: #1f2937; color: #fff; font-family: var(--display); font-weight: 700; font-size: 12px; padding: 3px 9px; border-radius: 6px; letter-spacing: .3px; white-space: nowrap; } .si-meta { color: var(--ink2); font-size: 12px; } /* акт выпуска: подсветка строк задания (зелёная — выпущено, жёлтая — частично) */ tr.act-done td { background: #e3f4e5 !important; } tr.act-part td { background: #fff6d9 !important; } tr.act-done input, tr.act-part input { background: transparent; } .act-tbl td { font-size: 13px; } tr.act-no td { background: #fbe9e7; } .saved-item-arch { opacity: .75; } .saved-item-arch .si-t .t { color: var(--ink2); } .badge-arch { background: #9aa0a6; color: #fff; } .si-acts { display: flex; gap: 8px; flex-wrap: nowrap; align-items: center; margin-left: auto; flex: 0 0 auto; } .si-acts form { display: inline-flex; align-items: center; } /* кнопки в строке задания — одинаковой высоты (и , и