/* Shared layout rules for feedback, workflow and loading states. */
:is(.dt-toast,.dt-alert,.dt-progress,.dt-timeline,.dt-key-value-list,.dt-stepper,.dt-identity-row,.dt-page-hero,.dt-breadcrumb,.dt-secondary-nav,.dt-skeleton-grid,.dt-skeleton-list,.dt-skeleton-table,.dt-skeleton-variant)[class] { width:100%; min-width:0; overflow-wrap:anywhere; }
.dt-key-value-list[class] { grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr)); }
.dt-key-value-list--1[class] { grid-template-columns:1fr; }
.dt-stepper[class] { display:flex; flex-wrap:wrap; gap:16px; }
.dt-stepper__step { flex:1 1 150px; min-width:0; }
.dt-stepper__step::after { display:none; }
.dt-progress__head,.dt-timeline__content > div { flex-wrap:wrap; gap:8px; }
.dt-progress__head > span { min-width:0; flex:1 1 180px; }
.dt-progress__head b { flex-shrink:0; }
.dt-identity-row[class] { display:flex; flex-wrap:wrap; gap:12px; }
.dt-identity-row__copy { flex:1 1 160px; min-width:0; }
.dt-identity-row__avatar { flex-shrink:0; }
.dt-page-hero[class] { display:flex; flex-wrap:wrap; gap:20px; container-type:inline-size; }
.dt-page-hero__copy { flex:1 1 300px; min-width:0; }
.dt-page-hero h1 { font-size:clamp(26px,4cqi,40px); }
.dt-page-hero__actions { flex-wrap:wrap; }
.dt-page-hero__card { flex-basis:100%; min-width:0; }
.dt-breadcrumb[class],.dt-breadcrumb__path,.dt-breadcrumb__path > span,.dt-secondary-nav[class] { flex-wrap:wrap; }
.dt-breadcrumb__back { flex-shrink:0; }
.dt-toast[class] { position:relative; padding-right:52px; }
.dt-toast > button { display:grid; place-items:center; width:32px; height:32px; }
.dt-alert[class] { flex-wrap:wrap; }
.dt-alert__content { min-width:0; flex:1 1 180px; }
.dt-skeleton-grid[class] { grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr)); }
.dt-filter-chip-group { display:inline-flex; max-width:100%; align-items:stretch; }
.dt-filter-chip-group > .dt-filter-chip { border-radius:8px 0 0 8px; min-width:0; white-space:normal; }
.dt-filter-chip-remove { display:grid; place-items:center; flex-shrink:0; width:32px; border:1px solid var(--dt-color-border); border-left:0; border-radius:0 8px 8px 0; background:var(--dt-color-surface); color:var(--dt-color-text-muted); cursor:pointer; }
[data-density='compact'] :is(.dt-toast,.dt-alert,.dt-progress) { padding:12px; }
[data-density='compact'] .dt-toast { padding-right:48px; }
@media(prefers-reduced-motion:reduce) { .dt-spinner__ring,.dt-progress__track > span,.dt-skeleton { animation:none !important; } }