/* Platform hierarchy: selectable entities keep a level label, slash and down-chevron. */
.topbar:has(.platform-hierarchy) { height: auto; min-height: 76px; flex-wrap: wrap; gap: 10px 14px; padding-top: 12px; padding-bottom: 12px; }
.topbar:has(.platform-hierarchy) > .crumb { flex: 0 0 auto; white-space: nowrap; }
.topbar:has(.platform-hierarchy) > .topbar-slot { flex: 1 1 540px; min-width: 0; }
.topbar:has(.platform-hierarchy) > .spacer { display: none; }
.topbar:has(.platform-hierarchy) > .env-pill { margin-left: auto; }
.platform-hierarchy { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; min-width: 0; width: 100%; }
.hierarchy-item { display: inline-flex; align-items: center; gap: 10px; flex: 1 1 125px; min-width: 0; max-width: 260px; }
.hierarchy-separator { flex: 0 0 auto; color: var(--ink); font-size: 15px; }
.hierarchy-choice { flex: 1; min-width: 0; }
.hierarchy-level { display: block; margin: 0 0 4px; font-size: 10px; font-weight: 500; color: var(--ink-3); white-space: nowrap; }
.hierarchy-choice select { display: block; width: 100%; min-width: 0; max-width: 100%; appearance: none; border: 0; border-radius: 2px; background-color: transparent;
    color: var(--ink-2); font: inherit; font-size: 13px; line-height: 1.5; padding: 3px 22px 3px 0; cursor: pointer; text-overflow: ellipsis;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%235c5c5c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: right center; }
.hierarchy-choice select:hover:not(:disabled) { color: var(--ink); background-color: var(--surface-hover); }
.hierarchy-choice select:disabled { color: var(--ink-3); cursor: default; opacity: 1; }
.hierarchy-choice select:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
@media (max-width: 1100px) { .topbar:has(.platform-hierarchy) > .topbar-slot { order: 2; flex: 1 1 100%; } }
@media (max-width: 600px) { .hierarchy-item { flex-basis: 135px; max-width: none; } }