/* Desktop: Rechnungsdetails im kompakten İzleme-Diagramm, gleiche Kreis-Komponente. */
#pvTlChartWrap.is-lifetime-pie{overflow:hidden;padding:8px}
.pv-tl-years{display:flex;flex-direction:column;gap:8px;flex:1 1 0;min-height:0;min-width:0}
.pv-tl-years-chart{position:relative;flex:1 1 0;min-height:0;min-width:0}
.pv-tl-year-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;flex:none}
.pv-tl-year-buttons>button{border:1px solid var(--border,#d5dfe9);border-radius:8px;padding:6px 10px;background:var(--surface,#fff);color:var(--text,#152b43);cursor:pointer;font-size:11px}
.pv-tl-year-buttons>button:disabled{opacity:.55;cursor:default}
.pv-tl-years-overlay{position:fixed;inset:0;background:rgba(5,18,32,.6);z-index:120000;display:flex;align-items:center;justify-content:center;padding:24px}
.pv-tl-years-overlay>section{background:var(--surface,#fff);color:var(--text,#152b43);border-radius:18px;width:min(980px,100%);max-height:90vh;overflow:auto;padding:24px;box-shadow:0 24px 70px #0005}
.pv-tl-years-overlay header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pv-tl-years-overlay header button{border:1px solid var(--border,#d5dfe9);border-radius:8px;padding:8px 14px;background:var(--surface,#fff);color:inherit;cursor:pointer}
.pv-tl-years-overlay .pv-tl-saving{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;background:#159b800b;border:1px solid #159b8033;border-radius:12px;padding:14px;margin:12px 0}
.pv-tl-years-overlay .pv-tl-saving-track{height:7px;background:#63758a22;border-radius:8px;margin:5px 0}
.pv-tl-years-overlay .pv-tl-saving-track i{display:block;height:100%;background:#2a78d6;border-radius:8px}
.pv-tl-years-overlay .pv-tl-saving-track .is-without{background:#eb6834}
.pv-tl-years-overlay .pv-tl-saving-cost>div:first-child{display:flex;justify-content:space-between;gap:8px}
.pv-tl-years-overlay .pv-tl-saving-result{display:flex;flex-direction:column;justify-content:center;color:#12805d}
.pv-tl-years-overlay .pv-tl-saving-result strong{font-size:24px}
.pv-tl-years-overlay .pv-tl-saving-note{grid-column:1/-1;font-size:11px;margin:0;color:var(--muted,#63758a)}
#pvTlCanvasWrap[hidden],#pvTlPie[hidden],#pvTlSaving[hidden]{display:none!important}
#pvTlChartWrap.is-monthly-pie{overflow:auto;padding:10px 8px 6px;gap:10px;overscroll-behavior:contain}
#pvTlChartWrap.is-monthly-pie>.pv-tl-head{display:none}
#pvTlPie{flex:1 0 auto;display:flex;flex-direction:column}
#pvTlPie .ges-finance-pie-head{gap:12px;margin-bottom:10px}
#pvTlPie .ges-finance-pie-title{font-size:15px;line-height:1.35}
#pvTlPie .ges-finance-pie-subtitle{font-size:12px;margin-top:4px}
#pvTlPie .ges-finance-pie-primary>span{font-size:12px}
#pvTlPie .ges-finance-pie-primary>strong{font-size:24px;letter-spacing:-.4px}
#pvTlPie .ges-finance-pie-equation{padding:8px 10px;gap:8px 16px;margin-bottom:10px;align-items:baseline}
#pvTlPie .ges-finance-pie-term{gap:2px;max-width:200px}
#pvTlPie .ges-finance-pie-term>strong{font-size:13px}
#pvTlPie .ges-finance-pie-term>span{font-size:11px;line-height:1.3}
#pvTlPie .ges-finance-pie-equals{font-size:14px}
#pvTlPie .ges-finance-pie-layout{grid-template-columns:minmax(140px,.85fr) minmax(0,1.15fr);gap:12px;align-items:center;flex:1;width:100%}
#pvTlPie .ges-finance-pie-visual{max-width:240px;justify-self:center;width:100%}
#pvTlPie .ges-finance-pie-detail{font-size:12px;line-height:1.35;min-height:32px;padding:0 2px}
#pvTlPie .ges-finance-pie-basis-note{font-size:11px;line-height:1.4;padding:0 4px 6px;margin-bottom:4px}
#pvTlPie .ges-finance-pie-parts{gap:2px}
#pvTlPie .ges-finance-pie-part{padding:5px 4px;gap:7px}
#pvTlPie .ges-finance-pie-copy{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:2px 8px}
#pvTlPie .ges-finance-pie-label{font-size:12px;line-height:1.35}
#pvTlPie .ges-finance-pie-value{font-size:13px;line-height:1.35;white-space:nowrap}
#pvTlPie .ges-finance-pie-percent{font-size:12px;min-width:38px;text-align:right}
#pvTlPie .ges-finance-pie-fallback{padding:12px;font-size:12px;line-height:1.5}
#pvTlChartWrap.is-monthly-pie #pvTlState{font-size:11px;line-height:1.5;flex:none}
#pvTlSaving{display:grid;grid-template-columns:minmax(0,1fr) minmax(125px,.42fr);gap:8px 16px;flex:none;border:1px solid var(--line,#dce4ec);border-radius:10px;padding:10px 12px;background:var(--surface2,#f5f8fc)}
#pvTlSaving[data-kind="saving"]{border-color:rgba(21,155,128,.25);background:linear-gradient(110deg,rgba(21,155,128,.04),rgba(21,155,128,.09))}
#pvTlSaving .pv-tl-saving-comparison{display:grid;gap:9px;min-width:0}
#pvTlSaving .pv-tl-saving-cost>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:12px;line-height:1.4}
#pvTlSaving .pv-tl-saving-cost span{color:var(--muted,#63758a)}
#pvTlSaving .pv-tl-saving-cost strong{font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}
#pvTlSaving .pv-tl-saving-track{height:7px;background:rgba(100,130,160,.12);border-radius:4px;overflow:hidden;margin-top:4px}
#pvTlSaving .pv-tl-saving-track i{display:block;height:100%;border-radius:inherit}
#pvTlSaving .is-without{background:#eb6834}
#pvTlSaving .is-bill{background:#2a78d6}
.pv-tl-sales{margin-top:3px;min-width:0}
.pv-tl-sales>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:6px;font-size:10px;line-height:1.15}
#pvTlSaving .pv-tl-sales span,.pv-tl-sales strong{color:#087854}
.pv-tl-sales small{font-size:9px;color:var(--muted,#63758a)}
#pvTlSaving .pv-tl-sales strong,.pv-tl-sales strong{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
.pv-tl-sales-track{height:4px;background:#159b8022;border-radius:4px;overflow:hidden;margin-top:2px}
.pv-tl-sales-track>i{display:block;height:100%;background:#159b80;border-radius:inherit;transform-origin:left;animation:gesTlSalesFill 1.1s ease-out both}
@keyframes gesTlSalesFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.pv-tl-sales-track>i{animation:none}}
html[data-theme="dark"] #pvTlSaving .pv-tl-sales span,html[data-theme="dark"] .pv-tl-sales strong{color:#64dcae}
#pvTlSaving .pv-tl-saving-result{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:3px;border-left:1px solid var(--line,#dce4ec);padding-left:12px;text-align:right;min-width:0}
#pvTlSaving .pv-tl-saving-result>span{font-size:11px;line-height:1.4;color:var(--muted,#63758a)}
#pvTlSaving .pv-tl-saving-result>strong{font-size:21px;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.3px}
#pvTlSaving[data-kind="saving"] .pv-tl-saving-result>strong,#pvTlSaving[data-kind="saving"] [data-saving-percent]{color:#087854}
#pvTlSaving[data-kind="increase"] .pv-tl-saving-result>strong,#pvTlSaving[data-kind="increase"] [data-saving-percent]{color:#c1323d}
#pvTlSaving .pv-tl-saving-note{grid-column:1/-1;font-size:10px;line-height:1.4;margin:0}
html[data-theme="dark"] #pvTlSaving[data-kind="saving"] .pv-tl-saving-result>strong,html[data-theme="dark"] #pvTlSaving[data-kind="saving"] [data-saving-percent]{color:#64dcae}
html[data-theme="dark"] #pvTlSaving[data-kind="increase"] .pv-tl-saving-result>strong,html[data-theme="dark"] #pvTlSaving[data-kind="increase"] [data-saving-percent]{color:#ff939a}
/* Die Rechnung teilt sich die verfügbare Desktophöhe mit Livewerten und KPIs. */
@media(min-width:1101px){
  body:not(.ges-gs-on) #pvFirstDashboard.ges-v6-view-active:has(#pvTlChartWrap.is-monthly-pie:not([hidden])){height:calc(100dvh - var(--ges-v6-topbar-height))!important;min-height:0!important;max-height:calc(100dvh - var(--ges-v6-topbar-height))!important;overflow:auto!important}
  body:not(.ges-gs-on) #pvFirstDashboard:has(#pvTlChartWrap.is-monthly-pie:not([hidden])) .pv-live-strip{grid-template-columns:repeat(4,minmax(0,1fr))!important;flex:none}
  body:not(.ges-gs-on) #pvFirstDashboard:has(#pvTlChartWrap.is-monthly-pie:not([hidden])) .pv-kpi-grid{flex:none}
  body:not(.ges-gs-on) #pvFirstDashboard .pv-main-grid-step2:has(#pvTlChartWrap.is-monthly-pie:not([hidden])){flex:1 1 0!important;height:auto!important;min-height:0!important;max-height:none!important;grid-template-rows:minmax(0,1fr)!important}
  body:not(.ges-gs-on) #pvFirstDashboard .pv-chart-card-only:has(#pvTlChartWrap.is-monthly-pie:not([hidden])){height:100%!important;min-height:0!important}
  body:not(.ges-gs-on) #pvFirstDashboard .pv-chart-card-only:has(#pvTlChartWrap.is-monthly-pie:not([hidden]))>#pvDashLegend{flex:0 0 auto;gap:4px;margin-top:6px}
  body:not(.ges-gs-on) #pvFirstDashboard .pv-chart-card-only:has(#pvTlChartWrap.is-monthly-pie:not([hidden]))>#pvDashLegend .lg{font-size:11px;padding:3px 6px;gap:4px}
  body:not(.ges-gs-on) #pvFirstDashboard .pv-chart-box:has(#pvTlChartWrap.is-monthly-pie:not([hidden])){min-height:0!important;container-type:size}
  #pvTlChartWrap.is-monthly-pie{padding:6px;gap:6px}
  #pvTlChartWrap.is-monthly-pie #pvTlSaving{padding:7px 9px;gap:4px 12px}
  #pvTlSaving .pv-tl-saving-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  #pvTlSaving .pv-tl-saving-cost>div:first-child{flex-wrap:wrap;gap:1px 8px}
  #pvTlSaving .pv-tl-saving-cost strong{font-size:13px}
  #pvTlSaving .pv-tl-saving-result>strong{font-size:19px}
  #pvTlPie{flex:1 0 auto;min-height:min-content}
  #pvTlPie .ges-finance-pie-head{flex:none;gap:8px;margin-bottom:5px}
  #pvTlPie .ges-finance-pie-title{font-size:14px}
  #pvTlPie .ges-finance-pie-subtitle{font-size:11px;margin-top:1px}
  #pvTlPie .ges-finance-pie-primary>strong{font-size:21px}
  #pvTlPie .ges-finance-pie-equation{flex:none;padding:4px 7px;gap:3px 10px;margin-bottom:4px}
  #pvTlPie .ges-finance-pie-term{gap:0}
  #pvTlPie .ges-finance-pie-layout{min-height:min-content;flex:1 0 auto;grid-template-columns:minmax(120px,.7fr) minmax(0,1.3fr);gap:10px}
  #pvTlPie .ges-finance-pie-visual{max-width:220px;position:relative}
  #pvTlPie .ges-finance-pie-visual svg{max-height:clamp(90px,43cqh,180px)}
  #pvTlPie .ges-finance-pie-detail{min-height:0;font-size:10px;line-height:1.3}
  #pvTlPie .ges-finance-pie-basis-note{font-size:10px;padding:0 3px 3px;margin-bottom:2px}
  #pvTlPie .ges-finance-pie-part{padding:3px;gap:5px}
  #pvTlPie .ges-finance-pie-parts{gap:0}
  #pvTlPie .ges-finance-pie-label{font-size:11px}
  #pvTlPie .ges-finance-pie-value{font-size:12px}
  #pvTlPie .ges-finance-pie-percent{font-size:11px;min-width:32px}
  #pvTlChartWrap.is-monthly-pie #pvTlState{font-size:10px;line-height:1.3}
}
@media(min-width:1101px) and (max-height:800px){
  body:not(.ges-gs-on) #pvFirstDashboard:has(#pvTlChartWrap.is-monthly-pie:not([hidden])) .pv-plant-location-hero{min-height:44px!important;padding:4px 10px!important}
  body:not(.ges-gs-on) #pvFirstDashboard:has(#pvTlChartWrap.is-monthly-pie:not([hidden])) .pv-location-hero-icon,
  body:not(.ges-gs-on) #pvFirstDashboard:has(#pvTlChartWrap.is-monthly-pie:not([hidden])) .pv-location-hero-action{width:34px!important;height:34px!important;min-height:34px!important}
  body:not(.ges-gs-on) #pvFirstDashboard:has(#pvTlChartWrap.is-monthly-pie:not([hidden])) .pv-status-line{min-height:34px!important;padding:3px 8px!important}
  body:not(.ges-gs-on) #pvFirstDashboard:has(#pvTlChartWrap.is-monthly-pie:not([hidden])) .pv-live-strip .pv-live-card{padding:5px 8px 5px 45px!important}
  body:not(.ges-gs-on) #pvFirstDashboard:has(#pvTlChartWrap.is-monthly-pie:not([hidden])) .pv-live-strip .pv-live-icon{width:36px!important}
  body:not(.ges-gs-on) #pvFirstDashboard:has(#pvTlChartWrap.is-monthly-pie:not([hidden])) .pv-live-strip .pv-live-icon svg{width:26px!important;height:26px!important}
  body:not(.ges-gs-on) #pvFirstDashboard:has(#pvTlChartWrap.is-monthly-pie:not([hidden])) .pv-kpi{padding:5px 7px!important;min-height:0!important}
  body:not(.ges-gs-on) #pvFirstDashboard:has(#pvTlChartWrap.is-monthly-pie:not([hidden])) .pv-kpi>span{font-size:11px!important;line-height:1.25!important}
  body:not(.ges-gs-on) #pvFirstDashboard:has(#pvTlChartWrap.is-monthly-pie:not([hidden])) .pv-kpi>strong{font-size:20px!important;margin-top:3px!important}
  body:not(.ges-gs-on) #pvFirstDashboard:has(#pvTlChartWrap.is-monthly-pie:not([hidden])) .pv-kpi>small{font-size:10px!important;line-height:1.25!important}
  body:not(.ges-gs-on) #pvFirstDashboard .pv-main-grid-step2:has(#pvTlChartWrap.is-monthly-pie:not([hidden])){grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)!important;padding:6px!important}
  body:not(.ges-gs-on) #pvFirstDashboard .pv-chart-card-only:has(#pvTlChartWrap.is-monthly-pie:not([hidden])){padding:6px 8px!important}
  body:not(.ges-gs-on) #pvFirstDashboard .pv-chart-card-only:has(#pvTlChartWrap.is-monthly-pie:not([hidden])) .pv-card-head-actions{column-gap:4px;row-gap:3px}
  body:not(.ges-gs-on) #pvFirstDashboard .pv-chart-card-only:has(#pvTlChartWrap.is-monthly-pie:not([hidden])) .pv-card-head-actions button{font-size:11px;padding-left:6px;padding-right:6px}
  body:not(.ges-gs-on) #pvFirstDashboard .pv-chart-card-only:has(#pvTlChartWrap.is-monthly-pie:not([hidden]))>#pvDashLegend .lg{min-height:0!important;line-height:1.3!important;padding:2px 5px!important;font-size:10px!important}
}
/* Der Kartenausschnitt kann durch Fensterhöhe oder Layout unterschiedlich hoch sein. */
#pvTlChartWrap.is-monthly-pie:has(#pvTlSkttPrice:not([hidden])){gap:1px;padding:2px}
#pvTlChartWrap.is-monthly-pie:has(#pvTlSkttPrice:not([hidden])) .ges-finance-pie-head{margin-bottom:1px}
#pvTlChartWrap.is-monthly-pie:has(#pvTlSkttPrice:not([hidden])) .ges-finance-pie-equation{padding:1px 5px}
#pvTlChartWrap.is-monthly-pie:has(#pvTlSkttPrice:not([hidden])) #pvTlPie .ges-finance-pie-visual svg{max-height:clamp(72px,26cqh,130px)}
@container (max-height:420px){
  #pvTlChartWrap.is-monthly-pie{gap:4px;padding:4px}
  #pvTlPie .ges-finance-pie-head{margin-bottom:3px}
  #pvTlPie .ges-finance-pie-primary>strong{font-size:18px}
  #pvTlPie .ges-finance-pie-primary>span{font-size:10px}
  #pvTlPie .ges-finance-pie-equation{padding:3px 5px}
  #pvTlPie .ges-finance-pie-term{max-width:none;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 5px}
  #pvTlPie .ges-finance-pie-term>strong{font-size:11px}
  #pvTlPie .ges-finance-pie-term>span{font-size:10px}
  #pvTlPie .ges-finance-pie-visual svg{max-height:clamp(70px,33cqh,140px)}
  #pvTlPie .ges-finance-pie-detail{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  #pvTlPie .ges-finance-pie-part{padding:2px}
  #pvTlPie .ges-finance-pie-basis-note{font-size:10px;line-height:1.2}
  #pvTlSaving .pv-tl-saving-note{font-size:10px;line-height:1.2}
  #pvTlSaving .pv-tl-saving-cost>div:first-child{font-size:11px;line-height:1.25}
  #pvTlSaving .pv-tl-saving-result{gap:1px}
  #pvTlSaving .pv-tl-saving-result>strong{font-size:17px;line-height:1.1}
  #pvTlSaving .pv-tl-saving-result>span{font-size:10px;line-height:1.15}
  #pvTlChartWrap.is-monthly-pie #pvTlSaving{padding:4px 7px}
  #pvTlSaving .pv-tl-simple-footer{margin-top:3px}
}

/* Gleiche Bezugsbasis für Rechnung und Verkauf; Netto-Gesamtvorteil bleibt separat. */
.pv-tl-share{display:inline-block;margin-left:5px;font-size:9px;font-weight:700;color:var(--ink,#19334c);white-space:nowrap}
.pv-tl-total-benefit{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:4px;font-size:10px;line-height:1.15;color:#087854}
:is(#pvTlSaving,.pv-tl-saving):has(.pv-tl-total-benefit) .pv-tl-saving-note{display:none}
.pv-tl-saving-cost>div:first-child>div{white-space:nowrap}
.pv-tl-total-benefit strong{font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}
html[data-theme="dark"] .pv-tl-total-benefit{color:#64dcae}

@container(max-width:650px){
  #pvTlSaving .pv-tl-saving-cost>div:first-child{flex-wrap:nowrap;gap:3px;font-size:9px;line-height:1.3}
  #pvTlSaving .pv-tl-saving-cost strong{font-size:11px}
  #pvTlSaving .pv-tl-share{font-size:8px;margin-left:3px}
  #pvTlSaving .pv-tl-sales strong{font-size:11px}
}

/* Einheitliche Schriftgröße innerhalb jeder Datenzeile, auch im Diagrammexport. */
:is(#pvTlSaving,.pv-tl-saving){--comparison-font:11px}
:is(#pvTlSaving,.pv-tl-saving) .pv-tl-saving-cost>div:first-child,
:is(#pvTlSaving,.pv-tl-saving) .pv-tl-saving-cost strong,
:is(#pvTlSaving,.pv-tl-saving) .pv-tl-sales>div:first-child,
:is(#pvTlSaving,.pv-tl-saving) .pv-tl-sales strong,
:is(#pvTlSaving,.pv-tl-saving) .pv-tl-sales small,
:is(#pvTlSaving,.pv-tl-saving) .pv-tl-share,
:is(#pvTlSaving,.pv-tl-saving) .pv-tl-total-benefit,
:is(#pvTlSaving,.pv-tl-saving) .pv-tl-total-benefit strong,
:is(#pvTlSaving,.pv-tl-saving) .pv-tl-total-benefit small{font-size:var(--comparison-font);line-height:1.3}
#pvTlPie :is(.ges-finance-pie-label,.ges-finance-pie-value,.ges-finance-pie-percent){font-size:11px;line-height:1.35}
@container(max-width:650px){#pvTlSaving{--comparison-font:9px}}

/* Drei Hauptaussagen; offene Details gehören zum gemeinsamen Diagramm-Scrollbereich. */
#pvTlSaving,.pv-tl-years-overlay .pv-tl-saving{display:block;position:relative}
.pv-tl-simple-grid{display:grid;grid-template-columns:.9fr 1.45fr 1fr;gap:12px}
.pv-tl-simple-value{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:11px}
.pv-tl-simple-value>span{color:var(--muted,#63758a)}
.pv-tl-simple-value>strong{font-size:14px;line-height:1.3;white-space:nowrap;font-variant-numeric:tabular-nums}
.pv-tl-simple-benefit{border-left:1px solid #159b8033;padding-left:12px}
.pv-tl-simple-benefit>strong{color:#087854}
html[data-theme="dark"] .pv-tl-simple-benefit>strong{color:#64dcae}
.pv-tl-simple-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-top:8px;font-size:10px;line-height:1.3;color:var(--muted,#63758a)}
.pv-tl-detail[open]{flex:0 0 100%;min-width:0}
.pv-tl-detail[open]>summary{width:max-content;margin-left:auto}
.pv-tl-detail>summary{cursor:pointer;color:var(--ink,#19334c);font-size:10px;font-weight:700;white-space:nowrap;padding:2px}
.pv-tl-detail-panel{margin-top:6px;border:1px solid var(--line,#dce4ec);border-radius:10px;background:var(--surface,#fff);color:var(--text,#152b43);padding:12px;text-align:left}
.pv-tl-detail-panel>.pv-tl-simple-value{flex-direction:row;justify-content:space-between;align-items:baseline;font-size:11px}
.pv-tl-detail-panel>.pv-tl-simple-value>strong{font-size:11px}
.pv-tl-detail-panel>p{font-size:10px;line-height:1.4;margin:4px 0 10px}
.pv-tl-detail-sktt{margin:10px 0;padding:8px;gap:4px 8px}
.pv-tl-detail-sktt .ges-sktt-price-value{font-size:14px}
.pv-tl-detail-sktt .ges-sktt-price-heading>strong{font-size:11px}
#pvTlPie .ges-finance-pie-primary{display:none}
@container(max-width:650px){
  .pv-tl-simple-grid{gap:6px;grid-template-columns:.9fr 1.45fr 1fr}
  .pv-tl-simple-value{font-size:10px}
  .pv-tl-simple-value>strong{font-size:11px}
  .pv-tl-simple-benefit{padding-left:6px}
  .pv-tl-simple-footer{font-size:9px}
}

#pvTlState .pv-tl-fix{margin-top:14px;padding:9px 14px;border:1px solid var(--gold,#d59b19);border-radius:9px;background:var(--surface,#fff);color:var(--text,#152b43);font:inherit;font-weight:700;cursor:pointer}