/* 253 B: chrome and the five requested hub accents only. No global color tokens. */
#erpUnifiedTitle{position:relative;padding-left:36px;flex-shrink:0}
#erpUnifiedTitle:before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);display:block;width:28px;height:28px;border-radius:7px;background:url('/app-icons/icon.svg?v=252') center/contain no-repeat;pointer-events:none}
#appPage>.dock .tabbar>button.on,#appPage>.dock #lgWorkNavigation>button.on{background:#FFC21A!important;color:#2B1D00!important;font-weight:800!important}
#appPage>.dock .tabbar>button.on>span,#appPage>.dock .tabbar>button.on>svg,#appPage>.dock #lgWorkNavigation>button.on>.lg-work-label,#appPage>.dock #lgWorkNavigation>button.on>.lg-work-icon{color:#2B1D00!important;font-weight:800!important}
#appPage>.dock #lgWorkNavigation>button.on{box-shadow:none}
#workerMenu .resume{background:#FFC21A!important;color:#2B1D00!important}
#workerMenu .resume>span:not(.go),#workerMenu .resume small,#workerMenu .resume b{color:#2B1D00!important}
#workerMenu .resume .go{background:#111827!important;color:#fff!important}
#workerMenu .wk.last{box-shadow:0 0 0 2px #FFC21A!important}
#workerMenu #lgClaims .lg-claims-angle{background:#111827!important;color:#fff!important}
/* 256: constrain chrome/home widths without recoloring or changing work content. */
@media(max-width:767px){
 html body #appPage.v9.erp-shell #erpUnifiedHeader{width:100%!important;max-width:100%!important;min-width:0;margin-left:0!important;box-sizing:border-box}
 html body #appPage #erpUnifiedTitle{max-width:calc(100% - 146px);min-width:0;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap}
 html body #appPage #erpHeaderActions{flex:0 1 230px!important;min-width:140px!important;max-width:calc(100% - 42px)!important}
 html body #appPage #erpHeaderActions #erpHeaderPerson{min-width:0;overflow:hidden}
 html body #appPage #erpHeaderPerson :is(b,small){min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #appPage #workerMenu.lg{min-width:0;max-width:100%!important;box-sizing:border-box}
 #workerMenu :is(.resume,.flow,.lg-claims-card,.lg-claims-top){min-width:0;max-width:100%;box-sizing:border-box}
 #workerMenu .resume>span:not(.go){flex:1;min-width:0;overflow:hidden}
 #workerMenu .resume :is(small,b){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #workerMenu .resume .go,#workerMenu .lg-claims-angle{flex-shrink:0;white-space:nowrap}
}
/* 261: outbound idle/normal progress only; success/error/hold and other work cards retain their colors. */
#appPage.v9 #tabAction .stage:is(.idle,.work):not(.pa208-failed){background:linear-gradient(160deg,#FFD54A 0%,#FFC21A 100%);box-shadow:0 10px 24px rgba(242,169,0,.25);color:#2B1D00}
#appPage.v9 #tabAction .stage:is(.idle,.work):not(.pa208-failed) :is(.row1,.h1,.h2,.sub-act){color:#2B1D00}
#appPage.v9 #tabAction .stage:is(.idle,.work):not(.pa208-failed) .erp-scanner-hint{color:rgba(43,29,0,.75)}
#appPage.v9 #tabAction .stage:is(.idle,.work):not(.pa208-failed) .row1 .dot{background:rgba(43,29,0,.35)}
#appPage.v9 #tabAction .stage:is(.idle,.work):not(.pa208-failed) .mode-badge{background:rgba(43,29,0,.12);color:#2B1D00}
#appPage.v9 #tabAction .stage:is(.idle,.work):not(.pa208-failed) .ring circle:first-child{stroke:rgba(43,29,0,.18)}
#appPage.v9 #tabAction .stage:is(.idle,.work):not(.pa208-failed) #v9Arc{stroke:#2B1D00}
#appPage.v9 #tabAction .stage:is(.idle,.work):not(.pa208-failed) :is(#v9RingCount,#cntScan,#cntTotal){color:#2B1D00!important}
#appPage.v9 #tabAction .stage:is(.idle,.work):not(.pa208-failed) .inp input{background:#FFFFFF}
#appPage.v9 #tabAction .stage:is(.idle,.work):not(.pa208-failed) .steps i{background:rgba(43,29,0,.22)}
#appPage.v9 #tabAction .stage:is(.idle,.work):not(.pa208-failed) .steps i.on{background:#2B1D00}
#appPage.v9 #tabAction .stage:is(.idle,.work):not(.pa208-failed) .sub-act .btn-reset{background:rgba(255,255,255,.7);color:#2B1D00}
#appPage.v9 #tabAction .stage:is(.idle,.work):not(.pa208-failed) .sub-act .btn-reset:active{background:rgba(255,255,255,.9)}
/* 262: only the room-list new-conversation floating action. */
#appPage #w150Rooms>.works-new-room{background:#FFC21A;color:#2B1D00;box-shadow:0 8px 20px rgba(242,169,0,.35)}
@media(hover:hover){#appPage #w150Rooms>.works-new-room:hover{background:#FFCC33}}
#appPage #w150Rooms>.works-new-room:active{background:#F2A900}