/* Form text translations: Shared/FormTranslationsPanel.razor (designer pane, form dialog) and the
   "Form texts" tab of Pages/Admin/TranslationsManager.razor. */

.ftp { display: flex; flex-direction: column; gap: 0.5rem; min-width: 0; }
.ftp__bar { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.ftp__lang { font-weight: 600; display: inline-flex; align-items: center; gap: 0.3rem; }
.ftp__count { margin-left: auto; font-size: 0.8rem; color: var(--rz-text-secondary-color); white-space: nowrap; }
.ftp__filters { display: flex; align-items: center; gap: 0.4rem; flex-wrap: wrap; }
.ftp__search { flex: 1 1 10rem; min-width: 8rem; }
.ftp__check { font-size: 0.8rem; }
.ftp__actions { display: flex; gap: 0.4rem; flex-wrap: wrap; }
.ftp__empty { padding: 1rem 0.5rem; text-align: center; font-size: 0.85rem; color: var(--rz-text-secondary-color); }
.ftp__list { display: flex; flex-direction: column; gap: 0.4rem; }
.ftp__row { border: 1px solid var(--rz-border-color); border-radius: 8px; padding: 0.45rem 0.55rem; display: flex; flex-direction: column; gap: 0.3rem; background: var(--rz-base-background-color, #fff); min-width: 0; }
.ftp__row--selected { border-color: var(--rz-primary); box-shadow: inset 3px 0 0 var(--rz-primary); }
.ftp__where { display: flex; align-items: center; gap: 0.35rem; flex-wrap: wrap; font-size: 0.75rem; color: var(--rz-text-secondary-color); min-width: 0; }
.ftp__prop { font-weight: 600; text-transform: uppercase; letter-spacing: 0.02em; font-size: 0.68rem; color: var(--rz-primary); }
.ftp__name { font-weight: 600; color: var(--rz-text-color); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 14rem; }
.ftp__path { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; flex: 1 1 6rem; }
.ftp__show { margin-left: auto; }
.ftp__texts { display: flex; flex-direction: column; gap: 0.3rem; }
.ftp__source, .ftp__target { display: flex; align-items: center; gap: 0.4rem; min-width: 0; }
.ftp__code { flex: 0 0 auto; width: 1.9rem; text-align: center; font-size: 0.68rem; font-weight: 600; text-transform: uppercase; border-radius: 4px; padding: 0.1rem 0; background: var(--rz-base-200, #eceff1); color: var(--rz-text-secondary-color); }
.ftp__source-text { flex: 1 1 auto; min-width: 0; font-size: 0.9rem; overflow-wrap: anywhere; }
.ftp__input { flex: 1 1 auto; min-width: 0; width: 100%; }
.ftp__input.ftp__input--missing { background-color: #fffbeb !important; }
.ftp__ok { color: var(--rz-success); font-size: 1rem; flex: 0 0 auto; }
.ftp__link { border: 0; background: none; padding: 0; margin-left: 2.3rem; color: var(--rz-primary); font-size: 0.78rem; cursor: pointer; text-align: left; }
.ftp__link:hover { text-decoration: underline; }
.ftp__changed { display: flex; align-items: center; gap: 0.35rem; flex-wrap: wrap; font-size: 0.75rem; color: #8a5a00; background: #fff4e5; border-radius: 6px; padding: 0.25rem 0.4rem; }
.ftp__changed .rzi { font-size: 0.95rem; }
.ftp__changed .ftp__link { margin-left: 0; }
.ftp__fixes { display: flex; align-items: center; gap: 0.35rem; flex-wrap: wrap; font-size: 0.75rem; color: #1d4f91; background: #eaf2fd; border-radius: 6px; padding: 0.25rem 0.4rem; }
.ftp__fixes .rzi { font-size: 0.95rem; }
.ftp__fixes .ftp__link { margin-left: 0; }
.ftp__more { align-self: center; }

/* Wide: where-it-is on the left, the two texts side by side. */
.ftp--wide .ftp__row { display: grid; grid-template-columns: minmax(10rem, 1fr) minmax(0, 3fr); align-items: start; gap: 0.6rem; }
.ftp--wide .ftp__where { flex-direction: column; align-items: flex-start; gap: 0.1rem; }
.ftp--wide .ftp__name { max-width: 100%; }
.ftp--wide .ftp__path { white-space: normal; }
.ftp--wide .ftp__show { margin-left: 0; }
.ftp--wide .ftp__texts { display: grid; grid-template-columns: 1fr 1fr; gap: 0.3rem 0.6rem; }
.ftp--wide .ftp__link, .ftp--wide .ftp__changed { grid-column: 2; }
@media (max-width: 720px) {
    .ftp--wide .ftp__row, .ftp--wide .ftp__texts { grid-template-columns: 1fr; }
    .ftp--wide .ftp__link, .ftp--wide .ftp__changed { grid-column: 1; }
}

/* Translations page: Form texts tab (form list + panel). */
.ftm { display: grid; grid-template-columns: minmax(14rem, 20rem) minmax(0, 1fr); gap: 1rem; align-items: start; }
.ftm__forms { display: flex; flex-direction: column; gap: 0.25rem; max-height: 75vh; overflow-y: auto; }
.ftm__form { display: flex; align-items: center; gap: 0.5rem; padding: 0.45rem 0.6rem; border-radius: 8px; border: 1px solid transparent; background: none; text-align: left; cursor: pointer; font: inherit; color: inherit; }
.ftm__form:hover { background: var(--rz-base-100, #f5f7f8); }
.ftm__form--sel { background: #e8f0fe; border-color: var(--rz-primary); }
.ftm__form-name { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ftm__bar-track { flex: 0 0 3rem; height: 6px; border-radius: 3px; background: var(--rz-base-300, #dde1e4); overflow: hidden; }
.ftm__bar-fill { height: 100%; background: var(--rz-success); }
.ftm__pct { flex: 0 0 2.6rem; text-align: right; font-size: 0.75rem; color: var(--rz-text-secondary-color); }
.ftm__head { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 0.5rem; }
.ftm__title { font-size: 1.1rem; font-weight: 600; margin-right: auto; }
.ftm__used { display: flex; align-items: center; gap: 0.35rem; flex-wrap: wrap; margin-bottom: 0.75rem; font-size: 0.85rem; }
.ftm__used-label { color: var(--rz-text-secondary-color); }
.ftm__chip { display: inline-flex; align-items: center; gap: 0.25rem; border: 1px solid var(--rz-border-color); border-radius: 999px; padding: 0.1rem 0.55rem; text-decoration: none; color: var(--rz-text-color); background: var(--rz-base-background-color, #fff); }
.ftm__chip:hover { border-color: var(--rz-primary); color: var(--rz-primary); }
.ftm__chip .rzi { font-size: 0.95rem; }
.ftm__chip-kind { color: var(--rz-text-secondary-color); font-size: 0.75rem; }
@media (max-width: 900px) { .ftm { grid-template-columns: 1fr; } .ftm__forms { max-height: 14rem; } }

/* V2 designer (Pages/FormEditorV2.razor): Translate tab and preview language picker. */
.fev2__translate-hint { font-size: 0.78rem; color: var(--rz-text-secondary-color); margin-bottom: 0.5rem; }
.fev2__lang { display: inline-flex; }

/* AI translation (Settings -> AI): progress line, "AI" mark on texts made by AI. */
.ftp__ai-progress { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; font-size: 0.8rem; padding: 0.35rem 0.55rem; border-radius: 6px; background: #ede7f6; color: #4527a0; }
.ftp__ai { flex: 0 0 auto; font-size: 0.65rem; font-weight: 700; letter-spacing: 0.04em; padding: 0.1rem 0.35rem; border-radius: 4px; background: #ede7f6; color: #5e35b1; cursor: help; }
.ftp__ai-btn { flex: 0 0 auto; color: #5e35b1 !important; }
.ftp__note-wait { font-size: 0.72rem; color: #5e35b1; white-space: nowrap; }