.pii-control { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; }
.pii-value { font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.pii-eye { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; min-width: 28px; min-height: 28px; padding: .25rem; border: 1px solid var(--border-color, #d1d5db); border-radius: 4px; background: transparent; color: inherit; cursor: pointer; touch-action: none; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }
.pii-eye:hover, .pii-eye[aria-pressed="true"] { background: var(--background-secondary, #f3f4f6); }
.pii-eye:focus-visible { outline: 2px solid var(--primary-color, #2563eb); outline-offset: 2px; }
.guided-field .pii-input input { flex: 1; min-width: 0; width: 0; }
.pii-field { grid-column: 1 / -1; }
.pii-field-heading { display: flex; align-items: baseline; gap: .5rem; }
.guided-field .pii-field-heading label { margin: 0; }
.pii-edit { padding: 0; border: 0; background: none; color: var(--primary-color, #2563eb); font: inherit; font-size: .8rem; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
.pii-edit:focus-visible { outline: 2px solid var(--primary-color, #2563eb); outline-offset: 3px; }
.pii-editor[hidden] { display: none; }
.pii-editor .guided-field-help { display: block; margin-top: .4rem; }
.pii-field .pii-input { max-width: 28rem; }
.pii-field > [data-pii-url] { margin-bottom: .4rem; }
.pii-status { width: 100%; font-size: .85rem; }
.pii-status:empty { display: none; }
.guided-field .pii-remove { display: flex; align-items: center; gap: .4rem; margin-top: .5rem; }
.pii-remove input { width: auto; }