/* Model services use the same service-card casing and compact facts as schedulers. */
.model-service-mark { display: grid; place-items: center; width: 58px; height: 64px; flex: 0 0 58px; }
.model-service-mark > svg { display: block; width: 100%; height: 100%; }
.studio-server-directory[data-service-kind="model"] .studio-server-list { grid-template-columns: repeat(auto-fill,minmax(min(100%,480px),1fr)); }
.studio-server-directory[data-service-kind="model"] .studio-server-card { padding: 0; gap: 0; border-radius: 12px; overflow: visible; max-width: 760px; }
.studio-server-directory[data-service-kind="model"] .studio-server-card-header { position: relative; padding: 20px; min-height: 116px; box-sizing: border-box; background: #fff9f0; border-bottom: 1px solid var(--border); border-radius: 12px 12px 0 0; }
.studio-server-directory[data-service-kind="model"] .studio-server-identity { gap: 14px; }
.studio-server-directory[data-service-kind="model"] .studio-server-identity h2 { font-size: 17px; font-weight: 600; }
.studio-server-directory[data-service-kind="model"] .studio-server-address { font-size: 12px; margin-top: 6px; }
.studio-server-directory[data-service-kind="model"] .studio-server-more-wrap { position: relative; z-index: 2; }
.studio-server-directory[data-service-kind="model"] .studio-simulation-card-footer { display: flex; justify-content: flex-end; border-top: 1px solid var(--border); margin: 0 20px; padding: 12px 0; }
.model-card-body { padding: 17px 20px 15px; }
.model-card-identity { display: flex; align-items: baseline; gap: 10px; margin-bottom: 17px; min-width: 0; }
.model-card-identity strong { font-size: 13px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.model-card-identity > span { color: var(--muted); font-size: 12px; overflow-wrap: anywhere; }
.model-card-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin: 0; }
.model-card-stats > div { min-width: 0; }
.model-card-stats dt { font-size: 11px; color: var(--muted); }
.model-card-stats dd { margin: 8px 0 0; font-size: 19px; font-weight: 600; font-variant-numeric: tabular-nums; }
.model-card-footer { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 17px; color: var(--muted); font-size: 11px; }
.model-card-footer > span { display: flex; gap: 7px; }
.model-card-footer strong { font-weight: 500; color: var(--text); }
.studio-server-directory[data-service-kind="model"][data-layout="list"] .studio-server-list { grid-template-columns: 1fr; }
.studio-server-directory[data-service-kind="model"][data-layout="list"] .studio-server-card { max-width: none; }
.model-dialog button { border: 1px solid var(--border); }
.model-clear-credential { display: flex; align-items: center; gap: 8px; font-size: 12px; }
.model-clear-credential input { width: auto; }
[data-theme="dark"] .studio-server-directory[data-service-kind="model"] .studio-server-card-header { background: var(--panel); }
@media(max-width:560px) { .model-card-stats { gap: 10px; } .model-card-stats dd { font-size: 16px; } }
/* Registration uses a compact mark inside its 44px header tile, not card dimensions. */
.model-dialog .studio-data-registration-mark > .model-service-mark { width: 32px; height: 32px; min-width: 0; flex: 0 0 32px; }
/* Dedicated model workspace, matching simulation service details. */
.model-service-details .studio-service-details-header{align-items:center}.model-detail-emblem{display:grid;place-items:center;width:56px;height:56px;border:1px solid var(--border);border-radius:14px;background:var(--panel-raised)}.model-detail-emblem .model-service-mark{width:44px;height:44px;flex-basis:44px}
.model-detail-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.model-detail-actions>.overview-latency{flex-basis:100%;margin-bottom:5px}.model-detail-tags{display:flex;flex-wrap:wrap;gap:6px}.model-service-details .studio-detail-status[data-state="busy"]{color:var(--info);background:color-mix(in srgb,var(--info) 8%,var(--panel))}
.model-service-details .model-detail-layout{margin-top:24px;gap:20px}.model-detail-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.model-detail-metrics .studio-detail-resource{padding:20px;gap:16px}.model-detail-metrics .studio-detail-resource-value{font-size:26px;line-height:1.15}.model-detail-metrics .studio-detail-utilization{line-height:1.6}
.model-detail-sections{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin-top:18px}.model-detail-sections .studio-service-detail-section{padding:22px}.model-detail-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:0}.model-detail-info>div{min-width:0}.model-detail-info dt{font-size:12px;color:var(--muted)}.model-detail-info dd{font-size:14px;line-height:1.5;margin:7px 0 0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.model-detail-result-bar{display:flex;gap:4px;height:9px;border-radius:6px;overflow:hidden}.model-detail-result-bar[data-empty="true"]{background:var(--border)}.model-detail-result-bar>span{min-width:3px;border-radius:3px;background:var(--model-result-tone)}.model-detail-result-bar>[hidden]{display:none}
.model-result-success{--model-result-tone:var(--success)}.model-result-failed{--model-result-tone:var(--error)}.model-result-pending{--model-result-tone:var(--info)}.model-detail-result-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}.model-detail-result-counts>div{display:flex;flex-direction:column;gap:10px}.model-detail-result-counts span{font-size:12px;color:var(--muted);display:flex;gap:6px;align-items:center}.model-detail-result-counts span:before{content:'';width:6px;height:6px;border-radius:2px;background:var(--model-result-tone)}.model-detail-result-counts strong{font-size:23px;font-weight:600;font-variant-numeric:tabular-nums}
.model-detail-destinations{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.model-detail-destinations a{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--text);font-size:12px}.model-detail-destinations a:hover{border-color:var(--info);color:var(--info)}.model-detail-destinations svg{width:18px;height:18px}.model-detail-destinations svg:last-child{width:14px;height:14px;color:var(--muted)}
@media(max-width:1000px){.model-service-details .model-detail-layout{grid-template-columns:minmax(0,1fr) 220px}.model-detail-metrics{grid-template-columns:1fr}.model-detail-metrics .studio-detail-resource{display:grid;grid-template-columns:1fr auto;gap:10px 16px;padding:16px 18px}.model-detail-metrics .studio-detail-resource-top{grid-column:1}.model-detail-metrics .studio-detail-resource-value{grid-column:2;grid-row:1/3;align-self:center;font-size:23px}.model-detail-metrics .studio-detail-utilization{grid-column:1}}
@media(max-width:700px){.model-service-details .model-detail-layout{grid-template-columns:1fr}.model-service-details .studio-service-details-header{grid-template-columns:44px minmax(0,1fr);padding:20px;gap:14px}.model-detail-emblem{width:44px;height:44px}.model-detail-emblem .model-service-mark{width:34px;height:34px}.model-detail-actions{grid-column:1/-1;justify-content:flex-start}.model-detail-actions>.overview-latency{flex-basis:auto;margin:0 auto 0 0}.model-service-details .studio-service-details-header h2{font-size:22px}.model-detail-info{gap:18px}.model-detail-result-counts{gap:8px}.model-detail-result-counts span{font-size:11px}.model-detail-sections .studio-service-detail-section{padding:18px}}