/* HDS Dropdown 1.0 — canonical presentation owner. */
.hds-dropdown { position: relative; display: inline-flex; min-width: 0; }
.hds-dropdown__trigger { display: inline-flex; min-width: 0; }
.hds-dropdown__menu { position: absolute; z-index: var(--hds-z-dropdown, 1000); top: calc(100% + .35rem); inset-inline-start: 0; display: grid; min-width: 12rem; width: max-content; max-width: min(24rem, calc(100vw - 2rem)); padding: .35rem; color: var(--color-text, #24384a); background: var(--color-surface, #fff); border: 1px solid var(--color-border, #dce4e9); border-radius: .55rem; box-shadow: 0 .75rem 2rem rgba(20, 39, 55, .16); }
.hds-dropdown--end .hds-dropdown__menu { inset-inline: auto 0; }
.hds-dropdown--width-trigger .hds-dropdown__menu { width: 100%; min-width: 100%; }
.hds-dropdown--placement-bottom .hds-dropdown__menu { top: 100%; }
.hds-dropdown--placement-top .hds-dropdown__menu { top: auto; bottom: 100%; }
.hds-dropdown__menu[hidden] { display: none; }
.hds-dropdown__item { display: flex; align-items: center; gap: .55rem; width: 100%; min-height: 2.25rem; padding: .48rem .65rem; color: inherit; background: transparent; border: 0; border-radius: .38rem; font: inherit; line-height: 1.3; text-align: start; text-decoration: none; cursor: pointer; }
.hds-dropdown__item:hover:not(.is-disabled), .hds-dropdown__item:focus-visible { background: var(--color-surface-soft, #eef4f7); outline: none; }
.hds-dropdown__item:focus-visible { box-shadow: inset 0 0 0 2px var(--color-primary, #176da6); }
.hds-dropdown__item.is-active { color: var(--color-primary, #176da6); background: color-mix(in srgb, var(--color-primary, #176da6) 9%, transparent); font-weight: 700; }
.hds-dropdown__item.is-danger { color: var(--color-danger, #b42318); }
.hds-dropdown__item.is-disabled { opacity: .5; cursor: not-allowed; }
.hds-dropdown__label { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
.hds-dropdown__icon, .hds-dropdown__badge { flex: 0 0 auto; }
.hds-dropdown__badge { padding: .08rem .38rem; border-radius: 999px; background: var(--color-surface-soft, #eef4f7); font-size: .78em; }
.hds-dropdown__separator { height: 1px; margin: .3rem .25rem; background: var(--color-border, #dce4e9); }
.hds-dropdown__heading { padding: .48rem .65rem .28rem; color: var(--color-text-muted, #647686); font-size: .75rem; font-weight: 750; letter-spacing: .04em; text-transform: uppercase; }
.hds-dropdown__empty { padding: .65rem; color: var(--color-text-muted, #647686); font-size: .875rem; }
.hds-dropdown__component > * { width: 100%; }
