:root{--bidfood-navy:#0d124a;--bidfood-green:#8cc63e;--bidfood-grey:#878797;--bidfood-indigo:#4a4f8a;--bidfood-grey-60:#87879799;--bidfood-grey-80:#878797cc;--bidfood-amber:#f5a531;--bidfood-paprika:#c74639;--primary:var(--bidfood-navy);--primary-hover:color-mix(in srgb, var(--bidfood-navy) 85%, white 15%);--primary-foreground:#fff;--background:#fff;--foreground:var(--bidfood-navy);--surface:#fff;--surface-muted:#f3f4f6;--border:#0d124a1a;--border-subtle:#0d124a0f;--muted:var(--bidfood-indigo);--muted-foreground:color-mix(in srgb, var(--bidfood-navy) 35%, var(--bidfood-grey) 65%);--accent:var(--bidfood-navy);--danger:var(--bidfood-paprika);--success:var(--bidfood-green);--success-foreground:var(--bidfood-navy);--warning:color-mix(in srgb, var(--bidfood-amber) 60%, var(--bidfood-navy) 40%);--info:#716fb3;--secondary:var(--bidfood-green);--secondary-foreground:var(--bidfood-navy);--scrim:#0d124a80;--focus-ring:var(--bidfood-navy);--font-display:"Comfortaa", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body:"Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--weight-regular:300;--weight-medium:600;--weight-bold:700;--leading-tight:1.25;--leading-body:1.5;--radius-sm:6px;--radius:10px;--radius-md:8px;--radius-lg:14px;--shadow-sm:0 1px 2px #0d124a14;--shadow:0 2px 6px #0d124a1f;--shadow-lg:0 8px 24px #0d124a29;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--input-background:#f9fafb}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-body);color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3,h4{font-weight:var(--weight-bold);color:var(--accent);line-height:var(--leading-tight);margin:0 0 var(--space-3) 0}h1{font-family:var(--font-display);font-size:var(--text-2xl)}h2,h3,h4{font-family:var(--font-body)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{margin:0 0 var(--space-3) 0}a{color:var(--info)}button{font-family:var(--font-body);font-size:var(--text-base);cursor:pointer}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius);padding:var(--space-2) var(--space-4);font-weight:var(--weight-medium);background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-sm);border:none;transition:background-color .12s ease-in-out;display:inline-flex}.btn:hover{background:var(--primary-hover)}.btn:disabled{background:var(--muted);color:var(--surface);cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--foreground);border:1px solid var(--primary)}.btn-secondary:hover{background:var(--surface-muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5)}.page{padding:var(--space-6);flex:1;width:100%;max-width:1100px;margin:0 auto}.state-message{color:var(--muted-foreground);font-style:italic}.state-message--error{color:var(--danger);font-style:normal;font-weight:var(--weight-medium)}.state-message--detail{margin-top:var(--space-2);color:var(--muted-foreground);font-family:var(--font-mono,monospace);font-size:var(--text-sm)}.signin-landing{flex:1;justify-content:center;align-items:center;min-height:100svh;display:flex}.signin-landing__card{text-align:center;max-width:360px}.app-shell{flex-direction:column;min-height:100svh;display:flex}.app-shell__header{align-items:center;gap:var(--space-6);padding:var(--space-3) var(--space-6);background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-sm);display:flex}.app-shell__brand{align-items:center;display:flex}.app-shell__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--primary-foreground)}.app-shell__user{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.app-shell__user-name{color:var(--primary-foreground);font-size:var(--text-sm)}.app-shell__employee-no{color:color-mix(in srgb, var(--primary-foreground) 70%, var(--primary) 30%)}.app-shell__content{flex:1}.app-shell__signout-icon{border-radius:var(--radius);width:2.25rem;height:2.25rem;color:var(--primary-foreground);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.app-shell__signout-icon:hover{background:color-mix(in srgb, var(--primary-foreground) 15%, var(--primary) 85%)}@media (width<=640px){.app-shell__header{gap:var(--space-2);padding:var(--space-2) var(--space-3);row-gap:var(--space-1);flex-wrap:wrap}.app-shell__title{font-size:var(--text-base)}.app-shell__user{display:none}.app-shell__signout-icon{margin-left:auto;display:inline-flex}}.nav-tabs{gap:var(--space-2);display:flex}.nav-tabs__link{padding:var(--space-2) var(--space-4);border-radius:var(--radius);color:var(--primary-foreground);font-weight:var(--weight-medium);align-items:center;text-decoration:none;display:inline-flex}.nav-tabs__link:hover{background:color-mix(in srgb, var(--primary-foreground) 15%, var(--primary) 85%)}@media (width<=640px){.nav-tabs{gap:var(--space-1)}.nav-tabs__link{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);white-space:nowrap}}.nav-tabs__link.active{background:var(--secondary);color:var(--secondary-foreground)}.app-shell__header :focus-visible,.attachment-toast :focus-visible{outline-color:var(--primary-foreground)}.full-page-message{min-height:100svh;padding:var(--space-6);flex:1;justify-content:center;align-items:center;display:flex}.full-page-message__card{text-align:center;max-width:420px}.error-state{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--danger);border-radius:var(--radius);background:var(--surface);flex-direction:column;display:flex}.skeleton{border-radius:var(--radius-sm);background:var(--surface-muted);animation:1.2s ease-in-out infinite skeleton-pulse;display:inline-block}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.status-badge{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--primary-foreground);background:var(--status-color,var(--muted));white-space:nowrap;border-radius:999px;align-items:center;display:inline-flex}.status-badge--approved{color:var(--success-foreground)}.kpi-tiles__fy-label{color:var(--muted-foreground);font-size:var(--text-sm);margin:0 0 var(--space-3) 0}.kpi-tiles__grid{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.kpi-tile{gap:var(--space-2);flex-direction:column;display:flex}.kpi-tile__top{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.kpi-tile__label{color:var(--muted-foreground);font-size:var(--text-sm);font-weight:var(--weight-medium)}.kpi-tile__icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.kpi-tile__icon--open{background:color-mix(in srgb, var(--muted) 15%, var(--surface));color:var(--muted)}.kpi-tile__icon--pending{background:color-mix(in srgb, var(--warning) 15%, var(--surface));color:var(--warning)}.kpi-tile__icon--approved{background:color-mix(in srgb, var(--success) 15%, var(--surface));color:var(--success-foreground)}.kpi-tile__count{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--accent)}.kpi-tile__total{font-size:var(--text-base);color:var(--foreground)}@media (width<=640px){.kpi-tiles__grid{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-tile{padding:var(--space-3);gap:var(--space-1)}.kpi-tile__label{font-size:var(--text-xs)}.kpi-tile__icon{width:1.5rem;height:1.5rem}.kpi-tile__icon svg{width:12px;height:12px}.kpi-tile__count{font-size:var(--text-lg)}.kpi-tile__total{font-size:var(--text-xs)}}.status-filters{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.status-filters__chip{border:1px solid var(--border);background:var(--surface);color:var(--foreground);border-radius:var(--radius-lg);padding:var(--space-1) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium)}.status-filters__chip:hover{background:var(--surface-muted)}.status-filters__chip--active{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}@media (width<=640px){.status-filters{gap:var(--space-1);flex-wrap:nowrap}.status-filters__chip{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);white-space:nowrap}}.claims-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.claims-list__row{align-items:center;gap:var(--space-4);padding:var(--space-4);grid-template-columns:1fr 5.5rem 6.5rem 7rem;display:grid}.claims-list__row>.status-badge{justify-self:start}.claims-list__row--link{color:inherit;text-decoration:none;transition:box-shadow .12s ease-in-out}.claims-list__row--link:hover{box-shadow:var(--shadow-lg)}.claims-list__title{font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.claims-list__date{color:var(--muted-foreground);font-size:var(--text-sm)}.claims-list__amount{font-weight:var(--weight-bold);color:var(--accent);text-align:right;font-variant-numeric:tabular-nums}@media (width<=640px){.claims-list__row{row-gap:var(--space-1);column-gap:var(--space-3);grid-template-columns:auto auto auto}.claims-list__title{grid-column:1/-1}}.employees-page__filter{max-width:22rem}.employees-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.employees-list__toggle{align-items:center;gap:var(--space-3);text-align:left;width:100%;color:inherit;font:inherit;background:0 0;border:none;grid-template-columns:1.25rem 1fr auto auto;padding:0;display:grid}.employees-list__chevron{color:var(--muted-foreground);transition:transform .12s ease-in-out;display:inline-flex}.employees-list__chevron--expanded{transform:rotate(90deg)}.employees-list__name{font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.employees-list__number,.employees-list__title{color:var(--muted-foreground);font-size:var(--text-sm)}.employees-list__panel{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.employees-list__panel-skeleton{gap:var(--space-3);flex-direction:column;display:flex}.employees-list__hwb-label{color:var(--muted-foreground);font-size:var(--text-sm);margin:var(--space-4) 0 var(--space-3) 0}.employees-list__hwb-grid{grid-template-columns:repeat(auto-fit,minmax(160px,220px))}@media (width<=640px){.employees-list__toggle{row-gap:var(--space-1);grid-template-columns:1.25rem 1fr}.employees-list__number,.employees-list__title{grid-column:2}}.claim-detail__header{margin-bottom:var(--space-5)}.claim-detail__header-top{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.claim-detail__header-top h1{margin:0}.claim-detail__reference{color:var(--muted-foreground);font-size:var(--text-sm);margin:0 0 var(--space-4) 0}.claim-detail__fields{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:0;display:grid}.claim-detail__fields>div{min-width:0}.claim-detail__fields dt{color:var(--muted-foreground);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.03em}.claim-detail__fields dd{font-weight:var(--weight-medium);overflow-wrap:break-word;margin:0}.claim-detail__approver{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.claim-detail__comments{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.claim-detail__not-found{text-align:center;max-width:420px;margin:var(--space-8) auto}.line-items-table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;overflow:hidden}.line-items-table th,.line-items-table td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);font-size:var(--text-sm)}.line-items-table thead th{background:var(--surface-muted);color:var(--accent);font-weight:var(--weight-bold);font-size:var(--text-xs)}.line-items-table__cell--amount{text-align:right}.line-items-table__row--flag{background:color-mix(in srgb, var(--warning) 8%, var(--surface))}.line-items-table__vat-rate{color:var(--muted-foreground);font-size:var(--text-xs)}.line-items-table__actions{gap:var(--space-2);white-space:nowrap;display:flex}@media (width<=640px){.line-items-table{background:0 0;border:none}.line-items-table thead{display:none}.line-items-table,.line-items-table tbody{width:100%;display:block}.line-items-table tr{margin-bottom:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-wrap:wrap;display:flex}.line-items-table tr:last-child{margin-bottom:0}.line-items-table td{justify-content:space-between;align-items:flex-start;gap:var(--space-3);text-align:right;padding:var(--space-2) 0;border-bottom:1px solid var(--border-subtle);flex:100%;display:flex}.line-items-table td:last-child{border-bottom:none}.line-items-table td:before{content:attr(data-label);color:var(--accent);font-weight:var(--weight-bold);font-size:var(--text-xs);text-align:left;flex-shrink:0}.line-items-table__cell--receipts,.line-items-table__actions{text-align:left;border-bottom:none;flex-direction:column;flex:50%}.line-items-table__cell--receipts{padding-right:var(--space-2);align-items:stretch}.line-items-table__cell--receipts:before{margin-bottom:var(--space-1)}.line-items-table__actions{align-items:flex-end;gap:var(--space-2);padding-left:var(--space-2)}.line-items-table__actions:before{content:none}}.page--narrow{max-width:640px}.page-heading{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.page-heading h1{margin:0}.page-subtitle{margin:var(--space-1) 0 0 0;color:var(--muted-foreground);font-size:var(--text-sm)}.form-field{gap:var(--space-1);margin-bottom:var(--space-4);flex-direction:column;display:flex}.form-field label{font-weight:var(--weight-medium);font-size:var(--text-sm);color:var(--muted-foreground)}.form-field__optional{color:var(--muted-foreground);font-weight:var(--weight-regular)}.form-field__hint{color:var(--muted-foreground);font-size:var(--text-xs);margin:0}.form-field input,.form-field select,.form-field textarea{font-family:var(--font-body);font-size:var(--text-base);color:var(--foreground);background:var(--input-background);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2) var(--space-3)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:2px solid var(--focus-ring);outline-offset:1px}.form-field input:disabled,.form-field select:disabled{background:var(--surface-muted);color:var(--muted-foreground)}.form-field textarea{resize:vertical;min-height:5rem}.form-errors{margin:0 0 var(--space-4) 0;padding-left:var(--space-5);color:var(--danger);font-size:var(--text-sm)}.form-field__warning{margin:var(--space-1) 0 0 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius);color:var(--warning);background:color-mix(in srgb, var(--warning) 10%, var(--surface));font-size:var(--text-sm);font-weight:var(--weight-medium)}.form-errors--advisory{color:var(--warning)}.claim-header-form__actions,.line-item-form .claim-header-form__actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5);display:flex}.confirm-dialog__scrim{background:var(--scrim);padding:var(--space-5);z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{width:100%;max-width:480px;box-shadow:var(--shadow-lg)}.confirm-dialog__body{margin:var(--space-3) 0 var(--space-5) 0}.confirm-dialog__actions{justify-content:flex-end;gap:var(--space-3);display:flex}.btn-danger{background:var(--danger);color:var(--primary-foreground)}.btn-danger:hover{filter:brightness(.9)}.btn-danger-outline{background:var(--surface);color:var(--danger);border:1px solid var(--danger)}.btn-danger-outline:hover{background:color-mix(in srgb, var(--danger) 8%, var(--surface))}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.claim-detail__readonly-banner{color:var(--muted-foreground);background:var(--surface-muted);border-radius:var(--radius);padding:var(--space-3) var(--space-4);font-weight:var(--weight-medium)}.claim-detail__header-actions{gap:var(--space-3);margin-top:var(--space-4);display:flex}.claim-detail__submit-card{margin-bottom:var(--space-5)}.claim-detail__submit-error,.claim-detail__submit-success{margin-top:var(--space-3)}.claim-detail__submit-success{border-left:4px solid var(--success)}.claim-detail__line-items-heading{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);display:flex}.claim-detail__line-items-heading h2{margin:0}.line-item-form-layout{gap:var(--space-5);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;display:grid}@media (width<=800px){.line-item-form-layout{grid-template-columns:minmax(0,1fr)}}.line-item-preview{top:var(--space-5);position:sticky}.line-item-preview__fields{gap:var(--space-3);margin:0 0 var(--space-4) 0;display:grid}.line-item-preview__fields dt{color:var(--muted-foreground);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.03em}.line-item-preview__fields dd{font-weight:var(--weight-medium);font-size:var(--text-lg);margin:0}.line-item-preview__mileage{margin-bottom:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.line-item-preview__mileage h3{margin:0 0 var(--space-2) 0;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.03em;color:var(--muted-foreground)}.line-item-preview__mileage ul{margin:0 0 var(--space-2) 0;padding-left:var(--space-5)}.line-item-preview__warning{color:var(--warning);font-weight:var(--weight-medium);background:color-mix(in srgb, var(--warning) 10%, var(--surface));border-radius:var(--radius);padding:var(--space-3);margin:0 0 var(--space-3) 0}.line-item-preview__warning--danger{color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, var(--surface))}.line-item-preview__stale{align-items:center;gap:var(--space-2);margin:0 0 var(--space-3) 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius);color:var(--muted-foreground);background:var(--surface-muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.hwb-advisory{margin:0 0 var(--space-4) 0;padding:var(--space-3);border-radius:var(--radius);background:color-mix(in srgb, var(--warning) 10%, var(--surface))}.hwb-advisory__message{margin:0 0 var(--space-2) 0;color:var(--warning);font-weight:var(--weight-medium)}.hwb-advisory__context{color:var(--muted-foreground);font-size:var(--text-sm);margin:0}.hwb-advisory__message+.hwb-advisory__context{margin-top:var(--space-2)}.hwb-advisory__exceed{margin:var(--space-2) 0 0 0;color:var(--danger);font-weight:var(--weight-medium)}.approvals-queue{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.approvals-queue__row{gap:var(--space-2);color:inherit;flex-direction:column;text-decoration:none;transition:box-shadow .12s ease-in-out;display:flex}.approvals-queue__row:hover{box-shadow:var(--shadow-lg)}.approvals-queue__row-top{justify-content:space-between;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.approvals-queue__title{font-weight:var(--weight-medium)}.approvals-queue__amount{font-weight:var(--weight-bold);color:var(--accent);white-space:nowrap}.approvals-queue__meta{gap:var(--space-3);color:var(--muted-foreground);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.approval-detail__notice{color:var(--info);background:color-mix(in srgb, var(--info) 10%, var(--surface));border-radius:var(--radius);padding:var(--space-3) var(--space-4);font-weight:var(--weight-medium);margin:var(--space-3) 0 0 0}.approval-line-items{margin:0 0 var(--space-5) 0;gap:var(--space-4);flex-direction:column;padding:0;list-style:none;display:flex}.approval-line-item__top{justify-content:space-between;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.approval-line-item__description{margin:0 0 var(--space-2) 0}.approval-line-item__category{color:var(--muted-foreground);font-size:var(--text-sm);margin:0 0 var(--space-2) 0}.approval-decision{gap:var(--space-2);margin:var(--space-3) 0;border:none;padding:0;display:flex}.approval-decision legend{width:100%;margin:0 0 var(--space-1) 0;padding:0;display:block}.approval-decision__btn{border:1px solid var(--border);background:var(--surface);color:var(--foreground);border-radius:var(--radius);padding:var(--space-2) var(--space-4);font-weight:var(--weight-medium);flex:1}.approval-decision__btn:hover{background:var(--surface-muted)}.approval-decision__btn--approve.approval-decision__btn--selected{background:var(--success);border-color:var(--success);color:var(--success-foreground)}.approval-decision__btn--reject.approval-decision__btn--selected{background:var(--danger);border-color:var(--danger);color:var(--primary-foreground)}.approval-decision:disabled .approval-decision__btn,.approval-decision__btn:disabled{cursor:not-allowed;opacity:.6}.approval-line-item__comment-field textarea{min-height:4rem}.receipts-section{margin-top:var(--space-2)}.attachment-list{margin:0 0 var(--space-3) 0;gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.attachment-list__row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.attachment-list__item{color:var(--info);font-weight:var(--weight-medium);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;min-height:2rem;padding:0;text-decoration:underline;display:inline-flex}.attachment-list__item--static{color:var(--foreground);cursor:default;text-decoration:none}.attachment-list__item--truncate{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;min-width:0;max-width:18ch;display:inline-block;overflow:hidden}.attachment-list__empty{margin:0}.attachment-list__confirm{align-items:center;gap:var(--space-2);display:flex}.attachment-list__error{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.attachment-progress{align-items:center;gap:var(--space-2);min-width:10rem;display:flex}.attachment-progress__bar{background:var(--primary);border-radius:var(--radius-sm);min-width:4px;height:6px;transition:width .12s ease-in-out;display:block}.attachment-viewer{width:100%;max-width:720px;max-height:90vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.attachment-viewer__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.attachment-viewer__title{font-size:var(--text-lg);word-break:break-all;margin:0}.attachment-viewer__actions{gap:var(--space-2);flex-shrink:0;display:flex}.attachment-viewer__image{object-fit:contain;border-radius:var(--radius);align-self:center;max-width:100%;max-height:70vh}.attachment-viewer__pdf{border:1px solid var(--border-subtle);border-radius:var(--radius);width:100%;height:70vh}.attachment-toast{bottom:var(--space-5);align-items:center;gap:var(--space-3);background:var(--accent);color:var(--primary-foreground);padding:var(--space-3) var(--space-4);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:100;display:flex;position:fixed;left:50%;transform:translate(-50%)}.approval-line-item__receipts{margin:var(--space-3) 0}