/* AA visual vocabulary. Icons supplement readable labels; no changes to hit targets. */
[data-aa-action-icon]::before{content:"";display:inline-block;width:18px;height:18px;flex:0 0 18px;margin-inline-end:7px;vertical-align:-3px;background:currentColor;mask:var(--aa-action-art) center/contain no-repeat;-webkit-mask:var(--aa-action-art) center/contain no-repeat;pointer-events:none}
body.portal-nav-active .staff-nav-item[data-aa-action-icon]::before{width:18px;height:18px;flex-basis:18px;border-radius:0;opacity:1;background:currentColor}
.staff-notification-icon{font-size:0!important;display:inline-block;width:22px;height:22px;background:currentColor;mask:url('/visual-library/2026-10-v1/actions/svg/bell.svg') center/contain no-repeat;-webkit-mask:url('/visual-library/2026-10-v1/actions/svg/bell.svg') center/contain no-repeat}
#staff-notification-bell[data-aa-action-icon]::before{display:none}
body.portal-nav-active .staff-brand::before{content:"";display:inline-block;width:36px;height:28px;margin-inline-end:8px;vertical-align:middle;background:url('/brand/2026-10/mark-clean-reverse.svg') center/contain no-repeat}
.aa-inventory-image{width:40px;height:40px;object-fit:contain;flex:0 0 40px;vertical-align:middle;pointer-events:none}
.inventory-catalogue-item{display:flex;align-items:center;gap:10px;text-align:left;min-height:64px}
.inventory-catalogue-item .aa-inventory-image{width:48px;height:48px;flex-basis:48px}
.inventory-suggestion .aa-inventory-image{width:28px;height:28px;margin-inline-end:8px}
.aa-inventory-field-image{position:absolute;inset-inline-end:0;top:0;width:24px;height:24px;margin:0}
.staff-job-inventory-identity{position:relative;padding-inline-start:50px;min-height:40px}.staff-job-inventory-identity>.aa-inventory-image{position:absolute;inset-inline-start:0;top:0}
.item-tile>.aa-inventory-image{width:48px;height:48px;flex-basis:48px}
.item-row>.aa-inventory-image{width:32px;height:32px;flex-basis:32px;margin-inline-end:8px}
.quote-item>.aa-inventory-image,.volume-item>.aa-inventory-image{width:40px;height:40px;flex-basis:40px;margin-inline-end:8px}
.quote-item>span,.volume-item>span{flex:1;min-width:0}
@media (prefers-reduced-motion:no-preference){
 [data-aa-action-icon]{transition:background-color 120ms ease,border-color 120ms ease,box-shadow 120ms ease}
 [data-aa-action-icon]:active:not(:disabled){filter:brightness(.95)}
 .aa-feedback-enter{animation:aa-feedback-enter 180ms ease-out both}
 [data-aa-action-icon][aria-busy="true"]::before{animation:aa-working 900ms linear infinite}
}
@keyframes aa-feedback-enter{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@keyframes aa-working{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.aa-feedback-enter,[data-aa-action-icon]::before{animation:none!important;transition:none!important}}
@media (forced-colors:active){[data-aa-action-icon]::before{background:ButtonText}}
@media(max-width:600px){.inventory-catalogue-item .aa-inventory-image{width:40px;height:40px;flex-basis:40px}.item-tile>.aa-inventory-image{width:40px;height:40px;flex-basis:40px}}

[data-aa-action-icon="add"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/add.svg")}
[data-aa-action-icon="back"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/back.svg")}
[data-aa-action-icon="bank"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/bank.svg")}
[data-aa-action-icon="bell"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/bell.svg")}
[data-aa-action-icon="box"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/box.svg")}
[data-aa-action-icon="calendar"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/calendar.svg")}
[data-aa-action-icon="chart"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/chart.svg")}
[data-aa-action-icon="check"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/check.svg")}
[data-aa-action-icon="clock"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/clock.svg")}
[data-aa-action-icon="close"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/close.svg")}
[data-aa-action-icon="copy"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/copy.svg")}
[data-aa-action-icon="document"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/document.svg")}
[data-aa-action-icon="download"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/download.svg")}
[data-aa-action-icon="edit"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/edit.svg")}
[data-aa-action-icon="email"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/email.svg")}
[data-aa-action-icon="eye"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/eye.svg")}
[data-aa-action-icon="filter"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/filter.svg")}
[data-aa-action-icon="finance"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/finance.svg")}
[data-aa-action-icon="help"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/help.svg")}
[data-aa-action-icon="home"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/home.svg")}
[data-aa-action-icon="info"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/info.svg")}
[data-aa-action-icon="link"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/link.svg")}
[data-aa-action-icon="lock"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/lock.svg")}
[data-aa-action-icon="logout"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/logout.svg")}
[data-aa-action-icon="message"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/message.svg")}
[data-aa-action-icon="more"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/more.svg")}
[data-aa-action-icon="next"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/next.svg")}
[data-aa-action-icon="pause"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/pause.svg")}
[data-aa-action-icon="people"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/people.svg")}
[data-aa-action-icon="phone"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/phone.svg")}
[data-aa-action-icon="photo"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/photo.svg")}
[data-aa-action-icon="play"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/play.svg")}
[data-aa-action-icon="print"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/print.svg")}
[data-aa-action-icon="refresh"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/refresh.svg")}
[data-aa-action-icon="remove"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/remove.svg")}
[data-aa-action-icon="route"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/route.svg")}
[data-aa-action-icon="save"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/save.svg")}
[data-aa-action-icon="search"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/search.svg")}
[data-aa-action-icon="settings"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/settings.svg")}
[data-aa-action-icon="sign"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/sign.svg")}
[data-aa-action-icon="trash"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/trash.svg")}
[data-aa-action-icon="truck"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/truck.svg")}
[data-aa-action-icon="upload"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/upload.svg")}
[data-aa-action-icon="warning"]{--aa-action-art:url("/visual-library/2026-10-v1/actions/svg/warning.svg")}

.run-page .item-tile>span{flex:1;min-width:0}.run-page .item-tile>.stepper{flex-shrink:0}

.staff-design [data-staff-theme="messages"]{--staff-art:url("/visual-library/2026-10-v1/banners/staff-banner-messages.svg")}

@media(max-width:420px){.run-page .item-grid .item-tile{display:grid;grid-template-columns:36px minmax(0,1fr)}.run-page .item-tile>.stepper{grid-column:1/-1;justify-content:flex-end}.run-page .item-tile>.aa-inventory-image{width:36px;height:36px}.run-page .item-tile>span{overflow-wrap:anywhere}}