.a4-diagnostic-dashboard{display:grid;gap:14px;color:#eaf4ff}.a4-dashboard-heading,.a4-panel{border:1px solid #1e6686;background:#0c203f;border-radius:12px}.a4-dashboard-heading{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:linear-gradient(115deg,#0a2547,#101a3e)}.a4-dashboard-heading p,.a4-dashboard-heading h2{margin:0}.a4-dashboard-heading p{color:#35efbf;font-weight:800;font-size:12px}.a4-dashboard-heading span,.a4-panel small{color:#8ca9c9}.a4-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.a4-kpis article{padding:12px 15px;border-radius:10px;border-left:4px solid #2e74ec;background:#132843}.a4-kpis span{display:block;color:#9bb3ce;font-size:12px}.a4-kpis strong{display:block;margin-top:5px;font-size:clamp(17px,2vw,25px)}.a4-kpis .positive strong{color:#35efbf}.a4-kpis .negative strong{color:#fb7185}.a4-panel{padding:14px;min-width:0}.a4-panel>header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.a4-panel h3{margin:0;font-size:16px}.a4-grid{display:grid;gap:14px}.a4-grid-main{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)}.a4-grid-bottom{grid-template-columns:repeat(3,minmax(0,1fr))}.a4-alert-list,.a4-scroll-list,.a4-branch-list{display:grid;gap:8px}.a4-alert-list{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.a4-alert{display:grid;text-align:left;gap:4px;padding:11px 12px;color:#eaf4ff;background:#122c4c;border:1px solid #2e597d;border-radius:9px}.a4-alert span{color:#a9bdd3}.a4-alert.severity-severe{border-left:4px solid #fb7185}.a4-alert.severity-attention{border-left:4px solid #fbbf24}.a4-row,.a4-source-row,.a4-branch-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:9px 10px;background:#102747;border-radius:8px}.a4-row div,.a4-source-row div,.a4-branch-title{min-width:0}.a4-row span,.a4-source-row span,.a4-branch-title span{display:block;color:#9db5cf;font-size:12px}.a4-row em{font-style:normal;color:#fbbf24;font-size:12px}.a4-source-button{border:1px solid #2a7faa;background:transparent;color:#5edcff;border-radius:6px;padding:5px 7px;cursor:pointer}.a4-horizontal-bar{height:7px!important;background:#243c59;border-radius:99px;overflow:hidden}.a4-horizontal-bar i{display:block;height:100%;background:linear-gradient(90deg,#2e74ec,#35efbf);border-radius:inherit}.a4-branch-row{grid-template-columns:minmax(160px,.7fr) minmax(160px,1.5fr) auto auto}.a4-branch-row.loss .a4-horizontal-bar i{background:linear-gradient(90deg,#fb7185,#f59e0b)}.a4-trend-bars{height:270px;display:flex;align-items:stretch;gap:8px;padding:12px 6px 0;border-bottom:1px solid #32506f;overflow-x:auto}.a4-trend-month{min-width:62px;flex:1;display:grid;grid-template-rows:1fr auto auto;gap:4px;text-align:center}.a4-trend-columns{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:4px;border-bottom:1px solid #24466b}.a4-trend-columns i{display:block;width:15px;border-radius:5px 5px 0 0}.a4-trend-columns .income{background:#2e74ec}.a4-trend-columns .expense{background:#f59e0b}.a4-trend-columns b{position:absolute;left:50%;width:9px;height:9px;border-radius:50%;background:#35efbf;box-shadow:0 0 0 2px #0c203f}.a4-trend-month span{font-size:11px;color:#9db5cf}.a4-trend-month small{font-size:10px}.a4-empty{color:#829bb8;text-align:center;padding:18px}.a4-scroll-list{max-height:300px;overflow:auto}.supplier-overdue{border-left:3px solid #fb7185}.supplier-partial{border-left:3px solid #fbbf24}@media(max-width:1050px){.a4-grid-main,.a4-grid-bottom{grid-template-columns:1fr 1fr}.a4-grid-bottom>section:first-child{grid-column:1/-1}}@media(max-width:720px){.a4-kpis,.a4-grid-main,.a4-grid-bottom{grid-template-columns:1fr}.a4-grid-bottom>section:first-child{grid-column:auto}.a4-dashboard-heading{align-items:flex-start;flex-direction:column}.a4-branch-row,.a4-row,.a4-source-row{grid-template-columns:1fr}.a4-trend-bars{height:220px}}
