.tour-task-section{display:grid;gap:12px;padding:18px 20px;border-bottom:1px solid var(--border-subtle)}
.tour-task-section>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.tour-task-section h3{margin:2px 0 0;font-size:1.0625rem}
#tour-task-list{display:grid;gap:7px}
.tour-task-item .task-priority{width:8px;height:8px;border-radius:50%;background:var(--semantic-info)}
.tour-task-item .task-priority-high,.tour-task-item .task-priority-critical{background:var(--semantic-danger)}
.tour-task-item .task-priority-low{background:var(--semantic-inactive)}
.tour-task-item{display:grid;grid-template-columns:8px minmax(0,1fr) auto 16px;align-items:center;gap:11px;width:100%;padding:11px 12px;border:1px solid var(--border-subtle);border-radius:11px;background:#fff;color:var(--text-primary);text-align:left;cursor:pointer;transition:box-shadow .15s,transform .15s,border-color .15s}.tour-task-item:hover{border-color:rgba(255,104,29,.25);box-shadow:0 5px 16px rgba(24,34,53,.08);transform:translateY(-1px)}.tour-task-item>span{display:grid;min-width:0;gap:3px}.tour-task-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem}.tour-task-item small{color:var(--text-muted);font-size:.75rem}.tour-task-item b{color:var(--semantic-info);font-size:.75rem}.tour-task-item em{color:var(--text-muted);font-size:1rem;font-style:normal}.tour-task-item.is-overdue b{color:var(--semantic-danger)}.tour-task-item.is-completed,.tour-task-item.is-cancelled{background:var(--surface-soft);opacity:.62}.tour-task-item.is-completed strong{text-decoration:line-through}.tour-task-item.is-completed b{color:var(--semantic-success)}
/* Панель самой задачи (открытой из тура) переиспользует классы .deal-task-* — тот же
   HTML/CSS, что и панель задачи сделки/страницы «Задачи», см. deal-task-panel.css.
   Здесь только то, что у неё действительно своё: панель вложена в нативный <dialog>
   тура, поэтому z-index должен быть выше — задаём его по id (весомее любого класса). */
#tour-task-overlay{z-index:103}
#tour-task-panel{z-index:104}
@media(max-width:650px){.tour-task-item{grid-template-columns:7px minmax(0,1fr) 16px}.tour-task-item>b{grid-column:2}.tour-task-item>em{grid-column:3;grid-row:1/3}}