/* Scoped organization of the existing navy/orange, compact Control Center. */
.models-heading{margin-bottom:12px}.models-heading>p{margin:0 0 12px}
.models-nav{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--border)}
.models-nav a{display:flex;align-items:center;gap:8px;padding:12px 16px;color:var(--muted);font-size:.82rem;font-weight:650;text-decoration:none;border-bottom:3px solid transparent}
.models-nav a:hover{color:var(--ink);background:var(--surface)}
.models-nav a[aria-current]{color:var(--orange-light);border-color:var(--orange);background:rgba(237,120,18,.07)}
#mx-history-count{font-size:.65rem;padding:2px 5px;background:var(--surface-light);color:var(--ink)}
#mx-dirty{color:var(--orange-light);font-size:.72rem;margin:8px 0 0}
.model-engine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:8px}
.model-engine{padding:18px 20px;background:linear-gradient(110deg,var(--surface),var(--navy));border-left:3px solid var(--orange);min-width:0}
.model-engine h2{font-size:1.3rem;margin:10px 0;overflow-wrap:anywhere}.model-engine p{font-size:.78rem;margin:8px 0}.model-engine .eyebrow{font-size:.67rem;margin:0}
.model-engine .status{white-space:normal}.model-engine .text-button{display:inline-block;margin-top:8px}
#text-models .ex-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#im-catalog .ex-card,#ix-catalog .ex-card{border:1px solid var(--border);background:rgba(255,255,255,.015);padding:14px}
#im-catalog .ex-card.is-selected,#ix-catalog .ex-card.is-selected{border-color:var(--orange);background:rgba(237,120,18,.05)}
.models-disclosure{border-top:1px solid var(--border);margin:14px 0;padding-top:12px}
.models-disclosure>summary{cursor:pointer;font-size:.8rem;font-weight:650;padding:4px 0;color:var(--ink)}
.models-disclosure>summary:focus-visible{outline:3px solid var(--orange-light);outline-offset:3px}
.models-disclosure[open]>summary{margin-bottom:12px}
#model-configuration{margin-top:8px;padding:16px 20px;background:var(--navy)}
#model-configuration>summary{font-size:.86rem}
#image-models .ix-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:26px}
#image-models .ix-layout h3{font-size:.95rem;margin:8px 0 12px}
#image-models #ix-catalog{gap:8px;margin-top:0}
#image-models #ix-catalog h3{font-size:.9rem}
#image-models #ix-controls legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#image-models #ix-generate-form textarea{min-height:155px}
#ix-feedback:empty{display:none}
.ix-compose{border-left:1px solid var(--border);padding-left:26px;min-width:0}
.ix-latest-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}
.ix-latest-heading h3{margin:0!important}.ix-latest-heading a{font-size:.72rem}
#ix-latest{margin-top:12px}#ix-latest img{width:100%;max-height:260px;object-fit:contain;background:var(--navy-deep)}
#ix-latest p{font-size:.72rem;color:var(--muted);margin:6px 0}#ix-latest .deliverable{font-size:.74rem}
.models-history-tools{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-size:.8rem}
.models-history-tools select{background:var(--navy);color:var(--ink);padding:8px;border:1px solid var(--border)}
#image-history #ix-jobs{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#image-history .ix-job{display:flex;flex-direction:column;gap:10px;padding-top:0;background:var(--navy);border-top:2px solid var(--border)}
#image-history .ix-job img{width:100%;height:210px;max-height:none;object-fit:contain;background:var(--navy-deep)}
#image-history .ix-job-meta{padding:12px}#image-history .ix-job p{line-height:1.5}
@media(max-width:1100px){#image-history #ix-jobs{grid-template-columns:repeat(2,minmax(0,1fr))}#image-models .ix-layout{grid-template-columns:1fr}.ix-compose{border-left:0;border-top:1px solid var(--border);padding:18px 0 0}}
@media(max-width:650px){.models-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.models-nav a{font-size:.74rem;padding:12px 8px}.model-engine-grid,#text-models .ex-catalog,#image-history #ix-jobs{grid-template-columns:1fr}.model-engine{padding:14px}.model-engine h2{font-size:1.15rem}.ix-latest-heading{align-items:flex-start}.models-history-tools{flex-wrap:wrap}}
/* Shared section hierarchy for model management and supervision. */
.supervision-heading{margin:0 0 12px}.supervision-heading>.compact-note{margin:0 0 12px}
.st-tabs button{padding:12px 16px;font-size:.82rem;font-weight:650;border-bottom-width:3px}
.st-tabs button:hover{color:var(--ink);background:var(--surface)}
.st-tabs button.is-active{color:var(--orange-light);background:rgba(237,120,18,.07)}
#connections-page>.models-nav{margin:3px 0 7px}
#connections-page>[data-supervision-pane]{min-width:0}
.home-current{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 14px;margin:0 0 10px;border-left:3px solid var(--orange);background:var(--surface)}
.home-current>div{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}
.home-current strong{font-size:.8rem}.home-current .row-meta{margin:0;overflow-wrap:anywhere}
.home-current .text-button{flex:none;font-size:.74rem}
#runtime-models{margin:0 0 12px;padding:18px 20px}
#runtime-models .panel-heading{align-items:flex-start;margin-bottom:14px}
#runtime-models .panel-heading h3{font-size:1.25rem;margin:4px 0}
#runtime-models .panel-heading .compact-note{margin:6px 0 0;max-width:70ch}
#runtime-models .rt-controls{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:10px;margin:0}
#runtime-models .rt-controls label{grid-column:1/-1;margin:0;color:var(--muted);font-size:.72rem;font-weight:700}
#runtime-models .rt-controls select{min-height:42px;width:100%;max-width:none}
#runtime-models .rt-controls .text-button{white-space:nowrap;align-self:center}
#rt-feedback:empty{display:none}#rt-feedback{margin:10px 0 0}
.rt-operation{margin:14px 0 0;padding:14px;border:1px solid var(--orange);background:rgba(237,120,18,.06)}
.rt-operation-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.81rem}
.rt-operation-heading span{color:var(--muted);white-space:nowrap}
#rt-operation-progress{display:block;width:100%;height:9px;margin:12px 0 8px;accent-color:var(--orange)}
#rt-operation-detail{margin:0 0 10px}
#rt-logs-button{padding:4px 0;border:0;background:none;cursor:pointer;font:inherit;font-size:.76rem}
#rt-operation-logs{max-height:300px;overflow:auto;padding:12px;margin:8px 0 0;background:var(--navy-deep);border:1px solid var(--border);color:var(--ink);font-size:.7rem;white-space:pre-wrap;overflow-wrap:anywhere}
.rt-catalog{margin-top:16px;border-top:1px solid var(--border);padding-top:14px}
.rt-catalog>summary{cursor:pointer;color:var(--ink);font-size:.82rem;font-weight:700;padding:4px 0}
.rt-catalog>summary:focus-visible,#rt-logs-button:focus-visible{outline:3px solid var(--orange-light);outline-offset:3px}
.rt-catalog .rt-grid{margin-top:14px}.rt-catalog .compact-note{margin:12px 0 0}
@media(max-width:1100px){.model-engine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){#runtime-models .rt-controls{grid-template-columns:1fr}#runtime-models .rt-controls label{grid-column:auto}#runtime-models .rt-controls .text-button{white-space:normal}}
@media(max-width:650px){.home-current{align-items:flex-start;flex-direction:column}.model-engine-grid{grid-template-columns:1fr}}
[hidden].rt-operation,[hidden].home-current,[hidden].supervision-heading{display:none!important}
.im-download{margin:14px 0;padding:14px;border:1px solid var(--orange);background:rgba(237,120,18,.06)}
.im-download-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.8rem}
.im-download-heading span{color:var(--muted);white-space:nowrap}
#im-download-progress{display:block;width:100%;height:9px;margin:12px 0 8px;accent-color:var(--orange)}
#im-download-detail{margin:0 0 8px}
#im-download-logs-button{padding:4px 0;border:0;background:none;cursor:pointer;font:inherit;font-size:.76rem}
#im-download-logs{max-height:280px;overflow:auto;padding:12px;margin:8px 0 0;background:var(--navy-deep);border:1px solid var(--border);color:var(--ink);font-size:.7rem;white-space:pre-wrap;overflow-wrap:anywhere}
#im-download-logs-button:focus-visible{outline:3px solid var(--orange-light);outline-offset:3px}
[hidden].im-download{display:none!important}
