:root {
  --energy-green: #4fb879;
  --energy-green-strong: #79d39b;
  --energy-green-soft: rgb(79 184 121 / 12%);
  --energy-green-line: rgb(79 184 121 / 36%);
}

.energy-csv-action,
.energy-excel-action {
  border-color: var(--energy-green-line) !important;
  color: var(--energy-green-strong) !important;
  background: linear-gradient(135deg, rgb(79 184 121 / 16%), rgb(79 184 121 / 7%)) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 5%), 0 8px 24px rgb(15 80 43 / 10%) !important;
  backdrop-filter: blur(12px);
}

.energy-csv-action:hover,
.energy-excel-action:hover:not(:disabled) {
  border-color: rgb(121 211 155 / 62%) !important;
  color: #d8f6e3 !important;
  background: linear-gradient(135deg, rgb(79 184 121 / 25%), rgb(79 184 121 / 12%)) !important;
}

.energy-csv-action i,
.energy-excel-action i {
  color: var(--energy-green-strong);
}

[data-theme="light"] .energy-csv-action,
[data-theme="light"] .energy-excel-action {
  color: #207347 !important;
  background: linear-gradient(135deg, rgb(32 115 71 / 13%), rgb(32 115 71 / 5%)) !important;
}
.energy-table tbody tr td:first-child{padding-right:76px}
.energy-edit-button{position:absolute;right:40px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:28px;height:28px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--accent);cursor:pointer}
.energy-table .energy-delete-button{opacity:.8}
.energy-edit-button:hover,.energy-edit-button:focus-visible{border-color:var(--line);background:var(--accent-soft)}
.energy-source-section .energy-totals-grid article{position:relative}
.energy-total-edit{position:absolute;top:50%;right:12px;transform:translateY(-50%);border:0;border-radius:8px;background:transparent;color:var(--accent);padding:8px;cursor:pointer}
.energy-total-edit:hover,.energy-total-edit:focus-visible{background:var(--accent-soft)}
.energy-table .occupancy-room-cell input,.energy-table .occupancy-pax-cell input{appearance:textfield;-moz-appearance:textfield;padding-right:42px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:var(--canvas-soft)!important;box-sizing:border-box}
.energy-table .occupancy-room-cell input::-webkit-inner-spin-button,.energy-table .occupancy-room-cell input::-webkit-outer-spin-button,.energy-table .occupancy-pax-cell input::-webkit-inner-spin-button,.energy-table .occupancy-pax-cell input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.energy-table .occupancy-room-cell [data-occupancy-edit],.energy-table .occupancy-pax-cell [data-occupancy-edit]{position:absolute;right:8px;top:50%;width:30px;height:30px;transform:translateY(-50%);display:grid;place-items:center;border:0;border-radius:7px;color:var(--accent);background:transparent;cursor:pointer}
.energy-table .occupancy-room-cell [data-occupancy-edit]:hover,.energy-table .occupancy-pax-cell [data-occupancy-edit]:hover{background:var(--accent-soft)}
.energy-table .occupancy-room-cell input:focus,.energy-table .occupancy-pax-cell input:focus{border-color:var(--accent)!important;box-shadow:inset 0 -2px var(--accent)!important}
