/* KH46 Modalbokse – Basic, mobile-first modal styles */
.kh46-modal { position: fixed; inset: 0; z-index: 9999; display: grid; place-items: center; }
.kh46-modal.is-hidden { display: none; }
.kh46-modal__overlay { position: absolute; inset: 0; background: rgba(0,0,0,.45); }
.kh46-modal__dialog { position: relative; background: #fff; width: min(92vw, 820px); max-height: 92vh; display: grid; grid-template-rows: auto 1fr auto; overflow: hidden; border-radius: 14px; box-shadow: 0 10px 40px rgba(0,0,0,.2); }
.kh46-modal__header { position: sticky; top: 0; z-index: 1; display: flex; align-items: center; gap: .75rem; padding: .9rem 1.25rem; background: #fff; border-bottom: 1px solid #eee; }
.kh46-modal__title { margin: 0; font-size: 1.2rem; font-weight: 600; flex: 1; min-width: 0; }
.kh46-modal__close { border: 1px solid #d0d7de; background: #f6f8fa; border-radius: 8px; padding: .35rem .7rem; font-size: .95rem; line-height: 1.2; cursor: pointer; }
.kh46-modal__close:hover { background: #eef1f4; }
.kh46-modal__body { padding: 1rem 1.25rem; overflow: auto; }
.kh46-modal__content > *:first-child { margin-top: 0; }
.kh46-modal__loading { font-style: italic; }
.kh46-modal__footer { padding: .8rem 1.25rem; border-top: 1px solid #eee; background: #fff; }
.kh46-modal__close--footer { width: 100%; }
@media (max-width: 480px) { .kh46-modal__dialog { width: 100vw; height: 95vh; border-radius: 12px 12px 0 0; align-self: end; } }