.catalog-vehicle-context{position:sticky;top:var(--catalog-header-height,76px);z-index:15;background:#f6faf9;border-bottom:1px solid #d5e3e2;box-shadow:0 3px 12px #102c3106;color:var(--ink,#102c31)}
.catalog-vehicle-context-inner{max-width:1640px;margin:auto;display:flex;align-items:center;gap:25px;padding:12px 4%;min-height:64px;box-sizing:border-box}
.catalog-vehicle-label{min-width:0}.catalog-vehicle-label>small{display:block;color:var(--muted,#58737c);font:600 10px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.09em;margin-bottom:3px}.catalog-vehicle-label strong{font:700 18px/1.3 'Barlow',Arial,sans-serif;overflow-wrap:anywhere}
.catalog-vehicle-context dl{display:flex;align-items:center;flex-wrap:wrap;gap:8px 23px;margin:0}.catalog-vehicle-context dl>div{display:flex;align-items:baseline;gap:7px}.catalog-vehicle-context dt{font:400 12px/1.5 Arial,sans-serif;color:var(--muted,#58737c)}.catalog-vehicle-context dd{margin:0;font:600 13px/1.5 Arial,sans-serif}.catalog-vehicle-code dd{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--muted,#58737c)}
.catalog-vehicle-actions{margin-left:auto;display:flex;align-items:center;gap:15px;flex-shrink:0}.catalog-vehicle-actions a{font:600 13px/1.4 Arial,sans-serif;color:var(--accent,#087e8a);text-decoration:underline;text-underline-offset:3px}.catalog-vehicle-actions button{border:0;background:transparent;min-width:36px;min-height:36px;font-size:23px;color:var(--muted,#58737c);cursor:pointer}.catalog-vehicle-context a:focus-visible,.catalog-vehicle-context button:focus-visible{outline:3px solid #087e8a;outline-offset:4px}
.catalog-vehicle-context--recent{position:static;border:1px solid #d5e3e2;border-radius:4px;box-shadow:none;margin:0 0 25px}.catalog-vehicle-context--recent .catalog-vehicle-context-inner{padding:13px 17px;gap:20px}
/* The existing workspace still owns its panels; the catalog bar extends its offset. */
html:has(body>.catalog-vehicle-context) .diagram-page .catalog-workspace{--catalog-workspace-top:var(--catalog-context-stack,154px)!important}
.catalog-system-filter{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.catalog-system-filter>span{font:600 12px/1.4 Arial,sans-serif;color:var(--muted,#58737c)}.catalog-system-filter select{min-height:44px;min-width:190px;max-width:100%;padding:10px 35px 10px 12px;background:#fff;border:1px solid var(--line,#d8e3e3);font-size:15px}.catalog-model-filter .catalog-system-filter{flex:0 1 220px;min-width:160px}.catalog-model-filter .catalog-system-filter select{width:100%}
.catalog-configuration-tags{display:flex!important;flex-wrap:wrap;gap:5px;margin-top:8px}.catalog-configuration-tags small{font:500 11px/1.4 Arial,sans-serif;border:1px solid #d8e5e4;border-radius:3px;background:#edf5f4;color:#536f76;padding:3px 6px}.diagram-meta .catalog-configuration-tags{font-weight:400}
#vehicle-picker{scroll-margin-top:105px}
@media(max-width:700px){.catalog-vehicle-context-inner{padding:9px 16px;gap:7px 14px;flex-wrap:wrap;min-height:0}.catalog-vehicle-label{flex:1}.catalog-vehicle-label strong{font-size:16px}.catalog-vehicle-context dl{order:3;width:100%;gap:5px 17px}.catalog-vehicle-context dt{font-size:10px}.catalog-vehicle-context dd{font-size:11px}.catalog-vehicle-code dd{font-size:10px}.catalog-vehicle-actions{gap:11px}.catalog-vehicle-actions a{font-size:12px}.catalog-vehicle-context--recent .catalog-vehicle-context-inner{padding:12px;gap:8px 12px}.catalog-vehicle-context--recent .catalog-vehicle-actions{flex-wrap:wrap}.catalog-model-filter .catalog-system-filter{flex-basis:100%}.catalog-system-filter select{width:100%}}
@media print{.catalog-vehicle-context{position:static;box-shadow:none}.catalog-vehicle-actions,.catalog-system-filter{display:none}.catalog-vehicle-context-inner{padding:10px 0}}