.malmo-dashboard{--md-brand:#0c6a58;--md-brand-2:#19a57f;--md-muted:#73817d;--md-line:#e1eae7;color:#13211e}.md-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:21px}.md-heading span{color:var(--md-brand);font-size:10px;font-weight:850;letter-spacing:1.4px;text-transform:uppercase}.md-heading h2{margin:5px 0 5px;font-size:28px;letter-spacing:-1px}.md-heading p{margin:0;color:var(--md-muted);font-size:12px}.md-live{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #c8ebdf;border-radius:99px;color:#16604f;background:#e5f6f0;font-size:11px;font-weight:750}.md-live i{width:8px;height:8px;border-radius:50%;background:#1eaa7e;box-shadow:0 0 0 5px rgba(30,170,126,.11)}
.md-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.md-kpi{position:relative;overflow:hidden;display:flex;justify-content:space-between;min-height:139px;padding:18px;border:1px solid #e3ebe8;border-radius:18px;background:#fff;box-shadow:0 8px 28px rgba(23,55,46,.055)}.md-kpi:after{content:"";position:absolute;width:86px;height:86px;right:-32px;top:-32px;border-radius:50%;background:#e8f6f1}.md-kpi>div{position:relative;z-index:1}.md-kpi small{display:block;color:var(--md-muted);font-size:11px;font-weight:650}.md-kpi strong{display:block;margin:15px 0 4px;font-size:30px;line-height:1;letter-spacing:-1px}.md-kpi p{margin:0;color:var(--md-muted);font-size:9.5px}.md-kpi>i{position:relative;z-index:1;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:var(--md-brand);background:#edf7f4;font-style:normal;font-weight:850}.md-kpi.blue:after{background:#eaf2ff}.md-kpi.blue>i{color:#426ab7;background:#e9f1ff}.md-kpi.warning:after{background:#fff2dd}.md-kpi.warning>i{color:#b8730c;background:#fff3df}.md-kpi.green:after{background:#e6f7f0}
.md-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.9fr);gap:17px;margin-top:17px}.md-panel{overflow:hidden;border:1px solid #e2eae7;border-radius:19px;background:#fff;box-shadow:0 14px 42px rgba(20,50,42,.07)}.md-panel>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px 13px}.md-panel h3{margin:0;font-size:14px}.md-panel header p{margin:4px 0 0;color:var(--md-muted);font-size:10px}.md-link{border:0;background:transparent;color:var(--md-brand);font-size:10px;font-weight:800;cursor:pointer}.md-panel-body{padding:5px 20px 18px}.md-flow-row{margin-top:14px}.md-flow-row>div:first-child{display:flex;justify-content:space-between;margin-bottom:7px;font-size:11px}.md-flow-track{height:7px;overflow:hidden;border-radius:99px;background:#edf3f1}.md-flow-track i{display:block;height:100%;min-width:3px;border-radius:inherit;background:linear-gradient(90deg,var(--md-brand),var(--md-brand-2))}.md-flow footer{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--md-line)}.md-flow footer div{padding:13px 18px}.md-flow footer div+div{border-left:1px solid var(--md-line)}.md-flow footer small{display:block;color:var(--md-muted);font-size:9px}.md-flow footer b{display:block;margin-top:4px;font-size:12px}
.md-list{padding:0 12px 13px}.md-alert{display:grid;grid-template-columns:35px minmax(0,1fr) auto;align-items:start;gap:10px;padding:11px;border-radius:12px}.md-alert:hover{background:#f8fbfa}.md-alert>i{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#fff2df;color:#b8730c;font-style:normal}.md-alert>i.red{color:#bf4141;background:#ffeded}.md-alert>i.green{color:#138b64;background:#e8f7f1}.md-alert strong{display:block;font-size:10.5px}.md-alert p{margin:3px 0 0;color:var(--md-muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.md-alert time{color:#98a6a2;font-size:8px}.md-empty{padding:30px 16px;color:var(--md-muted);text-align:center;font-size:11px}
.md-bottom{display:grid;grid-template-columns:1fr 1.1fr .85fr;gap:17px;margin-top:17px}.md-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 15px 16px}.md-quick-grid button{border:1px solid var(--md-line);border-radius:12px;padding:11px;text-align:left;background:#fbfdfc;cursor:pointer}.md-quick-grid button:hover{border-color:#bcded3;background:#f4fbf8}.md-quick-grid i{display:block;color:var(--md-brand);font-style:normal;font-weight:900}.md-quick-grid b{display:block;margin-top:6px;font-size:10px}.md-quick-grid small{display:block;margin-top:2px;color:var(--md-muted);font-size:8px}.md-activity-list{padding:0 17px 12px}.md-activity{position:relative;display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:9px;padding:8px 0}.md-activity>i{width:8px;height:8px;margin-top:4px;border:2px solid #ccebe1;border-radius:50%;background:var(--md-brand-2)}.md-activity strong{display:block;font-size:10px}.md-activity p{margin:3px 0 0;color:var(--md-muted);font-size:8.5px}.md-activity time{color:#98a6a2;font-size:8px}.md-data-body{padding:3px 18px 18px}.md-data-body>strong{display:block;font-size:30px}.md-data-body>span{color:var(--md-muted);font-size:9px}.md-data-body p{color:var(--md-muted);font-size:9.5px;line-height:1.5}.md-data-body button{width:100%;border:1px solid #efc8cd;border-radius:10px;padding:9px;color:#a53b48;background:#fff0f2;font-size:9px;font-weight:800;cursor:pointer}.md-data-body button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:1180px){.md-kpis{grid-template-columns:repeat(2,1fr)}.md-bottom{grid-template-columns:1fr 1fr}.md-data{grid-column:1/-1}}
@media(max-width:820px){.md-layout,.md-bottom{grid-template-columns:1fr}.md-data{grid-column:auto}.md-heading{align-items:flex-start}.md-live{display:none}}
@media(max-width:520px){.md-kpis{grid-template-columns:1fr}.md-kpi{min-height:126px}.md-heading h2{font-size:24px}.md-flow footer{grid-template-columns:1fr}.md-flow footer div+div{border-left:0;border-top:1px solid var(--md-line)}}