.fotos-os-topo { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.fotos-os-acoes { display:flex; flex-wrap:wrap; gap:8px; }
.fotos-os-lista { display:grid; grid-template-columns:repeat(auto-fill,minmax(145px,1fr)); gap:14px; }
.foto-os-card { display:flex; flex-direction:column; gap:8px; min-width:0; padding:8px; border:1px solid #e6e1ed; border-radius:10px; background:#fff; }
.foto-os-card img { width:100%; height:130px; object-fit:contain; background:#f8f9fa; border-radius:6px; }
.foto-os-card small { font-size:.75rem; color:#6c757d; }
.foto-os-card a:focus-visible { outline:3px solid #a66aef; outline-offset:2px; }
@media print { .fotos-os-acoes, .foto-os-card button, #fotosAviso { display:none; } }

.aparelho-cabecalho { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:31px; margin-bottom:8px; }
.fotos-os-atalho { display:inline-flex; align-items:center; gap:6px; border:0; background:transparent; color:#765099; font-size:.8rem; padding:5px 0 5px 6px; white-space:nowrap; border-radius:5px; }
.fotos-os-atalho:hover { color:#6020a5; background:#f5effb; }
.fotos-os-atalho:focus-visible { outline:2px solid #a66aef; outline-offset:2px; }
.fotos-os-dialog { width:min(700px,calc(100% - 28px)); max-height:85vh; padding:24px; border:0; border-radius:16px; box-shadow:0 20px 70px #1f123340; overflow:auto; }
.fotos-os-dialog::backdrop { background:rgba(24,18,34,.45); }
.fotos-os-dialog .fotos-os-topo { padding-right:24px; }
.fotos-os-fechar { position:absolute; right:12px; top:8px; border:0; background:transparent; font-size:26px; color:#6c757d; width:32px; height:32px; }
.fotos-os-rodape { display:flex; justify-content:flex-end; margin-top:18px; padding-top:14px; border-top:1px solid #eee; }
@media(max-width:480px) { .fotos-os-dialog { padding:18px; } }
@media print { .fotos-os-atalho, .fotos-os-dialog { display:none !important; } }