.database-tile{box-sizing:border-box;border:1px solid var(--border-base-default);background-color:var(--surface-base-default);text-align:left;cursor:pointer;border-radius:8px;flex-direction:column;gap:8px;padding:16px;transition:background-color .15s,border-color .15s;display:flex;position:relative}.database-tile:focus{outline:none}.database-tile.desktop{width:182px;height:147px}.database-tile.full-width{width:100%}.database-tile.mobile{grid-template-rows:repeat(3,auto);grid-template-columns:auto 1fr;align-content:center;gap:8px;width:240px;height:94px;display:grid}.database-tile.mobile .database-tile__icon{grid-area:1/1/3;align-self:center}.database-tile.mobile .database-tile__title{grid-area:1/2}.database-tile.mobile .database-tile__desc{grid-area:2/2}.database-tile.mobile .database-tile__last{grid-area:3/2}.database-tile.desktop.con-detalles{height:auto;min-height:147px}.database-tile.mobile.con-detalles{grid-template-rows:repeat(3,auto) auto;height:auto;min-height:94px}.database-tile__detalles{border-top:1px solid var(--border-base-default);flex-direction:column;gap:4px;min-width:0;padding-top:8px;display:flex}.database-tile.mobile .database-tile__detalles{grid-area:4/1/auto/-1}.database-tile__version{border-top:1px solid var(--border-base-default);flex-direction:column;gap:2px;min-width:0;padding-top:8px;display:flex}.database-tile.mobile .database-tile__version{grid-column:1/-1}.database-tile__version-rotulo{color:var(--text-base-tertiary)}.database-tile__version-numero{color:var(--text-base-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.database-tile__version-punto{vertical-align:middle;border-radius:9999px;width:8px;height:8px;margin-right:6px;display:inline-block}.database-tile__version-atraso{color:var(--text-base-primary);margin-top:2px}.database-tile__version-leyenda,.database-tile__version-fecha{color:var(--text-base-secondary);font-weight:400}.database-tile__detalle{color:var(--text-base-secondary);overflow-wrap:anywhere;line-height:1.3}.database-tile__detalle-rotulo{color:var(--text-base-primary);font-weight:600}.database-tile__icon{border-radius:8px;justify-content:center;align-items:center;width:fit-content;padding:10px;display:flex}.database-tile__icon svg{flex-shrink:0;width:20px;height:20px}.database-tile__title,.database-tile__desc,.database-tile__last{white-space:nowrap;text-overflow:ellipsis;overflow-clip-margin:.35em;min-width:0;max-width:100%;margin:0;overflow:clip}.database-tile__title,.database-tile__desc{color:var(--text-base-primary)}.database-tile__last{color:var(--text-base-secondary)}.database-tile.produccion .database-tile__icon{background-color:var(--surface-brand-subtle)}.database-tile.produccion .database-tile__icon svg{color:var(--icon-brand-primary)}.database-tile.produccion.selected:not(.disabled),.database-tile.produccion:not(.disabled):hover{border-color:var(--border-brand-default);background-color:var(--surface-brand-subtle)}.database-tile.contingencia .database-tile__icon{background-color:var(--surface-success-subtle)}.database-tile.contingencia .database-tile__icon svg{color:var(--icon-success-primary)}.database-tile.contingencia.selected:not(.disabled),.database-tile.contingencia:not(.disabled):hover{border-color:var(--border-success-default);background-color:var(--surface-success-subtle)}.database-tile.desarrollo .database-tile__icon{background-color:var(--surface-warning-subtle)}.database-tile.desarrollo .database-tile__icon svg{color:var(--icon-warning-primary)}.database-tile.desarrollo.selected:not(.disabled),.database-tile.desarrollo:not(.disabled):hover{border-color:var(--border-warning-default);background-color:var(--surface-warning-subtle)}.database-tile.disabled{cursor:not-allowed;border-color:var(--border-base-default);background-color:var(--surface-base-default)}.database-tile.disabled .database-tile__icon{background-color:var(--surface-base-subtle)}.database-tile.disabled .database-tile__icon svg{color:var(--icon-base-secondary)}.database-tile.disabled .database-tile__title,.database-tile.disabled .database-tile__desc,.database-tile.disabled .database-tile__last{color:var(--text-base-secondary)}.database-tile__lock{width:16px;height:16px;color:var(--icon-danger-primary);position:absolute;bottom:12px;right:12px}