.petrol-map-container{max-width:1400px;margin:0 auto;padding:20px}.petrol-map-title{font-size:24px;font-weight:bold;margin-bottom:15px;color:#333}.stats-info-box{display:inline-block;background:#e3f2fd;border:1px solid #90caf9;border-radius:4px;padding:15px;margin-bottom:15px;font-size:13px;color:#555;text-align:center}.stats-info-box strong{color:#1565c0;font-size:16px}.petrol-map-controls{gap:10px;margin-bottom:15px;flex-wrap:wrap}.petrol-map-controls input[type="text"]{padding:10px 15px;border:1px solid #ccc;border-radius:4px;font-size:14px;width:200px}.petrol-map-controls button{padding:10px 20px;border:0;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.btn-search{background-color:#007bff;color:#fff}.btn-search:hover{background-color:#0056b3}.btn-location{background-color:#28a745;color:#fff}.btn-location:hover{background-color:#1e7e34}.content-wrapper{display:flex;gap:20px;flex-wrap:wrap}.map-section{flex:1;min-width:400px}.tables-section{flex:1;min-width:350px;max-width:500px}#petrolMap{width:100%;height:600px;border:1px solid #ccc;border-radius:4px;position:relative}.map-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;z-index:1000;font-size:16px;color:#666}.map-loading-overlay.hidden{display:none}.station-popup h4{margin:0 0 8px 0;color:#333;font-size:14px}.station-popup .brand{color:#666;font-size:12px;margin-bottom:8px}.station-popup .postcode{color:#888;font-size:11px;margin-bottom:10px}.station-popup .prices{font-size:12px}.station-popup .prices .price-row{display:flex;justify-content:space-between;padding:2px 0;border-bottom:1px solid #eee}.station-popup .prices .price-row:last-child{border-bottom:0}.station-popup .prices .fuel-type{font-weight:bold;color:#555}.station-popup .prices .fuel-price{color:#007bff}.station-popup .updated{font-size:10px;color:#999;margin-top:8px;text-align:right}.error-message{color:#dc3545;font-size:14px;margin-top:10px;display:none}.error-message.visible{display:block}.price-table-container{margin-bottom:15px;border:1px solid #ddd;border-radius:4px;overflow:hidden}.price-table-header{background-color:#f8f9fa;padding:10px 15px;font-weight:bold;font-size:14px;border-bottom:1px solid #ddd;display:flex;align-items:center;gap:8px}.price-table-header.petrol{background-color:#e8f5e9;color:#2e7d32}.price-table-header.diesel{background-color:#fff3e0;color:#e65100}.price-table-header.premium-petrol{background-color:#e3f2fd;color:#1565c0}.price-table-header.premium-diesel{background-color:#fce4ec;color:#c2185b}.price-table-body{max-height:500px;overflow-y:auto}.price-tables-wrapper table.dataTable{width:100%!important;margin:0!important;font-size:12px}.price-tables-wrapper table.dataTable thead th{padding:8px 10px;font-size:11px}.price-tables-wrapper table.dataTable tbody td{padding:6px 10px}.price-tables-wrapper table.dataTable th,.price-tables-wrapper table.dataTable td{word-break:break-word}.price-tables-wrapper .dataTables_wrapper{padding:0}.price-tables-wrapper .dataTables_wrapper .dataTables_length,.price-tables-wrapper .dataTables_wrapper .dataTables_filter,.price-tables-wrapper .dataTables_wrapper .dataTables_info,.price-tables-wrapper .dataTables_wrapper .dataTables_paginate{display:none}.station-link{color:#007bff;cursor:pointer;text-decoration:none}.station-link:hover{text-decoration:underline}.no-data-message{padding:15px;text-align:center;color:#666;font-style:italic}.fuel-toggle{display:inline-flex;align-items:center;gap:8px;margin-left:10px;vertical-align:middle}.fuel-toggle-label{font-size:14px;font-weight:normal;color:#888;cursor:pointer;transition:color .2s,font-weight .2s}.fuel-toggle-label.active{font-weight:bold}.fuel-toggle-label.petrol.active{color:#2e7d32}.fuel-toggle-label.diesel.active{color:#e65100}.fuel-toggle-label.standard.active{color:#1565c0}.fuel-toggle-label.premium.active{color:#c2185b}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#4caf50;border-radius:24px;transition:background-color .3s}.toggle-slider::before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:transform .3s}.toggle-switch input:checked+.toggle-slider{background-color:#ef6c00}.toggle-switch input:checked+.toggle-slider::before{transform:translateX(20px)}.grade-toggle .toggle-slider{background-color:#1976d2}.grade-toggle input:checked+.toggle-slider{background-color:#c2185b}.price-marker{background:#fff;border:2px solid #4caf50;border-radius:4px;padding:1px 4px;font-size:11px;font-weight:bold;color:#2e7d32;white-space:nowrap;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.3);line-height:1.3}.price-marker.diesel{border-color:#ef6c00;color:#e65100}.price-marker.no-price{border-color:#bbb;color:#999;font-weight:normal}.bottom-section{display:flex;gap:20px;margin-top:30px;padding-top:25px;border-top:1px solid #ddd}.calculator-section{flex:1;max-width:500px}.beta-info-box{flex:1;max-width:500px;background:#fff8e1;border:1px solid #ffe082;border-radius:4px;padding:20px;align-self:flex-start}.beta-info-box h3{font-size:16px;font-weight:bold;color:#e65100;margin:0 0 10px 0}.beta-info-box p{font-size:13px;color:#555;margin:0 0 8px 0;line-height:1.5}.beta-info-box p:last-child{margin-bottom:0}.calculator-title{font-size:20px;font-weight:bold;margin-bottom:6px;color:#333}.calculator-description{font-size:14px;color:#666;margin-bottom:15px}.calculator-card{background:#fff;border:1px solid #ddd;border-radius:4px;padding:20px}.calc-form{gap:15px;flex-wrap:wrap;align-items:flex-end}.calc-group{display:flex;flex-direction:column;min-width:200px;flex:1}.calc-group label{font-size:13px;font-weight:bold;color:#555;margin-bottom:5px}.calc-group select,.calc-group input[type="number"]{padding:10px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px;background:#fff;color:#333}.calc-group select:focus,.calc-group input[type="number"]:focus{border-color:#007bff;outline:0;box-shadow:0 0 0 2px rgba(0,123,255,.15)}.calc-results{margin-top:20px;padding-top:18px;border-top:1px solid #eee}.calc-results h3{font-size:16px;font-weight:bold;color:#333;margin:0 0 8px 0}.calc-summary{font-size:13px;color:#666;margin-bottom:12px}.savings-table{width:100%;border-collapse:collapse;font-size:14px}.savings-table th{text-align:left;padding:8px 12px;background:#f8f9fa;border-bottom:2px solid #ddd;font-size:13px;color:#555}.savings-table td{padding:8px 12px;border-bottom:1px solid #eee}.savings-table tr:last-child td{border-bottom:0}.savings-table .saving-amount{font-weight:bold;color:#2e7d32}@media(max-width:900px){.content-wrapper{flex-direction:column}.tables-section{max-width:100%}.fuel-toggle{margin-left:0;margin-top:8px}.calc-form{flex-direction:column}.calc-group{min-width:100%}.bottom-section{flex-direction:column}.calculator-section,.beta-info-box{max-width:100%}}@media(max-width:768px){.petrol-map-container{padding:15px}.map-section{min-width:100%}.tables-section{min-width:100%}#petrolMap{height:400px}}@media(max-width:480px){.petrol-map-container{padding:10px}.petrol-map-title{font-size:20px}.petrol-map-controls{gap:8px}.petrol-map-controls input[type="text"]{width:100%;margin-bottom:5px}.petrol-map-controls button{flex:1;min-width:0;padding:10px 15px}.fuel-toggle{width:100%;justify-content:center;margin-top:10px}#petrolMap{height:350px}.price-tables-wrapper table.dataTable{font-size:11px}}