/* Статусы со значками и цветами (status-ui.js, 05.11.2026, запрос владельца: «для наглядности к статусам добавь иконки и выдели
   их разными подходящими цветами»): статусы построителя, состояния заказа 1С и стадии сделок Б24 и CRM. Тон - класс tc-<цвет>:
   --tc - текст, значок и рамка, --tb - фон, --tl - рамка. В светлых темах тона темнее (контраст мелкой подписи 11 px не ниже
   4,5:1 на белом), в темной - светлее. Подключается после style.css: перекрывает прежние цвета плашки 1С (.status.c1c.*). */
.tc-blue { --tc: #1d4ed8; --tb: rgba(29,78,216,.09); --tl: rgba(29,78,216,.35); }
.tc-violet { --tc: #6d28d9; --tb: rgba(109,40,217,.09); --tl: rgba(109,40,217,.35); }
.tc-sky { --tc: #0369a1; --tb: rgba(3,105,161,.09); --tl: rgba(3,105,161,.35); }
.tc-indigo { --tc: #4338ca; --tb: rgba(67,56,202,.09); --tl: rgba(67,56,202,.35); }
.tc-orange { --tc: #c2410c; --tb: rgba(194,65,12,.09); --tl: rgba(194,65,12,.35); }
.tc-amber { --tc: #b45309; --tb: rgba(180,83,9,.10); --tl: rgba(180,83,9,.38); }
.tc-ochre { --tc: #8a5a0b; --tb: rgba(138,90,11,.10); --tl: rgba(138,90,11,.38); }
.tc-green { --tc: #15803d; --tb: rgba(21,128,61,.10); --tl: rgba(21,128,61,.38); }
.tc-lime { --tc: #4d7c0f; --tb: rgba(77,124,15,.10); --tl: rgba(77,124,15,.38); }
.tc-red { --tc: #c62828; --tb: rgba(198,40,40,.08); --tl: rgba(198,40,40,.35); }
.tc-rose { --tc: #be123c; --tb: rgba(190,18,60,.08); --tl: rgba(190,18,60,.35); }
.tc-teal { --tc: #0f766e; --tb: rgba(15,118,110,.10); --tl: rgba(15,118,110,.38); }
.tc-cyan { --tc: #0e7490; --tb: rgba(14,116,144,.10); --tl: rgba(14,116,144,.38); }
.tc-slate { --tc: #475569; --tb: rgba(71,85,105,.08); --tl: rgba(71,85,105,.32); }
:root[data-theme="dark"] .tc-blue { --tc: #7cb0ff; --tb: rgba(96,165,250,.14); --tl: rgba(96,165,250,.45); }
:root[data-theme="dark"] .tc-violet { --tc: #b9a4ff; --tb: rgba(167,139,250,.14); --tl: rgba(167,139,250,.45); }
:root[data-theme="dark"] .tc-sky { --tc: #5cc8f5; --tb: rgba(56,189,248,.13); --tl: rgba(56,189,248,.42); }
:root[data-theme="dark"] .tc-indigo { --tc: #a3abff; --tb: rgba(129,140,248,.14); --tl: rgba(129,140,248,.45); }
:root[data-theme="dark"] .tc-orange { --tc: #ffa463; --tb: rgba(251,146,60,.14); --tl: rgba(251,146,60,.45); }
:root[data-theme="dark"] .tc-amber { --tc: #fcc43e; --tb: rgba(251,191,36,.13); --tl: rgba(251,191,36,.42); }
:root[data-theme="dark"] .tc-ochre { --tc: #e8c25a; --tb: rgba(232,194,90,.12); --tl: rgba(232,194,90,.4); }
:root[data-theme="dark"] .tc-green { --tc: #5fe08f; --tb: rgba(74,222,128,.13); --tl: rgba(74,222,128,.42); }
:root[data-theme="dark"] .tc-lime { --tc: #b2ea4f; --tb: rgba(163,230,53,.12); --tl: rgba(163,230,53,.4); }
:root[data-theme="dark"] .tc-red { --tc: #ff8080; --tb: rgba(248,113,113,.14); --tl: rgba(248,113,113,.45); }
:root[data-theme="dark"] .tc-rose { --tc: #ff8fa3; --tb: rgba(251,113,133,.14); --tl: rgba(251,113,133,.45); }
:root[data-theme="dark"] .tc-teal { --tc: #4fe0cc; --tb: rgba(45,212,191,.12); --tl: rgba(45,212,191,.42); }
:root[data-theme="dark"] .tc-cyan { --tc: #4ddcf2; --tb: rgba(34,211,238,.12); --tl: rgba(34,211,238,.42); }
:root[data-theme="dark"] .tc-slate { --tc: #aab6c8; --tb: rgba(148,163,184,.12); --tl: rgba(148,163,184,.4); }

.status.tone { display: inline-flex; align-items: center; gap: 4px; vertical-align: middle; color: var(--tc); background: var(--tb); border: 1px solid var(--tl); text-decoration: none; }
.status.tone svg { width: 13px; height: 13px; flex: none; fill: none; stroke: currentColor; stroke-width: 2.1; stroke-linecap: round; stroke-linejoin: round; }
.status.tone .src { margin-right: 1px; opacity: .7; font-weight: 800; }
a.status.tone.deal { cursor: pointer; }
@media (hover: hover) { a.status.tone.deal:hover { background: var(--tl); } }
a.status.tone.deal:focus-visible { outline: 2px solid var(--tl); outline-offset: 1px; }
/* плашка 1С строки «Объектов» (o1cHtml): прежние цвета .status.c1c.* перекрываются тоном */
.status.c1c.tone { font-family: inherit; line-height: inherit; }
.status.tone.c1c-mini { font-size: 11px; }

/* ссылки на сделки Б24 и CRM строкой под объектом */
.proj .sub.deal-links { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 6px; }
.deal-links a, .link1c-box .l1-row a:not(.status) { display: inline-flex; align-items: center; gap: 3px; color: var(--accent-ink); text-decoration: none; white-space: nowrap; }
@media (hover: hover) { .deal-links a:hover, .link1c-box .l1-row a:not(.status):hover { text-decoration: underline; } }
.deal-links svg, .link1c-box .l1-row a:not(.status) svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; }
.deal-links .sep { color: var(--dim); }

/* значок у поля «Статус» карточки клиента */
.st-pick { position: relative; }
.st-pick .st-ico { position: absolute; left: 9px; bottom: 9px; width: 18px; height: 18px; color: var(--tc); pointer-events: none; }
.st-pick .st-ico svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.st-pick select { padding-left: 34px; }

/* блок «Заказ 1С и сделки» карточки «Клиент и объект» */
.link1c-box { grid-column: 1 / -1; display: grid; gap: 6px; padding: 8px 10px; border: 1px solid var(--line2); border-radius: var(--r-sm); background: var(--surface2); }
.link1c-box .l1-head { display: flex; align-items: center; gap: 6px; font-weight: 700; }
.link1c-box .l1-head svg, .dlg h3 svg { width: 16px; height: 16px; fill: none; stroke: var(--accent-ink); stroke-width: 2.1; stroke-linecap: round; }
.link1c-box .l1-head .hint { margin-left: auto; font-weight: 400; }
.link1c-box .l1-row { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; font-size: 13px; }
.link1c-box .l1-find { display: flex; gap: 6px; }
.link1c-box .l1-find input { flex: 1; min-width: 0; }
.link1c-box .l1-find .btn svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; margin-right: 3px; }
.link1c-box .hint.err { color: var(--err); }
.l1-dlg p { margin: 0 0 10px; }
.l1-dlg p.l1-row { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; }