.heading-actions{display:flex;gap:9px;flex-wrap:wrap}
.range-form{display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:center;padding:30px}
.range-block{border:1px solid var(--line);border-radius:15px;background:#f8fbfd;padding:20px}
.range-block h2{display:flex;align-items:center;gap:9px;margin:0 0 17px;color:var(--navy);font:700 20px "Barlow Condensed"}
.range-block h2 span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font:800 12px Inter}
.range-fields{display:grid;grid-template-columns:1.4fr 1fr;gap:12px}
.range-fields label{font-size:11px;font-weight:700;color:#3b566b;display:flex;flex-direction:column;gap:7px}
.range-arrow{color:var(--cyan);font-size:22px}
.range-submit{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.range-submit p{margin:0;color:var(--muted);font-size:11px}
.range-submit p i{color:var(--cyan);margin-right:6px}
.range-error,.period-summary{border:1px solid #f0c98d;background:#fff8e9;color:#805718;border-radius:11px;padding:12px 15px;margin-bottom:16px;font-size:12px}
.range-error i,.period-summary i{margin-right:7px}
.period-summary:not(.has-missing){border-color:#bce4ca;background:#e9f8ef;color:#18713c}
.period-coverage{display:block;margin-top:3px;color:#4e718a;font:600 9px Inter;letter-spacing:.3px}
.report-title:has(.period-coverage) p{margin-top:4px}
.report-title:has(.period-coverage) h1{font-size:34px}
@media(max-width:800px){.heading-actions{width:100%}.heading-actions .btn{flex:1}.range-form{grid-template-columns:1fr;padding:18px}.range-arrow{transform:rotate(90deg);justify-self:center}.range-submit{grid-column:auto;align-items:stretch;flex-direction:column}.range-fields{grid-template-columns:1fr 1fr}}

/* Renditja e kartelave plotësuese në raportin kryesor */
.report-preview-stage .hierarchical-report .detail-sections,.hierarchical-report.exporting .detail-sections{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:800px){.report-preview-stage .hierarchical-report .detail-sections{grid-template-columns:1fr}}

/* KPI të qarta: përshkrimi përpara numrit dhe kartela fizikisht të ndara */
.hierarchical-report .report-section{background:#edf6fb;border-color:#b9d7e8;padding:0 14px 15px}
.hierarchical-report .kpi-list{gap:14px;padding-top:7px}
.hierarchical-report .hierarchical-kpi{grid-template-columns:44px minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;column-gap:11px;min-height:105px!important;padding:12px 13px!important;background:#fff!important;border:1px solid #bfd9e8!important;border-left:5px solid var(--accent)!important;border-radius:13px!important;box-shadow:0 6px 14px rgba(7,56,110,.08);overflow:hidden}
.hierarchical-report .hierarchical-kpi>.kpi-icon{grid-column:1;grid-row:1}
.hierarchical-report .kpi-icon{background:#eef7fb!important;border-color:#9bcfe2!important}
.hierarchical-report .hierarchical-kpi>.kpi-name{grid-column:2;grid-row:1;min-width:0;font-size:17px!important;font-weight:750!important;line-height:1.22;color:#153a57}
.hierarchical-report .hierarchical-kpi>.kpi-name small{margin-top:4px;color:#617c90;font-size:9px}
.hierarchical-report .kpi-total{grid-column:3;grid-row:1;min-width:92px;padding-left:13px;border-left:1px solid #d8e7f0;display:flex;flex-direction:column;align-items:flex-end;justify-content:center}
.hierarchical-report .kpi-total small{font:800 8px/1 Inter;letter-spacing:1px;color:#71899b;margin-bottom:4px}
.hierarchical-report .kpi-total strong{font:800 30px/1 "Barlow Condensed",sans-serif;color:var(--accent);white-space:nowrap}
.hierarchical-report .kpi-children{grid-column:1/-1;grid-row:2;margin-top:9px;padding-top:9px;gap:8px 10px}
.hierarchical-report .kpi-children>div{border:1px solid #e0ebf2;background:#f7fafc;padding:7px 9px;border-radius:8px}
.hierarchical-report .kpi-children .child-label{padding-right:10px}
.hierarchical-report .kpi-children .child-value{border-left:1px solid #d8e5ed;padding-left:10px!important}
.hierarchical-report .hierarchical-kpi:last-child:nth-child(odd){grid-column:1/-1}
.hierarchical-report .hierarchical-kpi:last-child:nth-child(odd) .kpi-children{grid-template-columns:repeat(4,minmax(0,1fr))}
.hierarchical-report.exporting .kpi-total strong{font-size:34px}
.hierarchical-report.exporting .hierarchical-kpi{min-height:120px!important;padding:15px 16px!important}
.hierarchical-report .detail-card h2{display:flex;align-items:center;justify-content:center;gap:7px}
.hierarchical-report .detail-card h2 i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#087fad;font-size:10px;box-shadow:0 2px 6px rgba(7,56,110,.12)}
.hierarchical-report.exporting .detail-card h2 i{width:25px;height:25px;font-size:12px}
@media(max-width:800px){.hierarchical-report .hierarchical-kpi:last-child:nth-child(odd){grid-column:auto}.hierarchical-report .hierarchical-kpi:last-child:nth-child(odd) .kpi-children{grid-template-columns:1fr}.hierarchical-report .kpi-total{min-width:76px}.hierarchical-report .kpi-total strong{font-size:25px}}

/* A4: shfrytëzim i plotë i faqes, tekst më i madh dhe ndarje më e fortë */
.hierarchical-report .detail-card{border-width:2px;box-shadow:0 6px 14px rgba(7,56,110,.07)}
.hierarchical-report.exporting.a4-format{padding:50px 56px 42px;justify-content:space-between;background:linear-gradient(145deg,#fff 0%,#f5faff 68%,#e7f3fa 100%)}
.hierarchical-report.exporting.a4-format .report-hero{height:190px;min-height:190px;margin-bottom:18px;border-bottom-width:3px}
.hierarchical-report.exporting.a4-format .report-logo{width:92px;height:112px;margin-right:22px}
.hierarchical-report.exporting.a4-format .report-title h1{font-size:48px}
.hierarchical-report.exporting.a4-format .report-title p{font-size:27px;margin-top:10px}
.hierarchical-report.exporting.a4-format .hospital-art{width:310px;height:126px;border-radius:16px}
.hierarchical-report.exporting.a4-format .pulse-line{right:245px;width:235px;height:42px}
.hierarchical-report.exporting.a4-format .report-section{border-width:2px;padding:0 17px 20px;box-shadow:0 10px 24px rgba(7,56,110,.1)}
.hierarchical-report.exporting.a4-format .report-section>h2{font-size:23px;padding:12px;margin:0 -17px 10px}
.hierarchical-report.exporting.a4-format .kpi-list{gap:20px;padding-top:8px}
.hierarchical-report.exporting.a4-format .hierarchical-kpi{min-height:175px!important;padding:18px 19px!important;border-width:2px!important;border-left-width:8px!important;border-radius:16px!important;box-shadow:0 10px 22px rgba(7,56,110,.12)}
.hierarchical-report.exporting.a4-format .hierarchical-kpi>.kpi-icon{width:48px;height:48px;font-size:21px}
.hierarchical-report.exporting.a4-format .hierarchical-kpi>.kpi-name{font-size:25px!important;line-height:1.2}
.hierarchical-report.exporting.a4-format .hierarchical-kpi>.kpi-name small{font-size:12px;margin-top:5px}
.hierarchical-report.exporting.a4-format .kpi-total{min-width:130px;padding-left:18px;border-left-width:2px}
.hierarchical-report.exporting.a4-format .kpi-total small{font-size:11px;margin-bottom:6px}
.hierarchical-report.exporting.a4-format .kpi-total strong{font-size:47px}
.hierarchical-report.exporting.a4-format .kpi-children{gap:11px 14px;margin-top:13px;padding-top:13px;border-top-width:2px}
.hierarchical-report.exporting.a4-format .kpi-children>div{min-height:52px;padding:11px 13px;border-width:2px;font-size:19px}
.hierarchical-report.exporting.a4-format .kpi-children .child-value{min-width:98px;font-size:22px;border-left-width:2px}
.hierarchical-report.exporting.a4-format .detail-sections{gap:16px;margin-top:22px;min-height:285px}
.hierarchical-report.exporting.a4-format .detail-card{min-height:285px;padding:0 14px 13px;border-width:2px;border-radius:15px;box-shadow:0 10px 22px rgba(7,56,110,.1)}
.hierarchical-report.exporting.a4-format .detail-card h2{min-height:54px;font-size:18px;line-height:1.12;padding:10px 8px;margin:0 -14px 8px}
.hierarchical-report.exporting.a4-format .detail-card h2 i{width:32px;height:32px;font-size:15px;flex:0 0 32px}
.hierarchical-report.exporting.a4-format .detail-row{min-height:48px;padding:9px 7px;font-size:19px;border-bottom-width:2px}
.hierarchical-report.exporting.a4-format .detail-row strong{min-width:88px;font-size:22px}
.hierarchical-report.exporting.a4-format .chart-section{display:flex!important;height:220px;min-height:220px;margin-top:22px;padding:18px 22px;border:2px solid #c5deec;box-shadow:0 8px 20px rgba(7,56,110,.07)}
.hierarchical-report.exporting.a4-format .chart-section>div:first-child{width:250px}
.hierarchical-report.exporting.a4-format .chart-section span{font-size:12px}
.hierarchical-report.exporting.a4-format .chart-section h2{font-size:29px;margin-top:7px}
.hierarchical-report.exporting.a4-format .chart-wrap,.hierarchical-report.exporting.a4-format #reportChart,.hierarchical-report.exporting.a4-format #reportChart .apexcharts-canvas,.hierarchical-report.exporting.a4-format #reportChart svg{height:180px!important}
.hierarchical-report.exporting.a4-format .report-footer{min-height:42px;padding-top:13px;font-size:19px;border-top:2px solid #cbdfea}
.hierarchical-report.exporting.a4-format .report-footer small{font-size:13px}
