/* Shared by the data-driven industry pages (pos-systems/vertical.blade.php). Fonts, colours and sections come from fd-restaurant-pos.css. */
.fd-vpos-banner { background-image: radial-gradient(ellipse at 85% 20%, #0a7a6d55 0, transparent 55%), linear-gradient(135deg, #03211e, #065a51); }
.fd-vpos-flow-visual { color: #f59e0b; font-size: 40px; }
.fd-vpos-stores::before { background: linear-gradient(90deg, #062621f2, #062621d9 45%, #06262160 85%); }
/* Business-specific, code-native workflow scenes. */
.fd-vpos{--vm-accent:#629b9e;--vm-soft:#e3eff0;--vm-ink:#365f67;--vm-edge:#dce8e8}.fd-vpos[data-pos-motif=phone]{--vm-accent:#9c8ac3;--vm-soft:#ece7f6;--vm-ink:#5a517b;--vm-edge:#e3deed}.fd-vpos[data-pos-motif=rental]{--vm-accent:#8c9c6a;--vm-soft:#ecefdf;--vm-ink:#5a6b42;--vm-edge:#e2e6d6}.fd-vpos[data-pos-motif=tools]{--vm-accent:#bd9964;--vm-soft:#f3eada;--vm-ink:#79613b;--vm-edge:#e8e1d5}
.fd-vpos .fd-vmotion{position:relative;padding:15px;border:1px solid var(--vm-edge);border-radius:15px;background:linear-gradient(130deg,#fffefa,var(--vm-soft));color:var(--vm-ink);overflow:hidden;box-shadow:0 6px 20px #163d2905}.fd-vpos .fd-vmotion-caption{display:flex;align-items:center;gap:6px;font:600 7px/1.5 Arial,sans-serif;letter-spacing:1px;color:var(--vm-ink);opacity:.7;white-space:nowrap}.fd-vmotion-caption>i{display:block;width:5px;height:5px;border-radius:50%;background:var(--vm-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--vm-accent),transparent 88%);animation:vp-glow 4s ease-in-out infinite}.fd-vmotion-caption>span{margin-left:auto;font-size:6px;letter-spacing:.7px}
.fd-vpos .fd-vmotion-workspace{width:100%;max-width:320px;margin-top:24px}.fd-vmotion-workspace-body{display:grid;grid-template-columns:91px minmax(0,1fr);gap:12px;align-items:center;height:122px}.fd-vmotion-device-art{position:relative;width:91px;display:grid;place-items:center}.fd-vmotion-device-art::before{content:'';position:absolute;width:84px;height:84px;border-radius:50%;background:var(--vm-soft)}.fd-vpos .fd-vmotion-workspace svg.fd-vmotion-product{position:relative;display:block;width:91px;height:82px;max-width:100%;overflow:visible}.fd-vmotion-workspace-body small{display:block;font:6px Arial,sans-serif;letter-spacing:.9px;opacity:.65}.fd-vmotion-workspace-body b{display:block;font:600 14px/1.3 Arial,sans-serif;margin:7px 0}.fd-vmotion-workspace-body span{display:block;font:8px/1.6 Arial,sans-serif;opacity:.65}.fd-vmotion-workspace-body em{display:block;font:7px/1.5 Arial,sans-serif;margin-top:10px;animation:vp-confirm 5s ease-in-out infinite}.fd-vmotion-workspace-body em>i{color:var(--vm-accent);margin-right:3px}.fd-vmotion-scan{animation:vp-scan 4s ease-in-out infinite}.fd-vmotion-lens{animation:vp-glow 4s ease-in-out infinite}
.fd-vmotion-progress{display:flex;gap:5px;margin-top:4px}.fd-vmotion-progress>span{height:4px;flex:1;background:var(--vm-accent);border-radius:4px;animation:vp-progress 4s ease-in-out infinite}.fd-vmotion-progress>span:nth-child(2){animation-delay:.25s}.fd-vmotion-progress>span:nth-child(3){animation-delay:.5s}.fd-vmotion-progress>span:nth-child(4){animation-delay:.75s}
.fd-vpos .fd-vmotion-flow{height:158px;display:block;margin-bottom:20px;padding:14px}.fd-vmotion-flow-body{display:flex;align-items:center;gap:13px;height:99px}.fd-vmotion-flow-icon{position:relative;display:grid;place-items:center;width:52px;height:58px;flex:0 0 52px;border:1px solid var(--vm-edge);border-radius:11px;background:#ffffffaa;box-shadow:0 4px 8px #163d2905}.fd-vmotion-flow-icon>i{font-size:25px;color:var(--vm-accent);animation:vp-icon 5s ease-in-out infinite}.fd-vmotion-done{position:absolute;right:-4px;bottom:-4px;display:grid;place-items:center;background:var(--vm-accent);border:3px solid var(--vm-soft);border-radius:50%;width:20px;height:20px;animation:vp-confirm 5s ease-in-out infinite}.fd-vmotion-done>i{font-size:8px;color:#fff}.fd-vmotion-flow-body b{display:block;font:600 12px/1.5 Arial,sans-serif;margin-bottom:5px}.fd-vmotion-flow-body>div:last-child{min-width:0}.fd-vmotion-flow-body>div>span:not(.fd-vmotion-done){display:block;font:8px/1.6 Arial,sans-serif;opacity:.65}.fd-vmotion-flow .fd-vmotion-progress{margin-top:2px}.fd-vmotion-days{display:flex;gap:6px;margin-top:-5px}.fd-vmotion-days>span{flex:1;padding:4px 7px;background:#ffffffa0;border-radius:5px;border:1px solid var(--vm-edge);font:9px Arial,sans-serif;text-align:center;animation:vp-day 4.5s ease-in-out infinite}.fd-vmotion-days>span:nth-child(2){animation-delay:.5s}.fd-vmotion-days>span:nth-child(3){animation-delay:1s}.fd-vmotion-days i{color:var(--vm-accent);font-size:7px;margin-left:4px}.fd-vmotion-unit{display:flex;gap:9px;align-items:center;font:8px Arial,sans-serif;justify-content:center}.fd-vmotion-unit>span{background:#ffffffa0;padding:5px 9px;border-radius:6px}.fd-vmotion-unit>i{font-size:8px;animation:vp-link-arrow 3s ease-in-out infinite;color:var(--vm-accent)}
.fd-vpos .fd-vmotion-setup{background:linear-gradient(135deg,#ffffff0c,#ffffff03);border-color:#ffffff1c;color:#e5f0e3;margin-bottom:22px}.fd-vmotion-setup .fd-vmotion-caption{color:#bfd4c4;opacity:1}.fd-vmotion-devices{display:flex;justify-content:center;align-items:center;padding:24px 0 19px}.fd-vmotion-devices>div{display:flex;align-items:center;flex-direction:column;gap:11px;min-width:57px;padding:12px 6px;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px}.fd-vmotion-devices>div>i{font-size:24px;color:#d5d4a4}.fd-vmotion-devices>div>span{font:8px Arial,sans-serif;color:#bfd5c4}.fd-vmotion-devices>em{width:21px;height:2px;background:#ffffff18;overflow:hidden}.fd-vmotion-devices>em::after{content:'';display:block;width:10px;height:2px;background:#e3c58a;animation:vp-link 2.5s linear infinite}.fd-vmotion-setup>small{display:block;text-align:center;color:#b9cfbe;font:8px/1.5 Arial,sans-serif;padding-bottom:3px}.fd-vmotion-setup>small>i{color:#d9c899;margin-right:3px}
@keyframes vp-scan{0%,100%{transform:translateY(0);opacity:.2}50%{transform:translateY(19px);opacity:1}}@keyframes vp-glow{0%,100%{opacity:.45}50%{opacity:1}}@keyframes vp-confirm{0%,20%,100%{opacity:.3;transform:translateY(2px)}45%,80%{opacity:1;transform:translateY(0)}}@keyframes vp-progress{0%,100%{opacity:.25;transform:scaleX(.8)}40%,70%{opacity:1;transform:scaleX(1)}}@keyframes vp-icon{0%,100%{transform:translateY(1px)}50%{transform:translateY(-3px)}}@keyframes vp-day{0%,100%{background:#ffffffa0;box-shadow:0 0 0 0 transparent}40%,60%{background:var(--vm-soft);box-shadow:0 0 0 1px var(--vm-accent)}}@keyframes vp-link-arrow{0%,100%{transform:translateX(-2px);opacity:.4}50%{transform:translateX(2px);opacity:1}}@keyframes vp-link{from{transform:translateX(-10px)}to{transform:translateX(25px)}}
@media(max-width:991px){.fd-vpos .fd-vmotion-workspace{width:300px;margin:16px 0 0}.fd-vpos .fd-vmotion-flow{height:158px}}@media(max-width:359px){.fd-vpos .fd-vmotion-workspace{display:block;width:100%}.fd-vmotion-workspace-body{grid-template-columns:78px minmax(0,1fr);gap:8px}.fd-vmotion-device-art{width:78px}.fd-vmotion-workspace-body b{font-size:13px}}
@media(prefers-reduced-motion:reduce){.fd-vpos .fd-vmotion *,.fd-vpos .fd-vmotion *::after{animation:none!important}}
.fd-vpos .fd-vmotion .svg-inline--fa{display:inline-block;width:1em;height:1em;overflow:visible;vertical-align:-.125em}.fd-vmotion-flow-icon>svg{font-size:25px;color:var(--vm-accent);animation:vp-icon 5s ease-in-out infinite}.fd-vmotion-done>svg{font-size:8px;color:#fff}.fd-vmotion-workspace-body em>svg{color:var(--vm-accent);margin-right:3px}.fd-vmotion-devices>div>svg{font-size:24px;color:#d5d4a4}.fd-vmotion-caption>.svg-inline--fa{font-size:5px}