.charger-dlb-control{margin:0 0 20px;padding:22px;border:1px solid #dce4ee;border-radius:16px;background:#fff;box-shadow:0 10px 24px rgba(23,42,67,.05)}
.charger-dlb-control>label{display:grid;max-width:520px;gap:6px;font-size:12px;font-weight:700;color:#41536b}.charger-dlb-control select{min-height:42px}
#charger-dlb-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(390px,1fr));gap:22px;margin-top:20px}.connector-dlb-card{overflow:hidden;border:1px solid #2f3558;border-radius:30px;background:#171833;color:#f8f9ff;box-shadow:0 15px 32px rgba(10,14,40,.2)}.connector-dlb-card header{display:flex;gap:12px;align-items:center;padding:24px 24px 17px}.connector-dlb-card strong{font-size:19px;color:#fff}.connector-dlb-card strong small{font-size:12px;color:#aeb4d1}.dlb-active{margin-left:auto;white-space:nowrap;font-size:12px;font-weight:700;color:#b7f3e9}.connector-live{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:4px 24px 22px}.connector-live span{display:block;font-size:11px;color:#b7bdd5}.connector-live b{display:block;margin-top:6px;font-size:17px;color:#fff}.connector-state.available{color:#80df9d}.connector-state.charging{color:#ffe76d}.connector-state.faulted,.connector-state.unavailable{color:#ff8897}.connector-vehicle{display:grid;gap:7px;padding:23px 24px;background:#16172f;border-top:1px solid #444867}.connector-vehicle b{font-size:16px;text-decoration:underline}.connector-vehicle small{color:#bbc0d9}.connector-meter-line{height:18px;border-radius:6px;background:#03051e;margin-top:6px}.connector-dlb-actions{display:flex;gap:12px;align-items:end;padding:18px 24px 23px;background:#171833}.connector-dlb-actions label{display:grid;gap:5px;font-size:12px;font-weight:700;color:#c3c8dd}.connector-priority{min-height:34px;border-color:#5b6183;background:#222442;color:#fff}.connector-mode-switch{display:inline-flex;gap:2px;padding:3px;border:1px solid #555979;border-radius:999px}.connector-mode-switch button{border:0;border-radius:999px;background:transparent;color:#fff;padding:7px 11px;font:700 12px/1 Arial,sans-serif;cursor:pointer}.connector-mode-switch button.active{background:#fff;color:#181932;box-shadow:none}.connector-dlb-save{margin-left:auto}
@media(max-width:900px){#charger-dlb-content{grid-template-columns:1fr}}@media(max-width:700px){.connector-dlb-card header{align-items:flex-start;flex-wrap:wrap}.connector-mode-switch{order:3;width:100%;display:grid;grid-template-columns:repeat(2,1fr);border-radius:12px}.dlb-active{margin-left:0}.connector-live{grid-template-columns:1fr 1fr}.connector-dlb-actions{align-items:stretch;flex-direction:column}.connector-dlb-save{margin-left:0;min-height:42px}}

/* Töltőpontból nyíló DLB párbeszéd: a korábbi élő-adat rács helyett
   egyenletes, címke–mező kiosztás. */
#point-charger-dlb-dialog .connector-dlb-card{border-radius:28px}
#point-charger-dlb-dialog .connector-live{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}
#point-charger-dlb-dialog .connector-live label{display:grid;gap:7px;min-width:0;font-size:11px;font-weight:700;color:#c3c8dd;letter-spacing:.01em}
#point-charger-dlb-dialog .connector-live input,#point-charger-dlb-dialog .connector-live select{box-sizing:border-box;width:100%;min-height:42px;margin:0;border:1px solid #697092;border-radius:8px;background:#fff;color:#1d263e;font:600 13px/1.2 Arial,sans-serif;padding:0 11px}
#point-charger-dlb-dialog .connector-live .connector-priority{background:#222442;color:#fff}
#point-charger-dlb-dialog .connector-dlb-actions{border-top:1px solid #444867;align-items:center}
#point-charger-dlb-dialog .connector-dlb-actions .point-dlb-save{margin-left:0}
#point-charger-dlb-dialog .point-smart-result{min-height:18px;margin:0 24px 20px;color:#bbc0d9}
@media(max-width:700px){#point-charger-dlb-dialog .connector-live{grid-template-columns:1fr}#point-charger-dlb-dialog .connector-dlb-actions{align-items:stretch}#point-charger-dlb-dialog .connector-dlb-actions button{min-height:42px}}

/* Elsődleges DLB üzemmódok: napi kezeléshez nagy, egyértelmű választó. */
#point-charger-dlb-dialog .connector-dlb-primary header{padding-bottom:12px}
#point-charger-dlb-dialog .dlb-primary-modes{display:inline-flex;gap:2px;margin:0 24px 16px;padding:3px;border:1px solid #565d7c;border-radius:999px;background:#171833}
#point-charger-dlb-dialog .dlb-primary-modes button{min-height:32px;padding:0 13px;border:0;border-radius:999px;background:transparent;color:#f7f8ff;font:700 13px/1.15 Arial,sans-serif;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}
#point-charger-dlb-dialog .dlb-primary-modes button:hover{background:#303454}
#point-charger-dlb-dialog .dlb-primary-modes button.active{background:#fff;color:#15162f;box-shadow:none}
#point-charger-dlb-dialog .dlb-mode-result{margin:0 24px 17px;padding:10px 12px;border-radius:9px;background:#12142c;color:#c8cee5;font-size:12px}
#point-charger-dlb-dialog .dlb-mode-result b{color:#72e5ac}
#point-charger-dlb-dialog .dlb-advanced-toggle{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 48px);margin:0 24px 18px;padding:10px 0;border:0;border-top:1px solid #444867;background:transparent;color:#c7cde6;font:700 12px/1 Arial,sans-serif;cursor:pointer;text-align:left}
#point-charger-dlb-dialog .dlb-advanced-toggle span{font-size:16px;transition:transform .15s}
#point-charger-dlb-dialog .dlb-advanced-toggle.open span{transform:rotate(180deg)}
#point-charger-dlb-dialog .dlb-advanced-fields{border-top:1px solid #444867;padding-top:18px}
#point-charger-dlb-dialog .dlb-advanced-fields[hidden]{display:none}
@media(max-width:700px){#point-charger-dlb-dialog .dlb-primary-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:14px}#point-charger-dlb-dialog .dlb-primary-modes button{min-height:38px}}