/* General status metrics: prominent icon beside the label, value and context. */
body.xsorx-button-colors.xsorx-has-portal-layout .xsorx-manager .xsorx-manager-grid.xsorx-dashboard-cards{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:16px}
body.xsorx-button-colors.xsorx-has-portal-layout .xsorx-manager .xsorx-manager-grid.xsorx-dashboard-cards .xsorx-stat-card{--stat-accent:#357af0;--stat-surface:#fff;--stat-border:#dfe5ed;--stat-text:#182c45;--stat-muted:#647084;display:flex;align-items:center;gap:16px;min-height:118px;padding:20px 18px;border-radius:12px;background:var(--stat-surface)!important;border:1px solid var(--stat-border)!important;color:var(--stat-text)!important;box-shadow:0 2px 6px rgba(15,23,42,.025);text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease}
body.xsorx-button-colors.xsorx-has-portal-layout .xsorx-manager .xsorx-manager-grid.xsorx-dashboard-cards .xsorx-stat-card[data-stat-kind=people]{--stat-accent:#18ac62}
body.xsorx-button-colors.xsorx-has-portal-layout .xsorx-manager .xsorx-manager-grid.xsorx-dashboard-cards .xsorx-stat-card[data-stat-kind=pool]{--stat-accent:#367cf0}
body.xsorx-button-colors.xsorx-has-portal-layout .xsorx-manager .xsorx-manager-grid.xsorx-dashboard-cards .xsorx-stat-card[data-stat-kind=pending]{--stat-accent:#cb8614}
body.xsorx-button-colors.xsorx-has-portal-layout .xsorx-manager .xsorx-manager-grid.xsorx-dashboard-cards .xsorx-stat-card[data-stat-kind=balance]{--stat-accent:#8b5bd8}
body.xsorx-button-colors.xsorx-has-portal-layout .xsorx-manager .xsorx-manager-grid.xsorx-dashboard-cards .xsorx-stat-card[data-stat-kind=leave]{--stat-accent:#159c9b}
body.xsorx-button-colors.xsorx-has-portal-layout .xsorx-manager .xsorx-manager-grid.xsorx-dashboard-cards .xsorx-stat-card[data-stat-kind=upcoming]{--stat-accent:#367cf0}
body.xsorx-button-colors.xsorx-has-portal-layout .xsorx-manager .xsorx-manager-grid.xsorx-dashboard-cards .xsorx-stat-card[data-stat-kind=report]{--stat-accent:#de535c}
body.xsorx-button-colors.xsorx-has-portal-layout .xsorx-manager .xsorx-manager-grid.xsorx-dashboard-cards .xsorx-stat-card[data-stat-kind=absence]{--stat-accent:#df793b}
body.xsorx-button-colors.xsorx-has-portal-layout .xsorx-manager .xsorx-manager-grid.xsorx-dashboard-cards .xsorx-stat-card[data-stat-kind=overtime]{--stat-accent:#735bd7}
body.xsorx-button-colors.xsorx-has-portal-layout .xsorx-manager .xsorx-manager-grid.xsorx-dashboard-cards .xsorx-stat-icon{display:flex;align-items:center;justify-content:center;flex:0 0 54px;width:54px;height:54px;border-radius:11px;background:var(--stat-accent)!important;color:#fff!important}
body.xsorx-button-colors.xsorx-has-portal-layout .xsorx-manager .xsorx-manager-grid.xsorx-dashboard-cards .xsorx-stat-icon svg{display:block;width:28px;height:28px;max-width:100%;color:#fff}
body.xsorx-button-colors.xsorx-has-portal-layout .xsorx-manager .xsorx-manager-grid.xsorx-dashboard-cards .xsorx-stat-content{display:flex;flex:1;flex-direction:column;min-width:0;gap:4px;color:var(--stat-text)!important}
body.xsorx-button-colors.xsorx-has-portal-layout .xsorx-manager .xsorx-manager-grid.xsorx-dashboard-cards .xsorx-stat-label{display:block;font-size:13px;line-height:1.35;font-weight:500;color:var(--stat-muted)!important;overflow-wrap:break-word}
body.xsorx-button-colors.xsorx-has-portal-layout .xsorx-manager .xsorx-manager-grid.xsorx-dashboard-cards .xsorx-stat-value{display:block;margin:0;font-size:25px;line-height:1.2;letter-spacing:-.5px;font-weight:650;color:var(--stat-text)!important;overflow-wrap:break-word;font-variant-numeric:tabular-nums}
body.xsorx-button-colors.xsorx-has-portal-layout .xsorx-manager .xsorx-manager-grid.xsorx-dashboard-cards .xsorx-stat-caption{display:block;max-width:100%;margin-top:1px;font-size:11px;line-height:1.4;font-weight:400;color:var(--stat-muted)!important;white-space:normal;overflow-wrap:break-word}
body.xsorx-button-colors.xsorx-has-portal-layout .xsorx-manager .xsorx-manager-grid.xsorx-dashboard-cards .xsorx-stat-card:is(:hover,:focus-visible){background:var(--stat-surface)!important;color:var(--stat-text)!important;border-color:#b7c4d5!important;box-shadow:0 5px 16px rgba(15,23,42,.09);transform:none}
body.xsorx-button-colors.xsorx-has-portal-layout .xsorx-manager .xsorx-manager-grid.xsorx-dashboard-cards .xsorx-stat-card:focus-visible{outline:2px solid var(--stat-accent);outline-offset:3px}
body.xsorx-button-colors.xsorx-has-portal-layout .xsorx-manager .xsorx-manager-grid.xsorx-dashboard-cards .xsorx-stat-card:is(:hover,:focus-visible) .xsorx-stat-icon{background:var(--stat-accent)!important;color:#fff!important}
body[data-xsorx-mode=dark].xsorx-button-colors.xsorx-has-portal-layout .xsorx-manager .xsorx-manager-grid.xsorx-dashboard-cards .xsorx-stat-card,body.xsorx-style-graphite.xsorx-button-colors.xsorx-has-portal-layout .xsorx-manager .xsorx-manager-grid.xsorx-dashboard-cards .xsorx-stat-card{--stat-surface:#25282e;--stat-border:#3b414a;--stat-text:#f1f3f6;--stat-muted:#adb4bf;box-shadow:none}
body[data-xsorx-mode=light].xsorx-button-colors.xsorx-has-portal-layout .xsorx-manager .xsorx-manager-grid.xsorx-dashboard-cards .xsorx-stat-card{--stat-surface:#fff;--stat-border:#dfe5ed;--stat-text:#182c45;--stat-muted:#647084}
@media(max-width:480px){body.xsorx-button-colors.xsorx-has-portal-layout .xsorx-manager .xsorx-manager-grid.xsorx-dashboard-cards{gap:12px}body.xsorx-button-colors.xsorx-has-portal-layout .xsorx-manager .xsorx-manager-grid.xsorx-dashboard-cards .xsorx-stat-card{min-height:110px;padding:18px;gap:18px}}

@media(max-width:1199px){body.xsorx-button-colors.xsorx-has-portal-layout .xsorx-manager .xsorx-manager-grid.xsorx-dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){body.xsorx-button-colors.xsorx-has-portal-layout .xsorx-manager .xsorx-manager-grid.xsorx-dashboard-cards{grid-template-columns:minmax(0,1fr)}}

@media(min-width:1200px) and (max-width:1279px){body.xsorx-button-colors.xsorx-has-portal-layout .xsorx-manager .xsorx-manager-grid.xsorx-dashboard-cards .xsorx-stat-card{padding:18px 12px;gap:12px}}

body.xsorx-button-colors.xsorx-has-portal-layout .xsorx-manager .xsorx-manager-grid.xsorx-dashboard-cards .xsorx-stat-card[data-stat-kind=report] svg{fill:currentColor;stroke:none}