/* Shared conventions for the admin and client portals. */
.portal-container { width:100%; inline-size:100%; max-width:none !important; max-inline-size:none !important; margin-inline:0; padding-inline:16px; }
/* The header joins the menu and the right edge, as in NewERP. */
.layout-navbar.portal-navbar,.public-header.portal-navbar { width:100%; inline-size:100%; max-inline-size:none; margin:0; border-radius:0; box-shadow:none; border-bottom:1px solid #e5e5ef; background:#fff; padding:12px 16px; min-height:70px; height:auto; }
main.portal-container.container-p-y { padding-top:16px !important; padding-bottom:24px !important; }
.portal-navbar .navbar-caption { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.portal-navbar .portal-account-actions { flex-shrink:0; }
.portal-navbar form { margin:0; }
.portal-navbar .account-name { display:inline-flex !important; }
.standard-action { min-width:36px; width:36px !important; height:36px; padding:0 !important; flex-shrink:0; }
.standard-action i { font-size:20px; }
.table .standard-action { min-width:34px !important; width:34px; height:34px; }
.table td { overflow-wrap:normal; word-break:normal; }
.table td.text-break,.table td code { overflow-wrap:anywhere; }
.table th { white-space:nowrap; }
.table td .d-flex,.table td .action-group { gap:6px !important; align-items:center; }
.table td form { margin-bottom:0; }
.enum-value { display:inline-flex; gap:6px; align-items:center; border:1px solid transparent; border-radius:6px; padding:4px 9px; font-size:13px; line-height:1.4; font-weight:600; white-space:nowrap; max-width:100%; cursor:pointer; }
.enum-value i { font-size:17px; flex-shrink:0; }
.enum-value:hover { border-color:currentColor; }
.enum-value:focus-visible,.enum-info:focus-visible { outline:3px solid #7259f9; outline-offset:3px; }
.enum-info { display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; padding:0; border:0; border-radius:50%; background:transparent; color:#675bbb; vertical-align:middle; cursor:pointer; flex-shrink:0; }
.enum-info:hover { background:#ede9ff; }
.enum-info i { font-size:18px; }
.enum-field-info { margin-top:6px; }
.enum-color-primary { color:#5945c0 !important; background-color:#ede9ff !important; }
.enum-color-info { color:#08617d !important; background-color:#e0f4fa !important; }
.enum-color-success { color:#28693e !important; background-color:#e5f4e9 !important; }
.enum-color-warning { color:#82530b !important; background-color:#fff2d9 !important; }
.enum-color-danger { color:#a12c35 !important; background-color:#fce6e8 !important; }
.enum-color-secondary { color:#535c70 !important; background-color:#edf0f5 !important; }
.enum-help-table td { vertical-align:top; line-height:1.65; }
.enum-help-table .enum-current-row { outline:2px solid #7259f9; outline-offset:-2px; }
.enum-help-table th:first-child,.enum-help-table td:first-child { width:70px; }
.enum-help-table th:nth-child(2),.enum-help-table td:nth-child(2) { width:220px; }
#enum-help-modal .modal-header { align-items:center; }
#enum-help-modal .modal-title { overflow-wrap:anywhere; }
.admin-page-description { border-left:4px solid #7259f9; }
.admin-page-description p,.admin-page-description li { line-height:1.7; }
.admin-page-description ul { padding-left:20px; margin:0; }
.admin-page-description li + li { margin-top:5px; }
.admin-page-description .page-effects { background:#f5f3ff; border-radius:8px; padding:16px; height:100%; }
@media(max-width:1199px) {
  .standard-action,.table .standard-action { min-width:44px !important; width:44px !important; height:44px; }
  .enum-value,.enum-info { min-height:44px; }
  .enum-info { width:44px; }
}
@media(max-width:575px) {
  .portal-container { padding-inline:12px; }
  .public-header.portal-navbar { justify-content:space-between; gap:8px; }
  .enum-help-table th:nth-child(2),.enum-help-table td:nth-child(2) { width:auto; }
  .enum-help-table .enum-value { white-space:normal; }
  .enum-help-table { min-width:480px; }
}

.language-flag { background: transparent; border: 0; }
.language-flag img,.language-table img { object-fit: cover; border-radius: 2px; box-shadow: 0 0 0 1px #0002; }
.language-current { background: #f0eeff; }
.language-table td { vertical-align: middle; padding: .85rem; }
.delete-target { background: #fff1ef; border: 1px solid #ffd0c9; overflow-wrap: anywhere; }