.chamado-anexos { padding: 16px; margin: 16px 0; border: 1px solid #dce2ea; border-radius: 10px; background: #f8fafc; text-align: left; color: #032363; min-width: 0; }
.chamado-anexos[hidden], .chamado-anexos [hidden] { display: none !important; }
.chamado-anexos label, .chamado-anexos h3 { display: block; font-size: .9rem; font-weight: 700; margin: 0 0 8px; }
.chamado-anexos input[type=file] { max-width: 100%; font: inherit; font-size: .85rem; }
.anexos-help, .chamado-anexos p { font-size: .82rem; line-height: 1.5; margin: 8px 0; }
.anexos-list { padding: 0; margin: 12px 0 0; list-style: none; }
.anexos-list li { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; padding: 9px 0; border-top: 1px solid #dce2ea; font-size: .82rem; }
.anexos-list li > span:first-child { flex: 1; min-width: 100px; overflow-wrap: anywhere; }
.anexos-actions { display: flex; gap: 8px; }
.anexos-button { border: 1px solid #b8c4d6; border-radius: 6px; padding: 6px 10px; background: white; color: #032363; font: inherit; font-size: .8rem; cursor: pointer; }
.anexos-button:disabled { opacity: .6; cursor: wait; }
.anexos-button:focus-visible { outline: 2px solid #032363; outline-offset: 2px; }
.anexos-error { color: #b91c1c; overflow-wrap: anywhere; }
.anexos-error:empty { display: none; }
.chamado-anexos--crm { margin: 8px 24px; max-height: 220px; overflow-y: auto; flex-shrink: 0; }

/* O seletor acompanha os campos de cada formulário, sem um cartão externo. */
[data-chamado-anexos-picker] { padding: 0; margin: 0 0 22px; border: 0; border-radius: 0; background: transparent; color: #1a1a1a; font-family: var(--font-body, inherit); }
[data-chamado-anexos-picker] > label { font-size: .82rem; font-weight: 700; color: #1a1a1a; margin-bottom: 7px; }
.anexos-control { position: relative; display: flex; align-items: center; gap: 12px; width: 100%; box-sizing: border-box; padding: 16px; border: 1.5px solid var(--gray-200, #ebebeb); border-radius: 10px; background: var(--white, #fff); transition: border-color .2s, box-shadow .2s, background .2s; }
.anexos-control:hover, .anexos-control:focus-within { border-color: var(--red, #032363); }
.anexos-control:focus-within { box-shadow: 0 0 0 3px rgba(3,35,99,.07); }
.anexos-control__icon { display: flex; flex-shrink: 0; color: var(--red, #032363); }
.anexos-control__text { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.anexos-control__title { font-size: .9rem; font-weight: 600; color: var(--red, #032363); }
.anexos-control__count { font-size: .78rem; color: var(--gray-600, #666); }
.anexos-control input[type=file] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
[data-chamado-anexos-picker] .anexos-help { margin: 6px 0 0; font-size: .75rem; color: var(--gray-600, #666); }
[data-chamado-anexos-picker] .anexos-list:empty { display: none; }
[data-chamado-anexos-picker] .anexos-list li { border: 0; border-radius: 8px; background: var(--gray-100, #f7f7f7); padding: 8px 12px; margin-top: 6px; color: #444; }
[data-chamado-anexos-picker] .anexos-button { border-color: var(--gray-200, #ebebeb); border-radius: 8px; color: var(--red, #032363); }
#ouv-form [data-chamado-anexos-picker] { margin: 20px 0 0; }
#ouv-form [data-chamado-anexos-picker] > label { font-size: .78rem; color: var(--gray-800); text-transform: uppercase; letter-spacing: .07em; margin-bottom: 6px; }
#ouv-form .anexos-control { background: var(--gray-100, #f7f7f7); }
#ouv-form .anexos-control:focus-within { background: #fff; }