/* Frontend only: accommodate English copy without changing submitted values. */
html[lang="en"] .control-label { line-height: 1.45; overflow-wrap: break-word; }
html[lang="en"] .form-group .error { height: auto; line-height: 1.5; }
html[lang="en"] .aside-left a,
html[lang="en"] .user-left a { white-space: normal; overflow-wrap: break-word; }
html[lang="en"] .list-bottom-common .index-common .con p { height: auto; min-height: 80px; }
.frontend-language-switch { position: fixed; right: 16px; bottom: 16px; z-index: 2001; display: flex; gap: 12px; padding: 8px 12px; border: 1px solid #ddd; border-radius: 20px; background: #fff; box-shadow: 0 2px 8px #0001; font: 13px/1.4 Arial, sans-serif; }
.frontend-language-switch a { color: #434a60; text-decoration: none; }
.frontend-language-switch a[aria-current="true"] { color: #5835e3; font-weight: bold; }
html[lang="en"] .login-logo-wrap .slogan-text { width: max-content; max-width: calc(100vw - 32px); height: auto; min-height: 30px; padding: 4px 16px; line-height: 1.5; }
/* Keep long English table headings readable on narrow user-center screens. */
html[lang="en"] .table-responsive > .app-table { min-width: 760px; }
html[lang="en"] .table-responsive > .app-table th { padding: 10px 12px; white-space: nowrap; }
.frontend-file-picker { position: relative; display: flex; align-items: center; gap: 8px; max-width: 100%; padding: 6px 8px; border: 1px solid #e0e0e0; background: #fff; font-weight: normal; cursor: pointer; }
.frontend-file-picker .frontend-file-button { flex: 0 0 auto; padding: 4px 8px; border: 1px solid #ccc; border-radius: 3px; background: #f5f5f5; }
.frontend-file-picker [data-file-name] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.frontend-file-picker input[type="file"] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.frontend-file-picker:focus-within { outline: 2px solid #5835e3; outline-offset: 2px; }
/* Existing dialogs contain fixed-width fields; keep both locales within the viewport. */
.modal .modal-dialog { max-width: calc(100vw - 24px); }
.modal .form-control { max-width: 100%; }
.modal input[type="text"], .modal input[type="password"], .modal input[type="number"], .modal textarea, .modal select { max-width: 100%; }