/* 人事、资料与设置第二轮：只覆盖电脑版新版。 */
@media (min-width: 769px) {
  body.pc-ui-preview .support-users-page,
  body.pc-ui-preview .support-employee-page,
  body.pc-ui-preview .support-attendance-page,
  body.pc-ui-preview .support-proposal-upload,
  body.pc-ui-preview .support-proposal-list,
  body.pc-ui-preview .venue-template-library,
  body.pc-ui-preview .venue-template-editor {
    min-width: 0;
  }

  body.pc-ui-preview .support-employee-page {
    grid-template-columns: minmax(0, 1fr);
  }

  body.pc-ui-preview .support-employee-page > * {
    min-width: 0;
  }

  body.pc-ui-preview .support-employee-page .page-hero-head,
  body.pc-ui-preview .support-employee-page .page-chip-row {
    flex-wrap: wrap;
  }

  body.pc-ui-preview .support-users-page > h3,
  body.pc-ui-preview .support-attendance-page > h3,
  body.pc-ui-preview .support-proposal-upload > h3,
  body.pc-ui-preview .venue-template-library h3,
  body.pc-ui-preview .venue-template-editor h3 {
    margin: 0;
    color: #203b42;
    font-size: 19px;
  }

  body.pc-ui-preview .support-users-page > .cards,
  body.pc-ui-preview .support-employee-page .cards,
  body.pc-ui-preview .support-attendance-page > .cards {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
  }

  body.pc-ui-preview .support-users-page .stat,
  body.pc-ui-preview .support-employee-page .stat,
  body.pc-ui-preview .support-attendance-page > .cards .stat {
    min-width: 0;
    border-radius: 7px;
    background: #f8fafb;
    box-shadow: none;
  }

  body.pc-ui-preview .support-users-subtitle {
    margin: 18px 0 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e5ebed;
    color: #24454b;
    font-size: 14px;
  }

  body.pc-ui-preview .support-users-page #userForm,
  body.pc-ui-preview #userEditForm,
  body.pc-ui-preview #userEditAuthFields {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
    gap: 12px;
  }

  body.pc-ui-preview .support-user-field,
  body.pc-ui-preview .support-employee-field,
  body.pc-ui-preview .support-proposal-field,
  body.pc-ui-preview .support-attendance-date {
    display: grid;
    align-content: start;
    gap: 5px;
    min-width: 0;
    margin: 0;
  }

  body.pc-ui-preview .support-user-field > span,
  body.pc-ui-preview .support-employee-field > span,
  body.pc-ui-preview .support-proposal-field > span,
  body.pc-ui-preview .support-attendance-date > span {
    color: #465660;
    font-size: 12px;
    font-weight: 700;
  }

  body.pc-ui-preview .support-user-field > input,
  body.pc-ui-preview .support-user-field > select,
  body.pc-ui-preview .support-employee-field > input,
  body.pc-ui-preview .support-employee-field > select,
  body.pc-ui-preview .support-employee-field > textarea,
  body.pc-ui-preview .support-proposal-field > input,
  body.pc-ui-preview .support-proposal-field > select,
  body.pc-ui-preview .support-proposal-field > textarea,
  body.pc-ui-preview .support-attendance-date > input {
    width: 100%;
    min-width: 0;
    margin: 0;
    border-radius: 6px;
    background: #fff;
  }

  body.pc-ui-preview .support-users-page #userForm > .form-span-2,
  body.pc-ui-preview #userEditForm > .form-span-2,
  body.pc-ui-preview #userEditAuthFields > .form-span-2 {
    grid-column: 1 / -1;
  }

  body.pc-ui-preview .support-users-page #userForm > button[type="submit"] {
    width: auto;
    min-width: 120px;
    grid-column: 1 / -1;
    justify-self: end;
  }

  body.pc-ui-preview .support-users-page > .table-scroll,
  body.pc-ui-preview .support-employee-page .table-scroll,
  body.pc-ui-preview .support-attendance-page > .table-scroll,
  body.pc-ui-preview .support-proposal-list > .table-scroll,
  body.pc-ui-preview .venue-template-library > .table-scroll {
    overflow-x: auto;
    border: 1px solid #e0e7ea;
    border-radius: 7px;
  }

  body.pc-ui-preview .support-users-page > .table-scroll > table,
  body.pc-ui-preview .support-employee-page .table-scroll > table,
  body.pc-ui-preview .support-attendance-page > .table-scroll > table,
  body.pc-ui-preview .support-proposal-list .proposal-file-table {
    min-width: 990px;
    margin-top: 0;
  }

  body.pc-ui-preview .venue-template-library .venue-template-table {
    min-width: 1020px;
    margin-top: 0;
  }

  body.pc-ui-preview .support-users-page > .table-scroll > table th,
  body.pc-ui-preview .support-employee-page .table-scroll > table th,
  body.pc-ui-preview .support-attendance-page > .table-scroll > table th,
  body.pc-ui-preview .support-proposal-list .proposal-file-table th,
  body.pc-ui-preview .venue-template-library .venue-template-table th {
    background: #f5f8f9;
    color: #52616b;
    white-space: nowrap;
  }

  body.pc-ui-preview .support-users-page > .table-scroll > table th:last-child,
  body.pc-ui-preview .support-users-page > .table-scroll > table td:last-child,
  body.pc-ui-preview .support-employee-page .table-scroll > table th:last-child,
  body.pc-ui-preview .support-employee-page .table-scroll > table td:last-child,
  body.pc-ui-preview .support-proposal-list .proposal-file-table th:last-child,
  body.pc-ui-preview .support-proposal-list .proposal-file-table td:last-child {
    position: sticky;
    right: 0;
    z-index: 1;
    background: #fff;
    box-shadow: -6px 0 12px -11px #536675;
  }

  body.pc-ui-preview .support-users-page > .table-scroll > table th:last-child,
  body.pc-ui-preview .support-employee-page .table-scroll > table th:last-child,
  body.pc-ui-preview .support-proposal-list .proposal-file-table th:last-child {
    z-index: 2;
    background: #f5f8f9;
  }

  body.pc-ui-preview .support-users-page > .table-scroll > table td:last-child,
  body.pc-ui-preview .support-proposal-list .proposal-file-table td:last-child {
    min-width: 125px;
  }

  body.pc-ui-preview .support-employee-page > .panel {
    border-radius: 8px;
  }

  body.pc-ui-preview .support-employee-page > .panel > .grid {
    grid-template-columns: minmax(220px, 1.5fr) repeat(3, minmax(145px, 1fr));
    gap: 9px;
  }

  body.pc-ui-preview .support-employee-page > .panel > .grid > * {
    width: 100%;
    min-width: 0;
    margin: 0;
  }

  body.pc-ui-preview #employeeProfileModal .edit-modal-card,
  body.pc-ui-preview #userEditModal .edit-modal-card {
    width: min(94vw, 1080px);
    max-width: calc(100vw - 24px);
  }

  body.pc-ui-preview #employeeProfileModal,
  body.pc-ui-preview #userEditModal,
  body.pc-ui-preview #rolePermissionTemplateModal,
  body.pc-ui-preview #attendancePhotoModal,
  body.pc-ui-preview #proposalFilePreviewModal,
  body.pc-ui-preview #proposalFileEditModal,
  body.pc-ui-preview #ourEntityEditModal,
  body.pc-ui-preview #ourAccountEditModal {
    z-index: 110;
  }

  body.pc-ui-preview #employeeProfileModal .preview-modal-close,
  body.pc-ui-preview #userEditModal .preview-modal-close {
    position: sticky;
    top: 0;
    z-index: 3;
    float: right;
    width: fit-content;
    margin: 0 0 10px auto;
  }

  body.pc-ui-preview #employeeProfileModal .edit-modal-card > h3,
  body.pc-ui-preview #userEditModal .edit-modal-card > h3 {
    clear: both;
  }

  body.pc-ui-preview .support-employee-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    min-width: 0;
  }

  body.pc-ui-preview .support-employee-form-section {
    min-width: 0;
    padding: 13px;
    border: 1px solid #dfe8ea;
    border-radius: 8px;
    background: #fff;
  }

  body.pc-ui-preview .support-employee-form-section h4 {
    margin: 0 0 11px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e9eef0;
    color: #24454b;
    font-size: 14px;
  }

  body.pc-ui-preview .support-employee-form-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    min-width: 0;
  }

  body.pc-ui-preview .support-employee-field-address,
  body.pc-ui-preview .support-employee-field-rewardPenalty,
  body.pc-ui-preview .support-employee-field-notes {
    grid-column: 1 / -1;
  }

  body.pc-ui-preview .support-employee-form > .modal-actions {
    grid-column: 1;
    justify-content: flex-end;
    padding-top: 12px;
    border-top: 1px solid #e6ecee;
  }

  body.pc-ui-preview .support-attendance-page .attendance-sync-strip {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
    gap: 9px;
    align-items: end;
  }

  body.pc-ui-preview .support-attendance-page .attendance-sync-strip > button {
    width: auto;
    min-width: 154px;
    margin: 0;
  }

  body.pc-ui-preview .support-attendance-page .attendance-filter-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
    align-items: end;
    min-width: 0;
    padding: 13px;
    border: 1px solid #e0e7ea;
    border-radius: 7px;
    background: #f8fafb;
  }

  body.pc-ui-preview .support-attendance-page .attendance-filter-strip > * {
    min-width: 0;
    width: 100%;
    margin: 0;
  }

  body.pc-ui-preview .support-attendance-page .attendance-filter-divider {
    display: none;
  }

  body.pc-ui-preview .support-attendance-page .attendance-filter-strip > button {
    align-self: end;
  }

  body.pc-ui-preview .support-proposal-upload .proposal-file-form {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 11px;
    align-items: end;
  }

  body.pc-ui-preview .support-proposal-upload .proposal-file-form > *,
  body.pc-ui-preview .support-proposal-upload .proposal-file-form > label > * {
    min-width: 0;
  }

  body.pc-ui-preview .support-proposal-upload .proposal-file-picker,
  body.pc-ui-preview .support-proposal-upload .proposal-file-upload-preview,
  body.pc-ui-preview .support-proposal-upload .support-proposal-field-notes,
  body.pc-ui-preview .support-proposal-upload .proposal-file-form > .modal-actions {
    grid-column: 1 / -1;
  }

  body.pc-ui-preview .support-proposal-upload .proposal-file-form > .modal-actions {
    justify-content: flex-end;
    padding-top: 10px;
    border-top: 1px solid #e6ecee;
  }

  body.pc-ui-preview .support-proposal-list .proposal-file-table .table-action-group {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
  }

  body.pc-ui-preview .proposal-file-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    margin-top: 9px;
  }

  body.pc-ui-preview .proposal-file-filters input:not([type="checkbox"]),
  body.pc-ui-preview .proposal-file-filters select {
    width: auto;
    min-width: 145px;
    min-height: 30px;
    margin: 0;
  }

  body.pc-ui-preview .proposal-file-filters label {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #49636a;
    font-size: 12px;
  }

  body.pc-ui-preview .proposal-expiry-notice {
    display: inline-block;
    margin-left: 9px;
    color: #b45309;
    font-weight: 600;
  }

  body.pc-ui-preview .proposal-file-status-disabled {
    background: #f3e8e8;
    color: #9b3030;
  }

  body.pc-ui-preview .venue-template-library .support-venue-selected > td {
    background: #eff9f7;
  }

  body.pc-ui-preview .venue-template-library .support-venue-selected > td:first-child {
    box-shadow: inset 3px 0 #0e766e;
  }

  body.pc-ui-preview .venue-template-library .table-action-group {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
  }

  body.pc-ui-preview .venue-template-editor {
    scroll-margin-top: 74px;
  }

  body.pc-ui-preview .venue-template-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
  }

  body.pc-ui-preview .venue-template-form > label.form-span-2 {
    grid-column: auto;
  }

  body.pc-ui-preview .venue-template-form > label:first-of-type,
  body.pc-ui-preview .venue-template-form > .modal-actions {
    grid-column: 1 / -1;
  }

  body.pc-ui-preview .venue-template-form textarea {
    min-height: 110px;
    background: #fff;
  }

  body.pc-ui-preview .support-system-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: 0 0 12px;
    padding: 10px 12px;
    border: 1px solid #dfe8ea;
    border-radius: 8px;
    background: #f8fafb;
  }

  body.pc-ui-preview .support-system-nav > button {
    width: auto;
    min-height: 31px;
    margin: 0;
    padding: 5px 11px;
    border-radius: 5px;
    font-size: 12px;
  }

  body.pc-ui-preview #content:has(> .support-system-nav) > section {
    min-width: 0;
    scroll-margin-top: 75px;
  }

  body.pc-ui-preview #content:has(> .support-system-nav) #dingtalkConfigForm,
  body.pc-ui-preview #content:has(> .support-system-nav) #ourEntityForm,
  body.pc-ui-preview #content:has(> .support-system-nav) #ourAccountForm,
  body.pc-ui-preview #content:has(> .support-system-nav) #ownershipBackfillForm {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }

  body.pc-ui-preview #content:has(> .support-system-nav) form > input,
  body.pc-ui-preview #content:has(> .support-system-nav) form > select,
  body.pc-ui-preview #content:has(> .support-system-nav) form > textarea {
    min-width: 0;
    width: 100%;
  }

  body.pc-ui-preview #content:has(> .support-system-nav) #ourEntityForm > textarea,
  body.pc-ui-preview #content:has(> .support-system-nav) #ourAccountForm > textarea {
    grid-column: 1 / -1;
  }
}

@media (min-width: 769px) and (max-width: 1199px) {
  body.pc-ui-preview .support-users-page #userForm,
  body.pc-ui-preview #userEditForm,
  body.pc-ui-preview #userEditAuthFields,
  body.pc-ui-preview .support-employee-form-grid,
  body.pc-ui-preview .support-proposal-upload .proposal-file-form,
  body.pc-ui-preview .support-employee-page > .panel > .grid,
  body.pc-ui-preview .support-attendance-page .attendance-filter-strip,
  body.pc-ui-preview #content:has(> .support-system-nav) #dingtalkConfigForm,
  body.pc-ui-preview #content:has(> .support-system-nav) #ourEntityForm,
  body.pc-ui-preview #content:has(> .support-system-nav) #ourAccountForm,
  body.pc-ui-preview #content:has(> .support-system-nav) #ownershipBackfillForm {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.pc-ui-preview .venue-template-form {
    grid-template-columns: minmax(0, 1fr);
  }

  body.pc-ui-preview .support-attendance-page .attendance-sync-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.pc-ui-preview .support-attendance-page .attendance-sync-strip > button {
    grid-column: 1 / -1;
  }
}

/* Shared phone layout for personnel, attendance, document templates and
   system data. These selectors intentionally do not depend on the desktop
   preview marker: mobile rendering omits that marker in the markup. */
@media (max-width: 768px) {
  #userForm,
  #userEditForm,
  #userEditAuthFields,
  .support-employee-form,
  .support-employee-form-grid,
  .proposal-file-form,
  .venue-template-form,
  #dingtalkConfigForm,
  #ourEntityForm,
  #ourAccountForm,
  #ownershipBackfillForm {
    display: grid;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px;
    min-width: 0;
  }

  #userForm > *,
  #userEditForm > *,
  #userEditAuthFields > *,
  .support-employee-form-grid > *,
  .proposal-file-form > *,
  .venue-template-form > *,
  #dingtalkConfigForm > *,
  #ourEntityForm > *,
  #ourAccountForm > *,
  #ownershipBackfillForm > * {
    grid-column: 1 / -1 !important;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
  }

  #userForm input,
  #userForm select,
  #userEditForm input,
  #userEditForm select,
  #userEditForm textarea,
  #userEditAuthFields input,
  #userEditAuthFields select,
  .support-employee-field > input,
  .support-employee-field > select,
  .support-employee-field > textarea,
  .support-proposal-field > input,
  .support-proposal-field > select,
  .support-proposal-field > textarea,
  .support-attendance-date > input,
  .proposal-file-form input,
  .proposal-file-form select,
  .proposal-file-form textarea,
  .venue-template-form input,
  .venue-template-form textarea,
  #dingtalkConfigForm input,
  #dingtalkConfigForm select,
  #dingtalkConfigForm textarea,
  #ourEntityForm input,
  #ourEntityForm select,
  #ourEntityForm textarea,
  #ourAccountForm input,
  #ourAccountForm select,
  #ourAccountForm textarea,
  #ownershipBackfillForm input,
  #ownershipBackfillForm select,
  #ownershipBackfillForm textarea {
    width: 100%;
    min-width: 0;
    min-height: 40px;
    box-sizing: border-box;
  }

  .support-user-field,
  .support-employee-field,
  .support-proposal-field,
  .support-attendance-date {
    display: grid;
    gap: 5px;
    min-width: 0;
  }

  .support-user-field > span,
  .support-employee-field > span,
  .support-proposal-field > span,
  .support-attendance-date > span {
    color: #465660;
    font-size: 12px;
    font-weight: 700;
  }

  .support-users-page > .cards,
  .support-employee-page .cards,
  .support-attendance-page > .cards,
  #content:has(#userForm) .cards,
  #content:has(.edit-user) .cards,
  #content:has(#employeeProfileKeyword) .cards,
  #content:has(#attForm) .cards,
  #content:has(#attendanceFilterFrom) .cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .support-users-page .stat,
  .support-employee-page .stat,
  .support-attendance-page > .cards .stat,
  #content:has(#userForm) .stat,
  #content:has(.edit-user) .stat,
  #content:has(#employeeProfileKeyword) .stat,
  #content:has(#attForm) .stat,
  #content:has(#attendanceFilterFrom) .stat {
    min-width: 0;
    padding: 10px;
    overflow-wrap: anywhere;
  }

  .support-users-page > .table-scroll,
  .support-employee-page .table-scroll,
  .support-attendance-page > .table-scroll,
  #content:has(#userForm) .table-scroll,
  #content:has(.edit-user) .table-scroll,
  #content:has(#employeeProfileKeyword) .table-scroll,
  #content:has(#attendanceFilterFrom) .table-scroll,
  .proposal-file-library > .table-scroll,
  .venue-template-library > .table-scroll {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #e0e7ea;
    border-radius: 7px;
  }

  .support-users-page > .table-scroll > table,
  .support-employee-page .table-scroll > table,
  .support-attendance-page > .table-scroll > table,
  #content:has(#userForm) .table-scroll > table,
  #content:has(.edit-user) .table-scroll > table,
  #content:has(#employeeProfileKeyword) .table-scroll > table,
  #content:has(#attendanceFilterFrom) .table-scroll > table,
  .proposal-file-table,
  .venue-template-table {
    min-width: 760px;
    margin-top: 0;
  }

  .support-users-page > .table-scroll th,
  .support-users-page > .table-scroll td,
  .support-employee-page .table-scroll th,
  .support-employee-page .table-scroll td,
  .support-attendance-page > .table-scroll th,
  .support-attendance-page > .table-scroll td,
  #content:has(#userForm) .table-scroll th,
  #content:has(#userForm) .table-scroll td,
  #content:has(.edit-user) .table-scroll th,
  #content:has(.edit-user) .table-scroll td,
  #content:has(#employeeProfileKeyword) .table-scroll th,
  #content:has(#employeeProfileKeyword) .table-scroll td,
  #content:has(#attendanceFilterFrom) .table-scroll th,
  #content:has(#attendanceFilterFrom) .table-scroll td,
  .proposal-file-table th,
  .proposal-file-table td,
  .venue-template-table th,
  .venue-template-table td {
    padding: 10px 9px;
    vertical-align: top;
    overflow-wrap: anywhere;
  }

  .support-users-page > .table-scroll th:last-child,
  .support-users-page > .table-scroll td:last-child,
  .support-employee-page .table-scroll th:last-child,
  .support-employee-page .table-scroll td:last-child,
  #content:has(#userForm) .table-scroll th:last-child,
  #content:has(#userForm) .table-scroll td:last-child,
  #content:has(.edit-user) .table-scroll th:last-child,
  #content:has(.edit-user) .table-scroll td:last-child,
  #content:has(#employeeProfileKeyword) .table-scroll th:last-child,
  #content:has(#employeeProfileKeyword) .table-scroll td:last-child,
  #content:has(#attendanceFilterFrom) .table-scroll th:last-child,
  #content:has(#attendanceFilterFrom) .table-scroll td:last-child,
  .proposal-file-table th:last-child,
  .proposal-file-table td:last-child,
  .venue-template-table th:last-child,
  .venue-template-table td:last-child {
    position: sticky;
    right: 0;
    z-index: 1;
    background: #fff;
    box-shadow: -6px 0 12px -11px #536675;
  }

  .support-users-page > .table-scroll th:last-child,
  .support-employee-page .table-scroll th:last-child,
  #content:has(#userForm) .table-scroll th:last-child,
  #content:has(.edit-user) .table-scroll th:last-child,
  #content:has(#employeeProfileKeyword) .table-scroll th:last-child,
  #content:has(#attendanceFilterFrom) .table-scroll th:last-child,
  .proposal-file-table th:last-child,
  .venue-template-table th:last-child {
    z-index: 2;
    background: #f5f8f9;
  }

  .table-action-group,
  .proposal-file-filters,
  .support-system-nav {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    min-width: 0;
  }

  .table-action-group button,
  .proposal-file-filters button,
  .support-system-nav button,
  .proposal-file-table .table-action-group button,
  .venue-template-table .table-action-group button {
    width: 100%;
    min-height: 40px;
    margin: 0;
  }

  .venue-template-library,
  .venue-template-editor,
  .proposal-file-library {
    min-width: 0;
    max-width: 100%;
    gap: 10px;
  }

  .venue-template-form textarea,
  .proposal-file-form textarea {
    min-height: 100px;
  }

  .attendance-sync-strip,
  .attendance-filter-strip,
  .attendance-range-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px;
    min-width: 0;
  }

  .attendance-sync-strip > *,
  .attendance-filter-strip > *,
  .attendance-range-main > * {
    min-width: 0;
    width: 100%;
  }

  .attendance-sync-strip button,
  .attendance-filter-strip button,
  .attendance-range-actions button,
  .attendance-photo-picker button {
    width: 100%;
    min-height: 40px;
  }

  .attendance-range-actions,
  .attendance-settings-actions,
  .attendance-settings-switches {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    align-items: stretch;
  }

  .attendance-photo-picker {
    min-width: 0;
  }

  #employeeProfileModal .edit-modal-card,
  #userEditModal .edit-modal-card,
  #proposalFilePreviewModal .preview-modal-card,
  #proposalFileEditModal .preview-modal-card,
  #attendancePhotoModal .preview-modal-card {
    width: calc(100vw - 20px);
    max-width: calc(100vw - 20px);
    max-height: calc(100vh - 24px);
    overflow-y: auto;
    box-sizing: border-box;
    padding: 12px;
  }

  #employeeProfileModal .edit-modal-card form,
  #userEditModal .edit-modal-card form,
  #proposalFileEditModal .edit-modal-card form {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #employeeProfileModal .edit-modal-card form > *,
  #userEditModal .edit-modal-card form > *,
  #proposalFileEditModal .edit-modal-card form > * {
    grid-column: 1 / -1 !important;
    min-width: 0;
  }
}