/* «Управление и статус» — пульт управления ботом (Этап 1). Переиспользует rs-* каркас
   (rs-wrap/rs-card/rs-card-h/rs-table/rs-empty/rs-reveal из resume-search.css) и токены дашборда
   (--blue/--stroke/--red/--green). Здесь — только адресные ops-* добавки. */

.ops-wrap{max-width:1000px;margin:0 auto;padding:22px;gap:14px}

/* Шапка экрана */
.ops-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:2px}
.ops-title{font-size:22px;margin:0 0 4px;letter-spacing:-.02em;color:#0f172a}
.ops-sub{margin:0;color:#68778b;line-height:1.5;max-width:640px;font-size:13.5px}
.ops-refresh{border:1px solid var(--stroke,#e2e7f0);background:#fff;border-radius:10px;padding:9px 15px;color:#344154;font-weight:650;font:inherit;cursor:pointer;white-space:nowrap;flex:0 0 auto;transition:background .15s}
.ops-refresh:hover{background:#f3f7ff}
.ops-refresh:disabled{opacity:.6;cursor:default}

/* ── Светофор ── */
.ops-lamp{display:flex;align-items:center;gap:14px;border-radius:16px;padding:16px 20px;border:1px solid;box-shadow:0 1px 2px rgba(16,24,40,.03)}
.ops-lamp .ops-dot{width:16px;height:16px;border-radius:50%;flex:0 0 auto;position:relative}
.ops-lamp-txt{flex:1;min-width:0}
.ops-lamp-txt b{display:block;font-size:16px;color:#0f172a;line-height:1.3}
.ops-lamp-txt span{display:block;font-size:13px;color:#5d6a7c;margin-top:2px;line-height:1.4}
.ops-updated{font-size:12px;color:#94a3b8;white-space:nowrap;flex:0 0 auto;align-self:flex-start}
.ops-lamp--green{background:#f0fbf4;border-color:#bfe6cf}
.ops-lamp--green .ops-dot{background:#1a9e5c;box-shadow:0 0 0 4px rgba(26,158,92,.16)}
.ops-lamp--amber{background:#fff8ea;border-color:#f3e2b0}
.ops-lamp--amber .ops-dot{background:#d9822b;box-shadow:0 0 0 4px rgba(217,130,43,.16)}
.ops-lamp--red{background:#fff2f2;border-color:#f3cccc}
.ops-lamp--red .ops-dot{background:#d64545;box-shadow:0 0 0 4px rgba(214,69,69,.16)}
/* лёгкая пульсация «живого» индикатора */
.ops-lamp--green .ops-dot,.ops-lamp--red .ops-dot{animation:opsPulse 2.2s ease-in-out infinite}
@keyframes opsPulse{0%,100%{transform:scale(1)}50%{transform:scale(.82)}}
@media(prefers-reduced-motion:reduce){.ops-lamp--green .ops-dot,.ops-lamp--red .ops-dot{animation:none}}
.ops-lamp--skeleton{background:#f8fafc;border-color:#eef1f6}
.ops-lamp--skeleton .ops-dot{background:#e2e8f0}
.ops-lamp--skeleton .ops-lamp-txt b{color:#94a3b8}

/* ── Три плитки ── */
.ops-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ops-tile{border:1px solid #eef1f6;border-radius:16px;padding:16px 18px;background:#fff;display:flex;flex-direction:column;gap:2px;box-shadow:0 1px 2px rgba(16,24,40,.03)}
.ops-tile-l{font-size:12.5px;color:#65758a;font-weight:700}
.ops-tile-b{font-size:26px;font-weight:750;color:#0f172a;letter-spacing:-.02em;line-height:1.15;margin:2px 0}
.ops-tile-s{font-size:12px;font-weight:700}
.ops-tile-n{font-size:12px;color:#94a3b8;line-height:1.35}
.ops-tile--ok{background:#f0fbf4;border-color:#d7efe0}
.ops-tile--ok .ops-tile-s{color:#1a9e5c}
.ops-tile--amber{background:#fff8ea;border-color:#f0e2b8}
.ops-tile--amber .ops-tile-s{color:#9a6500}
.ops-tile--red{background:#fff2f2;border-color:#f3cccc}
.ops-tile--red .ops-tile-b{color:#b42318}
.ops-tile--muted{background:#f8fafc;border-color:#eef1f6}
.ops-tile--muted .ops-tile-b{color:#94a3b8}
.ops-tile--skeleton{background:#f8fafc}
.ops-sk-line{height:12px;border-radius:6px;width:60%;background:linear-gradient(90deg,#f1f5f9 25%,#e8edf3 37%,#f1f5f9 63%);background-size:400% 100%;animation:opsSk 1.3s ease infinite}
.ops-sk-big{height:26px;border-radius:8px;width:44%;margin-top:8px;background:linear-gradient(90deg,#f1f5f9 25%,#e8edf3 37%,#f1f5f9 63%);background-size:400% 100%;animation:opsSk 1.3s ease infinite}
.ops-sk-row{height:34px;border-radius:10px;margin-top:10px;background:linear-gradient(90deg,#f1f5f9 25%,#e8edf3 37%,#f1f5f9 63%);background-size:400% 100%;animation:opsSk 1.3s ease infinite}
@keyframes opsSk{0%{background-position:100% 0}100%{background-position:-100% 0}}

/* ── Ленты (таблицы поверх rs-table) ── */
.ops-table{font-size:13.5px}
.ops-table td{vertical-align:top}
.ops-reason{display:block;color:#94a3b8;font-size:12px;margin-top:3px}
.ops-time{color:#94a3b8;white-space:nowrap}
.ops-more{margin-top:10px}

/* Бейджи исхода */
.ops-badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;white-space:nowrap}
.ops-badge--ok{background:#e9f7ef;color:#1a9e5c}
.ops-badge--amber{background:#fff3d6;color:#9a6500}
.ops-badge--muted{background:#f1f5f9;color:#64748b}
.ops-badge--red{background:#fdecea;color:#b42318}

/* ── Тренд ── */
.ops-trend{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ops-trend-cell{border:1px solid #eef1f6;border-radius:12px;padding:12px 14px;background:#fbfdff}
.ops-trend-cell span{display:block;font-size:12px;color:#65758a;font-weight:600}
.ops-trend-cell b{display:block;font-size:22px;font-weight:750;color:#0f172a;margin-top:5px;letter-spacing:-.02em}
.ops-trend-dir{font-size:14px!important}
.ops-trend-dir--up{color:#1a9e5c}
.ops-trend-dir--down{color:#d64545}
.ops-trend-ok{background:#f0fbf4;border-color:#d7efe0}
.ops-trend-amber{background:#fff8ea;border-color:#f0e2b8}
.ops-trend-red{background:#fff2f2;border-color:#f3cccc}

/* ── Режим работы ── */
.ops-mode{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.ops-mode-state{display:flex;align-items:center;gap:12px}
.ops-mode-dot{width:12px;height:12px;border-radius:50%;flex:0 0 auto}
.ops-mode-state--work .ops-mode-dot{background:#1a9e5c;box-shadow:0 0 0 3px rgba(26,158,92,.16)}
.ops-mode-state--test .ops-mode-dot{background:#d9822b;box-shadow:0 0 0 3px rgba(217,130,43,.16)}
.ops-mode-state b{display:block;font-size:15px;color:#0f172a}
.ops-mode-state span{display:block;font-size:12.5px;color:#5d6a7c;margin-top:2px}
.ops-mode-act{display:inline-flex;border:1px solid var(--stroke,#e2e7f0);border-radius:12px;overflow:hidden;flex:0 0 auto}
.ops-seg{border:0;background:#fff;color:#475467;font:inherit;font-weight:700;font-size:13.5px;padding:10px 20px;cursor:pointer;transition:background .15s,color .15s}
.ops-seg+.ops-seg{border-left:1px solid var(--stroke,#e2e7f0)}
.ops-seg:hover{background:#f3f7ff}
.ops-seg.is-on{background:#eef4ff;color:#1d4ed8}
.ops-seg--work.is-on{background:#e9f7ef;color:#158a4c}
.ops-seg:disabled{opacity:.6;cursor:default}
.ops-note{margin-top:12px;border-radius:12px;padding:11px 14px;font-size:12.5px;line-height:1.45;font-weight:600}
.ops-note--warn{background:#fff8ea;color:#9a6500;border:1px solid #f3e2b0}
.ops-note--info{background:#eef4ff;color:#1e429f;border:1px solid #cdddfb;margin-top:0;margin-bottom:12px}

/* ── Настройки отправки ── */
.ops-send-row{align-items:flex-start}
.ops-send-row small{line-height:1.4}
.ops-src{color:#94a3b8;font-style:normal;font-size:11.5px}
/* Список разрешённых */
.ops-allow-list{display:flex;flex-direction:column;gap:8px;margin:2px 0 12px}
.ops-allow-row{display:flex;align-items:center;gap:10px;border:1px solid #eef1f6;border-radius:12px;padding:9px 12px;background:#fbfdff}
.ops-allow-who{flex:1;min-width:0}
.ops-allow-who b{display:block;font-size:14px;color:#0f172a;line-height:1.25}
.ops-allow-who small{color:#94a3b8;font-size:12px}
.ops-allow-del{border:1px solid #f3cccc;background:#fff2f2;color:#b42318;width:28px;height:28px;border-radius:8px;font-size:18px;line-height:1;cursor:pointer;flex:0 0 auto;transition:background .15s}
.ops-allow-del:hover{background:#fde3e3}
.ops-allow-del:disabled{opacity:.5;cursor:default}
.ops-allow-add{display:flex;gap:8px;margin-bottom:4px}
.ops-allow-input{flex:1;min-width:0;border:1px solid var(--stroke,#e2e7f0);border-radius:10px;padding:9px 12px;font:inherit;font-size:13.5px;color:#0f172a}
.ops-allow-input:focus{outline:none;border-color:#93b4f7;box-shadow:0 0 0 3px rgba(59,130,246,.12)}
/* Числовые лимиты реанимации */
.ops-reanim-nums{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:12px}
.ops-num{display:flex;flex-direction:column;gap:4px}
.ops-num span{font-size:11.5px;color:#65758a;font-weight:600}
.ops-num input{width:96px;border:1px solid var(--stroke,#e2e7f0);border-radius:10px;padding:9px 11px;font:inherit;font-size:14px;color:#0f172a}
.ops-num input:focus{outline:none;border-color:#93b4f7;box-shadow:0 0 0 3px rgba(59,130,246,.12)}
.ops-reanim-save{border-radius:10px}

/* ── «Подробнее для разработчика» ── */
.ops-details{border:1px solid #eef1f6;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 1px 2px rgba(16,24,40,.03)}
.ops-details>summary{list-style:none;cursor:pointer;padding:16px 20px;font-weight:650;font-size:14px;color:#334155}
.ops-details>summary::-webkit-details-marker{display:none}
.ops-details>summary::before{content:'▸ ';color:#94a3b8}
.ops-details[open]>summary::before{content:'▾ '}
.ops-details-body{padding:0 20px 20px}
.ops-sub-h{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-weight:700;margin:16px 0 8px}
.ops-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ops-fact{border:1px solid #eef1f6;border-radius:12px;padding:11px 13px;background:#fbfdff}
.ops-fact span{display:block;font-size:11.5px;color:#94a3b8;font-weight:600}
.ops-fact b{display:block;font-size:15px;color:#0f172a;margin-top:4px;word-break:break-word}
.ops-fact small{display:block;font-size:11.5px;color:#8a93a5;margin-top:2px}
.ops-chips{display:flex;flex-wrap:wrap;gap:4px}
.ops-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600}
.ops-chip b{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block}
.ops-muted{color:#98a2b3}

/* Тумблеры функций (перенос из старой панели) */
.ops-ff-list{display:flex;flex-direction:column}
.ops-ff-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #eef2f7}
.ops-ff-master{border-top:0;padding-top:2px}
.ops-ff-row>span{flex:1}
.ops-ff-row b{display:block;font-size:14px;color:#0f172a}
.ops-ff-master b{font-size:15px}
.ops-ff-row small{color:#94a3b8;font-size:12.5px}
.ops-ff-hint{display:block;color:#94a3b8;font-size:12px;margin-top:10px;line-height:1.45}
.ops-ff{position:relative;width:44px;height:24px;border:none;border-radius:999px;cursor:pointer;transition:background .15s;flex:0 0 auto}
.ops-ff span{position:absolute;top:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .15s;box-shadow:0 1px 2px rgba(0,0,0,.3)}
.ops-ff:disabled{opacity:.6;cursor:default}

@media(max-width:860px){
  .ops-head{flex-direction:column}
  .ops-tiles,.ops-trend,.ops-facts{grid-template-columns:1fr}
  .ops-mode{flex-direction:column;align-items:stretch}
  .ops-mode-act{align-self:flex-start}
  .ops-table{display:block;overflow-x:auto}
}
