/* Compact, balanced data columns across purchases, expenses and detail tables. */
#page .data-table{table-layout:fixed}
#page .data-table :is(th,td){text-align:center;vertical-align:middle;overflow-wrap:anywhere;word-break:normal}
#page .data-table th{white-space:normal}
#page .data-table td b,#page .data-table td small{text-align:center}
#page .data-table th:nth-last-child(1),#page .data-table td:nth-last-child(1){width:13%;font-variant-numeric:tabular-nums}
#page .data-table th:nth-child(4),#page .data-table td:nth-child(4){width:30%;max-width:30rem}
#purchases-results .task-row{grid-template-columns:minmax(0,1fr) minmax(190px,auto);align-items:center}
#purchases-results .task-row>div{grid-column:1;width:100%;max-width:none;min-width:0;justify-self:stretch;text-align:left}
#purchases-results .task-row>strong{grid-column:2;min-width:max-content;justify-self:end;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
#purchases-results .task-row b,#purchases-results .task-row small{overflow-wrap:anywhere}
.central-reminders{display:grid;gap:12px;margin:0 0 18px}
.central-reminder{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 17px;border:1px solid var(--line);border-radius:14px;background:#fff}
.central-reminder-delivery{border-color:#d5e3fb;background:#f7faff}
.central-reminder-payroll{border-color:#f0d29a;background:#fff9eb}
.central-reminder-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#fff;font-size:1.3rem}
.central-reminder b{display:block;font:700 .95rem Manrope}
.central-reminder p{margin:3px 0 0;color:var(--muted);font-size:.82rem}
@media(max-width:760px){
 #page .data-table,#page .data-table tbody,#page .data-table tr,#page .data-table td{table-layout:auto}
 #page .data-table td,#page .data-table td b,#page .data-table td small{text-align:left}
 #page .data-table td:nth-child(4){width:auto;max-width:none}
 #purchases-results .task-row{grid-template-columns:minmax(0,1fr);gap:8px}
 #purchases-results .task-row>div,#purchases-results .task-row>strong{grid-column:auto;text-align:left;justify-self:start;white-space:normal}
 .central-reminder{grid-template-columns:42px minmax(0,1fr)}
 .central-reminder .btn{grid-column:1/-1;width:100%}
}