.dc-bottom-nav-wrap{position:fixed;bottom:0;inset-inline:0;z-index:1300;padding:48px 16px calc(24px + env(safe-area-inset-bottom));pointer-events:none;background:transparent;box-sizing:border-box}
/* Mask the backdrop only, keeping navigation labels and focus rings fully visible. */
.dc-bottom-nav-wrap::before{content:"";position:absolute;inset:0;pointer-events:none;background:transparent;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-mask-image:linear-gradient(to top,black 60%,transparent 100%);mask-image:linear-gradient(to top,black 60%,transparent 100%)}
.dc-chat-keyboard .dc-bottom-nav-wrap{display:none}
.dc-has-bottom-nav .app{padding-bottom:calc(144px + env(safe-area-inset-bottom))}
.dc-bottom-nav{
 --dc-nav-surface:var(--dc-ux-panel,var(--dc-panel,#0b1329));
 --dc-nav-line:var(--dc-ux-line,var(--dc-line,#1e293b));
 --dc-nav-muted:var(--dc-muted,#94a3b8);
 --dc-nav-accent:#fbbf24;
 --dc-nav-pill:#1e293bcc;
 --dc-nav-inset:5px;
 position:relative;margin-inline:auto;pointer-events:auto;
 width:min(100%,448px);z-index:1;
 display:grid;grid-template-columns:repeat(var(--nav-count,4),minmax(0,1fr));
 padding:var(--dc-nav-inset);background:var(--dc-nav-surface);
 border:1px solid color-mix(in srgb,var(--dc-nav-line) 30%,transparent);
 border-top-color:color-mix(in srgb,var(--dc-nav-line) 50%,transparent);
 border-radius:999px;box-shadow:0 8px 32px #0006;
}
@supports ((backdrop-filter:blur(48px)) or (-webkit-backdrop-filter:blur(48px))){
 .dc-bottom-nav{
  background:color-mix(in srgb,var(--dc-nav-surface) 70%,transparent);
  -webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px);
 }
}
.dc-bottom-nav::before{
 content:"";position:absolute;pointer-events:none;inset:var(--dc-nav-inset) auto var(--dc-nav-inset) var(--dc-nav-inset);
 box-sizing:border-box;width:calc((100% - 2 * var(--dc-nav-inset)) / var(--nav-count,4));
 border:1px solid color-mix(in srgb,var(--dc-nav-line) 80%,transparent);border-radius:999px;
 background:var(--dc-nav-pill);box-shadow:inset 0 1px 1px #ffffff26;
 transform:translateX(calc(var(--nav-index,0) * 100%));
 transition:transform .35s cubic-bezier(.4,0,.2,1);
}
.dc-bottom-nav:not(:has(button[aria-current="page"]))::before{visibility:hidden}
.dc-bottom-nav button{
 position:relative;
 display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;
 min-width:0;min-height:46px;padding:5px 1px;background:transparent;border:0;border-radius:999px;
 color:var(--dc-nav-muted);font:inherit;cursor:pointer;
}
.dc-bottom-nav button>span{font-size:23px;line-height:1}
.dc-bottom-nav small{max-width:100%;font-size:11px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dc-bottom-nav button[aria-current="page"]{color:var(--dc-nav-accent)}
.dc-bottom-nav button:focus-visible{outline:2px solid var(--dc-nav-accent);outline-offset:-2px}
body.dc-ux-reduce .dc-bottom-nav::before{transition:none}
@media(prefers-reduced-motion:reduce){.dc-bottom-nav::before{transition:none}}
.light-mode .dc-bottom-nav{
 --dc-nav-surface:var(--dc-ux-panel,var(--dc-panel,#f1f5f9));
 --dc-nav-line:var(--dc-ux-line,var(--dc-line,#cbd5e1));
 --dc-nav-muted:var(--dc-muted,#475569);
 --dc-nav-accent:#92400e;
 --dc-nav-pill:#fde68a66;
}
body.dc-dusk .dc-bottom-nav{
 --dc-nav-surface:#202e3d;
 --dc-nav-line:#536a80;
 --dc-nav-muted:#cedbe7;
}
.dc-has-bottom-nav .top .menu-btn{display:none}.dc-chat-panel{margin-top:10px}.dc-chat-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 3px}.dc-chat-heading a{color:#8fc7f3;font-size:12px}.dc-chat-panel iframe{display:block;width:100%;height:calc(100dvh - 190px);min-height:180px;border:1px solid #29445b;border-radius:12px;background:#07111d}.dc-chat-keyboard .dc-bottom-nav{display:none}
/* Keep the assistant surface clear of board-only controls and duplicate branding. */
body.dc-chat-active .top,body.dc-chat-active .app-credit{display:none!important}body.dc-chat-active .dc-chat-panel{margin-top:0}body.dc-chat-active .dc-chat-heading{padding:9px 3px 7px}body.dc-chat-active .dc-chat-heading strong{font-size:15px}body.dc-chat-active .dc-chat-heading a{font-size:11px;text-decoration:none}body.dc-chat-active .dc-chat-panel iframe{border:0;border-radius:0}body.dc-chat-active .app{padding-top:0}

.dc-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dc-dashboard-link{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:7px;margin:0;min-height:96px;color:inherit;font:inherit;cursor:pointer}.dc-dashboard-link b{font-size:16px}.dc-dashboard-link small{color:#92a9be;line-height:1.4}.dc-view-control{display:inline-flex;flex:0 0 auto;gap:0}.dc-view-control .dc-view-toggle{border-radius:9px 0 0 9px;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.dc-view-control .dc-view-choose{border-radius:0 9px 9px 0;border-left:0;padding-inline:8px!important;min-width:28px!important}.dc-choice-dialog{width:min(340px,calc(100vw - 28px));background:#142438;color:#edf5fc;border:1px solid #536d87;border-radius:16px;padding:16px}.dc-choice-dialog::backdrop{background:#0008}.dc-choice-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.dc-view-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dc-view-options .btn{min-height:48px}.dc-choice-dialog .primary{background:#087bc6}.install-toggles{display:flex;flex-wrap:wrap;gap:6px}.install-toggles button{flex:1 1 auto;min-height:40px;font-size:12px;line-height:1.3;white-space:normal}.install-toggles button[aria-pressed="true"]{background:#164d72;border-color:#54b7f5;color:#fff;box-shadow:inset 0 0 0 1px #54b7f5}.install-toggles button[aria-pressed="true"]::before{content:'✓ ';}.install-toggles button:focus-visible,.dc-view-control button:focus-visible{outline:2px solid #50b7ff;outline-offset:2px}#telusInstallation .grid{grid-template-columns:1fr}#telusInstallation .field{margin-block:6px}body.light-mode .dc-choice-dialog{background:#edf3f9;color:#1b2c3d}body.light-mode .install-toggles button[aria-pressed="true"]{background:#d5eaff;color:#124e7a}body.light-mode .dc-dashboard-link small{color:#465d72}
/* Keep the toolbar on one row at phone widths without squeezing the search text. */
#list .telus-slim-toolbar{gap:5px;padding-block:5px;flex-wrap:nowrap}#list .telus-inline-search{flex:1 1 110px;min-width:64px;max-width:220px;height:34px;min-height:34px}#list .telus-inline-search input{min-width:0;height:32px;min-height:32px;padding:5px 7px;font-size:13px}#list .telus-slim-toolbar>.btn,#list .telus-slim-toolbar .dc-view-control .btn,#list .telus-filter-button{min-height:34px;height:34px;padding:5px 8px;font-size:12px}#list .telus-filter-button>span:not(.telus-filter-chevron){display:none}#list .telus-filter-button{min-width:38px}#list .telus-filter-panel{max-height:70dvh;overflow:auto}#list .telus-filter-panel select{padding-block:7px;min-height:36px}@media(max-width:380px){#list .telus-slim-toolbar .wilma-handoff-filter{font-size:10px;padding-inline:4px}#list .telus-inline-search{max-width:135px}.dc-bottom-nav small{font-size:9px}}

/* Compact mobile header; preserve the production order-list geometry and columns. */
@media(max-width:680px){
 #main .counts.order-view-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px;padding:0;border:0;background:transparent;margin:8px 0 5px}
 #main #list .counts.order-view-tabs .order-view-tab{--tab-tone:#3a9ef5;flex-direction:row;justify-content:center;min-height:36px;padding:6px 3px;gap:4px;font-size:11px;letter-spacing:0;border:1.5px solid var(--tab-tone);border-radius:9px;background:color-mix(in srgb,var(--tab-tone) 12%,#0c1724);color:#e0eaf3;box-shadow:none}
 #main #list #inProgressOrdersTab{--tab-tone:#e8a14b}
 #main #list #completedOrdersTab{--tab-tone:#53bc90}
 #main #list #cancelledOrdersTab{--tab-tone:#d36a78}
 #main #list .counts.order-view-tabs .order-view-tab.active{background:color-mix(in srgb,var(--tab-tone) 26%,#0c1724);box-shadow:inset 0 -2px var(--tab-tone);color:white}
 #main #list .counts.order-view-tabs .order-view-tab b{min-width:0;padding:2px 4px;font-size:10px;background:#ffffff0d;border-radius:6px}
 .app #main .top{margin-bottom:4px;gap:6px!important;min-height:36px}
 .app #main .top .logo{font-size:22px!important;white-space:nowrap}
 #main .top .home-brand-title{gap:5px}
 #main .top #issueStatusOrb{width:32px;min-width:32px;height:36px;min-height:36px;padding:0;justify-content:center;border:0;background:transparent;box-shadow:none}
 #main .top #issueStatusOrb>span{width:13px;height:13px}
 #main .top #issueStatusOrb small{display:none}
 body.dc-has-bottom-nav .app #main .top #dcForceUpdate{display:none!important}
 .app #main .top #wilmaNoticeButton:not(.has-notices){display:none!important}
 .app #main .top #wilmaNoticeButton.has-notices{font-size:0!important;padding:0 6px!important;gap:4px}
 #main .top #wilmaNoticeButton.has-notices::before{content:'!';font-size:15px;font-weight:800}
 #main #list .telus-slim-toolbar{margin:5px 0 8px;padding-block:2px;min-height:34px}
 #main #list .dc-view-control .dc-view-toggle{border-radius:9px;padding-inline:9px!important}
 body.light-mode #main #list .counts.order-view-tabs .order-view-tab{background:color-mix(in srgb,var(--tab-tone) 9%,white);color:#203d54}
 body.light-mode #main #list .counts.order-view-tabs .order-view-tab.active{background:color-mix(in srgb,var(--tab-tone) 23%,white);color:#122e43}
}
/* Normal status tints only: no extra row padding, borders, columns or badges. */
#list .telus-simple-row.status-tint-unchecked{background:rgba(27,126,220,.12)}
#list .telus-simple-row.status-tint-in-progress{background:rgba(244,143,41,.14)}
#list .telus-simple-row.status-tint-completed{background:rgba(41,174,116,.14)}
#list .telus-simple-row.status-tint-on-hold{background:rgba(218,171,48,.12)}
#list .telus-simple-row.status-tint-cancelled{background:rgba(171,93,103,.12)}
body:is(.light-mode,.dc-dusk) #list .telus-simple-row.status-tint-unchecked{background:#e7f3ff}
body:is(.light-mode,.dc-dusk) #list .telus-simple-row.status-tint-in-progress{background:#fff0df}
body:is(.light-mode,.dc-dusk) #list .telus-simple-row.status-tint-completed{background:#e3f7ed}
body:is(.light-mode,.dc-dusk) #list .telus-simple-row.status-tint-on-hold{background:#fff8e1}
body:is(.light-mode,.dc-dusk) #list .telus-simple-row.status-tint-cancelled{background:#f6e9eb}

/* Direct view selection and compact, on-demand row details. */
#list .dc-view-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:8px 0 5px}
#list .dc-view-button{--view-tone:#54a9f6;display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:36px;padding:6px 8px;border:1px solid color-mix(in srgb,var(--view-tone) 55%,transparent);border-radius:9px;background:color-mix(in srgb,var(--view-tone) 7%,var(--card,#101c2b));font-size:12px;color:var(--text,#e0eaf3);white-space:nowrap}
#list .dc-view-button[data-view="map"]{--view-tone:#4dc5aa}#list .dc-view-button[data-view="calendar"]{--view-tone:#e7b74e}#list .dc-view-button[data-view="run"]{--view-tone:#ed9b55}
#list .dc-view-button svg{color:var(--view-tone);flex:none}#list .dc-view-button.active{border-color:var(--view-tone);background:color-mix(in srgb,var(--view-tone) 19%,var(--card,#101c2b));box-shadow:inset 0 -2px var(--view-tone)}
#list .dc-view-button:focus-visible,#list .dc-order-peek:focus-visible{outline:2px solid #54a9f6;outline-offset:2px}
#main .top .home-brand-title{display:flex;align-items:center;gap:5px}
#main .top #issueStatusOrb{width:28px;min-width:28px;height:36px;min-height:36px;padding:0;justify-content:center;border:0;background:transparent;box-shadow:none}#main .top #issueStatusOrb small{display:none}
#main .top-actions{margin-left:auto}#main .top #dcNotifications{order:99;position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:7px;flex:none}
#main .top #wilmaNoticeButton{display:none!important}#main .top #wilmaNoticeButton::before{content:none}
#dcNotificationCount{position:absolute;right:-3px;top:-3px;min-width:15px;padding:1px 3px;border-radius:8px;background:#d36a78;color:#fff;font-size:10px}#dcNotificationCount[hidden]{display:none}
#main .app-credit .dev-version{display:inline;margin:0;padding:0;border:0;background:none;color:inherit;font-size:inherit}
@media(max-width:380px){#list .dc-view-button{gap:4px;padding-inline:3px;font-size:11px}#list .dc-view-button svg{width:16px}}

/* Two-line order summaries: identity first, compact utility columns on the right. */
#list .dc-order-summary{--simple-columns:minmax(0,1fr) 44px 88px 64px}
#list .dc-order-summary.with-completed{--simple-columns:minmax(0,1fr) 44px 88px 64px 64px}
#list .dc-order-summary .telus-simple-header{min-height:32px;padding-block:3px}
#list .dc-order-summary .telus-simple-row{min-height:62px;padding-block:9px}
#list .dc-order-summary .telus-simple-address{min-width:0}
#list .dc-order-summary .dc-simple-address-line{display:flex;align-items:center;min-width:0;gap:4px}
#list .dc-order-summary .telus-simple-address a{white-space:normal;overflow-wrap:anywhere;line-height:1.25;font-size:14px;font-weight:650}
#list .dc-summary-meta{white-space:normal;overflow-wrap:anywhere;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 9px;margin-top:4px;line-height:1.35;font-size:11px;color:var(--muted,#9badbf)}
#list .dc-summary-name{color:var(--text,#dce9f2)}#list .dc-summary-dpo{font-size:10px;overflow-wrap:anywhere}
#list .dc-summary-status{font-size:10px;font-weight:600}.status-text-in-progress{color:#e8a14b}.status-text-completed{color:#53bc90}.status-text-on-hold{color:#d9b352}.status-text-cancelled{color:#d36a78}
#list .dc-order-summary .telus-simple-coid{font-size:12px;text-align:left}
#list .dc-assignment-heading,#list .dc-summary-assignment{text-align:center}
#list .dc-summary-assignment{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;min-width:0;color:var(--muted,#9badbf)}
#list .dc-summary-assignment.is-assigned{color:#64e0bd}#list .dc-summary-assignment.is-unassigned{color:#efb85d}#list .dc-summary-assignment>span{display:flex;align-items:center;justify-content:center}
#list .dc-summary-assignment small{display:block;font-size:10px;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.2}
#list .dc-order-summary .telus-simple-row:focus-visible{outline:2px solid #54a9f6;outline-offset:-2px}
@media(max-width:540px){
 #list .dc-order-summary{--simple-columns:minmax(0,1fr) 34px 78px 47px}
 #list .dc-order-summary.with-completed{--simple-columns:minmax(0,1fr) 34px 78px 47px}
 #list .dc-order-summary .telus-simple-row,#list .dc-order-summary .telus-simple-header{gap:4px;padding-inline:7px}
 #list .dc-order-summary .telus-simple-address a{font-size:13px}
 #list .dc-summary-meta{gap:2px 6px;font-size:10px}
 #list .dc-order-summary .telus-simple-coid{font-size:10px}
 #list .dc-summary-assignment small{font-size:10px}
 #list .dc-order-summary .telus-simple-due{font-size:11px}
}

#list .dc-summary-assignment>span{width:26px;height:26px;border:1px solid currentColor;border-radius:7px;background:color-mix(in srgb,currentColor 10%,transparent)}
#list .dc-summary-assignment svg{width:21px;height:21px;flex:none}
#list .dc-completed-date-label{display:none}
body:is(.light-mode,.dc-dusk) #list .dc-summary-assignment.is-assigned{color:#08735b}
body:is(.light-mode,.dc-dusk) #list .dc-summary-assignment.is-unassigned{color:#915a00}
#list .order[data-order-id]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y}
@media(max-width:540px){
 #list .dc-order-summary.with-completed .telus-simple-row{grid-template-areas:"identity coid tech due" "identity coid tech done";row-gap:3px}
 #list .dc-order-summary.with-completed .telus-simple-address{grid-area:identity}
 #list .dc-order-summary.with-completed .telus-simple-coid{grid-area:coid}
 #list .dc-order-summary.with-completed .dc-summary-assignment{grid-area:tech}
 #list .dc-order-summary.with-completed .dc-summary-due{grid-area:due;align-self:end}
 #list .dc-order-summary.with-completed .dc-summary-completed{grid-area:done;align-self:start}
 #list .dc-order-summary.with-completed .dc-summary-due::before,#list .dc-order-summary.with-completed .dc-summary-completed::before{display:block;font-size:8px;font-weight:400;line-height:1.1;color:var(--muted,#9badbf)}
 #list .dc-order-summary.with-completed .dc-summary-due::before{content:'Due'}
 #list .dc-order-summary.with-completed .dc-summary-completed::before{content:'Done'}
 #list .dc-order-summary.with-completed .telus-simple-header>span:last-child{display:none}
 #list .dc-completed-date-label{display:none}
 #list .dc-order-summary.with-completed .simple-column-heading:last-of-type{white-space:normal}
}

/* Uniform list rows; full addresses remain in order details and map targets. */
#list .dc-order-summary{--simple-columns:minmax(0,1fr) 40px 52px 58px}
#list .dc-order-summary.with-completed{--simple-columns:minmax(0,1fr) 40px 52px 58px 58px}
#list .dc-order-summary .telus-simple-row{height:62px;min-height:62px;max-height:62px;box-sizing:border-box;padding-block:7px}
#list .dc-order-summary .telus-simple-address a{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;flex:1}
#list .dc-summary-meta{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:16px}
#list .dc-summary-meta>span+span{margin-left:7px}
#list .dc-summary-assignment small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#list .dc-simple-address-line>:not(a){flex:none;max-width:40%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-block:0}
@media(max-width:540px){
 #list .dc-order-summary,#list .dc-order-summary.with-completed{--simple-columns:minmax(0,1fr) 32px 46px 44px}
}

/* Two primary order groups, with secondary states in Refine orders. */
#main #list .counts.order-view-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px}
#main #list #openOrdersTab{--tab-tone:#45c98c}
#main #list #completedOrdersTab{--tab-tone:#ed6875}
#main #list .order-view-tab{min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}
#main #list .order-view-tab.active{border-color:var(--tab-tone);background:color-mix(in srgb,var(--tab-tone) 24%,var(--card,#101c2b));box-shadow:inset 0 -3px var(--tab-tone)}
#main #list .dc-view-buttons{grid-template-columns:1fr 1fr 1.3fr 1fr;gap:5px}
#main #list .dc-view-button{font-size:12px!important;line-height:1.2;padding:6px 4px!important;gap:4px;min-width:0;overflow:hidden}
#main #list .dc-view-button svg{width:17px;height:17px;flex:0 0 17px}
@media(max-width:380px){#main #list .dc-view-button{font-size:11px!important;gap:3px}#main #list .dc-view-button svg{width:15px;height:15px;flex-basis:15px}}

/* Keep colour on the current status/view only. */
#main #list .counts.order-view-tabs .order-view-tab:not(.active),
body.light-mode #main #list .counts.order-view-tabs .order-view-tab:not(.active),
#main #list .dc-view-button:not(.active){border-color:color-mix(in srgb,currentColor 12%,transparent);background:var(--card,#101c2b);color:var(--muted,#929eaf);box-shadow:none}
#main #list .dc-view-button:not(.active) svg{color:inherit}
#main #list .counts.order-view-tabs .order-view-tab:not(.active) b{color:inherit;background:#8795a512}
#main #list .counts.order-view-tabs .order-view-tab.active{border-color:var(--tab-tone);background:color-mix(in srgb,var(--tab-tone) 9%,var(--card,#101c2b));box-shadow:inset 0 0 0 1px var(--tab-tone)}
#main #list .dc-view-button.active{color:var(--view-tone);background:color-mix(in srgb,var(--view-tone) 12%,var(--card,#101c2b));box-shadow:none}