:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,sans-serif}body{color:#14181f;background:#f4f4f2;margin:0}.pantalla{max-width:640px;margin:0 auto;padding:16px}h1{margin:12px 0;font-size:22px}button{cursor:pointer;background:#fff;border:1px solid #14181f;border-radius:8px;min-height:48px;padding:0 16px;font-size:16px}button.principal{color:#fff;text-align:left;background:#14181f;flex:1}input,select,textarea{box-sizing:border-box;border:1px solid #999;border-radius:8px;width:100%;min-height:48px;padding:0 12px;font-size:16px}.fila{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.lista{padding:0;list-style:none}.lista li{border-bottom:1px solid #ddd;align-items:center;gap:8px;padding:8px 0;display:flex}.lista li .principal{flex:1}.tenue{color:#667;font-size:14px}.sinfoto{background:#ddd;border-radius:4px;place-items:center;width:48px;height:48px;display:inline-grid}.estado.ok{color:#0a6b2b;font-weight:600}.estado.rechazo{color:#7a1010;font-weight:600}.verde{color:#fff;background:#0a6b2b}.ambar{color:#fff;background:#b8710a}.desconocido{color:#fff;background:#7a1010}.aviso{text-align:center;border-radius:8px;padding:12px;font-size:20px}canvas.firma{touch-action:none;background:#fff;border:2px dashed #999;width:100%;height:180px}video{background:#000;border-radius:8px;width:100%}