стили

diff --git a/erp24/web/css/products1cNomenclatureActuality/index.css b/erp24/web/css/products1cNomenclatureActuality/index.css
new file mode 100644 (file)
index 0000000..6a1d715
--- /dev/null
+++ b/erp24/web/css/products1cNomenclatureActuality/index.css
@@ -0,0 +1,98 @@
+:root { --ao: #1e3a5f; --cat: #6f42c1; }
+
+/* ── Tab nav ── */
+.cm-tabs { border-bottom: 2px solid #dee2e6; margin-bottom: 20px; }
+.cm-tabs .nav-link { font-size: 14px; color: #495057; border: none; padding: 10px 20px; font-weight: 500;
+    border-bottom: 3px solid transparent; margin-bottom: -2px; background: none; }
+.cm-tabs .nav-link.active { color: var(--cat); font-weight: 700; border-bottom-color: var(--cat); }
+.cm-tabs .nav-link:hover:not(.active) { color: var(--ao); }
+.cm-tabs .tc { font-size: 10px; font-weight: 700; margin-left: 6px; padding: 1px 6px; border-radius: 10px;
+    background: #e9ecef; color: #495057; display: inline-block; }
+.cm-tabs .nav-link.active .tc { background: var(--cat); color: #fff; }
+.cm-tabs .tc-danger { background: #dc3545 !important; color: #fff !important; }
+
+/* ── Stat cards ── */
+.sc { display: flex; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; }
+.sc-card { background: #fff; border-radius: 8px; padding: 14px 18px; flex: 1; min-width: 130px;
+    border: 1px solid #dee2e6; }
+.sc-card .lb { font-size: 11px; color: #6c757d; text-transform: uppercase; letter-spacing: .5px; }
+.sc-card .vl { font-size: 24px; font-weight: 700; }
+.sc-card .su { font-size: 11px; color: #6c757d; }
+
+/* ── Filter bar ── */
+.fb { background: #fff; border: 1px solid #dee2e6; border-radius: 8px;
+    padding: 12px 16px; margin-bottom: 12px; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
+.fb .fg { display: flex; flex-direction: column; gap: 2px; }
+.fb .fg > label { font-size: 11px; color: #6c757d; font-weight: 500; margin: 0; }
+.fb .form-select, .fb .form-control { font-size: 12px; padding: 4px 2rem 4px 8px; height: 30px; min-width: 130px; }
+.fb .form-control { padding-right: 8px; }
+.fb-sep { width: 1px; height: 30px; background: #dee2e6; flex-shrink: 0; }
+/* Bootstrap 3 adds margin-top/bottom: 10px to .checkbox — override inside filter bar */
+.fb .checkbox { margin: 0 !important; }
+.fb .checkbox label { margin-bottom: 0; font-size: 12px; font-weight: 400; cursor: pointer;
+    display: flex; align-items: center; gap: 4px; white-space: nowrap; }
+.fb .form-group { margin-top: 0 !important; }
+
+/* ── Bulk bar ── */
+.bulk-bar { background: var(--ao); color: #fff; border-radius: 8px; padding: 10px 16px;
+    margin-bottom: 12px; display: flex; justify-content: space-between; align-items: center; font-size: 13px; }
+.bulk-bar .btn { font-size: 11px; }
+
+/* ── Product card ── */
+.pr { background: #fff; border: 1px solid #dee2e6; border-radius: 8px; margin-bottom: 10px;
+    padding: 14px 16px; transition: box-shadow .15s; }
+.pr:hover { box-shadow: 0 2px 8px rgba(0,0,0,.06); }
+.pr-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: 10px; }
+.pr-left { display: flex; align-items: flex-start; gap: 10px; flex-shrink: 0; max-width: 300px; }
+.pr-name { font-size: 15px; font-weight: 600; color: var(--ao); margin: 2px 0; line-height: 1.3; }
+.pr-sub { font-size: 11px; color: #6c757d; word-break: break-all; }
+.pr-center { display: flex; flex-direction: column; gap: 4px; flex: 1; min-width: 0; }
+.pr-intervals { display: flex; gap: 8px; flex-wrap: wrap; }
+.pr-int { font-size: 11px; padding: 3px 10px; border-radius: 4px; border: 1px solid #dee2e6;
+    color: #495057; background: #f8f9fa; white-space: nowrap; }
+.pr-int.active { border-color: #198754; color: #198754; background: #e8f5e9; font-weight: 600; }
+.pr-int.future { border-color: #0d6efd; color: #0d6efd; background: #e7f1ff; }
+.pr-int.past   { border-color: #dee2e6; color: #adb5bd; background: #f8f9fa; text-decoration: line-through; }
+.pr-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
+.score-inline { display: flex; align-items: center; gap: 5px; font-size: 12px; white-space: nowrap; }
+.sc-stars { display: inline-flex; gap: 1px; font-size: 12px; }
+.sc-stars i { color: #dee2e6; }
+.sc-stars i.on { color: #ffc107; }
+
+/* ── Label chips ── */
+.ch { display: inline-block; font-size: 10px; padding: 2px 8px; border-radius: 4px; font-weight: 600;
+    margin: 1px 2px; border: 1px solid transparent; position: relative; }
+.ch-off  { background: #e8f5e9; color: #2e7d32; border-color: #c8e6c9; }
+.ch-site { background: #e3f2fd; color: #1565c0; border-color: #bbdefb; }
+.ch-mp   { background: #fce4ec; color: #c62828; border-color: #f8bbd0; }
+.ch-1p   { background: #fff8e1; color: #f57f17; border-color: #ffecb3; }
+.ch.ed { cursor: default; }
+.ch-rm { display: none; position: absolute; top: -4px; right: -4px; width: 13px; height: 13px;
+    border-radius: 50%; background: #dc3545; color: #fff; border: none; font-size: 8px;
+    line-height: 13px; text-align: center; cursor: pointer; padding: 0; }
+.ch.ed:hover .ch-rm { display: block; }
+
+/* ── Concept chips ── */
+.concept { display: inline-block; font-size: 10px; padding: 2px 8px; border-radius: 4px; font-weight: 500;
+    margin: 1px 2px; background: #f3e8ff; color: #7c3aed; border: 1px dashed #d8b4fe; }
+
+/* ── Bottom of card ── */
+.lbl-title { font-size: 10px; color: #6c757d; text-transform: uppercase; letter-spacing: .3px;
+    display: block; margin-bottom: 3px; }
+.btn-pr-edit { font-size: 11px; padding: 4px 14px; color: #6c757d; border: 1px solid #dee2e6;
+    background: #fff; border-radius: 4px; cursor: pointer; white-space: nowrap; flex-shrink: 0; }
+.btn-pr-edit:hover { color: #495057; border-color: #adb5bd; background: #f8f9fa; }
+
+/* ── Score collapse block ── */
+.scb { margin-top: 8px; border-top: 1px solid #f0f0f0; }
+.scb-toggle { font-size: 11px; color: var(--cat); cursor: pointer; padding: 5px 0;
+    display: flex; align-items: center; gap: 6px; user-select: none; }
+.scb-toggle:hover { color: var(--ao); }
+.scb-toggle .scb-chevron { font-size: 9px; transition: transform .15s; }
+.scb-toggle.open .scb-chevron { transform: rotate(90deg); }
+.scb-content { display: none; padding: 4px 0; }
+.scb-row { display: flex; justify-content: space-between; align-items: center; padding: 3px 0;
+    font-size: 11px; border-bottom: 1px solid #f5f5f5; }
+.scb-row:last-child { border-bottom: none; }
+.scb-name { color: var(--ao); font-weight: 600; font-size: 11px; }
+.scb-comment { font-size: 10px; color: #6c757d; font-style: italic; padding: 1px 0 3px; }