/* Shared filename + alt suggestion rows (audit page + Edit Image modal) */
.audit-img-field { display: flex; flex-direction: column; gap: 4px; font-size: 11px; }
.audit-img-label { color: #6b7280; font-weight: 600; font-size: 10px; letter-spacing: 0.5px; text-transform: uppercase; }
.audit-img-diff-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.audit-img-current-chip { display: inline-flex; align-items: center; max-width: 220px; padding: 5px 12px; border-radius: 50px; background: #f3f4f6; color: #4b5563; font-size: 11px; font-family: inherit; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.audit-img-current-chip.empty { background: transparent; border: 1px dashed #fbbf24; color: #b45309; font-style: italic; }
.audit-img-arrow { color: #9ca3af; font-size: 11px; flex-shrink: 0; }
.audit-img-arrow.good { color: #059669; }
.audit-img-arrow.pending { color: #d1d5db; }
.audit-img-diff-row .audit-img-input-wrap { flex: 1; min-width: 200px; }
.audit-img-input-wrap { display: flex; align-items: stretch; border: 1px solid #ddd; border-radius: 50px; overflow: hidden; background: #fff; }
.audit-img-input-wrap input { flex: 1; min-width: 0; padding: 6px 12px; font-size: 12px; font-family: inherit; border: none; background: transparent; color: #333; }
.audit-img-input-wrap input::placeholder { color: #999; }
.audit-img-input-wrap input:focus { outline: none; }
.audit-img-apply { flex-shrink: 0; padding: 6px 14px; border: none; border-left: 1px solid #ddd; background: transparent; color: #10b981; cursor: pointer; font-size: 12px; font-weight: 500; font-family: inherit; }
.audit-img-apply:hover { background: #f0fdf4; }
.audit-img-apply.applied { background: #10b981; color: #fff; pointer-events: none; }
.audit-img-apply.priority-2 { background: #f59e0b; color: #fff; border-left-color: #d97706; }
.audit-img-apply.priority-2:hover { background: #d97706; color: #fff; }
.audit-img-apply.priority-3 { background: #dc2626; color: #fff; border-left-color: #dc2626; }
.audit-img-apply.priority-3:hover { background: #b91c1c; color: #fff; }
.audit-img-apply.priority-2.applied, .audit-img-apply.priority-3.applied { background: #10b981; color: #fff; border-left-color: #10b981; }
.audit-img-suggest-area { margin-top: 4px; }
.audit-img-suggest-fields { display: flex; flex-direction: column; gap: 8px; }
.audit-img-suggest-fields.hidden { display: none; }
.audit-img-try-again-wrap { display: none; margin-top: 6px; gap: 8px; align-items: center; flex-wrap: wrap; }
.audit-img-try-again-wrap.visible { display: flex; }
.audit-img-no-suggestions-msg { font-size: 12px; color: #6b7280; font-family: inherit; margin-right: 4px; }
.audit-img-try-again-btn { padding: 6px 14px; border: 1px solid #d1d5db; border-radius: 50px; background: transparent; color: #4b5563; font-size: 11px; font-weight: 500; cursor: pointer; font-family: inherit; display: inline-flex; align-items: center; gap: 6px; }
.audit-img-try-again-btn:hover { background: #f3f4f6; color: #111827; }
.audit-img-go-manual-btn { padding: 6px 14px; border: 1px solid #d1d5db; border-radius: 50px; background: transparent; color: #6b7280; font-size: 11px; font-weight: 500; cursor: pointer; font-family: inherit; display: inline-flex; align-items: center; gap: 6px; }
.audit-img-go-manual-btn:hover { background: #f3f4f6; color: #374151; }
.audit-img-loading .audit-img-input-wrap { position: relative; overflow: visible; }
.audit-img-loading .audit-img-input-wrap input { color: transparent; }
.audit-img-loading .audit-img-input-wrap::before { content: ''; position: absolute; left: 12px; right: 50px; top: 50%; transform: translateY(-50%); height: 10px; background: #e5e7eb; border-radius: 4px; animation: as-skeleton-shimmer 1.2s ease-in-out infinite; }