/* Match Request Service while keeping the daily list inside the viewport. */
#customer-home .cx-jobs-button{margin:12px 0;justify-content:center;text-align:center}
#customer-home .cx-jobs-button span{text-align:center}
.cx-jobs-button strong{min-width:1.5em;font-size:inherit}
html body .upcoming-jobs-dialog{width:min(92vw,640px);max-height:85dvh;padding:16px;overflow:hidden;color:#172653}
html body .upcoming-jobs-dialog[open]{display:flex;flex-direction:column;gap:10px}
.upcoming-jobs-dialog h2,.upcoming-jobs-dialog p{margin:0}
.upcoming-jobs-dialog p:empty{display:none}
.upcoming-jobs-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable both-edges;padding:2px;touch-action:pan-y}
.upcoming-day{margin:0 0 14px}
.upcoming-day h3{font-size:15px;margin:8px 0;text-align:center}
html body .upcoming-job-entry{box-sizing:border-box;margin:8px 0;min-height:48px;justify-content:center;flex-wrap:wrap;font:inherit;font-weight:650;text-align:center;cursor:pointer}
.upcoming-job-entry span{flex:1 1 60%;text-align:center;overflow-wrap:anywhere}
.upcoming-job-entry small{font-size:13px}
html body .upcoming-jobs-actions{display:flex;justify-content:center;gap:12px;flex:none}
html body .upcoming-jobs-actions>button{width:auto;min-width:100px;margin:0}
.upcoming-job-entry:focus-visible{outline:3px solid #d9ae50;outline-offset:2px}
html body button.upcoming-job-entry{display:flex!important;grid-template-columns:none!important}
html body button.upcoming-job-entry>span{width:auto!important;min-width:0;flex:1 1 60%!important}