/* Shared overview geometry for attendance, expenses and cashflow. */
.mw-heading{display:flex;align-items:center;gap:16px;min-width:0;margin:12px 0 26px;flex-wrap:wrap;color:#17364c}
.mw-heading-copy{flex:1;min-width:180px}.mw-heading-copy h2{margin:5px 0 8px;line-height:1.4}.mw-heading-copy p{margin:0;color:#597589;line-height:1.7}
.mw-eyebrow{display:block;color:#008b80;letter-spacing:.12em;font-weight:700}.mw-heading-symbol{display:grid;place-items:center;width:54px;height:54px;flex:none;border-radius:14px;background:#009c90;color:white;box-shadow:0 4px 10px #183c5a14}.mw-icon{width:22px;height:22px;flex:none;vertical-align:middle}.mw-heading-symbol .mw-icon{width:28px;height:28px}
.mw-heading-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-left:auto}.mw-heading[data-tone=out] .mw-heading-symbol{background:#d56a00}.mw-heading[data-tone=out] .mw-eyebrow{color:#ae5700}.mw-heading[data-tone=invoice] .mw-heading-symbol,.mw-heading[data-tone=summary] .mw-heading-symbol{background:#2468d2}.mw-heading[data-tone=invoice] .mw-eyebrow,.mw-heading[data-tone=summary] .mw-eyebrow{color:#2468d2}
.mw-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.mw-metric{display:grid;align-content:start;gap:10px;min-width:0;padding:20px;background:#fff;border:1px solid #d6e5ec;border-radius:12px;box-shadow:0 2px 7px #17364c05}.mw-metric>span,.mw-metric>small{color:#597589;line-height:1.5}.mw-metric strong{color:#17364c;overflow-wrap:anywhere}.mw-metric[data-tone=warning]{background:#fffaf0;border-color:#eedbb5}.mw-metric[data-tone=warning] strong{color:#a46205}.mw-metric[data-tone=success]{background:#effbf6;border-color:#c0e4d5}.mw-metric[data-tone=success] strong{color:#008b72}.mw-metric[data-tone=danger]{background:#fff6f6;border-color:#edcbd0}.mw-metric[data-tone=danger] strong{color:#bb3349}
.mw-table-scroll{min-width:0;max-width:100%;overflow:auto;border:1px solid #d4e4ed;border-radius:11px;background:#fff}.mw-table{width:100%;border-collapse:collapse;color:#17364c;min-width:780px}.mw-table th,.mw-table td{padding:18px 14px;text-align:left;border-bottom:1px solid #dce8ef;vertical-align:middle;line-height:1.6}.mw-table th{background:#eaf4f7;white-space:nowrap;color:#31566b}.mw-table tbody tr:nth-child(even){background:#f8fbfd}.mw-table tbody tr:last-child td{border-bottom:0}.mw-table td small{display:block;margin-top:5px;color:#5e788c}.mw-table .mw-number{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.mw-table td .mw-cell-title{display:block;font-weight:700}.mw-table-caption{padding:13px 16px;border-top:1px solid #dce8ef;color:#5e788c;line-height:1.7}
@media(max-width:900px){.mw-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.mw-metric{padding:16px}.mw-heading-actions{margin-left:0}.mw-heading{margin-bottom:20px}}
@media(max-width:520px){.mw-heading{gap:12px}.mw-heading-symbol{width:44px;height:44px;border-radius:11px}.mw-heading-copy{min-width:180px}.mw-heading-actions{width:100%}.mw-metrics{gap:10px}.mw-metric{padding:14px;gap:8px}}

/* Consumer-specific density and spacing, owned by this shared component. */

.am-workspace>.mw-heading{margin:4px 0 0}

.am-month-card .mw-metrics{gap:10px;margin:18px 0}

.am-month-card .mw-metric{box-shadow:none;background:#f7fafc;padding:15px 12px}

.am-admin-content>.mw-metrics{margin:0}

@media(min-width:1100px){.am-month-card .mw-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}

@media(max-width:1099px){.am-month-card .mw-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:700px){.am-month-card .mw-metric{padding:14px 10px}}

.fi-tabs .mw-icon{width:20px;height:20px}

.fi-workspace-content>.mw-heading{margin-top:0;margin-bottom:28px}

.fi-document-pair .mw-icon{width:16px;height:16px}

/* Density shared by the compared management pages, without changing typography. */
.am-workspace>.mw-heading{margin:12px 0 0}
.am-month-card .mw-metrics{gap:8px;margin:14px 0}.am-month-card .mw-metric{padding:12px 10px;gap:7px;border-radius:5px}
.ex-page>.mw-heading,.ex-page>.mw-metrics{max-width:1200px;margin-left:auto;margin-right:auto}
.ex-page>.mw-metrics .mw-metric{padding:16px;gap:8px;border-radius:8px;background:#fff}
.ex-page>.mw-metrics .mw-metric[data-tone=warning]{border-left:3px solid #e4b957}.ex-page>.mw-metrics .mw-metric[data-tone=success]{border-left:3px solid #4db69f}

.ex-own-card .mw-table-scroll{border:0;border-radius:0}