.libn-dialog { position: fixed; top: 28px; left: 50%; transform: translateX(-50%); width: min(1140px, calc(100vw - 24px)); max-height: calc(100vh - 56px); margin: 0; padding: 0; border: 1px solid transparent; border-radius: 4px; background: #fff; color: #676a6c; font: 300 14px/21px Lexend,sans-serif; }
.libn-dialog::backdrop, .libn-warning::backdrop { background: rgba(0,0,0,.4); }
.libn-modal-header { min-height: 60px; padding: 10px 15px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e5e5e5; }
.libn-modal-header strong { color: #000; font: 400 26px/39px Lexend,sans-serif; }
.libn-modal-header button { border: 0; background: transparent; color: #000; font-size: 24px; }
.libn-modal-body { min-height: 527px; max-height: calc(100vh - 190px); overflow-y: auto; padding: 20px 30px 30px; background: #f8fafb; }
.libn-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); grid-template-rows: 75.5px 40.5px 87px 72px 72px 84.5px 35px; column-gap: 9px; row-gap: 0; padding-right: 9px; align-items: start; }
.libn-field { min-width: 0; display: flex; flex-direction: column; gap: 5px; font-weight: 400; }
.libn-field > span, .libn-field legend { font-weight: 400; }
.libn-field input:not([type="radio"]), .libn-field select { box-sizing: border-box; width: 100%; height: 35px; padding: 6px 12px; border: 1px solid #e5e6e7; border-radius: 1px; background: #fff; color: #676a6c; font: 400 14px/21px Lexend,sans-serif; }
.libn-field select:disabled { background: #e9ecef; }
.libn-branch { grid-column: 1 / span 2; max-width: 369.328px; gap: 0; }
.libn-branch select { height: 31px; padding: 3px 9px; }
.libn-staffType, .libn-salaryPayType { grid-column: 1 / -1; }
.libn-genderChoice, .libn-outsourceChoice { margin-top: 22px; }
.libn-radio { display: flex; flex-direction: row; align-items: center; gap: 8px; height: 35px; margin: 0; padding: 0; border: 0; }
.libn-radio > div { display: flex; gap: 16px; min-height: 35px; align-items: center; }
.libn-radio label { display: flex; align-items: center; gap: 5px; white-space: nowrap; }
.libn-radio input { margin: 0; }
.libn-modal-footer { min-height: 71px; padding: 12px 27px; display: flex; justify-content: flex-end; align-items: center; }
.libn-modal-footer button { padding: 6px 12px; border: 1px solid #005be8; border-radius: 3px; background: #005be8; color: #fff; font: 400 16px/24px Lexend,sans-serif; }
.libn-modal-footer button:disabled { opacity: .55; }
.libn-notice { margin: 0 0 10px; padding: 8px 10px; border: 1px solid; border-radius: 2px; }
.libn-notice { border-color: #b9dbca; background: #f2fbf5; color: #267044; }
.libn-warning { top: 50%; left: 50%; transform: translate(-50%,-50%); width: min(440px,calc(100vw - 24px)); margin: 0; padding: 24px 28px; border: 0; border-radius: 5px; background: #fff; text-align: center; color: #676a6c; }
.libn-warning h2 { margin: 0 0 22px; color: #000; font: 400 20px/28px Lexend,sans-serif; }
.libn-warning button { padding: 8px 30px; border: 0; border-radius: 3px; background: #005be8; color: #fff; font: 400 14px/21px Lexend,sans-serif; }
@media (max-width: 900px) { .libn-grid { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: auto; row-gap: 16px; padding-right: 0; }.libn-branch { grid-column: 1 / span 2; }.libn-genderChoice, .libn-outsourceChoice { margin-top: 0; } }
@media (max-width: 560px) { .libn-grid { grid-template-columns: 1fr; }.libn-branch { grid-column: 1; }.libn-modal-header strong { font-size: 20px; } }