body.gt-modal-open { overflow: hidden; }
dialog.gt-modal { position: fixed; inset: 0; margin: auto; padding: 0; border: 0; width: min(560px, calc(100vw - 32px)); max-width: none; max-height: calc(100dvh - 32px); overflow: visible; background: transparent; color: var(--gt-frost); }
dialog.gt-modal:not([open]) { display: none; }
dialog.gt-modal::backdrop { background: rgba(3, 5, 4, .82); backdrop-filter: blur(12px); }
.gt-modal__surface { width: 100%; max-height: inherit; }
.gt-modal__view { display: block; position: relative; box-sizing: border-box; width: 100%; max-height: calc(100dvh - 32px); overflow-y: auto; padding: clamp(22px, 4vw, 34px); background: var(--gt-panel-solid); border: 1px solid var(--gt-edge); border-radius: var(--gt-radius-panel); box-shadow: 0 30px 100px #0009; font-family: var(--gt-body-font); }
.gt-modal__view[hidden] { display: none !important; }
.gt-modal__view .dialog-title, .gt-modal__view [data-gt-modal-title] { margin: 0 40px 18px 0; font: 800 clamp(23px, 4vw, 30px)/1.2 var(--gt-display-font); color: var(--gt-frost); }
.gt-modal__view [data-gt-modal-description] p { margin: 0; line-height: 1.6; color: var(--gt-muted-strong); overflow-wrap: anywhere; }
.gt-modal__view [data-gt-modal-description] p + p { margin-top: 12px; }
.gt-modal__close { position: absolute; top: 14px; right: 14px; width: 36px; height: 36px; display: grid; place-items: center; padding: 0; background: #ffffff06; color: var(--gt-muted-strong); border: 1px solid var(--gt-seam); border-radius: var(--gt-radius-control); cursor: pointer; }
.gt-modal__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.gt-modal__actions button { flex: 1 1 170px; min-height: 50px; padding: 12px 16px; border: 0; border-radius: var(--gt-radius-control); font: 600 14px var(--gt-body-font); cursor: pointer; }
.gt-modal__actions button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; }
.gt-modal__view :is(.dialog-input, .dialog-input-select, .dialog-zarplata-input, .dialog-kazna-input) { box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; min-height: 52px; padding: 0 15px; font: 500 15px var(--gt-body-font); }
.gt-modal__view .dialog-input-block { min-width: 0; }
.gt-modal__view :is(.dialog-input-text, .dialog-text) { color: var(--gt-muted-strong); }
.gt-modal__view .dialog-button1 { width: 100%; box-sizing: border-box; }
.gt-modal__primary { color: var(--gt-button-primary-text); background: var(--gt-button-primary-bg); box-shadow: inset 0 0 0 1px var(--gt-button-primary-edge); }
.gt-modal__primary:hover { background: var(--gt-button-primary-hover-bg); }
.gt-modal__secondary { color: var(--gt-frost); background: var(--gt-panel-solid); box-shadow: inset 0 0 0 1px var(--gt-edge); }
.gt-modal button:focus-visible { outline: 2px solid var(--gt-accent-bright); outline-offset: 3px; }
[data-gt-submit]:disabled { opacity: .65; cursor: wait; }
@media (max-width: 430px) { dialog.gt-modal { width: calc(100vw - 16px); max-height: calc(100dvh - 16px); } .gt-modal__view { padding: 22px 16px; max-height: calc(100dvh - 16px); } }