.grid-backup{margin:16px 0;border:1px solid #9cb4c2;border-radius:16px;background:#112936;color:#eef6fa;overflow:hidden}.grid-backup[hidden],.grid-backup [hidden]{display:none!important}.grid-backup summary{padding:18px 16px;cursor:pointer;font-weight:750;font-size:1.08rem;color:#ffdb97;min-height:48px;box-sizing:border-box}.gb-body{padding:0 16px 18px}.grid-backup p{line-height:1.5;overflow-wrap:anywhere}.gb-intro,.gb-note{color:#c2d5df}.gb-state{border-left:4px solid #f2c76d;padding:12px;background:#203b48;border-radius:5px}.gb-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gb-cards>div{padding:14px;border:1px solid #476271;border-radius:10px;display:grid;gap:8px}.gb-cards span{font-size:.85rem;color:#c2d5df}.gb-cards strong{font-size:1.05rem;overflow-wrap:anywhere}.gb-controls{display:flex;flex-wrap:wrap;gap:10px}.grid-backup button{min-height:44px;max-width:100%;white-space:normal;padding:10px 14px;border-radius:8px;cursor:pointer}.grid-backup button:disabled{opacity:.55;cursor:not-allowed}.grid-backup section{margin-top:22px;border-top:1px solid #476271;padding-top:8px}.grid-backup h3{font-size:1.05rem;color:#eaf4f9;margin:12px 0}.grid-backup label{display:grid;gap:6px;font-size:.9rem;min-width:0}.grid-backup input,.grid-backup select{width:100%;min-width:0;box-sizing:border-box;min-height:44px;padding:10px;border-radius:8px;background:#fff;color:#132b38;border:1px solid #90a8b5;font-size:1rem}.gb-pricing{display:grid;gap:14px}.gb-comparison{display:grid;gap:6px;padding:12px;border-radius:8px;background:#213d49}.gb-comparison p{margin:0}.gb-history article{padding:12px;margin-top:10px;border:1px solid #476271;border-radius:8px}.gb-history article p{margin:6px 0}.gb-billing{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.gb-bill-result a{display:inline-block;color:#8ff1d2;padding:12px 0;overflow-wrap:anywhere}.gb-message:empty{display:none}.gb-message{color:#ffe2a5}.gb-admin>p,.gb-business p{font-size:.9rem}.grid-backup :focus-visible{outline:3px solid #8ff1d2;outline-offset:3px}@media(max-width:420px){.gb-cards{grid-template-columns:1fr}.gb-controls{display:grid}.gb-body{padding:0 12px 16px}.grid-backup summary{font-size:1rem}}
/* Text and symbols identify the physical connector independently of colour. */
#wallboxChoice{margin:14px 0 22px;padding:18px;border:1px solid #516774;border-radius:18px;background:#102733;color:#f0f7f9}#wallboxChoice[hidden]{display:none!important}#wallboxChoice h2{margin:0;font-size:1.35rem;color:#fff}.wc-lead{color:#c3d3da;font-size:.93rem;line-height:1.5}.wc-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wc-options>div{min-width:0}.wc-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;width:100%;min-height:280px;border:2px solid #76dfb5;border-radius:16px;background:#163d3d;color:#eafcf6;padding:16px 10px;white-space:normal;text-align:center;cursor:pointer;box-sizing:border-box}.wc-card.wc-grid{border-color:#e6b56c;background:#3d3428;color:#ffe5bd}.wc-card svg{width:96px;height:80px;flex-shrink:0}.wc-card strong{font-size:1.5rem;letter-spacing:.08em}.wc-source{font-size:.9rem;line-height:1.4}.wc-price{font-size:1.05rem;margin-top:5px;line-height:1.4}.wc-cost{min-height:2.7em;font-size:.78rem;line-height:1.5}.wc-state{font-size:.85rem;line-height:1.4;margin-top:auto;padding-top:6px;border-top:1px solid #ffffff35;width:100%}.wc-card[data-unavailable="true"]{background:#29343a;color:#b9c5cb;border-color:#65717a;opacity:1;filter:grayscale(1)}.wc-card:disabled{cursor:not-allowed}.wc-card[aria-pressed="true"]{box-shadow:0 0 0 3px #fff;outline-offset:4px}.wc-detail{min-height:44px;padding:9px 2px;width:100%;background:transparent;border:0;color:#d9e9f1;text-decoration:underline;font-size:.8rem;cursor:pointer}.wc-selection{font-weight:700;border-top:1px solid #425d69;padding-top:12px;margin-bottom:0}.wc-active{border:1px solid #e1b668;border-radius:8px;padding:10px;font-size:.85rem;line-height:1.5}#wallboxChoice :focus-visible{outline:3px solid #fff;outline-offset:3px}
body[data-wallbox-choice="grid"] #richardCharging,body[data-wallbox-choice="choose"] #richardCharging,body[data-wallbox-choice="grid"] .station,body[data-wallbox-choice="choose"] .station,body[data-wallbox-choice="grid"] #rhCalendar,body[data-wallbox-choice="choose"] #rhCalendar,body[data-wallbox-choice="grid"] #bookingCalendar,body[data-wallbox-choice="choose"] #bookingCalendar,body[data-wallbox-choice="grid"] #chargingHistoryFold,body[data-wallbox-choice="choose"] #chargingHistoryFold,body[data-wallbox-choice="grid"] #chargingHistory,body[data-wallbox-choice="choose"] #chargingHistory,body[data-wallbox-choice="grid"] #currentAdmin,body[data-wallbox-choice="choose"] #currentAdmin,body[data-wallbox-choice="grid"] #totalStopAdmin,body[data-wallbox-choice="choose"] #totalStopAdmin,body[data-wallbox-choice="grid"] .status-legend,body[data-wallbox-choice="choose"] .status-legend{display:none!important}
body[data-wallbox-choice="grid"] #gridBackup{display:block}body[data-wallbox-choice="goneo"] #gridBackup,body[data-wallbox-choice="choose"] #gridBackup{display:none!important}
@media(max-width:420px){#wallboxChoice{padding:14px 10px}.wc-options{gap:10px}.wc-card{padding:12px 7px;min-height:300px}.wc-card svg{width:72px;height:65px}.wc-card strong{font-size:1.2rem}.wc-source{font-size:.78rem}.wc-price{font-size:.92rem}.wc-state{font-size:.78rem}.wc-cost{font-size:.72rem}}
.wc-options>div{display:flex;flex-direction:column}.wc-card{flex:1}.wc-detail{flex-shrink:0}
.gb-confirm{max-width:min(440px,calc(100vw - 32px));box-sizing:border-box;background:#132d3b;color:#edf5f7;border:1px solid #dcaf6c;border-radius:16px;padding:22px}.gb-confirm::backdrop{background:#06131cd9}.gb-confirm h2{font-size:1.2rem}.gb-confirm p{line-height:1.5}.gb-confirm button{display:block;width:100%;min-height:48px;margin-top:12px;border:1px solid #abbfc9;background:#e5f1f6;color:#122b37;border-radius:8px;font:inherit;padding:9px}.gb-confirm button:last-child{background:#f3cf95}

/* Realistic 3D source icons; text remains the accessible label. */
.wc-card .wc-icon{display:block;width:136px;height:124px;max-width:100%;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 7px 5px #0007);margin:0 auto 4px;pointer-events:none}.wc-card{background:linear-gradient(150deg,#20504d,#102c30);box-shadow:inset 0 1px 1px #ffffff30,0 5px 12px #0004}.wc-card.wc-grid{background:linear-gradient(150deg,#514637,#282820)}.wc-card[data-unavailable="true"]{background:linear-gradient(150deg,#3b454a,#222d32)}@media(max-width:420px){.wc-card .wc-icon{width:112px;height:106px;margin-bottom:2px}}

/* Matching physical sticker numbers and source names. */
.wc-card strong{display:flex;align-items:center;justify-content:center;gap:6px;letter-spacing:.035em}.wc-number{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#eafff2;color:#143b35;font-size:16px;letter-spacing:0;flex-shrink:0;box-shadow:inset 0 1px 2px #ffffffa0,0 2px 4px #0005}.wc-grid .wc-number{background:#ffe2aa;color:#42311c}.wc-benefit{font-size:.78rem;line-height:1.45;color:#d9eee7;border-radius:7px;background:#0003;padding:7px 4px;width:100%;box-sizing:border-box}.wc-grid .wc-benefit{color:#ffe5b8}.wc-explain{margin-top:10px;font-size:.84rem;color:#c9dce5}.wc-explain summary{cursor:pointer;padding:10px 0;min-height:44px;box-sizing:border-box}.wc-explain p{line-height:1.5}@media(max-width:350px){.wc-card strong{font-size:1rem;gap:4px}.wc-number{width:22px;height:22px;font-size:14px}.wc-benefit{font-size:.7rem}}

/* Source remains visible alongside live session data, with the same 3D artwork. */
.charging-source{display:flex;align-items:center;gap:12px;padding:10px 12px;margin:0 0 12px;border:1px solid #72cead;border-radius:13px;background:linear-gradient(120deg,#184541,#102b35);color:#f0fff9;box-sizing:border-box;min-width:0;text-align:left}
.charging-source[data-source="grid"]{border-color:#d7b16c;background:linear-gradient(120deg,#493f2c,#24303a);color:#fff0d4}
.charging-source .charging-source-icon{width:76px;height:76px;object-fit:contain;flex:0 0 76px;filter:drop-shadow(0 4px 4px #0006);pointer-events:none}
.charging-source>div{display:grid;gap:3px;min-width:0}.charging-source-title{font-size:1.05rem;letter-spacing:.035em}.charging-source-caption{font-size:.84rem;line-height:1.35}.charging-source-status{font-size:.78rem;line-height:1.4;color:#cce7e1}.charging-source[data-source="grid"] .charging-source-status{color:#efddbb}.charging-source[data-unknown="true"] .charging-source-status{color:#ffdaa0}
#wallboxChoice .wc-active{padding:0;border:0}#wallboxChoice .wc-active[hidden]{display:none!important}.wc-active .charging-source{margin:10px 0 0}.charging-source-note{font-size:.78rem;color:#c4d9df;margin:8px 0 0}
body:not([data-wallbox-choice]) .charging-source{display:none!important}
@media(max-width:350px){.charging-source{gap:8px;padding:8px}.charging-source .charging-source-icon{width:60px;height:60px;flex-basis:60px}.charging-source-title{font-size:.96rem}.charging-source-caption{font-size:.78rem}.charging-source-status{font-size:.74rem}}
#adminLiveStations{margin:16px 0 22px;padding:16px;border:1px solid #607f8d;border-radius:16px;background:#102733;color:#eff8fa}#adminLiveStations h2{margin:0;font-size:1.2rem}#adminLiveStations>p{font-size:.85rem;line-height:1.5;color:#cbdee5}.live-stations-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.live-stations-cards article{min-width:0;border:1px solid #577580;border-radius:12px;padding:12px;background:#16313d}.live-stations-cards p{overflow-wrap:anywhere;font-size:.86rem;line-height:1.4;margin:9px 0}.live-driver{font-weight:700}.live-vehicle,.live-started{color:#c4dce5}.live-stations-cards dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.live-stations-cards dl div{min-width:0}.live-stations-cards dt{font-size:.73rem;color:#bcd5df}.live-stations-cards dd{font-size:1.05rem;font-weight:700;margin:5px 0;overflow-wrap:anywhere}.live-stations-cards button{width:100%;min-height:44px;white-space:normal;overflow-wrap:anywhere;border-radius:8px;padding:10px;font:inherit;cursor:pointer}.live-stop{background:#692e39;color:#fff;border:1px solid #d78d98}.live-stop:disabled{background:#39434b;border-color:#63727b;color:#b9c5cc;cursor:not-allowed}.live-details{margin-top:8px;background:#234959;color:#e3f7ff;border:1px solid #7099aa}#adminLiveStations :focus-visible{outline:3px solid #fff;outline-offset:2px}@media(max-width:600px){#adminLiveStations{padding:12px}.live-stations-cards{grid-template-columns:1fr}.live-stations-cards article{padding:10px}}
