.portfolio-card .card-number{color:#0b8eb4}
body.portfolio-body{background:#e7ebed;color:#21333b;font-family:Arial,Helvetica,sans-serif;--pfc-power:#164653;--pfc-gas:#b4bd00}
body.portfolio-body .topbar{height:42px;padding:0 14px;background:#164653;border:0;color:#fff}
body.portfolio-body .brand{width:230px;height:36px;color:#fff}.portfolio-body .brand img{max-height:31px;object-fit:contain}.portfolio-body .neutral-brand{color:#fff;font-size:15px;letter-spacing:.01em}.portfolio-body .account{font-size:12px;color:#fff}.portfolio-body .account-admin,.portfolio-body .link{color:#fff;border-color:#0bb0d0}
body.portfolio-body .page-head{padding:9px 14px 7px;background:#fff;border-bottom:1px solid #cfd7da}.portfolio-body .page-head h1{font-size:18px;margin:0}.portfolio-body .page-head p{display:none}.portfolio-body .page-head .eyebrow{display:none}.portfolio-body .back-link{font-size:12px}
.portfolio-body main{min-height:calc(100vh - 96px)}.portfolio-body footer{min-height:36px;padding:0 14px;background:#164653;font-size:11px}
.pfc-toolbar{display:flex;align-items:center;gap:7px;margin:9px 12px 10px;padding:7px 9px;background:#fff;border:1px solid #d3dde0;border-radius:5px;box-shadow:0 2px 8px #173d4d12}.pfc-toolbar form{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.pfc-toolbar label{font-size:12px;font-weight:700}.pfc-toolbar input,.pfc-toolbar select{height:29px;padding:4px 7px;border:1px solid #cbd5d9;border-radius:4px;background:#fff;font:12px Arial}.pfc-toolbar input:focus,.pfc-toolbar select:focus{outline:2px solid #0b8eb433;border-color:#0b8eb4}.pfc-toolbar button{height:29px;padding:3px 10px;background:#0b8eb4;border:0;border-radius:4px;color:#fff;font-weight:700;cursor:pointer;transition:filter .15s ease,transform .15s ease}.pfc-toolbar button:hover{filter:brightness(.92);transform:translateY(-1px)}.pfc-panel{margin:0 12px 15px;background:#fff;border:1px solid #d3dde0;border-radius:5px;overflow:hidden;box-shadow:0 2px 9px #173d4d0d}.pfc-panel h2{margin:0;padding:7px 9px;background:var(--pfc-power);color:#fff;font-size:13px;line-height:1.15;letter-spacing:.01em}.pfc-panel h2 span{font-size:11px;color:inherit;font-weight:700;margin-left:5px;opacity:.85}.pfc-table-wrap{overflow:auto;max-height:calc(100vh - 190px)}.pfc-table{width:100%;min-width:1450px;border-collapse:separate;border-spacing:0;font-size:11px;line-height:1.05;font-variant-numeric:tabular-nums}.pfc-table th,.pfc-table td{padding:4px 6px;border-right:1px solid #cfd7da;border-bottom:1px solid #cfd7da;text-align:right;white-space:nowrap}.pfc-table th:first-child,.pfc-table td:first-child{text-align:left}.pfc-table thead{position:sticky;top:0;z-index:2}.pfc-table thead th{background:var(--pfc-power);color:#fff;font-weight:700;text-align:center}.pfc-table .pfc-year th,.pfc-table .pfc-year td{background:#e1e5e7;font-weight:700}.pfc-table .pfc-year:hover th,.pfc-table .pfc-year:hover td{background:#d6e7eb}.pfc-table .pfc-month th{color:#ff0000;font-weight:700}.pfc-table .pfc-month td{background:#e1e5e7}.pfc-table .pfc-toggle{color:#1681a2;text-align:center}.pfc-toggle{width:23px;height:19px;padding:0!important;border:1px solid #a9c5cd;border-radius:3px;background:#f7fbfc;color:#1681a2;cursor:pointer;font-weight:700;line-height:1}.pfc-toggle:hover{background:#dff2f6}.pfc-table .positive{color:#17853a}.pfc-table .negative{color:#ff0000}.pfc-table tbody tr:last-child{border-bottom:1px solid var(--pfc-power)}.pfc-table .pfc-total th,.pfc-table .pfc-total td{background:#d4f0f6;border-top:2px solid var(--pfc-power);border-bottom:2px solid var(--pfc-power);font-weight:700}.pfc-month-hidden{display:none}.notice{margin:9px 12px;padding:12px 14px;background:#fff7df;border-left:4px solid #d59b00;color:#5a4a16;font-size:12px}
body.portfolio-body.portfolio-gas{--pfc-power:#b4bd00}
@media(max-width:760px){.portfolio-body .topbar{height:auto;min-height:42px}.portfolio-body .brand{width:180px}.pfc-panel{margin-left:5px;margin-right:5px}.pfc-toolbar{margin-left:5px;margin-right:5px}}

/* Commodity-Farbe auch für Bedienflächen verwenden */
body.portfolio-body .pfc-toolbar button{background:var(--pfc-power)}
body.portfolio-body .pfc-toggle{border-color:var(--pfc-power);color:var(--pfc-power)}
body.portfolio-body .pfc-toggle:hover{background:var(--pfc-power);color:#fff}

/* Grundlayout wie das helle ecoSWITCH-Portal; Tabellen bleiben kompakt */
body.portfolio-body{background:#f4f9f9;color:#263d44;font-family:"Instrument Sans",Arial,sans-serif}
body.portfolio-body .topbar{height:80px;padding:0 clamp(24px,7vw,105px);background:#fff;border-bottom:1px solid #e8ebec;color:#141414}
body.portfolio-body .brand{width:190px;height:58px;color:#141414}
body.portfolio-body .brand img{width:145px;max-height:48px;object-fit:contain}
body.portfolio-body .account{font-size:inherit;color:#141414}
body.portfolio-body .account-admin,body.portfolio-body .link{color:#141414;border-color:#18a6c1}
body.portfolio-body main{min-height:calc(100vh - 150px)}
body.portfolio-body footer{min-height:70px;padding:0 clamp(24px,7vw,105px);background:#111;color:#adb5b8;font-size:13px}
body.portfolio-body .page-head{padding:58px clamp(24px,7vw,105px) 30px;background:#fff;border-bottom:0}
body.portfolio-body .page-head h1{font-size:clamp(38px,5vw,62px);line-height:1.02;margin:8px 0 12px;color:#164653}
body.portfolio-body .page-head p{display:block;color:#677b81;font-size:16px;margin:0}
body.portfolio-body .page-head .eyebrow{display:block;color:#0d9bb5}
body.portfolio-body .back-link{font-size:inherit;color:#164653}
body.portfolio-body .pfc-toolbar{margin:0 clamp(24px,7vw,105px) 22px;border-radius:0;border-left:0;border-right:0;box-shadow:none}
body.portfolio-body .pfc-panel{margin:0 clamp(24px,7vw,105px) 22px;border-radius:8px;box-shadow:0 3px 14px #4b8f9810}
body.portfolio-body .pfc-table-wrap{max-height:calc(100vh - 330px)}
@media(max-width:760px){body.portfolio-body .topbar{height:auto;min-height:68px;padding:8px 24px}.portfolio-body .brand{width:190px}.portfolio-body .pfc-toolbar{margin-left:24px;margin-right:24px}.portfolio-body .pfc-panel{margin-left:24px;margin-right:24px}.portfolio-body .page-head{padding-left:24px;padding-right:24px}}

/* ecoSWITCH Homepage-Blau für Power; Gas bleibt gelb/oliv */
body.portfolio-body{--pfc-power:#07579f}
body.portfolio-body .topbar{background:#fff;border-bottom:1px solid #e8ebec;color:#141414}
body.portfolio-body .account{color:#141414}
body.portfolio-body .account-admin,body.portfolio-body .link{color:#141414;border-color:#18a6c1}
body.portfolio-body footer{background:#111}

.pfc-table .pfc-update{color:#d73535!important}