/* Экран сервиса (service.js): тёплый светлый стиль мастерской, один экран — граф, попробовать, дешевеет. */
.sv{--agent:#e87559;--agent-p:#fbe9e2;--code:#3f8f7a;--code-p:#e3f1ec;--jev:#6c63c7;--jev-p:#ecebf8;max-width:1240px}
.sv-loading{display:grid;place-items:center;min-height:300px}
.sv-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px}
.sv-back{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-weight:600;font-size:13px;margin-bottom:6px}
.sv-back .icon{width:16px;height:16px}
.sv-head h1{font-size:28px;font-weight:800;letter-spacing:-.6px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sv-chip{font-size:11.5px;font-weight:700;letter-spacing:0;padding:3px 10px;border-radius:999px;background:#efeee8;color:#6b6c65}
.sv-chip.published,.sv-chip.live{background:var(--code-p);color:var(--code)}
.sv-chip.changes{background:#fbf0d9;color:#8a5a00}
.sv-chip.st-restart{background:#fbf0d9;color:#8a5a00}
.sv-try-note{margin:-4px 0 8px}
.sv-desc{color:var(--muted);margin-top:6px;max-width:680px}
.sv-versions{display:flex;background:#efeee8;border-radius:14px;padding:4px;flex-shrink:0}
.sv-versions button{padding:8px 15px;border-radius:11px;font-weight:700;display:flex;flex-direction:column;align-items:flex-start;line-height:1.25;color:#6b6c65}
.sv-versions small{font-weight:500;font-size:11px;color:var(--muted)}
.sv-versions button.on{background:#fff;box-shadow:var(--shadow);color:var(--ink)}

.sv-graph{display:flex;align-items:stretch;background:#fff;border-radius:20px;padding:20px 22px;box-shadow:var(--shadow);margin-bottom:20px}
.sv-node{flex:1 1 0;min-width:0;padding:12px 14px;border-radius:14px;border:1.5px solid transparent;position:relative;transition:box-shadow .3s,transform .3s;outline:none}
.sv-node b{display:block;font-size:14px;line-height:1.3}
.sv-node span{font-size:11.5px;font-weight:600}
.sv-node em{display:block;font-style:normal;font-size:11.5px;font-weight:700;margin-top:4px;color:var(--ink)}
.sv-node.agent{background:var(--agent-p);border-color:#f4cbbd}.sv-node.agent span{color:#b54730}
.sv-node.code{background:var(--code-p);border-color:#bfe0d5}.sv-node.code span{color:var(--code)}
.sv-node.jev{background:var(--jev-p);border-color:#cfcbf0}.sv-node.jev span{color:var(--jev)}
.sv-node.st-Running,.sv-node.st-Ready{box-shadow:0 0 0 4px #e8755933;transform:translateY(-1px)}
.sv-node.st-Accepted{opacity:.85}
.sv-node.st-Failed{border-color:#d9534f}
.sv-edge{flex:0 0 26px;align-self:center;height:2px;background:var(--line);position:relative}
.sv-edge:after{content:"";position:absolute;right:-1px;top:-4px;border:5px solid transparent;border-left:7px solid #d8d7cf}
.sv-tip{position:absolute;left:0;top:calc(100% + 8px);width:300px;background:#2e302e;color:#fff;font-size:12px;font-weight:500;line-height:1.45;padding:10px 12px;border-radius:10px;opacity:0;pointer-events:none;transition:opacity .15s;z-index:20}
.sv-node:hover .sv-tip,.sv-node:focus .sv-tip{opacity:1}

.sv-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;align-items:start}
.sv-side{display:flex;flex-direction:column;gap:20px}
.sv-card{background:#fff;border-radius:20px;padding:20px 22px;box-shadow:var(--shadow)}
.sv-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px}
.sv-card h2{font-size:17px;font-weight:800}
.sv-form{display:flex;flex-direction:column;gap:12px}
.sv-field{display:flex;flex-direction:column;gap:5px}
.sv-field span{font-size:12.5px;font-weight:700;color:#5d5e57}
.sv-field i{color:var(--coral);font-style:normal}
.sv-field input,.sv-field textarea,.sv-field select,#sv-feedback{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#faf9f6;width:100%;resize:vertical}
.sv-field small{color:var(--muted);font-size:11.5px}
.sv-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.btn.wide{width:100%;justify-content:center;margin-top:14px}

.sv-live{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}
.sv-live-bar{display:flex;justify-content:space-between;font-size:13px;margin-bottom:10px}
.sv-live-bar span{color:var(--muted);font-weight:600}
.sv-split{display:flex;gap:14px;align-items:flex-start}
.sv-stages{list-style:none;margin:0;padding:0;flex:1;min-width:0}
.sv-stages li{display:flex;align-items:center;gap:9px;padding:7px 4px;border-bottom:1px solid #f1f0eb;font-size:13px;animation:svin .25s ease-out}
.sv-stages li em{margin-left:auto;font-style:normal;color:var(--muted);font-size:12px}
.sv-stages li.st-Running em,.sv-stages li.st-Ready em{color:var(--coral);font-weight:700}
.sv-stages li.st-Accepted em{color:var(--code)}
@keyframes svin{from{opacity:0;transform:translateY(3px)}to{opacity:1}}
.who{flex-shrink:0;font-size:10.5px;font-weight:800;padding:2px 7px;border-radius:7px}
.who.agent{background:var(--agent-p);color:#b54730}.who.code{background:var(--code-p);color:var(--code)}.who.jev{background:var(--jev-p);color:var(--jev)}
.sv-browser{margin:0;width:52%;flex-shrink:0;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#fff}
.sv-chrome{display:flex;gap:6px;align-items:center;padding:6px 10px;background:#f3f2ee;border-bottom:1px solid var(--line)}
.sv-chrome i{width:9px;height:9px;border-radius:50%;background:#dddcd5}
.sv-chrome span{margin-left:8px;font-size:11px;color:var(--muted);background:#fff;border-radius:6px;padding:2px 9px;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sv-browser img{width:100%;display:block}
.sv-result{margin-top:12px}
.sv-error{color:#b54730;margin-top:10px}

.sv-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.sv-kpis div{background:#faf9f6;border-radius:12px;padding:10px}
.sv-kpis b{display:block;font-size:19px;font-weight:800}
.sv-kpis span{font-size:11.5px;color:var(--muted)}
.sv-kpis .good b{color:var(--code)}
.sv-curve{width:100%;height:120px;display:block}
.sv-curve circle.current{fill:var(--agent)}.sv-curve circle.candidate{fill:var(--code)}.sv-curve circle.earlier{fill:#cfcec6}.sv-curve circle.live{fill:#8a5a00}
.sv-legend{display:flex;gap:12px;align-items:center;font-size:11.5px;color:var(--muted)}
.sv-legend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:-7px}
.sv-legend .current{background:var(--agent)}.sv-legend .candidate{background:var(--code)}.sv-legend .earlier{background:#cfcec6}.sv-legend .live{background:#8a5a00}
.sv-soon{margin-top:10px;background:var(--code-p);border-radius:12px;padding:10px 12px;color:#2f6d5d}

.sv-more{margin-top:20px;background:#fff;border-radius:20px;box-shadow:var(--shadow);padding:14px 22px}
.sv-more summary{cursor:pointer;font-weight:700;color:var(--muted)}
.sv-more h3{font-size:14px;margin:16px 0 8px}
.sv-table{width:100%;border-collapse:collapse;font-size:12.5px}
.sv-table td,.sv-table th{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line)}
.sv-table th{color:var(--muted);font-weight:600}
.sv-log{margin:0;padding-left:18px;font-size:13px}
.sv-yaml{max-height:360px;overflow:auto;background:#faf9f6;border-radius:12px;padding:12px;font-size:12px}
.sv-dialog{border:0;border-radius:22px;padding:22px;width:min(980px,94vw);background:var(--bg)}
.sv-dialog::backdrop{background:#2e302e66}
.sv-race{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sv-race>div{background:#fff;border-radius:16px;padding:14px}
.sv-race h3{font-size:15px;margin-bottom:6px}
.sv-lane-meter{display:flex;gap:14px;font-weight:700;font-size:13px;color:#6b6c65;margin-bottom:8px}
.sv-lane-meter .done{color:var(--code)}
@media (max-width:980px){.sv-grid,.sv-race{grid-template-columns:1fr}.sv-split{flex-direction:column}.sv-browser{width:100%}.sv-graph{flex-direction:column}.sv-edge{width:2px;height:16px;flex:0 0 16px;align-self:center}}

/* Список сервисов билдера (#builder): компактные карточки вместо простыни с бюджетами и версиями */
.sv-index .service-list,.sv-index #service-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.sv-index .service-row{position:relative;background:#fff;border-radius:18px;padding:18px 20px;box-shadow:var(--shadow);border:0;margin:0;transition:transform .15s,box-shadow .15s;cursor:pointer}
.sv-index .service-row:hover{transform:translateY(-2px);box-shadow:0 14px 34px #302d2518}
.sv-index .service-row header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.sv-index .service-row h3{font-size:16px;font-weight:800;margin:0}
.sv-index .service-row header p{color:var(--muted);font-size:13px;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sv-index .service-facts{margin:12px 0 0}
.sv-index .service-facts>div:not(:first-child){display:none}
.sv-index .service-facts dt{display:none}
.sv-index .service-facts dd{margin:0;display:flex;flex-wrap:wrap;gap:6px}
.sv-index .stage-chip{font-size:11.5px;background:#fbe9e2;color:#b54730;border-radius:8px;padding:3px 8px}
.sv-index .stage-chip b{display:none}
.sv-index .service-actions{display:none}
.sv-index .builder-brief textarea{min-height:84px}
.sv-index .builder-brief .note{font-size:12px}
.sv-text{background:#faf9f6;border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:10px;white-space:pre-wrap;font:13px/1.55 Manrope,system-ui,sans-serif;max-height:320px;overflow:auto}
.sv-handoff .browser-attention{margin-top:12px;background:#fff6e8;border:1px solid #f3d9a8;border-radius:14px;padding:12px 14px}
.sv-handoff .browser-attention strong{display:block;margin-bottom:4px}
.sv-md{white-space:normal;max-height:520px}
.sv-md h2{font-size:17px;margin:2px 0 8px}.sv-md h3{font-size:14px;margin:14px 0 6px}.sv-md h4{font-size:13px;margin:10px 0 4px}
.sv-md p{margin:6px 0;color:#5d5e57}.sv-md ul{margin:6px 0;padding-left:18px}
.sv-md table{width:100%;border-collapse:collapse;font-size:12.5px;background:#fff;border-radius:10px;overflow:hidden}
.sv-md th,.sv-md td{text-align:left;padding:6px 9px;border-bottom:1px solid var(--line);vertical-align:top}
.sv-md th{color:var(--muted);font-weight:700;background:#f6f5f0}.sv-md .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}

/* «Ускорить сейчас» (warmup.js): панель в «Как сервис дешевеет» */
.wu{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}
.wu-idle{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.wu-idle small{color:var(--muted);font-size:12px;flex:1;min-width:180px}
.wu-lc{margin-bottom:8px}
.wu-lc .st-on{background:var(--code-p);color:var(--code)}.wu-lc .st-checking{background:#fff1d6;color:#8a5a00}.wu-lc .st-off{background:#fbe9e2;color:#b54730}
.wu-panel{background:#faf9f6;border-radius:14px;padding:12px 14px}
.wu-wait{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}
.wu-set{margin-bottom:12px}
.wu-set-head{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.wu-set-head b{font-size:13px}.wu-set-head small{color:var(--muted);font-size:11.5px}
.wu-grid{max-height:236px;overflow:auto;border-radius:10px}
.wu-grid{display:grid;grid-template-columns:var(--wu-tpl) auto 22px;gap:4px;align-items:center}
.wu-row{display:contents}
.wu-head span{font-size:10.5px;font-weight:700;color:var(--muted);text-transform:lowercase;padding-left:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wu-head span{position:sticky;top:0;background:#faf9f6;z-index:1}
.wu-row input,.wu-row select{min-width:0;width:100%;border:1px solid var(--line);border-radius:8px;padding:4px 6px;font-size:12px;background:#fff}
.wu-file{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wu-tag{font-style:normal;font-size:10.5px;font-weight:700;color:var(--code);background:var(--code-p);border-radius:6px;padding:2px 6px}
.wu-x{width:22px;height:22px;border-radius:7px;color:var(--muted);font-size:15px;line-height:1}.wu-x:hover{background:#efeee8;color:var(--ink)}
.wu-add{font-size:12px;font-weight:700;color:var(--coral);margin-top:2px}
.wu-est{font-size:13px;font-weight:700;margin:6px 0 2px}
.wu-soon{font-size:12.5px;color:#2f6d5d;background:var(--code-p);border-radius:10px;padding:8px 10px;margin:4px 0 8px}
.wu-refused{font-size:13.5px;color:#8a5a00;background:#fff6e8;border:1px solid #f3d9a8;border-radius:10px;padding:10px 12px}
.wu-err{color:#b54730;font-size:13px;margin:6px 0}
.wu-steps{list-style:none;margin:0 0 4px;padding:0;display:flex;flex-wrap:wrap;gap:4px 0;font-size:13px}
.wu-steps li{color:var(--muted);display:flex;align-items:center}
.wu-steps li+li:before{content:"→";margin:0 8px;color:#cfcec6}
.wu-steps li.done{color:var(--code)}.wu-steps li.done:after{content:" ✓";margin-left:3px}
.wu-steps li.now{color:var(--ink);font-weight:700}
.wu-result{font-size:14px;font-weight:700;line-height:1.45;margin-bottom:4px}
.wu-confirm{width:min(520px,92vw)}.wu-confirm h2{font-size:18px;margin-bottom:10px}.wu-confirm p{margin:8px 0;color:#5d5e57;line-height:1.5}
/* «Проверка стабильности» */
.sv-stab .sv-card-head{align-items:center}
.sv-stab .st-on{background:var(--code-p);color:var(--code)}
.sv-stab .st-warn{background:#fbf0d9;color:#8a5a00}
.sv-stab .st-none{background:#efeee8;color:#6b6c65}
.sv-stab-list{margin:8px 0 10px;padding:0;list-style:none;display:grid;gap:6px}
.sv-stab-list li{font-size:13px;line-height:1.4;padding:8px 10px;border-radius:10px;background:#fbf6ea;border-left:3px solid #e2b04a}
.sv-stab-list li.k-contract{background:#f4f3ee;border-left-color:#c9c7bd}
.sv-stab .sv-row{align-items:center;gap:10px;flex-wrap:wrap}
.sv-stab #sv-stab-job:empty{display:none}