.task--rental{background:#f1edf4!important;border-left:3px solid #8b779a!important}
[data-theme="dark"] .task--rental{background:#302b35!important;border-left-color:#a18eb0!important}
.monitor-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}
.monitor-tools input,.monitor-tools select{width:150px;padding:9px 10px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--bg);color:var(--text)}
.monitor-sources{font-size:12px;margin:8px 0 14px}
/* ⚠️ Минимум колонки держит ряд кнопок карточки (п. 122): «Метки» и
   «Обработать» не должны уезжать на вторую строку. Замерено 26.10.2026:
   самый длинный ряд («myhome.ge | Метки | Обработать») требует 183 px,
   260 px дают запас на крупный шрифт и масштаб страницы. `auto-fill`
   сам убавляет число столбцов: не влезает пять — станет четыре, не
   влезает четыре — три. */
.monitor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;margin-bottom:12px}
.monitor-card{display:flex;flex-direction:column;gap:5px;padding:10px;min-width:0;overflow-wrap:anywhere;font-size:12px;line-height:1.3}
.monitor-grid>.monitor-card{margin:0}
.monitor-grid>.monitor-card--published{border:2px solid #38865a;box-shadow:inset 0 0 0 1px color-mix(in srgb,#38865a 15%,transparent)}
.monitor-labels{display:grid;gap:8px}.monitor-labels label{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--line);border-radius:8px}
.monitor-labels input{width:18px;height:18px;min-height:18px;flex:none}.monitor-labels small{display:block;font-size:11px}.monitor-note-status{color:var(--danger)}
.monitor-card .actions{margin:0;padding:0;border:0;gap:4px;flex-wrap:nowrap}
.monitor-card .actions .btn{font-size:11px;padding:5px 7px;min-height:28px}
.monitor-footer{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:auto;padding-top:3px;flex-wrap:nowrap;min-width:0}
.monitor-footer time{font-size:10px;color:var(--text2);white-space:nowrap;font-variant-numeric:tabular-nums}
.monitor-card .monitor-site{padding:4px;width:28px;height:28px;display:grid;place-items:center;box-sizing:border-box}
.monitor-site svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.monitor-grid .monitor-photo{aspect-ratio:16/7;border-radius:6px}
.monitor-card>b{line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.monitor-card .btn--main{background:var(--text);color:var(--bg);border-color:var(--text)}
.monitor-facts{display:flex;gap:6px;flex-wrap:wrap;font-size:12px;line-height:1.25}
@media(max-width:600px){.monitor-grid{grid-template-columns:1fr;gap:8px}.monitor-tools{gap:6px}.monitor-tools input,.monitor-tools select,.monitor-tools .hq-select-trigger{width:calc(50% - 3px);min-width:0;padding:7px}.monitor-card{padding:9px}.monitor-grid .monitor-photo{max-height:130px}.aq-tools .work-field{min-width:180px}}

.monitor-label-preview{display:flex;gap:4px;flex-wrap:nowrap;height:22px;min-height:22px;align-items:center;margin:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.monitor-label-icon{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;padding:2px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--text);cursor:help}
.monitor-label-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.monitor-label-icon:focus-visible{outline:2px solid var(--text);outline-offset:2px}
.crm-deal-link{color:inherit;text-decoration:none;cursor:pointer}
.crm-deal-link:focus-visible{outline:2px solid var(--text);outline-offset:3px;border-radius:4px}
a.ritem.crm-deal-link{display:block}