/* Приватные вложения: общие элементы сайта и интерфейса оператора. */
.support-upload { margin-top: 16px; }
.support-upload [hidden] { display: none !important; }
.support-upload-label { position: relative; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 14px; border: 1.5px solid #E8E6E3; border-radius: 6px; background: #fff; color: #292524; font-size: 14px; font-weight: 600; cursor: pointer; }
.support-upload-label:focus-within { outline: 2px solid #F98E0A; outline-offset: 3px; }
.support-upload input[type=file] { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
.support-upload-help { margin: 8px 0; font-size: 12px; color: #78716C; }
.support-upload-list { list-style: none !important; margin: 12px 0 !important; padding: 0 !important; display: grid; gap: 8px; }
.support-upload-row { display: flex; align-items: center; gap: 10px; padding: 8px; border: 1px solid #E8E6E3; border-radius: 6px; min-width: 0; background: #FAFAF9; }
.support-upload-thumb { flex: 0 0 48px; width: 48px; height: 48px; object-fit: contain; border-radius: 4px; background: #fff; }
.support-upload-info { flex: 1; min-width: 0; overflow-wrap: anywhere; font-size: 13px; }
.support-upload-info small { display: block; color: #78716C; }
.support-upload-remove { min-width: 44px; min-height: 44px; border: 0; border-radius: 6px; cursor: pointer; background: #fff; color: #292524; font-size: 20px; }
.support-upload-remove:disabled { opacity: .5; cursor: wait; }
.support-upload progress { width: 100%; height: 8px; accent-color: #F98E0A; }
.support-upload-error { padding: 12px; margin-top: 12px; border: 1px solid #fecaca; background: #fef2f2; border-radius: 6px; color: #991b1b; font-size: 14px; }
.support-attachments { list-style: none !important; margin: 12px 0 0 !important; padding: 0 !important; display: grid; gap: 10px; }
.support-attachment { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 10px; border: 1px solid #E8E6E3; border-radius: 6px; background: #fff; color: #2C5280; text-decoration: none; overflow-wrap: anywhere; }
.support-attachment img { width: 80px; height: 64px; object-fit: contain; border-radius: 4px; flex-shrink: 0; }
.support-attachment span { min-width: 0; }
.support-attachment small { display: block; color: #78716C; }
.support-attachments > li, .support-upload-list > li { list-style: none !important; margin: 0; padding: 0; }
.support-admin .support-attachment, .support-admin .support-attachment:link, .support-admin .support-attachment:visited { background: var(--body-bg, #fff); color: var(--link-fg, #2C5280); border-color: var(--hairline-color, #E8E6E3); }
.support-admin label.support-upload-label { display: inline-flex; color: var(--body-fg, #292524); background: var(--body-bg, #fff); border-color: var(--border-color, #E8E6E3); }
.support-admin .support-upload-row { color: var(--body-fg, #292524); background: var(--darkened-bg, #FAFAF9); border-color: var(--hairline-color, #E8E6E3); }
.support-admin .support-upload-info small, .support-admin .support-upload-help, .support-admin .support-attachment small { color: var(--body-quiet-color, #78716C); }
.support-admin .support-upload-remove { color: var(--body-fg, #292524); background: var(--body-bg, #fff); }