/* Approved expense card design. Layout is scoped to the live expenses view. */
#expensesView.expenses-redesign{--expense-muted:#535f58;--expense-border:#c8d2cb;--expense-detail:#f2f5f3}
html[data-theme="dark"] #expensesView.expenses-redesign{--expense-muted:#bdccc1;--expense-border:#5b7062;--expense-detail:#29372e}
#expensesView .expenses-title-actions{display:flex;align-items:center;gap:10px;min-width:0}
#expensesView #expensesEmployeeName{min-width:0;font-size:13px}
html body #expensesView #expensesEmployeeName select{width:auto;max-width:300px;height:40px;min-height:40px;font-size:14px;font-weight:400}
#expensesView .expenses-list-panel{border-radius:0}
#expensesView .expenses-person-summary{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,3fr);gap:20px;align-items:center;padding:12px 0;border-top:2px solid var(--md-secondary);border-bottom:1px solid var(--expense-border);margin-bottom:14px}
#expensesView .expenses-person-summary-name{padding:0 14px;min-width:0}
#expensesView .expenses-person-summary-name h2{font-size:15px;font-weight:600;margin:0}
#expensesView #expensesEmployeeMeta{font-size:11px;margin:0 0 2px}
#expensesView #expensesPeriod{display:block;margin-top:4px;font-size:12px;color:var(--expense-muted)}
#expensesView .expenses-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0}
#expensesView .expenses-overview article{min-width:0;padding:10px 12px;border:1px solid var(--expense-border);border-radius:8px;background:var(--md-surface-container-lowest)}
#expensesView .expenses-overview article>span{display:block;font-size:12px;color:var(--expense-muted)}
#expensesView .expenses-overview article>strong{display:block;margin-top:3px;font-size:14px;line-height:20px;font-weight:600}
#expensesView .expenses-overview small{display:block;margin-top:2px;font-size:11px;color:var(--expense-muted);overflow-wrap:anywhere}
#expensesView .expenses-overview small span{display:block}
#expensesView .expenses-card-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:12px;margin-bottom:18px;border-bottom:1px solid var(--expense-border)}
#expensesView .expenses-card-tabs{display:flex;gap:12px;flex-wrap:wrap}
html body #expensesView .expenses-card-tabs button{background:transparent!important;border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--muted);font-size:12px;line-height:18px;min-height:34px;padding:7px 10px;transform:none!important;display:flex;align-items:center;gap:7px}
html body #expensesView .expenses-card-tabs button.active{border-bottom-color:var(--md-primary);color:var(--md-primary)}
#expensesView .expenses-card-tabs small{font-size:11px;font-weight:400}
html body #expensesView #expensesList .expenses-list-actions{margin:0;gap:8px;display:flex;flex-wrap:wrap}
html body #expensesView #expensesList .expenses-list-actions button{transform:none!important;min-height:34px;padding:7px 12px;font-size:12px}
html body #expensesView #expensesList .expenses-month-group{margin:0 0 16px;border:1px solid var(--expense-border);border-radius:6px;background:var(--md-surface-container-lowest);overflow:hidden;min-width:0}
html body #expensesView #expensesList .expenses-month-divider{padding:10px 12px;margin:0;border:0;border-radius:0;background:var(--expense-detail);justify-content:space-between;gap:10px}
html body #expensesView #expensesList .expenses-month-group:not(.is-collapsed)>.expenses-month-divider{border-bottom:1px solid var(--expense-border)}
html body #expensesView #expensesList .expenses-month-toggle{border:0!important;background:transparent!important;padding:6px 0!important;font-size:14px;font-weight:600;min-height:34px;box-shadow:none}
html body #expensesView #expensesList .expenses-month-admin-actions{gap:8px;margin:0}
html body #expensesView #expensesList .expenses-month-admin-actions button{font-size:12px;padding:7px 10px!important;min-height:34px}
html body #expensesView #expensesList .expenses-month-group-body{padding:10px;gap:10px}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card{position:relative;display:block!important;grid-template:none!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;margin:0!important;border:1px solid var(--expense-border)!important;border-radius:6px!important;background:var(--md-surface-container-lowest)!important;overflow:hidden;box-shadow:none!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px!important;background:#c5a045!important;pointer-events:none;z-index:1;border-radius:0}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card.is-validated::before{background:#31845a!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card[data-expenses-state="zurueckgewiesen"]::before{background:var(--md-error)!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card::after{content:none!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card>.expenses-card-top{display:grid!important;grid-template-columns:minmax(0,1fr) 230px!important;grid-template-rows:auto!important;gap:14px!important;padding:12px 14px!important;margin:0!important;align-items:start!important;min-width:0!important}
#expensesView .expenses-card-main{min-width:0}
#expensesView .expenses-card-main h3{font-size:14px;line-height:20px;font-weight:650;margin:4px 0 3px;color:var(--ink);overflow-wrap:anywhere}
#expensesView .expenses-card-main p{font-size:12px;line-height:18px;color:var(--expense-muted);margin:0;overflow-wrap:anywhere}
#expensesView .expenses-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;line-height:18px;color:var(--expense-muted)}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-meta>span{display:inline-flex;align-items:center;gap:5px;line-height:18px;min-width:0;margin:0!important;align-self:center}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-meta :is(.expenses-status-chip,.expenses-external-label){position:static;display:inline-flex;align-items:center;justify-content:center;min-height:18px;line-height:16px;height:auto!important;margin:0!important;padding:0 5px!important;transform:none!important;font-size:10px;font-weight:500;vertical-align:initial;border-radius:4px;white-space:nowrap}
#expensesView .expenses-card-side{display:flex;flex-direction:column;align-items:flex-end;min-width:0;gap:6px}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-actions-cell{position:static!important;display:flex!important;flex-direction:row!important;justify-content:flex-end;align-items:center;gap:6px!important;width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;grid-area:auto!important;margin:0 0 4px!important;padding:0!important;transform:none!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-action-button{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;padding:6px!important;border:1px solid var(--md-outline-variant);border-radius:6px;background:var(--md-surface-container-lowest)!important;box-shadow:none!important;transform:none!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-action-button.is-danger{border-color:#e6a4a4;color:#cf2828}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-action-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-action-button .expenses-status-icon{display:grid;place-items:center;width:18px;height:18px;flex:0 0 18px;margin:0}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-action-button svg{display:block;width:18px!important;height:18px!important;flex-shrink:0;margin:0}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-total{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:4px!important;width:auto!important;min-width:0!important;max-width:100%!important;grid-area:auto!important;margin:0!important;padding:0!important;border:0!important;transform:none!important;text-align:right}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-total>strong{font-size:16px!important;font-weight:650!important;line-height:20px;white-space:nowrap;font-variant-numeric:tabular-nums}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-total>small{font-size:11px!important;font-weight:400;line-height:16px;color:var(--expense-muted);white-space:normal;overflow-wrap:anywhere}
#expensesView .expenses-card-allowance{display:inline-flex;gap:6px;align-items:center;font-size:11px;font-weight:400}
html body #expensesView .expenses-card-allowance input{width:16px!important;height:16px!important;min-height:16px!important;margin:0!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card>.expenses-card-details{display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;justify-content:flex-start!important;gap:12px 24px!important;padding:12px 14px!important;margin:0!important;background:var(--expense-detail)!important;border-top:1px solid var(--expense-border);min-width:0!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-details>*{position:static!important;grid-area:auto!important;width:auto!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;transform:none!important;align-self:start!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-details .expenses-cell-heading{font-size:12px!important;font-weight:400!important;line-height:18px!important;color:var(--expense-muted)!important;white-space:normal!important;margin:0!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-details :is(.expenses-route-input-cell,.expenses-billable-km-cell){display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:5px!important;border:0!important;flex:0 1 auto}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-details :is(.expenses-route-input-cell,.expenses-billable-km-cell)>*{position:static!important;grid-area:auto!important;width:auto!important;min-width:0!important;max-width:100%!important;height:auto!important;transform:none!important;margin:0!important;white-space:normal!important;overflow-wrap:anywhere;line-height:18px!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-details :is(.expenses-route-input-cell,.expenses-billable-km-cell)>strong{font-size:13px!important;font-weight:600!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-billable-km-cell strong{color:var(--match-green)!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card input[data-expenses-route-km]{width:90px!important;max-width:100%!important;min-width:0!important;height:34px!important;min-height:34px!important;padding:6px 9px!important;font-size:13px!important;transform:none!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-route-source{font-size:12px!important;line-height:18px!important;color:#005fa9!important;white-space:normal!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-billable-km-cell small{font-size:11px!important;line-height:18px!important;white-space:normal!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card>.expenses-route-deviation-cell{position:static!important;display:block!important;grid-area:auto!important;width:auto!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0 14px 12px!important;transform:none!important;border:0!important;border-radius:0!important;background:var(--expense-detail)!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card>.expenses-daily-allowance-spacer{display:none!important}
#expensesView .expenses-card-note summary{color:var(--match-green);font-size:11px;cursor:pointer}
#expensesView .expenses-card-note p{font-size:12px;line-height:18px;margin:6px 0 0;font-weight:400;white-space:pre-wrap;overflow-wrap:anywhere}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-route-deviation-cell textarea{width:100%!important;min-height:62px!important;font-size:14px;line-height:20px;resize:vertical}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-details :is(.expenses-receipts-cell,.expenses-note-cell){display:flex!important;flex-direction:column!important;gap:6px!important;flex:1 1 200px;max-width:420px!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-details :is(.expenses-note-cell,.expenses-receipts-cell)>*{position:static!important;grid-area:auto!important;width:auto!important;max-width:100%!important;min-width:0!important;height:auto!important;transform:none!important;margin:0!important;white-space:normal!important;overflow-wrap:anywhere}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-details .expenses-note-cell textarea{width:100%!important;min-height:62px!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-details .expenses-hospitality-contacts{display:flex!important;flex-wrap:wrap;gap:12px 20px!important;flex:1 1 250px}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-hospitality-contact-section{display:flex!important;flex-direction:column;gap:6px!important;min-width:0!important;max-width:100%!important;width:auto!important;grid-area:auto!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-contact-object-list{display:flex!important;flex-wrap:wrap;gap:6px!important;max-width:100%;height:auto!important;max-height:none!important;overflow:visible!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-contact-object{min-width:0!important;max-width:100%!important;width:auto!important;height:auto!important;white-space:normal!important;overflow-wrap:anywhere}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-contact-object strong{white-space:normal!important;overflow-wrap:anywhere;overflow:visible!important;text-overflow:clip!important;height:auto!important}
#expensesView .is-validated .expenses-hospitality-contact-section:has(.expenses-contact-object-list:empty){display:none!important}
#expensesView .expenses-card-money-fields{display:flex!important;gap:18px!important;flex-wrap:wrap;flex:1 1 280px}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-money-fields :is(.expenses-money-cell,.expenses-vat-cell){display:flex!important;align-items:start!important;gap:10px!important;width:auto!important;min-width:0!important;grid-area:auto!important;margin:0!important;padding:0!important;transform:none!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-money-fields :is(.expenses-amount-field,.expenses-euro-toggle,.expenses-vat-rate-field,.expenses-credit-card-toggle){display:flex!important;flex-direction:column!important;align-items:start!important;gap:6px!important;grid-area:auto!important;width:auto!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;transform:none!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-money-fields input[data-expenses-amount]{width:100px!important;min-width:0!important;max-width:100%!important;height:34px!important;transform:none!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-money-fields select{width:90px!important;min-width:0!important;height:34px!important;font-size:13px!important;transform:none!important}
#expensesView .expenses-card-empty{font-size:13px;color:var(--muted);padding:16px}
#expensesView .expenses-card-summary{padding-top:12px;border-top:1px solid var(--expense-border)}
#expensesView .expenses-card-summary>summary{font-size:12px;color:var(--expense-muted);cursor:pointer}
html[data-theme="dark"] #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-route-source{color:#9acfff!important}
@media(max-width:1100px){#expensesView .expenses-person-summary{grid-template-columns:minmax(0,1fr);gap:12px}#expensesView .expenses-person-summary-name{padding:0}}
@media(max-width:700px){#expensesView .expenses-title-actions{width:100%}#expensesView #expensesEmployeeName{flex:1}html body #expensesView #expensesEmployeeName select{width:100%;max-width:none}#expensesView .expenses-overview{grid-template-columns:minmax(0,1fr)}#expensesView .expenses-card-toolbar{align-items:flex-start}html body #expensesView #expensesList article.expenses-row.expenses-modern-card>.expenses-card-top{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}#expensesView .expenses-card-side{width:100%}html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-details>*{max-width:100%!important}html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-meta .expenses-external-label{white-space:normal}#expensesView .expenses-card-tabs{gap:4px}}

html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-meta .expenses-status-chip.is-validiert{background:#e6f3eb!important;color:#175f3e!important;border:1px solid #8fbea0!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-meta .expenses-status-chip.is-entwurf{background:#f4efe3!important;color:#71551e!important;border:1px solid #cbbc94!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-meta .expenses-status-chip.is-admin-edited{background:var(--md-primary)!important;color:var(--md-on-primary)!important;border-color:var(--md-primary)!important}
html[data-theme="dark"] body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-meta .expenses-status-chip.is-validiert{background:#274735!important;color:#c2ecd0!important;border-color:#6c9f7d!important}
html[data-theme="dark"] body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-meta .expenses-status-chip.is-entwurf{background:#403923!important;color:#ead7a2!important;border-color:#9a8955!important}

html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-actions-cell{width:max-content!important;max-width:none!important;flex-wrap:nowrap!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-details :is(.expenses-route-input-cell,.expenses-billable-km-cell){text-align:left!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-details :is(.expenses-route-input-cell,.expenses-billable-km-cell)>*{text-align:left!important;align-self:flex-start!important}

html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-actions-cell{align-self:flex-end!important;justify-self:end!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-details .expenses-card-route-breakdown{margin-left:auto!important;font-size:11px;line-height:18px;color:var(--expense-muted);text-align:right;padding-top:2px!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-details :is(.expenses-route-input-cell,.expenses-billable-km-cell){display:grid!important;grid-template-columns:auto auto!important;grid-template-rows:auto auto!important;gap:6px 8px!important;align-content:start!important;align-items:center!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-details :is(.expenses-route-input-cell,.expenses-billable-km-cell)>.expenses-cell-heading{grid-column:1!important;grid-row:1!important;align-self:center!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-details :is(.expenses-route-input-cell,.expenses-billable-km-cell)>:is(strong,label){grid-column:2!important;grid-row:1!important;align-self:center!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-details :is(.expenses-route-input-cell,.expenses-billable-km-cell)>:is(small,a){grid-column:1 / -1!important;grid-row:2!important}
@media(max-width:700px){html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-details .expenses-card-route-breakdown{margin-left:0!important;text-align:left;flex-basis:100%}}

/* Participant names wrap horizontally rather than growing a vertical list. */
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-details .expenses-hospitality-contacts{display:flex!important;flex-direction:column!important;justify-content:center!important;align-self:center!important;gap:10px!important;flex:2 1 360px}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-hospitality-contact-section{display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;grid-template-rows:auto!important;align-items:center!important;gap:8px!important;width:100%!important;max-width:100%!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-hospitality-contact-section>.expenses-cell-heading{padding:0!important;margin:0!important;align-self:center!important;line-height:20px!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-contact-object-list{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;align-content:flex-start!important;gap:6px!important;min-width:0!important;width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-contact-object{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;flex:0 1 auto;min-height:28px!important;height:auto!important;width:auto!important;max-width:100%!important;padding:4px 8px!important;white-space:normal!important;border-radius:5px}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-contact-object strong{min-height:0!important;height:auto!important;font-size:12px!important;line-height:18px!important;font-weight:500!important;white-space:normal!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-contact-add-button{flex:0 0 28px!important;width:28px!important;min-width:28px!important;min-height:28px!important;height:28px!important;padding:5px!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card.is-validated .expenses-hospitality-contact-section:not(:has(.expenses-contact-object)){display:none!important}
@media(max-width:500px){html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-hospitality-contact-section{grid-template-columns:minmax(0,1fr)!important;gap:4px!important}}

html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-total{align-self:flex-end!important;justify-self:end!important;width:100%!important;max-width:100%!important;text-align:right!important;align-items:flex-end!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-total>strong,
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-total>small{text-align:right!important;align-self:flex-end!important;margin-left:auto!important}

/* One label baseline and one shared control centre for amount, EUR, VAT and card. */
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-money-fields :is(.expenses-money-cell,.expenses-vat-cell){align-items:start!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-money-fields :is(.expenses-amount-field,.expenses-euro-toggle,.expenses-vat-rate-field,.expenses-credit-card-toggle){display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:18px 34px!important;gap:6px!important;align-items:center!important;align-content:start!important;min-height:58px!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-money-fields :is(.expenses-amount-field,.expenses-euro-toggle,.expenses-vat-rate-field,.expenses-credit-card-toggle)>.expenses-cell-heading{grid-row:1!important;grid-column:1!important;height:18px!important;line-height:18px!important;align-self:center!important;padding:0!important;margin:0!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-money-fields :is(.expenses-amount-field,.expenses-euro-toggle,.expenses-vat-rate-field,.expenses-credit-card-toggle)>:is(input,select){grid-row:2!important;grid-column:1!important;align-self:center!important;justify-self:start!important;margin:0!important;transform:none!important}
html body #expensesView #expensesList article.expenses-row.expenses-modern-card .expenses-card-money-fields input[type=checkbox]{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-height:16px!important;padding:0!important}

#expensesView .expenses-month-status{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:400;color:var(--expense-muted)}
html body #expensesView #expensesList .expenses-month-status select{height:34px;min-height:34px;min-width:145px;padding:6px 28px 6px 10px;font-size:12px;line-height:20px;font-weight:500;transform:none}
#expensesView .expenses-month-status-readonly{font-size:12px;color:var(--expense-muted)}
@media(max-width:500px){#expensesView .expenses-month-status{flex-wrap:wrap;gap:5px}html body #expensesView #expensesList .expenses-month-status select{min-width:125px}}