.mfa-app{max-width:760px;margin:20px auto;padding:20px;color:#183126;font-family:system-ui,-apple-system,sans-serif}.mfa-app header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e7e1;padding:12px 0}.mfa-app h1{font-size:30px;margin:24px 0 5px}.mfa-app h2{font-size:22px;margin:0 0 18px}.mfa-app section{background:#fff;border:1px solid #e2e8e2;border-radius:18px;padding:22px;margin:22px 0;box-shadow:0 3px 16px #00000008}.mfa-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:25px}.mfa-actions a{padding:20px 14px;background:#edf5ef;border-radius:14px;color:#173c2b;text-decoration:none;font-weight:650;display:flex;gap:10px;align-items:center}.mfa-dish{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #e4e8e4;padding:13px 0}.mfa-dish small{display:block;color:#607369}.mfa-dish form{display:flex;gap:6px;align-items:center}.mfa-dish select{max-width:120px}.mfa-dish button,.mfa-qr button{background:#285a41;color:white;border:0;border-radius:8px;padding:10px;cursor:pointer}.mfa-edit{display:block;text-align:right;margin-top:5px}.mfa-app label:not(.mfa-check){display:block;font-weight:600;margin:16px 0}.mfa-app input:not([type=checkbox]),.mfa-app textarea,.mfa-app select{display:block;width:100%;box-sizing:border-box;padding:12px;border:1px solid #b9c9be;border-radius:10px;margin-top:7px;font-size:16px}.mfa-app .mfa-primary{width:100%;padding:15px;background:#285a41;color:white;border:0;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer}.mfa-thumb img{width:100px;height:100px;object-fit:cover}.mfa-qr-canvas{max-width:280px;margin:15px auto}.mfa-qr-canvas svg{display:block;width:100%;height:auto}.mfa-qr{text-align:center}.mfa-qr button{margin:5px}.mfa-notice{background:#e7f5e8;padding:12px;border-radius:10px}.mfa-login{max-width:400px;margin:40px auto;padding:25px}.mfa-login input{width:100%}.mfa-app footer{text-align:center;margin:30px}.mfa-app a{color:#285a41}@media(max-width:600px){.mfa-app{padding:12px}.mfa-app section{padding:16px}.mfa-dish{display:block}.mfa-dish form{margin-top:8px}.mfa-dish select{width:auto}.mfa-actions a{font-size:14px;padding:16px 10px}}

/* v1.9: panel móvil claro, botones táctiles y ayuda integrada */
body.mfa-page{background:#f6f8f7;margin:0;color:#183126}
.mfa-app{max-width:790px}.mfa-app header{background:#fff;border-radius:16px;padding:18px 20px;border:1px solid #e5eae7}
.mfa-app section{border-color:#e7ece8;box-shadow:0 4px 22px rgba(24,49,38,.045)}
.mfa-app .mfa-actions a{background:#fff;border:1px solid #e4ebe5;min-height:80px;box-shadow:0 2px 12px rgba(0,0,0,.035)}
.mfa-app .mfa-actions a:hover,.mfa-app .mfa-actions a:focus-visible{border-color:#24774d;background:#f0f8f2}
.mfa-help{font-size:14px;color:#65766c;line-height:1.5}.mfa-app button,.mfa-app select{min-height:44px}
.mfa-app ol{padding-left:22px;line-height:1.9}.mfa-app footer{color:#718177;font-size:13px}
@media(max-width:600px){.mfa-app{margin:0 auto;padding:14px}.mfa-app h1{font-size:27px}.mfa-app .mfa-actions a{min-height:86px}.mfa-dish{padding:16px 0}.mfa-dish form{flex-wrap:wrap}.mfa-dish form select{flex:1;max-width:none}}

/* v2.0 Mi imagen */
.mfa-image-preview{background:#f7faf8;border:1px solid #e3ebe5;border-radius:14px;padding:12px;margin:14px 0}.mfa-image-preview strong{display:block;margin-bottom:8px}.mfa-image-preview img{display:block;width:100%;max-height:180px;object-fit:contain}.mfa-logo-preview img{width:130px;height:130px;object-fit:contain;border-radius:50%;background:#fff;border:2px solid #e0e7e1;margin:auto}.mfa-app input[type=color]{height:52px;padding:5px}.mfa-app input[type=range]{accent-color:#285a41}

/* v2.1: apariencia del menú, seleccionada por restaurante */
.mfa-appearance{border:1px solid #dce5df;border-radius:14px;padding:16px;margin:16px 0;background:#f8faf9}
.mfa-appearance legend{font-weight:700;color:#173b2a;padding:0 6px}
.mfa-appearance .mfa-radio{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e0e8e2;border-radius:10px;padding:13px;margin:8px 0;cursor:pointer}
.mfa-appearance .mfa-radio input{width:18px;height:18px;accent-color:#216345}