/* GestionarUnidadesModal (R-02): CSS movido desde el <style> inline del componente a un modulo global
   (patron de tareas.css/pqrs.css). Enlazado en App.razor. Reglas identicas; @@->@ desescapado. */
    .gum-header {
        display: flex; align-items: center; gap: 13px;
        padding: 18px 24px;
        border-bottom: 1px solid var(--propia-border-divider);
        flex-shrink: 0;
    }
    .gum-header-icon {
        width: 38px; height: 38px; border-radius: 10px;
        background: var(--propia-brand-soft, var(--propia-brand-soft));
        color: var(--propia-brand, var(--propia-brand));
        display: flex; align-items: center; justify-content: center;
    }
    .gum-header-text { flex: 1; }
    .gum-title { font-size: 16px; font-weight: 800; letter-spacing: -0.3px; color: var(--propia-text-h1); }
    .gum-subtitle { font-size: 12.5px; color: var(--propia-text-muted); }
    .gum-close {
        width: 34px; height: 34px; border-radius: 9px;
        display: flex; align-items: center; justify-content: center;
        color: var(--propia-text-muted); border: 1px solid var(--propia-border-card);
        background: var(--propia-bg-card); cursor: pointer;
    }
    .gum-close:hover { background: var(--propia-bg-app); color: var(--propia-text-body); }

    .gum-body {
        flex: 1; min-height: 0;
        display: flex; align-items: stretch;
    }

    /* ===== Panel izq ===== */
    .gum-panel-left {
        width: 600px; flex-shrink: 0;
        padding: 22px 24px;
        border-right: 1px solid var(--propia-border-divider);
        overflow-y: auto;
    }

    .gum-toast-ok {
        display: flex; align-items: center; gap: 10px;
        background: var(--propia-ok-soft); border: 1px solid var(--propia-success-border);
        border-radius: 11px; padding: 11px 14px; margin-bottom: 14px;
        font-size: 12.5px; color: var(--propia-success-hover); font-weight: 600;
    }
    .gum-toast-icon { width:26px; height:26px; border-radius:7px; background:var(--propia-success); color: var(--propia-text-inverse); display:flex; align-items:center; justify-content:center; flex-shrink:0; }

    .gum-summary {
        display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
        margin-bottom: 16px;
        font-size: 13px; color: var(--propia-text-secondary);
    }
    .gum-summary-strong { color: var(--propia-text-body); font-weight: 700; }
    .gum-summary-sep { color: var(--propia-text-faint); }
    .gum-chip {
        display: inline-flex; align-items: center; gap: 6px;
        font-size: 11.5px; font-weight: 700; color: var(--propia-success);
        background: var(--propia-ok-soft); padding: 4px 10px; border-radius: 7px;
    }
    .gum-chip--warn { color: var(--propia-warning); background: var(--propia-warn-soft); }
    .gum-rebal-btn {
        display: inline-flex; align-items: center; gap: 5px;
        padding: 4px 11px; border-radius: 7px;
        background: var(--propia-brand, var(--propia-brand)); color: var(--propia-text-inverse);
        font-size: 11.5px; font-weight: 700;
        border: 0; cursor: pointer;
        box-shadow: 0 3px 8px rgba(109,79,227,.25);
    }
    .gum-rebal-btn:hover { background: var(--propia-brand-hover, var(--propia-brand-hover)); }
    .gum-rebal-btn:disabled { opacity: .6; cursor: not-allowed; }

    .gum-ctas { display: flex; gap: 9px; flex-wrap: wrap; margin-bottom: 16px; }
    .gum-cta {
        display: inline-flex; align-items: center; gap: 7px;
        padding: 9px 14px; border-radius: 9px;
        border: 1px solid var(--propia-border-card);
        font-size: 12.5px; font-weight: 600; color: var(--propia-text-secondary);
        background: var(--propia-bg-card); cursor: pointer;
    }
    .gum-cta:hover { border-color: var(--propia-brand, var(--propia-brand)); color: var(--propia-brand, var(--propia-brand)); }
    .gum-cta--brand {
        border-color: var(--propia-brand-border); color: var(--propia-brand, var(--propia-brand)); background: var(--propia-brand-soft); font-weight: 700;
    }
    .gum-cta--brand:hover { background: var(--propia-brand-border); }
    .gum-cta--active { border-color: var(--propia-brand, var(--propia-brand)); color: var(--propia-brand, var(--propia-brand)); background: var(--propia-brand-soft-2); }

    /* Cards de wizards */
    .gum-card-soft {
        background: var(--propia-bg-app); border: 1px solid var(--propia-border-card);
        border-radius: 12px; padding: 16px; margin-bottom: 16px;
    }
    .gum-card-brand {
        background: linear-gradient(160deg, var(--propia-brand-soft-2), var(--propia-brand-soft-2));
        border: 1px solid var(--propia-brand-border); border-radius: 14px;
        padding: 18px; margin-bottom: 16px;
    }
    .gum-card-title { font-size: 13px; font-weight: 700; color: var(--propia-text-h1); margin-bottom: 4px; }
    .gum-card-sub { font-size: 11px; color: var(--propia-text-faint); margin-bottom: 12px; }

    .gum-form-row { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 11px; }
    .gum-field { display: flex; flex-direction: column; min-width: 0; }
    .gum-grow { flex: 1; min-width: 0; }
    .gum-lbl { font-size: 11px; color: var(--propia-text-muted); font-weight: 700; margin-bottom: 5px; display: block; }
    .gum-input {
        border: 1px solid var(--propia-brand-border); border-radius: 9px;
        padding: 9px 11px; font-size: 13px; color: var(--propia-text-body);
        background: var(--propia-bg-card); outline: none;
        width: 100%; box-sizing: border-box; font-family: inherit;
    }
    .gum-code { text-transform: uppercase; letter-spacing: .8px; font-weight: 700; }
    .gum-code::placeholder { letter-spacing: normal; font-weight: 400; }
    .gum-input:focus { border-color: var(--propia-brand, var(--propia-brand)); }

    .gum-genhead { display: flex; align-items: center; gap: 9px; margin-bottom: 16px; }
    .gum-genicon { width: 32px; height: 32px; border-radius: 9px; background: var(--propia-brand, var(--propia-brand)); color: var(--propia-text-inverse); display: flex; align-items: center; justify-content: center; }
    .gum-gen-title { font-size: 14px; font-weight: 800; color: var(--propia-brand-text); }
    .gum-gen-sub { font-size: 11.5px; color: var(--propia-brand-hover); }
    .gum-n-options { display: flex; flex-wrap: wrap; gap: 7px; margin: 8px 0 16px; }
    .gum-n {
        width: 40px; height: 40px; border-radius: 10px;
        border: 1.5px solid var(--propia-brand-border); background: var(--propia-bg-card); color: var(--propia-text-secondary);
        font-size: 14px; font-weight: 700; cursor: pointer;
    }
    .gum-n--active { background: var(--propia-brand, var(--propia-brand)); color: var(--propia-text-inverse); border-color: var(--propia-brand, var(--propia-brand)); }
    .gum-n--add { border-style: dashed; color: var(--propia-brand, var(--propia-brand)); font-size: 20px; line-height: 1; }
    .gum-n--add:hover { background: var(--propia-brand-soft-2); }
    .gum-grid3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 16px; }
    .gum-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 16px; }
    .gum-preview { background: var(--propia-bg-card); border: 1px dashed var(--propia-brand-border); border-radius: 11px; padding: 13px 15px; margin-bottom: 16px; }
    .gum-preview-eyebrow { font-size: 10px; letter-spacing: .5px; font-weight: 700; color: var(--propia-brand-hover); margin-bottom: 9px; }
    .gum-preview-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 10px; }
    .gum-preview-chip { font-size: 12px; font-weight: 600; color: var(--propia-text-secondary); background: var(--propia-brand-soft-2); border: 1px solid var(--propia-brand-border); border-radius: 7px; padding: 4px 10px; }
    .gum-preview-total { font-size: 14px; font-weight: 800; color: var(--propia-brand-text); }
    .gum-gen-footer { display: flex; justify-content: flex-end; gap: 8px; }

    .gum-import-foot { display: flex; align-items: center; justify-content: space-between; margin-top: 10px; }
    .gum-import-count { font-size: 12px; color: var(--propia-text-secondary); font-weight: 600; }

    .gum-btn-brand {
        display: inline-flex; align-items: center; gap: 6px;
        padding: 9px 15px; border-radius: 9px;
        background: var(--propia-brand, var(--propia-brand)); color: var(--propia-text-inverse);
        font-size: 13px; font-weight: 700; border: 0; cursor: pointer;
        box-shadow: 0 4px 12px rgba(109,79,227,.30);
    }
    .gum-btn-brand:hover { background: var(--propia-brand-hover, var(--propia-brand-hover)); }
    .gum-btn-brand:disabled { opacity: .5; cursor: not-allowed; box-shadow: none; }
    .gum-btn-ghost {
        padding: 9px 15px; border-radius: 9px;
        background: var(--propia-bg-card); border: 1px solid var(--propia-brand-border);
        font-size: 13px; font-weight: 600; color: var(--propia-text-secondary); cursor: pointer;
    }

    /* Lista torres */
    .gum-torre { border: 1px solid var(--propia-border-card); border-radius: 11px; margin-bottom: 9px; overflow: hidden; }
    .gum-torre-head {
        display: flex; align-items: center; gap: 11px;
        width: 100%; padding: 12px 15px;
        background: var(--propia-bg-app); border: 0; cursor: pointer;
        text-align: left;
    }
    .gum-torre-head:hover { background: var(--propia-bg-hover); }
    .gum-torre-name { font-size: 13.5px; font-weight: 700; color: var(--propia-text-body); }
    .gum-torre-meta { font-size: 11.5px; color: var(--propia-text-faint); font-weight: 600; }
    .gum-torre-headrow { display: flex; align-items: center; background: var(--propia-bg-app); }
    .gum-torre-headrow .gum-torre-head { flex: 1; width: auto; background: transparent; }
    .gum-torre-del { flex-shrink: 0; width: 30px; height: 30px; margin-right: 8px; border: 0; background: transparent; color: #B0BEC9; border-radius: 7px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
    .gum-torre-del:hover { color: var(--propia-error-strong); background: var(--propia-danger-soft); }
    .gum-torre-del:disabled { opacity: .4; cursor: default; }
    .gum-torre-body { padding: 6px 15px 14px; }
    .gum-torre-empty { font-size: 12px; color: var(--propia-text-faint); padding: 8px 4px; }
    .gum-piso { display: flex; align-items: center; gap: 10px; padding: 5px 0; }
    .gum-piso-lbl { font-size: 11px; color: var(--propia-text-faint); font-weight: 700; width: 64px; flex-shrink: 0; }
    .gum-piso-units { display: flex; flex-wrap: wrap; gap: 7px; }
    .gum-unit {
        font-size: 12px; font-weight: 600; color: var(--propia-text-secondary);
        background: var(--propia-bg-card); border: 1px solid var(--propia-border-card);
        border-radius: 7px; padding: 5px 11px; cursor: pointer;
    }
    .gum-unit:hover { border-color: var(--propia-brand, var(--propia-brand)); color: var(--propia-brand, var(--propia-brand)); background: var(--propia-brand-soft-2); }
    .gum-unit--active { border-color: var(--propia-brand, var(--propia-brand)); color: var(--propia-brand, var(--propia-brand)); background: var(--propia-brand-soft); }

    .gum-msg { margin-top: 10px; padding: 9px 12px; font-size: 12.5px; border-radius: 9px; border: 1px solid; }
    .gum-msg--ok { color: var(--propia-success-hover); background: var(--propia-ok-soft); border-color: var(--propia-success-border); }
    .gum-msg--err { color: var(--propia-error-strong); background: var(--propia-danger-soft); border-color: #FECACA; }

    /* ===== Panel der ===== */
    .gum-panel-right {
        flex: 1; min-width: 0;
        background: var(--propia-brand-soft-2);
        overflow-y: auto;
    }
    .gum-empty {
        display: flex; flex-direction: column; align-items: center; justify-content: center;
        height: 100%; min-height: 340px; padding: 40px;
        text-align: center; color: var(--propia-text-faint);
    }
    .gum-empty-icon {
        width: 54px; height: 54px; border-radius: 14px;
        background: var(--propia-brand-soft); color: var(--propia-brand, var(--propia-brand));
        display: flex; align-items: center; justify-content: center;
        margin-bottom: 14px;
    }
    .gum-empty-title { font-size: 14px; font-weight: 700; color: var(--propia-text-secondary); }
    .gum-empty-sub { font-size: 12.5px; max-width: 240px; line-height: 1.5; margin-top: 5px; }

    .gum-unit-head {
        padding: 20px 22px;
        border-bottom: 1px solid var(--propia-border-divider);
        display: flex; align-items: center; gap: 13px;
        position: sticky; top: 0; background: var(--propia-brand-soft-2); z-index: 2;
    }
    .gum-unit-avatar {
        width: 46px; height: 46px; border-radius: 12px;
        background: linear-gradient(140deg, var(--propia-brand), var(--propia-brand-hover));
        color: var(--propia-text-inverse); display: flex; align-items: center; justify-content: center;
        flex-shrink: 0;
    }
    .gum-unit-id { flex: 1; min-width: 0; }
    .gum-unit-title { font-size: 17px; font-weight: 800; letter-spacing: -0.3px; color: var(--propia-text-h1); }
    .gum-unit-meta { font-size: 12px; color: var(--propia-text-muted); }
    .gum-unit-del {
        height: 34px; padding: 0 12px; border-radius: 8px; gap: 6px;
        border: 1px solid #FCA5A5; background: var(--propia-bg-card);
        color: var(--propia-error); font-size: 13px; font-weight: 600; cursor: pointer;
        display: flex; align-items: center; justify-content: center;
    }
    .gum-unit-del:hover { background: var(--propia-danger-soft); }

    .gum-unit-cards { padding: 18px 22px; display: grid; grid-template-columns: 1fr; gap: 14px; }
    .gum-unit-card { background: var(--propia-bg-card); border: 1px solid var(--propia-border-card); border-radius: 13px; padding: 14px; }
    .gum-unit-card--full { grid-column: 1 / -1; }
    .gum-unit-eyebrow { font-size: 10.5px; letter-spacing: .5px; color: var(--propia-text-faint); font-weight: 700; margin-bottom: 11px; }
    .gum-unit-eyebrow--lg { margin-bottom: 2px; }
    .gum-unit-rows { display: flex; flex-direction: column; gap: 9px; }
    .gum-unit-row { display: flex; align-items: center; justify-content: space-between; font-size: 12.5px; }
    .gum-unit-row span:first-child { color: var(--propia-text-muted); }
    .gum-unit-row span:last-child { font-weight: 700; color: var(--propia-text-body); }

    .gum-unit-edit {
        display: inline-flex; align-items: center; gap: 6px;
        padding: 8px 13px; border-radius: 8px;
        border: 1px solid var(--propia-brand-border); background: var(--propia-bg-card);
        font-size: 12.5px; font-weight: 700; color: var(--propia-brand, var(--propia-brand));
        cursor: pointer; flex-shrink: 0;
    }
    .gum-unit-edit:hover { background: var(--propia-brand-soft); }
    .gum-unit-toggle {
        display: inline-flex; align-items: center; justify-content: center;
        width: 34px; height: 34px; border-radius: 8px; margin-right: 4px;
        border: 1px solid var(--propia-border-card); background: var(--propia-bg-card); color: var(--propia-text-secondary);
        cursor: pointer; flex-shrink: 0;
    }
    .gum-unit-toggle:hover { background: var(--propia-brand-soft); color: var(--propia-brand, var(--propia-brand)); border-color: var(--propia-brand-border); }
    .gum-unit-save {
        display: inline-flex; align-items: center; gap: 6px;
        padding: 8px 14px; border-radius: 8px;
        background: var(--propia-brand, var(--propia-brand)); color: var(--propia-text-inverse);
        font-size: 12.5px; font-weight: 700; border: 0; cursor: pointer;
        box-shadow: 0 4px 12px rgba(109,79,227,.30); flex-shrink: 0;
    }
    .gum-unit-save:hover { background: var(--propia-brand-hover, var(--propia-brand-hover)); }
    .gum-unit-save:disabled { opacity: .6; cursor: not-allowed; box-shadow: none; }
    .gum-unit-cancel {
        padding: 8px 13px; border-radius: 8px;
        border: 1px solid var(--propia-border-card); background: var(--propia-bg-card);
        font-size: 12.5px; font-weight: 600; color: var(--propia-text-secondary);
        cursor: pointer; flex-shrink: 0;
    }
    .gum-unit-cancel:hover { background: var(--propia-bg-app); }

    /* Edit grid */
    .gum-edit-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .gum-edit-field { display: flex; flex-direction: column; min-width: 0; }
    .gum-edit-field--full { grid-column: 1 / -1; }
    .gum-check {
        display: flex; align-items: center; gap: 8px;
        font-size: 13px; color: var(--propia-text-body); font-weight: 600;
        cursor: pointer;
    }
    .gum-check input[type="checkbox"] {
        width: 16px; height: 16px; accent-color: var(--propia-brand, var(--propia-brand));
    }

    /* People (Propietario/Residente/Familiar) - proto L.696-715 */
    .gum-people-head { margin-bottom: 13px; }
    .gum-people-sub { font-size: 11px; color: var(--propia-text-faint); margin-top: 2px; }
    .gum-people-group {
        display: flex; align-items: center; justify-content: space-between;
        margin-bottom: 8px;
    }
    .gum-people-group--top {
        margin-top: 10px; padding-top: 10px;
        border-top: 1px solid var(--propia-border-divider);
    }
    .gum-people-tag {
        display: flex; align-items: center; gap: 6px;
        font-size: 11px; font-weight: 800; color: var(--propia-text-body);
    }
    .gum-people-dot { width: 7px; height: 7px; border-radius: 50%; }
    .gum-people-dot--owner { background: var(--propia-brand, var(--propia-brand)); }
    .gum-people-dot--resident { background: var(--propia-info); }
    .gum-people-dot--family { background: var(--propia-success); }
    .gum-people-dot--tenant { background: #D97706; }
    .gum-people-dot--proxy { background: var(--propia-text-muted); }
    .gum-people-add {
        display: inline-flex; align-items: center; gap: 5px;
        font-size: 11px; font-weight: 700;
        color: var(--propia-brand, var(--propia-brand));
        background: var(--propia-brand-soft); border: 1px solid var(--propia-brand-border);
        padding: 5px 10px; border-radius: 7px;
        cursor: pointer;
    }
    .gum-people-add:hover { background: var(--propia-brand-border); }
    .gum-people-empty {
        font-size: 11.5px; color: var(--propia-text-faint);
        padding: 4px 2px 10px;
    }
    .gum-persons-grid {
        display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;
        margin-bottom: 8px;
    }
    .gum-person-card {
        border: 1px solid var(--propia-border-card); border-radius: 11px;
        padding: 12px; background: #FBFBFD;
    }
    .gum-person-head { display: flex; align-items: center; gap: 9px; margin-bottom: 8px; }
    .gum-person-avatar {
        width: 34px; height: 34px; border-radius: 9px;
        display: flex; align-items: center; justify-content: center;
        color: var(--propia-text-inverse); font-size: 12px; font-weight: 700; flex-shrink: 0;
    }
    .gum-people-avatar--owner { background: linear-gradient(135deg, var(--propia-text-body), var(--propia-text-h1)); }
    .gum-people-avatar--resident { background: linear-gradient(135deg, var(--propia-info), #1E40AF); }
    .gum-people-avatar--family { background: linear-gradient(135deg, #22A565, var(--propia-success-hover)); }
    .gum-person-id { flex: 1; min-width: 0; }
    .gum-person-name { font-size: 13px; font-weight: 700; color: var(--propia-text-body); }
    .gum-person-rol { font-size: 10.5px; color: var(--propia-text-muted); font-weight: 600; margin-top: 1px; }
    .gum-person-del {
        width: 24px; height: 24px; border-radius: 6px;
        display: flex; align-items: center; justify-content: center;
        color: var(--propia-text-faint); border: 0; background: transparent; cursor: pointer; flex-shrink: 0;
    }
    .gum-person-del:hover { background: var(--propia-danger-soft); color: var(--propia-error); }
    .gum-person-edit {
        width: 24px; height: 24px; border-radius: 6px;
        display: flex; align-items: center; justify-content: center;
        color: var(--propia-text-faint); border: 0; background: transparent; cursor: pointer; flex-shrink: 0;
    }
    .gum-person-edit:hover { background: var(--propia-brand-soft, var(--propia-brand-soft)); color: var(--propia-brand, var(--propia-brand)); }
    .gum-person-contact {
        display: flex; align-items: center; gap: 6px;
        font-size: 11.5px; color: var(--propia-text-secondary);
        padding: 1px 0;
    }
    .gum-person-form {
        background: var(--propia-brand-soft-2); border: 1px dashed var(--propia-brand-border); border-radius: 10px;
        padding: 12px; margin-bottom: 8px;
        display: flex; flex-direction: column; gap: 8px;
    }
    .gum-person-form .gum-input { font-size: 12px; padding: 7px 10px; }

    /* Form persona estilo prototipo (multiples emails y telefonos) */
    /* Formulario de persona (propietario, residente, arrendatario, familiar, apoderado): es el
       mismo contenedor para todos los roles. Se limita a 6 de 12 columnas porque desde que la
       ficha ocupa todo el ancho, los campos estirados al 100% se veian desproporcionados. */
    .gum-pf {
        background: var(--propia-brand-soft-2); border: 1px dashed var(--propia-brand-border); border-radius: 10px;
        padding: 12px; margin-bottom: 10px;
        max-width: 50%;
    }
    /* En pantallas angostas 50% deja los campos inservibles: vuelve a ancho completo. */
    @media (max-width: 1100px) { .gum-pf { max-width: 100%; } }
    .gum-pf-row { display: flex; align-items: center; gap: 6px; margin-bottom: 7px; flex-wrap: wrap; }
    .gum-pf-input {
        border: 1px solid var(--propia-border-card); border-radius: 7px;
        padding: 7px 10px; font-size: 12px; color: var(--propia-text-body);
        background: var(--propia-bg-card); outline: none; font-family: inherit;
        width: 100%; box-sizing: border-box; min-width: 0;
    }
    .gum-pf-input:focus { border-color: var(--propia-brand, var(--propia-brand)); }
    .gum-pf-eyebrow {
        font-size: 9.5px; letter-spacing: .4px; color: var(--propia-text-faint);
        font-weight: 700; margin: 10px 0 5px;
    }
    .gum-pf-item { display: flex; align-items: center; gap: 5px; margin-bottom: 5px; }
    .gum-pf-cod { max-width: 80px; flex-shrink: 0; padding: 7px 5px; font-size: 11px; }
    .gum-pf-x {
        width: 22px; height: 22px; border-radius: 6px; flex-shrink: 0;
        display: flex; align-items: center; justify-content: center;
        color: var(--propia-text-faint); border: 0; background: transparent; cursor: pointer;
    }
    .gum-pf-x:hover { background: var(--propia-danger-soft); color: var(--propia-error); }
    .gum-pf-add {
        font-size: 10.5px; font-weight: 700;
        color: var(--propia-brand, var(--propia-brand));
        background: transparent; border: 0; cursor: pointer;
        padding: 2px 0; margin-top: 3px;
    }
    .gum-pf-add:hover { text-decoration: underline; }
    .gum-pf-footer {
        display: flex; justify-content: flex-end; gap: 8px;
        margin-top: 12px;
    }
    .gum-btn-ghost {
        padding: 8px 14px; border-radius: 9px;
        background: var(--propia-bg-card); border: 1px solid var(--propia-border-card);
        font-size: 12.5px; font-weight: 600; color: var(--propia-text-secondary); cursor: pointer;
    }
    .gum-btn-ghost:hover { background: var(--propia-bg-app); }

    /* Inmuebles vinculados */
    .gum-inm-list { display: flex; flex-direction: column; gap: 8px; }
    .gum-inm { display: flex; align-items: center; gap: 9px; }
    .gum-inm-icon {
        width: 30px; height: 30px; border-radius: 8px;
        background: var(--propia-border-divider); color: var(--propia-text-secondary);
        display: flex; align-items: center; justify-content: center;
        flex-shrink: 0;
    }
    .gum-inm-text { flex: 1; min-width: 0; }
    .gum-inm-name { font-size: 12.5px; font-weight: 700; color: var(--propia-text-body); }
    .gum-inm-fact { font-size: 10.5px; font-weight: 600; }
    .gum-inm-del {
        width: 22px; height: 22px; border-radius: 6px;
        display: flex; align-items: center; justify-content: center;
        color: var(--propia-text-faint); border: 0; background: transparent; cursor: pointer; flex-shrink: 0;
    }
    .gum-inm-del:hover { background: var(--propia-danger-soft); color: var(--propia-error); }
    .gum-inm-add {
        display: flex; gap: 5px; margin-top: 9px;
    }
    .gum-inm-input {
        flex: 1; min-width: 0;
        border: 1px solid var(--propia-border-card); border-radius: 8px;
        padding: 7px 8px; font-size: 11.5px; color: var(--propia-text-body);
        outline: none; background: var(--propia-bg-card); font-family: inherit;
    }
    .gum-inm-input:focus { border-color: var(--propia-brand, var(--propia-brand)); }
    .gum-inm-add-btn {
        width: 30px; height: 30px; flex-shrink: 0;
        border-radius: 8px; background: var(--propia-brand, var(--propia-brand));
        color: var(--propia-text-inverse); border: 0; cursor: pointer;
        display: flex; align-items: center; justify-content: center;
    }
    .gum-inm-add-btn:hover { background: var(--propia-brand-hover, var(--propia-brand-hover)); }
    .gum-inm-add-btn:disabled { opacity: .4; cursor: not-allowed; }

    /* Oleada 2 - tab Actuales/Historico + timeline titularidad + campos por persona */
    .gum-ctab-bar {
        display: inline-flex; gap: 4px; background: var(--propia-bg-hover); border: 1px solid var(--propia-border-card);
        border-radius: 9px; padding: 3px; margin-bottom: 14px;
    }
    .gum-ctab {
        display: flex; align-items: center; gap: 6px; padding: 6px 13px; border-radius: 7px;
        font-size: 11.5px; font-weight: 700; color: var(--propia-text-muted); background: transparent; border: none; cursor: pointer;
    }
    .gum-ctab.on { color: var(--propia-brand, var(--propia-brand)); background: var(--propia-bg-card); box-shadow: 0 1px 2px rgba(45,62,80,.12); }
    .gum-tit-list { display: flex; flex-direction: column; }
    .gum-tit { display: flex; gap: 12px; }
    .gum-tit-dot {
        width: 11px; height: 11px; border-radius: 50%; background: var(--propia-text-faint); margin-top: 5px; flex-shrink: 0;
        box-shadow: 0 0 0 3px var(--propia-border-divider);
    }
    .gum-tit-dot--act { background: var(--propia-brand, var(--propia-brand)); box-shadow: 0 0 0 3px #EDE7FB; }
    .gum-tit-body { flex: 1; min-width: 0; border-left: 2px solid var(--propia-border-divider); margin-left: -6px; padding: 0 0 16px 16px; }
    .gum-tit-top { display: flex; align-items: center; gap: 8px; }
    .gum-tit-name { font-size: 13px; font-weight: 700; color: var(--propia-text-body); }
    .gum-tit-badge {
        font-size: 9.5px; font-weight: 800; color: var(--propia-success); background: var(--propia-ok-soft);
        padding: 2px 7px; border-radius: 5px;
    }
    .gum-tit-rol { font-size: 10.5px; color: var(--propia-brand, var(--propia-brand)); font-weight: 700; margin-top: 2px; }
    .gum-tit-dates { font-size: 11px; color: var(--propia-text-muted); font-weight: 600; margin-top: 4px; }
    .gum-pcampos { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 7px; }
    .gum-pcampo {
        display: inline-flex; align-items: center; gap: 4px; font-size: 10.5px; color: var(--propia-text-secondary);
        background: var(--propia-brand-soft); border: 1px solid var(--propia-brand-border); padding: 2px 8px; border-radius: 6px;
    }
    .gum-pcampo b { color: var(--propia-text-body); font-weight: 700; }
    .gum-pcampo-x { border: none; background: none; color: var(--propia-text-faint); cursor: pointer; font-size: 13px; line-height: 1; padding: 0 0 0 2px; }
    .gum-pcampo-x:hover { color: var(--propia-error); }

    /* Card head row (eyebrow + boton agregar campo) */
    .gum-card-head-row {
        display: flex; align-items: center; justify-content: space-between;
        margin-bottom: 11px;
    }
    .gum-card-head-row .gum-unit-eyebrow { margin-bottom: 0; }

    /* Campos personalizados */
    .gum-cf-grid {
        display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px;
        background: var(--propia-border-divider); border: 1px solid var(--propia-border-divider); border-radius: 10px;
        overflow: hidden; margin-bottom: 10px;
    }
    .gum-cf-cell {
        background: var(--propia-bg-card); padding: 10px 12px; position: relative;
    }
    .gum-cf-lbl { font-size: 10.5px; color: var(--propia-text-faint); font-weight: 600; }
    .gum-cf-val { font-size: 12.5px; font-weight: 600; color: var(--propia-text-body); margin-top: 2px; padding-right: 16px; }
    .gum-cf-del {
        position: absolute; top: 8px; right: 7px;
        width: 18px; height: 18px; border-radius: 5px;
        display: flex; align-items: center; justify-content: center;
        color: var(--propia-text-faint); border: 0; background: transparent; cursor: pointer;
    }
    .gum-cf-del:hover { background: var(--propia-danger-soft); color: var(--propia-error); }
    .gum-cf-input { margin-top: 4px; width: 100%; padding: 6px 8px; font-size: 12px; }
    .gum-cf-form {
        display: flex; gap: 7px; align-items: center;
        background: var(--propia-brand-soft-2); border: 1px dashed var(--propia-brand-border); border-radius: 10px;
        padding: 11px;
    }
    .gum-cf-form .gum-input { flex: 1; padding: 8px 10px; font-size: 12px; }

    /* Estadistica */
    .gum-stats {
        display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;
    }
    .gum-stat {
        background: var(--propia-bg-card); border: 1px solid var(--propia-border-card); border-radius: 12px;
        padding: 13px 14px;
    }
    .gum-stat-lbl { font-size: 11px; color: var(--propia-text-faint); font-weight: 600; }
    .gum-stat-val {
        font-size: 18px; font-weight: 800; color: var(--propia-text-h1); margin-top: 3px;
    }
    .gum-stat-val--ok { color: var(--propia-success); }
    .gum-stat-val--err { color: var(--propia-error-strong); }

    /* Historial / Facturas vacios */
    .gum-hist-empty { font-size: 11.5px; color: var(--propia-text-faint); padding: 4px 2px; }
    /* Bitacora de cambios de la unidad (RN-06): linea de tiempo compacta. */
    .gum-bit-list { display: flex; flex-direction: column; gap: 0; }
    .gum-bit-item { display: flex; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--propia-bg-card-soft); }
    .gum-bit-item:last-child { border-bottom: 0; }
    .gum-bit-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--propia-brand, var(--propia-brand)); margin-top: 5px; flex-shrink: 0; }
    .gum-bit-body { flex: 1; min-width: 0; }
    .gum-bit-txt { font-size: 12.5px; color: var(--propia-text-body); }
    .gum-bit-meta { font-size: 10.5px; color: var(--propia-text-faint); margin-top: 1px; }
    /* Estado de cuenta (2.7 Cartera) en la ficha de unidad. */
    .gum-cta-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
    .gum-cta-box { border: 1px solid var(--propia-border-card); border-radius: 9px; padding: 8px 10px; display: flex; flex-direction: column; gap: 2px; }
    .gum-cta-box span { font-size: 10.5px; color: var(--propia-text-faint); font-weight: 600; }
    .gum-cta-box b { font-size: 13px; color: var(--propia-text-body); }
    .gum-cta-neg { color: var(--propia-error-strong) !important; }
    .gum-cta-badge { display: inline-block; margin-top: 10px; font-size: 11px; font-weight: 700; color: var(--propia-success); background: var(--propia-ok-soft); padding: 4px 10px; border-radius: 7px; }
    .gum-cta-deudas { display: flex; flex-direction: column; gap: 6px; margin-top: 10px; }
    .gum-cta-deuda { display: flex; align-items: center; justify-content: space-between; gap: 8px; border: 1px solid var(--propia-border-divider); border-radius: 8px; padding: 7px 11px; }
    .gum-cta-deuda-main { display: flex; flex-direction: column; }
    .gum-cta-deuda-con { font-size: 12px; font-weight: 700; color: var(--propia-text-body); }
    .gum-cta-deuda-per { font-size: 10.5px; color: var(--propia-text-faint); text-transform: capitalize; }
    .gum-cta-deuda-val { font-size: 12.5px; font-weight: 700; color: var(--propia-error-strong); }

    /* Documentos */
    .gum-doc-upload {
        display: flex; align-items: center; justify-content: center; gap: 7px;
        border: 1px dashed var(--propia-brand-border); border-radius: 9px;
        padding: 10px; font-size: 12px; font-weight: 600;
        color: var(--propia-brand, var(--propia-brand)); background: var(--propia-brand-soft-2);
        cursor: pointer;
    }
    .gum-doc-upload:hover { background: var(--propia-brand-soft-2); border-color: var(--propia-brand, var(--propia-brand)); }
    .gum-doc-upload input[type="file"] { display: none; }
    .gum-doc-list { display: flex; flex-direction: column; gap: 7px; margin-bottom: 9px; }
    .gum-doc-item { display: flex; align-items: center; gap: 6px; }
    .gum-doc-link {
        flex: 1; min-width: 0; display: flex; align-items: center; gap: 9px;
        padding: 7px 9px; border: 1px solid var(--propia-border-card); border-radius: 9px;
        text-decoration: none; background: var(--propia-bg-card);
    }
    .gum-doc-link:hover { border-color: var(--propia-brand, var(--propia-brand)); box-shadow: 0 6px 14px rgba(109,79,227,.12); }
    .gum-doc-thumb { width: 30px; height: 30px; border-radius: 7px; background-size: cover; background-position: center; flex-shrink: 0; border: 1px solid var(--propia-border-card); }
    .gum-doc-ic { width: 30px; height: 30px; border-radius: 7px; background: var(--propia-brand-soft, var(--propia-brand-soft)); color: var(--propia-brand, var(--propia-brand)); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
    .gum-doc-meta { min-width: 0; display: flex; flex-direction: column; }
    .gum-doc-name { font-size: 11.5px; font-weight: 600; color: var(--propia-text-body); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .gum-doc-sub { font-size: 10px; color: var(--propia-text-faint); }
    .gum-doc-x { position: static; }

    /* Dark mode minimal */
    [data-bs-theme="dark"] .gum-header,
    [data-bs-theme="dark"] .gum-panel-left { background: var(--propia-bg-card); }
    [data-bs-theme="dark"] .gum-title,
    [data-bs-theme="dark"] .gum-unit-title { color: var(--propia-text-body); }
    [data-bs-theme="dark"] .gum-panel-right { background: #161B2D; }
    [data-bs-theme="dark"] .gum-unit-card,
    [data-bs-theme="dark"] .gum-card-soft { background: var(--propia-bg-card-soft); border-color: var(--propia-border-card); }
    [data-bs-theme="dark"] .gum-torre,
    [data-bs-theme="dark"] .gum-unit { background: var(--propia-bg-card-soft); border-color: var(--propia-border-card); }
    [data-bs-theme="dark"] .gum-torre-head { background: var(--propia-bg-card); color: #B6C6DC; }
    [data-bs-theme="dark"] .gum-torre-head:hover { background: var(--propia-bg-card-soft); }

    /* Movil: apilar master/detalle y colapsar grids internos a 1 columna (hasta 640px). */
    @media (max-width: 640px) {
        .gum-header { padding: 12px 14px; gap: 10px; }
        .gum-title { font-size: 15px; }
        .gum-body { flex-direction: column; }
        .gum-panel-left { width: 100%; flex-shrink: 1; border-right: 0; padding: 16px 14px; }
        .gum-unit-head { padding: 14px 14px; }
        .gum-unit-cards { padding: 16px 14px; }
        .gum-grid3,
        .gum-grid2,
        .gum-unit-cards,
        .gum-edit-grid,
        .gum-persons-grid,
        .gum-cf-grid,
        .gum-stats { grid-template-columns: 1fr; }
    }
    /* ===== Ficha rediseno: header meta + tabs + tabla personas ===== */
    .gum-fhead { padding: 18px 22px 0; border-bottom: 1px solid var(--propia-border-divider); }
    .gum-fhead-main { display: flex; align-items: center; gap: 14px; }
    .gum-fhead-main .gum-unit-avatar { width: 46px; height: 46px; border-radius: 13px; flex: 0 0 auto; }
    .gum-fhead-actions { margin-left: auto; display: flex; align-items: center; gap: 8px; }
    .gum-fmeta { display: flex; flex-wrap: wrap; gap: 10px 30px; padding: 16px 2px; }
    .gum-fmeta-f { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
    .gum-fmeta-lbl { font-size: 10.5px; font-weight: 700; letter-spacing: .5px; color: var(--propia-text-faint); text-transform: uppercase; }
    .gum-fmeta-val { font-size: 14px; font-weight: 700; color: var(--propia-text-h1); }
    .gum-fmeta-inp { width: 100%; min-width: 90px; max-width: 150px; border: 1px solid var(--propia-border-input); border-radius: 7px; padding: 5px 8px; font-size: 13px; color: var(--propia-text-h1); background: var(--propia-bg-card); outline: none; font-family: inherit; box-sizing: border-box; }
    .gum-fmeta-inp:focus { border-color: var(--propia-brand, var(--propia-brand)); box-shadow: 0 0 0 2px rgba(109,79,227,.12); }
    .gum-fcustom { padding: 0 2px 14px; }
    .gum-fcustom-grid { display: flex; flex-wrap: wrap; gap: 10px 30px; }
    .gum-fcustom-empty { font-size: 12px; color: var(--propia-text-faint); display: flex; align-items: center; gap: 10px; }
    .gum-cf-mini { padding: 4px 10px; border: 1px dashed #C9B8F2; border-radius: 7px; background: transparent; color: var(--propia-brand, var(--propia-brand)); font-size: 11.5px; font-weight: 700; cursor: pointer; font-family: inherit; }
    .gum-cf-mini:hover { background: var(--propia-brand-soft-2); }
    .gum-ftabs { display: flex; gap: 4px; padding: 0 22px; border-bottom: 1px solid var(--propia-border-card); overflow-x: auto; }
    .gum-ftab { padding: 11px 15px; border: 0; background: transparent; color: var(--propia-text-muted); font-size: 13.5px; font-weight: 600; cursor: pointer; font-family: inherit; border-bottom: 2px solid transparent; margin-bottom: -1px; white-space: nowrap; display: inline-flex; align-items: center; gap: 7px; }
    .gum-ftab:hover { color: var(--propia-brand, var(--propia-brand)); }
    .gum-ftab.on { color: var(--propia-brand, var(--propia-brand)); border-bottom-color: var(--propia-brand, var(--propia-brand)); }

    /* Tabla de personas */
    .gum-ptbl { border: 1px solid var(--propia-border-divider); border-radius: 12px; overflow: hidden; }
    .gum-ptbl-head, .gum-ptbl-row { display: grid; grid-template-columns: 2fr 1.1fr 1.1fr 1.6fr 1.1fr 84px 100px; align-items: center; gap: 10px; padding: 9px 14px; }
    .gum-ptbl-head { background: var(--propia-bg-table-head); border-bottom: 1px solid var(--propia-border-divider); font-size: 10.5px; font-weight: 700; letter-spacing: .4px; color: var(--propia-text-faint); text-transform: uppercase; }
    .gum-ptbl-row { border-bottom: 1px solid #F2F5F8; }
    .gum-ptbl-row:hover { background: var(--propia-brand-soft-2); }
    .gum-ptbl-row--off { opacity: .55; }
    .gum-ptbl-row--new { background: var(--propia-bg-table-head); }
    .gum-ptbl-nom { display: flex; align-items: center; gap: 10px; min-width: 0; }
    .gum-ptbl-ava { width: 30px; height: 30px; border-radius: 8px; flex: 0 0 auto; background: linear-gradient(140deg,var(--propia-brand),var(--propia-brand-hover)); color: var(--propia-text-inverse); font-size: 11px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; }
    .gum-ptbl-nom-t { display: flex; flex-direction: column; min-width: 0; }
    .gum-ptbl-nom-n { font-size: 13px; font-weight: 700; color: var(--propia-text-h1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .gum-ptbl-nom-r { font-size: 11px; color: var(--propia-text-muted); font-weight: 600; }
    .gum-ptbl-c { font-size: 12.5px; color: var(--propia-text-body); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .gum-ptbl-c--email { color: var(--propia-text-secondary); }
    .gum-ptbl-c--act { display: flex; justify-content: flex-end; }
    .gum-ptbl-sel, .gum-ptbl-inp { width: 100%; border: 1px solid #DCE3EB; border-radius: 8px; padding: 6px 8px; font-size: 12.5px; color: var(--propia-text-body); background: var(--propia-bg-card); outline: none; font-family: inherit; box-sizing: border-box; }
    .gum-ptbl-sel:focus, .gum-ptbl-inp:focus { border-color: var(--propia-brand, var(--propia-brand)); }
    /* Canon (skill 9-A): fila de alta con inputs PUNTEADOS en reposo, solidos + glow al focus. */
    .gum-ptbl-row--new .gum-ptbl-inp { border: 1px dashed var(--propia-border-input); border-radius: 7px; padding: 5px 8px; }
    .gum-ptbl-row--new .gum-ptbl-inp:focus { border-style: solid; border-color: var(--propia-brand); box-shadow: 0 0 0 2px rgba(109,79,227,.12); }
    .gum-ptbl-estado.on { color: var(--propia-success); font-weight: 700; }
    .gum-ptbl-estado.off { color: #C0392B; font-weight: 700; }
    .gum-ptbl-del { width: 30px; height: 30px; border: 0; background: transparent; color: var(--propia-text-faint); border-radius: 7px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
    .gum-ptbl-del:hover { background: var(--propia-danger-soft); color: var(--propia-error); }
    .gum-ptbl-add { padding: 6px 12px; border: 1px solid var(--propia-brand-border); border-radius: 8px; background: var(--propia-brand-soft); color: var(--propia-brand, var(--propia-brand)); font-size: 12px; font-weight: 700; cursor: pointer; font-family: inherit; white-space: nowrap; }
    .gum-ptbl-add:hover { background: #E7DEFB; }
    .gum-ptbl-add:disabled { opacity: .5; cursor: not-allowed; }
    /* Ingreso del tercero en la fila de alta del modal (igual que Residentes). */
    .gum-ptbl-nom .sp, .gum-ptbl-nom .sp-search, .gum-ptbl-nom .sp-chip { width: 100%; min-width: 0; }
    /* Buscador de terceros: misma altura y borde punteado que los demas inputs de la fila (canon). */
    .gum-ptbl-nom .sp-search { border: 1px dashed var(--propia-border-input); border-radius: 7px; }
    .gum-ptbl-nom .sp-search:focus-within { border-style: solid; border-color: var(--propia-brand); box-shadow: 0 0 0 2px rgba(109,79,227,.12); }
    .gum-ptbl-nom .sp-search-inp { min-width: 0; padding: 5px 0; font-size: 12.5px; }
    .gum-ptbl-selname { display: flex; align-items: center; gap: 6px; min-width: 0; font-size: 12.5px; font-weight: 700; color: var(--propia-text-body); }
    .gum-ptbl-selname > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .gum-ptbl-selx { flex: 0 0 auto; width: 18px; height: 18px; line-height: 1; border: 0; border-radius: 5px; background: var(--propia-brand-soft); color: var(--propia-brand); font-size: 14px; cursor: pointer; }
    .gum-ptbl-selx:hover { background: var(--propia-brand-soft); }
    .gum-ptbl-ro { background: var(--propia-bg-card-soft); color: var(--propia-text-muted); cursor: default; }
    [data-bs-theme="dark"] .gum-fmeta-val { color: var(--propia-border-card); }
    [data-bs-theme="dark"] .gum-ptbl { border-color: var(--propia-border-card); }
    [data-bs-theme="dark"] .gum-ptbl-head { background: var(--propia-bg-card-soft); }
    [data-bs-theme="dark"] .gum-ptbl-nom-n { color: var(--propia-border-card); }

    /* ===== Confirmacion de borrado (doble comprobacion) ===== */
    .gum-cdel-overlay { position: fixed; inset: 0; z-index: 6000; display: flex; align-items: center; justify-content: center; background: rgba(27, 42, 58, .55); padding: 20px; }
    .gum-cdel-card { width: 100%; max-width: 460px; background: var(--propia-bg-card); border-radius: 14px; padding: 26px 26px 22px; box-shadow: 0 24px 60px -12px rgba(27, 42, 58, .4); text-align: center; }
    .gum-cdel-icon { width: 54px; height: 54px; margin: 0 auto 14px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--propia-danger-soft); color: var(--propia-error); }
    .gum-cdel-title { font-size: 18px; font-weight: 800; color: var(--propia-text-h1); margin-bottom: 8px; }
    .gum-cdel-sub { font-size: 13px; line-height: 1.55; color: var(--propia-text-secondary); margin-bottom: 12px; }
    .gum-cdel-sub b { color: var(--propia-text-body); }
    .gum-cdel-warn { font-size: 12px; line-height: 1.5; color: #92610A; background: #FEF6E7; border: 1px solid #F6E2B8; border-radius: 8px; padding: 8px 11px; margin-bottom: 16px; text-align: left; }
    .gum-cdel-confirm { text-align: left; margin-bottom: 14px; }
    .gum-cdel-lbl { display: block; font-size: 12.5px; color: var(--propia-text-secondary); margin-bottom: 6px; }
    .gum-cdel-lbl b { color: var(--propia-error); font-weight: 800; }
    .gum-cdel-inp { width: 100%; box-sizing: border-box; border: 1px solid var(--propia-border-card); border-radius: 8px; padding: 9px 11px; font-size: 13.5px; color: var(--propia-text-body); font-family: inherit; outline: none; }
    .gum-cdel-inp:focus { border-color: var(--propia-error); box-shadow: 0 0 0 2px rgba(229, 72, 77, .14); }
    .gum-cdel-err { font-size: 12.5px; color: var(--propia-error); background: var(--propia-danger-soft); border: 1px solid #F5C6C7; border-radius: 8px; padding: 8px 11px; margin-bottom: 14px; text-align: left; }
    .gum-cdel-actions { display: flex; gap: 10px; justify-content: flex-end; }
    .gum-cdel-cancel { border: 1px solid var(--propia-border-card); background: var(--propia-bg-card); color: var(--propia-text-secondary); border-radius: 9px; padding: 9px 16px; font-size: 13px; font-weight: 700; cursor: pointer; font-family: inherit; }
    .gum-cdel-cancel:hover:not(:disabled) { background: var(--propia-bg-card-soft); }
    .gum-cdel-go { border: 0; background: var(--propia-error); color: var(--propia-text-inverse); border-radius: 9px; padding: 9px 18px; font-size: 13px; font-weight: 700; cursor: pointer; font-family: inherit; }
    .gum-cdel-go:hover:not(:disabled) { background: #D13438; }
    .gum-cdel-go:disabled { opacity: .45; cursor: not-allowed; }
    .gum-cdel-cancel:disabled { opacity: .55; cursor: not-allowed; }
    [data-bs-theme="dark"] .gum-cdel-card { background: var(--propia-bg-card); }
    [data-bs-theme="dark"] .gum-cdel-title { color: var(--propia-border-card); }
    [data-bs-theme="dark"] .gum-cdel-sub b { color: var(--propia-border-card); }
    [data-bs-theme="dark"] .gum-cdel-inp { background: var(--propia-bg-card-soft); border-color: var(--propia-border-card); color: var(--propia-border-card); }
    [data-bs-theme="dark"] .gum-cdel-cancel { background: var(--propia-bg-card-soft); border-color: var(--propia-border-card); color: var(--propia-border-card-2); }