:root { --brand: #0d6efd; }
body { background: #f4f6f9; }
.home-tile {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: .5rem; padding: 2rem 1rem; border-radius: 1rem; text-decoration: none;
    color: #fff; min-height: 150px; box-shadow: 0 4px 14px rgba(0,0,0,.12);
    transition: transform .1s ease;
}
.home-tile:active { transform: scale(.97); }
.home-tile i { font-size: 2.6rem; }
.tile-inv { background: linear-gradient(135deg,#0d6efd,#0a58ca); }
.tile-ent { background: linear-gradient(135deg,#198754,#146c43); }
.tile-pac { background: linear-gradient(135deg,#6f42c1,#59359a); }
.tile-rep { background: linear-gradient(135deg,#fd7e14,#dc6502); }

/* Firma */
.firma-wrap { border: 2px dashed #adb5bd; border-radius: .5rem; background:#fff; touch-action: none; }
canvas.firma { width: 100%; height: 200px; display:block; }

/* Fotos */
.foto-prev { width: 90px; height: 90px; object-fit: cover; border-radius: .5rem; border:1px solid #dee2e6; }

.item-row { background:#fff; border:1px solid #e3e6ea; border-radius:.6rem; padding:.75rem; margin-bottom:.5rem; }
.req::after { content:" *"; color:#dc3545; font-weight:bold; }
.sticky-actions { position: sticky; bottom: 0; background: #f4f6f9; padding: .75rem 0; }