.template-shell{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(0,1.2fr);gap:18px}
.template-card{background:#fff;border:1px solid #e2e9f4;border-radius:16px;padding:24px;min-width:0}
.template-card h2,.template-card h3{margin:5px 0 13px;color:#1d2b48}.template-card p{font-size:13px;line-height:1.6;color:#667991}
.template-card label{display:grid;gap:8px;margin-top:22px;font-size:13px;font-weight:700;color:#3b4d6a}
.template-card select{padding:12px;border:1px solid #dce4ee;border-radius:9px;background:#fff;color:#20334f}
.template-kicker{color:#4b70ac;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.template-alert{margin-top:22px;padding:14px;border-radius:11px;background:#fff5e5;color:#875c1c;font-size:12px;line-height:1.6}
#template-compose{width:100%;min-height:440px;resize:vertical;background:#16223a;color:#e3ebfb;border:0;border-radius:12px;padding:18px;font:12px/1.6 ui-monospace,Consolas,monospace}
.template-actions{display:flex;align-items:center;gap:12px;margin-top:13px}.template-actions span{font-size:12px;color:#617894}
@media(max-width:950px){.template-shell{grid-template-columns:1fr}}

.template-card input[type=text]{padding:12px;border:1px solid #dce4ee;border-radius:9px;background:#fff;color:#20334f;width:100%;min-width:0;font:12px ui-monospace,Consolas,monospace}
.template-pin-status{padding:10px 12px;margin-top:12px;border-radius:9px;font-size:12px;line-height:1.5}
.template-pin-status.unverified{background:#fff3e0;color:#79531a}.template-pin-status.pinned{background:#e8f3ff;color:#234c82}.template-pin-status.invalid{background:#ffebee;color:#8b2333}

/* v0.5.0: multi-service, non-deploying template draft */
.template-draft{border-top:1px solid #e4eaf3;margin-top:22px;padding-top:18px}.template-draft-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #e8ecf3;padding:10px 0;font-size:12px}.template-draft-row .btn{font-size:12px}.template-draft-help{font-size:12px;overflow-wrap:anywhere;color:#6b7890;line-height:1.55}.template-draft-help code{white-space:normal}@media(max-width:650px){.template-draft-row{align-items:flex-start;flex-direction:column}}
/* Managed-template version workflow: no client-side Docker privileges. */
.template-managed{margin-bottom:20px}.template-managed-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}.template-managed-grid label{margin-top:5px}.template-managed-grid input,.template-managed #template-managed-confirm{padding:12px;width:100%;border:1px solid #dce4ee;border-radius:9px;background:#fff;color:#20334f;font:inherit}.template-managed-result{margin-top:16px;white-space:pre-wrap;overflow-wrap:anywhere;padding:14px;border:1px solid #dce4ee;border-radius:10px;background:#f5f8fd;color:#334b68;font-size:13px;line-height:1.5}.template-managed button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:780px){.template-managed-grid{grid-template-columns:1fr}}

/* 0.8.27: keep existing projects in focus; secondary wizards collapsed. */
.template-advanced-v0827{margin:12px 0;border:1px solid #dce4ee;border-radius:12px;padding:0 12px}
.template-advanced-v0827>summary{cursor:pointer;padding:15px 5px;font-weight:650}
.template-advanced-v0827>.template-card{margin:10px 0 14px}
.legacy-search-v0827{box-sizing:border-box;width:100%;margin:12px 0;padding:10px;border:1px solid #cbd5e1;border-radius:8px;font:inherit}
.legacy-project-v0827{border:1px solid #dce4ee;border-radius:9px;margin:9px 0;padding:10px 13px}
.legacy-project-v0827>summary{cursor:pointer;font-weight:650}
.legacy-project-tech-v0827{font-size:12px;opacity:.7;margin:8px 0}
.legacy-container-v0827{padding:10px 0;border-top:1px solid #e2e8f0;display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-width:0}
.legacy-container-v0827>.muted{font-size:12px;overflow-wrap:anywhere;flex:1 1 240px}
.legacy-label-editor-v0827{width:100%;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.legacy-label-editor-v0827[hidden],.legacy-project-v0827[hidden]{display:none}
.legacy-label-editor-v0827 input{padding:8px;border:1px solid #cbd5e1;border-radius:8px;max-width:100%;flex:1 1 180px}
@media(max-width:720px){.legacy-container-v0827{align-items:flex-start}.legacy-label-editor-v0827 input{width:100%}}

/* Existing Compose service card, reachable directly from Containers. */
.existing-container-dialog-v0837{position:fixed;inset:0;background:rgba(10,20,40,.6);z-index:1000;display:flex;justify-content:flex-end;overflow:auto}
.existing-container-card-v0837{width:min(620px,100%);min-height:100%;padding:24px;background:#fff;box-shadow:-12px 0 30px rgba(10,20,40,.12);overflow-wrap:anywhere}
.existing-container-card-v0837 h2{font-size:20px;margin:16px 0}.existing-container-card-v0837 h3{font-size:15px;margin:26px 0 8px}
.existing-container-card-v0837 p{font-size:13px;line-height:1.6;color:#52617a}
.existing-container-card-v0837 .legacy-preflight-v0828{display:grid;gap:12px}
.existing-container-card-v0837 .legacy-preflight-v0828 pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.55}
.existing-container-warning-v0837{padding:12px;background:#fff4df;border-radius:9px}
@media(max-width:720px){.existing-container-card-v0837{padding:16px}}

/* v0.8.38: one clear, visible version field per existing Compose service. */
.existing-container-version-input-v0838{display:block;width:100%;box-sizing:border-box;min-height:40px;border:1px solid #cad5e4;border-radius:8px;padding:9px 12px;margin:9px 0 10px;font:inherit}
.existing-container-version-input-v0838:focus{outline:2px solid #4263ad;outline-offset:2px}
.existing-container-version-input-v0838~button{margin:0 8px 10px 0}

/* v0.8.40 — compact and accessible container actions, no text-button overflow. */
.container-quick-actions-v0840{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;min-width:max-content}
.panel .container-icon-btn-v0840,.container-icon-btn-v0840{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;margin:0;padding:0;border:1px solid #cdd7e7;border-radius:9px;background:#f7f9fe;color:#415777;cursor:pointer;transition:background .12s,border-color .12s}
.container-icon-btn-v0840:hover:not(:disabled){background:#e8effc;border-color:#a8bada}
.container-icon-btn-v0840:focus-visible{outline:3px solid #4a79d8;outline-offset:2px}
.container-icon-restart-v0840{background:#fff5e3;border-color:#e8d3ab;color:#976000}
.container-icon-restart-v0840:hover:not(:disabled){background:#ffebc0}
.container-icon-stop-v0840{background:#fff0f0;border-color:#edc3c3;color:#ba343c}
.container-icon-stop-v0840:hover:not(:disabled){background:#ffdddd}
.container-icon-start-v0840{background:#eaf8f0;border-color:#bbdfc9;color:#15834d}
.container-icon-start-v0840:hover:not(:disabled){background:#d6f2e1}
.container-icon-btn-v0840:disabled{opacity:.36;cursor:not-allowed;filter:grayscale(.4)}
@media(max-width:620px){.container-quick-actions-v0840{gap:4px}.panel .container-icon-btn-v0840{width:34px;height:34px}}