/* Referências visuais aprovadas em 21/10/2026. Estilos restritos às novas telas. */
.qr-search-stage.recipe-search-stage{background:var(--yy-c-b-fffbf5,#fffbf5);background-image:none;min-height:calc(100vh - 137px)}
body[data-module-screen] #app .qr-management.qr-approved-search{max-width:1360px;padding:26px 36px 40px;font-family:Arial,Helvetica,sans-serif}
body[data-module-screen] #app .qr-approved-search .recipe-search-heading{padding:0 16px 22px;margin:0;min-height:0}
body[data-module-screen] #app .qr-approved-search .recipe-search-heading h1{font:700 clamp(30px,3vw,43px)/1.2 Arial,Helvetica,sans-serif;color:var(--yy-c-f-111,#111);letter-spacing:-1.3px;margin:4px 0}
body[data-module-screen] #app .qr-approved-search .recipe-search-heading h1 span{color:var(--yy-c-f-e30b16,#e30b16)}
.qr-approved-search .query-eyebrow{color:var(--yy-c-f-e30913,#e30913);font-size:13px;letter-spacing:.03em}
body[data-module-screen] #app .qr-approved-search .query-eyebrow{color:var(--yy-c-f-e30913,#e30913)!important}
.qr-approved-search .recipe-search-panel{background:var(--yy-c-b-fff,#fff);border:1px solid var(--yy-c-l-ecdfcd,#ecdfcd);border-radius:11px;padding:20px;margin-bottom:18px}
.qr-approved-search .query-section-heading{margin-bottom:20px;align-items:flex-start;gap:18px}
.qr-approved-search .query-section-heading h2{font:700 20px Arial,sans-serif;color:var(--yy-c-f-e30b16,#e30b16);margin:0 0 7px}
.qr-approved-search .query-section-heading p{color:var(--yy-c-f-758091,#758091);font-size:13px;margin:0}
.qr-approved-search .query-section-heading>.query-icon{width:30px;height:30px;color:var(--yy-c-f-e30b16,#e30b16)}
.qr-approved-search .recipe-search-heading p{font-size:16px;color:var(--yy-c-f-6f7780,#6f7780);margin:0}
.qr-approved-search .qr-filter-fields{grid-template-columns:1fr 1fr 1.2fr;gap:24px;align-items:start}
.qr-approved-search .qr-filter-fields>label{font-size:14px;color:var(--yy-c-f-535b63,#535b63)}
.qr-approved-search .query-input{display:flex;align-items:center;min-height:42px;border:1px solid var(--yy-c-l-ddd,#ddd);border-radius:5px;background:var(--yy-c-b-ffffff,white)}
.qr-approved-search .query-input>.query-icon{width:18px;min-width:18px;height:18px;color:var(--yy-c-f-b31c17,#b31c17);padding:0 13px;border-right:1px solid var(--yy-c-l-eee,#eee)}
.qr-approved-search .query-input input,.qr-approved-search .query-input select{border:0;margin:0;border-radius:0;background:transparent;min-width:0;padding:10px 12px;font-size:14px}
.qr-approved-search fieldset{border:1px solid var(--yy-c-l-e0dbd5,#e0dbd5);border-radius:5px;padding:5px 8px 8px;gap:16px;margin-top:0;min-width:0}
.qr-approved-search fieldset legend{font-size:14px;color:var(--yy-c-f-535b63,#535b63);padding:0}
.qr-approved-search fieldset label{font-size:13px;color:var(--yy-c-f-535b63,#535b63);gap:4px;min-width:0}
.qr-approved-search fieldset input{background:var(--yy-c-b-ffffff,white);border:1px solid var(--yy-c-l-ddd,#ddd);border-radius:5px;padding:8px;font:14px Arial,sans-serif;min-width:0}
.qr-approved-search .qr-query-actions{border-top:1px solid var(--yy-c-l-eee2d4,#eee2d4);padding-top:13px;margin-top:12px;gap:10px}
.qr-approved-search .qr-query-actions button{min-width:155px;min-height:43px;font:700 13px Arial,sans-serif;border-radius:6px}
.qr-approved-search .query-primary{background:linear-gradient(var(--yy-c-b-ff292d,#ff292d),var(--yy-c-b-d80006,#d80006));border:1px solid var(--yy-c-l-ff484b,#ff484b);color:var(--yy-c-f-ffffff,white)}
.qr-approved-search .query-secondary{background:linear-gradient(var(--yy-c-b-fffdfa,#fffdfa),var(--yy-c-b-f5efe6,#f5efe6));border:1px solid var(--yy-c-l-e6d4bf,#e6d4bf);color:var(--yy-c-f-6f2c16,#6f2c16)}
.qr-approved-search .qr-green{background:linear-gradient(var(--yy-c-b-2faf36,#2faf36),var(--yy-c-b-17841d,#17841d))!important;border-color:var(--yy-c-l-36aa3d,#36aa3d)!important}
.qr-approved-search .qr-selection:empty,.qr-approved-search .qr-monitor-status:empty{display:none}
.qr-approved-search .qr-selection{font-size:12px;margin:10px 0 0;min-height:0;color:var(--yy-c-f-776b5b,#776b5b)}
.qr-approved-search .results-title{margin-bottom:16px;align-items:center}
.qr-approved-search .results-title .query-section-heading{margin:0}
.qr-approved-search .recipe-results-table{min-width:560px;width:100%;font:13px Arial,sans-serif}
.qr-approved-search .recipe-results-table th{background:var(--yy-c-b-f1eee8,#f1eee8);font-size:13px;color:var(--yy-c-f-414141,#414141);padding:10px 12px}
.qr-approved-search .recipe-results-table td{font-size:13px;color:var(--yy-c-f-444,#444);padding:7px 12px;border:0}
.qr-approved-search .recipe-results-table td:nth-child(2){font-weight:700}
.qr-approved-search .recipe-results-table tbody tr:nth-child(odd){background:var(--yy-c-b-fff,#fff)}
.qr-approved-search .recipe-results-table tbody tr:nth-child(even){background:var(--yy-c-b-f5f3f0,#f5f3f0)}
body[data-module-screen] #app .qr-approved-search .recipe-results-table tbody tr:nth-child(odd){background:var(--yy-c-b-fff,#fff)}
body[data-module-screen] #app .qr-approved-search .recipe-results-table tbody tr:nth-child(even){background:var(--yy-c-b-f5f3f0,#f5f3f0)}
.qr-approved-search .recipe-results-table input{accent-color:var(--yy-c-b-d9000a,#d9000a);width:17px;height:17px}
.qr-approved-search .recipe-results-table .is-selected{box-shadow:inset 3px 0 #d9000a}
.qr-approved-search .recipe-pagination{margin-top:17px;font-size:13px;color:var(--yy-c-f-657080,#657080)}
.qr-approved-search .recipe-page-buttons button{min-height:38px;min-width:38px;border-radius:5px}
.qr-approved-search .query-count{white-space:nowrap;font-size:12px!important;border-radius:6px;background:var(--yy-c-b-fbf8f3,#fbf8f3);border:1px solid var(--yy-c-l-ebdecb,#ebdecb)}
.qr-approved-search .recipe-search-note{margin-top:8px;line-height:1.6;font-size:11px}
/* Monitor: mantém os elementos internos e a disposição 1 / 2 / 3 / 4 das imagens. */
.qr-monitor-stage.recipe-search-stage{background:var(--yy-c-b-fff5e8,#fff5e8) url('/atendimento-qr/monitor-fundo-aprovado.png') center top/cover no-repeat;min-height:calc(100vh - 137px)}
body[data-module-screen] #app .qr-management.qr-approved-monitor{position:relative;max-width:1440px;padding:20px 26px 28px;font-family:Arial,Helvetica,sans-serif}
body[data-module-screen] #app .qr-approved-monitor .recipe-search-heading{padding:0 0 0 17%;margin:0}
body[data-module-screen] #app .qr-approved-monitor .recipe-search-heading h1{font:700 clamp(24px,2.6vw,38px)/1.2 Arial,Helvetica,sans-serif;color:var(--yy-c-f-080808,#080808);letter-spacing:-1px;margin:0 0 8px}
.qr-approved-monitor .recipe-search-heading p{font-size:18px;color:var(--yy-c-f-6c6c6c,#6c6c6c);margin:0;line-height:1.4}
.qr-approved-monitor .system-module-eyebrow{display:none!important}
.qr-heading-rule{height:1px;width:245px;background:var(--yy-c-b-dca35d,#dca35d);margin:20px 0 18px}
.qr-approved-monitor .qr-monitor-status{font-size:13px;margin:0 0 12px;min-height:0}
.qr-approved-monitor .qr-monitor-status:empty{display:none}
.qr-settings{position:absolute;right:26px;top:24px;border:0;background:transparent;color:var(--yy-c-f-9a7955,#9a7955);font-size:18px;cursor:pointer;padding:3px}
.qr-approved-monitor .qr-monitor-grid{max-width:1120px;gap:14px 20px;margin:0 auto;align-items:stretch}
.qr-approved-monitor .qr-call{position:relative;overflow:hidden;padding:10px 16px 14px;border:1px solid var(--yy-c-l-d99745,#d99745);border-radius:16px;background:linear-gradient(120deg,var(--yy-c-b-fffaf0ef,#fffaf0eF),var(--yy-c-b-fff7ebed,#fff7ebed));box-shadow:0 5px 14px #c58c4420}
.qr-approved-monitor .qr-call:nth-child(4n+2){background:linear-gradient(120deg,var(--yy-c-b-fff0eaed,#fff0eaed),var(--yy-c-b-ffe9e4ed,#ffe9e4ed))}
.qr-approved-monitor .qr-call:nth-child(4n+3){background:linear-gradient(120deg,var(--yy-c-b-edf1dfef,#edf1dfef),var(--yy-c-b-e5efd9eb,#e5efd9eb))}
.qr-approved-monitor .qr-call:nth-child(4n+4){background:linear-gradient(120deg,var(--yy-c-b-fff0dcef,#fff0dcef),var(--yy-c-b-ffead3ed,#ffead3ed))}
.qr-approved-monitor .qr-service-bell{height:55px;width:82px;display:block;margin:0 auto;filter:drop-shadow(0 2px 1px #7e4b1d44)}
.qr-approved-monitor .qr-call h2{font:700 36px/1.15 Arial,Helvetica,sans-serif;color:var(--yy-c-f-030303,#030303);margin:1px 0 7px;letter-spacing:-.8px}
.qr-approved-monitor .qr-call .qr-call-warning{position:relative;overflow:hidden;background:linear-gradient(var(--yy-c-b-fc2714,#fc2714),var(--yy-c-b-c4000b,#c4000b) 45%,var(--yy-c-b-c00008,#c00008) 65%,var(--yy-c-b-ed2410,#ed2410));border:1px solid var(--yy-c-l-f04b24,#f04b24);border-radius:17px;color:var(--yy-c-f-fff,#fff);font:700 clamp(17px,1.65vw,25px)/1.2 Arial,sans-serif;padding:12px 6px;margin:0 14px 12px;box-shadow:0 2px 13px #e69b3544}
.qr-call-warning::after{content:"";position:absolute;top:0;bottom:0;width:24%;left:var(--qr-sweep-position,0%);background:linear-gradient(90deg,transparent,var(--yy-c-b-fff9c9a0,#fff9c9a0),transparent);pointer-events:none;opacity:.7}
.qr-call[data-phase="descanso"] .qr-call-warning::after,.qr-call[data-phase="avisado"] .qr-call-warning::after{display:none}
.qr-call[data-phase="piscar"] .qr-call-warning{animation:qr-approved-blink .65s ease-in-out infinite}
.qr-approved-monitor .qr-call-details{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.qr-approved-monitor .qr-call-details>div{display:flex;align-items:center;justify-content:center;gap:15px;border:1px solid var(--yy-c-l-e4d6c4a0,#e4d6c4a0);background:var(--yy-c-b-fffcf52e,#fffcf52e);border-radius:8px;padding:8px 4px;color:var(--yy-c-f-64617a,#64617a);font:12px/1.3 Arial,sans-serif;min-width:0}
.qr-approved-monitor .qr-detail-icon{width:35px;height:35px;flex-shrink:0}
.qr-approved-monitor .qr-calendar{color:var(--yy-c-f-cd880e,#cd880e)}.qr-approved-monitor .qr-clock{color:var(--yy-c-f-a20e11,#a20e11)}
.qr-approved-monitor .qr-call time,.qr-approved-monitor .qr-wait{display:block;font:700 14px Arial,sans-serif;color:var(--yy-c-f-080808,#080808);margin:5px 0 0}
.qr-approved-monitor .qr-call-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
.qr-approved-monitor .qr-call-actions button{display:flex;gap:12px;align-items:center;justify-content:center;min-height:59px;border-radius:7px;padding:8px 7px;font:700 14px Arial,sans-serif}
.qr-approved-monitor .qr-call-actions .query-secondary{background:var(--yy-c-b-fffdf54d,#fffdf54d);border:1px solid var(--yy-c-l-ce8a2c,#ce8a2c);color:var(--yy-c-f-a53b0e,#a53b0e);box-shadow:inset 0 0 0 1px #fff8}
.qr-approved-monitor .qr-call-actions .qr-green{background:linear-gradient(145deg,var(--yy-c-b-007c4d,#007c4d),var(--yy-c-b-005b2e,#005b2e) 55%,var(--yy-c-b-004d20,#004d20))!important;border-color:var(--yy-c-l-0b925a,#0b925a)!important;color:var(--yy-c-f-ffffff,white);box-shadow:0 3px 8px #36703b20}
.qr-approved-monitor .qr-hourglass{width:29px;height:36px;color:var(--yy-c-f-c8840c,#c8840c);flex-shrink:0}
.qr-approved-monitor .qr-bell-circle{width:36px;height:36px;border:3px solid var(--yy-c-l-f4fff0,#f4fff0);border-radius:50%;display:grid;place-items:center;flex-shrink:0}
.qr-approved-monitor .qr-bell-circle .qr-bell{width:23px;height:23px;fill:var(--yy-c-f-ffffff,white)}
.qr-approved-monitor .qr-check{font-size:31px;line-height:1}
.qr-approved-monitor .qr-call-state{font-size:11px;margin:7px 0 0;min-height:0;color:var(--yy-c-f-965218,#965218)}
.qr-repeat{position:absolute;top:10px;right:12px;font-size:10px;color:var(--yy-c-f-806e59,#806e59)}
.qr-approved-monitor .qr-call-actions button:disabled{opacity:.65}
.qr-approved-monitor .qr-call[data-phase="avisado"] .qr-call-actions .qr-green{opacity:1}
.qr-approved-monitor .qr-call-actions .qr-green.qr-notified{background:linear-gradient(145deg,var(--yy-c-b-f4d79a,#f4d79a),var(--yy-c-b-deb464,#deb464))!important;border-color:var(--yy-c-l-bb8737,#bb8737)!important;color:var(--yy-c-f-603b0d,#603b0d)!important;opacity:1}
.qr-approved-monitor .qr-notified .qr-bell-circle{border-color:var(--yy-c-l-603b0d,#603b0d)}
.qr-approved-monitor .qr-confirmed-icon{width:25px;height:25px;display:block}
.qr-approved-monitor .qr-monitor-grid[data-count="1"]{max-width:1540px}
.qr-approved-monitor .qr-monitor-grid[data-count="1"] .qr-call{padding:16px 24px 22px}
.qr-approved-monitor .qr-monitor-grid[data-count="1"] .qr-service-bell,.qr-approved-monitor .qr-monitor-grid[data-count="2"] .qr-service-bell{height:78px;width:110px}
.qr-approved-monitor .qr-monitor-grid[data-count="1"] .qr-call h2,.qr-approved-monitor .qr-monitor-grid[data-count="2"] .qr-call h2{font-size:46px;margin-bottom:12px}
.qr-approved-monitor .qr-monitor-grid[data-count="1"] .qr-call-warning,.qr-approved-monitor .qr-monitor-grid[data-count="2"] .qr-call-warning{font-size:28px;padding:17px 8px;margin-bottom:17px}
.qr-approved-monitor .qr-monitor-grid[data-count="1"] .qr-call-details>div,.qr-approved-monitor .qr-monitor-grid[data-count="2"] .qr-call-details>div{padding:12px 4px}
.qr-approved-monitor .qr-monitor-grid[data-count="1"] .qr-call-actions button,.qr-approved-monitor .qr-monitor-grid[data-count="2"] .qr-call-actions button{min-height:77px;font-size:17px}
.qr-approved-monitor .qr-monitor-grid[data-count="2"]{max-width:1400px;margin-top:34px}
.qr-monitor-empty{text-align:center;grid-column:1/-1;color:var(--yy-c-f-79644a,#79644a);margin:60px 0}
@keyframes qr-approved-blink{50%{filter:brightness(1.6);box-shadow:0 0 20px #eeb55b}}
@media(prefers-reduced-motion:reduce){.qr-call-warning::after{display:none}.qr-call[data-phase="piscar"] .qr-call-warning{animation:none;outline:2px solid var(--yy-c-l-d8aa42,#d8aa42)}}
/* Modal aprovado. Não altera a impressão e os modais do painel anterior. */
dialog.qr-approved-modal{background:var(--yy-c-b-fffaf1,#fffaf1);padding:0;border:1px solid var(--yy-c-l-e9b871,#e9b871);border-radius:17px;max-width:590px;color:var(--yy-c-f-101010,#101010)}
.qr-approved-modal .qr-modal-header{display:flex;align-items:center;justify-content:space-between;padding:22px 30px;border-bottom:1px solid var(--yy-c-l-ead7ba,#ead7ba)}
.qr-approved-modal .qr-modal-header h2{font:700 21px Arial,sans-serif;color:var(--yy-c-f-111,#111);margin:0}
.qr-approved-modal .qr-modal-header button{font:30px Arial,sans-serif;background:none;border:0;color:var(--yy-c-f-6c4122,#6c4122);min-height:0;padding:0 4px;line-height:1}
.qr-approved-modal .qr-modal-body{padding:22px 32px 32px}
.qr-approved-modal h3{font:700 39px Arial,sans-serif;margin:3px 0 20px;color:var(--yy-c-f-080808,#080808)}
.qr-approved-modal h3 span{color:var(--yy-c-f-e9141e,#e9141e)}
.qr-approved-modal .qr-image-frame{max-width:360px;aspect-ratio:1;margin:auto;background:var(--yy-c-b-fff,#fff);border:1px solid var(--yy-c-l-f0dcc1,#f0dcc1);border-radius:13px;padding:12px;display:grid;place-items:center}
.qr-approved-modal .qr-image-frame svg{width:100%;height:auto;max-width:none}
.qr-approved-modal .qr-modal-validity{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--yy-c-b-fcf4e7,#fcf4e7);border:1px solid var(--yy-c-l-efdabd,#efdabd);border-radius:8px;color:var(--yy-c-f-66513b,#66513b);padding:15px 8px;font:15px Arial,sans-serif;margin:18px 0 22px}
.qr-approved-modal .qr-modal-validity .qr-detail-icon{width:23px;height:23px;color:var(--yy-c-f-ef1620,#ef1620);flex-shrink:0}
.qr-approved-modal .qr-modal-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:12px}
.qr-approved-modal .qr-modal-actions button{display:flex;gap:10px;align-items:center;justify-content:center;border:1px solid var(--yy-c-l-c59758,#c59758);border-radius:8px;min-height:57px;font:700 15px Arial,sans-serif}
.qr-approved-modal .qr-modal-actions .query-secondary{background:var(--yy-c-b-fffaf1,#fffaf1);color:var(--yy-c-f-991f13,#991f13)}
.qr-approved-modal .qr-modal-actions .query-primary{background:linear-gradient(var(--yy-c-b-ff2529,#ff2529),var(--yy-c-b-dc0007,#dc0007));border-color:var(--yy-c-l-fc6561,#fc6561);color:var(--yy-c-f-ffffff,white)}
.qr-approved-modal .qr-modal-actions .query-icon{width:22px;height:22px}
@media(max-width:1000px){.qr-approved-monitor .qr-call-details>div{gap:6px;font-size:10px}.qr-approved-monitor .qr-call-actions button{font-size:12px;gap:7px}.qr-approved-monitor .qr-call .qr-call-warning{font-size:19px;margin-inline:0}.qr-approved-monitor .qr-call time{font-size:11px}.qr-approved-monitor .qr-call h2{font-size:32px}.qr-approved-monitor .qr-call-actions .qr-bell-circle{width:29px;height:29px}.qr-approved-monitor .qr-call-details .qr-detail-icon{width:27px;height:27px}}
@media(max-width:700px){body[data-module-screen] #app .qr-management.qr-approved-search,body[data-module-screen] #app .qr-management.qr-approved-monitor{padding:20px 12px}.qr-approved-search .qr-filter-fields{grid-template-columns:1fr}.qr-approved-search .results-title{align-items:start;gap:10px;flex-wrap:wrap}.qr-approved-search .recipe-search-panel{padding:16px}.qr-approved-search .qr-query-actions button{min-width:125px}.qr-approved-search .qr-selection{line-height:1.5}.qr-approved-search .recipe-pagination{flex-wrap:wrap}.qr-approved-monitor .recipe-search-heading{padding:0 26px 0 0!important}.qr-approved-monitor .recipe-search-heading p{font-size:14px}.qr-heading-rule{margin:15px 0}.qr-approved-monitor .qr-monitor-grid{gap:14px;margin-top:0!important}.qr-approved-monitor .qr-call{padding:12px}.qr-approved-monitor .qr-call-details>div{font-size:11px}.qr-approved-monitor .qr-monitor-grid[data-count] .qr-call h2{font-size:36px}.qr-approved-monitor .qr-monitor-grid[data-count] .qr-call .qr-call-warning{font-size:19px;padding:12px 5px}.qr-approved-monitor .qr-monitor-grid[data-count] .qr-call-actions button{font-size:12px;min-height:60px}.qr-settings{right:12px;top:20px}.qr-approved-modal .qr-modal-header{padding:18px}.qr-approved-modal .qr-modal-body{padding:18px}.qr-approved-modal .qr-modal-actions button{font-size:13px}}

/* Imagem original aprovada, apenas centralizada no espaço vazio. */
.qr-monitor-empty-art{grid-column:1/-1;display:flex;justify-content:center;align-items:center;width:100%;margin:32px auto}
.qr-monitor-empty-art img{display:block;width:auto;max-width:min(100%,960px);max-height:max(220px,calc(100dvh - 340px));height:auto}


/* Cartão pequeno para mesa, restrito à impressão. */
@media print{
 @page{size:A4;margin:12mm}
 .qr-print-sheet{padding:0!important;text-align:center!important;display:flex!important;flex-wrap:wrap;justify-content:center;gap:8mm 6mm}
 .qr-table-print{position:relative;width:90mm;max-width:90mm;margin:0 auto;padding:6mm 4mm;border:1px dashed var(--yy-c-l-333,#333);break-inside:avoid;font:10px Arial,sans-serif;color:var(--yy-c-f-111,#111);background:var(--yy-c-b-fff,#fff);box-sizing:border-box}
 .qr-table-print .qr-cut{position:absolute;left:4mm;top:-3mm;background:var(--yy-c-b-ffffff,white);padding:0 2mm;font-size:15px}
 .qr-table-print>strong{display:block;font-size:14px}
 .qr-table-print svg{display:block;width:48mm!important;height:48mm!important;margin:2mm auto}
 .qr-table-print h1{font:bold 22px Georgia,serif!important;color:var(--yy-c-f-111,#111)!important;margin:2mm 0 0!important}
 .qr-table-print h2{font:12px Arial,sans-serif!important;color:var(--yy-c-f-111,#111)!important;margin:0 0 4mm!important}
 .qr-table-print p{font:10px/1.5 Arial,sans-serif!important;margin:3mm 0!important;color:var(--yy-c-f-111,#111)!important}
}
.qr-empty-frame{position:relative;margin:0;max-width:100%;container-type:inline-size;width:min(960px,calc((100dvh - 340px)*1.7064))}
.qr-empty-frame img{width:100%;max-height:none}
.qr-empty-title{position:absolute;left:7%;top:61%;width:86%;height:12%;display:flex;align-items:center;justify-content:center;background:var(--yy-c-b-fcf6ed,#fcf6ed);color:var(--yy-c-f-111,#111);font:bold 3.2cqw Georgia,serif;text-align:center}
@media(max-height:560px){.qr-empty-frame{width:min(100%,375px)}}

@media print{.qr-table-print .qr-cut-bottom{left:auto;right:4mm;top:auto;bottom:-3mm;transform:rotate(180deg)}}