:root{--primary-color: #00e531; --primary-hover: #00b326; --secondary-color: #121212; --bg-dark: #000000; --bg-darker: #121212; --text-light: #ffffff; --text-muted: #999999; --glass-bg: rgba(255, 255, 255, 0.1); --glass-bg-hover: rgba(255, 255, 255, 0.2); --glass-border: rgba(255, 255, 255, 0.3); --glass-blur: blur(10px); --grad-primary: linear-gradient(135deg, #00b326, #00e531); --grad-whatsapp: linear-gradient(135deg, #25d366, #128c7e); --z-base: 1; --z-overlay: 10000; --z-modal: 20000; --z-top: 30000; --shadow-sm: 0 2px 5px rgba(0, 0, 0, 0.2); --shadow-lg: 0 4px 15px rgba(0, 0, 0, 0.3); --transition-smooth: all 0.4s cubic-bezier(0.23, 1, 0.32, 1)}body.night-mode{--bg-dark: #000000; --bg-darker: #050505; --glass-bg: rgba(0, 0, 0, 0.6); --glass-border: rgba(0, 229, 49, 0.3); --primary-color: #00ff37}body.night-mode .form-container{background: #0d0d0d !important}body.night-mode .input-field{color: #000000}body.night-mode .input-field:focus{color: #ff0000 !important; text-shadow: 0 0 5px rgba(255, 0, 0, 0.3)}body.night-mode::placeholder{color: rgba(255, 0, 0, 0.3) !important}.page-transition{animation: fadeSlideIn 0.6s cubic-bezier(0.23, 1, 0.32, 1) both}@keyframes fadeSlideIn{from{opacity: 0; transform: translateY(15px)}to{opacity: 1; transform: translateY(0)}} @keyframes micPulse{0%{box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.4)}70%{box-shadow: 0 0 0 10px rgba(255, 0, 0, 0)}100%{box-shadow: 0 0 0 0 rgba(255, 0, 0, 0)}} .mic-active{animation: micPulse 1.5s infinite !important; background: #ff3b30 !important; color: white !important}#damagePickerOverlay .picker-content{max-width: 90% !important; max-height: 85vh !important; display: flex !important; flex-direction: column !important; padding: 15px !important}#damageOptionsContainer{flex: 1 !important; overflow-y: auto !important; max-height: 50vh !important; margin-bottom: 15px !important; padding-right: 5px !important; -webkit-overflow-scrolling: touch}.damage-option{padding: 12px 10px !important; font-size: 1.6vh !important}#damagePickerOverlay .button{margin-top: auto !important; width: 100% !important; height: 45px !important}html, body{margin: 0; padding: 0; width: 100%; height: 100vh; height: 100dvh; background: #000000; background: linear-gradient(-45deg, #000000, #0f3460, #1a1a2e, #533483, #000000); background-size: 400% 400%; animation: neonFlow 12s ease infinite; overscroll-behavior: auto; font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none}::selection{background: rgba(255, 0, 0, 0.3) !important; color: #000 !important}::-moz-selection{background: rgba(255, 0, 0, 0.3) !important; color: #000 !important}@keyframes neonFlow{0%{background-position: 0% 50%}50%{background-position: 100% 50%}100%{background-position: 0% 50%}} input, textarea{-webkit-user-select: text !important; user-select: text !important}.submit-btn, .whatsapp-btn, .pencil-btn, .eraser-btn, .fuel-cell, .accessory-cell, .damage-option, .btn-confirm, .location-picker, .pos-recogida-picker, .pos-entrega-picker, .pos-modelo-picker, .signature-box, #damageCanvas{-webkit-touch-callout: none !important; -webkit-user-select: none !important; -khtml-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; -webkit-tap-highlight-color: transparent}.input-field:focus, .location-picker:focus, textarea:focus{color: #ff0000 !important; text-shadow: 0 0 5px rgba(255, 0, 0, 0.3); outline: none !important; border: 2px solid transparent !important; box-shadow: none !important; background: transparent !important; padding: 0 !important; margin: 0 !important}.main-wrapper{width: 100%; height: 100vh; height: 100dvh; display: flex; flex-direction: column; overflow: hidden}.form-container{flex: 1; width: 100%; height: 100dvh; position: relative; background: white; margin: 0; padding: 0; overflow: hidden; box-sizing: border-box}.form-bg{width: 100%; height: 100%; display: block; object-fit: fill; user-select: none}.logo-turnocontrol{position: absolute; top: 1.5%; right: 2%; width: 52%; max-height: 14%; object-fit: contain; object-position: right top; z-index: 5; user-select: none}.company-header-text{position: absolute; top: 1.5%; left: 2%; width: 48%; font-size: calc(min(100vw, 800px) * 0.019); color: #333; text-align: left; line-height: 1.2; z-index: 5; font-family: Arial, sans-serif; font-weight: normal}#damageCanvas{position: absolute; top: 42%; left: 5%; width: 90%; height: 56%; z-index: 10; touch-action: none; cursor: crosshair; background-color: transparent !important; border: none !important; box-sizing: border-box}.canvas-active{pointer-events: auto !important; z-index: 200 !important}.canvas-inactive{pointer-events: none !important}.input-field{position: absolute; background: transparent; border: 2px solid transparent; padding: 0 !important; margin: 0 !important; box-sizing: border-box; transition: none !important; color: #000; font-weight: 900 !important; font-family: "Courier New", Courier, monospace; display: block; font-size: calc(min(100vw, 800px) * 0.03); z-index: 5}::-webkit-input-placeholder{font-weight: 900 !important; color: rgba(0, 0, 0, 0.4)}::-moz-placeholder{font-weight: 900 !important; color: rgba(0, 0, 0, 0.4)}:-ms-input-placeholder{font-weight: 900 !important; color: rgba(0, 0, 0, 0.4)}:-moz-placeholder{font-weight: 900 !important; color: rgba(0, 0, 0, 0.4)}input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none; appearance: none; margin: 0}input[type="number"]{-moz-appearance: textfield; appearance: textfield}.location-picker{opacity: 0; pointer-events: none; transition: opacity 0.2s ease-in-out}.input-field:focus ~ .location-picker, .location-picker:hover, .location-picker:focus, .location-picker:active{opacity: 1; pointer-events: auto}.centralized{text-align: center; text-align-last: center; justify-content: center}.extra-large{font-size: calc(min(100vw, 800px) * 0.04) !important}.super-large{font-size: calc(min(100vw, 800px) * 0.065) !important}.km-large{font-size: calc(min(100vw, 800px) * 0.05) !important}.ident-large{font-size: calc(min(100vw, 800px) * 0.04) !important}.triple-large{font-size: calc(min(100vw, 800px) * 0.05) !important}.medium-large{font-size: calc(min(100vw, 800px) * 0.045) !important}input[type="date"], input[type="time"]{font-family: "Courier New", Courier, monospace; font-size: calc(min(100vw, 800px) * 0.022); background: transparent; appearance: none}textarea.input-field{resize: none; font-size: 2vw; line-height: 1.2; text-align: left; padding: 1%}textarea.location-input{white-space: pre-wrap !important; overflow-wrap: break-word !important; word-break: break-word !important; overflow-y: hidden; padding: 0px !important; display: grid !important; align-content: center !important; text-align: center; line-height: 1.1 !important; text-transform: uppercase !important}.pos-recogida-input{top: 19.5%; left: 2%; width: 48%; height: 6%}.pos-recogida-picker{top: 19.5%; left: 45%; width: 4%; height: 6%; z-index: 20; cursor: pointer; position: absolute}.pos-entrega-input{top: 19.5%; left: 49.5%; width: 48%; height: 6%}.pos-entrega-picker{top: 19.5%; left: 95%; width: 4%; height: 6%; z-index: 20; cursor: pointer; position: absolute}.pos-km-recogida{top: 25.65%; left: 19.5%; width: 28%; height: 4%}.pos-km-entrega{top: 25.65%; left: 64%; width: 28%; height: 4%}.fuel-grid{position: absolute; display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); z-index: 9999}.fuel-cell{cursor: pointer; display: flex; align-items: center; justify-content: center}.matricula-wrapper{position: absolute; display: flex; align-items: center; overflow: visible !important}.damage-gallery{width: 100%; height: 70px; display: flex; gap: 10px; overflow-x: auto; padding: 10px 5px; margin-bottom: 10px; border-bottom: 1px solid #eee; z-index: 1000; scrollbar-width: none}.damage-gallery:empty{display: none}.damage-gallery.has-photos{background: rgba(0, 0, 0, 0.05); border-radius: 8px}.photo-thumb{position: relative; width: 55px; height: 55px; flex-shrink: 0; border: 2px solid white; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.3); background: #000}.photo-thumb img{width: 100%; height: 100%; object-fit: cover}.photo-delete-btn{position: absolute; top: -2px; right: -2px; width: 20px; height: 20px; background: #ff4444; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 10px; cursor: pointer; border: 1.5px solid white; box-shadow: 0 1px 3px rgba(0,0,0,0.5); z-index: 10}body.night-mode .damage-gallery.has-photos{background: rgba(0, 0, 0, 0.4)}body.night-mode .damage-picker-content{background-color: #1e1e1e !important; color: #ffffff !important; border: 1px solid #444}body.night-mode .damage-picker-header h3{color: #ffffff !important}body.night-mode .damage-option{border-bottom: 1px solid #333 !important}body.night-mode .damage-option label{color: #ffffff !important}body.night-mode #customDamageInput{background-color: #2d2d2d !important; color: #ffffff !important; border: 1px solid #555 !important}.ocr-btn{position: absolute; right: -35px; top: 50%; transform: translateY(-50%); background: #008f40; color: white; width: 26px; height: 26px; border-radius: 50%; display: none; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.3); z-index: 1000; border: 1.5px solid white}.pre-check-btn-central{position: absolute; left: 50%; top: 71.5%; transform: translate(-50%, -50%); background: #007bff; color: white; width: 32px; height: 32px; border-radius: 50%; display: none; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,0.4); z-index: 1000; border: 2px solid white; transition: transform 0.2s ease}.pre-check-btn-central:active{transform: translate(-50%, -50%) scale(0.9); opacity: 0.8}.ocr-btn:active{transform: translateY(-50%) scale(0.9); opacity: 0.8}.ocr-btn i{font-size: 12px}.pre-check-btn-central i{font-size: 16px}.fuel-cell.selected::after{font-size: 3.2vw !important; content: "✔"; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; color: #ff0000; font-weight: 900 !important; text-shadow: -1.5px -1.5px 0 #008f40, 1.5px -1.5px 0 #008f40, -1.5px 1.5px 0 #008f40, 1.5px 1.5px 0 #008f40 !important; z-index: 2 !important; transform: translateY(-2px) !important}.is-iphone .fuel-cell.selected::after, .is-safari-ios .fuel-cell.selected::after, .is-android .fuel-cell.selected::after{font-size: 3.2vw !important; transform: translateY(-2px) !important}.is-windows .fuel-cell.selected::after{font-size: 20px !important}.fuel-cell.selected::before{display: none !important}.pos-combustible-recogida-grid{top: 28.5%; left: 15.8%; width: 34.2%; height: 5%}.pos-combustible-entrega-grid{top: 28.5%; left: 62%; width: 34.5%; height: 5%}.is-android .fuel-cell.selected::after, .is-iphone .fuel-cell.selected::after, .is-safari-ios .fuel-cell.selected::after{font-size: 3.2vw !important; text-shadow: -1.5px -1.5px 0 #008f40, 1.5px -1.5px 0 #008f40, -1.5px 1.5px 0 #008f40, 1.5px 1.5px 0 #008f40 !important}.is-windows .fuel-cell.selected::after{font-size: 18px !important}.pos-fecha-recogida{top: 77.95%; left: 21%; width: 29%; height: 4%; text-align: center}.pos-fecha-entrega{top: 77.95%; left: 66%; width: 29%; height: 4%; text-align: center}.is-android .pos-fecha-recogida{top: 78.05% !important; left: 16.0% !important; width: 37% !important}.is-android .pos-fecha-entrega{top: 78.05% !important; left: 63.0% !important; width: 35% !important}.is-android .pos-recogida-input textarea, .is-android .pos-entrega-input textarea{font-size: 21px !important; line-height: 1.1 !important}.is-android .pos-entrega-gps{top: 14.8% !important; left: 52.5% !important}.pos-header-label{position: absolute; top: 15.8%; height: 3.2%; width: 44%; font-family: inherit; font-weight: 700; font-size: calc(min(100vw, 800px) * 0.021); color: #333; display: flex; align-items: center; justify-content: center; background-color: #f2f2f2; z-index: 4; letter-spacing: 1px}.label-recogida{left: 5%}.label-entrega{left: 51%}.pos-hora-recogida{top: 81.15%; left: 23.5%; width: 28%; height: 4%; text-align: center}.pos-hora-entrega{top: 81.15%; left: 68.5%; width: 28%; height: 4%; text-align: center}.pos-nombre-recogida{top: 84.0%; left: 21.5%; width: 28%; height: 4%; text-align: center}.pos-nombre-entrega{top: 84.0%; left: 66.5%; width: 28%; height: 4%; text-align: center}.is-android .pos-nombre-recogida, .is-android .pos-nombre-entrega{top: 84.4% !important}.signature-box{position: absolute; border: 2px dashed rgba(0, 0, 0, 0.3); background: rgba(255, 255, 220, 0.1); z-index: 4; border-radius: 8px; pointer-events: none}.pos-firma-recogida{top: 88.5%; left: 10%; width: 35%; height: 8%}.pos-firma-entrega{top: 88.5%; left: 55%; width: 35%; height: 8%}.pos-danos-recogida{top: 68.5%; left: 5%; width: 44%; height: 9%; text-align: center; font-size: calc(min(100vw, 800px) * 0.024) !important; cursor: pointer; border-bottom: 1px dashed #ccc !important; white-space: pre-wrap; word-wrap: break-word; overflow-y: auto; line-height: 1.1; z-index: 100 !important}.pos-danos-entrega{top: 68.5%; left: 51%; width: 44%; height: 9%; text-align: center; font-size: calc(min(100vw, 800px) * 0.024) !important; cursor: pointer; border-bottom: 1px dashed #ccc !important; white-space: pre-wrap; word-wrap: break-word; overflow-y: auto; line-height: 1.1; z-index: 100 !important}.damage-picker-overlay{position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.7); z-index: var(--z-overlay); display: none; justify-content: center; align-items: center}.damage-picker-content{background: white; width: 90%; max-width: 400px; border-radius: 12px; padding: 20px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5)}.damage-picker-header{font-weight: bold; margin-bottom: 15px; font-size: 1.2rem; color: var(--bg-dark); border-bottom: 2px solid var(--primary-color); padding-bottom: 5px}.damage-option{padding: 12px; border-bottom: 1px solid #eee; display: flex; align-items: center; cursor: pointer; font-size: 1.1rem}.damage-option:last-child{border-bottom: none}.damage-option input{margin-right: 15px; transform: scale(1.5); cursor: pointer}.damage-picker-footer{margin-top: 20px; display: flex; justify-content: flex-end}.btn-confirm{background: #008f40; color: white; border: none; padding: 10px 20px; border-radius: 6px; font-weight: bold; cursor: pointer; text-transform: uppercase}.custom-damage-input{width: 100%; padding: 10px; margin-top: 10px; border: 1px solid var(--glass-border); border-radius: 4px; font-family: inherit; font-size: 1rem; box-sizing: border-box}.pos-matricula{top: 32.2%; left: 20.5%; width: 30%; height: 3.5%; display: flex; align-items: center}.is-windows .pos-matricula{top: 32.2% !important}.pos-modelo{top: 32.2%; left: 61.5%; width: 34%; height: 3.5%; display: flex; align-items: center; justify-content: center}.is-windows .pos-modelo{top: 32.5% !important}.pos-modelo-picker{top: 33%; left: 95%; width: 4%; height: 4%; z-index: 20; cursor: pointer; position: absolute}.submit-btn{position: fixed; bottom: 25px; right: 20px; padding: 10px 20px; background: var(--grad-primary); color: white; border: none; border-radius: 50px; font-size: 0.85rem; font-weight: 800; cursor: pointer; box-shadow: 0 6px 20px rgba(0, 143, 64, 0.4); z-index: var(--z-overlay); text-transform: uppercase; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); letter-spacing: 0.5px}.submit-btn:active{transform: scale(0.92); box-shadow: 0 3px 10px rgba(0, 143, 64, 0.3)}.whatsapp-btn{position: fixed; bottom: 25px; right: 120px; width: 45px; height: 45px; background: var(--grad-whatsapp); border-radius: 50%; display: flex; justify-content: center; align-items: center; box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4); z-index: var(--z-overlay); cursor: move; touch-action: none; transition: transform 0.2s ease}.whatsapp-btn:active{transform: scale(0.9)}.whatsapp-btn svg{width: 24px; height: 24px; fill: white; pointer-events: none}#toolsWrapper{position: fixed; top: 50%; right: 5%; display: none; flex-direction: column; align-items: center; gap: 15px; z-index: 1000; touch-action: none; cursor: move}#toolsWrapper.tools-visible{display: flex !important; animation: bounceIn 0.3s ease-out}@keyframes bounceIn{0%{transform: scale(0.1); opacity: 0}60%{transform: scale(1.1); opacity: 1}100%{transform: scale(1)}} .pencil-btn, .eraser-btn{position: relative; width: 45px; height: 45px; background-color: white; border: 3px solid #ccc; border-radius: 50%; display: flex; justify-content: center; align-items: center; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); cursor: pointer; background-color: rgba(255, 255, 255, 0.9)}.pencil-btn svg, .eraser-btn svg{width: 24px; height: 24px; fill: #555; pointer-events: none}.pencil-btn.active-tool{background-color: #e0ffe0; border-color: #0066cc; transform: scale(1.1)}.pencil-btn.active-tool svg{fill: #008f40}.eraser-btn.active-tool{background-color: #ffe0e0; border-color: red; transform: scale(1.1)}.eraser-btn.active-tool svg{fill: red}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (min-width: 1024px){html, body{position: static; width: 100%; height: 100vh; overflow: auto; background-color: #e0e0e0}.main-wrapper{width: 100%; height: 100vh; display: flex !important; justify-content: center !important; align-items: center !important; padding: 1vh; box-sizing: border-box; overflow-y: auto !important}.exit-btn-desktop{position: fixed; top: 20px; right: 20px; background: linear-gradient(135deg, #ff4d4d, #b71c1c); color: white; padding: 10px 20px; border-radius: 50px; font-weight: 800; font-size: 0.9rem; cursor: move; z-index: 999999; box-shadow: 0 4px 15px rgba(0,0,0,0.4); display: flex; align-items: center; gap: 8px; border: 2px solid white; touch-action: none; user-select: none}.exit-btn-desktop:active{transform: scale(0.95)}.form-container{position: relative; top: auto; left: auto; width: auto; height: 92vh; max-width: 95vw; aspect-ratio: 1 / 1.414; box-shadow: 0 10px 50px rgba(0, 0, 0, 0.6); border-radius: 4px; margin: 0 auto !important; flex: none !important; background-color: #fff}.form-bg{object-fit: contain}.company-header-text{font-size: 1.1vh !important; width: 40% !important}.input-field{font-size: 1.4vh !important}textarea.input-field{font-size: 1.4vh !important}input[type="date"], input[type="time"]{font-size: 1.5vh !important}.extra-large{font-size: 1.4vh !important}.super-large{font-size: 1.4vh !important}.km-large{font-size: 1.4vh !important}.ident-large{font-size: 1.4vh !important}textarea.location-input{padding-top: 0.5vh !important}.pos-recogida-input{top: 14.2% !important; left: 2% !important; width: 48% !important; height: 11% !important}.pos-recogida-picker{top: 14.5% !important; left: 45% !important; height: 11% !important}.pos-entrega-input{top: 14.2% !important; left: 49.5% !important; width: 48% !important; height: 11% !important}.pos-entrega-picker{top: 14.5% !important; left: 95% !important; height: 11% !important}.pos-km-recogida{top: 26% !important; left: 21.5% !important; width: 22% !important; height: 3.5% !important}.pos-km-entrega{top: 26% !important; left: 65% !important; width: 22% !important; height: 3.5% !important}.pos-fecha-recogida{top: 78.2% !important; left: 20.37% !important; width: 30% !important; height: 3.5% !important}.pos-fecha-entrega{top: 78.2% !important; left: 65.37% !important; width: 30% !important; height: 3.5% !important}.pos-hora-recogida{top: 81.3% !important; left: 24.37% !important; width: 25% !important; height: 3.5% !important}.pos-hora-entrega{top: 81.3% !important; left: 71.37% !important; width: 25% !important; height: 3.5% !important}.pos-nombre-recogida{top: 84.4% !important; left: 21% !important; width: 28% !important; height: 3.5% !important; font-size: 1.5vh !important}.pos-nombre-entrega{top: 84.4% !important; left: 68% !important; width: 28% !important; height: 3.5% !important; font-size: 1.5vh !important}.pos-firma-recogida{top: 88.5% !important; left: 10% !important; width: 35% !important; height: 8% !important}.pos-firma-entrega{top: 88.5% !important; left: 55% !important; width: 35% !important; height: 8% !important}.pos-danos-recogida{top: 68.2% !important; left: 5% !important; width: 44% !important; height: 9% !important; font-size: 0.95vh !important; text-align: center !important; border-bottom: 1px dashed #ccc !important; white-space: pre-wrap !important}.pos-danos-entrega{top: 68.2% !important; left: 51% !important; width: 44% !important; height: 9% !important; font-size: 0.95vh !important; text-align: center !important; border-bottom: 1px dashed #ccc !important; white-space: pre-wrap !important}.pos-matricula{top: 32.4% !important; left: 23% !important; width: 25% !important; height: 4.0% !important}.pos-modelo{top: 32.4% !important; left: 63% !important; width: 30% !important; height: 4.0% !important}.pos-modelo-picker{top: 33.2% !important; left: 93% !important; width: 25px !important; height: 3.5% !important}.pos-recogida-picker{width: 25px !important; left: 46% !important}.pos-entrega-picker{width: 25px !important; left: 94% !important}.ocr-btn{width: 2.2vh !important; height: 2.2vh !important; right: -2.8vh !important}.ocr-btn i{font-size: 1.1vh !important}.fuel-cell.selected::before, .fuel-cell.selected::after{width: 1.2vw; height: 1.2vw; margin-right: -0.6vw; margin-top: 0.1vw}.fuel-cell:nth-child(-n + 4).selected::before, .fuel-cell:nth-child(-n + 4).selected::after{transform: translateY(-0.1vw)}} .accessories-grid-col{position: absolute; display: grid; grid-template-rows: 1fr 1fr; gap: 0%; z-index: 10000; top: 38.3%; height: 3.5%}.pos-accesorios-recogida-col1{left: 15.5%; width: 11.5%}.pos-accesorios-recogida-col2{left: 38.5%; width: 11.5%}.pos-accesorios-entrega-col1{left: 59.7%; width: 11.5%}.pos-accesorios-entrega-col2{left: 82.7%; width: 11.5%}.pos-accesorios-entrega-col2{left: 82.7%; width: 11.5%}.accessory-cell{cursor: pointer; display: flex; align-items: center; justify-content: center; border: none; font-weight: bold; font-size: 0.7vw}.accessory-cell.state-si::before{content: "SI"; color: #000000}.accessory-cell.state-no::before{content: "NO"; color: #000000}@media (max-width: 768px){.accessory-cell{font-size: 3.5vw !important}.is-iphone .accessory-cell{font-size: 2.8vw !important}} .copyright-footer{position: fixed; top: 50%; right: 0; transform: translateY(-50%) rotate(180deg); writing-mode: vertical-rl; background-color: transparent; padding: 8px 2px; text-align: center; font-size: 7px; font-weight: normal; color: #999; z-index: var(--z-top); pointer-events: none; letter-spacing: 1px}@media screen and (orientation: landscape) and (pointer: coarse){html, body{width: 100%; height: 100%; overflow: hidden; background-color: var(--bg-darker); position: fixed}.main-wrapper{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background-color: var(--bg-darker); padding: 0}.form-container{height: 100vh; width: auto; aspect-ratio: 700 / 990; margin: 0 auto; flex: none; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); position: relative}.form-bg{object-fit: contain; width: 100%; height: 100%}.input-field{font-size: 2.2vh !important}textarea.input-field{font-size: 2.1vh !important}input[type="date"], input[type="time"]{font-size: 1.8vh !important}.extra-large{font-size: 3vh !important}.super-large{font-size: 4.5vh !important}.km-large{font-size: 3.2vh !important}.ident-large{font-size: 2.8vh !important}.triple-large{font-size: 3.5vh !important}.medium-large{font-size: 2.9vh !important}.pos-matricula{top: 32.4% !important; left: 17% !important; width: 30% !important; height: 4.2% !important}.pos-modelo{top: 33.2% !important; left: 61% !important; width: 35% !important; height: 4.2% !important}.fuel-cell.selected::before, .fuel-cell.selected::after{width: 1.8vh; height: 1.8vh; margin-right: -0.9vh; margin-top: 0.1vh}.whatsapp-btn{width: 38px !important; height: 38px !important; bottom: 12px !important; right: 30px !important}.whatsapp-btn svg{width: 22px !important; height: 22px !important}.accessory-cell{font-size: 1.3vh !important}} .logo-premium-text{display: inline-flex; align-items: center; font-family: 'Outfit', 'Segoe UI', sans-serif; font-weight: 800; letter-spacing: -1px; color: #ffffff; text-shadow: 0 5px 15px rgba(0,0,0,0.5); gap: 0px}.logo-premium-text .t-letter{font-size: 1.1em; color: inherit}.logo-premium-text .check-icon{color: #00ff88; margin: 0 1px; filter: drop-shadow(0 0 8px rgba(0, 255, 136, 0.6)); font-size: 0.9em; display: inline-block; line-height: 1; font-family: sans-serif}.logo-premium-text .rest-text{color: inherit}

/* ========================================================= */
/* EV MODE SLIDER OVERLAYS */
/* ========================================================= */
body.ev-mode-active .fuel-grid { display: none !important; }
body.ev-mode-active .ev-slider-container { display: flex !important; }

.ev-slider {
    -webkit-appearance: none;
    width: 100%;
    height: 8px;
    background: rgba(0,0,0,0.1);
    border-radius: 4px;
    outline: none;
    border: none;
    margin: 0;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.15);
}
.ev-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 22px;
    height: 22px;
    background: #ffffff;
    border: 2px solid #10ac84;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2), 0 0 6px rgba(16, 172, 132, 0.4);
    transition: transform 0.1s ease;
}
.ev-slider::-webkit-slider-thumb:active {
    transform: scale(1.15);
}
.ev-slider::-moz-range-thumb {
    width: 22px;
    height: 22px;
    background: #ffffff;
    border: 2px solid #10ac84;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2), 0 0 6px rgba(16, 172, 132, 0.4);
    transition: transform 0.1s ease;
}
.ev-slider::-moz-range-thumb:active {
    transform: scale(1.15);
}

/* TOAST GLOBALS */
.global-toast {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 999999;
    animation: slideInToast 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
    background: rgba(20, 20, 20, 0.95) !important;
    backdrop-filter: blur(10px);
    border-left: 4px solid #00f2fe;
    color: white !important;
    padding: 15px 25px;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    max-width: 90vw;
    pointer-events: none;
    font-size: 14px;
    font-family: inherit;
    text-align: left;
}

.global-toast.flash-success { border-left-color: #00ff88 !important; }
.global-toast.flash-error, .global-toast.error { border-left-color: #ff4d4d !important; }

@keyframes slideInToast {
    from { transform: translateX(100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

@keyframes fadeOutToast {
    from { opacity: 1; transform: translateY(0); }
    to { opacity: 0; transform: translateY(-20px); }
}
#loadingOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(10,15,30,0.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#00ff88;z-index:20000;font-size:1.5rem;font-weight:600;letter-spacing:4px;font-family:'Segoe UI',sans-serif;text-transform:uppercase;text-shadow:0 0 10px rgba(0,255,136,0.6)}#loadingOverlay::before{content:'';width:60px;height:60px;border:4px solid rgba(0,255,136,0.2);border-top:4px solid #00ff88;border-radius:50%;animation:spinLoader 1s linear infinite;margin-bottom:20px;box-shadow:0 0 15px rgba(0,255,136,0.4)}@keyframes spinLoader{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}