#localCalculator {
      background: #fff;

    }






     .localButton {
      background: green;
      color: #fff;
      border: none;
      padding: 0.7rem 1.2rem;
      font-size: 1rem;
      border-radius: 4px;
      cursor: pointer;
      margin-top: 1rem;
    }

     .localButton:hover {
      opacity: 1;
            background: rgb(0, 102, 0);
    }
     .localButton:focus {
      opacity: 1;
            background: rgb(0, 102, 0);
    }
    #result {
      margin-top: 2rem;
    }



.localChooseCon {border:2px solid #efefef;padding:20px;border-radius:5px;}
.localChooseTitle {font-weight:bold;font-size:1.1rem;display:flex;gap:5px;align-items: center;gray;padding-bottom:4px;}
.localChooseCon .localChooseTitle {border-bottom: 4px solid;padding-left:6px;border-image: linear-gradient(to right,#F7BF29 18px, #efefef 0) 1;margin-bottom:0.7rem;}    

.localChoice span {
    display: flex;
    align-items: center;
    position: relative;
    flex: 0 0 86px;
    width: 100%;
    padding-left: 5px; 
    background-color:#efefef;
}

.localChoice span:focus-within,.localChoice span:focus-within * {
    background-color:#555555;color:white !important;
}


.localChoice input::selection {background-color: black;}

.localChoice input {
    display: flex;
    background-color:#efefef;
    align-items: stretch;
    border:0px;
    width: 100%;
    font-weight: bold;
}
.localChoice label {
    display: flex;
    align-items: center;
    flex: 0 0 145px;
}
.localChoice {
    display: flex;
    flex-direction: row;
    gap: 5px;
    margin: 10px 0px;
    position: relative;
    min-height: 1.5rem;
}

.localChoice span[data-type="euro"]::before {
    content: "€";
    font-weight: bold;
    padding-right: 3px;
}

.localChoice span[data-type="kwh"]::after {
    content: "kWh";
    font-size:0.6rem;
    padding-right:4px;
    top:1px;
    position: relative;
}

.localChoice input[type='number'] {
    -moz-appearance:textfield;
}

.localChoice input::-webkit-outer-spin-button,
.localChoice input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.localChoice input[type=number] {
    -moz-appearance:textfield;
}

#localLifeExpectancyContainer,#locaKwhContainer, #locaMachineAContainer, #locaMachineBContainer {display:none;}
.localSimpleTable {display: grid;grid-template-columns: 160px 220px;}
.localSimpleTable div:nth-child(even) {text-align: right;border-left:1px dotted silver;border-bottom:1px solid silver;padding:3px 2px}
.localSimpleTable div:nth-child(odd) {text-align: left;border-bottom:1px solid silver;;padding:3px 2px}
.localSimpleTable > *:nth-last-child(-n + 2) {border-bottom:0px;}

.localExplain{cursor:pointer;display:flex;align-items: center;justify-content: center;font-size:0.7rem;background-color: #333333;color:white;border-radius:9px;height:18px;width:18px;;padding-top:2px;font-weight:bold;}


table {
  border-collapse: collapse;
  width:100%;
}
th{font-weight:bold;}
th, td {
    text-align: right;

  border-bottom:1px solid silver;
  padding:3px;
}
th:first-child, td:first-child {
    text-align: center;font-weight:bold;
    border-right:3px dashed silver;
}

      .switch-row { background:#fff4c2; font-weight:bold; }

      /* Conditional formatting */
      td[data-diff] {
        font-weight: 600;
      }
      td[data-diff^="-"] { /* negative → green */
        color: #d32f2f;
      }
      td[data-diff]:not([data-diff^="-"]):not([data-diff="0"]) { /* positive → red */
        color: #2e7d32;
      }
      td[data-diff="0"] { /* break-even → neutral */
        color: #222;
      }