/* «Правила бота», «Тексты бота», «История изменений» (welcome-rules.js).
   Цвета только из --ov-* (welcome-next.css), поэтому тёмная тема работает сама. Вид как у «Скорости и нагрузки». */
.wru{display:grid;gap:16px;max-width:1100px;min-width:0}
.wru[hidden]{display:none}
.wru h3{margin:0 0 8px;font-size:16px}
.wru h4{margin:0;font-size:14.5px;line-height:1.35;color:var(--ov-text)}
.wru h5{margin:12px 0 6px;font-size:13px;color:var(--ov-text)}
.wru p{margin:0 0 8px;font-size:14px;line-height:1.5;color:var(--ov-text)}
.wru .wn-muted{color:var(--ov-muted);font-size:13px}
.wru-box{display:grid;gap:10px;min-width:0}
.wru-box-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.wru-box-head h3{margin:0}
/* Полоса публикации */
.wru-strip{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 16px;border:1px solid var(--ov-line);border-left:4px solid var(--ov-accent);border-radius:12px;background:var(--ov-surface);font-size:14px;line-height:1.45;color:var(--ov-text)}
.wru-strip.warn{border-left-color:var(--ov-warn)}
.wru-strip>span{flex:1 1 280px;min-width:0}
.wru-strip .c-dot{width:9px;height:9px;border-radius:50%;background:var(--ov-accent);flex:none}
.wru-strip.warn .c-dot{background:var(--ov-warn)}
.wru-status{margin:0;font-size:13px;color:var(--ov-muted);min-height:0}
.wru-status:empty{display:none}
.wru-status[data-state=error]{color:var(--ov-bad)}
/* Карточки правил */
.wru-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.wru-list{display:grid;gap:12px}
.wru-card{display:grid;gap:8px;align-content:start;padding:14px 16px;border:1px solid var(--ov-line);border-radius:12px;background:var(--ov-surface);min-width:0}
.wru-card.off{background:color-mix(in srgb,var(--ov-text) 3%,var(--ov-surface))}
.wru-card.off h4{color:var(--ov-muted)}
.wru-card p{margin:0;font-size:13.5px}
.wru-card-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.wru-badge,.wru-kind-tag{display:inline-block;padding:2px 9px;border-radius:99px;font-size:12px;font-weight:600;line-height:1.5}
.wru-badge{color:var(--ov-warn);background:color-mix(in srgb,var(--ov-warn) 14%,var(--ov-surface))}
.wru-kind-tag{color:var(--ov-accent);background:color-mix(in srgb,var(--ov-accent) 12%,var(--ov-surface))}
.wru-facts{display:grid;gap:6px;margin:0;font-size:13px}
.wru-facts>div{display:grid;grid-template-columns:minmax(110px,150px) minmax(0,1fr);gap:8px}
.wru-facts dt{color:var(--ov-muted)}
.wru-facts dd{margin:0;color:var(--ov-text);overflow-wrap:anywhere}
.wru-text{white-space:pre-wrap}
.wru-locked,.wru-state{margin:0;font-size:12.5px;color:var(--ov-muted)}
.wru-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.wru-switch{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ov-text);cursor:pointer}
.wru-switch input{width:18px;height:18px;margin:0;accent-color:var(--ov-accent)}
.wru .support-btn.danger{color:var(--ov-bad)}
/* Проверка на вопросе */
.wru-check-form{display:flex;gap:8px;align-items:flex-start}
.wru-check-form textarea{flex:1;min-width:0}
.wru-result{display:grid;gap:6px;padding:12px 14px;border-radius:10px;background:color-mix(in srgb,var(--ov-text) 4%,var(--ov-surface))}
.wru-summary{font-weight:650}
.wru-details{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:13px}
.wru-details li{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;padding:6px 8px;border-radius:8px;color:var(--ov-muted)}
.wru-details li b{color:var(--ov-text)}
.wru-details li.hit{background:color-mix(in srgb,var(--ov-accent) 10%,var(--ov-surface));color:var(--ov-text)}
/* Форма своего правила */
.wru-form{display:grid;gap:12px;padding:16px;border:1px solid var(--ov-accent);border-radius:12px;background:var(--ov-surface)}
.wru-form fieldset{display:grid;gap:10px;margin:0;padding:0;border:0;min-width:0}
.wru-form legend{padding:0;margin-bottom:6px;font-size:13px;font-weight:650;color:var(--ov-text)}
.wru-form label{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--ov-text);min-width:0}
.wru-form label[hidden]{display:none}
.wru-form input:not([type=radio]):not([type=checkbox]),.wru-form textarea,.wru-check-form textarea,.wru-texts textarea{width:100%;box-sizing:border-box;font:inherit;font-weight:400}
.wru-form small{font-weight:400;color:var(--ov-muted);font-size:12px}
.wru-kinds{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}
.wru-kind,.wru-seg label{position:relative;display:grid;gap:4px;padding:10px 12px 10px 36px;border:1px solid var(--ov-line);border-radius:10px;cursor:pointer}
.wru-kind input,.wru-seg input{position:absolute;left:12px;top:12px;margin:0;accent-color:var(--ov-accent)}
.wru-kind span,.wru-seg span{font-weight:400;font-size:12.5px;color:var(--ov-muted);line-height:1.4}
.wru-kind:has(input:checked),.wru-seg label:has(input:checked){border-color:var(--ov-accent);background:color-mix(in srgb,var(--ov-accent) 8%,var(--ov-surface))}
.wru-seg{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.wru-form .wru-check{display:flex;align-items:center;gap:8px}
.wru-form-error{margin:0;color:var(--ov-bad);font-size:13px}
/* Тексты бота */
.wru-texts{gap:16px}
.wru-text-field{display:grid;gap:6px;padding-bottom:14px;border-bottom:1px solid var(--ov-line)}
.wru-text-field label{font-size:13.5px;font-weight:650;color:var(--ov-text)}
.wru-default{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px 12px;font-size:12.5px;color:var(--ov-muted);line-height:1.45}
.wru-default span{flex:1 1 260px;min-width:0}
.wru-live{margin:0;font-size:12.5px;color:var(--ov-warn)}
/* История изменений */
.wru-history{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.wru-version{display:grid;gap:8px;padding:14px 16px;border:1px solid var(--ov-line);border-radius:12px}
.wru-changes{margin:0;padding-left:18px;display:grid;gap:4px;font-size:13px;line-height:1.45;color:var(--ov-text);overflow-wrap:anywhere}
.wru-snapshot{display:grid;gap:6px;margin:4px 0 0;padding:12px 14px;border-radius:10px;background:color-mix(in srgb,var(--ov-text) 4%,var(--ov-surface));font-size:13px}
.wru-snapshot>div{display:grid;grid-template-columns:minmax(140px,220px) minmax(0,1fr);gap:10px}
.wru-snapshot dt{color:var(--ov-muted)}
.wru-snapshot dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ov-text)}
@media(max-width:760px){
 .wru-grid{grid-template-columns:1fr}
 .wru-facts>div,.wru-snapshot>div{grid-template-columns:1fr;gap:2px}
 .wru-check-form{flex-direction:column;align-items:stretch}
 .wru-card,.wru-form,.wru-version{padding:12px}
}
/* Перекрытые тексты, подпись «Передать оператору» без оператора, правило из «Разбора ответов», история: «применено сразу», файл настроек */
.wru-override{margin:6px 0 0;font-size:12px;color:var(--ov-muted)}
.wru-override a{color:var(--ov-accent);font-weight:600}
.wru-kind-sub{display:block;margin:4px 0 0;font-size:12px;color:var(--ov-muted);font-weight:400}
.wru-badge.wru-origin{color:var(--ov-purple);background:color-mix(in srgb,var(--ov-purple) 13%,var(--ov-surface))}
.wru-badge.wru-immediate{color:var(--ov-warn);background:color-mix(in srgb,var(--ov-warn) 14%,var(--ov-surface))}
.wru-badge.wru-current{color:var(--ov-accent);background:color-mix(in srgb,var(--ov-accent) 12%,var(--ov-surface))}
.wru-version.immediate{border-style:dashed}
.wru-io #wru-import-result:not(:empty){margin-top:10px;font-size:13px}