/* Michel, 03.10.2026: Porto bleibt ein eigener Bereich, damit parallele
   Arbeiten am DASMO-Portal keine Styles des Versandrechners überschreiben. */
#panel-porto{--pt-navy:#0c2a52;--pt-teal:#117d68;--pt-muted:#5b6f8e;--pt-line:#dce5f1;--pt-paper:#f3f7fb;--pt-warn:#866017;--pt-radius:18px;color:var(--pt-navy)}
#panel-porto [hidden]{display:none!important}
.pt-wrap{max-width:1260px;margin:0 auto;padding-bottom:28px}
.pt-wrap>.panel__x{position:sticky;top:0;float:right;z-index:60;margin:0 0 -44px 12px;box-shadow:0 4px 14px rgba(15,23,42,.12)}
.pt-kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding-right:54px;margin-bottom:22px}
.pt-kicker{font-family:"IBM Plex Mono",monospace;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--pt-teal);margin-bottom:8px}
.pt-kopf h3{font-family:"Space Grotesk",sans-serif;font-size:clamp(1.6rem,3vw,2rem);line-height:1.15;margin:0 0 9px}
.pt-kopf p{font-size:.94rem;color:var(--pt-muted);max-width:62ch;line-height:1.55;margin:0}
.pt-kopf-akt{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end;padding-top:4px}
.pt-downloadinfo{flex-basis:100%;max-width:300px;color:var(--pt-muted);font-size:.72rem;line-height:1.5;text-align:right;font-weight:400}
.pt-knopf{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid var(--pt-line);background:#fff;border-radius:11px;font-family:inherit;font-size:.85rem;font-weight:600;color:var(--pt-navy);cursor:pointer;text-decoration:none;line-height:1.25}
.pt-knopf:hover{background:var(--pt-paper);border-color:#b8cadf}
.pt-knopf:disabled{cursor:wait;opacity:.65}
.pt-knopf--primaer{background:var(--pt-teal);border-color:var(--pt-teal);color:#fff}
.pt-knopf--primaer:hover{background:#0e6b59;border-color:#0e6b59}
.pt-knopf:focus-visible,.pt-feld input:focus-visible,.pt-check input:focus-visible,.pt-section summary:focus-visible,.pt-quelle a:focus-visible{outline:3px solid #81c5b6;outline-offset:3px}
.pt-stand{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:.78rem;color:var(--pt-muted);margin-bottom:16px}
.pt-chip{display:inline-flex;align-items:center;gap:6px;line-height:1.25;padding:6px 10px;border-radius:999px;background:#e9f5f1;color:#166c59;font-size:.74rem;font-weight:600}
.pt-card{border:1px solid var(--pt-line);border-radius:var(--pt-radius);background:#fff;overflow:hidden;margin-bottom:20px}
.pt-card__kopf{padding:22px 24px 0}
.pt-card__kopf h4,.pt-section h4{font-family:"Space Grotesk",sans-serif;font-size:1.07rem;line-height:1.3;margin:0 0 7px}
.pt-card__kopf p,.pt-section p{color:var(--pt-muted);font-size:.85rem;line-height:1.6;margin:0}
.pt-form{padding:22px 24px;background:var(--pt-paper)}
.pt-form__reihe{display:grid;grid-template-columns:minmax(155px,1fr) minmax(175px,1fr) auto;align-items:end;gap:16px}
.pt-feld{display:flex;flex-direction:column;gap:7px;font-size:.82rem;color:var(--pt-navy);font-weight:600}
.pt-feld input{width:100%;font:inherit;font-size:1rem;font-weight:400;min-height:46px;padding:10px 12px;color:var(--pt-navy);border:1px solid #c7d6e6;border-radius:11px;background:#fff}
.pt-feld small{color:var(--pt-muted);font-size:.75rem;font-weight:400;line-height:1.45}
.pt-form__schalter{display:flex;align-items:center;gap:16px 28px;flex-wrap:wrap;padding-top:18px}
.pt-check{display:inline-flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:.84rem;line-height:1.45}
.pt-check input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--pt-teal);flex:0 0 auto}
.pt-check span{display:flex;flex-direction:column}
.pt-check small{font-size:.74rem;color:var(--pt-muted);margin-top:2px}
.pt-energie{margin-top:18px;max-width:380px;border-left:3px solid #d4a44e;padding-left:14px}
.pt-energie .pt-feld input{max-width:180px}
.pt-status{margin:0 0 18px;padding:15px 18px;border:1px solid var(--pt-line);border-radius:13px;font-size:.88rem;line-height:1.5;color:var(--pt-muted);background:var(--pt-paper)}
.pt-status--fehler{background:#fff2ed;border-color:#eed4c9;color:#923e2c}
.pt-status--laden{display:flex;gap:10px;align-items:center}
.pt-spinner{width:17px;height:17px;border:2px solid #ccdedc;border-top-color:var(--pt-teal);border-radius:50%;animation:pt-drehen .9s linear infinite;flex:0 0 auto}
@keyframes pt-drehen{to{transform:rotate(360deg)}}
.pt-ergebnis{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(290px,1.2fr);border-top:1px solid var(--pt-line)}
.pt-ergebnis__summe{padding:28px 24px;background:var(--pt-navy);color:#fff}
.pt-ergebnis__label{font-size:.83rem;color:#c8d8ec;line-height:1.5;margin-bottom:8px}
.pt-ergebnis__preis{font-family:"Space Grotesk",sans-serif;font-size:clamp(2.2rem,5vw,3.1rem);font-weight:700;line-height:1.1;letter-spacing:-.03em}
.pt-ergebnis__preis small{font-family:inherit;font-size:.95rem;letter-spacing:normal;font-weight:400;color:#cadbec;margin-left:6px}
.pt-ergebnis__info{font-size:.8rem;color:#d4e1f0;line-height:1.65;margin-top:15px}
.pt-ergebnis__plan{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.2);margin-top:20px;padding-top:15px;font-size:.8rem;color:#d4e1f0}
.pt-ergebnis__plan strong{font-size:1.1rem;color:#fff}
.pt-ergebnis__teile{padding:25px 24px}
.pt-summen{margin:0;display:grid;grid-template-columns:1fr auto;gap:9px 22px;font-size:.86rem;line-height:1.45}
.pt-summen dt{color:var(--pt-muted)}
.pt-summen dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;font-weight:600;color:var(--pt-navy)}
.pt-summen dt.pt-summen__gesamt,.pt-summen dd.pt-summen__gesamt{margin-top:5px;padding-top:13px;border-top:1px solid var(--pt-line);font-size:.98rem;font-weight:700;color:var(--pt-navy)}
.pt-leer{padding:23px 24px;color:var(--pt-muted);font-size:.9rem;line-height:1.7}
.pt-hinweis{border-left:3px solid #d3a249;background:#fff9e9;padding:14px 17px;color:var(--pt-warn);border-radius:0 11px 11px 0;font-size:.85rem;line-height:1.6;margin-bottom:18px}
.pt-hinweis ul{margin:0;padding-left:18px}
.pt-hinweis li+li{margin-top:5px}
.pt-tabellenrahmen{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-top:14px}
.pt-tabelle{width:100%;border-collapse:collapse;table-layout:auto;font-size:.8rem;font-variant-numeric:tabular-nums}
.pt-tabelle th{font-family:"IBM Plex Sans",sans-serif;font-size:.71rem;font-weight:600;text-align:right;color:var(--pt-muted);background:var(--pt-paper);padding:12px 10px;border-bottom:1px solid var(--pt-line);line-height:1.4;white-space:nowrap}
.pt-tabelle td{padding:13px 10px;border-bottom:1px solid #eaf0f7;text-align:right;white-space:nowrap}
.pt-tabelle th:first-child,.pt-tabelle td:first-child{text-align:left;padding-left:24px}
.pt-tabelle th:last-child,.pt-tabelle td:last-child{padding-right:24px}
.pt-tabelle tr:last-child td{border-bottom:0}
.pt-tabelle tbody tr.pt-gewaehlt{background:#eaf6f1}
.pt-tabelle tbody tr.pt-gewaehlt td:first-child{box-shadow:inset 3px 0 0 var(--pt-teal);font-weight:700}
.pt-tabelle .pt-netto{color:var(--pt-teal);font-weight:700;background:rgba(17,125,104,.045)}
.pt-tabelle .pt-textzelle{text-align:left;white-space:normal;min-width:190px;max-width:360px;line-height:1.5}
.pt-tabelle .pt-textzelle small{display:block;color:var(--pt-muted);margin-top:4px;font-size:.75rem}
.pt-tabelle .pt-kompakt{white-space:normal;min-width:115px;line-height:1.5}
.pt-tabellenfuss{padding:13px 24px;color:var(--pt-muted);font-size:.75rem;line-height:1.6;border-top:1px solid var(--pt-line)}
.pt-section{padding:22px 24px;border-top:1px solid var(--pt-line)}
.pt-section:first-child{border-top:0}
.pt-section summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;font-family:"Space Grotesk",sans-serif;font-weight:600;color:var(--pt-navy);font-size:1.02rem;list-style:none;min-height:32px}
.pt-section summary::-webkit-details-marker{display:none}
.pt-section summary::after{content:"+";font-family:"IBM Plex Sans",sans-serif;font-size:1.3rem;font-weight:400;color:var(--pt-muted)}
.pt-section[open] summary::after{content:"−"}
.pt-section[open] summary{margin-bottom:14px}
.pt-section .pt-tabellenrahmen{margin:0 -24px}
.pt-liste{margin:14px 0 0;padding-left:20px;color:var(--pt-muted);font-size:.85rem;line-height:1.65}
.pt-liste li+li{margin-top:8px}
.pt-kennzahlen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:17px}
.pt-kennzahl{background:var(--pt-paper);border:1px solid var(--pt-line);padding:15px;border-radius:12px}
.pt-kennzahl strong{display:block;font-family:"Space Grotesk",sans-serif;font-size:1.3rem;line-height:1.4;font-variant-numeric:tabular-nums;color:var(--pt-navy)}
.pt-kennzahl span{display:block;margin-top:4px;font-size:.74rem;line-height:1.4;color:var(--pt-muted)}
.pt-quellen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.pt-quelle{border:1px solid var(--pt-line);border-radius:12px;padding:16px;background:var(--pt-paper);font-size:.82rem;line-height:1.5;overflow-wrap:anywhere}
.pt-quelle b{display:block;margin-bottom:5px;color:var(--pt-navy)}
.pt-quelle p{font-size:.77rem;margin:0}
.pt-quelle a,.pt-quelle button{margin-top:10px}
.pt-quelle a{display:inline-block;color:var(--pt-teal);text-decoration:underline;text-underline-offset:3px;font-weight:600}
.pt-footer{font-size:.77rem;color:var(--pt-muted);line-height:1.6;padding:0 2px}
.pt-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:16px}
.pt-copy-status{font-size:.78rem;color:var(--pt-muted)}
@media(max-width:900px){.pt-kopf{flex-direction:column;gap:14px}.pt-kopf-akt{justify-content:flex-start}.pt-downloadinfo{text-align:left;max-width:440px}.pt-ergebnis{grid-template-columns:1fr 1.1fr}.pt-form__reihe{grid-template-columns:1fr 1fr}.pt-form__reihe>.pt-knopf{grid-column:1/-1;justify-self:start}.pt-kennzahlen{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.pt-kopf{padding-right:43px}.pt-kopf p{font-size:.85rem}.pt-kopf-akt{gap:7px}.pt-kopf-akt .pt-knopf{font-size:.77rem;padding:9px 10px}.pt-card__kopf,.pt-section{padding:19px 17px}.pt-form{padding:19px 17px}.pt-form__reihe{grid-template-columns:1fr}.pt-form__reihe>.pt-knopf{grid-column:auto;width:100%}.pt-form__schalter{gap:13px}.pt-check{width:100%}.pt-ergebnis{grid-template-columns:1fr}.pt-ergebnis__summe{padding:23px 20px}.pt-ergebnis__teile{padding:21px 20px}.pt-quellen,.pt-kennzahlen{grid-template-columns:1fr}.pt-tabelle th:first-child,.pt-tabelle td:first-child{padding-left:17px}.pt-tabelle th:last-child,.pt-tabelle td:last-child{padding-right:17px}.pt-section .pt-tabellenrahmen{margin:0 -17px}.pt-tabellenfuss{padding:12px 17px}.pt-leer{padding:20px 17px}.pt-status{font-size:.81rem;padding:13px 15px}.pt-summen{font-size:.8rem;gap:9px 13px}}
@media(prefers-reduced-motion:reduce){.pt-spinner{animation:none}}