[data-form-renderer] .computed-field{width:100%}[data-form-renderer] .computed-field__value{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.5;color:var(--color-input-text, #1f2937);background-color:var(--color-computed-bg, #f9fafb);border:1px solid var(--color-input-border, #d1d5db);border-radius:var(--radius-input, .375rem)}[data-form-renderer] .computed-field__text{flex:1}[data-form-renderer] .computed-field__badge{font-size:.625rem;font-weight:600;text-transform:uppercase;padding:.125rem .375rem;border-radius:.25rem;background-color:var(--color-badge-bg, #e5e7eb);color:var(--color-badge-text, #6b7280)}[data-form-renderer] .computed-field__badge--edited{background-color:var(--color-warning-bg, #fef3c7);color:var(--color-warning-text, #b45309)}[data-form-renderer] .computed-field__editable-wrapper{position:relative;display:flex;align-items:center}[data-form-renderer] .computed-field__input{width:100%;padding:.5rem 4rem .5rem .75rem;font-size:.875rem;line-height:1.5;color:var(--color-input-text, #1f2937);background-color:var(--color-input-bg, #ffffff);border:1px solid var(--color-input-border, #d1d5db);border-radius:var(--radius-input, .375rem);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}[data-form-renderer] .computed-field__input:focus{outline:none;border-color:var(--color-primary, #0ea5e9);box-shadow:0 0 0 3px var(--color-primary-ring, rgba(14, 165, 233, .2))}[data-form-renderer] .computed-field__actions{position:absolute;right:.5rem;display:flex;align-items:center;gap:.25rem}[data-form-renderer] .computed-field__reset-btn{display:flex;align-items:center;justify-content:center;padding:.125rem;border:none;background:transparent;color:var(--color-text-secondary, #6b7280);cursor:pointer;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out}[data-form-renderer] .computed-field__reset-btn:hover{color:var(--color-primary, #0ea5e9);background-color:var(--color-primary-bg, rgba(14, 165, 233, .1))}[data-form-renderer] .computed-field__reset-btn:focus-visible{outline:2px solid var(--color-primary, #0ea5e9);outline-offset:2px}[data-form-renderer] .computed-field__reset-icon{width:1rem;height:1rem}[data-form-renderer] .computed-field--error .computed-field__value,[data-form-renderer] .computed-field--error .computed-field__input{border-color:var(--color-error, #dc2626)}[data-form-renderer] .computed-field--disabled .computed-field__value{background-color:var(--color-disabled-bg, #f3f4f6);color:var(--color-disabled-text, #9ca3af)}@media(prefers-reduced-motion:reduce){[data-form-renderer] .computed-field__input{transition:none}}