/* MARDUSE_DASHBOARD_MODERN_V1 */
#customers > .welcome{margin-bottom:12px}
#mdToolbar{display:flex;align-items:center;gap:12px;margin:12px 0 22px;flex-wrap:wrap}
#mdToolbar .md-search{flex:1;min-width:220px}
#mdToolbar label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#mdToolbar input{width:100%;box-sizing:border-box;min-height:46px;border:1px solid var(--line,#343c59);border-radius:11px;padding:12px 16px;background:var(--card,#171b35);color:var(--text,#fff);font-size:15px}
#mdToolbar button{min-height:44px;border-radius:10px}
#mdDeskSlot #serviceDeskBar{margin:0;width:auto;align-items:center}
#mdDeskSlot #serviceDeskRecent{flex:0 1 auto}
#customers > .kpis{display:grid!important;grid-template-columns:repeat(24,minmax(0,1fr))!important;grid-auto-rows:auto!important;align-items:stretch!important;gap:12px!important;margin:0 0 22px}
#customers > .kpis > .md-heading{grid-column:1/-1!important;margin:8px 0 0;min-width:0}
#customers > .kpis > .md-heading h2{font-size:17px;line-height:1.4;font-weight:650;letter-spacing:-.02em;margin:0;color:var(--text,#fff)}
#customers > .kpis > .md-heading.md-main{margin:0}
#customers > .kpis > .kpi{grid-column:span 6!important;order:0!important;align-self:stretch!important;height:auto!important;min-height:0!important;min-width:0;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;padding:18px!important;border:1px solid var(--line,#303951);border-radius:14px;background:var(--card,#171b35);box-shadow:0 3px 12px #0000000a}
#customers > .kpis > .kpi.hidden{display:none!important}
#customers > .kpis > .kpi.md-attention{grid-column:span 4!important;padding:13px!important;gap:6px;background:var(--card,#171b35);border-top:2px solid #b78a4244}
#customers > .kpis > .kpi.md-finance{grid-column:span 8!important}
#customers > .kpis > .kpi.md-more{grid-column:span 12!important}
#customers > .kpis:not(.md-show-more) > .kpi.md-more{display:none!important}
#customers > .kpis .dashboard-group{display:none!important}
#customers > .kpis .row{align-items:flex-start!important;gap:12px!important;min-width:0}
#customers > .kpis .row > div:last-child{flex:1;min-width:0}
#customers > .kpis .kicon{width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:10px}
#customers > .kpis label{display:block;min-height:0!important;font-size:13px!important;font-weight:600;line-height:1.4!important;margin-bottom:6px}
#customers > .kpis b{font-size:30px!important;line-height:1.2!important;letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere!important}
#customers > .kpis small{font-size:11px!important;line-height:1.5!important;margin-top:6px;color:var(--muted,#adb5d0)}
#customers > .kpis .md-attention b{font-size:23px!important}
#customers > .kpis .md-attention .kicon{display:none!important}
#customers > .kpis :is(#dRevenue,#dRevenueToday,#dRevenueYear){font-size:19px!important;line-height:1.6!important;letter-spacing:0}
#customers > .kpis .dashboard-panel-breakdown{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:auto!important;padding-top:8px;border-top:1px solid var(--line,#303951)}
#customers > .kpis .dashboard-panel-chip{flex:0 1 auto!important;min-width:0;gap:5px!important;padding:5px 8px!important;border-radius:7px!important;align-items:center!important;overflow-wrap:anywhere!important;font-size:11px}
#customers > .kpis .dashboard-panel-chip > span{white-space:nowrap}
#customers > .kpis .dashboard-panel-chip strong{white-space:normal!important;overflow-wrap:anywhere;line-height:1.5}
#customers > .kpis button{min-height:38px!important;white-space:normal;overflow-wrap:anywhere!important}
#customers > .kpis #monthPaymentBreakdown{margin-top:auto!important}
#customers > .kpis #monthPaymentBreakdown button{margin-top:10px;width:100%;border-radius:9px}
#customers > .kpis .kpi[role=button]:focus-visible{outline:2px solid #8b85ff;outline-offset:3px}
@media(min-width:901px) and (max-width:1199px){
 #customers > .kpis > .kpi.md-main{grid-column:span 12!important}
 #customers > .kpis > .kpi.md-attention{grid-column:span 8!important}
 #customers > .kpis > .kpi.md-finance{grid-column:span 24!important}
}
@media(max-width:900px){
 #mdToolbar{display:none!important}
 #customers > .kpis,#customers.mm-mobile > .kpis,#customers.mm-mobile.mm-hide-summary > .kpis{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;grid-auto-rows:auto!important}
 #customers > .kpis > .md-heading{grid-column:1/-1!important}
 #customers > .kpis > .kpi,#customers.mm-mobile > .kpis > .kpi{grid-column:span 1!important;padding:12px!important;min-height:0!important;gap:9px}
 #customers > .kpis > .kpi.md-finance,#customers.mm-mobile > .kpis > .kpi.md-finance{grid-column:1/-1!important}
 #customers.mm-mobile.mm-hide-summary > .kpis > :not(.md-main){display:none!important}
 #customers.mm-mobile.mm-hide-summary > .kpis > .md-heading.md-main{display:none!important}
 #customers > .kpis .kicon{display:none!important}
 #customers > .kpis label,#customers.mm-mobile > .kpis label{font-size:12px!important;min-height:0!important}
 #customers > .kpis b{font-size:26px!important}
 #customers > .kpis button{min-height:44px!important}
 #customers > .kpis .dashboard-panel-chip{padding:5px!important;font-size:10px}
 #customers.mm-mobile.mm-hide-summary > .kpis .dashboard-panel-breakdown,#customers.mm-mobile.mm-hide-summary > .kpis .md-main small{display:none!important}
}