.page.registry-page { max-width: none; padding: 52px 15px 48px; background: #f8f8f8; color: #676a6c; font: 300 14px/21px Lexend,sans-serif; }
.registry-page .page-heading { display: flex; align-items: flex-start; margin: 0; }
.registry-page .page-heading h1 { margin-left: 5px; padding-bottom: 5px; color: #676a6c; font: 400 22px/26.4px Lexend,sans-serif; }
.registry-heading-note { flex: 1; margin: 0 0 0 18px; text-align: center; color: #676a6c; font: 300 14px/21px Lexend,sans-serif; }
.reg-shell { margin: 5px 20px 25px; min-width: 0; }
.reg-toolbar { display: flex; justify-content: flex-end; gap: 5px; min-height: 57px; }
.reg-toolbar button, .reg-actions button { align-self: start; padding: 4px 8px; border: 1px solid #1c84c6; border-radius: 3px; background: #fff; color: #1c84c6; font: 400 14px/21px Lexend,sans-serif; }
.reg-toolbar [data-reg-add] { border-color: #005be8; background: #005be8; color: #fff; }
.reg-note { margin: 0 0 12px; color: #676a6c; }
.reg-table-scroll { max-width: 100%; overflow-x: auto; }
.reg-table { width: 100%; border-collapse: collapse; border: 1px solid #ebebeb; background: #fff; font: 300 14px/20px Lexend,sans-serif; }
.reg-table th, .reg-table td { padding: 11px 9px; border: 1px solid #ebebeb; text-align: left; }
.reg-table th { background: #ededed; color: #000; font-weight: 700; }
.reg-table tbody tr:hover { background: #f8f8f8; }
.reg-empty { text-align: center !important; }
.reg-actions { white-space: nowrap; }.reg-actions button { margin: 2px; }
.reg-error, .reg-notice { margin: 0 0 10px; padding: 8px 10px; border: 1px solid; border-radius: 2px; }
.reg-error { border-color: #e9bdc3; background: #fff4f5; color: #a12731; }
.reg-notice { border-color: #b9dbca; background: #f2fbf5; color: #267044; }
.reg-error button { border: 0; background: transparent; color: inherit; text-decoration: underline; }
.reg-dialog { position: fixed; top: 28px; left: 50%; transform: translateX(-50%); width: 691.2px; max-width: calc(100vw - 24px); min-height: 382.5px; margin: 0; padding: 0; border: 1px solid transparent; border-radius: 4px; background: #fff; color: #676a6c; font: 300 14px/21px Lexend,sans-serif; }
.reg-dialog.reg-central-dialog { min-height: 320.5px; }
.reg-dialog::backdrop, .reg-confirm::backdrop { background: rgba(0,0,0,.4); }
.reg-modal-header { height: 43.5px; padding: 10px 15px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e5e5e5; }
.reg-modal-header strong { color: #000; font: 400 15px/22.5px Lexend,sans-serif; }
.reg-modal-header button { border: 0; background: transparent; color: #000; font-size: 24px; line-height: 21px; }
.reg-modal-body { min-height: 243px; padding: 20px 18px 30px; background: #f8fafb; }
.reg-central-dialog .reg-modal-body { min-height: 181px; }
.reg-field { display: grid; grid-template-columns: 167px minmax(0,310px); align-items: center; column-gap: 12px; min-height: 31px; margin-bottom: 8px; font-weight: 500; }
.reg-field > span { padding: 0 12px; }.reg-field:last-child { margin-bottom: 0; }
.reg-field input:not([type="checkbox"]), .reg-field select { 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; }
.reg-field select:not([multiple]) { height: 31px; padding: 3px 9px; border-color: #d8dee6; color: #243447; }
.reg-field select[multiple] { height: 35px; min-height: 35px; }
.reg-central-dialog .reg-field .select2-container { width: 100% !important; max-width: 100%; font: 400 14px/21px Lexend,sans-serif; }
.reg-central-dialog .select2-container--default .select2-selection--multiple { min-height: 35px; border: 1px solid #e5e6e7; border-radius: 1px; }
.reg-central-dialog .select2-container--default .select2-selection--multiple .select2-selection__choice { background: #e9eef4; border-color: #d8dee6; }
.reg-field input[type="checkbox"] { justify-self: start; width: 13px; height: 13px; margin: 0; }
.reg-modal-footer { height: 94px; padding: 27px; display: flex; justify-content: flex-end; }
.reg-modal-footer button { align-self: start; margin: 4px; padding: 4px 8px; border: 1px solid #005be8; border-radius: 3px; background: #005be8; color: #fff; font: 400 14px/21px Lexend,sans-serif; }
.reg-confirm { top: 50%; left: 50%; transform: translate(-50%,-50%); width: min(440px,calc(100vw - 24px)); margin: 0; padding: 25px; border: 0; border-radius: 5px; background: #fff; text-align: center; }
.reg-confirm h2 { margin: 0 0 22px; font-size: 22px; }.reg-confirm button { margin: 0 5px; padding: 8px 20px; border: 0; border-radius: 3px; background: #005be8; color: #fff; }
.reg-confirm [data-reg-unassign-no] { background: #e7eaf0; color: #263243; }
.reg-confirm [data-reg-unassign-yes] { background: #dd6b55; }
@media (max-width: 700px) { .page.registry-page { padding: 24px 13px 35px; }.registry-page .page-heading { display: block; }.registry-heading-note { margin: 6px 0 0; text-align: left; }.reg-shell { margin: 5px 0 20px; }.reg-toolbar { flex-wrap: wrap; }.reg-table { min-width: 650px; }.reg-modal-body { padding: 16px; }.reg-field { grid-template-columns: 1fr; gap: 4px; }.reg-field > span { padding: 0; } }