/* CHANGE LOG: 1 | maintainer@emeraldcoastsystemsgroup.com | Task-oriented prototype layouts and explicit fixture chrome. */
.prototype-banner{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 32px;background:#26344b;border-bottom:1px solid #788ca6;font-size:12px}.prototype-banner strong{color:#c9ddff;letter-spacing:.06em}.prototype-banner button{margin-left:auto;padding:6px 12px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr);gap:24px;align-items:start}.section-line{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.state{display:inline-block;font-size:12px;color:#a5eadb;background:#203c3a;border:1px solid #4b8079;padding:5px 10px;border-radius:6px}.state.warning{color:#ffe1a5;background:#413827;border-color:#967747}.journey{display:flex;gap:18px;flex-wrap:wrap;border-block:1px solid var(--ops-border);padding:15px 0;margin-bottom:28px;color:var(--ops-muted);font-size:12px}.journey strong{color:var(--ops-accent)}.evidence-list{list-style:none;padding:0;margin:0 0 22px}.evidence-list li{padding:16px 0;border-bottom:1px solid var(--ops-border)}.evidence-list span{display:block;color:var(--ops-muted);font-size:13px;margin-top:3px}dl{margin-bottom:24px}dt{font-size:12px;color:var(--ops-muted);margin-top:16px}dd{margin:2px 0;overflow-wrap:anywhere}details{margin-top:24px}summary{color:var(--ops-accent);cursor:pointer}h3{font-size:16px}hr{border:0;border-top:1px solid var(--ops-border);margin:24px 0}.graph{max-width:380px;margin:25px auto}.graph button{display:block;width:100%;text-align:left;border-left:3px solid var(--ops-accent);padding:18px}.graph button[data-resource=api]{border-left-color:#f4c77d}.graph button[data-resource=worker]{border-left-color:#a8b8ca}.graph span,.graph small{display:block;font-size:12px;color:var(--ops-muted);margin-top:4px}.edge{text-align:center;padding:12px;color:var(--ops-muted);font-size:12px}.mapping-row{display:flex;flex-wrap:wrap;gap:10px;padding:12px 0;border-bottom:1px solid var(--ops-border);font-size:12px}.mapping-row code{overflow-wrap:anywhere}.ack{display:flex;align-items:flex-start;gap:12px;font-weight:400;margin:24px 0}.ack input{width:18px;height:18px;flex-shrink:0;margin-top:4px}pre{background:var(--ops-bg);border-radius:8px;padding:18px;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}form>button{margin-top:22px}#global-status{margin-top:24px;font-size:13px}select{max-width:100%}nav>a{font-size:14px}
@media(max-width:1050px){.detail-grid{grid-template-columns:1fr}.topbar{padding-inline:22px}}@media(max-width:620px){.prototype-banner{padding:12px 18px}.prototype-banner button{margin-left:0}.journey{gap:10px}.detail-grid{gap:16px}nav{flex-wrap:wrap;overflow:visible}nav>a{font-size:12px}.page-heading>label{width:100%}.page-heading select{width:100%}}
.topology-controls{display:flex;flex-wrap:wrap;gap:14px;align-items:end}.topology-controls label{flex:1;min-width:140px;margin:0}.topology-controls select{display:block;width:100%;margin-top:6px}.topology .graph{max-width:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.graph button[aria-pressed=true]{outline:2px solid var(--ops-accent);outline-offset:2px}.relationship-list{padding-left:20px;color:var(--ops-muted);font-size:12px;overflow-wrap:anywhere}.relationship-list li{margin:12px 0}#connection-mode{width:100%}#connection-result,#scan-result{overflow-wrap:anywhere}
@media(max-width:620px){.topology-controls{display:block}.topology-controls label{display:block;margin-block:14px}.topology .graph{grid-template-columns:1fr}}
.topology .graph{position:relative;gap:30px}.topology-links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.topology-links line{stroke:var(--ops-accent);stroke-width:2}.graph button{position:relative;z-index:1}

.data-inspector{margin-top:24px}#sync-provider,#sync-direction,#sync-outcome,#sync-role{width:100%}#preview-sync{margin-top:20px}#decision-key{font:12px/1.7 ui-monospace,monospace}#data-summary{margin-block:22px;color:var(--ops-muted)}

.data-controls{display:flex;gap:18px;flex-wrap:wrap;align-items:end}.data-controls>.control-field{flex:1;min-width:200px}.data-controls label{margin:0 0 6px}.data-controls select{width:100%}.data-controls>.ack{flex:1;min-width:220px;align-self:center;margin:0}#data-rows td{padding:12px;font-size:13px}#data-rows button{padding:6px 10px;font-size:13px}#data-rows td:first-child{white-space:nowrap}button:disabled{cursor:not-allowed}