.bsm-electricity{--electric-border:#e4eaf1;--electric-text:#183047;color:var(--electric-text)}
.bsm-electricity *, .bsm-electricity-onboarding *{box-sizing:border-box}
.bsm-electricity label,.bsm-electricity-onboarding label{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:14px;margin:8px 0}
.bsm-electricity input:not([type=checkbox]),.bsm-electricity select,.bsm-electricity-onboarding input{width:100%;min-width:0;border:1px solid #cad5e2;border-radius:10px;padding:10px 12px;min-height:44px;background:#fff;color:#183047}
.bsm-electricity input[type=number],.bsm-electricity input[type=month]{direction:ltr;text-align:right}
.bsm-electric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px 20px}
.bsm-electricity .bsm-portal-panel{margin-bottom:20px}.bsm-electricity summary{cursor:pointer;font-weight:600;padding:12px 0}
.bsm-electric-accounts{display:grid;gap:18px;margin-top:20px}.bsm-electric-account{border:1px solid var(--electric-border);border-radius:16px;padding:20px;background:#fff;min-width:0}
.bsm-electric-account header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}
.bsm-electric-account header strong{display:block;font-size:21px}.bsm-electric-account small{display:block;margin-top:6px;line-height:1.6}
.bsm-electric-due{background:#edf6ff;border-radius:12px;padding:12px 16px;text-align:center;min-width:160px}.bsm-electric-due>span{font-size:13px}.bsm-electric-due strong{font-size:25px;margin-top:7px}
.bsm-meter-reading{border-top:1px solid var(--electric-border);padding-top:8px;margin-top:12px}.bsm-meter-camera{display:grid;gap:10px}
.bsm-meter-preview{max-width:100%;max-height:300px;object-fit:contain;border-radius:10px;background:#f5f7fb}.bsm-meter-preview[hidden]{display:none}
.bsm-meter-message{font-size:14px;line-height:1.7;color:#4a6075}.bsm-meter-calculation{display:block;background:#f1f8f4;padding:14px;border-radius:10px;font-weight:600;line-height:1.8}
.bsm-electricity .bsm-meter-confirm{flex-direction:row;align-items:flex-start;gap:10px;line-height:1.8}.bsm-meter-confirm input{margin-top:6px;width:18px;height:18px;flex-shrink:0}
.bsm-electric-breakdown{padding:14px;background:#f7f9fc;border-radius:10px;line-height:2;margin:12px 0;font-size:14px}
.bsm-electric-collect{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.bsm-electric-collect label{flex:1 1 180px}.bsm-electric-paid{display:inline-block;border-radius:20px;background:#e4f6eb;color:#13653d;padding:7px 20px}
.bsm-electricity .bsm-table-scroll{overflow:auto}.bsm-electricity .bsm-front-btn{min-height:44px;white-space:normal}.bsm-electricity form{margin-bottom:12px}
.bsm-electricity-onboarding{padding:16px;border:1px solid #d6e4f3;border-radius:12px;background:#f7fbff;margin-top:16px}.bsm-electricity-onboarding[hidden]{display:none}
@media(max-width:600px){.bsm-electric-account{padding:14px}.bsm-electric-account header{flex-direction:column;gap:12px}.bsm-electric-due{width:100%;display:block}.bsm-electric-grid{grid-template-columns:1fr}.bsm-electric-collect{flex-direction:column;align-items:stretch}.bsm-electric-collect label{flex:auto}.bsm-electricity .bsm-meter-confirm{font-size:13px}.bsm-electricity input[type=file]{font-size:12px}.bsm-electric-account header strong{overflow-wrap:anywhere}}

.bsm-electricity label[hidden]{display:none}.bsm-electricity bdi{white-space:nowrap}.bsm-electric-pagination{display:flex;gap:12px;margin-top:18px}

/* On-device meter digit crop. Touch-drag selection works on mobile. */
.bsm-meter-crop{display:block;width:100%;max-height:440px;object-fit:contain;border:1px solid #cbd5e1;border-radius:10px;touch-action:none;cursor:crosshair;background:#f8fafc}
.bsm-meter-crop[hidden],.bsm-meter-crop-help[hidden]{display:none}
.bsm-meter-crop-help{font-size:13px;line-height:1.6;color:#475569}

.bsm-electricity .bsm-electric-filters.bsm-business-filter-panel.is-open{display:flex!important;flex-wrap:wrap;gap:10px}
.bsm-electricity .bsm-electric-filters.bsm-business-filter-panel.is-open label{flex:1 1 180px}
.bsm-electricity .bsm-electric-add input[list]{background-color:#fff}
@media(max-width:760px){.bsm-electricity .bsm-electric-filters.bsm-business-filter-panel.is-open{display:grid!important;grid-template-columns:minmax(0,1fr)}}

/* v0.7.1: always-visible, aligned electricity subscriber form. */
.bsm-electricity .bsm-electric-add{padding:clamp(16px,2.2vw,28px)}
.bsm-electricity .bsm-electric-add .bsm-electric-form-title{font-size:21px;font-weight:700;margin:0 0 22px;text-align:right}
.bsm-electricity .bsm-electric-add .bsm-electric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px 20px}
.bsm-electricity .bsm-electric-add label{margin:0;min-width:0;display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600;text-align:right}
.bsm-electricity .bsm-electric-add label input,.bsm-electricity .bsm-electric-add label select{height:48px;min-height:48px;font-size:15px;font-weight:400;padding:11px 14px}
.bsm-electricity .bsm-electric-form-actions{display:flex;justify-content:flex-start;gap:10px;flex-wrap:wrap;margin-top:24px}
.bsm-portal-shell .bsm-electric-subscriber-period-panel.is-open{display:block!important}
.bsm-electricity .bsm-electric-combobox{display:block;position:relative;width:100%;min-width:0}
.bsm-electricity .bsm-electric-combobox>input{padding-inline-end:46px!important;background:#fff}
.bsm-electricity .bsm-electric-combo-toggle{position:absolute;inset-inline-end:4px;top:4px;bottom:4px;width:38px;border:0;border-radius:8px;background:transparent;color:#4657bf;cursor:pointer;font-size:24px;line-height:1}
.bsm-electricity .bsm-electric-combo-toggle:hover{background:#edf0ff}
.bsm-electricity .bsm-electric-combo-options{position:absolute;z-index:60;top:calc(100% + 5px);inset-inline:0;max-height:240px;overflow-y:auto;background:#fff;border:1px solid #cbd5e1;border-radius:10px;box-shadow:0 12px 26px #172a432b;padding:5px}
.bsm-electricity .bsm-electric-combo-options[hidden],.bsm-electricity .bsm-electric-combo-option[hidden],.bsm-electricity .bsm-electric-combo-empty[hidden]{display:none!important}
.bsm-electricity .bsm-electric-combo-option{display:block;width:100%;background:transparent;border:0;border-radius:7px;padding:11px 12px;color:#183047;text-align:right;font:inherit;font-weight:400;cursor:pointer;white-space:normal;overflow-wrap:anywhere}
.bsm-electricity .bsm-electric-combo-option:hover,.bsm-electricity .bsm-electric-combo-option.is-active{background:#eef0ff;color:#4236bf}
.bsm-electricity .bsm-electric-combo-empty{display:block;padding:12px;color:#63748a;font-size:13px;font-weight:400}
@media(max-width:760px){.bsm-electricity .bsm-electric-add .bsm-electric-grid{grid-template-columns:minmax(0,1fr);gap:14px}.bsm-electricity .bsm-electric-form-actions>*{flex:1;text-align:center}}

/* v0.7.2: exact reference grouping, independently stored block and floor. */
.bsm-electricity .bsm-electric-add{direction:rtl;padding:clamp(16px,2vw,28px);}
.bsm-electricity .bsm-electric-add .bsm-electric-form-title{font-size:22px;line-height:1.4;margin:0 0 22px;text-align:right}
.bsm-electricity .bsm-electric-form-row{display:grid;gap:18px;align-items:start;margin-bottom:18px;direction:rtl}
.bsm-electricity .bsm-electric-row-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bsm-electricity .bsm-electric-row-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.bsm-electricity .bsm-electric-form-row label{display:flex;flex-direction:column;gap:7px;min-width:0;margin:0;text-align:right;font-size:14px;font-weight:600}
.bsm-electricity .bsm-electric-form-row input,.bsm-electricity .bsm-electric-form-row select{display:block;width:100%;min-width:0;height:50px;min-height:50px;padding:10px 12px;border:1px solid #d5deea;border-radius:10px;background:#fff;font-size:15px;box-sizing:border-box}
.bsm-electricity .bsm-electric-form-row input[type=number],.bsm-electricity .bsm-electric-form-row input[type=month],.bsm-electricity .bsm-electric-form-row input[name=meter_number],.bsm-electricity .bsm-electric-form-row input[name=opening_reading]{direction:ltr;text-align:right}
.bsm-electricity .bsm-electric-discount-percent{display:block}.bsm-electricity .bsm-electric-discount-percent[hidden]{display:none!important}
.bsm-electricity .bsm-electric-form-row small{font-size:12px;font-weight:400;color:#68778b;line-height:1.4}
.bsm-electricity .bsm-electric-form-actions{justify-content:flex-start;margin:20px 0 0;gap:10px}
@media(max-width:850px){.bsm-electricity .bsm-electric-row-4{grid-template-columns:repeat(2,minmax(0,1fr))}.bsm-electricity .bsm-electric-row-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.bsm-electricity .bsm-electric-row-4,.bsm-electricity .bsm-electric-row-3{grid-template-columns:minmax(0,1fr);gap:13px}.bsm-electricity .bsm-electric-form-row{margin-bottom:13px}.bsm-electricity .bsm-electric-add{padding:14px}}

/* v0.7.4: One Arabic month selector at the same height and width as all other inputs. */
.bsm-electricity .bsm-electric-opening-field select[name=opening_month]{display:block;width:100%;min-width:0;height:50px;min-height:50px;direction:rtl;text-align:right;box-sizing:border-box}

/* v0.7.5: Uniform native month dropdown with a clear chevron in RTL.
   The icon is presentation only; the underlying HTML select remains keyboard accessible. */
.bsm-electricity .bsm-electric-add .bsm-electric-opening-field{min-width:0;width:100%}
.bsm-electricity .bsm-electric-add .bsm-electric-opening-field select[name="opening_month"]{
  -webkit-appearance:none!important;appearance:none!important;
  height:50px!important;min-height:50px!important;max-height:50px;
  width:100%!important;min-width:0;line-height:28px;
  padding:10px 14px 10px 42px!important;
  direction:rtl;text-align:right;text-align-last:right;
  color:#183047;background-color:#fff!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234b4acb' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:left 15px center!important;background-size:16px 16px!important;
  border:1px solid #d5deea;border-radius:10px;box-sizing:border-box;
  font-family:inherit;font-size:15px;font-weight:400;
}
.bsm-electricity .bsm-electric-add .bsm-electric-opening-field select[name="opening_month"]:focus-visible{outline:2px solid #5046d4;outline-offset:2px}

/* v0.7.6: Administrator-only meter reading correction form. */
.bsm-electricity .bsm-meter-correction-grid{display:grid;gap:12px;max-width:780px;padding:16px 0}
.bsm-electricity .bsm-meter-correction-grid label{display:flex;flex-direction:column;gap:6px;font-weight:600}
.bsm-electricity .bsm-meter-correction-grid input[type=number],.bsm-electricity .bsm-meter-correction-grid textarea{width:100%;min-height:48px;border:1px solid #d5deea;border-radius:9px;padding:10px 12px;box-sizing:border-box;font:inherit}
.bsm-electricity .bsm-meter-correction-grid input[type=number]{direction:ltr;text-align:right}
.bsm-electricity .bsm-meter-correction-grid .bsm-meter-confirm{flex-direction:row;align-items:flex-start}
.bsm-electricity .bsm-meter-correction-help{margin:0;color:#475569;line-height:1.8}
.bsm-electricity .bsm-meter-correction-preview{display:block;padding:12px;background:#f3f6fb;border-radius:8px;line-height:1.8}