.button[href]{text-decoration:none;display:inline-flex;align-items:center;white-space:nowrap}
.control-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;padding:14px;border:1px solid var(--line);background:#0b110e}
.control-fields:empty{display:none}.control-fields label{margin:0}.control-fields .full{grid-column:1/-1}
.control-message{grid-column:1/-1;margin:0;padding:10px;border:1px solid #624b22;background:#2a210f;color:#ffd879;font-size:12px}
.advanced-payload{margin-top:15px;border:1px solid var(--line);background:#0b110e}.advanced-payload summary{padding:11px 13px;color:var(--muted);cursor:pointer;font-size:12px;font-weight:700}.advanced-payload textarea{margin:0!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important}
.control-note{min-height:18px;color:var(--muted);font-size:11px;margin:10px 0 0}.control-fields select,.control-fields input{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid #314239;border-radius:4px;background:#0d1511;color:var(--ink)}
.charger-summary{grid-template-columns:repeat(4,1fr)}
.location-form{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 21px;border-bottom:1px solid var(--line)}.location-form label{margin:0;color:#b9c6bf;font-size:12px;font-weight:700}.location-form input{display:block;width:100%;margin-top:7px;padding:10px;border:1px solid #314239;background:#0c120f;color:var(--ink)}.location-form .button{align-self:end}.location-form .form-error{grid-column:1/-1}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.settings-grid label{margin:0}.settings-grid .full{grid-column:1/-1}
.connector-settings{margin:25px -24px -24px;padding:20px 24px 24px;border-top:1px solid var(--line);background:#0c120f}.connector-settings h3{margin:4px 0 14px}.connector-setting{display:grid;grid-template-columns:75px minmax(120px,1.2fr) minmax(145px,1.3fr) minmax(110px,.9fr) minmax(130px,1fr) minmax(100px,.8fr) minmax(130px,.9fr) auto;gap:9px;align-items:end;padding:13px 0;border-top:1px solid var(--line-soft)}.connector-setting>span{align-self:center;color:var(--muted)}.connector-setting label{margin:0}.connector-setting input,.connector-setting select{display:block;width:100%;margin-top:6px;padding:9px;border:1px solid #314239;background:#0b110e;color:var(--ink)}.connector-electrical{display:grid;grid-template-columns:1fr 1fr;gap:7px}.inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}
#enrol-dialog,#edit-charger-dialog{width:min(1180px,calc(100vw - 28px));overflow-x:hidden}#enrol-dialog .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#edit-charger-dialog form,#edit-charger-dialog .connector-settings,#connector-settings-list{min-width:0}
#edit-charger-dialog .settings-grid label>small{display:block;margin-top:6px;color:var(--muted);font-size:9px;font-weight:500;line-height:1.4}
.analytics-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);gap:15px;margin-top:15px}.map-panel{grid-column:1/-1}.chart-controls{display:flex;align-items:center;gap:12px}.chart-total{color:var(--lime);font-size:18px;font-weight:850}.bar-chart.many-bars{gap:3px;min-width:680px}.bar-chart.many-bars .bar-fill{width:75%}.bar-chart.many-bars .bar-fill span{display:none}.energy-panel{overflow:auto}
.bar-chart{height:245px;display:flex;align-items:stretch;gap:10px;padding:22px 22px 15px}.bar-column{min-width:0;flex:1;display:grid;grid-template-rows:1fr auto;gap:9px;text-align:center}.bar-track{height:100%;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid #314239;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#ffffff08 25%)}.bar-fill{position:relative;width:min(45px,64%);min-height:3px;background:linear-gradient(to top,#6f8c21,var(--lime));box-shadow:0 0 18px #d7ff3f12;transition:height .25s ease}.bar-fill span{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translateX(-50%);color:#cbd7d0;font-size:10px;white-space:nowrap}.bar-column small{color:#788b81;font-size:10px}
.status-chart{min-height:245px;display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center;padding:24px}.donut{position:relative;width:150px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center}.donut:after{content:"";position:absolute;width:96px;aspect-ratio:1;border-radius:50%;background:var(--surface)}.donut-center{position:relative;z-index:2;text-align:center}.donut strong,.donut small{display:block}.donut strong{font-size:27px}.donut small{color:var(--muted);font-size:9px;text-transform:uppercase}.chart-legend{display:grid;gap:13px}.legend-row{display:grid;grid-template-columns:9px 1fr auto;gap:9px;align-items:center;color:#aebdb5;font-size:11px}.legend-row i{width:8px;height:8px;border-radius:50%}.legend-row strong{color:var(--ink)}
.network-map{position:relative;height:330px;overflow:hidden;background-color:#0a120e;background-image:radial-gradient(circle at 20% 30%,#28433555,transparent 29%),radial-gradient(circle at 75% 65%,#1e392d66,transparent 34%),linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:auto,auto,48px 48px,48px 48px}.network-map:before{content:"N";position:absolute;right:18px;top:15px;color:#80958a;font:800 10px/1 sans-serif;border-top:12px solid var(--lime);border-left:5px solid transparent;border-right:5px solid transparent;padding-top:4px}.map-marker{position:absolute;transform:translate(-50%,-50%);z-index:2;border:0;background:transparent;color:var(--ink);padding:0}.map-marker-dot{display:grid;place-items:center;width:29px;height:29px;border:5px solid #d7ff3f29;border-radius:50%;background:var(--lime);color:#10150f;font-size:9px;font-weight:900;box-shadow:0 0 0 1px #d7ff3f,0 5px 18px #0009}.map-marker.offline .map-marker-dot{background:var(--amber);border-color:#ffc85729;box-shadow:0 0 0 1px var(--amber),0 5px 18px #0009}.map-label{position:absolute;left:35px;top:0;min-width:130px;padding:7px 9px;background:#0c1411e8;border:1px solid #34473d;text-align:left;pointer-events:none}.map-label b,.map-label small{display:block;white-space:nowrap}.map-label b{font-size:11px}.map-label small{color:var(--muted);font-size:9px}.map-empty{height:100%;display:grid;place-items:center;color:var(--muted);text-align:center;padding:30px}
.pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:59px;padding:11px 16px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.pagination>div{display:flex;align-items:center;gap:7px}.page-button{min-width:34px;height:34px;border:1px solid #33463b;background:#18221d;color:#d5dfd9;border-radius:3px;font-size:17px}.page-button:hover:not(:disabled){border-color:var(--lime);color:var(--lime)}.page-button:disabled{opacity:.32;cursor:not-allowed}.pagination>div>span{min-width:88px;text-align:center;color:#b8c5be}
.structure-map-panel{margin-bottom:24px}.structure-actions{display:flex;gap:9px}.google-map{height:480px;background:#09100c}.structure-section{margin-top:24px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.section-heading h2{margin:3px 0 0;font-size:19px}.count-pill{display:inline-flex;align-items:center;padding:6px 9px;border:1px solid #34473d;border-radius:99px;color:#a8b8b0;background:#151e19;font-size:10px;white-space:nowrap}.structure-grid{display:grid;gap:14px}.location-grid{grid-template-columns:repeat(3,minmax(240px,1fr))}.group-grid{grid-template-columns:repeat(3,minmax(240px,1fr))}.structure-card{position:relative;min-width:0;padding:18px;border:1px solid var(--line);background:linear-gradient(145deg,var(--surface),#0c130f);overflow:hidden}.structure-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--lime),transparent 70%)}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card-heading h3{margin:4px 0 0;font-size:16px}.structure-card>p{min-height:42px;margin:15px 0;color:var(--muted);font-size:12px}.card-icon{display:grid;place-items:center;width:38px;height:38px;margin-bottom:15px;border:1px solid #40583f;background:var(--lime-soft);color:var(--lime);font-size:20px}.card-stats{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:#0a100d}.card-stats span{padding:9px 11px;color:var(--muted);font-size:10px}.card-stats span+span{border-left:1px solid var(--line)}.card-stats b{display:block;color:var(--ink);font-size:16px}.card-chargers{display:flex;gap:5px;flex-wrap:wrap;margin-top:13px}.card-chargers span{padding:5px 7px;background:#1b2720;color:#aebdb5;font-size:9px;border-radius:2px}.card-empty{margin-top:13px;color:#66786e;font-size:10px}.card-actions{display:flex;justify-content:flex-end;gap:7px;margin:16px -18px -18px;padding:12px 18px;border-top:1px solid var(--line-soft);background:#0a100d}.location-card-map{display:flex;align-items:center;justify-content:space-between;margin:-18px -18px 17px;padding:19px 18px;background:radial-gradient(circle at 20% 50%,#36533e77,transparent 35%),linear-gradient(135deg,#14241b,#0b120e);border-bottom:1px solid var(--line)}.location-card-map>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--lime);color:#10150f;font-size:20px;box-shadow:0 0 0 6px #d7ff3f18}.location-card-map small{color:#90a49a;font:9px ui-monospace,monospace}.empty-card{grid-column:1/-1;padding:35px;border:1px dashed #304239;color:var(--muted);text-align:center}.modal-location-form{margin:18px 0 0;padding:0;border:0}.gm-style .gm-style-iw-c{background:#101713!important;color:#f2f6f3!important;border:1px solid #40533f!important;border-radius:2px!important}.gm-style .gm-style-iw-d{overflow:auto!important}.gm-style .gm-style-iw-tc:after{background:#101713!important}.gm-style .gm-ui-hover-effect{top:7px!important;right:7px!important;width:22px!important;height:22px!important;opacity:1!important;filter:none!important}.gm-style .gm-ui-hover-effect>span{width:12px!important;height:12px!important;margin:5px!important;background-color:#fff!important}.gm-style .gm-ui-hover-effect>img{width:12px!important;height:12px!important;margin:5px!important;filter:brightness(0) invert(1)!important}.gm-location-card{min-width:220px;padding:5px 30px 3px 4px;color:#dce6e0}.gm-location-card .gm-kicker{color:#84998e;font-size:9px;font-weight:800;letter-spacing:.15em}.gm-location-card h3{margin:3px 0 8px;color:#f3f7f4;font-size:16px}.gm-location-card p{margin:0 0 11px;color:#9bada4;font-size:11px}.gm-location-card>div{padding:8px;border:1px solid #2d4036;background:#0a110d;color:#aebeb6;font-size:10px}.gm-location-card>div b{color:#d7ff3f}.gm-location-card>div i:after{content:"·";margin:0 7px;color:#53665c}.gm-location-card small{display:block;max-width:260px;margin-top:9px;color:#778b80;font-size:9px}
.sidebar-head{gap:16px}.sidebar-logo{display:grid;justify-items:start;gap:7px;width:100%}.sidebar-head>.sidebar-logo{width:70%}.sidebar-logo img{display:block;width:100%;height:auto}.sidebar-logo small{width:100%;color:#7e9187;font-size:8px;letter-spacing:.25em;font-weight:800;text-align:left}
.login-logo{width:min(200px,70%);gap:10px}.login-logo small{text-align:left;font-size:9px;letter-spacing:.3em}
.map-marker.label-left .map-label{left:auto;right:35px}
.network-map:before{display:none}.optional-groups{margin-top:24px;border-top:1px solid var(--line)}.optional-groups>summary{display:flex;align-items:center;gap:12px;padding:16px 2px;color:#c3d0c9;font-weight:750;cursor:pointer}.optional-groups>summary span{color:var(--muted);font-size:10px;font-weight:500}.optional-groups .structure-section{margin-top:0}.location-assignment{margin:22px 0 0;padding:18px;border:1px solid var(--line);background:#0a110d}.location-assignment h3{margin:4px 0}.location-assignment>p{margin:3px 0 14px;color:var(--muted);font-size:11px}.assignment-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.assignment-column{max-height:235px;overflow:auto;border:1px solid var(--line);background:#0d1511}.assignment-column h4{position:sticky;top:0;z-index:1;margin:0;padding:10px 12px;background:#18231d;border-bottom:1px solid var(--line);font-size:11px}.assignment-column>label{display:flex;align-items:center;gap:9px;margin:0;padding:9px 11px;border-bottom:1px solid var(--line-soft);cursor:pointer}.assignment-column input{width:auto;margin:0}.assignment-column b,.assignment-column small{display:block}.assignment-column b{font-size:11px}.assignment-column small{color:var(--muted);font-size:9px}.assignment-column>p{padding:10px;color:var(--muted);font-size:10px}#location-dialog{width:min(850px,calc(100vw - 28px))}
.listener-panel{margin-bottom:15px}.listener-panel .panel-head h2{display:flex;align-items:center;gap:9px}.listener-pulse{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 #44d48380;animation:listener-pulse 2s infinite}.listener-endpoint{display:flex;align-items:center;gap:14px;padding:11px 20px;border-bottom:1px solid var(--line-soft);background:#0b120e}.listener-endpoint span{color:var(--muted);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.listener-endpoint code{color:var(--lime);word-break:break-all}.discovery-grid{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:12px;padding:15px}.discovery-card{border:1px solid var(--line);background:#0c130f;padding:15px;min-width:0}.discovery-card.connected{border-color:#315d42}.discovery-head{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px}.discovery-head h3{margin:2px 0 0;font-size:14px}.discovery-head small{color:var(--muted);font-size:9px}.listener-device{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--lime-soft);color:var(--lime);font-size:17px}.discovery-details{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:14px;background:var(--line)}.discovery-details span{min-width:0;padding:9px;background:#101713}.discovery-details small,.discovery-details b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discovery-details small{color:var(--muted);font-size:8px;text-transform:uppercase}.discovery-details b{margin-top:2px;font-size:10px}.discovery-card>p{margin:11px 0 0;color:var(--muted);font-size:10px}.discovery-card .card-actions{margin:13px -15px -15px;padding:10px 15px}@keyframes listener-pulse{0%{box-shadow:0 0 0 0 #44d48380}70%{box-shadow:0 0 0 8px #44d48300}100%{box-shadow:0 0 0 0 #44d48300}}
.charge-point-actions{display:flex;align-items:center;gap:9px}.listener-button{display:inline-flex;align-items:center;gap:9px;height:38px;padding:0 13px;border:1px solid #315d42;border-radius:4px;background:#102319;color:#a8dfbb;font-weight:750}.listener-button:hover{border-color:var(--green);color:#e4ffec}.listener-button .listener-pulse{display:block}.listener-dialog{width:min(1050px,calc(100vw - 28px));padding:0}.listener-dialog>.dialog-head{margin:0}.listener-dialog .dialog-head h2{display:flex;align-items:center;gap:10px}.listener-dialog .dialog-head p{margin:5px 0 0;color:var(--muted);font-size:11px}.listener-modal-status{display:flex;justify-content:flex-end;padding:10px 20px;border-bottom:1px solid var(--line-soft);background:#0d1511}
.delete-charger-icon{margin-right:auto!important;height:38px!important;display:inline-flex;align-items:center;gap:8px;padding:0 12px!important;border:1px solid #7a3532!important;border-radius:4px;background:#261312!important;color:#ff8a86!important;font-size:11px!important;font-weight:800;line-height:1!important}.delete-charger-icon span{font-size:18px;line-height:1;font-weight:500}.delete-charger-icon:hover{border-color:var(--red)!important;background:#3a1917!important;color:#fff!important}
.autocharge-setting{align-items:flex-start!important}.autocharge-setting span{display:flex;flex-direction:column;gap:4px}.autocharge-setting small{display:block;color:var(--muted);font-size:10px;font-weight:500}
#assign-charger-dialog{width:min(520px,calc(100vw - 28px))}#assign-charger-dialog .dialog-head p{margin:5px 0 0;color:var(--muted);font-size:11px}.assignment-warning{margin:15px 0 0;padding:11px 12px;border:1px solid #5d4a25;background:#241d10;color:#e6c878;font-size:11px}
#integration-credentials-dialog{width:min(620px,calc(100vw - 28px))}#integration-credentials-dialog .dialog-head p{margin:5px 0 0;color:var(--muted);font-size:11px}#integration-credentials-dialog form>small{display:block;margin-top:6px;color:var(--muted);font-size:10px}.credential-edit-field{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.credential-edit-field input{min-width:0}.credential-edit-field .row-button{height:43px;margin-bottom:0;padding-inline:13px}
.session-row{cursor:pointer;transition:background .15s}.session-row:hover{background:#d7ff3f0a}.session-row:focus-within{background:#d7ff3f0d}.session-detail-dialog{width:min(1180px,calc(100vw - 24px));max-height:94vh}.session-detail-dialog>.dialog-head{position:sticky;top:0;z-index:5;margin:0;background:#101713}.session-detail-dialog .dialog-head p{margin:5px 0 0;color:var(--muted);font-size:11px}.session-dialog-head-actions{display:flex;align-items:center;gap:15px}.session-detail-body{padding:18px}.session-metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.session-metric-grid article{min-width:0;padding:15px;border:1px solid var(--line);background:linear-gradient(145deg,#151e19,#0c130f)}.session-metric-grid small,.session-metric-grid span,.session-metric-grid strong{display:block}.session-metric-grid small{color:var(--muted);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.session-metric-grid strong{margin:6px 0 3px;color:var(--ink);font-size:22px;white-space:nowrap}.session-metric-grid span{overflow:hidden;color:#72867b;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.session-chart-panel{margin-top:12px;border:1px solid var(--line);background:#0c130f}.session-panel-heading{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line-soft)}.session-panel-heading h3{margin:3px 0 0;font-size:15px}.session-panel-heading>span{color:var(--muted);font-size:10px}.session-chart-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-soft)}.session-chart-grid>div{min-width:0;padding:12px;background:#0b120e}.session-chart-grid h4{margin:0 0 8px;color:#aebdb5;font-size:10px;text-transform:uppercase}.session-chart{height:180px}.session-chart svg{display:block;width:100%;height:100%;overflow:visible}.session-chart .chart-grid-line{stroke:#26352d;stroke-width:1}.session-chart .chart-area{fill:#d7ff3f12}.session-chart .chart-line{fill:none;stroke:var(--lime);stroke-width:2;vector-effect:non-scaling-stroke}.session-chart.soc .chart-line{stroke:var(--green)}.session-chart.soc .chart-area{fill:#44d48312}.session-chart text{fill:#71847a;font-size:9px}.session-chart .chart-value{fill:#d9e4de;font-weight:700}.session-chart-empty{height:100%;display:grid;place-items:center;color:#60736a;font-size:10px;text-align:center}.session-lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.session-lower-grid>section{padding:15px;border:1px solid var(--line);background:#0c130f}.session-facts,.session-readings{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:11px;background:var(--line-soft)}.session-facts div,.session-readings div{min-width:0;padding:9px 10px;background:#101713}.session-facts small,.session-facts b,.session-readings small,.session-readings b{display:block}.session-facts small,.session-readings small{color:var(--muted);font-size:8px;text-transform:uppercase}.session-facts b,.session-readings b{overflow:hidden;margin-top:3px;color:#dce5e0;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:850px){.location-form{grid-template-columns:1fr 1fr}.connector-setting{grid-template-columns:1fr 1fr}.connector-setting>span{grid-column:1/-1}.analytics-grid{grid-template-columns:1fr}.map-panel{grid-column:auto}}
@media(max-width:1100px){.connector-setting{grid-template-columns:1fr 1fr}.connector-setting>span{grid-column:1/-1}}
@media(max-width:950px){.session-metric-grid{grid-template-columns:repeat(3,1fr)}.session-chart-grid{grid-template-columns:1fr}.session-chart{height:165px}.session-lower-grid{grid-template-columns:1fr}}
@media(max-width:1100px){.location-grid,.group-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}}
@media(max-width:720px){.sidebar-logo{max-width:160px}}
@media(max-width:800px){.discovery-grid{grid-template-columns:1fr}}
@media(max-width:620px){.status-chart{grid-template-columns:120px 1fr;padding:18px}.donut{width:120px}.donut:after{width:76px}.network-map{height:300px}.map-label{display:none}.bar-chart{height:220px;padding-left:12px;padding-right:12px;gap:5px}.bar-fill span{font-size:9px}.pagination{align-items:flex-start;flex-direction:column}.pagination>div{align-self:flex-end}.location-grid,.group-grid{grid-template-columns:1fr}.google-map{height:390px}.structure-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.structure-actions .button{justify-content:center;padding-left:8px;padding-right:8px}.section-heading{align-items:center}.assignment-grid{grid-template-columns:1fr}.optional-groups>summary{align-items:flex-start;flex-direction:column}.chart-controls{width:100%;justify-content:space-between}.listener-endpoint{align-items:flex-start;flex-direction:column;gap:4px}.discovery-grid{padding:10px}.discovery-head{grid-template-columns:38px 1fr}.discovery-head>.status{grid-column:2}.discovery-details{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.control-fields,.settings-grid,.location-form{grid-template-columns:1fr}}
@media(max-width:520px){.session-detail-body{padding:10px}.session-metric-grid{grid-template-columns:1fr 1fr}.session-metric-grid article:last-child{grid-column:1/-1}.session-metric-grid strong{font-size:18px}.session-facts,.session-readings{grid-template-columns:1fr}.session-dialog-head-actions{gap:7px}.session-dialog-head-actions .status{font-size:9px}}
.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.field-help{margin:12px 0 0;color:var(--muted);font-size:11px}.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ocpi-provider-panel{margin-bottom:15px}.provider-endpoint{display:flex;align-items:center;gap:16px;padding:12px 20px;border-bottom:1px solid var(--line-soft);color:var(--muted);font-size:11px}.provider-endpoint>.copy-field{flex:1;margin:0}.provider-invite-result{padding:24px}.provider-invite-result h3{margin:4px 0}.provider-invite-result>p{color:var(--muted);font-size:12px}.provider-invite-result>label{display:block;margin:16px 20px 5px;color:#b9c6bf;font-size:12px;font-weight:700}.provider-invite-result>.button{display:block;margin:22px 0 0 auto}.tag-dialog{width:min(920px,calc(100vw - 28px))}.tag-vehicle-manager{border-top:1px solid var(--line);padding:20px 24px 24px}.tag-vehicle-manager .session-panel-heading{padding:0 0 12px}.vehicle-inline-form{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:12px;align-items:end;padding:0 0 18px!important}.vehicle-inline-form label{margin:0}.vehicle-inline-form .check{min-height:42px}.vehicle-inline-form>.button{height:42px}.vehicle-inline-form .form-error{grid-column:1/-1}.session-vehicle-action{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:16px 0;padding:17px 19px;border:1px solid #40583e;background:linear-gradient(120deg,#14231a,#101713)}.session-vehicle-action h3{margin:3px 0}.session-vehicle-action p{margin:4px 0 0;color:var(--muted);font-size:12px}
@media(max-width:760px){.vehicle-inline-form{grid-template-columns:1fr 1fr}.session-vehicle-action{align-items:flex-start;flex-direction:column}.session-vehicle-action .button{width:100%}.row-actions{justify-content:flex-start}}
@media(max-width:520px){.vehicle-inline-form{grid-template-columns:1fr}.tag-vehicle-manager{padding:16px 14px}.panel-head>#open-tag-modal,.panel-head>#open-user-modal,.panel-head>#open-ocpi-provider-modal{width:100%}.page[data-page-view="tags"] .panel-head,.page[data-page-view="users"] .panel-head,.ocpi-provider-panel .panel-head{align-items:stretch;flex-direction:column}.provider-endpoint{align-items:stretch;flex-direction:column;gap:7px}.provider-invite-result{padding:18px 14px}.provider-invite-result>.button{width:100%}}
@media(max-width:520px){.charge-point-actions{width:100%;display:grid;grid-template-columns:auto 1fr}.charge-point-actions .button{width:100%}.listener-dialog .dialog-head{position:sticky;top:0}.listener-modal-status{justify-content:flex-start}}
.page[data-page-view="autocharge"] .panel+.panel{margin-top:15px}
@media(max-width:520px){.page[data-page-view="autocharge"] .panel-head{align-items:stretch;flex-direction:column}.page[data-page-view="autocharge"] .panel-head .button{width:100%}}
#ocpi-provider-dialog{width:min(780px,calc(100vw - 28px))}.ocpi-mode-fields{margin-top:16px;padding:0 16px 16px;border:1px solid var(--line);background:#0b110e}.ocpi-mode-fields .field-help{margin-top:8px}
.ocpi-status-cell{display:flex;align-items:center;gap:10px}.ocpi-status-cell .row-button{padding:5px 9px;color:var(--lime);font-size:9px;font-weight:850;letter-spacing:.08em}.ocpi-json-dialog{width:min(880px,calc(100vw - 28px))}.ocpi-json-dialog>.dialog-head{margin:0}.ocpi-json-dialog .dialog-head p{margin:5px 0 0;color:var(--muted);font-size:11px}.ocpi-json-body{padding:18px 20px 0}.ocpi-json-body pre{max-height:62vh;margin:0;overflow:auto;padding:18px;border:1px solid var(--line);border-radius:3px;background:#080d0a;color:#dce8e1;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2}.ocpi-json-actions{display:flex;justify-content:flex-end;padding:14px 20px 20px}