/* ── Планшет: пульт задачи ─────────────────────────────────── */
.tbl-root{max-width:860px;padding:0 0 48px}
.tbl-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}
.tbl-label{font-size:11px;font-weight:700;letter-spacing:.10em;text-transform:uppercase;color:rgba(168,185,210,.45)}
.tbl-sub{font-size:11px;font-weight:600;padding:2px 8px;border-radius:5px;background:rgba(74,158,255,.08);border:1px solid rgba(74,158,255,.18);color:#4a9eff}

/* Поле команды */
.tbl-input-zone{display:flex;flex-direction:column;gap:12px}
.tbl-cmd-wrap{position:relative;border-top:2px solid rgba(74,158,255,.35);background:#0c0d10;border-radius:0 0 10px 10px;transition:border-color 180ms,background 180ms}
.tbl-cmd-wrap:focus-within{border-top-color:#4a9eff;background:#111318;box-shadow:0 0 0 1px #2e3a4e}
.tbl-cmd-bar{height:0}
.tbl-cmd-input{width:100%;background:transparent;border:none;outline:none;padding:20px 52px 20px 20px;font-family:inherit;font-size:15px;color:#e2e8f0;line-height:1.6;resize:none;min-height:80px}
.tbl-cmd-input::placeholder{color:#3a4155}
.tbl-cmd-send{position:absolute;right:14px;bottom:14px;width:32px;height:32px;border-radius:50%;background:#4a9eff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:background 150ms,transform 150ms}
.tbl-cmd-send:hover{background:#6ab4ff;transform:scale(1.08)}
.tbl-hints{display:flex;gap:7px;flex-wrap:wrap}
.tbl-hint{background:rgba(255,255,255,.03);border:1px solid #1e2025;border-radius:20px;padding:5px 12px;font-size:12px;color:rgba(168,185,210,.6);cursor:pointer;font-family:inherit;transition:border-color 150ms,color 150ms}
.tbl-hint:hover{border-color:#2e3a4e;color:#e2e8f0}

/* Анализ */
.tbl-analyzing{display:flex;flex-direction:column;gap:10px}
.tbl-task-compact{background:#0c0d10;border-radius:8px;padding:10px 16px}
.tbl-task-compact-text{font-size:14px;font-weight:500;color:#8b95a8}
.tbl-analyzing-row{display:flex;align-items:center;gap:10px;padding:4px 0}
.tbl-analyzing-text{font-size:13px;color:#8b95a8}
.tbl-dot-pulse{width:7px;height:7px;border-radius:50%;background:#4a9eff;animation:tbl-pulse 1.4s ease-in-out infinite}
@keyframes tbl-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}

/* Секции (что поняли / что будет) */
.tbl-plan-zone{display:flex;flex-direction:column;gap:10px}
.tbl-task-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#0c0d10;border-radius:8px;padding:9px 14px;margin-bottom:4px}
.tbl-task-bar-text{font-size:13px;font-weight:500;color:#8b95a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tbl-task-bar-edit{background:none;border:none;color:rgba(168,185,210,.4);cursor:pointer;font-size:14px;flex-shrink:0;padding:0 2px;transition:color 150ms}
.tbl-task-bar-edit:hover{color:#e2e8f0}
.tbl-section{display:flex;gap:0;background:#0c0d10;border-radius:8px;overflow:hidden}
.tbl-section-accent{width:2px;flex-shrink:0;background:#4a9eff}
.tbl-section-body{padding:14px 16px;flex:1}
.tbl-section-label{font-size:10px;font-weight:700;letter-spacing:.10em;text-transform:uppercase;color:rgba(168,185,210,.4);margin-bottom:8px}
.tbl-understood-text{font-size:14px;color:#c8d3e8;line-height:1.65}
.tbl-understood-text strong{color:#e2e8f0;font-weight:600}
.tbl-dlist{list-style:none;display:flex;flex-direction:column;gap:9px}
.tbl-ditem{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#c8d3e8;line-height:1.45}
.tbl-dcheck{width:16px;height:16px;border-radius:4px;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.25);color:#22c55e;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}

/* Режим */
.tbl-modes{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.tbl-mode{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#0c0d10;border:1px solid #1e2025;border-radius:8px;padding:13px 16px;cursor:pointer;text-align:left;font-family:inherit;transition:border-color 160ms,background 160ms;position:relative}
.tbl-mode:hover{border-color:#2e3a4e}
.tbl-mode.on{border-color:#2e3a4e;background:#111318;border-left:2px solid #4a9eff}
.tbl-mode-left{flex:1}
.tbl-mode-name{font-size:14px;font-weight:600;color:#e2e8f0;margin-bottom:2px}
.tbl-mode-desc{font-size:12px;color:#8b95a8}
.tbl-mode-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.tbl-mode-price{font-size:13px;font-weight:600;color:#8b95a8}
.tbl-mode-check{font-size:12px;color:#4a9eff;font-weight:700;width:16px;text-align:center}
.tbl-mode:not(.on) .tbl-mode-check{opacity:0}

/* Подварианты */
.tbl-custom-opts{background:#0c0d10;border-radius:8px;padding:12px 16px;display:flex;flex-direction:column;gap:8px;border:1px solid #1e2025}
.tbl-radio-row{display:flex;align-items:center;gap:10px;cursor:pointer;padding:4px 0}
.tbl-radio{accent-color:#4a9eff;width:14px;height:14px;flex-shrink:0}
.tbl-radio-name{font-size:13px;color:#c8d3e8;flex:1}
.tbl-radio-meta{font-size:11px;color:#8b95a8}
.tbl-toggle-row{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid #1e2025;margin-top:4px}
.tbl-toggle-label{font-size:12px;color:#8b95a8}

/* Свитч */
.tbl-sw{position:relative;display:inline-flex;align-items:center;gap:7px;cursor:pointer}
.tbl-sw-input{position:absolute;opacity:0;width:0;height:0}
.tbl-sw-track{width:32px;height:18px;border-radius:9px;background:#1e2025;border:1px solid #2e3a4e;transition:background 180ms;flex-shrink:0;position:relative}
.tbl-sw-track::after{content:'';position:absolute;left:2px;top:2px;width:12px;height:12px;border-radius:50%;background:#8b95a8;transition:transform 180ms,background 180ms}
.tbl-sw-input:checked~.tbl-sw-track{background:#4a9eff;border-color:#4a9eff}
.tbl-sw-input:checked~.tbl-sw-track::after{transform:translateX(14px);background:#fff}
.tbl-sw-lbl{font-size:11px;color:#8b95a8}

/* CTA */
.tbl-cta{display:flex;align-items:center;gap:10px;margin-top:8px}
.tbl-btn-launch{flex:1;height:44px;background:#f59e0b;color:#0a0800;font-family:inherit;font-size:14px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background 160ms,transform 160ms}
.tbl-btn-launch:hover{background:#fbbf24;transform:translateY(-1px)}
.tbl-btn-launch:active{transform:none}
.tbl-btn-cancel{background:none;border:none;font-family:inherit;font-size:13px;color:#3a4155;cursor:pointer;padding:0 8px;transition:color 150ms}
.tbl-btn-cancel:hover{color:#8b95a8}

/* Трекер шагов */
.tbl-running-zone{display:flex;flex-direction:column;gap:0}
.tbl-track-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.tbl-track-title{font-size:14px;font-weight:600;color:#e2e8f0}
.tbl-mode-sw{margin-left:auto}
.tbl-track{display:flex;flex-direction:column;position:relative}
.tbl-track::before{content:'';position:absolute;left:9px;top:20px;bottom:20px;width:1px;background:#1e2025;z-index:0}
.tbl-step{display:flex;align-items:flex-start;gap:14px;padding:10px 0;position:relative;border-radius:8px;transition:background 200ms}
.tbl-step.active{background:#0f1014;padding:10px 12px;margin:0 -12px}
.tbl-step-dot{width:20px;height:20px;border-radius:50%;border:1.5px solid #2e3a4e;background:#060608;flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center;font-size:10px;position:relative;z-index:1;transition:border-color 200ms,background 200ms}
.tbl-step.active .tbl-step-dot{border-color:#4a9eff;animation:tbl-step-pulse 1.6s ease-in-out infinite}
.tbl-step.done .tbl-step-dot{border-color:#22c55e;background:rgba(34,197,94,.1);color:#22c55e}
.tbl-step.blocked .tbl-step-dot{border-color:#f59e0b}
@keyframes tbl-step-pulse{0%,100%{box-shadow:0 0 0 0 rgba(74,158,255,.4)}60%{box-shadow:0 0 0 5px rgba(74,158,255,0)}}
.tbl-step-body{flex:1}
.tbl-step-name{font-size:14px;font-weight:500;color:#c8d3e8}
.tbl-step.active .tbl-step-name{color:#e2e8f0;font-weight:600}
.tbl-step.done .tbl-step-name{color:#8b95a8}
.tbl-step-hint{font-size:12px;color:#8b95a8;margin-top:2px}
.tbl-step-status{font-size:11px;color:#8b95a8;margin-top:1px;min-width:80px;text-align:right}
.tbl-step.active .tbl-step-status{color:#4a9eff}
.tbl-step.done .tbl-step-status{color:#22c55e}
.tbl-btn-next{margin-top:16px;height:40px;padding:0 24px;background:none;border:1px solid #2e3a4e;border-radius:8px;color:#4a9eff;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:border-color 150ms,background 150ms}
.tbl-btn-next:hover{border-color:#4a9eff;background:rgba(74,158,255,.06)}

/* Готово */
.tbl-done-row{display:flex;align-items:center;gap:10px;padding:16px 0 12px}
.tbl-done-check{width:28px;height:28px;border-radius:50%;background:rgba(34,197,94,.1);border:1.5px solid rgba(34,197,94,.3);color:#22c55e;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tbl-done-text{font-size:16px;font-weight:600;color:#22c55e}
.tbl-artifact{background:#0c0d10;border:1px solid #1e2025;border-radius:8px;padding:14px 16px;font-size:13px;color:#c8d3e8;line-height:1.7;white-space:pre-wrap;max-height:300px;overflow-y:auto;margin-bottom:12px}
.tbl-btn-result{display:inline-flex;align-items:center;height:40px;padding:0 20px;background:#111318;border:1px solid #2e3a4e;border-radius:8px;color:#e2e8f0;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;transition:border-color 150ms;margin-right:8px;margin-bottom:8px}
.tbl-btn-result:hover{border-color:#4a9eff}

@media(max-width:600px){.tbl-root{padding-bottom:32px}.tbl-cta{flex-direction:column}.tbl-btn-launch{width:100%}.tbl-track::before{left:9px}}