/* =====================================================================
   BLACK Sistema — estilos compartilhados de mídia/cadastro da aeronave
   Usado por gerenciados.html (grid + form) e painel.html (aba Perfil).
   ===================================================================== */

/* popup CNPJ */
#cnpjPopup{ display:flex; }
#cnpjPopup.hidden{ display:none !important; }

/* matrícula + botão RAB na mesma linha */
.mat-linha{ display:flex; gap:8px; align-items:center; }
.mat-linha input{ flex:1; min-width:0; }
.mat-linha .btn{ flex:0 0 auto; white-space:nowrap; padding:11px 14px; }

/* seções de fotos / documentos */
.fotos-sec{ margin-top:16px; padding:14px 16px; border:1px solid var(--field-line); border-radius:var(--radius-field); background:var(--field); }
.fotos-sec > b{ color:var(--label); }
.fotos-tools{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:10px; }
.fotos-galeria{ display:grid; grid-template-columns:repeat(auto-fill, minmax(140px, 1fr)); gap:12px; margin-top:14px; }
.fotos-galeria:empty{ margin-top:0; }
.foto-item{ position:relative; border:1px solid var(--field-line); border-radius:var(--radius-field); overflow:hidden; }
.foto-item img{ display:block; width:100%; height:110px; object-fit:cover; background:var(--field-line); }
.foto-item .foto-remover{ width:100%; border-radius:0; padding:7px 8px; font-size:12px; }

/* selo de validade (CVA + documentos) */
.doc-selo{ display:inline-block; font-size:11px; font-weight:600; letter-spacing:.02em; padding:2px 8px; border-radius:999px; border:1px solid transparent; vertical-align:middle; }
.doc-selo:empty{ display:none; }
.selo-cinza{ background:#e9edf2; color:#5b6673; border-color:#d7dee6; }
.selo-verde{ background:#e3f6ea; color:#1a7f42; border-color:#bfe8cd; }
.selo-amarelo{ background:#fdf3d6; color:#916a09; border-color:#f3e2ac; }
.selo-vermelho{ background:#fbe4e4; color:#b3261e; border-color:#f2c4c1; }

/* anexo do CVA (colado no campo de validade) */
.cva-anexo{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:8px; }
.cva-anexo .btn{ padding:6px 11px; font-size:12.5px; }

/* documentos da aeronave */
.docs-body{ display:flex; flex-direction:column; gap:12px; margin-top:12px; }
.doc-card{ border:1px solid var(--field-line); border-radius:var(--radius-field); padding:12px 14px; background:var(--field); }
.doc-head{ display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.doc-tipo{ font-weight:600; color:var(--label); }
.doc-grid{ display:grid; grid-template-columns:repeat(4, 1fr); gap:10px; }
.doc-grid label{ display:flex; flex-direction:column; gap:4px; font-size:12px; color:var(--muted); }
.doc-grid input{ width:100%; }
@media(max-width:720px){ .doc-grid{ grid-template-columns:1fr 1fr; } }
.doc-arq{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:10px; }
.doc-arq-nome{ font-size:12px; color:var(--muted); margin-right:2px; }
.doc-arq .btn{ padding:7px 12px; font-size:13px; }
.doc-actions{ display:flex; align-items:center; justify-content:flex-end; gap:10px; margin-top:10px; }
.doc-status{ margin-right:auto; }