.model-connections-workspace{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:18px;max-width:1480px;margin:0 auto;padding:18px}.model-connections-workspace>.workspace-card{border:1px solid var(--cm-line);background-color:var(--cm-surface);background-image:var(--cm-panel-metal-soft);box-shadow:none}.model-connections-workspace>.workspace-card>.section-actions{align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--cm-line);background-color:var(--cm-surface-soft);background-image:var(--cm-panel-metal-soft)}.model-connections-workspace h2,.model-connections-workspace h3{margin:0}.model-connections-workspace header small{display:block;margin-bottom:3px;color:var(--cm-muted)}.model-connections-workspace .summary-card{margin:14px 18px;padding:10px 12px;font-family:inherit;border-left-color:var(--cm-accent)}
.model-slot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:14px;padding:0 18px 18px;margin:0}.model-connection-card{display:grid;grid-template-rows:auto 1fr auto;gap:12px;min-width:0;padding:16px;border:1px solid var(--cm-line);border-top:3px solid var(--cm-accent);background-color:var(--cm-surface);background-image:var(--cm-panel-metal-soft)}.model-connection-card h3{font-size:16px}.model-connection-card dl{display:grid;grid-template-columns:72px minmax(0,1fr);align-content:start;gap:7px 10px;margin:0}.model-connection-card dt{color:var(--cm-muted);font-size:12px;font-weight:600}.model-connection-card dd{margin:0;overflow-wrap:anywhere}.model-connection-card dd:nth-of-type(5){width:max-content;padding:2px 8px;border:1px solid color-mix(in srgb,var(--cm-green) 58%,var(--cm-line));border-radius:999px;background:color-mix(in srgb,var(--cm-green) 14%,var(--cm-surface));color:var(--cm-text);font-size:12px;font-weight:700}.model-connection-card .section-actions{align-self:end;justify-content:flex-start;padding:12px 0 0;border-top:1px solid var(--cm-line)}
.model-purpose-section{margin:0 18px 18px;padding:16px 0 0;border-top:1px solid var(--cm-line)}.model-purpose-section>h3,.model-purpose-section>p{margin-inline:0}.model-purpose-section>p{margin-block:6px 12px;color:var(--cm-muted)}.model-purpose-section>.model-slot-grid{padding-inline:0}.model-purpose-section[id*="multimodal"]{padding:16px;border:1px solid color-mix(in srgb,var(--cm-accent) 48%,var(--cm-line));border-top:3px solid var(--cm-accent);background-color:color-mix(in srgb,var(--cm-accent) 6%,var(--cm-surface));background-image:var(--cm-panel-metal-soft)}.model-purpose-section[id*="multimodal"]>.model-slot-grid{padding-bottom:0}.model-purpose-section[id*="multimodal"] .model-connection-card{background-color:var(--cm-surface);background-image:var(--cm-panel-metal-soft);border-top-color:var(--cm-blue-steel)}
#personal-model-section{margin:0 18px 18px;padding-top:16px;border-top:1px solid var(--cm-line)}#personal-model-section>p{margin:6px 0 12px;color:var(--cm-muted)}#personal-model-connection{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:14px}#personal-model-connection .model-purpose-section{margin:0}#personal-model-connection .model-connection-card{max-width:560px}#other-personal-model-connections{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:10px;padding-top:14px;border-top:1px solid var(--cm-line)}
.model-connections-workspace>.model-usage-panel{display:grid;gap:6px;min-width:0;padding:0 18px 18px;overflow:hidden}
.model-usage-panel.data-list>.model-usage-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;width:auto;margin:0 -18px;padding:12px 18px;border-width:0 0 1px;border-radius:0}
.model-usage-toolbar>label{display:flex;align-items:center;gap:8px;color:var(--cm-muted);font-size:12px;font-weight:700;white-space:nowrap}.model-usage-toolbar select{width:132px;height:34px;min-height:34px;padding-block:4px;color:var(--cm-text);font-size:13px;font-weight:500}
.model-usage-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(105px,100%),1fr));gap:6px;min-height:0;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
.model-usage-summary article{display:grid;align-content:center;gap:3px;min-height:62px;padding:9px 11px;border:1px solid var(--cm-line);border-top:2px solid color-mix(in srgb,var(--cm-accent) 72%,var(--cm-blue-steel));border-radius:2px;background-color:var(--cm-surface-soft);background-image:var(--cm-panel-metal-soft);box-shadow:inset 0 1px 0 rgba(255,255,255,.24)}
.model-usage-summary article strong{color:var(--cm-muted);font-size:11px;letter-spacing:.035em;text-transform:uppercase}.model-usage-summary article span{color:var(--cm-text);font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}
.model-usage-summary[data-state=empty] article{border-top-color:color-mix(in srgb,var(--cm-warning) 70%,var(--cm-line))}
.model-usage-summary:is([data-state=loading],[data-state=error]){display:block;min-height:36px;padding:8px 11px;border:1px solid var(--cm-line);border-left:3px solid var(--cm-accent);background-color:var(--cm-surface-soft);background-image:var(--cm-panel-metal-soft);color:var(--cm-muted);box-shadow:none}.model-usage-summary[data-state=error]{border-left-color:var(--cm-red);color:var(--cm-danger-text)}
.model-connections-workspace .model-usage-table-frame{min-height:240px;max-height:clamp(260px,42vh,520px);margin:0;scrollbar-gutter:stable}.model-connections-workspace .model-usage-table-frame table{width:100%;min-width:980px;table-layout:fixed}.model-connections-workspace .model-usage-table-frame th{top:0}.model-connections-workspace .model-usage-table-frame th:nth-child(1){width:16%}.model-connections-workspace .model-usage-table-frame th:nth-child(2){width:15%}.model-connections-workspace .model-usage-table-frame th:nth-child(3){width:22%}.model-connections-workspace .model-usage-table-frame th:nth-child(4){width:9%}.model-connections-workspace .model-usage-table-frame th:nth-child(5),.model-connections-workspace .model-usage-table-frame th:nth-child(6),.model-connections-workspace .model-usage-table-frame th:nth-child(7){width:8%}.model-connections-workspace .model-usage-table-frame th:nth-child(8){width:14%}.model-connections-workspace .model-usage-table-frame td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.model-usage-panel.data-list>.model-usage-footer{justify-content:flex-start}.model-usage-footer>#model-usage-count{color:var(--cm-muted);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
#model-connection-dialog{width:min(660px,calc(100vw - 32px));max-width:calc(100vw - 32px);box-sizing:border-box}#model-connection-dialog form{width:100%;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#model-connection-dialog header,#model-connection-dialog [role=status],#model-connection-purpose-state,#model-connection-dialog menu,#model-endpoint-field{grid-column:1/-1}#model-connection-purpose-state{margin:0;line-height:1.5}#model-connection-dialog label{display:grid;gap:6px;align-content:start;min-width:0}#model-connection-dialog label small{color:var(--cm-muted)}#model-connection-dialog input,#model-connection-dialog select{width:100%;height:var(--cm-control-height);min-height:calc(1.35em + 10px);padding:4px 8px;border:1px solid var(--cm-border);background-color:var(--cm-field-bg);color:var(--cm-text)}
@media(max-width:1100px){.model-slot-grid,#personal-model-connection,#other-personal-model-connections{grid-template-columns:1fr}.model-usage-summary{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.model-connections-workspace{padding:10px}.model-slot-grid{padding-inline:10px}.model-purpose-section[id*="multimodal"]{padding:12px}.model-connections-workspace>.model-usage-panel{padding-inline:10px}.model-usage-panel.data-list>.model-usage-toolbar{grid-template-columns:1fr;margin-inline:-10px;padding-inline:10px}.model-usage-toolbar>label{justify-content:space-between}.model-usage-summary{grid-template-columns:repeat(2,1fr)}#model-connection-dialog form,#model-connection-dialog details[open]{grid-template-columns:1fr}}
