.spend-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}.spend-form-grid .wide{grid-column:1/-1}.payment-executor.is-card select{opacity:.65}.spend-item{display:grid;grid-template-columns:minmax(190px,2fr) repeat(3,minmax(105px,1fr)) auto;gap:12px;align-items:end;padding:16px 0;border-bottom:1px solid var(--line)}.spend-item .text-button{margin-bottom:16px}.spend-live-total{display:flex;justify-content:space-between;align-items:center;margin:22px 0;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--raised)}.spend-live-total strong,.money,.spend-card-amount,.spend-hero-total strong{font-variant-numeric:tabular-nums}.spend-filter-panel{padding:14px}.spend-filters{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(150px,1fr)) auto auto;gap:10px;align-items:center}.spend-filters input,.spend-filters select{margin:0}.spend-clear{white-space:nowrap}.spend-empty{text-align:center;padding:36px}.spend-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.spend-card{display:flex;flex-direction:column;min-height:230px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--raised);color:inherit;text-decoration:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.spend-card:hover,.spend-card:focus-visible{transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,.08)}.spend-card-top,.spend-card-foot,.spend-card-tags,.spend-heading-meta,.spend-detail-summary>div{display:flex;align-items:center;gap:8px}.spend-card-top{justify-content:space-between}.spend-card-id{font-size:12px;letter-spacing:.06em;font-weight:700;opacity:.7}.spend-card h2{font-size:18px;line-height:1.35;margin:18px 0 9px}.spend-card-tags{font-size:12px;flex-wrap:wrap;opacity:.8}.spend-card-amount{font-size:25px;font-weight:800;margin:22px 0}.spend-card-amount small,.spend-hero-total small{font-size:.55em;font-weight:700}.spend-card-foot{justify-content:space-between;margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-size:12px}.spend-card-foot strong{max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spend-status.pending,.spend-status.awaiting_payment{background:var(--warning-soft);color:var(--warning)}.spend-status.approved,.spend-status.paid,.spend-status.completed{background:var(--success-soft);color:var(--success)}.spend-status.rejected{background:var(--danger-soft);color:var(--danger)}.spend-status.draft{background:var(--raised);border:1px solid var(--line)}.back-button{display:inline-flex;margin-bottom:14px}.spend-detail-heading{margin-bottom:14px}.spend-heading-meta{flex-wrap:wrap}.spend-hero-total{display:flex;justify-content:space-between;align-items:end;padding:18px 20px;margin-bottom:16px;border:1px solid var(--line);border-radius:16px;background:var(--raised)}.spend-hero-total>span{font-size:13px;opacity:.75}.spend-hero-total strong{font-size:30px}.spend-detail-grid{align-items:start}.spend-detail-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}.spend-purpose{margin:16px 0 22px;padding:14px 16px;border-inline-start:3px solid var(--line);background:var(--raised);border-radius:10px}.spend-detail-items{display:grid;gap:12px}.spend-detail-item{padding:15px;border:1px solid var(--line);border-radius:13px;background:var(--raised)}.spend-detail-item h3{margin:0 0 12px;font-size:15px}.spend-item-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.spend-item-metrics>div{display:flex;flex-direction:column;gap:4px}.spend-item-metrics small{opacity:.65;font-size:11px}.spend-item-metrics strong{font-variant-numeric:tabular-nums}.spend-item-metrics .item-total{text-align:end}.spend-summary{margin-top:18px;margin-inline-start:auto;max-width:390px}.spend-summary>div{display:flex;justify-content:space-between;gap:16px;padding:8px 0}.spend-summary .grand{border-top:1px solid var(--line);margin-top:6px;padding-top:12px;font-size:17px}.spend-action-panel{display:grid;gap:14px}.spend-action-panel:has(form[action*="/decision"]),.spend-action-panel:has(.payment-form){border-color:color-mix(in srgb,var(--danger) 26%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--danger-soft) 54%,var(--panel)) 0%,color-mix(in srgb,var(--danger-soft) 24%,var(--panel)) 46%,var(--panel) 100%);box-shadow:0 8px 24px color-mix(in srgb,var(--danger) 8%,transparent)}.payment-plan-summary{display:flex;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:var(--raised)}.payment-plan-summary span{font-size:12px;opacity:.75;text-align:end}.payment-step{padding-top:10px;border-top:1px solid var(--line)}.payment-step p{margin:6px 0 0;font-size:12px;opacity:.75}.payment-form{display:grid;gap:9px}.full-button{width:100%;justify-content:center}.payment-recorded small{display:block;margin-top:5px}.spend-lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.approval-history{display:grid;gap:10px}.approval-entry{border-inline-start:3px solid var(--line);padding:10px 12px;background:var(--raised);border-radius:8px}.approval-entry.approve{border-inline-start-color:var(--success)}.approval-entry.reject{border-inline-start-color:var(--danger)}.spend-attachments{display:grid;gap:8px;margin-bottom:14px}.attachment-card{display:flex;justify-content:space-between;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;color:inherit;text-decoration:none}.attachment-card small{opacity:.65}.timeline-panel{margin-top:16px}.spend-timeline{display:grid}.timeline-entry{position:relative;display:grid;grid-template-columns:20px 1fr;gap:10px;padding:0 0 18px}.timeline-entry:not(:last-child):before{content:"";position:absolute;inset-inline-start:7px;top:13px;bottom:-2px;width:1px;background:var(--line)}.timeline-dot{position:relative;z-index:1;width:15px;height:15px;border:3px solid var(--raised);border-radius:50%;background:currentColor;margin-top:2px}.timeline-entry p{margin:3px 0;font-size:13px}.timeline-entry small{opacity:.65}.report-panel{max-width:720px}.report-form{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end}.report-form input{margin:0}.report-form button{height:fit-content}@media(max-width:1100px){.spend-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spend-filters{grid-template-columns:1fr 1fr 1fr}.spend-search{grid-column:1/-1}.spend-clear{justify-self:start}}@media(max-width:900px){.spend-item{grid-template-columns:1fr 1fr}.spend-item>div:first-child{grid-column:1/-1}.spend-item .text-button{margin-bottom:0}.spend-lower-grid{grid-template-columns:1fr}.spend-detail-grid{grid-template-columns:1fr}.spend-action-panel{position:static}}@media(max-width:640px){.spend-form-grid{grid-template-columns:1fr}.spend-form-grid .wide{grid-column:auto}.spend-card-grid{grid-template-columns:1fr}.spend-card{min-height:205px}.spend-card-amount{font-size:24px}.spend-filters{grid-template-columns:1fr}.spend-search{grid-column:auto}.spend-clear{justify-self:start}.spend-card-foot{align-items:flex-end}.spend-card-foot strong{max-width:60%}.spend-item{grid-template-columns:1fr 1fr}.spend-item>div:first-child{grid-column:1/-1}.spend-item-metrics{grid-template-columns:1fr 1fr}.spend-item-metrics .item-total{text-align:start}.spend-summary{max-width:none}.spend-detail-summary{align-items:flex-start;flex-direction:column}.spend-hero-total{align-items:flex-start;flex-direction:column;gap:5px}.spend-hero-total strong{font-size:27px}.payment-plan-summary{flex-direction:column}.payment-plan-summary span{text-align:start}.report-form{grid-template-columns:1fr}.attachment-card{flex-direction:column}.spend-detail-item{padding:14px}.spend-detail-item h3{font-size:16px}}

/* Spend list polish: keep the existing structure, but align information and controls consistently. */
.spend-list-panel{padding:.35rem .8rem}.spend-request-list{display:grid;gap:0}.spend-request-row{position:relative;display:grid!important;grid-template-columns:30px minmax(240px,1fr) auto auto minmax(110px,auto) 34px 38px 38px;gap:.65rem;align-items:center;min-height:76px;padding:.75rem .45rem!important;border-bottom:1px solid var(--line);border-radius:0!important}.spend-request-row:last-child{border-bottom:0}.spend-row-main{min-width:0;display:flex;flex-direction:column;gap:.18rem}.spend-row-main>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spend-row-main .task-mobile-meta{display:none}.spend-row-amount{font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:end}.spend-row-amount small{font-size:.7em}.spend-viewers,.spend-row-kebab{position:relative!important;top:auto!important;inset:auto!important;transform:none!important;z-index:7}.spend-viewers>summary,.spend-row-kebab>summary{list-style:none;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;cursor:pointer;color:var(--muted)}.spend-viewers>summary::-webkit-details-marker,.spend-row-kebab>summary::-webkit-details-marker{display:none}.spend-viewers>summary:hover,.spend-row-kebab>summary:hover{background:var(--surface-2);color:var(--ink)}.spend-viewers .viewer-popover,.spend-row-kebab .menu-popover{top:40px;inset-inline-end:0}.spend-row-kebab .menu-popover{position:absolute;min-width:190px;padding:.35rem}.spend-row-kebab .menu-popover button,.spend-row-kebab .menu-popover a{display:block;width:100%;padding:.55rem .7rem;border:0;background:transparent;color:inherit;text-decoration:none;text-align:start;border-radius:7px;cursor:pointer;font:inherit}.spend-row-kebab .menu-popover button:hover,.spend-row-kebab .menu-popover a:hover{background:var(--surface-2)}.spend-row-kebab .menu-popover form{margin:0}.spend-request-row.has-unread{background:linear-gradient(135deg,rgba(254,226,226,.72),#fff 62%)}
@media(max-width:980px){.spend-request-row{grid-template-columns:28px minmax(190px,1fr) auto auto 38px 38px}.spend-request-row .spend-category-pill,.spend-request-row .assignee-avatar{display:none}.spend-row-main .task-mobile-meta{display:block}.spend-row-amount{min-width:100px}}
@media(max-width:700px){.spend-list-heading{gap:.75rem}.spend-list-heading .page-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.spend-list-heading .page-actions .primary{grid-column:1/-1}.spend-list-panel{padding:.2rem .55rem}.spend-request-row{grid-template-columns:26px minmax(0,1fr) 36px 36px;gap:.45rem;padding:.8rem .25rem!important}.spend-request-row .spend-status,.spend-request-row .spend-row-amount{display:none}.spend-row-main>strong{white-space:normal}.spend-row-main .task-mobile-meta{font-size:.78rem;line-height:1.45}.spend-viewers .viewer-popover{width:min(260px,78vw)}.spend-row-kebab .menu-popover{min-width:180px}}