body{margin:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;background-color:#f0f2f5;color:#444}body.modal-open{overflow:hidden;position:fixed;width:100%;height:100%}:root{--vh: 1vh}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100dvh;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{max-height:calc(100dvh - 40px);overflow-y:auto;background-color:#fff;padding:30px;border-radius:12px;text-align:center;box-shadow:0 8px 25px #0003;width:90%;max-width:600px;min-width:320px}.modal-content .action-button{flex:1;min-width:120px}.modal-content div{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.modal-input{width:100%;padding:12px;margin-top:20px;box-sizing:border-box;border:1px solid #ddd;border-radius:8px;transition:border-color .3s ease}.modal-input:focus{outline:none;border-color:#2c3e50;box-shadow:0 0 5px #2c3e5033}.modal-button{width:100%;padding:15px;margin-top:20px;border:none;border-radius:8px;background-color:#2c3e50;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.modal-button:hover{background-color:#34495e;transform:translateY(-2px)}.modal-error{color:#e74c3c;margin-top:10px}.page-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:30px;margin:30px auto;max-width:900px;color:#444}.page-title,.section-title{color:#2c3e50;font-weight:600;margin-bottom:20px}.page-title{font-size:2.2rem;text-align:center}.pedido-info{text-align:center;font-size:1.5em;font-weight:700;margin-top:15px;margin-bottom:25px}.section-title{font-size:1.5rem;border-bottom:2px solid #ecf0f1;padding-bottom:10px}.input-group{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.input-field{padding:12px;font-size:1rem;border:1px solid #ddd;border-radius:8px;transition:border-color .3s ease}.input-field:focus{outline:none;border-color:#2c3e50}.input-full-width{width:100%}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.action-button{padding:12px 20px;font-size:1rem;font-weight:700;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 5px #0000001a}.action-button:hover{transform:translateY(-2px);box-shadow:0 5px 10px #00000026}.add-item-button{background-color:#2ecc71}.add-item-button:hover{background-color:#27ae60}.alterar-produto-button{background-color:#f39c12}.alterar-produto-button:hover{background-color:#e67e22}.salvar-pedido-button{background-color:#3498db}.salvar-pedido-button:hover{background-color:#2980b9}.remover-item-button{background-color:#e74c3c}.remover-item-button:hover{background-color:#c0392b}.itens-list ul{list-style:none;padding:0;margin:0}.itens-list li{border-bottom:1px solid #eee;padding:15px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.item-info{flex:1}.item-name{font-weight:700}.vendedor-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100dvh;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:2000}.vendedor-modal-content{background-color:#fff;padding:30px;border-radius:12px;text-align:center;box-shadow:0 5px 15px #0000004d}.vendedor-modal-content h4{color:#2c3e50}.confirm-buttons{display:flex;justify-content:center;gap:10px;margin-top:20px}.confirm-yes-button{background-color:#2ecc71}.confirm-yes-button:hover{background-color:#27ae60}.confirm-no-button{background-color:#e74c3c}.confirm-no-button:hover{background-color:#c0392b}.alert-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100dvh;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:3000}.alert-modal-content{background-color:#fff;padding:40px;border-radius:12px;text-align:center;box-shadow:0 5px 15px #0000004d;width:90%;max-width:400px}.alert-ok-button{background-color:#2ecc71;margin-top:20px;padding:15px 30px}.loading-message,.error-message{text-align:center;font-size:1.2rem;color:#e74c3c;margin-top:50px}@media (max-width: 600px){.page-container{padding:15px;margin:10px;border-radius:8px}.page-title{font-size:1.8rem}.input-grid{grid-template-columns:1fr}.itens-list li{flex-direction:column;align-items:flex-start}.item-info{margin-bottom:10px}.remover-item-button{width:100%}.modal-content,.vendedor-modal-content,.alert-modal-content{padding:20px;max-width:95%}}.grade-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100dvh;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.grade-modal-content{background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 15px #0000004d;width:90%;max-width:500px;text-align:center}.grade-options-container{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-height:250px;overflow-y:auto;margin-top:15px;padding:10px;border:1px solid #ddd;border-radius:5px}.grade-option{display:block;padding:12px 8px;border:1px solid #ccc;border-radius:5px;cursor:pointer;background-color:#f7f7f7;transition:background-color .2s ease,transform .1s ease;text-align:center;font-size:14px;font-weight:500}.grade-option:hover{background-color:#e0e0e0}.grade-option.selected{background-color:#e6f7ff;border-color:#91d5ff;color:#004d80;font-weight:600;transform:translateY(-2px)}.entrega-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100dvh;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.entrega-modal-content{background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 15px #0000004d;width:90%;max-width:500px;text-align:center}.entrega-options-container{display:flex;gap:20px;justify-content:center;margin-top:20px}.entrega-button{padding:15px 30px;background-color:#3498db}.retira-button{padding:15px 30px;background-color:#2ecc71}.total-geral{text-align:right;font-size:1.5em;font-weight:700;margin-top:20px;padding-top:10px;border-top:2px solid #ddd}.salvar-pedido-container{text-align:center;margin:20px 0}.footer-estacao-nerd{text-align:center;margin-top:50px;padding:20px;font-size:1em;font-weight:700;color:#95a5a6}.home-screen-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;min-height:100dvh;background-color:#f8f9fa}.home-main-content{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;background-color:#fff;padding:40px;border-radius:16px;box-shadow:0 10px 30px #0000001a;max-width:500px;animation:fadeIn .8s ease-in-out}.home-title{font-size:2.8rem;font-weight:700;color:#2c3e50;margin-bottom:10px}.home-subtitle{font-size:1.2rem;color:#7f8c8d;margin-bottom:40px}.home-start-button{padding:18px 40px;font-size:1.1rem;font-weight:700;color:#fff;background-color:#3498db;border:none;border-radius:50px;cursor:pointer;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;box-shadow:0 4px 15px #3498db66}.home-start-button:hover{background-color:#2980b9;transform:translateY(-3px);box-shadow:0 8px 20px #2980b966}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.home-main-content{padding:20px}.home-title{font-size:2rem}.home-subtitle{font-size:1rem}.home-start-button{padding:15px 30px;font-size:1rem}}.license-info{margin-top:10px;color:#666;font-size:.8em}.footer-estacao-nerd{text-align:center;padding:20px;font-size:.9em;color:#95a5a6;width:100%;box-sizing:border-box}.quantidade-control{display:flex;align-items:center;justify-content:center;gap:5px}.quantidade-button{background-color:#007bff;color:#fff;border:none;border-radius:5px;font-size:1.5em;padding:5px 15px;cursor:pointer;transition:background-color .3s ease;flex-shrink:0}.quantidade-button:hover{background-color:#0056b3}.quantidade-button:disabled{background-color:#ccc;cursor:not-allowed}.quantidade-input{flex-grow:1;text-align:center;-moz-appearance:textfield}.quantidade-input::-webkit-outer-spin-button,.quantidade-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.grade-option.promocao{position:relative;padding-top:15px;padding-left:15px}.grade-option.promocao:before{content:"";position:absolute;top:0;left:0;width:10px;height:10px;background-color:#28a745;border-top-left-radius:16px;z-index:10}.search-container{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.codigo-input-wrapper{display:flex;gap:6px;align-items:center;flex-wrap:nowrap;width:100%}.codigo-field{flex:1;min-width:60px}.codigo-search-button,.name-search-button{flex:0 0 auto;padding:10px 14px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700;white-space:nowrap}.codigo-search-button:hover,.name-search-button:hover{background-color:#0056b3}.results-container{margin-top:15px;max-height:40vh;overflow-y:auto;border:1px solid #ccc;border-radius:5px}.results-list{list-style:none;padding:0;margin:0}.results-list li{padding:10px;border-bottom:1px solid #eee;cursor:pointer}.results-list li:hover{background-color:#f0f0f0}.result-item{display:flex;align-items:center;gap:10px}.codigo-input-wrapper{display:flex;gap:5px;align-items:center}.codigo-field{flex-grow:1;max-width:150px}.cliente-info-container{text-align:center;margin-top:10px}.cliente-action-button{background-color:#007bff;color:#fff}.search-input-group{display:flex;gap:10px;align-items:center;margin-top:10px}.lojas-estoque-container{display:flex;flex-direction:column;gap:10px;margin:15px 0;max-height:400px;overflow-y:auto}.loja-estoque-option{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:70px;padding:12px;background-color:#f8f9fa;border:2px solid #ced4da;border-radius:6px;cursor:pointer;color:#495057;transition:all .2s ease;font-size:14px}.loja-estoque-option:hover{background-color:#e9ecef;border-color:#007bff;transform:translateY(-2px);box-shadow:0 2px 4px #0000001a}.loja-estoque-option button{width:100%;padding:12px;text-align:left;background-color:#fff;border:2px solid #ced4da;border-radius:6px;cursor:pointer;color:#333;transition:all .2s ease;font-size:14px}.loja-estoque-option button:hover{background-color:#f8f9fa;border-color:#007bff;transform:translateY(-2px);box-shadow:0 2px 4px #0000001a}.loja-estoque-option button:active{transform:translateY(0)}.loja-estoque-option.selected{border-color:#007bff;background-color:#e6f7ff;color:#004d80;font-weight:600;box-shadow:0 0 5px #007bff4d}.home-header{display:flex;flex-direction:column;align-items:center;margin-bottom:15px}.logo-home-header{max-width:200px;height:auto;margin-bottom:10px}.recomecar-button{background-color:#dc3545;color:#fff;margin-top:10px}.recomecar-button:hover{background-color:#c82333}.recomecar-container{text-align:center;margin-top:10px;margin-bottom:20px}.loja-estoque-option.disabled{cursor:not-allowed;opacity:.6;background-color:#f0f0f0;border-color:#ccc;color:#999}.loja-estoque-option.disabled:hover{background-color:#f0f0f0;border-color:#ccc;transform:none;box-shadow:none}.modal-content{background-color:#f8f9fa;border-radius:12px;padding:30px;box-shadow:0 4px 15px #0003;width:90%;max-width:400px;text-align:center;position:relative}.modal-buttons{display:flex;justify-content:center;gap:15px;margin-top:20px}.disabled-button{background-color:#ccc!important;cursor:not-allowed;opacity:.6}.disabled-button{background-color:#ddd!important;color:#666!important;cursor:not-allowed!important;opacity:.7}.modal-input:focus{transform:translateZ(0);box-shadow:0 0 0 3px #007bff40;outline:none}.results-list .result-item{display:flex!important;align-items:center!important}.results-list li{display:flex;align-items:center;padding:8px;border-radius:5px;margin-bottom:5px;cursor:pointer}.results-list li:hover{background-color:#f0f8ff}.result-item img{width:50px;height:50px;object-fit:cover;margin-right:10px;flex-shrink:0}.result-item span{flex:1;text-align:left}@media (max-width: 600px) and (orientation: portrait){.itens-list li .action-button.remover-item-button{width:50%;font-size:.8em;padding:5px;margin-left:auto;margin-right:0}}@supports (-webkit-touch-callout: none){.modal-overlay{height:-webkit-fill-available;position:fixed}.modal-content{max-height:80vh;max-height:80dvh}}@media screen and (max-width: 768px){.modal-content,.vendedor-modal-content,.alert-modal-content,.grade-modal-content,.entrega-modal-content{max-height:85vh;max-height:85dvh}input,select,textarea{font-size:16px}}.modal-content select{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px;margin-bottom:15px}.modal-content label{display:block;margin-bottom:8px;font-weight:700;color:#333}.modal-content .button-group{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:20px}.metodos-pagamento-container{display:flex;flex-direction:column;gap:10px;list-style:none;padding:0;margin-top:20px}.metodo-pagamento-button{background-color:#f8f9fa;color:#333;border:1px solid #ddd;border-radius:8px;padding:15px 20px;width:100%;text-align:left;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.metodo-pagamento-button:hover{background-color:#e9ecef;border-color:#2c3e50;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.metodo-pagamento-button:active{transform:translateY(0)}.botoes-acao-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:15px}.metodos-pagamento-container{list-style:none;padding:0;margin:0}.metodos-pagamento-container li{margin-bottom:8px}.metodo-pagamento-button{width:100%;text-align:left;padding:10px;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;transition:background-color .2s}.metodo-pagamento-button:hover{background-color:#e9ecef}.search-options-container{display:flex;gap:15px;margin-bottom:15px}.search-options-container label{display:flex;align-items:center;gap:5px;cursor:pointer}.metodo-action-button{background-color:#007bff!important;color:#fff!important}@media (max-width: 600px){.botoes-acao-container{flex-direction:row;justify-content:center;gap:10px}.cliente-action-button,.metodo-action-button{flex:1;min-width:140px;max-width:200px}}@media (max-width: 400px){.botoes-acao-container{flex-direction:column;align-items:center}.cliente-action-button,.metodo-action-button{width:100%;max-width:250px}}.search-options-container label{display:flex;align-items:center;gap:5px;margin-right:15px;cursor:pointer}.search-options-container{display:flex;justify-content:center;margin-bottom:15px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600}.input-field{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:.375rem;font-size:1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.input-field:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.input-field:disabled{background-color:#f8f9fa;opacity:1}.form-row{display:flex;gap:1rem;margin-bottom:1rem}.form-row .form-group{flex:1;margin-bottom:0}.input-field:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.7}.input-field:disabled::placeholder{color:#adb5bd}.codigo-search-button:disabled,.name-search-button:disabled,.codigo-field:disabled{opacity:.6;cursor:not-allowed;background-color:#ccc}.action-button:disabled{opacity:.6;cursor:not-allowed;background-color:#ccc!important}.input-field:disabled{opacity:.6;cursor:not-allowed;background-color:#f5f5f5}.pdf-options-modal{max-width:400px}.pdf-option-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 20px;margin:10px 0;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%}.pdf-option-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.pdf-option-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.pdf-main-button{background:linear-gradient(135deg,#17a2b8,#138496);border:none}.pdf-main-button:hover{background:linear-gradient(135deg,#138496,#117a8b)}.desconto-button{background-color:#3498db!important;color:#fff!important;border:2px solid #3498db!important;font-weight:700!important}.desconto-button:hover{background-color:#e0a800!important;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.salvar-pedido-container{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:20px}.grade-option.promocao{border:2px solid #28a745!important;background-color:#f8fff8!important}.grade-option.promocao.selected{border:3px solid #28a745!important;background-color:#e8f5e8!important}.modal-content{max-width:500px;width:90%}@media (max-width: 768px){.modal-content{width:95%;margin:10px}}