.oo-field-encrypt [hidden] { display: none !important; }
.oo-field-encrypt .encrypted-fields { display: grid; gap: var(--oo-space-3); }
.oo-field-encrypt label { display: grid; gap: var(--oo-space-1); }
.oo-field-encrypt input,
.oo-field-encrypt textarea {
    width: 100%; box-sizing: border-box; font: inherit; color: var(--oo-color-text);
    background: var(--oo-color-surface); border: var(--oo-border-width) solid var(--oo-color-border-strong);
    border-radius: var(--oo-radius-md); padding: var(--oo-space-2) var(--oo-space-3);
}
.oo-field-encrypt textarea { resize: vertical; min-height: 7rem; }
.oo-field-encrypt .encrypted-actions { display: flex; flex-wrap: wrap; gap: var(--oo-space-2); }
.oo-field-encrypt button {
    font: inherit; color: inherit; background: transparent;
    border: var(--oo-border-width) solid var(--oo-color-border-strong); border-radius: var(--oo-radius-md);
    padding: var(--oo-space-2) var(--oo-space-3); cursor: pointer;
}
.oo-field-encrypt button:disabled { opacity: .5; cursor: wait; }
.oo-field-encrypt :focus-visible { outline: 2px solid var(--oo-primary); outline-offset: 2px; }
.oo-field-encrypt [role="alert"] { color: var(--oo-danger); }
.oo-field-encrypt p { margin: 0; }