/* GDS feedback & overlay components. */
/* AlertBox */
.gds-alert{padding:var(--gds-space-auditorium);background-color:var(--gds-base-bg);border-top:8px solid var(--gds-alert-border-info);box-shadow:var(--gds-elevation-level-1)}
.gds-alert--success{border-top-color:var(--gds-alert-border-success)}
.gds-alert--warning{border-top-color:var(--gds-alert-border-warning)}
.gds-alert--error{border-top-color:var(--gds-alert-border-danger)}
.gds-alert--nested{border:1px solid var(--gds-alert-border-info);border-radius:var(--gds-radius-card);box-shadow:none}
.gds-alert--nested.gds-alert--success{border-color:var(--gds-alert-border-success)}
.gds-alert--nested.gds-alert--warning{border-color:var(--gds-alert-border-warning)}
.gds-alert--nested.gds-alert--error{border-color:var(--gds-alert-border-danger)}
.gds-alert__head{display:flex;gap:var(--gds-space-auditorium)}
.gds-alert__title{align-self:center;max-width:90ch;margin:0;font-weight:var(--gds-font-weight-semibold);font-size:var(--gds-boising-font-size);line-height:var(--gds-boising-line-height);letter-spacing:var(--gds-letter-spacing-default)}
.gds-alert--nested .gds-alert__title{font-weight:var(--gds-font-weight-normal)}
.gds-alert__body{max-width:90ch;margin-top:var(--gds-space-hall);padding-inline-start:calc(var(--gds-icon-viewbox) + var(--gds-space-auditorium))}
.gds-alert__body>:first-child{margin-top:0}
.gds-alert__body>:last-child{margin-bottom:0}
/* AlertBoxLegacy — flat tinted box, superseded by AlertBox */
.gds-alert-legacy{display:flex;gap:var(--gds-space-hall);padding:var(--gds-space-auditorium);border:1px solid var(--gds-alert-border-info);border-radius:var(--gds-radius-card);font-size:var(--gds-rainier-font-size)}

/* Toast */
.gds-toast{display:flex;justify-content:space-between;max-width:var(--gds-toast-max-width);padding-top:var(--gds-space-auditorium);padding-inline:var(--gds-space-auditorium);border-radius:var(--gds-radius-input);background-color:var(--gds-base-bg-inverse)}
.gds-toast__message{display:flex}
.gds-toast__icon{margin-inline-end:var(--gds-space-hall)}
.gds-toast__text{margin-inline-end:var(--gds-space-hall);margin-bottom:var(--gds-space-hall);color:var(--gds-text-inverse);line-height:1.5}
.gds-toast__dismiss{margin-top:calc(var(--gds-space-theatre) / -2);margin-inline-end:calc(var(--gds-space-hall) * -1);margin-bottom:var(--gds-space-lounge);border:none}

/* Tooltip */
.gds-tooltip{position:relative;width:fit-content;overflow:visible}
.gds-tooltip__display{position:absolute;z-index:2;min-width:200px;max-width:240px;font-size:var(--gds-etna-font-size);line-height:var(--gds-space-theatre);color:var(--gds-text-secondary);transition:opacity var(--gds-motion-slow) ease-in}
.gds-tooltip__display[hidden]{display:none}
.gds-tooltip__body{padding:var(--gds-space-hall) var(--gds-space-auditorium);border:1px solid var(--gds-base-border-dark);border-radius:var(--gds-space-lounge);text-wrap:wrap;background:var(--gds-base-bg);box-shadow:var(--gds-elevation-level-2)}
.gds-tooltip__display--top{top:-50%;inset-inline-start:50%;transform:translate(-50%,-100%)}
.gds-tooltip__display--bottom{bottom:0;inset-inline-start:50%;transform:translate(-50%,calc(100% + var(--gds-space-hall)))}
@media (min-width:900px){.gds-tooltip__display{min-width:16rem;max-width:320px}}

/* Modal */
.gds-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--gds-space-amphitheatre) 0;overflow-y:auto;background-color:var(--gds-base-overlay);z-index:10}
.gds-modal{position:relative;display:flex;flex-direction:column;width:80vw;max-height:100%;overflow:auto;background-color:var(--gds-base-bg);box-shadow:var(--gds-elevation-level-4);animation:gds-modal-in 150ms var(--gds-easing-panel)}
@keyframes gds-modal-in{0%{transform:translateY(2%) scale(.96);opacity:0}100%{transform:none;opacity:1}}
@media (min-width:640px){.gds-modal{width:var(--gds-modal-width-md)}.gds-modal--sm{width:var(--gds-modal-width-sm)}.gds-modal--lg{width:var(--gds-modal-width-lg)}}
.gds-modal__header{position:sticky;top:0;display:flex;flex-direction:column;gap:var(--gds-space-club);padding:var(--gds-modal-padding) var(--gds-modal-padding) var(--gds-space-auditorium);background-color:var(--gds-base-bg)}
.gds-modal__title{margin:0;font-weight:var(--gds-font-weight-bold);font-size:var(--gds-matterhorn-font-size);line-height:var(--gds-matterhorn-line-height);letter-spacing:var(--gds-letter-spacing-default);padding-inline-end:calc(var(--gds-icon-total) + var(--gds-space-auditorium))}
.gds-modal__description{margin:0;font-size:var(--gds-rainier-font-size);line-height:var(--gds-rainier-line-height)}
.gds-modal__content{padding:0 var(--gds-modal-padding) var(--gds-space-auditorium);background-color:var(--gds-base-bg)}
.gds-modal__image{width:100%;aspect-ratio:16/9;object-fit:cover}
.gds-modal__close{position:absolute;top:var(--gds-modal-padding);inset-inline-end:var(--gds-modal-padding);width:32px;height:32px;z-index:1}
.gds-modal__actions{position:sticky;bottom:0;display:flex;flex-direction:column;gap:var(--gds-space-hall);justify-content:flex-end;padding:var(--gds-space-auditorium) var(--gds-modal-padding) var(--gds-modal-padding);background-color:var(--gds-base-bg)}
@media (min-width:640px){.gds-modal__actions{flex-direction:row-reverse;justify-content:flex-start}}

/* SidePanel */
.gds-sidepanel{position:fixed;inset:0;display:grid;grid-template-rows:auto 1fr auto;background-color:var(--gds-base-bg);box-shadow:var(--gds-elevation-level-4);transition:transform var(--gds-motion-panel) var(--gds-easing-panel);z-index:11}
@media (min-width:640px){.gds-sidepanel{width:var(--gds-side-panel-width);inset-inline-start:auto;inset-inline-end:0}.gds-sidepanel--wide{width:var(--gds-side-panel-width-wide)}.gds-sidepanel--start{inset-inline-start:0;inset-inline-end:auto}}
.gds-sidepanel__header{position:relative;padding:var(--gds-sidepanel-padding);border-bottom:1px solid var(--gds-sidepanel-border-color)}
.gds-sidepanel__titles{display:flex;flex-direction:column;gap:var(--gds-space-lounge);justify-content:center;min-height:32px;padding-inline-end:calc(32px + var(--gds-space-hall))}
.gds-sidepanel__title{margin:0;font-weight:var(--gds-font-weight-semibold);font-size:var(--gds-fiji-font-size);line-height:var(--gds-fiji-line-height)}
.gds-sidepanel__subtitle{margin:0;font-size:var(--gds-etna-font-size);line-height:var(--gds-etna-line-height);color:var(--gds-text-secondary)}
.gds-sidepanel__content{padding:var(--gds-sidepanel-padding);overflow-y:auto}
.gds-sidepanel__footer{padding:var(--gds-sidepanel-padding);border-top:1px solid var(--gds-sidepanel-border-color)}
.gds-sidepanel__close{position:absolute;top:var(--gds-sidepanel-padding);inset-inline-end:var(--gds-sidepanel-padding);width:32px;height:32px}

/* Popover */
.gds-popover{border:1px solid var(--gds-base-border-dark);border-radius:var(--gds-radius-input);background-color:var(--gds-base-bg);box-shadow:var(--gds-elevation-level-3);z-index:9}
.gds-popover__inner{padding:var(--gds-space-club)}