.screen{position:relative}.page-indicator{font-size:1rem;font-weight:700;margin-bottom:10px}#instructions{background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0000001a;font-size:16px;margin-bottom:20px;padding:20px;text-align:left}#instructions h3{margin-top:0}.sensor-data-box{background:#fff;border-radius:10px;box-shadow:0 2px 5px #0000001a;margin-bottom:20px;padding:10px;width:100%}.sensor-data-box.empty{align-items:center;color:#777;display:flex;font-size:.9rem;justify-content:center}.sensor-row{align-items:center;display:flex;flex-direction:row;justify-content:space-around}.sensor-card{border:1px solid #007bff;border-radius:5px;flex:1 1;margin:0 5px;padding:5px;text-align:center}.sensor-card h3{font-size:.9rem;margin-bottom:.3rem}.sensor-value{font-size:.8rem}.icon{margin-right:.3rem}.token-grid-container{margin-top:20px}.adl-popup{background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 5px #0000004d;padding:10px;width:300px;z-index:1000}.adl-popup h2{font-size:1rem;margin-bottom:5px}.adl-row{align-items:stretch;display:flex;flex-direction:column;gap:5px;margin-bottom:5px}.adl-button,.custom-adl{border-radius:3px;font-size:.8rem;padding:5px}.popup-close{font-size:.8rem;margin-top:5px;padding:5px}body{background-color:#f0f2f5;color:#333;font-family:Roboto,sans-serif;margin:20px}.App{text-align:center}.screen{background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0000001a;display:none;margin:0 auto;max-width:1000px;padding:20px}.screen.active{display:block}button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:10px 5px 0 0;padding:10px 20px;transition:background-color .2s}button:hover{background-color:#0056b3}button:active{background-color:#004085}button:focus{outline:2px solid #0056b3}.grid-container{grid-gap:10px;display:grid;grid-template-columns:repeat(12,1fr);justify-items:center;margin:20px auto;width:90%}.token{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;cursor:pointer;display:flex;flex-direction:column;height:50px;justify-content:center;outline:none;position:relative;transition:transform .2s,box-shadow .2s;width:50px}.token:hover{box-shadow:0 5px 15px #0003;transform:translateY(-5px)}.token-label{color:#555;font-size:12px}.token-adl{background-color:#ffffffe6;border:1px solid #ccc;border-radius:4px;bottom:2px;font-size:10px;left:2px;padding:1px;position:absolute;right:2px;text-align:center}#instructions,#legend{background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0000001a;font-size:16px;margin-bottom:20px;padding:20px;text-align:left}#instructions h3,#legend strong{margin-top:0}.main-content{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.token-grid-container{flex:1 1 65%}.sensor-panel{background:#fff;border-radius:10px;box-shadow:0 2px 5px #0000001a;flex:1 1 30%;padding:20px;text-align:left;transition:opacity .3s ease-in-out}.sensor-panel.empty{align-items:center;color:#777;font-size:1rem}.sensor-grid,.sensor-panel.empty{display:flex;justify-content:center}.sensor-grid{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.sensor-card{background:#f9f9f9;border:2px solid #007bff;border-radius:8px;flex:1 1 45%;padding:1rem}.sensor-card h3{font-size:1.25rem;margin-bottom:.5rem}.sensor-value{font-size:1.5rem;margin:0}.icon{margin-right:.5rem}.adl-section{margin-bottom:1rem}.adl-section h3{font-size:1.5rem;margin-bottom:.5rem}.adl-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:1rem}.adl-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;flex:1 1 30%;font-size:1.1rem;padding:10px;transition:background-color .2s}.adl-button:hover{background-color:#0056b3}.custom-adl{border:1px solid #ccc;border-radius:4px;font-size:1.1rem;padding:10px;width:100%}.panel-close{font-size:1.2rem;margin-top:1rem;padding:.5rem 1rem}#done-btn{bottom:20px;position:fixed;right:20px;z-index:9999}
/*# sourceMappingURL=main.adbd9b02.css.map*/