/* RRCC Walkthrough DEMO 1.10.1 · Mario's Nov 4 brief (before Phase 2): I-07, I-15, I-23. Colors only from the tokens. */
/* ---- I-07 job card stripes: neutral #D9DCE0 or the status color; red (the red-flag color, never brand red) ONLY when the card
   carries a red flag (fix1101.js sets data-rrflag="red" when a red-flag chip is on the card). ---- */
#app .b17row,#app .b17row.r172row,#app .r172row.new,#app .b17row.esc,#app .amjob:not([style*="border-left-color"]),#app .n19-it.urgent,
#app .c188-red,#app .r172mine,#app .c188-red.r172mine{border-left-color:var(--vh-border)!important}
#app .b17row.esc{background:var(--vh-card)!important}
#app .b17row.warn,#app .c188-amber{border-left-color:var(--vh-yellow-flag)!important}
#app .b17row.go,#app .cmpjob{border-left-color:var(--vh-on-track)!important}
#app .c188-blue{border-left-color:var(--vh-text)!important}
html body #app [data-rrflag="red"][data-rrflag]{border-left-color:var(--vh-red-flag)!important}
/* overdue clock lines are red flags: the red-flag color, never brand red */
#app .r172clk span.red{color:var(--vh-red-flag)!important}
html body #app .b17row.esc[data-rrflag="red"]{background:var(--vh-red-flag-tint)!important}
/* count badges (Needs you, Verify, Account Manager, board stage counts): #1F2933 with white text */
#n19btn .n19-c,#app .ambadge,#app .r172stage .n{background:var(--vh-text)!important;color:var(--vh-card)!important}
#n19btn .n19-c{box-shadow:0 0 0 1.5px var(--vh-card)}   /* the Needs you pill is #1F2933 too: a white ring keeps the badge visible */
#app .chkentry .ambadge{background:var(--vh-yellow-flag)!important}   /* yellow tiles keep their yellow badge (status, not a count of red) */
/* "Uploading…": #666B73; yellow flag #946503 only when stuck */
#app .qst,#rrqb:not(.done):not(.rr-stuck),#rrqb:not(.done):not(.rr-stuck) .rrqb-s:not(.up){color:var(--vh-text-secondary)!important}
#rrqb:not(.done):not(.rr-stuck){background:var(--vh-card)!important;border-bottom-color:var(--vh-border)!important}
#rrqb.rr-stuck,#rrqb.rr-stuck .rrqb-s{background:var(--vh-yellow-flag-tint)!important;color:var(--vh-yellow-flag)!important;border-bottom-color:var(--vh-yellow-flag)!important}
#app .qst.rr-stuck{color:var(--vh-yellow-flag)!important}
/* ---- I-15 one primary button on the status board: Start walk stays the red primary; + Add an inspection, Refresh and the in-card
   Schedule become secondary (white, red outline, red text) ---- */
#app footer.nav .next.rr-sec,#app .r172cta.m184sched,#app #m184sched.rr-sec,.cx188acts>.m184sched{background:var(--vh-card)!important;color:var(--vh-accent-text)!important;border:2px solid var(--vh-accent-text)!important}
#app footer.nav .next.rr-sec svg,#app .r172cta.m184sched svg{color:var(--vh-accent-text)!important;stroke:currentColor}
/* ---- I-23 Needs you: drawn under the header (logo), in the page flow, so the fixed upload bar never sits on it ---- */
#n19btn.rr1101{margin:10px 12px 0;position:relative;z-index:1}
/* I-13: the Review screen shows the whole Drive folder path (wraps instead of "…") so the inspector can check the new name */
#app .rv .rr-folder{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:break-word;max-width:68%;line-height:1.35;font-size:13px!important}
#app .rv:has(.rr-folder){align-items:flex-start;height:auto!important;min-height:44px}
/* I-07: the "New request · schedule within 2 business hrs" band on the board is a heading, not a flag: neutral, not red */
#app .r172stage{background:var(--vh-card)!important;border-color:var(--vh-border)!important;color:var(--vh-text)!important}