.hiring-notification { box-sizing: border-box; width: min(860px, calc(100vw - 40px)); max-height: calc(100dvh - 48px); overflow: auto; padding: 28px; border: 1px solid var(--warm-300, #ddd); border-radius: 16px; color: var(--ink, #273b34); background: var(--paper, #fff); font: inherit; }
.hiring-notification::backdrop { background: rgb(23 40 33 / 40%); }
.hiring-notification h2 { font-size: 21px; margin: 0 0 12px; }
.hiring-notification p { font-size: 13px; line-height: 1.6; }
.hiring-notification__check { display: flex; gap: 10px; align-items: center; margin: 20px 0; }
.hiring-notification input[type=checkbox] { width: 18px; height: 18px; }
.hiring-notification textarea { display: block; box-sizing: border-box; width: 100%; padding: 12px; margin-top: 8px; font: inherit; border: 1px solid #bec9c1; border-radius: 8px; resize: vertical; }
.hiring-notification footer { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.hiring-notification button { padding: 10px 16px; border: 1px solid #bec9c1; border-radius: 8px; font: inherit; cursor: pointer; background: white; color: #273b34; }
.hiring-notification button[type=submit] { color: white; background: #315b48; border-color: #315b48; }
.hiring-notification :focus-visible { outline: 3px solid #6b9e82; outline-offset: 2px; }

.hiring-notification__details > label { display: block; margin-top: 16px; }
.hiring-notification input:not([type=checkbox]), .hiring-notification select { box-sizing: border-box; display: block; width: 100%; margin-top: 6px; padding: 9px 10px; font: inherit; border: 1px solid #bec9c1; border-radius: 8px; background: white; color: inherit; }
.hiring-notification__templates { padding: 14px; margin: 14px 0; border: 1px solid #dfe5de; border-radius: 10px; background: #f6f8f4; }
.hiring-notification__template-save { margin-top: 12px; }
.hiring-notification__template-save > div { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.hiring-notification__template-save button { padding: 7px 10px; font-size: 12px; }
.hiring-notification [data-template-status] { margin-bottom: 0; overflow-wrap: anywhere; }
.hiring-notification button:disabled { opacity: .55; cursor: default; }
.hiring-notification [hidden] { display: none !important; }

.hiring-notification [data-personalization-preview] { padding: 12px; border-left: 3px solid #6b9e82; background: #f6f8f4; margin-top: 12px; }
.hiring-notification [data-message-preview] { white-space: pre-wrap; overflow-wrap: anywhere; }
.hiring-notification code { font-size: 12px; }