/* Shared design foundations for every Recycler's Transport screen:
   office app, driver phone app, Payroll and Ironworks. Load before each app's own stylesheet. */
:root{
 /* Colors */
 --rt-ink:#172e29;--rt-muted:#4f5f59;--rt-bg:#f3f5f2;--rt-panel:#fff;--rt-line:#cfd9d1;
 --rt-brand:#164b3e;--rt-ok:#1f7a3d;--rt-warn:#a35c00;--rt-stop:#b42318;--rt-focus:#2563eb;
 /* Spacing: 4px steps only */
 --rt-space-1:4px;--rt-space-2:8px;--rt-space-3:12px;--rt-space-4:16px;--rt-space-5:24px;--rt-space-6:32px;--rt-space-7:48px;
 /* Type scale */
 --rt-text-sm:14px;--rt-text:16px;--rt-text-lg:18px;--rt-title-card:22px;--rt-title-page:28px;--rt-count:36px;
 /* Touch targets and shape */
 --rt-touch:44px;--rt-touch-phone:56px;--rt-radius:8px;
}
/* One focus ring everywhere, so keyboard users always see where they are. */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--rt-focus)!important;outline-offset:2px!important}
/* Status tones: ok = done/available, warn = waiting/due soon, stop = out of service/overdue. */
.tone-ok{background:#e3f3e7;color:var(--rt-ok)}.tone-warn{background:#fdf0dc;color:#7a4500}.tone-stop{background:#fdeceb;color:var(--rt-stop)}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}