/* v2.4.42: icons for the staff and owner screens (only inside body.staff; the customer shop and the splash do not change) */
body.staff .ic42{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:var(--r34,#c62828);color:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
body.staff .ic42.ic42-g{background:var(--g34,#f7a823);color:#3b1d00}
body.staff .ic42 .ic42s{width:21px;height:21px;display:block;color:inherit!important;fill:none!important}
body.staff .ic42.ic42-s{width:30px;height:30px;border-radius:9px;margin-right:10px;vertical-align:middle}
body.staff .ic42.ic42-s .ic42s{width:18px;height:18px}
body.staff .ic42.ic42-h{width:24px;height:24px;border-radius:7px;margin-right:8px;vertical-align:-6px}
body.staff .ic42.ic42-h .ic42s{width:15px;height:15px}
body.staff .ic42.ic42-t{width:26px;height:26px;border-radius:8px;margin-right:8px;vertical-align:-5px;box-shadow:0 0 0 1.5px rgba(249,168,37,.85)}
body.staff .ic42.ic42-t .ic42s{width:16px;height:16px}
body.staff .ic42.ic42-xl{width:56px;height:56px;border-radius:16px}
body.staff .ic42.ic42-xl .ic42s{width:30px;height:30px}
/* boxes that already held a small icon */
body.staff .menu > button.ic42row{min-height:56px;gap:12px}
body.staff .menu > button.ic42row > .i.ic42{width:36px;font-size:0}
body.staff .ei2413.ic42{width:44px;height:44px;border-radius:12px;box-shadow:0 0 0 2px rgba(255,255,255,.55)}
body.staff .ei2413.ic42 .ic42s{width:24px;height:24px}
body.staff .ti23.ic42{width:34px;height:34px;border-radius:10px}
body.staff .ti23.ic42 .ic42s{width:19px;height:19px}
body.staff .st34bi.ic42{width:44px;height:44px;border-radius:12px}
body.staff .st34bi.ic42 .ic42s{width:24px;height:24px}
body.staff .gico.ic42{width:40px;height:40px;border-radius:11px}
body.staff nav.tabs > button > .i.ic42{width:30px;height:30px;border-radius:9px;margin:0 auto}
body.staff nav.tabs > button > .i.ic42 .ic42s{width:18px;height:18px}
body.staff nav.tabs > button:not([aria-current]) > .i.ic42{background:transparent;color:inherit;box-shadow:none}
body.staff nav.tabs > button:not([aria-current]) > .i.ic42.ic42-g{color:inherit}
/* text links get a real tap area */
body.staff .lnk23.blk.ic42row{display:flex;align-items:center;min-height:50px;text-align:left}
/* owner home chips: icon on top, label under it, 2 per row on a phone, 4 on a wide screen */
body.staff .p39oh{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:700px){body.staff .p39oh{grid-template-columns:repeat(4,minmax(0,1fr))}}
body.staff .p39chip.ic42row{min-height:64px;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:10px;min-width:0;text-align:left}
body.staff .p39chip.ic42row > span:not(.ic42):not(.ls41b){min-width:0;overflow-wrap:normal;word-break:normal;hyphens:none}
body.staff .p39chip.ic42row > .ls41b{margin-left:auto;flex:none}
body.staff .ic42hd{display:flex;align-items:center}
body.staff header.top h1{display:flex;align-items:center;min-width:0}
/* Spend placeholder */
body.staff .sp42top{display:flex;gap:14px;align-items:flex-start}
body.staff .sp42h{margin:2px 0 6px;font-size:19px;line-height:1.25}
html.dark body.staff .ic42.ic42-g,body.staff.dark .ic42.ic42-g{color:#2a1400}
body.staff .p39oh .s40chip{grid-column:auto}
body.staff .lnk23.ic42row{display:flex;align-items:center;min-height:48px;text-align:left}
body.staff .st34ri.ic42{width:40px;height:40px;border-radius:11px}
body.staff .big23.ic42row .ic42{margin-bottom:4px}