/* Monatsreport im Kundenportal */
.rp-card{background:linear-gradient(135deg,var(--surface) 55%,var(--accent-soft))}
.rp-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:24px 26px;border-radius:22px;color:#fff;background:linear-gradient(120deg,var(--indigo),#4644C4 55%,var(--cyan))}
.rp-head h1{margin:4px 0 2px;font-size:30px;font-weight:600;line-height:1.15}
.rp-head p{margin:0;color:rgba(255,255,255,.8)}
.rp-tools{display:flex;gap:8px;flex-wrap:wrap}
.rp-tools select{border-radius:999px;border:0;padding:9px 14px;font:inherit;background:rgba(255,255,255,.95);color:#191919}
.rp-tools .btn{background:var(--primary);color:#fff;border-color:transparent}
.rp-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.rp-tile{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:2px;box-shadow:var(--shadow)}
.rp-tile b{font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.2}
.rp-tile b small{font-size:15px;color:var(--muted);font-weight:400}
.rp-tile>small{font-size:12px;color:var(--muted)}
.rp-l{font-size:12.5px;color:var(--muted)}
.rp-ico{position:absolute;right:14px;top:12px;font-size:18px;opacity:.9}
.rp-up{color:var(--good)!important} .rp-down{color:var(--bad)!important}
.rp-sec .card-h h3{font-size:15px}
.rp-bars{display:flex;flex-direction:column;gap:10px}
.rp-bar{display:grid;grid-template-columns:minmax(90px,36%) 1fr auto;gap:12px;align-items:center;font-size:13.5px}
.rp-bar i{display:block;height:12px;border-radius:999px;background:var(--surface-2);overflow:hidden}
.rp-bar i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--indigo),var(--cyan));-webkit-print-color-adjust:exact;print-color-adjust:exact}
.rp-bar em{font-style:normal;color:var(--muted);font-variant-numeric:tabular-nums;min-width:52px;text-align:right}
.rp-lead{display:flex;gap:24px;align-items:flex-end;flex-wrap:wrap}
.rp-lead div{display:flex;flex-direction:column} .rp-lead b{font-size:22px} .rp-lead span{font-size:12px;color:var(--muted)}
.rp-foot{margin:0}
@media (max-width:600px){.rp-head{padding:20px}.rp-head h1{font-size:24px}.rp-tiles{grid-template-columns:1fr 1fr}.rp-tile b{font-size:22px}.rp-bar{grid-template-columns:minmax(70px,40%) 1fr auto}}

/* Drucken / PDF */
@media print{
  @page{size:A4;margin:14mm}
  body.rp-on{background:#fff!important;color:#191919}
  body.rp-on .p-top,body.rp-on .rp-tools,body.rp-on #toast,body.rp-on #layer,body.rp-on .rp-lead a{display:none!important}
  body.rp-on .p-main{max-width:none;padding:0;gap:12px}
  body.rp-on .rp-head{-webkit-print-color-adjust:exact;print-color-adjust:exact;border-radius:12px}
  body.rp-on .rp-tile,body.rp-on .card{box-shadow:none!important;break-inside:avoid;border-color:#ddd}
  body.rp-on .rp-tiles{grid-template-columns:repeat(3,1fr)}
}
