/*
 * Diálogos de edición: Buscar y Reemplazar, e Insertar hipervínculo.
 *
 * Ambos heredan de `.dialog` (dialogs.css) y solo ajustan lo propio. El de
 * búsqueda no lleva fondo modal —el usuario tiene que ver la coincidencia
 * resaltada en la diapositiva mientras recorre los resultados—, sus campos son
 * más anchos que los de los diálogos de formato y el pie coloca los botones a
 * la derecha en una sola fila, como en PowerPoint.
 *
 * Las clases propias llevan el prefijo `find-dialog` o `link-dialog`.
 */

/* Sin `z-index`: el orden de apilado lo da el orden en `.overlay-root`, como en
   los demás diálogos, para que un menú abierto encima siga viéndose. */
.find-dialog {
    min-width: 420px;
}

.find-dialog .field {
    align-items: center;
}

.find-dialog__input {
    width: 240px;
}

.find-dialog__checks {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 8px 0 4px;
    padding-top: 8px;
    border-top: 1px solid var(--ppt-border-soft);
}

.find-dialog__check {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--ppt-text-2);
    cursor: pointer;
    user-select: none;
}

.find-dialog__status {
    min-height: 18px;
    margin-top: 8px;
    color: var(--ppt-text-muted);
    font-size: var(--ppt-font-size-ui-sm);
}

.find-dialog .dialog__footer {
    flex-wrap: wrap;
}

/* ---------- Insertar hipervínculo ---------- */

.link-dialog {
    min-width: 460px;
}

.link-dialog__input {
    width: 280px;
}

.link-dialog__error,
.find-dialog__status:empty {
    min-height: 18px;
}

.link-dialog__error {
    margin-top: 8px;
    color: var(--ppt-spell-error);
    font-size: var(--ppt-font-size-ui-sm);
}