#tab-auto-energy [hidden] { display:none!important; }
.ae-shell { display:grid; gap:14px; color:#edf2ff; font-size:13px; }
.ae-header,.ae-heading,.ae-label-row { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.ae-header { padding:14px 2px; }
.ae-header h1 { font-size:26px; margin:5px 0; }
.ae-eyebrow { color:#83b4ff; font-size:10px; letter-spacing:.16em; font-weight:800; }
.ae-header p,.ae-muted { color:#94a5c4; line-height:1.5; margin:6px 0; }
.ae-balance { display:grid; grid-template-columns:1fr auto; align-items:center; gap:4px 14px; padding:12px 16px; border:1px solid #2b3b57; border-radius:13px; background:#142039; }
.ae-balance>span { font-size:11px; color:#a4b4ce; }
.ae-balance strong { font-size:21px; }
.ae-balance button { grid-column:2; grid-row:1/3; }
.ae-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; align-items:start; }
.ae-card { min-width:0; padding:18px; border:1px solid #2a3650; border-radius:14px; background:linear-gradient(135deg,#182137,#11192b); }
.ae-card h2 { font-size:15px; margin:0 0 12px; color:#e2eaff; }
.ae-heading { margin-bottom:10px; }.ae-heading h2 { margin:0; }
.ae-shell button { width:auto; cursor:pointer; padding:8px 12px; border:1px solid #384e70; border-radius:8px; background:#203352; color:#edf2ff; font:inherit; font-weight:600; transition:background .18s,border-color .18s,transform .18s; }
.ae-shell button:hover:not(:disabled) { background:#2a4770; border-color:#6a91c8; transform:translateY(-1px); }
.ae-shell button:active:not(:disabled) { transform:translateY(0); }
.ae-shell button:disabled { opacity:.48; cursor:not-allowed; }
.ae-shell #ae-enable { width:100%; background:linear-gradient(110deg,#326ce4,#3e82ed); border-color:#6596f4; box-shadow:0 4px 16px #2460ce25; }
.ae-shell #ae-enable:hover:not(:disabled) { background:#498bf5; }
.ae-shell input,.ae-shell select { box-sizing:border-box; min-width:0; width:100%; padding:9px 10px; border:1px solid #354661; border-radius:8px; background:#0d1525; color:#edf2ff; font:inherit; }
.ae-shell input[type=date] { color-scheme:dark; }
.ae-shell input[aria-invalid=true] { border-color:#ff8e8e; }
.ae-shell label { display:grid; gap:6px; color:#b4c3dd; font-size:12px; }
.ae-shell form { display:grid; gap:10px; }
.ae-consent { display:flex!important; align-items:flex-start; line-height:1.4; }
.ae-consent input { width:16px; height:16px; flex-shrink:0; margin:1px 0 0; accent-color:#568bf5; }
.ae-shell .ae-hint { margin:0; color:#8fA3c3; line-height:1.5; font-size:12px; }
.ae-terms-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:14px 0; }
.ae-terms-grid>div { border-left:2px solid #3a6097; padding-left:10px; }
.ae-terms-grid strong { display:block; font-size:19px; color:#f1f6ff; margin-top:5px; line-height:1.25; overflow-wrap:anywhere; }
.ae-terms-grid span { font-size:11px; color:#a0b2ce; line-height:1.4; display:block; }
#tab-auto-energy #ae-terms p { line-height:1.5; font-size:12px; }
.ae-included { color:#8fdfbd; margin:10px 0; }
.ae-included::before { content:'✓'; margin-right:7px; }
.ae-terms-details { margin-top:10px; }
.ae-shell details { color:#a4b6d3; font-size:12px; overflow-wrap:anywhere; }
.ae-shell summary { cursor:pointer; color:#95b9ed; padding:4px 0; width:fit-content; }
.ae-shell details[open]>summary { margin-bottom:8px; }
.ae-tools { border-bottom:1px solid #2a3650; margin:0 0 8px; padding-bottom:8px; }
.ae-filters { display:flex!important; flex-wrap:wrap; align-items:end; gap:10px; margin:12px 0 4px; }
.ae-filters label { flex:1 1 120px; }
.ae-shell .ae-filters button { flex:0 0 auto; }
.ae-help { position:relative; flex:none; overflow:visible!important; }
.ae-help summary { display:grid; place-items:center; width:20px; height:20px; box-sizing:border-box; padding:0; border:1px solid #465e85; border-radius:50%; list-style:none; font-size:12px; }
.ae-help summary::-webkit-details-marker { display:none; }
.ae-help p { position:absolute; z-index:5; right:0; top:20px; width:min(260px,65vw); padding:12px; background:#233551; border:1px solid #526f96; box-shadow:0 10px 25px #0006; border-radius:10px; color:#e2ecff; line-height:1.6; }
.ae-sub,.ae-charge { border-top:1px solid #29364e; padding:12px 0; display:grid; gap:8px; }
.ae-sub:first-child,.ae-charge:first-child { border-top:0; }
.ae-sub:last-child,.ae-charge:last-child { padding-bottom:0; }
.ae-sub .ae-heading { margin:0; }
.ae-address { overflow-wrap:anywhere; font-family:monospace; font-size:12px; min-width:0; }
.ae-meta { display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:12px; color:#9bafcb; }
.ae-meta button { padding:5px 9px; font-size:11px; background:#1b2940; }
.ae-tag { display:inline-flex; align-items:center; gap:6px; flex-shrink:0; padding:5px 9px; border:1px solid #44536e; border-radius:20px; font-size:11px; color:#aabbd5; }
.ae-tag.active,.ae-tag.success { color:#86e1b5; border-color:#30624e; background:#193b302e; }
.ae-tag.active::before { content:''; width:6px; height:6px; border-radius:50%; background:#77dbab; box-shadow:0 0 8px #77dbab55; }
.ae-tag.failed,.ae-tag.activation_failed { color:#ffb7b7; }
.ae-tag.pending_activation,.ae-tag.disabling { color:#eed092; border-color:#6e5b37; background:#45371a33; }
.ae-tag.pending_activation::before,.ae-tag.disabling::before,.ae-working::before { content:''; display:inline-block; vertical-align:middle; width:10px; height:10px; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; animation:ae-spin .9s linear infinite; flex-shrink:0; }
button.ae-working::before { margin-right:8px; }
.ae-notice,#ae-message { color:#edcd91; line-height:1.5; font-size:12px; }.ae-notice:empty { display:none; }
.ae-notice:not(:empty) { margin-top:8px; }
#ae-message { padding:10px 14px; border:1px solid #655538; border-radius:10px; background:#29251e; animation:ae-reveal .2s ease-out; }
.ae-empty { display:flex; align-items:center; gap:12px; padding:12px 0; margin:0; color:#8fa5c7; font-size:12px; }
.ae-empty>span { display:grid; place-items:center; width:32px; height:32px; flex:none; background:#253b582e; border:1px solid #354b68; border-radius:10px; font-size:20px; color:#7ca9ed; }
.ae-charge-grid { display:grid; grid-template-columns:1.2fr 1.4fr 1fr .7fr .8fr 1fr; gap:12px; align-items:start; font-size:12px; }
.ae-charge-grid small { display:block; color:#8197b9; margin-bottom:4px; font-size:10px; }
.ae-shell dl { display:grid; grid-template-columns:minmax(100px,1fr) 2fr; gap:6px; }.ae-shell dd { margin:0; overflow-wrap:anywhere; }
.ae-shell dialog { max-width:430px; border:1px solid #465675; border-radius:16px; padding:22px; background:#151f33; color:#edf2ff; }
.ae-shell dialog[open] { animation:ae-reveal .18s ease-out; }
.ae-shell dialog::backdrop { background:#050b18b0; backdrop-filter:blur(3px); }
.ae-shell dialog p { line-height:1.6; font-size:13px; }
.ae-shell dialog button[value=confirm] { background:#542b36; border-color:#8a4b5d; }
.ae-shell :focus-visible { outline:2px solid #9fc6ff; outline-offset:3px; }
@keyframes ae-spin { to { transform:rotate(360deg); } }
@keyframes ae-reveal { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:760px) {
 .ae-header { flex-wrap:wrap; }.ae-header h1 { font-size:24px; }.ae-balance { width:100%; }
 .ae-grid { grid-template-columns:1fr; }.ae-card { padding:14px; }.ae-shell { gap:10px; }
 .ae-terms-grid { gap:8px; }.ae-terms-grid strong { font-size:17px; }.ae-terms-grid>div { padding-left:7px; }
 .ae-charge-grid { grid-template-columns:1fr 1fr; }.ae-sub .ae-heading { align-items:flex-start; flex-wrap:wrap; }
 .ae-shell dl { grid-template-columns:1fr; }.ae-shell dd { margin-bottom:6px; }
}
@media(prefers-reduced-motion:reduce) {
 .ae-shell *,.ae-shell *::before { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
 .ae-shell button:hover:not(:disabled) { transform:none; }
}

.ae-tag.active.ae-working::before { width:10px; height:10px; background:transparent; box-shadow:none; }
/* Dense rows: retain legible type, remove repeated labels and stacked controls. */
.ae-sub { grid-template-columns:minmax(0,1fr) auto; gap:4px 16px; padding:12px 0; align-items:center; }
.ae-sub-title { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.ae-sub-main .ae-address { font-size:13px; }
.ae-sub-actions { justify-content:flex-end; }
.ae-sub-actions button { font-size:12px; }
.ae-billing { color:#a6b8d3; font-size:13px; margin-top:5px; }
.ae-sub-details { grid-column:1 / -1; }
.ae-sub-details summary { padding:0; }
#tab-auto-energy .ae-charge { display:block; padding:0; font-size:13px; }
#tab-auto-energy .ae-charge-grid { display:grid; grid-template-columns:140px 145px minmax(140px,1fr) 95px minmax(130px,1fr) 16px; align-items:center; gap:12px; width:100%; box-sizing:border-box; padding:11px 0; margin:0; color:#d9e4f7; font-size:13px; list-style:none; }
.ae-charge-grid::-webkit-details-marker { display:none; }
#tab-auto-energy .ae-charge-grid small { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.ae-charge-grid .ae-address { font-size:13px; }
.ae-charge-date,.ae-charge-result,.ae-energy-quantity { color:#a6b8d3; }
.ae-charge-amount { font-weight:700; white-space:nowrap; }
.ae-expand { color:#8badde; transition:transform .18s; }
.ae-charge[open] .ae-expand { transform:rotate(180deg); }
.ae-charge-detail { padding:0 12px 12px; background:#0e172630; }
.ae-charge-detail dl { margin:0; padding-top:10px; }
@media(max-width:1100px) {
 .ae-sub { grid-template-columns:1fr; gap:6px; }.ae-sub-actions { justify-content:flex-start; }
 #tab-auto-energy .ae-charge-grid { grid-template-columns:125px 120px minmax(100px,1fr) 90px minmax(100px,1fr) 14px; gap:8px; }
}
@media(max-width:760px) {
 #tab-auto-energy .ae-charge-grid { grid-template-columns:minmax(0,1fr) auto 14px; gap:4px 10px; padding:10px 0; }
 .ae-charge-operation { grid-column:1; grid-row:1; }
 .ae-charge-amount { grid-column:2; grid-row:1; text-align:right; }
 .ae-charge-date { grid-column:1; grid-row:2; }
 .ae-charge-result { grid-column:2; grid-row:2 / 4; text-align:right; max-width:150px; }
 .ae-charge-grid .ae-address { grid-column:1; grid-row:3; }
 .ae-expand { grid-column:3; grid-row:1 / 4; }
}
.ae-explainer { padding:14px 18px; border-left:2px solid #568bf5; background:#19304a40; border-radius:0 12px 12px 0; }
.ae-explainer h2 { font-size:15px; margin:0 0 7px; color:#e2eaff; }
.ae-explainer p { margin:0; font-size:13px; line-height:1.6; color:#b5c7e1; }
.ae-explainer .ae-pause { margin-top:7px; color:#eed092; }
.ae-connection-id { display:flex; align-items:center; gap:5px; }
.ae-shell .ae-icon-button { display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; padding:5px; box-sizing:border-box; border:0; background:transparent; border-radius:5px; color:#8fb8ef; cursor:pointer; flex:none; text-decoration:none; }
.ae-shell .ae-icon-button:hover { background:#36527b70; color:#c0daff; }
.ae-icon-button svg { width:17px; height:17px; }
.ae-delegation { display:flex; justify-content:flex-end; }
#tab-auto-energy .ae-charge-grid { grid-template-columns:140px 175px minmax(120px,1fr) 95px minmax(100px,1fr) 28px; }
@media(max-width:1100px) { #tab-auto-energy .ae-charge-grid { grid-template-columns:125px 165px minmax(100px,1fr) 90px minmax(100px,1fr) 28px; } }
@media(max-width:760px) {
 #tab-auto-energy .ae-charge-grid { grid-template-columns:minmax(0,1fr) auto 28px; }
 .ae-delegation { grid-column:3; grid-row:1 / 4; }
 .ae-explainer { padding:12px 14px; }
}
.ae-connection-id>span { white-space:nowrap; }
@media(max-width:760px) { .ae-charge-result { max-width:120px; } }
.ae-shell .ae-consent { padding:11px 12px; gap:10px; border:1px solid #344760; border-radius:10px; background:#10203970; cursor:pointer; transition:background .18s,border-color .18s; }
.ae-shell .ae-consent:has(input:checked) { border-color:#4c81d1; background:#214a7b38; }
.ae-shell .ae-consent:has(input:disabled) { cursor:not-allowed; opacity:.6; }
.ae-shell .ae-consent input { appearance:none; -webkit-appearance:none; display:grid; place-content:center; width:20px; height:20px; padding:0; border:1.5px solid #607a9f; border-radius:6px; background:#0d192c; cursor:inherit; }
.ae-shell .ae-consent input:checked { background:#3979e5; border-color:#75aaff; box-shadow:0 0 0 3px #4b87e51c; }
.ae-consent input::after { content:''; width:8px; height:4px; border-left:2px solid white; border-bottom:2px solid white; transform:translateY(-1px) rotate(-45deg) scale(0); transition:transform .15s; }
.ae-consent input:checked::after { transform:translateY(-1px) rotate(-45deg) scale(1); }
#ae-conditions-card { transition:border-color .25s,box-shadow .25s; scroll-margin:18px; }
#ae-conditions-card.ae-conditions-highlight { border-color:#7caeff; box-shadow:0 0 0 3px #679dff36,0 0 24px #4f86e52b; }
.ae-tariff-note { color:#a9bddb; margin:8px 0; }
#tab-auto-energy .ae-charge-grid { grid-template-columns:140px 175px minmax(120px,1fr) 95px minmax(100px,1fr) 60px; }
#tab-auto-energy .ae-history-heading { color:#9fb3d1; font-size:13px; font-weight:600; border-bottom:1px solid #35445f; padding:10px 0; }
.ae-heading-explorer { text-align:right; }
@media(max-width:1100px) { #tab-auto-energy .ae-charge-grid { grid-template-columns:125px 165px minmax(100px,1fr) 90px minmax(100px,1fr) 60px; } }
@media(max-width:760px) {
 #tab-auto-energy .ae-charge-grid { grid-template-columns:minmax(0,1fr) auto 28px; }
 .ae-heading-date,.ae-heading-id,.ae-heading-result,.ae-heading-explorer>span { display:none; }
 .ae-heading-explorer::after { content:'↗'; }
 .ae-heading-operation { grid-column:1; }.ae-heading-amount { grid-column:2; text-align:right; }.ae-heading-explorer { grid-column:3; }
}
/* Connection cards: subdued surfaces with small, purposeful color accents. */
#ae-subscriptions { display:grid; gap:8px; }
.ae-shell .ae-wallet-card { padding:14px 16px; border:1px solid #29364b; border-radius:12px; background:#101a2b; grid-template-columns:minmax(0,1fr) auto; gap:8px 16px; transition:border-color .2s,background .2s; }
.ae-shell .ae-wallet-card:first-child { border-top:1px solid #29364b; }
.ae-shell .ae-wallet-card:last-child { padding-bottom:14px; }
.ae-shell .ae-wallet-card:hover { border-color:#3a506d; background:#121e30; }
.ae-shell .ae-wallet-active { border-color:#24473f; background:linear-gradient(110deg,#11252155,#101a2b 55%); }
.ae-wallet-icon { width:32px; height:32px; display:grid; place-items:center; flex:none; border-radius:9px; background:#223650; color:#6fa9f4; }
.ae-wallet-icon svg { width:21px; height:21px; }
.ae-wallet-active .ae-wallet-icon { background:#163c32; color:#56d69b; }
.ae-wallet-card .ae-sub-title { flex-wrap:nowrap; gap:10px; }
.ae-wallet-card .ae-address { color:#b9d8ff; font-size:13px; }
.ae-wallet-card .ae-tag { margin-left:auto; border:0; background:#233047; padding:4px 9px; font-size:12px; }
.ae-wallet-card .ae-tag.active { color:#65dfa0; background:#17392d; }
.ae-wallet-card .ae-tag.pending_activation,.ae-wallet-card .ae-tag.disabling { background:#3a301c; color:#efcc83; }
.ae-wallet-card .ae-billing { margin-left:42px; color:#99adc8; }
.ae-wallet-card .ae-sub-actions { align-self:center; gap:6px; }
.ae-wallet-card .ae-sub-actions button { padding:7px 10px; background:transparent; border-color:transparent; color:#79aff6; font-size:13px; }
.ae-wallet-card .ae-sub-actions [data-disable] { border-color:#39465a; color:#aab9cf; }
.ae-wallet-card .ae-sub-actions [data-disable]:hover:not(:disabled) { border-color:#8b525c; color:#f6b6c1; background:#4b263433; }
.ae-wallet-card .ae-sub-actions [data-reconnect] { background:#17382e; color:#65dfa0; border-color:#275140; }
.ae-wallet-card .ae-sub-details { margin-left:42px; }
.ae-wallet-card .ae-sub-details summary { color:#8299b9; }
@media(max-width:1100px) {
 .ae-shell .ae-wallet-card { grid-template-columns:1fr; }
 .ae-wallet-card .ae-sub-actions { margin-left:42px; }
}
@media(max-width:540px) {
 .ae-shell .ae-wallet-card { padding:12px; }
 .ae-wallet-card .ae-sub-title { display:grid; grid-template-columns:32px minmax(0,1fr); }
 .ae-wallet-card .ae-tag { grid-column:2; justify-self:start; margin-left:0; }
 .ae-wallet-card .ae-sub-actions { flex-wrap:wrap; }
}
/* Reference layout: three accented panels and continuous table surfaces. */
#tab-auto-energy .ae-shell { gap:18px; }
#tab-auto-energy .ae-header { padding:10px 0 4px; }
#tab-auto-energy .ae-header h1 { font-size:28px; }
#tab-auto-energy .ae-grid { grid-template-columns:1fr 1fr 1.12fr; gap:16px; align-items:stretch; }
#tab-auto-energy .ae-card { padding:20px; border:1px solid #30435c; border-radius:18px; background:linear-gradient(145deg,#162337,#0e1a2b); box-shadow:inset 0 1px 0 #ffffff06; }
#tab-auto-energy .ae-card h2 { font-size:17px; color:#edf3ff; margin-bottom:16px; }
#tab-auto-energy .ae-account-card { box-shadow:inset 0 3px 0 #39bdec; }
#tab-auto-energy #ae-conditions-card { box-shadow:inset 0 3px 0 #9f84f4; }
#tab-auto-energy .ae-connect-card { box-shadow:inset 0 3px 0 #37d5ae; }
#tab-auto-energy #ae-conditions-card.ae-conditions-highlight { box-shadow:inset 0 3px 0 #9f84f4,0 0 0 3px #679dff36; }
#tab-auto-energy .ae-balance { padding:15px; grid-template-columns:1fr; background:#12333270; border-color:#235b53; border-radius:13px; gap:8px; }
#tab-auto-energy .ae-balance strong { color:#76e8c7; font-size:24px; }
#tab-auto-energy .ae-balance button { grid-column:auto; grid-row:auto; margin-top:3px; }
#tab-auto-energy .ae-explainer { padding:16px 0 0; border:0; background:none; }
#tab-auto-energy .ae-explainer h2 { font-size:14px; line-height:1.5; margin-bottom:8px; }
#tab-auto-energy .ae-pause { border:1px dashed #27556c; border-radius:10px; background:#0e33454d; color:#b8d1e2; padding:10px; margin-top:12px; }
#tab-auto-energy .ae-terms-grid { display:grid; grid-template-columns:1fr; gap:0; padding:12px 14px; margin:0 0 12px; border:1px solid #263b52; border-radius:13px; background:#0b1829; }
#tab-auto-energy .ae-terms-grid>div { border:0; padding:7px 0; }
#tab-auto-energy .ae-terms-grid span { font-size:13px; }
#tab-auto-energy .ae-terms-grid strong { color:#c4b4ff; font-size:22px; }
#tab-auto-energy .ae-shell button { border-radius:10px; }
#tab-auto-energy .ae-shell input:not([type=checkbox]),#tab-auto-energy .ae-shell select { background:#091626; border-color:#2b4058; padding:11px 12px; border-radius:11px; font-size:14px; }
#tab-auto-energy #ae-enable { background:linear-gradient(120deg,#168876,#12634f); border-color:#30ab91; color:#e5fff6; box-shadow:none; padding:11px 12px; }
#tab-auto-energy .ae-connect-card form { gap:14px; }
#tab-auto-energy .ae-list-card { padding:20px; }
#tab-auto-energy .ae-list-card>.ae-heading { justify-content:flex-start; gap:18px; margin-bottom:16px; }
#tab-auto-energy .ae-list-card>.ae-heading h2 { margin:0; }
#tab-auto-energy .ae-list-card>.ae-heading button { padding:9px 24px; background:linear-gradient(#20354d,#17283d); border-color:#354e6a; }
#tab-auto-energy .ae-tools { border-bottom:0; margin-bottom:12px; padding-bottom:0; }
#tab-auto-energy .ae-subscriptions-heading,#tab-auto-energy .ae-wallet-row { display:grid; grid-template-columns:minmax(0,1fr) 125px 235px; gap:16px; align-items:center; }
#tab-auto-energy .ae-subscriptions-heading { background:#0b1c2f; padding:12px; color:#a9bed7; font-size:14px; font-weight:650; border-bottom:1px solid #31465e; }
#tab-auto-energy .ae-subscriptions-heading>span:last-child { text-align:right; }
#tab-auto-energy #ae-subscriptions { gap:0; }
#tab-auto-energy .ae-wallet-row { border:0; border-bottom:1px solid #2b4058; border-radius:0; padding:13px 12px; background:none; }
#tab-auto-energy .ae-wallet-row:last-child { border-bottom:0; }
#tab-auto-energy .ae-wallet-row:hover { background:#1d344628; }
#tab-auto-energy .ae-wallet-row .ae-address { font-size:14px; color:#e0eafa; }
#tab-auto-energy .ae-wallet-row .ae-billing { margin-top:6px; font-size:13px; color:#99aec9; }
#tab-auto-energy .ae-wallet-row .ae-sub-details { margin-top:5px; }
#tab-auto-energy .ae-wallet-row .ae-sub-details summary { font-size:12px; color:#8eabc9; }
#tab-auto-energy .ae-sub-status { align-self:start; padding-top:3px; }
#tab-auto-energy .ae-sub-status .ae-tag { font-size:12px; border-radius:20px; padding:6px 10px; }
#tab-auto-energy .ae-tag.disabled,#tab-auto-energy .ae-tag.activation_failed { color:#e9a5b7; background:#47293480; border-color:#774452; }
#tab-auto-energy .ae-wallet-row .ae-sub-actions { justify-content:flex-end; gap:8px; }
#tab-auto-energy .ae-wallet-row .ae-sub-actions button { font-size:13px; padding:8px 10px; }
#tab-auto-energy .ae-sub-actions [data-history] { color:#62c8ef; border-color:transparent; background:transparent; padding-left:0; padding-right:0; }
#tab-auto-energy .ae-sub-actions [data-disable] { color:#e4a1b4; background:#412635; border-color:#674052; }
#tab-auto-energy .ae-sub-actions [data-reconnect] { color:#8ce8c9; background:#164536; border-color:#2a725b; }
#tab-auto-energy .ae-history-heading { background:#0b1c2f; padding:12px; color:#b4c7df; border-color:#31465e; font-size:14px; }
#tab-auto-energy .ae-charge-grid { padding:12px; font-size:14px; }
#tab-auto-energy .ae-charge { border-color:#2b4058; }
#tab-auto-energy .ae-charge .ae-address { color:#63c8f0; font-size:13px; }
#tab-auto-energy .ae-charge-amount { color:#f2bac4; }
#tab-auto-energy #ae-more-subscriptions,#tab-auto-energy #ae-more-history { margin-top:12px; }
@media(max-width:1050px) {
 #tab-auto-energy .ae-grid { grid-template-columns:1fr 1fr; }
 #tab-auto-energy .ae-account-card { grid-column:1/-1; display:grid; grid-template-columns:240px 1fr; gap:0 20px; }
 #tab-auto-energy .ae-account-card>h2 { grid-column:1/-1; }
 #tab-auto-energy .ae-account-card .ae-explainer { padding:0; }
 #tab-auto-energy .ae-subscriptions-heading,#tab-auto-energy .ae-wallet-row { grid-template-columns:minmax(0,1fr) 110px 180px; gap:10px; }
}
@media(max-width:760px) {
 #tab-auto-energy .ae-grid { grid-template-columns:1fr; }
 #tab-auto-energy .ae-account-card { display:block; }
 #tab-auto-energy .ae-account-card .ae-explainer { padding-top:14px; }
 #tab-auto-energy .ae-card,#tab-auto-energy .ae-list-card { padding:15px; }
 #tab-auto-energy .ae-subscriptions-heading { display:none; }
 #tab-auto-energy .ae-wallet-row { grid-template-columns:minmax(0,1fr) auto; padding:12px 0; gap:8px; }
 #tab-auto-energy .ae-wallet-row .ae-sub-main { grid-column:1/-1; }
 #tab-auto-energy .ae-wallet-row .ae-sub-status { grid-column:1; grid-row:2; }
 #tab-auto-energy .ae-wallet-row .ae-sub-actions { grid-column:2; grid-row:2; }
 #tab-auto-energy .ae-wallet-row .ae-sub-actions button { padding:7px; font-size:12px; }
 #tab-auto-energy .ae-charge-grid { padding:10px 0; }
 #tab-auto-energy .ae-history-heading { padding:10px 6px; }
}
#tab-auto-energy .ae-balance { box-sizing:border-box; min-width:0; }
#tab-auto-energy .ae-sub-main { min-width:0; }
@media(max-width:540px) {
 #tab-auto-energy .ae-wallet-row .ae-sub-actions { grid-column:1/-1; grid-row:3; justify-content:flex-start; }
}
/* One shared panel for the service explanation, terms and connection form. */
#tab-auto-energy .ae-setup { box-shadow:inset 0 3px 0 #37d5ae; }
#tab-auto-energy .ae-setup>.ae-explainer { padding:0 0 18px; border-bottom:1px solid #2b4058; }
#tab-auto-energy .ae-setup>.ae-explainer h2 { font-size:17px; margin-bottom:8px; }
#tab-auto-energy .ae-setup>.ae-explainer .ae-pause { padding:10px 12px; }
#tab-auto-energy .ae-setup-columns { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; padding-top:18px; align-items:start; }
#tab-auto-energy .ae-setup #ae-conditions-card { min-width:0; border:1px solid transparent; border-radius:10px; padding:10px; margin:-10px; box-shadow:none; }
#tab-auto-energy .ae-setup #ae-conditions-card.ae-conditions-highlight { border-color:#7caeff; box-shadow:0 0 0 3px #679dff25; }
#tab-auto-energy .ae-setup-form { min-width:0; border-left:1px solid #2b4058; padding-left:24px; }
#tab-auto-energy .ae-setup-form form { gap:14px; }
@media(max-width:760px) {
 #tab-auto-energy .ae-setup-columns { grid-template-columns:1fr; gap:20px; }
 #tab-auto-energy .ae-setup-form { border-left:0; border-top:1px solid #2b4058; padding:18px 0 0; }
}
/* Customer-facing ledger with progressively disclosed transaction details. */
#tab-auto-energy .ae-transactions { min-width:0; }
.ae-transactions-header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
#tab-auto-energy .ae-transactions-header h2 { margin:0; }
.ae-history-actions { display:flex; align-items:center; gap:8px; }
#tab-auto-energy .ae-history-actions button { padding:7px 10px; font-size:13px; min-width:0; background:#15273e; }
#tab-auto-energy #ae-refresh-history { width:34px; height:34px; padding:0; font-size:21px; }
#tab-auto-energy #ae-refresh-history:disabled { animation:ae-refresh-spin 1s linear infinite; }
@keyframes ae-refresh-spin { to { transform:rotate(360deg); } }
.ae-transactions-scroll { min-width:0; }
#tab-auto-energy .ae-transactions .ae-charge-grid { display:grid; grid-template-columns:minmax(175px,1.1fr) minmax(180px,1.5fr) minmax(125px,.8fr) 125px; gap:16px; align-items:center; padding:12px 8px; min-height:64px; width:100%; box-sizing:border-box; font-size:14px; line-height:1.4; }
#tab-auto-energy .ae-transactions .ae-history-heading { min-height:32px; padding:6px 8px; background:none; color:#8195b0; border-bottom:1px solid #2b4058; font-size:12px; font-weight:500; }
#tab-auto-energy .ae-history-heading>span:nth-child(3) { text-align:right; }
#tab-auto-energy .ae-transactions .ae-charge { padding:0; margin:0; border:0; border-bottom:1px solid #293b514f; }
.ae-transactions .ae-charge>summary { cursor:pointer; list-style:none; border-radius:6px; transition:background .15s; }
.ae-transactions .ae-charge>summary::-webkit-details-marker { display:none; }
.ae-transactions .ae-charge>summary:hover,.ae-transactions .ae-charge[open]>summary { background:#22364d65; }
.ae-transactions .ae-charge>summary:focus-visible { outline:2px solid #63c8f0; outline-offset:-2px; }
.ae-day-heading { padding:16px 8px 4px; color:#91a6c2; font-size:12px; font-weight:600; }
.ae-operation-name { display:flex; gap:10px; align-items:center; min-width:0; font-weight:550; }
.ae-operation-icon { display:grid; place-items:center; width:30px; height:30px; flex:none; border-radius:10px; background:#42336166; color:#b9a6f2; font-size:21px; }
.ae-icon-open { background:#24466366; color:#7cc5ed; }
.ae-icon-energy { background:#3b365a66; color:#b8acf3; }
.ae-operation-description { min-width:0; color:#a1b3cb; font-size:13px; }
.ae-operation-status { display:block; color:#8499b4; font-size:12px; }
.ae-tx-amount { text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; font-weight:600; }
.ae-tx-debit { color:#e7a5ae; }
.ae-operation-date { display:flex; align-items:center; justify-content:space-between; gap:8px; color:#91a6c2; font-size:12px; font-variant-numeric:tabular-nums; }
.ae-row-chevron { color:#7e95b3; transition:transform .15s; }
.ae-charge[open] .ae-row-chevron { transform:rotate(180deg); }
.ae-operation-detail { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px 24px; margin:0 8px 12px 48px; padding:16px; background:#0c192b70; border-radius:8px; font-size:13px; }
.ae-operation-detail>div { min-width:0; overflow-wrap:anywhere; }
.ae-operation-detail>div>span:first-child { display:block; margin-bottom:4px; color:#8197b3; font-size:12px; }
.ae-operation-detail strong { font-weight:400; }
.ae-operation-detail .ae-connection-id { display:flex; color:#c2d1e4; }
.ae-operation-detail .ae-delegation { display:block; }
.ae-operation-detail a { color:#63c8f0; text-decoration:none; }
.ae-operation-detail a:hover { text-decoration:underline; }
.ae-operation-hash { grid-column:1/-1; }
@media(max-width:760px) {
 #tab-auto-energy .ae-transactions .ae-charge-grid { grid-template-columns:minmax(0,1fr) auto; gap:4px 12px; min-height:72px; padding:10px 0; }
 #tab-auto-energy .ae-transactions .ae-history-heading { display:none; }
 .ae-operation-name { grid-column:1; grid-row:1; font-size:13px; gap:8px; }
 .ae-operation-icon { width:26px; height:26px; border-radius:8px; }
 .ae-operation-description { grid-column:1; grid-row:2; padding-left:34px; font-size:12px; }
 .ae-tx-amount { grid-column:2; grid-row:1; font-size:13px; }
 .ae-operation-date { grid-column:2; grid-row:2; font-size:11px; }
 .ae-operation-detail { grid-template-columns:1fr; margin:0 0 12px; }
}
@media(prefers-reduced-motion:reduce) {
 #tab-auto-energy #ae-refresh-history:disabled { animation:none; }
 .ae-row-chevron,.ae-transactions .ae-charge>summary { transition:none; }
}
/* Wallets: current connections first, previous addresses secondary. */
.ae-wallet-summary { display:flex; flex-wrap:wrap; gap:18px 36px; padding:14px 0 18px; }
.ae-wallet-summary>div { display:grid; gap:5px; }
.ae-wallet-summary span { color:#91a6c2; font-size:12px; }
.ae-wallet-summary strong { font-size:18px; font-weight:600; }
.ae-wallet-search { display:flex; gap:8px; max-width:440px; margin:0 0 16px; }
#tab-auto-energy .ae-wallet-search input { margin:0; }
#tab-auto-energy .ae-wallet-columns { display:grid; grid-template-columns:minmax(170px,1.2fr) 115px minmax(175px,1.2fr) minmax(160px,1fr); align-items:center; gap:12px; }
#tab-auto-energy #ae-subscriptions-heading { padding:8px; color:#8195b0; font-size:12px; border-bottom:1px solid #293b51; }
#tab-auto-energy #ae-subscriptions { display:block; }
#tab-auto-energy .ae-wallet-entry { display:block; padding:0; margin:0; background:none; border:0; border-bottom:1px solid #293b514f; }
.ae-wallet-entry>.ae-wallet-columns { min-height:70px; padding:8px; box-sizing:border-box; }
.ae-wallet-address { display:flex; align-items:center; min-width:0; gap:3px; }
#tab-auto-energy .ae-wallet-expand { padding:0; border:0; background:none; font-family:monospace; font-size:14px; font-weight:500; color:#d6e3f3; }
#tab-auto-energy .ae-wallet-address .ae-icon-button { width:24px; height:24px; padding:0; color:#829bb9; }
.ae-wallet-status { display:flex; align-items:center; gap:6px; font-size:12px; color:#9aaec8; }
.ae-wallet-status::before { content:''; width:5px; height:5px; border-radius:50%; background:#6e8099; flex:none; }
.ae-wallet-status.active { color:#82d6b6; }.ae-wallet-status.active::before { background:#64cfa4; }
.ae-wallet-status.pending_activation::before,.ae-wallet-status.disabling::before { background:#e1c184; }
.ae-wallet-billing { color:#9eafc6; font-size:12px; }
#tab-auto-energy .ae-wallet-billing .ae-billing { margin:0; font-size:12px; }
.ae-wallet-billing strong { color:#c2d1e4; font-weight:500; white-space:nowrap; }
.ae-wallet-actions { display:flex; align-items:center; justify-content:flex-end; gap:6px; }
#tab-auto-energy .ae-wallet-actions>button { border:0; background:none; padding:6px; color:#92b7de; font-size:12px; font-weight:500; }
#tab-auto-energy .ae-wallet-actions>button[data-reconnect] { color:#85d2ba; }
.ae-wallet-menu { position:relative; }
.ae-wallet-menu>summary { display:grid; place-items:center; list-style:none; width:30px; height:30px; border-radius:6px; cursor:pointer; font-size:22px; color:#a3b7ce; }
.ae-wallet-menu>summary::-webkit-details-marker { display:none; }
.ae-wallet-menu[open]>summary,.ae-wallet-menu>summary:hover { background:#253a52; }
.ae-wallet-menu>div { position:absolute; z-index:5; right:0; top:34px; min-width:150px; padding:5px; background:#172a40; border:1px solid #344961; border-radius:9px; box-shadow:0 8px 24px #0005; }
#tab-auto-energy .ae-wallet-menu button { display:block; width:100%; text-align:left; font-size:13px; background:none; border:0; }
#tab-auto-energy .ae-wallet-menu button[data-disable] { color:#e3a7b1; }
.ae-wallet-detail>summary { display:none; }
.ae-wallet-detail .ae-operation-detail { margin:0 8px 12px; }
#ae-disabled-wallets { border-top:1px solid #293b51; margin-top:12px; }
#ae-disabled-title { padding:16px 8px; font-size:13px; color:#8ea3bd; cursor:pointer; }
@media(max-width:760px) {
 #tab-auto-energy #ae-subscriptions-heading { display:none; }
 #tab-auto-energy .ae-wallet-columns { grid-template-columns:minmax(0,1fr) auto; gap:8px; }
 .ae-wallet-address { grid-column:1; grid-row:1; }
 .ae-wallet-status { grid-column:2; grid-row:1; justify-self:end; }
 .ae-wallet-billing { grid-column:1; grid-row:2; }
 .ae-wallet-actions { grid-column:2; grid-row:2; }
 .ae-wallets>.ae-heading { flex-wrap:wrap; }
 .ae-wallet-summary { gap:14px 20px; }
 .ae-wallet-summary strong { font-size:16px; }
}
.ae-wallet-status.pending_activation::before,.ae-wallet-status.disabling::before { width:8px; height:8px; box-sizing:border-box; border:1px solid #e1c18455; border-top-color:#e1c184; background:none; animation:ae-spin 1s linear infinite; }
@media(prefers-reduced-motion:reduce) { .ae-wallet-status.pending_activation::before,.ae-wallet-status.disabling::before { animation:none; } }
#tab-auto-energy .ae-wallet-search { display:flex; flex-direction:row; align-items:center; gap:8px; }
#tab-auto-energy .ae-wallet-search input { flex:1; width:0; }
#tab-auto-energy .ae-wallet-search button { width:auto; flex:none; }
#tab-auto-energy .ae-wallets>.ae-heading { justify-content:space-between; }
.ae-wallet-entry>.ae-wallet-columns { cursor:pointer; }
.ae-wallet-entry>.ae-wallet-columns:hover { background:#22364d35; }
/* A concise offer and a transparent connection form. */
#tab-auto-energy .ae-setup { box-shadow:none; padding:22px; }
#tab-auto-energy .ae-setup-columns { padding:0; gap:28px; }
#tab-auto-energy .ae-setup-overview { min-width:0; }
#tab-auto-energy .ae-setup .ae-explainer { padding:0; border:0; border-radius:0; background:none; }
#tab-auto-energy .ae-setup .ae-explainer h2 { font-size:21px; margin:0 0 8px; }
#tab-auto-energy .ae-setup .ae-explainer p { font-size:14px; line-height:1.5; }
.ae-benefits { list-style:none; display:grid; gap:8px; padding:0; margin:18px 0; color:#c3d2e5; font-size:13px; }
.ae-benefits li { display:flex; gap:9px; }
.ae-benefits li::before { content:'✓'; color:#72c8ab; }
.ae-price-primary,.ae-price-energy { display:grid; gap:4px; }
.ae-price-primary { padding-top:16px; border-top:1px solid #293b51; }
.ae-price-primary>strong { font-size:25px; font-weight:650; }
.ae-price-primary>strong>span { font-size:14px; color:#9dafc8; font-weight:400; }
.ae-price-primary>span,.ae-price-energy>span { font-size:12px; color:#8fa5bf; }
.ae-price-energy { margin-top:14px; }
.ae-price-energy>strong { font-size:14px; font-weight:500; color:#c4d3e7; }
.ae-price-minimum { margin:14px 0 6px; color:#99aec8; font-size:12px; }
.ae-price-minimum strong { font-weight:500; color:#bccde1; }
.ae-price-note { font-size:12px; line-height:1.5; color:#8197b3; margin:0; }
#tab-auto-energy .ae-setup #ae-conditions-card { margin:16px 0 0; padding:10px 0 0; border:0; border-top:1px solid #293b51; border-radius:0; }
#tab-auto-energy #ae-conditions-card>summary { font-size:13px; color:#9bbdde; cursor:pointer; }
#tab-auto-energy #ae-conditions-card p { color:#9fb2ca; font-size:13px; line-height:1.6; }
#tab-auto-energy .ae-setup-form { padding-left:28px; }
#tab-auto-energy .ae-setup-form form { gap:10px; }
#tab-auto-energy .ae-setup-form h2 { font-size:17px; margin-bottom:18px; }
#tab-auto-energy .ae-setup .ae-consent { background:none; padding:8px 0; border-color:transparent; }
#tab-auto-energy .ae-setup #ae-unavailable:empty { display:none; }
.ae-payment-preview { font-size:12px; line-height:1.5; color:#93a8c3; }
.ae-payment-preview p { margin:4px 0; }
.ae-payment-preview strong { color:#d3e1f2; font-weight:600; }
#tab-auto-energy .ae-setup .ae-pause { margin:16px 0 0; padding:12px 0 0; border:0; border-top:1px solid #293b51; background:none; color:#839bb7; font-size:12px; line-height:1.5; }
@media(max-width:760px) {
 #tab-auto-energy .ae-setup { padding:16px; }
 #tab-auto-energy .ae-setup-columns { gap:20px; }
 #tab-auto-energy .ae-setup-form { padding:18px 0 0; }
}
.ae-price-minimum strong { white-space:nowrap; }
#tab-auto-energy .ae-setup .ae-pause { border-radius:0; }