/* Reproduction of FormFoodsLancamentoTouch, using its layout, palette and icons.
   Screen data is illustrative; this is not a screenshot of a customer installation. */
.touch-showcase .launch-scene { height:auto; aspect-ratio:1.06; perspective:none; }
.touch-showcase .launch-device { top:30px; padding:11px 11px 0; transform:none; animation:none; box-shadow:0 10px 0 #071823,0 24px 45px #00111f66,inset 0 1px 1px #b5c3cb66; }
.touch-showcase .device-stand { top:81%; height:13%; transform:none; }
.touch-showcase .device-foot { top:93%; transform:none; }
.touch-screen { container-type:inline-size; height:auto; aspect-ratio:784/561; border-radius:2px; font-family:'Segoe UI',Arial,sans-serif; color:#064570; background:#f5f8fb; }
.touch-windowbar { height:5.4%; padding-inline:1%; display:flex; align-items:center; gap:1%; background:#064570; color:#fff; }
.touch-windowbar>img { width:2.5%; height:auto; }
.touch-windowbar>strong { font-size:1.6cqw; font-weight:500; }
.touch-windowbar>span { font-size:1.4cqw; margin-left:2%; color:#d5e8f6; }
.touch-windowbar>i { font-size:1.7cqw; margin-left:auto; font-style:normal; letter-spacing:.5cqw; color:#e2edf6; }
.touch-tabs { height:5%; display:flex; align-items:stretch; border-bottom:1px solid #c9dae7; background:#ecf4fa; }
.touch-tabs>span { display:flex; align-items:center; padding-inline:2%; font-size:1.55cqw; border-right:1px solid #c9dae7; }
.touch-tabs>.touch-tab-active { background:#fff; font-weight:600; box-shadow:inset 0 2px #064570; }
.touch-tabs>small { font-size:1.05cqw; margin:auto 1.4% auto auto; letter-spacing:.1cqw; color:#5c7a90; }
.touch-workspace { display:grid; grid-template-columns:20.8% 47.9% 31.3%; grid-template-rows:89.5% 10.5%; height:89.6%; }
.touch-workspace h4 { display:flex; align-items:center; height:4.2cqw; margin:0; padding-inline:1cqw; border-bottom:1px solid #ccdce8; background:#ecf4fa; color:#064570; font-size:1.32cqw; letter-spacing:0; font-weight:700; white-space:nowrap; }
.touch-groups { grid-column:1; grid-row:1; border-right:1px solid #bccfdf; background:#f5f8fb; overflow:hidden; position:relative; }
.touch-groups>div:not(.touch-group-next) { margin:1cqw; height:12.3cqw; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1.3cqw; border:1px solid #ccdce8; background:white; }
.touch-groups>.touch-group-selected { background:#d5e8f6!important; border:2px solid #064570!important; }
.touch-groups>div>strong { font-size:1.65cqw; font-weight:600; }
.touch-groups img,.touch-groups svg { width:4.5cqw; height:4.5cqw; object-fit:contain; color:#3d759b; }
.touch-group-next { display:flex; justify-content:space-around; align-items:center; position:absolute; bottom:0; width:100%; background:#ecf4fa; border-top:1px solid #cbdde9; font-size:3cqw; height:5cqw; }
.touch-products { grid-column:2; grid-row:1; background:#f5f8fb; position:relative; border-right:1px solid #b9cedd; overflow:hidden; }
.touch-product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.85cqw; padding:1cqw; }
.touch-product-grid>div { width:auto; height:19.5cqw; padding:1cqw; background:#fff; border:1px solid #ccdce8; border-radius:1px; box-shadow:none; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.touch-product-grid .launch-product>img { width:14cqw; height:11cqw; margin:0; }
.touch-product-grid>div>strong { font-size:1.65cqw; font-weight:600; display:block; text-align:center; line-height:1.4; }
.touch-product-grid>div>span { font-size:1.25cqw; color:#52748d; margin-top:.6cqw; display:block; }
.touch-product-placeholder>img { width:5cqw; height:5cqw; object-fit:contain; opacity:.65; margin-bottom:3cqw; }
.touch-product-navigation { display:flex; align-items:center; justify-content:space-around; position:absolute; bottom:0; width:100%; background:#ecf4fa; border-top:1px solid #cbdde9; height:5cqw; font-size:2.5cqw; }
.touch-product-navigation>b { font-size:1.3cqw; font-weight:400; }
.touch-order { grid-column:3; grid-row:1/3; background:#f5f8fb; overflow:hidden; }
.touch-order-lookup { display:flex; align-items:center; gap:1cqw; padding:1cqw; }
.touch-order-lookup>span { font-size:1.55cqw; }
.touch-order-lookup>i { font-style:normal; height:3.7cqw; border:1px solid #afc7d9; background:#fff; flex:1; text-align:right; font-size:2.8cqw; line-height:3.2cqw; padding-right:.7cqw; }
.touch-total { display:flex; align-items:center; justify-content:space-between; padding:0 1cqw 1cqw; gap:1cqw; }
.touch-total>span { font-size:1.55cqw; white-space:nowrap; }
.touch-total>strong { background:#064570; color:#fff; flex:1; font-size:2.05cqw; text-align:right; padding:.9cqw .7cqw; white-space:nowrap; }
.touch-item-list { border-top:1px solid #ccdce8; margin:0 .5cqw; position:relative; min-height:35cqw; }
.touch-item-list .launch-empty { top:7cqw; left:0; right:0; font-size:1.8cqw; color:#7a95a8; }
.touch-item-list .launch-order-line { height:auto; padding:0; margin:.8cqw .4cqw; border:1px solid #ccdce8; background:#fff; border-radius:1px; overflow:hidden; }
.touch-item-header { display:flex; align-items:center; justify-content:space-between; background:#ecf4fa; padding:.7cqw; border-bottom:1px solid #ccdce8; }
.touch-item-header>span,.touch-item-header>strong { font-size:1.3cqw; font-weight:600; }
.touch-item-list .launch-line-main { display:flex; gap:.6cqw; padding:.9cqw .7cqw; }
.touch-item-list .launch-line-main>img { width:6.5cqw; height:6.5cqw; border:0; border-radius:0; }
.touch-item-list .launch-line-main strong { font-size:1.6cqw; line-height:1.4; }
.touch-item-list .launch-line-main span { font-size:1.2cqw; margin-top:.7cqw; color:#52748d; line-height:1.5; }
.touch-item-values { display:flex; justify-content:space-between; padding:.8cqw; gap:1cqw; font-size:1.3cqw; border-top:1px solid #ecf1f5; }
.touch-item-values>b { font-size:1.5cqw; white-space:nowrap; }
.touch-item-actions { display:flex; justify-content:space-around; background:#ecf4fa; padding:1cqw 0; font-size:1.2cqw; border-top:1px solid #ccdce8; }
.touch-actionbar { grid-column:1/3; grid-row:2; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:.4cqw; padding:.4cqw; border-top:1px solid #ccdce8; background:#f5f8fb; }
.touch-actionbar>div { display:flex; align-items:center; justify-content:center; flex-direction:column; gap:.4cqw; border:1px solid #c9dce9; background:#ecf4fa; white-space:nowrap; }
.touch-actionbar>.touch-save,.touch-actionbar>.touch-invoice { background:#d5e8f6; border-color:#afc7d9; }
.touch-actionbar img { width:2.8cqw; height:2.8cqw; object-fit:contain; }
.touch-actionbar>div>span { font-size:1.2cqw; }
.touch-actionbar>div>.touch-menu-icon { font-size:2.8cqw; line-height:2.8cqw; }
.touch-screen .launch-options { width:63%; left:18%; top:18%; padding:0 1.5cqw 1.5cqw; border:1px solid #6f9aba; border-radius:1px; color:#064570; }
.touch-dialog-title { margin-inline:-1.5cqw; padding:1cqw; display:flex; justify-content:space-between; background:#064570; color:white; font-size:1.7cqw; }
.touch-screen .launch-options>strong { font-size:2cqw; margin:1.7cqw 0; }
.touch-dialog-tabs { display:flex; gap:2cqw; padding-bottom:1cqw; border-bottom:1px solid #cbdde9; font-size:1.4cqw; color:#52748d; }
.touch-dialog-tabs>b { color:#064570; }
.touch-screen .launch-choice { font-size:1.7cqw; padding:1.6cqw 0; gap:1.2cqw; }
.touch-screen .launch-choice>i { width:2.3cqw; height:2.3cqw; border-radius:0; }
.touch-screen .launch-choice svg { width:1.9cqw; height:1.9cqw; }
.touch-screen .launch-choice>b { font-size:1.4cqw; }
.touch-screen .launch-option-confirm { padding:1.5cqw; margin-top:1cqw; font-size:1.7cqw; background:#d5e8f6; color:#064570; border:1px solid #afc7d9; border-radius:0; }
.touch-screen .launch-option-confirm>svg { width:2cqw; height:2cqw; }
.touch-screen .launch-flight { left:28%; top:25%; width:17%; }
.touch-save-feedback { display:flex; align-items:center; justify-content:center; gap:1.3cqw; padding:1.8cqw 3cqw; position:absolute; bottom:14%; left:17%; right:17%; background:#064570; color:white; border:1px solid #b9d7eb; box-shadow:0 5px 15px #0a365533; font-size:1.7cqw; opacity:0; transform:translateY(8px); transition:opacity .3s,transform .3s; pointer-events:none; }
.touch-save-feedback>svg { width:2.5cqw; height:2.5cqw; }
.launch-scene.order-sent .touch-save-feedback { opacity:1; transform:none; }
.launch-scene.is-selecting .touch-product-grid .launch-product { border-color:#064570; box-shadow:0 0 0 1px #064570; background:#ecf4fa; transform:none; }
.launch-scene[data-launch-phase="1"] .touch-screen .launch-pointer { left:39%; top:36%; }
.launch-scene[data-launch-phase="2"] .touch-screen .launch-pointer { left:77%; top:41%; }
.launch-scene[data-launch-phase="3"] .touch-screen .launch-pointer { left:81%; top:47%; }
.launch-scene[data-launch-phase="4"] .touch-screen .launch-pointer { left:45%; top:65%; }
.launch-scene[data-launch-phase="5"] .touch-screen .launch-pointer { left:7%; top:94%; }
.launch-scene[data-launch-phase="5"] .touch-save { box-shadow:inset 0 0 0 2px #064570; background:#b6d7ee; }
@keyframes touch-item-flight { 0% { opacity:0; transform:translate(0,0) scale(1); }15%,80% { opacity:1; }100% { opacity:0; transform:translate(270%,30%) scale(.35); } }
.experience-running .launch-scene[data-launch-phase="2"] .touch-screen .launch-flight { animation-name:touch-item-flight; }
@media(min-width:1600px) { .touch-showcase .launch-scene { aspect-ratio:1.08; }.touch-showcase .launch-device { top:33px; } }
@media(max-width:1000px) and (min-width:701px) { .touch-showcase .launch-scene { aspect-ratio:.98; }.touch-showcase .device-stand { top:79%; }.touch-showcase .device-foot { top:91%; } }
@media(max-width:700px) { .touch-showcase .launch-scene { aspect-ratio:1.02; }.touch-showcase .launch-device { left:3px; right:3px; }.touch-showcase .device-stand { top:80%; }.touch-showcase .device-foot { top:92%; } }
@media(max-width:420px) { .touch-showcase .launch-scene { aspect-ratio:.97; }.touch-showcase .launch-device { padding:8px 8px 0; }.touch-showcase .device-stand { top:79%; }.touch-showcase .device-foot { top:91%; } }