.mmd-elec-wrap{
  --mmd-red:#C40001;
  --mmd-card:#ffffff;
  --mmd-text:#111111;
  --mmd-muted:#5b6572;
  --mmd-border:rgba(17,17,17,.12);
  --mmd-soft:rgba(17,17,17,.06);
  --mmd-shadow:0 12px 30px rgba(0,0,0,.10);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

@media (prefers-color-scheme: dark){
  .mmd-elec-wrap{
    --mmd-card:#151923;
    --mmd-text:#f3f6ff;
    --mmd-muted:#aab3c2;
    --mmd-border:rgba(243,246,255,.14);
    --mmd-soft:rgba(243,246,255,.08);
    --mmd-shadow:0 12px 30px rgba(0,0,0,.45);
  }
}


/* Tabs readability hardening (some themes override button colors) */
.mmd-elec-tabs .mmd-elec-tab{
  color: var(--mmd-text) !important;
  background: var(--mmd-card) !important;
  border-color: var(--mmd-border) !important;
}
.mmd-elec-tabs .mmd-elec-tab:hover{
  border-color: rgba(196,0,1,.45) !important;
}
.mmd-elec-tabs .mmd-elec-tab.is-active{
  color: var(--mmd-text) !important;
  background: rgba(196,0,1,.10) !important;
  border-color: rgba(196,0,1,.35) !important;
}


.mmd-elec-tabs{
  display:flex;
  gap:10px;
  margin:14px auto 10px;
  max-width:900px;
}
.mmd-elec-tab{
  border:1px solid var(--mmd-border);
  background:transparent;
  color:var(--mmd-text);
  padding:10px 12px;
  border-radius:14px;
  cursor:pointer;
  font-weight:800;
  flex:1;
}
.mmd-elec-tab.is-active{
  background:rgba(196,0,1,.10);
  border-color:rgba(196,0,1,.35);
}

.mmd-elec-card{
  background:var(--mmd-card);
  color:var(--mmd-text);
  border:1px solid var(--mmd-border);
  border-radius:18px;
  box-shadow:var(--mmd-shadow);
  overflow:hidden;
  max-width:900px;
  margin:0 auto 18px;
}

.mmd-elec-header{
  padding:18px 18px 10px 18px;
  background:linear-gradient(to bottom, var(--mmd-soft), transparent);
}

.mmd-elec-brandbar{
  height:6px;
  background:var(--mmd-red);
  border-radius:999px;
  margin-bottom:12px;
}

.mmd-elec-title{ margin:0; font-size:22px; line-height:1.15; }
.mmd-elec-subtitle{ margin:8px 0 0 0; color:var(--mmd-muted); font-size:14px; }
.mmd-elec-subtitle2{ margin:0 0 10px 0; color:var(--mmd-muted); font-size:14px; }

.mmd-elec-body{ padding:16px 18px 18px 18px; }

.mmd-elec-panel{ display:none; }
.mmd-elec-panel.is-active{ display:block; }

.mmd-elec-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  align-items:end;
}
@media (max-width:780px){
  .mmd-elec-grid{ grid-template-columns:1fr; }
}

.mmd-elec-field{ display:flex; flex-direction:column; gap:8px; }
.mmd-elec-field-wide{ grid-column:1 / -1; }
.mmd-elec-label{ font-size:13px; color:var(--mmd-muted); }

.mmd-elec-input, .mmd-elec-select{
  padding:12px 12px;
  border-radius:12px;
  border:1px solid var(--mmd-border);
  background:transparent;
  color:var(--mmd-text);
  outline:none;
}
.mmd-elec-input:focus, .mmd-elec-select:focus{
  border-color:rgba(196,0,1,.55);
  box-shadow:0 0 0 4px rgba(196,0,1,.12);
}

.mmd-elec-mini{ color:var(--mmd-muted); font-size:12px; margin:0; }

.mmd-elec-readonly{
  padding:12px 12px;
  border-radius:12px;
  border:1px dashed rgba(196,0,1,.35);
  background:rgba(196,0,1,.06);
  font-weight:900;
}

.mmd-elec-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
  align-items:center;
}
.mmd-elec-btn{
  border-radius:12px;
  padding:10px 12px;
  border:1px solid var(--mmd-border);
  background:transparent;
  color:var(--mmd-text);
  cursor:pointer;
  font-weight:800;
}
.mmd-elec-btn-primary{
  background:var(--mmd-red);
  border-color:var(--mmd-red);
  color:#fff;
}
.mmd-elec-btn-ghost{ background:transparent; }

.mmd-elec-toggle{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--mmd-muted);
  font-size:13px;
  user-select:none;
}
@media (max-width:780px){
  .mmd-elec-toggle{ margin-left:0; width:100%; }
}
.mmd-elec-checkbox{ transform:scale(1.05); }

.mmd-elec-results{
  margin-top:16px;
  border-top:1px solid var(--mmd-border);
  padding-top:16px;
}
.mmd-elec-note{
  font-weight:900;
  margin-bottom:10px;
}

.mmd-elec-tablewrap{ overflow:auto; border-radius:14px; border:1px solid var(--mmd-border); }
.mmd-elec-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  min-width:740px;
}
.mmd-elec-table th, .mmd-elec-table td{
  padding:10px 12px;
  border-bottom:1px solid var(--mmd-border);
  font-size:13px;
  text-align:left;
  vertical-align:middle;
}
.mmd-elec-table th{
  color:var(--mmd-muted);
  background:var(--mmd-soft);
  position:sticky;
  top:0;
  z-index:1;
}
.mmd-elec-table tr:last-child td{ border-bottom:none; }

.mmd-elec-sep td{
  padding:0;
  height:10px;
  border-bottom:0;
  background:transparent;
}

.mmd-elec-strong td{ font-weight:900; }
.mmd-elec-total td{ font-size:14px; }
.mmd-elec-total2 td{ font-size:15px; }

.mmd-elec-footnotes{
  margin-top:10px;
  color:var(--mmd-muted);
  font-size:12px;
  line-height:1.35;
  padding:10px 12px;
  border-radius:12px;
  border:1px dashed var(--mmd-border);
  background:linear-gradient(to bottom, var(--mmd-soft), transparent);
}

.mmd-elec-disclaimer{
  margin:12px 0 0 0;
  color:var(--mmd-muted);
  font-size:12px;
  line-height:1.35;
}

/* Compare */
.mmd-elec-compare-results{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:12px;
  margin-top:12px;
}
@media (max-width:780px){
  .mmd-elec-compare-results{ grid-template-columns:1fr; }
}
.mmd-elec-compare-card{
  border:1px solid var(--mmd-border);
  border-radius:14px;
  padding:12px;
  background:linear-gradient(to bottom, var(--mmd-soft), transparent);
}
.mmd-elec-compare-title{ color:var(--mmd-muted); font-size:12px; font-weight:800; }
.mmd-elec-compare-value{ font-size:18px; font-weight:900; margin-top:6px; }
.mmd-elec-compare-diff{ border-color:rgba(196,0,1,.35); background:rgba(196,0,1,.07); }



/* === Tabs explicit color fix === */
/* LIGHT MODE: black text */
.mmd-elec-tabs .mmd-elec-tab{
  color:#000000 !important;
}

/* DARK MODE: white text */
@media (prefers-color-scheme: dark){
  .mmd-elec-tabs .mmd-elec-tab{
    color:#ffffff !important;
  }
}



/* === Mobile table: no horizontal scroll (stacked rows) === */
@media (max-width: 640px){
  .mmd-elec-tablewrap{ overflow: visible; border:0; }
  .mmd-elec-table{ min-width: 0 !important; width:100% !important; border:1px solid var(--mmd-border); border-radius:14px; overflow:hidden; }
  .mmd-elec-table thead{ display:none; }
  .mmd-elec-table tbody, .mmd-elec-table tr, .mmd-elec-table td{ display:block; width:100%; }
  .mmd-elec-table tr{
    border-bottom:1px solid var(--mmd-border);
    padding:8px 10px;
  }
  .mmd-elec-table tr:last-child{ border-bottom:0; }
  .mmd-elec-table td{
    border-bottom:0 !important;
    padding:6px 0 !important;
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:flex-start;
    font-size:13px;
  }
  .mmd-elec-table td::before{
    content: attr(data-label);
    color: var(--mmd-muted);
    font-weight:800;
    flex:0 0 auto;
    max-width:42%;
  }
  .mmd-elec-table td[data-label="Ставка"]{
    font-weight:900;
    padding-top:2px !important;
  }
  .mmd-elec-table td[data-label="Ставка"]::before{
    content:"";
    display:none;
  }
  .mmd-elec-table tr.mmd-elec-sep{
    padding:0;
    height:10px;
    background:transparent;
  }
  .mmd-elec-table tr.mmd-elec-sep td{
    display:none;
  }
}



/* === Mobile tabs: stack vertically === */
@media (max-width: 640px){
  .mmd-elec-tabs{ flex-direction:column; }
  .mmd-elec-tab{ width:100%; }
}



/* === Detail toggle: show only summary rows when details are OFF === */
.mmd-elec-details-off .mmd-elec-table tbody tr[data-row="vt1"],
.mmd-elec-details-off .mmd-elec-table tbody tr[data-row="vt2"],
.mmd-elec-details-off .mmd-elec-table tbody tr[data-row="vt3"],
.mmd-elec-details-off .mmd-elec-table tbody tr[data-row="vt4"],
.mmd-elec-details-off .mmd-elec-table tbody tr[data-row="vt_total"],
.mmd-elec-details-off .mmd-elec-table tbody tr[data-row="nt"],
.mmd-elec-details-off .mmd-elec-table tbody tr[data-row="energy_total"],
.mmd-elec-details-off .mmd-elec-table tbody tr.mmd-elec-sep,
.mmd-elec-details-off .mmd-elec-table tbody tr[data-row="transdist_avg"],
.mmd-elec-details-off .mmd-elec-table tbody tr[data-row="access"],
.mmd-elec-details-off .mmd-elec-table tbody tr[data-row="transdist_kwh"],
.mmd-elec-details-off .mmd-elec-footnotes{
  display:none !important;
}