/* View > Deployments: a quiet table, the same at 1 app and at 30. Only the theme's own colours. */
.deployments { display: flex; flex-direction: column; height: 100%; padding: 14px 18px; gap: 10px; box-sizing: border-box; overflow: auto; font: var(--ui-fs) var(--font-ui); color: var(--text); }
.deployments .dp-head { display: flex; align-items: center; gap: 12px; }
.deployments .dp-head h2 { margin: 0; font-size: calc(var(--ui-fs) * 1.35); font-weight: 600; color: var(--text-strong); flex: 1; }
.deployments .dp-flash { padding: 6px 10px; border: 1px solid var(--rule); border-left: 3px solid var(--ok); border-radius: 4px; background: var(--surface); }
.deployments .dp-flash[hidden], .deployments .dp-wrap[hidden], .deployments .dp-empty[hidden] { display: none; }
.deployments .dp-empty { padding: 28px 4px; color: var(--text-dim); }
.deployments .dp-hint { color: var(--text-dim); font-size: calc(var(--ui-fs) * .9); }
.deployments .dp-wrap { overflow-x: auto; border: 1px solid var(--rule); border-radius: 6px; background: var(--surface); }
.deployments .dp-table { width: 100%; border-collapse: collapse; table-layout: auto; }
.deployments th { text-align: left; font-weight: 600; font-size: calc(var(--ui-fs) * .9); color: var(--text-dim); padding: 7px 8px; border-bottom: 1px solid var(--rule); white-space: nowrap; position: sticky; top: 0; background: var(--surface); }
.deployments td { padding: 7px 8px; border-bottom: 1px solid var(--rule); vertical-align: top; }
.deployments tr.dp-row:last-child td { border-bottom: 0; }
.deployments tr.dp-row:hover td { background: var(--surface2); }
.deployments .dp-url { max-width: 12em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.deployments .dp-url a { color: var(--accent-hi); text-decoration: none; }
.deployments .dp-url a:hover { text-decoration: underline; }
.deployments .dp-since { margin-left: 8px; white-space: nowrap; color: var(--text-dim); font-size: calc(var(--ui-fs) * .9); }
.deployments .dp-source { white-space: nowrap; color: var(--text-dim); }
.deployments .dp-source { max-width: 14em; overflow: hidden; text-overflow: ellipsis; }
.deployments .dp-srcname, .deployments .dp-published { display: block; overflow: hidden; text-overflow: ellipsis; }
.deployments .dp-published { font-size: calc(var(--ui-fs) * .9); }
.deployments .dp-published:empty { display: none; }
.deployments .dp-kindline { display: block; color: var(--text-dim); font-size: calc(var(--ui-fs) * .9); }
.deployments .dp-name { white-space: nowrap; }
.deployments .dp-name b { font-weight: 600; color: var(--text-strong); }
.deployments .dp-badge { display: inline-block; padding: 1px 9px; border-radius: 10px; border: 1px solid var(--rule); font-size: calc(var(--ui-fs) * .92); white-space: nowrap; }
.deployments .dp-badge.dp-ok { border-color: var(--ok); color: var(--ok); }
.deployments .dp-badge.dp-off { border-color: var(--attn); color: var(--attn); }
.deployments .dp-badge.dp-bad { border-color: var(--danger); color: var(--danger-tx); }
.deployments .dp-badge.dp-wait { color: var(--text-dim); }
.deployments .dp-why { display: block; margin-top: 3px; max-width: 17em; color: var(--text-dim); font-size: calc(var(--ui-fs) * .9); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.deployments .dp-why:empty { display: none; }
.deployments .dp-mcp { margin-left: 6px; color: var(--text-dim); }
.deployments .dp-mcp.dp-yes { color: var(--ok); }
.deployments .dp-mcp.dp-no { color: var(--danger-tx); }
.deployments .dp-acts { text-align: right; min-width: 15em; width: 15em; }
.deployments .dp-btn { background: var(--surface2); color: var(--text); border: 1px solid var(--rule); border-radius: 4px; padding: 2px 8px; font: inherit; cursor: pointer; margin: 0 0 3px 3px; }
.deployments .dp-btn:hover:not(:disabled) { border-color: var(--accent-hi); }
.deployments .dp-btn:disabled { opacity: .4; cursor: default; }
.deployments .dp-btn.dp-danger { background: var(--danger); border-color: var(--danger); color: #fff; }
.deployments .dp-btn[hidden], .deployments .dp-confirm[hidden] { display: none; }
.deployments .dp-ask { margin-right: 6px; }
.deployments tr.dp-sub td { padding: 6px 10px 8px; background: var(--bg); }
.deployments tr.dp-note td { color: var(--text-dim); }
.deployments tr.dp-note td.dp-bad { color: var(--danger-tx); }
.deployments .dp-logbar { display: flex; gap: 10px; align-items: center; margin-bottom: 6px; }
.deployments .dp-logbar .dp-hint { flex: 1; }
.deployments .dp-logtext { margin: 0; max-height: 18em; overflow: auto; font: var(--code-fs) var(--font-code); white-space: pre-wrap; color: var(--text); border: 1px solid var(--rule); border-radius: 4px; padding: 8px; background: var(--surface); }
@media (max-width: 1100px) { .deployments .dp-source { display: none; } }