*{box-sizing:border-box}body{margin:0;background:#07111d;color:#f4f7fb;font:15px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app{max-width:720px;margin:auto;padding:18px 14px 100px}.hidden{display:none!important}.top,.row{display:flex;justify-content:space-between;align-items:center;gap:8px}.logo{font-size:28px;font-weight:900}.muted,.tag{color:#8396ab;font-size:12px}.card{background:#101c2a;border:1px solid #213349;border-radius:18px;padding:15px;margin:11px 0}.btn{background:#192a3d;color:#fff;border:1px solid #2b415a;border-radius:12px;padding:11px 13px;min-height:44px;font-weight:800}.primary{background:#1487ff}.green{background:#079b70}.full{width:100%;margin-top:8px}input,select,textarea{width:100%;padding:12px;background:#091522;color:#fff;border:1px solid #2a4059;border-radius:12px;font:inherit}.field{margin:11px 0}.field label,.sect{display:block;color:#8fa2b8;font-size:11px;font-weight:850;letter-spacing:.06em;margin-bottom:6px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.counts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:16px 0}.count{text-align:center;background:#0c1724;padding:10px;border-radius:12px;color:#8396ab;font-size:10px}.count b{display:block;color:#fff;font-size:21px}.order h3{margin:2px 0 6px}.pill{display:inline-block;background:#18283a;color:#a7b8ca;border-radius:99px;padding:5px 8px;font-size:11px;margin:7px 4px 0 0}.checks label{display:flex;gap:10px;align-items:center;border-bottom:1px solid #203146;padding:10px 0}.checks input{width:20px;height:20px}.step{display:grid;grid-template-columns:1fr 48px 48px;gap:6px;align-items:center;margin:7px 0}.bottom{position:fixed;bottom:0;left:0;right:0;background:#09141f;border-top:1px solid #203146;padding:8px 12px calc(8px + env(safe-area-inset-bottom));display:flex;justify-content:center;gap:8px}.bottom .active{background:#1487ff}.actions{display:flex;gap:7px;flex-wrap:wrap}.actions a{text-decoration:none}.notice{color:#ffbc7a;font-size:12px;margin:8px 0}.warn{border-color:#85572c}.login{max-width:420px;margin:12vh auto}.empty{text-align:center;color:#8396ab;padding:35px}.photoGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.photoGrid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}

.photo-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center}.photo-pick{display:flex;align-items:center;justify-content:center;text-align:center}.photo-pick input{display:none}.photo-grid{grid-template-columns:repeat(3,1fr);gap:8px}.photo-thumb{position:relative;display:block;background:#091522;border:1px solid #2a4059;overflow:hidden;min-height:105px;text-decoration:none;color:#fff}.photo-thumb img{width:100%;height:105px;object-fit:cover;display:block}.photo-thumb span{display:block;padding:6px;font-size:10px;line-height:1.2;color:#b8c7d8}.photo-delete{position:static;display:flex;align-items:center;justify-content:center;gap:7px;width:calc(100% - 16px);min-height:44px;margin:8px;padding:9px 6px;border:1px solid #e27779;border-radius:10px;background:#742e37;color:#fff;font-family:inherit;font-size:13px;font-weight:600;line-height:1.2;cursor:pointer}.photo-delete svg{flex-shrink:0}.photo-delete:hover{background:#963c47;border-color:#ffb1b1}.photo-delete:focus-visible{outline:3px solid #ffb8b8;outline-offset:2px}@media(max-width:420px){.photo-grid{grid-template-columns:repeat(2,1fr)}.photo-tools{grid-template-columns:1fr}}

.photo-grid-edit .photo-edit{overflow:visible;background:#091522;padding-bottom:7px}
.photo-edit img{border-radius:11px 11px 0 0}
.photo-category{width:calc(100% - 10px);margin:6px 5px 0;padding:8px 6px;border-radius:8px;font-size:11px;background:#102235;color:#fff;border:1px solid #38506a}

/* Compact mobile completion controls */
.card .grid{gap:10px 12px}
.card .field{margin-bottom:10px}
.card .field label{margin-bottom:6px}
.card input:not([type=checkbox]):not([type=file]),.card select,.card textarea{min-height:46px;padding:10px 12px;border-radius:12px}
.card textarea{min-height:72px}
.prefield-card{padding:0!important;overflow:hidden}
.prefield-card summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:17px 20px;cursor:pointer}
.prefield-card summary::-webkit-details-marker{display:none}
.prefield-card summary b{font-size:18px}
.prefield-card summary small{font-size:13px;color:#8ea2ba;font-weight:500}
.prefield-card .chev{font-size:22px;transition:transform .18s}
.prefield-card[open] .chev{transform:rotate(180deg)}
.prefield-body{border-top:1px solid #263c53;padding:16px 20px 20px}
.pf-checks{display:grid;gap:10px;margin:5px 0 14px}
.pf-checks label{display:flex;gap:10px;align-items:center;font-size:15px}
.pf-checks input{width:22px;height:22px}
.btn.compact{padding:10px 14px;min-height:42px}

/* iPhone layout correction — override earlier broad form sizing */
.card .grid{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  column-gap:14px !important;
  row-gap:14px !important;
  align-items:start !important;
}
.card .field{width:100% !important;margin:0 !important}
.card .field label{display:block;margin:0 0 6px !important}
.card .field input:not([type="checkbox"]):not([type="file"]),
.card .field select{
  max-width:100% !important;
  height:48px !important;
  min-height:48px !important;
  padding:8px 12px !important;
}
.card .field textarea{
  display:block !important;
  box-sizing:border-box !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  min-height:76px !important;
  padding:10px 12px !important;
  margin:0 !important;
  border-radius:12px !important;
  font-size:16px !important;
  resize:vertical;
}
.prefield-card summary{min-height:58px !important;padding:13px 16px !important}
.prefield-body{padding:14px 16px 17px !important}
.prefield-body .grid{grid-template-columns:1fr !important;gap:13px !important}
.prefield-body .field textarea{min-height:72px !important}
.pf-checks{margin-top:13px !important}
@media(max-width:430px){
  .card{padding-left:16px !important;padding-right:16px !important}
  .card .grid{column-gap:12px !important}
}

/* Final mobile completion geometry fix.
   The date input has intrinsic iOS sizing; force all controls to obey the grid. */
.card .grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px 14px !important;
  width:100% !important;
}
.card .grid > *{
  min-width:0 !important;
  width:auto !important;
}
.card .field{
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
  width:auto !important;
  overflow:visible !important;
}
.card .field label{
  position:static !important;
  display:block !important;
  line-height:1.2 !important;
  min-height:18px !important;
  margin:0 0 7px !important;
}
.card .field input:not([type="checkbox"]):not([type="file"]),
.card .field select{
  -webkit-appearance:none;
  appearance:none;
  display:block !important;
  box-sizing:border-box !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  height:46px !important;
  min-height:46px !important;
  padding:0 12px !important;
  margin:0 !important;
  border-radius:12px !important;
  font-size:16px !important;
  line-height:46px !important;
}
.card .field input[type="date"]{
  text-align:center !important;
  -webkit-appearance:none !important;
  appearance:none !important;
}
.card .field select{
  padding-right:32px !important;
  line-height:normal !important;
}
.prefield-body .grid{
  grid-template-columns:minmax(0,1fr) !important;
}
.prefield-body .field textarea{
  box-sizing:border-box !important;
  width:100% !important;
}
@media(max-width:430px){
  .card .grid{gap:18px 12px !important}
}


/* Patch 1 — customer contact history */
.contact-card small{display:inline}
.contact-history{margin-top:16px;border-top:1px solid #263c53}
.contact-entry{padding:12px 0;border-bottom:1px solid #203146}
.contact-entry:last-child{border-bottom:0}
.contact-entry .row{align-items:flex-start}
.contact-follow{margin-top:5px;color:#ffbc7a;font-size:12px}
.contact-card .field{margin-top:12px !important}

/* Patch 2 — tappable dashboard status filters */
.count{cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;border:1px solid transparent}
.count.active{background:#173454;border-color:#1487ff;color:#cfe7ff}

/* Patch 3 — Menu & Settings */
.menu-btn{white-space:nowrap}
.settings-title{margin:18px 2px 8px}.settings-title h2{margin:0 0 3px;font-size:28px}
.setting-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:8px 0}
.setting-row span{display:flex;flex-direction:column;gap:4px}.setting-row small{color:#8396ab;font-size:12px;font-weight:500}
.toggle-check{width:24px!important;height:24px!important;min-height:24px!important;flex:0 0 24px}
.template-box{line-height:1.45;min-height:210px!important}
.danger-btn{border-color:#71404a;color:#ffb9c1}
body.light-mode{background:#eef3f8;color:#102033}
body.light-mode .card{background:#fff;border-color:#d5dee8}
body.light-mode .btn{background:#e3ebf3;color:#102033;border-color:#c7d3df}
body.light-mode .btn.primary,body.light-mode .bottom .active{background:#1487ff;color:#fff}
body.light-mode input,body.light-mode select,body.light-mode textarea{background:#fff;color:#102033;border-color:#bdcad7}
body.light-mode .bottom{background:#f7fafc;border-color:#d5dee8}
body.light-mode .count{background:#fff;color:#64778a;border-color:#d5dee8}
body.light-mode .count b{color:#102033}
body.light-mode .count.active{background:#dcecff;border-color:#1487ff;color:#145da0}
body.light-mode .pill{background:#e7eef5;color:#42586d}
body.light-mode .muted,body.light-mode .tag,body.light-mode .setting-row small{color:#64778a}

/* Patch 4 — workflow/admin */
.closed-tools{display:flex;gap:8px;justify-content:space-between;align-items:center;margin:10px 0 2px;flex-wrap:wrap}
.range-tabs{display:flex;gap:6px}.range-tabs .btn{padding:8px 10px;min-height:38px}.range-tabs .active{background:#1487ff}
.return-pill{border:1px solid #85572c;color:#ffbc7a}
.material-defaults{border-top:1px solid #263c53;padding:10px 0}.material-defaults summary{font-weight:850;cursor:pointer}
.mini-step{display:grid;grid-template-columns:1fr 90px;gap:10px;align-items:center;margin:8px 0}
.mini-step input{text-align:center}
@media(max-width:430px){.closed-tools{align-items:stretch}.closed-tools>.btn{width:100%}.range-tabs{width:100%}.range-tabs .btn{flex:1}}

/* Patch 5 — operations/admin */
.audit-entry{padding:10px 0;border-bottom:1px solid #203146}.audit-entry:last-child{border-bottom:0}
.saved-category{width:calc(100% - 10px)!important;margin:6px 5px!important;height:38px!important;min-height:38px!important;font-size:11px!important;padding:0 7px!important}
#qcNotes{min-height:70px!important}


/* QC panel layered onto stable V5 UI */
.qc-card{padding:0!important;overflow:hidden;margin-top:14px}
.qc-card summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer}
.qc-card summary::-webkit-details-marker{display:none}
.qc-card summary b{font-size:17px}
.qc-card summary small{font-size:12px;color:#8ea2ba;font-weight:600}
.qc-card .chev{font-size:22px;transition:transform .18s}
.qc-card[open] .chev{transform:rotate(180deg)}
.qc-body{border-top:1px solid #263c53;padding:14px 16px 16px}
.qc-body .field{margin:0 0 12px!important;width:100%!important}
.qc-body select{height:46px!important;min-height:46px!important}
.qc-body textarea{min-height:78px!important;height:78px;resize:vertical}
.qc-body .btn{margin-top:2px}


/* Settings launcher — compact mobile menu */
.settings-launcher{display:grid;gap:10px;margin:14px 0 22px}
.settings-tile{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;text-align:left;gap:3px 12px;width:100%;padding:15px 16px;background:#0d1d2e;color:#fff;border:1px solid #2a4059;border-radius:14px}
.settings-tile b{font-size:16px}.settings-tile small{grid-column:1;color:#8396ab;font-size:12px}.settings-tile span{grid-column:2;grid-row:1/3;align-self:center;font-size:26px;color:#8396ab}
.settings-fold{margin-top:14px;border-top:1px solid #263c53}
.settings-fold>summary{display:flex;justify-content:space-between;align-items:center;list-style:none;padding:14px 0;font-weight:850;cursor:pointer}
.settings-fold>summary::-webkit-details-marker{display:none}.settings-fold>summary span{transition:transform .18s}.settings-fold[open]>summary span{transform:rotate(180deg)}
.settings-fold-body{padding:0 0 8px}
body.light-mode .settings-tile{background:#fff;color:#102033;border-color:#d5dee8}
body.light-mode .settings-tile small,body.light-mode .settings-tile span{color:#64778a}


/* Users & Roles */
.user-role-row{display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #263c53}
.user-role-row:last-of-type{border-bottom:0}
.user-role-info{min-width:0}.user-role-info b,.user-role-info small{display:block}.user-role-info small{margin-top:3px;color:#8396ab;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-role-row select{margin:0;height:44px;min-height:44px}
.users-help{padding-top:14px}
body.light-mode .user-role-row{border-color:#d5dee8}
@media(max-width:430px){.user-role-row{grid-template-columns:minmax(0,1fr) 118px;gap:9px}}

.user-actions{display:grid;gap:7px}.user-actions select{width:100%}.add-user-card{margin:12px 0 16px;padding:14px;border:1px solid #2a4059;border-radius:14px;background:#0d1d2e}.add-user-card .btn{margin-top:8px}body.light-mode .add-user-card{background:#fff;border-color:#d5dee8}


/* QC Dashboard */
.qc-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.qc-tabs .btn{padding:10px 6px;font-size:12px}.qc-tabs .btn.active{border-color:#68a9ff;background:#17375a}.qc-queue-count{font-size:12px;font-weight:800;color:#8396ab;text-transform:uppercase;letter-spacing:.05em;margin:12px 2px 8px}.qc-queue-card{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;padding:14px;margin:8px 0;background:#0d1d2e;color:#fff;border:1px solid #2a4059;border-radius:14px}.qc-queue-card b,.qc-queue-card small{display:block}.qc-queue-card small{color:#8396ab;margin-top:3px}.qc-queue-card>span{font-size:25px;color:#8396ab}.qc-note-preview{margin-top:7px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.light-mode .qc-tabs .btn.active{background:#e8f2ff}.light-mode .qc-queue-card{background:#fff;color:#102033;border-color:#d5dee8}

.qc-queue-card>span{font-size:13px;font-weight:800;white-space:nowrap}.qc-review-head h2{margin-bottom:4px}.qc-review-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.qc-review-actions .btn{min-height:48px;font-weight:800}.qc-sendback{border-color:#8b4b4b}.qc-decision textarea{margin-top:8px}.qc-reviewed{margin-top:12px}.qc-decision .sect,.qc-review-head+.card .sect{margin-top:12px}.qc-decision .sect:first-child,.qc-review-head+.card .sect:first-child{margin-top:0}

/* Compact mobile completion workflow */
.completion-card{padding:14px}.completion-card h2{margin:0 0 10px}.completion-card .field{margin-bottom:8px}.completion-card .field label{font-size:10px;margin-bottom:4px}.completion-card input,.completion-card select{min-height:38px;padding:7px 9px}.completion-card textarea{padding:8px 9px}.completion-card .grid{gap:8px}.completion-folds{display:grid;gap:7px;margin:8px 0 12px}.completion-fold{border:1px solid #2a4059;border-radius:12px;overflow:hidden;background:#0b1827}.completion-fold>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:11px 12px;cursor:pointer}.completion-fold>summary::-webkit-details-marker{display:none}.completion-fold>summary span:first-child{display:flex;align-items:baseline;gap:7px}.completion-fold>summary small{color:#8396ab;font-size:11px}.completion-fold .chev{transition:transform .15s}.completion-fold[open] .chev{transform:rotate(180deg)}.completion-fold-body{padding:0 10px 10px}.compact-checks{gap:5px}.compact-checks label{min-height:38px;padding:7px 9px}.compact-step{min-height:42px;padding:5px 0}.compact-step .btn{min-width:40px;min-height:36px;padding:5px 10px}.light-mode .completion-fold{background:#fff;border-color:#d5dee8}
@media(max-width:520px){.completion-card{padding:12px}.completion-card .grid{grid-template-columns:1fr 1fr}.completion-card input,.completion-card select{font-size:16px}.completion-fold>summary{padding:10px}}

.deleted-cx-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #26394d}.deleted-cx-row:last-child{border-bottom:0}.deleted-cx-row small{display:block;color:#8396ab;margin-top:4px}.btn.danger{border-color:#9d4242;color:#ff8d8d}@media(max-width:520px){.deleted-cx-row{align-items:flex-start}.deleted-cx-row .btn{flex:0 0 auto}}

.cx-info-card{position:relative}.cx-info-card #adminCxActions{position:absolute;top:10px;right:10px}.cx-delete-mini{border:1px solid rgba(255,120,120,.35);background:transparent;color:#a77b7b;border-radius:7px;padding:4px 7px;font-size:10px;line-height:1.1;opacity:.72;cursor:pointer}.cx-delete-mini:active,.cx-delete-mini:hover{opacity:1;color:#ff9090;border-color:#b95050}.cx-info-card h2{padding-right:62px}

.consent-link{display:grid;gap:7px;margin-top:10px}.consent-link input{font-size:12px}.consent-public{max-width:560px;margin:24px auto;padding:20px}.consent-public .logo{margin-bottom:18px}.consent-facts{display:grid;grid-template-columns:90px 1fr;gap:7px 12px;margin:16px 0}.consent-deviation{padding:12px;border:1px solid #38516b;border-radius:10px;background:#0b1827;white-space:pre-wrap;margin-bottom:14px}.signature-pad{display:block;width:100%;height:180px;background:#fff;border:2px solid #8799aa;border-radius:10px;touch-action:none;margin:6px 0 10px}.light-mode .consent-deviation{background:#f7f9fb}

.consent-signed{border-color:#2e8b57;color:#79d6a3}.qc-missing-consent{margin-top:8px;padding:9px 10px;border:1px solid #b24b4b;border-radius:8px;background:rgba(178,75,75,.12);color:#ffaaaa;font-weight:600}


/* Billing / Reports */
.billing-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0 12px}.billing-summary .count{border:1px solid #213349}.billing-row{padding:13px 15px}.billing-row .row{align-items:flex-start}.billing-row .pill{margin:0}.billing-metrics{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.billing-metrics span{background:#0b1724;border:1px solid #253b52;border-radius:99px;padding:5px 8px;font-size:11px;color:#b8c7d8}body.light-mode .billing-metrics span{background:#eef3f8;border-color:#d5dee8;color:#42586d}@media(max-width:430px){.billing-summary .count{padding:8px 4px}.billing-summary .count b{font-size:19px}}


/* Fibre accent palette */
.logo-drop{color:#168cff}.logo-checkr{color:#ff8a24}
.count:has(#uc){border-color:#1b65a5;background:#0d2237}.count:has(#uc) b{color:#4ba7ff}
.count:has(#ic){border-color:#8b5626;background:#261b12}.count:has(#ic) b{color:#ff9b3d}
.count:has(#cc){border-color:#267259;background:#10271f}.count:has(#cc) b{color:#42d39a}
.count:has(#uc).active{background:#123b60;border-color:#168cff}.count:has(#ic).active{background:#4a2b12;border-color:#ff8a24}.count:has(#cc).active{background:#174633;border-color:#18b67e}
body.light-mode .count:has(#uc){background:#e7f3ff;border-color:#8bc5fa}body.light-mode .count:has(#uc) b{color:#086fcb}
body.light-mode .count:has(#ic){background:#fff0df;border-color:#f3bd80}body.light-mode .count:has(#ic) b{color:#c9680c}
body.light-mode .count:has(#cc){background:#e6f8f0;border-color:#8bd9bb}body.light-mode .count:has(#cc) b{color:#087c57}


/* Compact order list */
.compact-order{padding:10px 12px;margin:7px 0;border-radius:13px;cursor:pointer}.order-mainline{display:flex;align-items:baseline;gap:5px;min-width:0;white-space:nowrap;overflow:hidden;font-size:14px}.order-mainline b{flex:0 0 auto}.order-mainline span:not(.order-sep){overflow:hidden;text-overflow:ellipsis}.order-sep{color:#526a82;flex:0 0 auto}.order-meta{display:flex;align-items:center;gap:5px;margin-top:6px;flex-wrap:wrap}.compact-order .pill{margin:0;padding:3px 7px;font-size:10px}.compact-order .status-unchecked{color:#67b7ff;border:1px solid #245f91}.compact-order .status-in-progress{color:#ffab59;border:1px solid #75471f}.compact-order .status-completed{color:#59dca8;border:1px solid #226b52}@media(max-width:430px){.compact-order{padding:9px 10px;margin:6px 0}.order-mainline{font-size:13px}.order-meta{margin-top:5px}}


/* Single-row order scan layout */
.compact-order{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.order-left{min-width:0}.compact-order .order-meta{margin-top:0;justify-content:flex-end;max-width:190px}.compact-order .order-meta .pill{white-space:nowrap}@media(max-width:430px){.compact-order{grid-template-columns:minmax(0,1fr) auto;gap:7px}.compact-order .order-meta{max-width:130px;justify-content:flex-end}.compact-order .order-meta .pill{font-size:9px;padding:3px 6px}.compact-order .order-mainline{font-size:12.5px}}

.order-name{font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-address{display:block;width:max-content;max-width:100%;margin-top:3px;color:#8fa2b8;font-size:11px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}.order-address:hover,.order-address:focus{color:#58adff;text-decoration:underline}body.light-mode .order-address{color:#64778a}body.light-mode .order-address:hover,body.light-mode .order-address:focus{color:#086fcb}@media(max-width:430px){.order-name{font-size:13px}.order-address{font-size:10.5px}}

/* Mobile field UX — safe, presentation-only */
#search{font-size:16px!important;touch-action:manipulation}.btn,.compact-order,.settings-tile,.count{touch-action:manipulation}.actions .btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center}@media(max-width:520px){.wrap{padding-bottom:84px}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.actions .btn{width:100%;padding:9px 7px}.bottom{padding-bottom:max(8px,env(safe-area-inset-bottom))}.completion-card .btn.full,.prefield-body>.btn{min-height:46px}}

.contact-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:12px}.contact-quick .btn{min-height:40px;padding:7px;font-size:12px}@media(max-width:520px){.contact-card textarea{min-height:64px!important}.contact-card input[type="date"]{min-height:46px!important}}


/* Completion form mobile field layout */
.completion-card .completion-grid,
.completion-card #dyn .grid,
.completion-card > .grid{
  column-gap:12px;
  row-gap:16px;
}
.completion-card .field{
  margin:8px 0 10px;
  min-width:0;
}
.completion-card .field label{
  margin:0 0 7px;
  line-height:1.2;
}
.completion-card input:not([type="checkbox"]):not([type="file"]),
.completion-card select{
  min-height:50px;
  height:50px;
  padding:10px 12px;
  border-radius:12px;
  line-height:1.2;
}
.completion-card #dyn{
  margin-top:2px;
  margin-bottom:2px;
}
@media(max-width:520px){
  .completion-card{
    padding:16px;
  }
  .completion-card h2{
    margin:0 0 16px;
  }
  .completion-card .grid{
    gap:14px 10px;
  }
  .completion-card .field{
    margin:4px 0 8px;
  }
  .completion-card .field label{
    font-size:10px;
    letter-spacing:.08em;
    margin-bottom:6px;
  }
  .completion-card input:not([type="checkbox"]):not([type="file"]),
  .completion-card select{
    min-height:48px;
    height:48px;
    padding:9px 11px;
  }
}


/* Completion header fields — explicit mobile rhythm */
.completion-card > .completion-grid,
.completion-card > #dyn > .grid,
.completion-card > #dyn + .grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  column-gap:12px;
  margin:0 0 18px;
}
.completion-card > .completion-grid .field,
.completion-card > #dyn > .grid .field,
.completion-card > #dyn + .grid .field{
  margin:0;
  display:flex;
  flex-direction:column;
  gap:7px;
}
.completion-card > .completion-grid .field label,
.completion-card > #dyn > .grid .field label,
.completion-card > #dyn + .grid .field label{
  margin:0;
  min-height:14px;
  line-height:14px;
}
.completion-card > .completion-grid input,
.completion-card > .completion-grid select,
.completion-card > #dyn > .grid input,
.completion-card > #dyn > .grid select,
.completion-card > #dyn + .grid input,
.completion-card > #dyn + .grid select{
  box-sizing:border-box;
  width:100%;
  height:46px;
  min-height:46px;
  padding:9px 12px;
  margin:0;
}
.completion-card > #dyn{
  margin:0;
}
@media(max-width:520px){
  .completion-card > .completion-grid,
  .completion-card > #dyn > .grid,
  .completion-card > #dyn + .grid{
    column-gap:10px;
    margin-bottom:16px;
  }
}


/* Completion count controls */
.completion-card .inline-stepper{
  height:46px;
  display:grid;
  grid-template-columns:46px 1fr 46px;
  align-items:center;
  border:1px solid #2a4059;
  border-radius:12px;
  background:#091522;
}
.completion-card .inline-stepper button{
  width:46px;
  height:46px;
  padding:0;
  border:0;
  background:#192a3d;
  color:#fff;
  font-size:24px;
  font-weight:700;
  line-height:1;
}
.completion-card .inline-stepper button:active{
  background:#25415f;
}
.completion-card .inline-stepper output{
  display:flex;
  align-items:center;
  justify-content:center;
  height:46px;
  color:#fff;
  font-size:18px;
  font-weight:800;
  font-variant-numeric:tabular-nums;
}
.completion-card .measure-input{
  font-variant-numeric:tabular-nums;
}


/* Sleek CX quick actions */
.cx-info-card .actions.cx-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:12px}
.cx-quick-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:52px;padding:7px 4px;border:1px solid #294158;border-radius:11px;background:#0b1827;color:#dce8f5;text-decoration:none;font-size:10px;font-weight:750;letter-spacing:.01em}
.cx-quick-action .quick-icon{font-size:17px;line-height:1;color:#69b5ff}
.cx-quick-action:active{transform:translateY(1px);background:#12263a}
body.light-mode .cx-quick-action{background:#f7fafc;color:#294158;border-color:#d5dee8}
body.light-mode .cx-quick-action .quick-icon{color:#0876d8}
@media(max-width:380px){.cx-info-card .actions.cx-quick-actions{gap:5px}.cx-quick-action{font-size:9px;padding-left:2px;padding-right:2px}}

.board-switcher{display:flex;align-items:center;gap:12px;margin:12px 0 14px;padding:10px 12px;border:1px solid #2b415a;border-radius:14px;background:#101c2a}
.board-switcher label{font-size:11px;font-weight:800;letter-spacing:.08em;color:#8fa2b8;white-space:nowrap}
.board-switcher select{flex:1;min-width:0;margin:0;padding:9px 12px}
#boardAdmin .setting-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #26374a;padding:12px 0}
#boardAdmin .setting-row small{display:block;color:#8fa2b8}
#boardAdmin select{margin:8px 0}


/* Development build marker */
.dev-version{display:inline-block;margin-left:7px;padding:2px 5px;border:1px solid #294158;border-radius:6px;color:#71869c;font-size:9px;font-weight:750;line-height:1.2;vertical-align:middle;letter-spacing:.02em}
body.light-mode .dev-version{border-color:#cbd7e2;color:#74879a}


/* Subtle admin-only controls */
.settings-tile.admin-subtle-tile{background:transparent;border-style:dashed;opacity:.72;padding-top:11px;padding-bottom:11px}.settings-tile.admin-subtle-tile b{font-size:14px}.settings-tile.admin-subtle-tile small{font-size:11px}.settings-tile.admin-subtle-tile:hover{opacity:1}


/* Compact header search + filters */
.top-actions{display:flex;align-items:center;gap:6px;position:relative}.icon-btn{width:38px;height:38px;border:1px solid #294158;border-radius:10px;background:#0b1827;color:#dce8f5;font-size:20px;display:flex;align-items:center;justify-content:center;padding:0}.icon-btn.active{border-color:#1688ee;color:#69b5ff;background:#102b44}.top-search{display:flex;align-items:center;position:relative}.top-search input{width:0;opacity:0;padding:0;border-width:0;transition:width .18s ease,opacity .14s ease,padding .18s ease;margin:0}.top-search.open input{width:min(38vw,190px);opacity:1;padding:9px 10px;border-width:1px;margin-left:5px}.filter-wrap{position:relative}.filter-popover{position:absolute;right:0;top:45px;z-index:40;width:min(280px,82vw);padding:12px;background:#0b1827;border:1px solid #294158;border-radius:12px;box-shadow:0 12px 35px rgba(0,0,0,.35)}.filter-popover.hidden{display:none}.filter-popover .filter-title{font-weight:800;margin-bottom:10px}.filter-popover label{display:block;font-size:10px;font-weight:800;color:#7f96ac;margin:7px 0 5px}.filter-popover select{width:100%;margin-bottom:10px}.filter-popover .btn{margin-top:2px}body.light-mode .icon-btn,body.light-mode .filter-popover{background:#f7fafc;color:#294158;border-color:#d5dee8}@media(max-width:480px){.top{gap:5px}.top-actions{gap:4px}.icon-btn{width:34px;height:34px;border-radius:9px}.menu-btn{padding-left:9px;padding-right:9px}.top-search.open{position:absolute;left:8px;right:8px;top:8px;z-index:50;background:#07111d;padding:4px;border-radius:12px}.top-search.open input{width:100%;flex:1}.top-search.open .search-toggle{flex:0 0 34px}body.light-mode .top-search.open{background:#fff}}

.filter-wrap{display:flex;align-items:center;gap:4px}.filter-add-btn{width:38px;height:38px;border:1px solid #294158;border-radius:10px;background:#0b1827;color:#dce8f5;font-size:20px;font-weight:500;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.filter-add-btn:active{transform:translateY(1px);background:#12263a;color:#69b5ff}body.light-mode .filter-add-btn{background:#f7fafc;color:#294158;border-color:#d5dee8}body.light-mode .filter-add-btn:active{background:#edf3f8;color:#0876d8}@media(max-width:480px){.filter-add-btn{width:34px;height:34px;border-radius:9px}}

.home-brand{cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}.home-brand:active{opacity:.72}.home-brand-title{display:flex;align-items:center;gap:7px;min-width:0}.home-brand-title .logo{min-width:0}


/* Condensed users & account setup */
.user-add-top{width:auto;margin:0 0 10px auto;display:flex}.users-list{display:flex;flex-direction:column;gap:8px}.user-role-row{display:block;padding:11px 0;border-bottom:1px solid #1d3043}.user-role-row:last-child{border-bottom:0}.user-role-info{display:flex;flex-direction:column;gap:2px}.user-role-info b{font-size:15px}.user-role-info small{font-size:11px;color:#7f96ac}.user-status{font-size:10px;color:#7f96ac;margin-top:2px}.user-status.active{color:#69b5ff}.user-actions{display:flex;align-items:center;gap:6px;margin-top:8px;flex-wrap:wrap}.user-actions select{width:auto;min-width:105px;height:34px;padding:5px 25px 5px 8px;font-size:12px}.user-actions .btn{min-height:34px;font-size:11px;padding:6px 9px}.users-help{margin-top:12px;font-size:11px}.setup-card{margin-top:18px}.setup-card .muted{margin-bottom:14px}
body.light-mode .user-role-row{border-bottom-color:#e2e9f0}

/* Lightweight app feedback */
.dc-toast{position:fixed;left:50%;bottom:24px;z-index:999;max-width:calc(100vw - 32px);transform:translate(-50%,18px);opacity:0;pointer-events:none;padding:10px 14px;border:1px solid #294158;border-radius:10px;background:#0b1827;color:#dce8f5;font-size:12px;font-weight:750;box-shadow:0 10px 28px rgba(0,0,0,.35);transition:.18s ease}.dc-toast.show{opacity:1;transform:translate(-50%,0)}.dc-toast.error{border-color:#8d3e3e;color:#ffb2b2}body.light-mode .dc-toast{background:#fff;color:#294158;border-color:#d5dee8}

/* v0.9.23 quick account testing */
.top{position:relative}
.quick-signout{position:absolute;left:-7px;top:-9px;width:27px;height:27px;padding:0;border:1px solid #2b415a;border-radius:8px;background:#0c1724;color:#8396ab;font-size:15px;font-weight:800;line-height:25px;text-align:center;cursor:pointer;z-index:2}
.quick-signout:active{transform:scale(.94)}
.home-brand{margin-left:23px}
body.light-mode .quick-signout{background:#fff;color:#61758b;border-color:#d5dee8}
@media(max-width:430px){.quick-signout{left:-5px;top:-7px}.home-brand{margin-left:22px}}

/* v0.9.24 tactile button feedback */
.btn,.icon-btn,.filter-add-btn,.count,.quick-signout,.photo-delete,.home-brand{
  -webkit-tap-highlight-color:transparent;
}
.btn,.icon-btn,.filter-add-btn,.count,.photo-delete{
  transition:transform .11s ease,filter .11s ease,box-shadow .11s ease,border-color .11s ease;
  transform:translateY(0) scale(1);
}
.btn:active,.icon-btn:active,.filter-add-btn:active,.count:active,.photo-delete:active{
  transform:translateY(2px) scale(.96);
  filter:brightness(1.22);
  box-shadow:inset 0 2px 5px rgba(0,0,0,.28);
}
.primary:active,.bottom .active:active{filter:brightness(1.16)}
@media(hover:hover){.btn:hover,.icon-btn:hover,.filter-add-btn:hover{filter:brightness(1.1);border-color:#41617f}}
@media(prefers-reduced-motion:reduce){.btn,.icon-btn,.filter-add-btn,.count,.photo-delete{transition:none}}

/* v0.9.26 order selection mode */
.select-orders-tools{margin:10px 0 2px;min-height:38px}
.select-orders-tools .btn{min-height:36px;padding:7px 11px}
.select-orders-tools .btn.active{background:#173454;border-color:#1487ff;color:#d8ecff}
.selected-count{margin-left:auto;color:#8396ab;font-size:11px;font-weight:800}
.selectable-order{position:relative;padding-left:52px!important;cursor:pointer}
.order-select-check{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:25px;height:25px;border:2px solid #3a526b;border-radius:7px;background:#091522;display:flex;align-items:center;justify-content:center;transition:.12s ease}
.order-select-check span{font-size:16px;font-weight:950;line-height:1}
.order-selected{border-color:#1487ff!important;background:#10243a!important;box-shadow:0 0 0 1px rgba(20,135,255,.16)}
.order-selected .order-select-check{background:#1487ff;border-color:#1487ff;color:#fff;transform:translateY(-50%) scale(1.06)}
body.light-mode .order-select-check{background:#fff;border-color:#a9b8c7}
body.light-mode .order-selected{background:#edf6ff!important}

/* v0.9.27 assignment + login conveniences */
.login-options{display:flex;justify-content:space-between;gap:12px;margin:10px 2px 3px;color:#8396ab;font-size:12px}
.login-options label{display:flex;align-items:center;gap:6px;cursor:pointer}.login-options input{width:17px;height:17px;padding:0;min-height:0!important}
.fyburz-production{text-align:center;margin:18px 0 0;color:#52677c;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.app-credit{margin-top:34px}
.select-orders-tools .primary{margin-left:2px}

/* v0.9.29 native-feeling bulk status picker */
.bulk-status-backdrop{position:fixed;inset:0;z-index:1300;background:rgba(2,8,15,.72);display:flex;align-items:flex-end;justify-content:center;padding:12px}
.bulk-status-sheet{width:min(500px,100%);background:#0e1a27;border:1px solid #294158;border-radius:20px;padding:16px;box-shadow:0 -14px 40px rgba(0,0,0,.42);animation:statusSheetIn .16s ease-out}
.bulk-status-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.bulk-status-head>div{display:flex;flex-direction:column;gap:2px}.bulk-status-head b{font-size:18px}.bulk-status-head small{font-size:11px;color:#8396ab}
.bulk-status-close{width:31px;height:31px;border:1px solid #2b415a;border-radius:9px;background:#111f2e;color:#9bb0c5;font-weight:800}
.bulk-status-options{display:flex;flex-direction:column;gap:7px}.bulk-status-options button{width:100%;display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:11px;text-align:left;padding:13px;border:1px solid #263c53;border-radius:12px;background:#0a1622;color:#dce8f5;font-size:14px}.bulk-status-options button:active{transform:scale(.985);filter:brightness(1.2)}.bulk-status-options button>span:last-child{font-size:21px;color:#60778e}.status-dot{width:9px;height:9px;border-radius:50%;background:#698096}.status-dot.status-in-progress{background:#3b9cff}.status-dot.status-on-hold{background:#e4a83e}.status-dot.status-cancelled{background:#dc6262}
@keyframes statusSheetIn{from{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}
body.light-mode .bulk-status-sheet{background:#fff;border-color:#d5dee8}body.light-mode .bulk-status-options button{background:#f7f9fc;color:#24384c;border-color:#d5dee8}body.light-mode .bulk-status-close{background:#f3f6f9;color:#61758b;border-color:#d5dee8}
@media(min-width:600px){.bulk-status-backdrop{align-items:center}}

/* v0.9.37 assignment visibility */
.tech-badge{border-color:#315b7e;color:#8fc9ff;background:#102238}.tech-badge.unassigned{border-color:#4a5562;color:#8795a4;background:transparent}.order-assignment-line{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin:-2px 0 8px}.order-assignment-line .btn{min-height:32px;padding:6px 10px;font-size:11px}body.light-mode .tech-badge{background:#edf6ff;color:#1768ad;border-color:#9cccf3}body.light-mode .tech-badge.unassigned{background:transparent;color:#7a8998;border-color:#cbd5df}

/* v0.9.38 admin technician board viewer */
.assignment-view-card{padding:12px;margin-bottom:12px;border:1px solid #294158;border-radius:12px;background:#0b1827}.assignment-view-card label{display:block;margin-bottom:6px;color:#7f96ac;font-size:10px;font-weight:850;letter-spacing:.08em}.assignment-view-card select{width:100%;margin:0 0 6px}.assignment-view-card small{display:block;color:#7f96ac;font-size:10px}.board-tools{margin-top:10px}.view-as-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:9px 0;padding:9px 11px;border:1px solid #315b7e;border-radius:11px;background:#102238}.view-as-bar span{display:flex;flex-direction:column}.view-as-bar b{font-size:12px;color:#8fc9ff}.view-as-bar small{font-size:9px;color:#7f96ac}body.light-mode .assignment-view-card,body.light-mode .view-as-bar{background:#edf6ff;border-color:#9cccf3}

/* v0.9.39 admin Assign shortcut */
.admin-assign-top{height:38px;min-width:76px;padding:0 14px;font-size:12px;font-weight:850;border-color:#315b7e;background:#102238;color:#8fc9ff}@media(max-width:480px){.admin-assign-top{height:34px;min-width:68px;padding:0 11px;font-size:11px}}

/* v0.9.41 fast-load progress */
.load-progress{position:fixed;z-index:9999;top:0;left:0;right:0;padding:7px 12px 0;background:linear-gradient(180deg,rgba(5,12,20,.96),rgba(5,12,20,0));pointer-events:none;transition:opacity .25s ease}.load-progress.hidden{display:none}.load-progress.done{opacity:0}.load-progress-meta{display:flex;justify-content:space-between;align-items:center;max-width:720px;margin:0 auto 4px;color:#9db1c5;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.load-progress-meta b{color:#ff8a24;font-size:10px}.load-progress-track{height:3px;max-width:720px;margin:auto;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}.load-progress-bar{height:100%;width:3%;border-radius:99px;background:linear-gradient(90deg,#ff7a18,#ff9d2f,#2d9cff,#56c7ff);box-shadow:0 0 10px rgba(45,156,255,.55);transition:width .32s cubic-bezier(.2,.8,.2,1)}body.light-mode .load-progress{background:linear-gradient(180deg,rgba(247,251,255,.98),rgba(247,251,255,0))}body.light-mode .load-progress-track{background:rgba(15,40,65,.12)}

/* v0.9.44 safe mobile header reflow — CSS only */
@media(max-width:480px){.top{display:grid;grid-template-columns:auto 1fr auto auto;grid-template-rows:auto auto;column-gap:5px;row-gap:7px;width:100%;max-width:100%;box-sizing:border-box}.quick-signout{grid-column:1;grid-row:1}.home-brand{grid-column:2;grid-row:1;min-width:0}.top-actions{display:contents}.admin-assign-top{grid-column:3;grid-row:1;min-width:64px}.menu-btn{grid-column:4;grid-row:1;white-space:nowrap}.top-search{grid-column:3;grid-row:2;justify-self:end}.filter-wrap{grid-column:4;grid-row:2;justify-self:end}.top-search.open{position:absolute;left:8px;right:8px;top:54px;z-index:50;background:#07111d;padding:4px;border-radius:12px}.top-search.open input{width:100%;flex:1}.filter-popover{right:0;top:40px}.counts{margin-top:2px}body.light-mode .top-search.open{background:#fff}}

/* v0.9.45 mobile order actions */
.mobile-order-actions{display:none}@media(max-width:480px){.mobile-order-actions{display:flex;gap:6px;margin-left:auto}.mobile-order-actions .icon-btn{width:36px;height:36px}.top-search>.search-toggle{display:none}.filter-wrap>#filterBtn,.filter-wrap>.filter-add-btn{display:none}.top-search.open{display:flex;position:absolute;left:8px;right:8px;top:54px;z-index:50;background:#07111d;padding:4px;border-radius:12px}.top-search.open input{width:100%;flex:1}.filter-popover{position:fixed;right:10px;top:102px}.select-orders-tools{width:100%;box-sizing:border-box}body.light-mode .top-search.open{background:#fff}}

/* Completed job summary and safe mobile header actions */
.cx-info-card #adminCxActions{position:static;display:flex;justify-content:flex-end;margin-bottom:8px}.cx-info-card h2{padding-right:0}.cx-info-card #orderAssignment{clear:both}.order-assignment-line{justify-content:flex-start;flex-wrap:wrap;margin:4px 0 12px}.completed-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}.completed-summary-grid>div{display:flex;flex-direction:column;gap:3px;min-width:0}.completed-summary-grid small{font-size:10px;opacity:.7}.completed-summary-grid b{overflow-wrap:anywhere}.completed-summary .sect{margin-top:14px}.completed-summary .completed-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.summary-notes{white-space:pre-wrap;overflow-wrap:anywhere}.completed-editor-fold{margin-top:12px}.completed-editor-fold>summary{cursor:pointer;font-weight:700;padding:6px 0}.completed-editor-fold>.completion-card{margin-top:12px}


/* CX contact card — direct, readable field actions */
.cx-contact-block{display:grid;gap:8px;margin-top:10px}.cx-address-link,.cx-phone-row{display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid #263c53;border-radius:12px;background:#0b1827}.cx-address-link{color:#dce8f5;text-decoration:none;user-select:text;-webkit-user-select:text}.cx-address-link>span:last-child,.cx-phone-link>span:last-child{display:flex;flex-direction:column;min-width:0}.cx-address-link b{font-size:14px;font-weight:750}.cx-address-link small,.cx-phone-link small{margin-top:2px;color:#8396ab;font-size:10px}.cx-contact-icon{flex:0 0 25px;text-align:center;color:#69b5ff;font-size:18px}.cx-phone-row{justify-content:space-between}.cx-phone-link{display:flex;align-items:center;gap:10px;min-width:0;color:#dce8f5;text-decoration:none}.cx-phone-link b{font-size:16px;letter-spacing:.01em}.cx-phone-actions{display:flex;gap:6px;flex:0 0 auto}.cx-mini-action{display:flex;align-items:center;justify-content:center;min-height:34px;padding:6px 9px;border:1px solid #31506b;border-radius:9px;color:#bcd0e3;text-decoration:none;font-size:11px;font-weight:800}.cx-mini-action.primary-mini{border-color:#176fb9;background:#123a5d;color:#8fc9ff}.cx-address-link:active,.cx-phone-link:active,.cx-mini-action:active{filter:brightness(1.2)}body.light-mode .cx-address-link,body.light-mode .cx-phone-row{background:#f7fafc;border-color:#d5dee8}body.light-mode .cx-address-link,body.light-mode .cx-phone-link{color:#24384c}@media(max-width:380px){.cx-phone-row{align-items:flex-start;flex-direction:column}.cx-phone-actions{width:100%}.cx-mini-action{flex:1}}


/* Compact CX info card */
.cx-info-card{padding:14px 16px!important}.cx-info-card #adminCxActions{margin:0 0 2px!important;min-height:0}.cx-info-card #adminCxActions:empty{display:none}.cx-info-card #orderAssignment{margin:0}.cx-info-card .order-assignment-line{margin:0 0 8px!important;gap:8px}.cx-info-card h2{font-size:24px!important;line-height:1.1;margin:6px 0 10px!important}.cx-contact-block{gap:5px!important;margin-top:0!important}.cx-address-link,.cx-phone-row{min-height:0!important;padding:8px 10px!important;border-radius:9px!important}.cx-contact-icon{flex-basis:20px!important;font-size:15px!important}.cx-address-link b{font-size:13px!important}.cx-address-link small{font-size:10px!important;margin-top:0!important}.cx-phone-link{gap:8px!important}.cx-phone-link small{font-size:9px!important;margin:0!important}.cx-phone-link b{font-size:14px!important}.cx-phone-actions{gap:5px!important}.cx-mini-action{min-height:30px!important;padding:4px 9px!important;border-radius:7px!important;font-size:10px!important}.cx-info-card .sect{margin-top:10px!important}.cx-info-card .sect+div{line-height:1.25}.cx-info-card>div:last-child:not(.cx-contact-block){margin-bottom:0}@media(min-width:700px){.cx-info-card{padding:12px 16px!important}.cx-info-card h2{font-size:22px!important;margin:4px 0 9px!important}.cx-contact-block{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:7px!important}.cx-address-link,.cx-phone-row{height:52px;box-sizing:border-box}.cx-info-card .order-assignment-line{margin-bottom:6px!important}}@media(max-width:480px){.cx-info-card{padding:12px!important}.cx-info-card h2{font-size:22px!important;margin:4px 0 9px!important}.cx-address-link,.cx-phone-row{padding:7px 9px!important}.cx-phone-row{gap:6px!important}.cx-phone-link b{font-size:14px!important}.cx-mini-action{padding:4px 8px!important}}


/* CX card top action row */
.cx-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:32px;margin:0 0 4px}.cx-card-top #orderAssignment,.cx-card-top #adminCxActions{margin:0!important;clear:none!important}.cx-card-top #adminCxActions{display:flex;align-items:center}.cx-card-top .order-assignment-line{margin:0!important;display:flex;align-items:center;gap:7px;flex-wrap:nowrap}.cx-card-top .order-assignment-line .btn.compact{min-height:30px;padding:4px 10px}.cx-card-top .cx-delete-mini{margin:0}.cx-info-card .cx-card-top+h2{margin-top:3px!important}@media(max-width:480px){.cx-card-top{min-height:30px;margin-bottom:2px}.cx-card-top .order-assignment-line{font-size:11px}.cx-card-top .order-assignment-line .btn.compact{min-height:28px;padding:3px 9px;font-size:11px}.cx-info-card .cx-card-top+h2{margin-top:2px!important}}


/* CX name/action line + compact completion core */
.cx-name-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px}.cx-name-row h2{margin:0!important;min-width:0}.cx-name-row .cx-card-top{margin:0!important;min-height:0;flex:0 0 auto}.cx-name-row .order-assignment-line{margin:0!important}.completion-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.completion-head h2{margin:0!important}.completion-date{width:auto!important;min-width:130px!important;max-width:150px!important;height:36px!important;min-height:36px!important;padding:5px 8px!important;font-size:13px!important}.completion-core{display:grid;grid-template-columns:minmax(90px,.55fr) minmax(130px,1fr) minmax(125px,.8fr);gap:10px;align-items:end;margin-bottom:10px}.compact-control label{margin-bottom:5px!important}.compact-control select,.compact-control input{height:42px!important;min-height:42px!important;padding:6px 10px!important}.type-control select{max-width:120px}.nap-control input{max-width:220px}.compact-inline-stepper{height:42px!important;min-height:42px!important;max-width:190px}.compact-inline-stepper button{width:42px!important;min-width:42px!important;font-size:20px!important}.compact-inline-stepper output{min-width:42px!important;font-size:17px!important}.completion-card #dyn>.grid{gap:10px}.completion-card #dyn .field{margin-bottom:8px}.completion-card #dyn .field>input{height:44px!important;min-height:44px!important}.completion-card #dyn .inline-stepper{height:44px;min-height:44px}.completion-card #dyn .inline-stepper button{width:46px;min-width:46px}.completion-card #dyn .inline-stepper output{font-size:17px}@media(max-width:600px){.cx-name-row{align-items:flex-start;gap:8px}.cx-name-row h2{font-size:20px!important;flex:1}.cx-name-row .cx-card-top{gap:5px}.cx-name-row .order-assignment-line{gap:5px!important}.cx-name-row .order-assignment-line .btn.compact{padding:3px 7px!important;font-size:10px!important}.cx-name-row .cx-delete-mini{padding:4px 7px!important;font-size:10px!important}.completion-head{margin-bottom:10px}.completion-head h2{font-size:25px!important}.completion-date{min-width:118px!important;max-width:130px!important;height:34px!important;min-height:34px!important;font-size:12px!important}.completion-core{grid-template-columns:72px minmax(100px,1fr) minmax(116px,1fr);gap:7px}.compact-control label{font-size:9px!important}.compact-control select,.compact-control input{height:38px!important;min-height:38px!important;padding:5px 8px!important;font-size:14px!important}.compact-inline-stepper{height:38px!important;min-height:38px!important}.compact-inline-stepper button{width:36px!important;min-width:36px!important}.compact-inline-stepper output{min-width:32px!important;font-size:15px!important}.completion-card #dyn>.grid{gap:7px}.completion-card #dyn .field>input,.completion-card #dyn .inline-stepper{height:40px!important;min-height:40px!important}.completion-card #dyn .inline-stepper button{width:38px!important;min-width:38px!important}.completion-card #dyn .inline-stepper output{font-size:15px!important}}@media(max-width:390px){.cx-name-row{flex-wrap:wrap}.cx-name-row .cx-card-top{width:100%;justify-content:flex-end}.completion-core{grid-template-columns:68px 1fr 1fr}.completion-date{min-width:110px!important;max-width:118px!important}}


/* Completion field sizing and seamless steppers */
.completion-card .completion-core{grid-template-columns:108px 158px 156px!important;justify-content:start;gap:12px!important}.completion-card .completion-core .field{min-width:0}.completion-card .completion-core select,.completion-card .completion-core input:not([type=hidden]){box-sizing:border-box;width:100%!important;max-width:none!important}.completion-card #dyn>.grid{grid-template-columns:minmax(0,165px) minmax(0,156px)!important;justify-content:start;gap:12px!important}.completion-card #dyn .field{min-width:0}.completion-card #dyn .measure-input{box-sizing:border-box;width:100%!important;max-width:none!important}.completion-card input[type=number]{-moz-appearance:textfield;appearance:textfield}.completion-card input[type=number]::-webkit-inner-spin-button,.completion-card input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.completion-card .inline-stepper{box-sizing:border-box;display:grid!important;grid-template-columns:38px minmax(0,1fr) 38px!important;gap:0!important;width:100%;max-width:156px;min-height:40px!important;height:40px!important;align-items:stretch!important;overflow:hidden}.completion-card .inline-stepper button{box-sizing:border-box;width:100%!important;min-width:0!important;height:100%!important;min-height:0!important;min-height:unset!important;padding:0!important;margin:0!important;line-height:1!important;border-radius:0!important}.completion-card .inline-stepper output{box-sizing:border-box;min-width:0!important;width:100%;height:100%!important;margin:0!important;padding:0!important;line-height:1!important}.completion-card .inline-stepper input[type=hidden]{display:none!important}.completion-card .compact-control select,.completion-card .compact-control input:not([type=hidden]){height:40px!important;min-height:40px!important}.completion-card #dyn .field>input{height:40px!important;min-height:40px!important}@media(max-width:600px){.completion-card .completion-core{grid-template-columns:70px minmax(0,118px) minmax(0,128px)!important;gap:7px!important}.completion-card #dyn>.grid{grid-template-columns:minmax(0,128px) minmax(0,128px)!important;gap:8px!important}.completion-card .inline-stepper{grid-template-columns:34px minmax(0,1fr) 34px!important;max-width:128px;height:38px!important;min-height:38px!important}.completion-card .compact-control select,.completion-card .compact-control input:not([type=hidden]),.completion-card #dyn .field>input{height:38px!important;min-height:38px!important}}@media(max-width:370px){.completion-card .completion-core{grid-template-columns:64px minmax(0,104px) minmax(0,112px)!important;gap:6px!important}.completion-card #dyn>.grid{grid-template-columns:minmax(0,116px) minmax(0,116px)!important}.completion-card .inline-stepper{max-width:112px;grid-template-columns:31px minmax(0,1fr) 31px!important}}

/* Equal-size compact completion controls */
.completion-card .completion-core{grid-template-columns:108px 108px 156px!important}.completion-card .nap-control input{width:100%!important;max-width:108px!important}.completion-card .type-control select{width:100%!important;max-width:108px!important}@media(max-width:600px){.completion-card .completion-core{grid-template-columns:70px 92px minmax(0,128px)!important}.completion-card .nap-control input{max-width:92px!important}.completion-card .type-control select{max-width:70px!important}}@media(max-width:370px){.completion-card .completion-core{grid-template-columns:64px 86px minmax(0,112px)!important}.completion-card .nap-control input{max-width:86px!important}.completion-card .type-control select{max-width:64px!important}}

/* AI photo category suggestions */
.photo-ai-bar{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:9px 0 12px}.photo-ai-bar .btn{min-height:36px;padding:7px 13px;border:1px solid #396a8e;background:#163450;color:#d1eaff;font-size:12px;font-weight:750}.photo-ai-bar .btn:disabled{opacity:.45;cursor:not-allowed}.photo-ai-bar small{font-size:11px;line-height:1.4;color:var(--muted,#8ca0b5);flex:1;min-width:160px}

/* Google Drive archive activity (indeterminate: file transfer percent unavailable) */
.archive-progress{height:7px;margin:12px 0 9px;background:rgba(125,155,190,.18);border-radius:12px;overflow:hidden;position:relative}
.archive-progress>span{position:absolute;inset:0 auto 0 0;width:34%;border-radius:12px;background:linear-gradient(90deg,#3b82f6,#60d9bc);animation:archiveSlide 1.7s ease-in-out infinite}
@keyframes archiveSlide{0%{transform:translateX(-110%)}100%{transform:translateX(310%)}}
@media(prefers-reduced-motion:reduce){.archive-progress>span{animation:none;width:100%;opacity:.6}}

/* Compact customer identifiers and archive state on the orders board */
.cx-id-label{display:inline-flex;align-items:center;white-space:nowrap;font-size:11px;font-weight:700;letter-spacing:.02em;color:#9eb3c8;border:1px solid rgba(140,168,194,.25);border-radius:5px;padding:2px 6px;margin-left:8px}
.archive-list-badge{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-size:11px;font-weight:650;padding:4px 7px;border-radius:7px;border:1px solid rgba(140,168,194,.28);color:#a9b9cc}
.archive-list-badge>span:first-child{font-size:14px;line-height:1}
.archive-list-archived{color:#83d9a5;border-color:rgba(95,207,143,.3);background:rgba(58,167,107,.1)}
.archive-list-failed{color:#ffa487;border-color:rgba(255,143,112,.35);background:rgba(220,89,70,.1)}
.archive-list-queued{color:#f4cb78;border-color:rgba(236,185,92,.3);background:rgba(194,140,51,.1)}
@media(max-width:600px){.archive-list-label{display:none}.archive-list-badge{padding:4px 7px}.cx-id-label{font-size:10px;margin-left:6px}}

/* Compact unassigned indicator on job cards */
.unassigned-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:21px;height:21px;color:#aab8c7;vertical-align:middle}
.unassigned-icon svg{display:block}
body.light-mode .unassigned-icon{color:#586b7f}


/* Owner billing v0.9.75 */
.billing-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:14px 0}
.billing-pills{display:flex;gap:5px;padding:4px;border:1px solid #294157;border-radius:12px;background:#0c1b2b}
.billing-period{border:0;border-radius:8px;padding:8px 11px;background:transparent;color:#9db1c8;font-weight:750;font-size:11px;cursor:pointer}
.billing-period.active{background:#26578b;color:#fff}
.billing-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.billing-kpi{min-height:122px;padding:17px 15px;border:1px solid #29445c;border-radius:14px;background:linear-gradient(130deg,#112337,#0a1928);display:flex;flex-direction:column;gap:8px}
.billing-kpi.featured{background:linear-gradient(127deg,#17416b,#123050);border-color:#337db8}
.billing-kpi small{font-size:10px;letter-spacing:.07em;color:#a6b9ce;font-weight:800}
.billing-kpi strong{font-size:clamp(22px,4vw,35px);color:#eff7ff;line-height:1.12;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.billing-kpi span{font-size:10.5px;color:#a2b5c9;line-height:1.35}
.billing-panels{display:grid;grid-template-columns:1.3fr 1fr;gap:10px;margin-top:12px}
.billing-panel{border:1px solid #29445c;border-radius:14px;background:#0c1c2d;padding:15px;margin-top:12px;min-width:0}
.billing-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:13px}
.billing-panel-head h3{margin:0;color:#f0f5fa;font-size:15px}
.billing-panel-head small{color:#8da7bb;font-size:10.5px}
.billing-chart{display:flex;align-items:stretch;justify-content:space-between;gap:5px;height:168px;padding-top:10px}
.billing-column{min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;gap:7px}
.billing-barbox{flex:1;width:100%;max-width:39px;display:flex;align-items:flex-end;border-radius:7px;background:rgba(100,145,187,.07);overflow:hidden}
.billing-bar{width:100%;background:linear-gradient(0deg,#178dca,#60d0d8);border-radius:7px 7px 0 0;transition:height .25s}
.billing-column small{font-size:9px;color:#91a9c1;text-align:center;white-space:nowrap}
.billing-types{display:flex;align-items:center;gap:16px;min-height:156px}
.billing-donut{height:136px;width:136px;flex-shrink:0;border-radius:50%;display:grid;place-items:center}
.billing-donut>div{height:94px;width:94px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#0c1c2d;color:#eef7ff;font-size:28px;font-weight:800}
.billing-donut small{font-size:10px;color:#9fb3c8}
.billing-legend{flex:1;min-width:0}
.billing-legend>div{display:flex;align-items:center;gap:6px;margin:8px 0;font-size:11px}
.billing-legend b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.billing-legend span:last-child{font-variant-numeric:tabular-nums;font-size:10px;color:#b5c9db}
.billing-legend-dot{width:8px;height:8px;border-radius:50%}
.billing-estimate-note{color:#aac0d3;font-size:11.5px;line-height:1.5}
.billing-estimate-note b{color:#d7e7f5}
.billing-filters{display:flex;gap:7px;margin-bottom:9px}
.billing-filters input{flex:1;min-width:0}
.billing-filters select{width:145px;flex-shrink:0}
.billing-jobs{display:flex;flex-direction:column;gap:7px}
.billing-job{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;background:#102438;border:1px solid #27445e;color:#f3f8fc;border-radius:11px;padding:13px 12px;cursor:pointer}
.billing-job:focus-visible,.billing-period:focus-visible{outline:2px solid #69cfff;outline-offset:2px}
.billing-job-left{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
.billing-job-left>b{font-size:13px}
.billing-job-left small{font-size:10px;color:#a6bacd}
.billing-job-left .billing-items{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#7da3c2}
.billing-job-right{display:flex;align-items:flex-end;flex-direction:column;gap:4px;flex-shrink:0}
.billing-job-right>b{font-size:16px;font-variant-numeric:tabular-nums;color:#72dbc9}
.billing-job-right small{font-size:10px;color:#8aaec1}
.billing-review,.billing-paid{font-size:9px;border:1px solid #496177;border-radius:6px;padding:2px 6px;color:#9bb6c9}
.billing-review{border-color:#ad7b3c;color:#edc485}
.billing-paid.paid{border-color:#459177;color:#72d5b4}
.billing-empty{padding:20px;color:#a7b9c8;text-align:center}
.billing-rates summary{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;list-style:none;color:#f3f8fc}
.billing-rates summary::-webkit-details-marker{display:none}
.billing-rates summary small{font-size:10.5px;color:#99aabc}
.billing-rate-intro{font-size:11px;color:#a4b9ce;line-height:1.5;margin:16px 0}
.billing-rates-table{display:flex;flex-direction:column;gap:5px}
.billing-rate-row{display:grid;grid-template-columns:minmax(115px,1fr) 70px 70px auto;align-items:center;gap:7px;border-bottom:1px solid #254055;padding:8px 0}
.billing-rate-row label{font-size:11px;font-weight:700}
.billing-rate-row label small{display:block;font-size:9px;color:#9db3c6;margin-top:3px}
.billing-rate-row>div>small{display:block;color:#a0b8cc;font-size:9px}
.billing-rate-row input{width:100%;padding:7px 5px;min-width:0}
.billing-rate-row .btn{min-height:31px;padding:6px 8px}
.billing-modal{position:fixed;inset:0;z-index:9999;background:rgba(0,8,16,.8);display:flex;align-items:flex-end;justify-content:center}
.billing-modal-card{max-width:700px;width:100%;max-height:94dvh;overflow-y:auto;border-radius:17px 17px 0 0;background:#102437;border:1px solid #45647d;padding:18px 18px max(25px,env(safe-area-inset-bottom));box-shadow:0 0 45px #0008}
.billing-modal-top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}
.billing-modal-top h2{font-size:19px;margin:5px 0}
.billing-modal-top small{font-size:11px;color:#9bb4c8}
.billing-current{margin:14px 0;padding:12px 14px;border-radius:11px;background:#173e60;display:flex;align-items:center;justify-content:space-between;gap:8px}
.billing-current strong{font-size:20px;color:#95f0db}
.billing-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.billing-modal-grid .field,.billing-modal-card>.field{margin-bottom:7px}
.billing-modal-card .field label{font-size:10px;letter-spacing:.035em}
.billing-modal-grid input,.billing-modal-grid select,.billing-modal-card textarea{width:100%;min-width:0}
.billing-bdo{grid-column:1/-1;display:flex;gap:10px;align-items:center;border:1px solid #3b6178;padding:10px;border-radius:9px;font-size:12px}
.billing-bdo input{width:18px;flex-shrink:0}
.billing-current-details{margin:14px 0;border-top:1px solid #315068;padding:10px 0;font-size:11px}
.billing-current-details>b{display:block;margin-bottom:8px}
.billing-current-details>div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;color:#adbed0}
.billing-current-details>div span:last-child{white-space:nowrap}
.billing-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:14px}
body.light-mode .billing-panel,body.light-mode .billing-modal-card{background:#fff;border-color:#cbd9e6}
body.light-mode .billing-kpi{background:#f0f7ff;border-color:#bfcfe0}
body.light-mode .billing-kpi.featured{background:#ddeeff;border-color:#87aed3}
body.light-mode .billing-kpi strong,body.light-mode .billing-panel-head h3,body.light-mode .billing-rates summary,body.light-mode .billing-rate-row label,body.light-mode .billing-modal-top h2{color:#17334b}
body.light-mode .billing-kpi small,body.light-mode .billing-kpi span,body.light-mode .billing-estimate-note,body.light-mode .billing-legend span:last-child{color:#526e83}
body.light-mode .billing-job{background:#f7fafc;color:#17334b;border-color:#cad9e5}
body.light-mode .billing-donut>div{background:#fff;color:#16324b}
body.light-mode .billing-pills{background:#e9f1f8;border-color:#bfcede}
body.light-mode .billing-period{color:#40637b}
body.light-mode .billing-period.active{color:#fff}
body.light-mode .billing-modal{background:rgba(15,27,39,.65)}
body.light-mode .billing-current{background:#dfedf6}
body.light-mode .billing-current strong{color:#126e68}
body.light-mode .billing-current-details>div{color:#4e667b}
@media(max-width:700px){.billing-panels{grid-template-columns:1fr}.billing-types{justify-content:center}.billing-kpis{gap:7px}.billing-kpi{min-height:115px;padding:12px}.billing-kpi strong{font-size:23px}.billing-chart{height:145px}.billing-legend{max-width:230px}}
@media(min-width:701px){.billing-modal{align-items:center}.billing-modal-card{border-radius:18px}}
@media(max-width:380px){.billing-period{padding:8px 7px;font-size:10px}.billing-filters{flex-direction:column}.billing-filters select{width:100%}.billing-rate-row{grid-template-columns:minmax(95px,1fr) 60px 60px auto;gap:4px}.billing-rate-row input{padding:5px 2px}}

/* v0.9.78 owner-only home Billing shortcut */
.home-billing-shortcut{display:flex;align-items:center;justify-content:flex-end;margin:-9px 2px 10px}
.home-billing-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:37px;padding:6px 13px;border-radius:10px;border:1px solid #3378a3;background:linear-gradient(115deg,#102d47,#173b58);color:#cdefff;font:inherit;font-size:12px;font-weight:800;letter-spacing:.015em;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.home-billing-button:hover{border-color:#4faad5;background:linear-gradient(115deg,#163d5b,#194765)}
.home-billing-button:active{transform:translateY(1px)}
.home-billing-button:focus-visible{outline:2px solid #74caff;outline-offset:3px}
.home-billing-symbol{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:6px;background:rgba(77,185,214,.18);color:#8be6df;font-size:16px;font-weight:900;line-height:1}
.home-billing-lock{font-size:13px;color:#8bb7d0;margin-left:2px}
body.light-mode .home-billing-button{background:#e8f3fd;border-color:#9dc2da;color:#195475;box-shadow:none}
body.light-mode .home-billing-button:hover{background:#dceffc;border-color:#77b6d4}
body.light-mode .home-billing-symbol{background:#d0e9f5;color:#10758e}
body.light-mode .home-billing-lock{color:#4e819b}
@media(max-width:480px){.home-billing-shortcut{margin:-10px 2px 9px}.home-billing-button{min-height:36px;padding:5px 12px;font-size:12px}}

/* v0.9.80 – same-line list actions for desktop and mobile */
.select-orders-tools{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.select-orders-tools .home-billing-button{min-height:36px;height:36px;padding:6px 11px;font-size:12px}
.select-orders-tools .home-billing-symbol{width:19px;height:19px;font-size:14px}
.mobile-order-actions{display:flex;align-items:center;gap:7px;margin-left:auto;flex-shrink:0}
.mobile-order-actions .icon-btn{width:36px;height:36px;min-height:36px;flex-shrink:0}
.top-search{display:none}
.top-search>.search-toggle{display:none!important}
.filter-wrap>#filterBtn{display:none!important}
.top-search.open{display:flex!important;position:fixed!important;z-index:1200;min-height:45px;padding:5px;background:#0b1c2b;border:1px solid #31516a;border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.36);box-sizing:border-box}
.top-search.open input{display:block;flex:1;width:100%!important;max-width:100%;min-width:0;opacity:1!important;margin:0!important;padding:9px 11px!important;border-width:1px!important}
.filter-popover:not(.hidden){position:fixed!important;z-index:1201;max-width:calc(100vw - 20px);box-shadow:0 12px 32px rgba(0,0,0,.33)}
body.light-mode .top-search.open{background:#fff;border-color:#c9d5e1}
@media(max-width:480px){
 .select-orders-tools{gap:5px}
 .select-orders-tools .home-billing-button{gap:5px;padding:5px 9px;font-size:11px}
 .select-orders-tools .home-billing-lock{font-size:11px;margin-left:0}
 .mobile-order-actions{display:flex;gap:5px;margin-left:auto}
 .mobile-order-actions .icon-btn{width:35px;height:35px}
 .top-search.open{position:fixed!important}
 .filter-popover:not(.hidden){position:fixed!important}
}


/* v0.9.82 streamlined menu + owner billing/assign header */
.menu-page-title{margin:14px 2px 10px}
.menu-nav-stack{display:flex;flex-direction:column;gap:10px;margin:13px 0 25px}
.menu-nav-group{border:1px solid #2a4359;border-radius:14px;background:#0b1c2c;overflow:hidden}
.menu-nav-group>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;cursor:pointer;user-select:none}
.menu-nav-group>summary::-webkit-details-marker{display:none}
.menu-nav-group>summary>span:first-child{display:flex;flex-direction:column;gap:4px;min-width:0}
.menu-nav-group>summary b{font-size:15px;color:#edf5fe}
.menu-nav-group>summary small{font-size:11px;color:#8da6bc}
.menu-nav-chevron{font-size:21px;color:#8cb4cf;transition:transform .18s ease}
.menu-nav-group[open] .menu-nav-chevron{transform:rotate(180deg)}
.menu-nav-entries{display:grid;gap:7px;padding:0 10px 10px}
.menu-nav-entries .menu-nav-tile{margin:0;padding:11px 13px;border-radius:10px;border:1px solid #243e56;background:#11273b;min-height:62px}
.menu-nav-entries .menu-nav-tile b{font-size:13px}
.menu-nav-entries .menu-nav-tile small{font-size:10.5px}
.menu-nav-entries .menu-nav-tile span{font-size:19px}
.menu-nav-stack>.menu-nav-tile{min-height:62px;margin:0;padding:11px 15px}
.menu-nav-create{border-color:#376990;background:linear-gradient(115deg,#153955,#123149)}
.menu-nav-create b{font-size:14px}
.menu-nav-stack .settings-tile{cursor:pointer}
.menu-nav-stack .settings-tile:focus-visible,.menu-nav-group>summary:focus-visible{outline:2px solid #70c9ff;outline-offset:2px}
body.light-mode .menu-nav-group{background:#fff;border-color:#cbd9e7}
body.light-mode .menu-nav-group>summary b{color:#17324c}
body.light-mode .menu-nav-group>summary small{color:#597187}
body.light-mode .menu-nav-entries .menu-nav-tile{background:#f4f8fc;border-color:#e0e9f1}
body.light-mode .menu-nav-create{background:#e7f2fc;border-color:#9abfda}

/* Header mode toggle, matches Menu without opening settings */
.theme-header-toggle{height:38px;min-width:51px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border-radius:11px;border:1px solid #2b4963;background:#102338;color:#cde5f5;cursor:pointer;flex-shrink:0}
.theme-toggle-symbol{font-size:15px;font-weight:800;line-height:1;width:14px;text-align:center}
.theme-toggle-track{width:22px;height:13px;border-radius:99px;background:#51687d;position:relative;transition:background .2s ease}
.theme-toggle-thumb{position:absolute;left:2px;top:2px;width:9px;height:9px;border-radius:50%;background:#eef6fe;transition:transform .18s ease}
.theme-header-toggle[aria-checked="true"] .theme-toggle-track{background:#198bba}
.theme-header-toggle[aria-checked="true"] .theme-toggle-thumb{transform:translateX(9px)}
.theme-header-toggle:focus-visible{outline:2px solid #6fc7f5;outline-offset:3px}
body.light-mode .theme-header-toggle{background:#eff5fb;color:#35576f;border-color:#c6d5e1}
body.light-mode .theme-toggle-track{background:#7e9baf}

/* Billing now belongs with Assign, not Select */
.admin-billing-top{height:38px;min-height:38px;min-width:77px;padding:0 13px;font-size:12px;font-weight:850;border-color:#39818a;background:#14353e;color:#89e7db;white-space:nowrap}
.admin-billing-dollar{display:none}
.admin-billing-top:hover{border-color:#5fc3be;background:#17444b}
body.light-mode .admin-billing-top{background:#e6f5f3;color:#1b756d;border-color:#9fcfc8}

/* Compact second header row on phone / small tablets; Menu and theme remain together */
@media(max-width:640px){
 .top{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:auto auto;column-gap:6px;row-gap:6px;align-items:center;width:100%}
 .top-actions{display:contents}
 .home-brand{grid-column:1;grid-row:1;min-width:0}
 .menu-btn{grid-column:2;grid-row:1;white-space:nowrap}
 .theme-header-toggle{grid-column:3;grid-row:1}
 .admin-assign-top{grid-column:2;grid-row:2;min-width:61px;height:35px;min-height:35px;padding:0 10px;font-size:11px}
 .admin-billing-top{grid-column:3;grid-row:2;min-width:45px;height:35px;min-height:35px;padding:0 7px;font-size:11px}
 .top-search{display:none}
 .filter-wrap{grid-column:1;grid-row:2;justify-self:start}
 .theme-header-toggle{height:35px;min-width:45px;padding:0 5px}
}
@media(max-width:480px){
 .admin-billing-top{width:39px;min-width:39px;padding:0}
 .admin-billing-name{display:none}
 .admin-billing-dollar{display:inline;font-size:18px;font-weight:900}
 .theme-header-toggle{width:39px;min-width:39px;gap:3px}
 .theme-toggle-symbol{font-size:13px;width:12px}
 .theme-toggle-track{width:18px;height:12px}
 .theme-toggle-thumb{width:8px;height:8px}
 .theme-header-toggle[aria-checked="true"] .theme-toggle-thumb{transform:translateX(6px)}
 .menu-btn{min-height:35px;padding:7px 9px;font-size:11px}
 .admin-assign-top{min-width:57px;padding:0 9px}
 .menu-nav-group>summary{padding:14px}
}


/* v0.9.88 mobile navigation, order recovery, tap-to-enlarge job photos */
.order-view-tabs{display:flex;gap:8px;align-items:center;margin:14px 0 9px;padding:5px;background:#101f2e;border:1px solid #263c53;border-radius:13px}
.order-view-tabs .btn{flex:1;min-width:0;min-height:39px;padding:8px 10px;border:1px solid transparent;background:transparent;color:#95a9bf;border-radius:9px;font-size:12px;box-shadow:none}
.order-view-tabs .btn.active{background:#1487ff;border-color:#3c9eff;color:white}
body.light-mode .order-view-tabs{background:#e4edf5;border-color:#c8d6e2}
body.light-mode .order-view-tabs .btn{background:transparent;color:#4d6680}
body.light-mode .order-view-tabs .btn.active{background:#1487ff;color:#fff}
.order-sticky-back{position:sticky;top:max(4px,env(safe-area-inset-top));z-index:110;display:flex;align-items:center;gap:10px;margin:0 0 8px;padding:8px 10px;border-radius:12px;background:rgba(7,17,29,.97);border:1px solid #203c55;box-shadow:0 5px 16px rgba(0,0,0,.13)}
.order-back-btn{min-height:35px;padding:6px 13px;white-space:nowrap;font-size:12px;background:#182f44}
.order-nav-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;color:#8fa9be}
body.light-mode .order-sticky-back{background:rgba(247,251,255,.97);border-color:#c9d9e8}
body.light-mode .order-nav-name{color:#527089}
#adminCxActions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.order-status-control{display:inline-flex;align-items:center;gap:5px;background:#132a3e;border:1px solid #355674;padding:3px 6px 3px 8px;border-radius:9px;white-space:nowrap}
.order-status-control>span{color:#92a9bf;font-size:9px;font-weight:800;letter-spacing:.06em}
.order-status-control select{min-width:108px;max-width:135px;width:auto;min-height:28px;height:28px;padding:3px 5px;font-size:11px;border-radius:7px}
body.light-mode .order-status-control{background:#e9f2f9;border-color:#b8cede}
body.light-mode .order-status-control>span{color:#557086}
.job-photo-expand{display:block;width:100%;padding:0;margin:0;border:0;background:transparent;cursor:zoom-in;line-height:0}
.job-photo-expand img{width:100%;height:112px;object-fit:cover}
.job-photo-expand:focus-visible{outline:2px solid #65bbff;outline-offset:-2px}
.job-photo-lightbox{position:fixed;inset:0;z-index:10000;background:rgba(2,8,15,.97);color:white;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:max(env(safe-area-inset-top),15px) 13px max(env(safe-area-inset-bottom),18px)}
.job-photo-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:700;color:#cee0ed;min-height:46px;overflow:hidden}
.job-photo-head>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.job-photo-close{display:grid;place-items:center;width:40px;height:40px;border:1px solid #3e5a73;background:#1a2e42;border-radius:10px;color:#fff;font-size:18px}
.job-photo-stage{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;padding:12px 0}
.job-photo-stage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:5px}
.job-photo-controls{display:flex;justify-content:space-between;gap:10px}
.job-photo-controls button{min-height:42px;min-width:112px;padding:10px 15px;border-radius:11px;background:#122d46;color:#d7f0ff;border:1px solid #426887;font:inherit;font-size:12px;font-weight:750}
.job-photo-controls button:disabled{opacity:.28}
@media(max-width:640px){
 .app{padding-bottom:32px}
 .top{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:5px!important;grid-template-columns:none!important;grid-template-rows:none!important;min-width:0}
 .top>.quick-signout{display:none!important}
 .top .home-brand{flex:1 1 auto;min-width:0;margin:0!important;grid-column:auto;grid-row:auto}
 .top .home-brand .logo{font-size:clamp(20px,5.1vw,26px);letter-spacing:-.04em;line-height:1.05;white-space:nowrap}
 .top .home-brand .dev-version{display:inline-block}
 .top .home-brand .tag{font-size:9px;letter-spacing:.03em}
 .top .top-actions{display:flex!important;align-items:center;gap:4px;flex:0 0 auto;grid-column:auto;grid-row:auto}
 .top .admin-assign-top{order:1;grid-column:auto;grid-row:auto;min-width:35px!important;width:35px;height:35px;min-height:35px;padding:0!important;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}
 .top .admin-assign-top svg{width:18px;height:18px}
 .top .admin-billing-top{order:2;grid-column:auto;grid-row:auto;min-width:35px!important;width:35px;height:35px;min-height:35px;padding:0!important;border-radius:10px}
 .top .admin-billing-name{display:none!important}
 .top .admin-billing-dollar{display:inline!important;font-size:17px}
 .top .menu-btn{order:3;grid-column:auto;grid-row:auto;min-height:35px;max-height:35px;padding:7px 9px!important;font-size:11px;border-radius:10px;white-space:nowrap}
 .top .theme-header-toggle{display:none!important}
 .top .top-search{display:none}
 .top .filter-wrap{display:contents}
 .top .filter-wrap>#filterBtn,.top .filter-wrap>.filter-add-btn{display:none!important}
 .top .filter-popover:not(.hidden){display:block;position:fixed!important}
 .counts{margin:12px 0}
 .select-orders-tools{margin:8px 0 4px}
 .order-view-tabs{margin:8px 0 12px}
}
@media(max-width:380px){
 .top .home-brand .logo{font-size:clamp(17px,4.9vw,22px)}
 .top .admin-assign-top,.top .admin-billing-top{min-width:32px!important;width:32px}
 .top .menu-btn{padding:7px!important}
 .top .menu-label{font-size:10px}
 .order-status-control select{min-width:103px}
}


/* Completion length dual-unit entry — metres canonical, feet reversible */
.completion-card #dyn > .grid.measure-row{
 display:grid!important;
 grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)!important;
 gap:10px!important;
 width:100%;
 max-width:420px;
 align-items:end!important;
 margin-bottom:12px;
}
.completion-card #dyn .dual-length-field{min-width:0!important}
.completion-card #dyn .dual-unit-pair{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:6px;
 width:100%;
}
.completion-card #dyn .dual-unit-box{
 position:relative;
 display:block!important;
 box-sizing:border-box;
 margin:0!important;
 padding:0;
 width:100%;
 min-width:0!important;
 min-height:0!important;
}
.completion-card #dyn .dual-unit-box .measure-input{
 display:block!important;
 box-sizing:border-box!important;
 width:100%!important;
 min-width:0!important;
 max-width:none!important;
 height:44px!important;
 min-height:44px!important;
 padding:7px 23px 7px 8px!important;
 margin:0!important;
 border-radius:10px!important;
 line-height:normal!important;
 font-size:14px!important;
 font-variant-numeric:tabular-nums;
}
.completion-card #dyn .dual-unit-box span{
 position:absolute;
 top:50%;
 right:7px;
 transform:translateY(-50%);
 pointer-events:none;
 font-size:11px;
 font-weight:850;
 letter-spacing:0;
 color:#9eb9cf;
}
body.light-mode .completion-card #dyn .dual-unit-box span{color:#617e95}
@media(max-width:460px){
 .completion-card #dyn > .grid.measure-row{gap:7px!important}
 .completion-card #dyn .dual-unit-pair{gap:5px}
 .completion-card #dyn .dual-unit-box .measure-input{padding-left:6px!important;padding-right:21px!important;font-size:13px!important}
 .completion-card #dyn .dual-unit-box span{right:6px;font-size:10px}
}

/* AI OTDR measurement — clear, reviewable autofill for completion lengths */
.otdr-length-notice{margin:6px 0 12px;padding:11px 12px;border:1px solid #31827c;border-radius:11px;background:rgba(26,112,115,.15);display:flex;align-items:flex-start;flex-wrap:wrap;gap:7px;color:#d3eae8;font-size:11.5px;line-height:1.5}
.otdr-length-notice strong{color:#7ee1d0;white-space:nowrap}
.otdr-length-notice span{flex:1 1 210px}
.otdr-length-options{display:flex;flex-wrap:wrap;gap:6px;width:100%;margin-top:3px}
.otdr-length-options .btn{min-height:32px;font-size:11px;padding:6px 10px;background:#143a46;color:#aeede5;border-color:#338078}
body.light-mode .otdr-length-notice{background:#e7f6f4;border-color:#8ec7c1;color:#315c60}
body.light-mode .otdr-length-notice strong{color:#167770}
body.light-mode .otdr-length-options .btn{background:#effbfa;color:#12685f;border-color:#8ec7c1}

/* v0.10.0 — CX information / footer management and uncropped photo system */
.cx-info-card{padding:16px!important;min-width:0}
.cx-info-card .cx-name-row{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:8px 13px;margin-bottom:11px!important;min-width:0}
.cx-info-card .cx-name-row h2{flex:1 1 210px;min-width:0;max-width:100%;overflow-wrap:anywhere;font-size:clamp(19px,3vw,24px)!important;line-height:1.2!important;margin:0!important;padding:3px 0}
.cx-info-card .cx-card-top{flex:0 1 auto;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px!important;min-width:0;margin:0!important}
.cx-info-card .cx-id-label{white-space:nowrap}
.cx-info-card .order-assignment-line{display:flex!important;align-items:center;flex-wrap:wrap!important;gap:5px!important;margin:0!important}
.cx-info-card .order-assignment-line .pill{max-width:100%;white-space:normal}
.cx-info-card .cx-contact-block{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:8px!important;min-width:0}
.cx-info-card .cx-address-link,.cx-info-card .cx-phone-row{height:auto!important;min-height:59px!important;min-width:0!important;padding:10px 11px!important;box-sizing:border-box}
.cx-info-card .cx-address-link b,.cx-info-card .cx-phone-link b{overflow-wrap:anywhere;word-break:break-word;line-height:1.25}
.cx-info-card .cx-phone-row{flex-wrap:wrap;gap:6px!important}
.cx-info-card .cx-phone-link{flex:1 1 130px;min-width:0!important}
.cx-info-card .cx-phone-actions{display:flex;gap:5px!important;flex-wrap:wrap;flex:0 1 auto}
.cx-info-card .cx-mini-action{min-height:29px!important;padding:5px 8px!important;font-size:10px!important}
.cx-info-card .cx-contact-icon{flex:0 0 19px!important}
.order-tools-card{margin:14px 0 12px;padding:12px 14px;min-width:0}
.order-tools-title{font-size:10px;font-weight:800;letter-spacing:.075em;color:#94acc1;margin-bottom:10px}
.order-tools-card #adminCxActions{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;margin:0!important}
.order-tools-card .order-status-control{display:inline-flex;flex:1 1 200px;min-width:0;max-width:310px;justify-content:space-between}
.order-tools-card .order-status-control select{max-width:none;min-width:115px;flex:1;width:auto;min-height:34px;height:34px}
.order-tools-card .cx-delete-mini{margin-left:auto}
body.light-mode .order-tools-title{color:#577086}

/* Always show whole photo: consistent thumbnail footprint, no zoom/crop */
.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:10px;margin-top:10px}
.photo-thumb{min-width:0;min-height:0!important;overflow:hidden!important;display:flex;flex-direction:column;gap:0;border-radius:12px;background:#0a1726}
.photo-thumb .job-photo-expand{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;height:152px;min-height:152px;max-height:152px;overflow:hidden;background:#07111d;border:0;border-bottom:1px solid #20374f;padding:5px;box-sizing:border-box;cursor:zoom-in}
.photo-thumb .job-photo-expand img,.photo-thumb>img{display:block!important;max-width:100%!important;max-height:100%!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;filter:none!important;border-radius:0!important}
.photo-thumb .photo-category,.photo-thumb .saved-category,.photo-thumb .completed-photo-category{display:block;box-sizing:border-box;width:calc(100% - 12px);max-width:calc(100% - 12px);margin:7px 6px!important;padding:7px 24px 7px 7px;border-radius:8px;font-size:11px;min-width:0;white-space:normal}
.photo-thumb .photo-delete{z-index:2}
.photo-ai-indicator{display:block;padding:0 7px 8px;color:#72d5c7;font-size:10px;line-height:1.25;overflow-wrap:anywhere}
.photo-type-caption{display:none;padding:8px!important;color:#afc6da;font-size:10px;line-height:1.3;overflow-wrap:anywhere}
.completed-summary-gallery{margin-top:16px;padding-top:10px;border-top:1px solid #2b455e}
.completed-summary-gallery .saved-category,.completed-summary-gallery .photo-delete{display:none!important}
.completed-summary-gallery .photo-type-caption{display:block}
.completed-summary-gallery .photo-thumb .job-photo-expand{height:155px;min-height:155px;max-height:155px}
body.light-mode .photo-thumb{background:#f4f8fc;border-color:#d5e2ed}
body.light-mode .photo-thumb .job-photo-expand{background:#e5edf5;border-bottom-color:#cbd8e4}
body.light-mode .photo-ai-indicator{color:#167f79}
body.light-mode .photo-type-caption{color:#536d83}
body.light-mode .completed-summary-gallery{border-top-color:#cad9e7}
@media(max-width:700px){
 .cx-info-card .cx-name-row h2{flex-basis:100%;font-size:22px!important}
 .cx-info-card .cx-card-top{width:100%;justify-content:space-between}
 .cx-info-card .cx-contact-block{grid-template-columns:1fr!important;gap:7px!important}
 .cx-info-card .cx-phone-row{min-height:52px!important}
 .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .photo-thumb .job-photo-expand{height:158px;min-height:158px;max-height:158px}
 .order-tools-card #adminCxActions{align-items:stretch}
 .order-tools-card .order-status-control{flex-basis:175px}
}
@media(max-width:380px){
 .cx-info-card{padding:12px!important}
 .cx-info-card .cx-phone-actions{width:100%}
 .cx-info-card .cx-mini-action{flex:1}
 .photo-thumb .job-photo-expand{height:135px;min-height:135px;max-height:135px}
 .photo-thumb .photo-category,.photo-thumb .saved-category,.photo-thumb .completed-photo-category{font-size:10px}
}

/* v0.10.5 — open/completed top tabs and status-tinted customer rows */
#list .order-view-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0 10px}
#list .order-view-tab{appearance:none;display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:50px;margin:0;padding:11px 10px;border:1px solid #294158;border-radius:13px;background:#0c1724;color:#8ea4ba;font:inherit;font-size:13px;font-weight:800;cursor:pointer;letter-spacing:.01em}
#list .order-view-tab b{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:3px 8px;border-radius:999px;background:#1b2a3b;color:inherit;font-size:13px;line-height:1.2}
#list .order-view-tab.active{background:#112b44;border-color:#168cff;color:#cae8ff;box-shadow:inset 0 -2px 0 #168cff}
#list #completedOrdersTab.active{background:#102b22;border-color:#2bbd86;color:#baf0d7;box-shadow:inset 0 -2px 0 #2bbd86}
#list .order-view-tab:focus-visible{outline:2px solid #67b7ff;outline-offset:3px}
#list .compact-order.status-tint-unchecked{background:linear-gradient(90deg,rgba(27,126,220,.17),rgba(13,29,46,.96));border-color:rgba(54,144,229,.42);box-shadow:inset 3px 0 0 #348fdc}
#list .compact-order.status-tint-in-progress{background:linear-gradient(90deg,rgba(244,143,41,.17),rgba(37,26,18,.94));border-color:rgba(225,139,48,.4);box-shadow:inset 3px 0 0 #ed922d}
#list .compact-order.status-tint-completed{background:linear-gradient(90deg,rgba(41,174,116,.17),rgba(14,34,28,.96));border-color:rgba(45,183,127,.42);box-shadow:inset 3px 0 0 #2fbd87}
#list .compact-order.status-tint-on-hold{background:linear-gradient(90deg,rgba(218,171,48,.13),rgba(35,31,20,.94));border-color:rgba(196,156,49,.38);box-shadow:inset 3px 0 0 #b99c3d}
#list .compact-order.status-tint-cancelled{background:linear-gradient(90deg,rgba(171,93,103,.12),rgba(33,24,30,.96));border-color:rgba(166,94,108,.34);box-shadow:inset 3px 0 0 #a26370}
#list .compact-order.order-selected{outline:2px solid #58aaff;outline-offset:1px}
@media(hover:hover){#list .compact-order:hover{filter:brightness(1.12)}#list .order-view-tab:hover{filter:brightness(1.12)}}
body.light-mode #list .order-view-tab{background:#f7fafc;border-color:#cbd7e3;color:#52677b}
body.light-mode #list .order-view-tab b{background:#e9eff6}
body.light-mode #list #openOrdersTab.active{background:#e7f3ff;border-color:#168cff;color:#125d9a}
body.light-mode #list #completedOrdersTab.active{background:#e2f6ec;border-color:#20a879;color:#087850}
body.light-mode #list .compact-order.status-tint-unchecked{background:linear-gradient(90deg,#e7f3ff,#f6fbff);border-color:#9bcafa}
body.light-mode #list .compact-order.status-tint-in-progress{background:linear-gradient(90deg,#fff0df,#fffaf4);border-color:#efc08a}
body.light-mode #list .compact-order.status-tint-completed{background:linear-gradient(90deg,#e3f7ed,#f7fdf9);border-color:#96d9b6}
body.light-mode #list .compact-order.status-tint-on-hold{background:linear-gradient(90deg,#fff8e1,#fffdf6);border-color:#e8d18d}
body.light-mode #list .compact-order.status-tint-cancelled{background:linear-gradient(90deg,#f6e9eb,#fffafb);border-color:#dfb2ba}
@media(max-width:380px){#list .order-view-tab{font-size:12px;gap:6px;padding:10px 6px}#list .order-view-tab b{min-width:23px;padding:3px 6px}}

/* Sort-by control for Open and Completed order lists */
.select-orders-tools{position:relative}
.order-sort-control{position:relative;flex:0 1 auto;min-width:0}
.select-orders-tools .order-sort-trigger{display:inline-flex;align-items:center;gap:6px;max-width:min(410px,calc(100vw - 125px));min-height:36px;padding:6px 10px;background:#11283e;border-color:#355a79;color:#cbe3f5;white-space:nowrap;font-size:11px;box-sizing:border-box}
.order-sort-current{display:inline-block;min-width:0;max-width:165px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8ebde1;font-size:10.5px;font-weight:700}
.order-sort-button-label{flex:0 0 auto;font-size:11px;font-weight:850}
.order-sort-menu{position:absolute;left:0;top:calc(100% + 5px);z-index:220;width:max-content;min-width:210px;max-width:min(270px,calc(100vw - 28px));max-height:65vh;overflow-y:auto;background:#0b1c2b;border:1px solid #345470;border-radius:12px;padding:5px;box-shadow:0 14px 32px #0007}
.order-sort-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:11px;text-align:left;background:transparent;border:0;border-radius:8px;padding:12px 10px;color:#cfdfed;font-size:12px;line-height:1.25;cursor:pointer}
.order-sort-option span:last-child{color:#7cc0f9;font-weight:900}
.order-sort-option.selected{background:#183a57;color:#f4faff}
.order-sort-option:focus-visible,.order-sort-trigger:focus-visible{outline:2px solid #6abafd;outline-offset:2px}
@media(hover:hover){.order-sort-option:hover{background:#1b3851}}
body.light-mode .select-orders-tools .order-sort-trigger{background:#ecf4fc;border-color:#adc8e0;color:#285776}
body.light-mode .order-sort-current{color:#3a749c}
body.light-mode .order-sort-menu{background:#fff;border-color:#c0d0de;box-shadow:0 12px 24px #182e4730}
body.light-mode .order-sort-option{color:#304d64}
body.light-mode .order-sort-option.selected{background:#e1effd;color:#125c96}
@media(max-width:480px){
 .select-orders-tools .order-sort-trigger{max-width:calc(100vw - 205px);padding:5px 8px!important;gap:5px}
 .order-sort-current{max-width:95px;font-size:10px}
 .order-sort-button-label{font-size:10.5px}
 .order-sort-menu{min-width:194px}
}
@media(max-width:365px){.order-sort-current{display:none}}

/* Owner-only DHC invoice packets and permanent billing register */
.invoice-builder,.invoice-register{border-color:#345b71}
.invoice-state{font-size:9px;font-weight:900;letter-spacing:.1em;padding:5px 9px;border-radius:7px;background:#183d3b;border:1px solid #3c867b;color:#a5dfd0;white-space:nowrap}
.invoice-builder .billing-estimate-note{margin:8px 0 14px;font-size:11px;line-height:1.6}
.invoice-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:13px}
.invoice-form-grid .field,.invoice-notes-field{display:flex;flex-direction:column;gap:5px;min-width:0;margin:0!important}
.invoice-form-grid .field label,.invoice-notes-field label{font-size:10px;font-weight:850;color:#91b3cd;letter-spacing:.04em}
.invoice-form-grid input{box-sizing:border-box;min-width:0;max-width:100%;width:100%;height:42px;font-size:13px}
.invoice-notes-field textarea{min-height:64px;font-size:12px}
.invoice-summary-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:12px 0 9px;color:#acc5d6;font-size:11px}
.invoice-summary-row>span{background:#102d43;border:1px solid #2d526b;border-radius:8px;padding:6px 9px}
.invoice-summary-row b{color:#d6f0ff}
.invoice-select-bar{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:16px 0 7px}
.invoice-select-bar>b{font-size:12px}
.invoice-select-bar>div{display:flex;flex-wrap:wrap;gap:5px}
.invoice-select-bar .btn{min-height:30px;padding:6px 8px;font-size:10px}
.invoice-job-list{max-height:365px;overflow-y:auto;border:1px solid #2c5068;border-radius:10px;background:#091a28}
.invoice-job-row{display:grid;grid-template-columns:19px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:60px;padding:10px 12px;border-bottom:1px solid #284457;cursor:pointer}
.invoice-job-row:last-child{border-bottom:0}
.invoice-job-row input[type=checkbox]{width:18px;height:18px;min-height:0;margin:0;padding:0;accent-color:#2a9be5}
.invoice-job-identity{min-width:0;display:flex;flex-direction:column;gap:3px}
.invoice-job-identity>b{font-size:12px;line-height:1.25;color:#e7f3fb;overflow-wrap:anywhere}
.invoice-job-identity>small{font-size:10px;color:#91adbe;line-height:1.3}
.invoice-job-warning{color:#e5b26b!important}
.invoice-job-row>strong{font-size:13px;color:#88dec8;font-variant-numeric:tabular-nums;white-space:nowrap}
.invoice-job-row.invoice-job-disabled{opacity:.65;cursor:not-allowed;background:#111d28}
.invoice-job-row.invoice-job-disabled>strong{color:#a5b4c2}
.invoice-no-jobs{padding:18px 12px;font-size:12px;color:#91acc2}
.invoice-bottom{margin-top:13px;padding:13px;background:#0b2935;border:1px solid #296b70;border-radius:11px;display:flex;align-items:center;justify-content:space-between;gap:11px}
.invoice-bottom>div{display:flex;flex-direction:column;gap:2px}
.invoice-bottom>div>span{font-size:9px;font-weight:900;letter-spacing:.07em;color:#8eb7bf}
.invoice-bottom strong{font-size:26px;font-weight:900;color:#9ce7c9;letter-spacing:-.03em}
.invoice-bottom small{font-size:10px;color:#83acb2}
.invoice-bottom .btn{flex:0 0 auto;max-width:190px;font-size:12px;line-height:1.25;text-align:center}
.invoice-footnote{font-size:10px;line-height:1.6;color:#8faabd;margin-top:9px}
.invoice-alert{color:#ffbd8b;border:1px solid #7f5e2c;background:#402d1a;border-radius:9px;padding:10px;font-size:12px;margin:10px 0}
.invoice-register-row{padding:12px 0;border-bottom:1px solid #284358}
.invoice-register-row:last-child{border-bottom:0}
.invoice-register-top{display:flex;align-items:flex-start;justify-content:space-between;gap:11px}
.invoice-register-top>div{display:flex;flex-direction:column;gap:5px}
.invoice-register-top>div:last-child{align-items:flex-end}
.invoice-register-top b{font-size:13px;color:#e8f4fb}
.invoice-register-top strong{font-size:15px;color:#a3efd2}
.invoice-register-top small,.invoice-register-note{font-size:10px;color:#8ca7b9}
.invoice-register-note{display:block;margin-top:7px;line-height:1.5}
.invoice-register-status{font-size:9px;font-weight:900;letter-spacing:.06em;border-radius:6px;border:1px solid #596d7e;color:#becbd7;padding:3px 6px}
.invoice-register-status.prepared{border-color:#bc8d52;color:#f1c08d}
.invoice-register-status.sent{border-color:#518cb1;color:#a0d8f8}
.invoice-register-status.paid{border-color:#419a76;color:#8fe6be}
.invoice-register-status.voided{border-color:#6e5d66;color:#9ca1a9}
.invoice-register-actions{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0 2px}
.invoice-register-actions .btn{min-height:32px;padding:6px 9px;font-size:10px}
.invoice-void-btn{border-color:#945764!important;color:#f0a8ae!important}
.invoice-detail-list{max-height:60vh;overflow:auto;margin:13px 0}
.invoice-detail-list>div{padding:11px 0;border-bottom:1px solid #39516a;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px}
.invoice-detail-list b{font-size:12px}
.invoice-detail-list small{color:#a6bbcd;font-size:10px;grid-column:1}
.invoice-detail-list strong{color:#9be7c9;font-size:13px;grid-column:2;grid-row:1 / span 2;align-self:center}
body.light-mode .invoice-builder,body.light-mode .invoice-register{border-color:#b4cbda}
body.light-mode .invoice-state{background:#e0f4ef;color:#126e61;border-color:#91cbb8}
body.light-mode .invoice-form-grid .field label,body.light-mode .invoice-notes-field label{color:#51738a}
body.light-mode .invoice-summary-row>span{background:#edf4f9;border-color:#cadce8;color:#4a647a}
body.light-mode .invoice-summary-row b{color:#31546f}
body.light-mode .invoice-job-list{background:#f7fafd;border-color:#cbdce7}
body.light-mode .invoice-job-row{border-bottom-color:#d9e4ed}
body.light-mode .invoice-job-identity>b{color:#244054}
body.light-mode .invoice-job-identity small{color:#637f92}
body.light-mode .invoice-job-row>strong{color:#177e67}
body.light-mode .invoice-job-row.invoice-job-disabled{background:#f0f3f6}
body.light-mode .invoice-bottom{background:#e6f5f2;border-color:#b5d8ce}
body.light-mode .invoice-bottom>div>span,body.light-mode .invoice-bottom small{color:#466b67}
body.light-mode .invoice-bottom strong{color:#176d5d}
body.light-mode .invoice-register-row{border-bottom-color:#d5e2e9}
body.light-mode .invoice-register-top b{color:#254457}
body.light-mode .invoice-register-top strong{color:#176d5d}
body.light-mode .invoice-register-status.paid{color:#18805c}
body.light-mode .invoice-register-status.sent{color:#286d91}
body.light-mode .invoice-register-status.prepared{color:#a96b30}
@media(max-width:520px){
 .invoice-form-grid{gap:10px 8px}
 .invoice-form-grid input{font-size:12px;height:41px}
 .invoice-select-bar{align-items:flex-start}
 .invoice-bottom{flex-wrap:wrap}
 .invoice-bottom .btn{width:100%;max-width:none}
 .invoice-job-row{grid-template-columns:18px minmax(0,1fr) auto;gap:6px;padding:10px 8px}
 .invoice-job-row>strong{font-size:11px}
 .invoice-register-actions{gap:5px}
 .invoice-register-actions .btn{font-size:10px}
}

/* Compact TELUS/Aecon form controls. */
.app .wilma-completion-card{padding:12px}
.app .wilma-completion-card .field{margin:8px 0!important;min-width:0}
.app .wilma-completion-card .field label{letter-spacing:.025em;line-height:1.35}
.app .wilma-completion-card input[type="checkbox"]{appearance:auto;width:18px!important;max-width:18px!important;min-width:18px!important;height:18px!important;min-height:18px!important;padding:0!important;margin:0 8px 0 0!important;flex:0 0 18px;vertical-align:middle}
.app .wilma-completion-card .grid>label,.app .wilma-completion-card>label:not(.photo-pick){display:flex;align-items:center;min-height:36px;gap:0;font-size:14px}
.app .wilma-completion-card .field input[type="number"]{width:calc(2ch + 26px)!important;max-width:100%!important;height:36px!important;min-height:36px!important;padding:5px 8px!important;text-align:center;border-radius:8px!important;appearance:textfield;-moz-appearance:textfield}
.app .wilma-completion-card input[type="number"]::-webkit-inner-spin-button,.app .wilma-completion-card input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.app .wilma-completion-card .field input#al,.app .wilma-completion-card .field input#cl,.app .wilma-completion-card .field input#bl{width:calc(4ch + 24px)!important}
.app .wilma-completion-card .field input#nap{width:calc(7ch + 24px)!important;height:36px!important;min-height:36px!important;padding:5px 8px!important}
.app .wilma-completion-card .field select{width:auto!important;max-width:100%!important;height:36px!important;min-height:36px!important;padding:5px 24px 5px 8px!important;border-radius:8px!important}
.app .wilma-completion-card .completion-core{grid-template-columns:minmax(60px,.6fr) minmax(100px,1fr) minmax(110px,1fr)!important;gap:8px!important}
.app .wilma-completion-card .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;align-items:start}
.app .wilma-completion-card .inline-stepper{width:110px!important;max-width:100%;height:36px!important;min-height:36px!important;display:flex}
.app .wilma-completion-card .inline-stepper button{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;font-size:18px!important}
.app .wilma-completion-card .inline-stepper output{width:38px!important;min-width:32px!important;font-size:16px!important}
.app .wilma-completion-card input[type="hidden"]{display:none!important}
.app .wilma-completion-card .btn{min-height:40px;padding:7px 10px;border-radius:9px}
.app .wilma-completion-card .completion-fold>summary{padding:9px 0!important;min-height:40px!important}
.app .wilma-completion-card .completion-fold-body{padding:8px 0!important}
.app .wilma-completion-card .completion-fold-body select{height:36px!important;min-height:36px!important;padding:5px 8px!important}
.app .wilma-completion-card .completion-head{gap:8px}
.app .wilma-completion-card .completion-head h2{font-size:19px}
@media(max-width:360px){.app .wilma-completion-card .completion-core{grid-template-columns:60px minmax(85px,1fr) 100px!important;gap:5px!important}.app .wilma-completion-card .completion-head{flex-wrap:wrap}}

.wilma-photo-slot-label{display:block;padding:7px 7px 2px;color:#8fa2b8;font-size:10px;font-weight:800;letter-spacing:.04em}.photo-thumb select.wilma-photo-slot{width:calc(100% - 10px)!important;margin:3px 5px 8px!important;min-height:36px!important;padding:6px!important;font-size:12px!important;border-radius:7px!important}

.telus-order-title b{font-size:1.15rem;line-height:1.3}.telus-cx-name{font-size:.9rem;opacity:.75;margin-top:5px}.wilma-order-badges{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:10px}.wilma-due{font-size:1rem;padding:7px 10px;border:2px solid #3ea3c0;border-radius:8px;background:#3ea3c018}.wilma-due-overdue{color:#ee6a65;border-color:#ee6a65;background:#ee6a6514}.wilma-priority-flag{font-weight:700}.wilma-priority-check{display:inline-flex;align-items:center;gap:5px;font-size:.85rem;margin-left:3px}.wilma-priority-check input{width:16px;height:16px;margin:0}.order-contact-actions{display:flex;gap:8px;margin-top:10px}.order-contact-actions .btn{min-height:32px;padding:6px 11px;text-decoration:none}

/* TELUS order cards: address, CX, dates; identifiers tucked into the heading. */
.telus-card.order{display:block;position:relative}.telus-card .order-left{width:100%;min-width:0}.telus-card-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}.telus-address-title{font-size:1.12rem;font-weight:800;line-height:1.35;color:inherit;text-decoration:none;white-space:normal;overflow-wrap:anywhere;overflow:visible;text-overflow:clip}.telus-address-title:hover{text-decoration:underline}.telus-card-identifiers{display:flex;flex-direction:column;align-items:flex-end;gap:5px;max-width:145px;text-align:right}.telus-dpo{font-size:.67rem;line-height:1.35;font-weight:700;opacity:.8;overflow-wrap:anywhere}.telus-coid{font-size:.66rem;opacity:.65}.telus-card-flag{font-size:.62rem;padding:3px 6px}.telus-card .telus-cx-name{margin-top:8px;font-size:.88rem;opacity:.85}.telus-cx-name span{font-size:.76rem;opacity:.75}.telus-card-date-contact{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px}.wilma-date-stack{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start}.telus-card .wilma-date-stack{flex-direction:column;min-width:0}.wilma-due{display:inline-block;font-size:.85rem;font-weight:800;line-height:1.35;padding:6px 8px;border-width:1px}.wilma-due small{font-size:.66rem;font-weight:600;opacity:.85;margin-right:3px}.wilma-target{border-width:2px}.telus-card .order-contact-actions{margin:0;flex-shrink:0;gap:5px}.telus-card .order-contact-actions .btn{font-size:.75rem;padding:6px 9px;min-height:32px}.telus-card .order-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;margin-top:9px;max-width:none;position:static}.telus-card .wilma-priority-check{margin-top:8px}.telus-past-due{display:inline-block;color:#ee6a65;font-size:.73rem;font-weight:700;margin:8px 8px 0 0}
@media(max-width:380px){.telus-card-identifiers{max-width:122px}.telus-address-title{font-size:1rem}.telus-dpo{font-size:.6rem}.telus-card-heading{gap:8px}.telus-card-date-contact{gap:6px}}

.telus-cx-meta-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px}.telus-card .telus-cx-meta-row .telus-cx-name{margin:0;min-width:0;font-size:.82rem}.telus-card .telus-inline-meta{margin:0;flex-shrink:0;gap:4px}.telus-inline-meta .pill{font-size:.65rem;padding:3px 6px}.telus-card .telus-card-date-contact{margin-top:8px}.telus-view-toggle{display:flex;gap:5px;margin:8px 0 10px}.telus-view-toggle .btn{padding:6px 12px;font-size:.8rem;min-height:32px}.telus-simple-table{border:1px solid #53708655;border-radius:9px;overflow:hidden}.telus-simple-header,.telus-simple-row.order{display:grid;grid-template-columns:minmax(0,1fr) 78px;gap:10px;padding:9px 12px;margin:0;border:0;border-bottom:1px solid #53708633;border-radius:0;min-height:39px;align-items:center;box-shadow:none;background:transparent}.telus-simple-header{font-size:.7rem;font-weight:700;opacity:.7;background:#53708612}.telus-simple-row.order:last-child{border-bottom:0}.telus-simple-row.order:nth-child(odd){background:#53708609}.telus-simple-row a{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:inherit;text-decoration:none;font-size:.82rem;font-weight:600}.telus-simple-row a:hover{text-decoration:underline}.telus-simple-due{text-align:right;white-space:nowrap;font-size:.78rem;font-weight:650}.telus-simple-row.is-past-due .telus-simple-due{color:#ee6a65}.telus-simple-row.order.selectable-order{padding-left:43px;position:relative}.telus-simple-row.order.order-selected{background:#3ea3c022}
@media(max-width:380px){.telus-inline-meta .pill{font-size:.59rem;padding:3px 5px}.telus-card .telus-cx-meta-row .telus-cx-name{font-size:.76rem}.telus-cx-meta-row{gap:5px}.telus-cx-meta-row .telus-cx-name span{display:none}}

.telus-completed-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0}.telus-completed-filters label{font-size:.8rem;font-weight:650}.telus-completed-filters select,.telus-completed-filters input{width:auto;max-width:100%;min-height:36px;padding:7px 10px;font-size:.85rem}

/* v0.10.46: separate TELUS/Aecon closures by vendor, other and cancelled */
#list .order-view-tabs.telus-three-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#list .telus-three-tabs .order-view-tab{min-width:0;padding:9px 6px;gap:5px;font-size:12px}
#list .telus-three-tabs .order-view-tab b{min-width:20px;padding:3px 6px;font-size:11px}
#list #cancelledOrdersTab.active{background:#3b222c;border-color:#c37482;color:#ffbfcb;box-shadow:inset 0 -2px 0 #d37b8e}
.telus-completion-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0 12px}
.telus-completion-categories>.btn{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;min-width:0;min-height:42px;padding:8px 6px;border-radius:10px;background:#102235;border-color:#28465f;color:#92a8bd;font-size:11px;line-height:1.15;text-align:center}
.telus-completion-categories>.btn b{font-size:10px;padding:2px 5px;border-radius:6px;background:rgba(100,145,180,.16)}
.telus-completion-categories>.btn.active{background:#124a4b;border-color:#319e9a;color:#d1ffef}
.telus-completion-categories>.btn.active b{background:rgba(93,210,171,.17)}
body.light-mode #list #cancelledOrdersTab.active{background:#fae8eb;border-color:#ba6571;color:#924554}
body.light-mode .telus-completion-categories>.btn{background:#f6f9fc;border-color:#ccd9e4;color:#4d647b}
body.light-mode .telus-completion-categories>.btn.active{background:#e2f6f2;border-color:#70bbab;color:#186a5e}
@media(max-width:420px){#list .telus-three-tabs .order-view-tab{font-size:10.5px;gap:3px;padding:8px 3px}#list .telus-three-tabs .order-view-tab b{font-size:10px;padding:2px 4px}.telus-completion-categories{gap:5px}.telus-completion-categories>.btn{padding:8px 3px;font-size:10px}.telus-completion-categories>.btn b{font-size:9px}}

/* Clear owner attribution on historical Wilma completion cards */
.telus-completion-mode{font-weight:850;border:1px solid rgba(97,163,197,.3);background:rgba(34,88,125,.24);color:#a4dfff}
.telus-completion-other{border-color:rgba(231,156,91,.5);background:rgba(160,88,35,.23);color:#ffcc9b}
body.light-mode .telus-completion-mode{background:#e4f3fc;color:#20678e}
body.light-mode .telus-completion-other{background:#fff0df;color:#a75e29}

/* Consolidated TELUS/Aecon order controls: one toolbar, two primary tabs. */
#list .telus-single-toolbar{display:flex;flex-wrap:nowrap;gap:8px;align-items:center;margin:12px 0;padding:8px 10px;border:1px solid #2a475e;background:#101e2b;border-radius:12px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#45657e transparent}
#list .telus-single-toolbar .btn{flex:0 0 auto;min-height:37px;padding:7px 11px;font-size:12px;white-space:nowrap}
#list .telus-toolbar-field{display:flex;align-items:center;gap:6px;margin:0;flex:0 0 auto;white-space:nowrap;font-size:10px;font-weight:850;letter-spacing:.045em;color:#91abc0}
#list .telus-toolbar-field select{width:auto;max-width:220px;min-width:92px;min-height:37px;box-sizing:border-box;padding:6px 26px 6px 9px;font-size:12px;border-radius:9px;border-color:#2e526b;background:#0a1b29;color:#d8ecfb}
#list .telus-toolbar-community select{max-width:145px;min-width:96px}
#list .telus-toolbar-view select{min-width:81px}
#list .telus-toolbar-month{flex:0 0 auto;min-width:140px;max-width:155px;height:37px;padding:5px 7px;font-size:11px}
#list .telus-single-toolbar .telus-toolbar-search{margin-left:auto;min-width:40px;font-size:22px;line-height:1}
#list .telus-single-toolbar .selected-count{flex:0 0 auto;font-size:11px}
#list .order-view-tabs:not(.telus-three-tabs){grid-template-columns:repeat(2,minmax(0,1fr))}
body.light-mode #list .telus-single-toolbar{border-color:#c2d2df;background:#eff5fa}
body.light-mode #list .telus-toolbar-field{color:#4f687e}
body.light-mode #list .telus-toolbar-field select{color:#2e4a60;background:#fff;border-color:#b9cbd8}
@media(max-width:680px){
 #list .telus-single-toolbar{gap:7px;margin:10px 0;padding:7px}
 #list .telus-single-toolbar .btn{min-height:36px;font-size:11px;padding:7px 9px}
 #list .telus-toolbar-field{gap:5px;font-size:9px}
 #list .telus-toolbar-field select{font-size:11px;min-height:36px;max-width:148px;padding:5px 22px 5px 7px}
 #list .telus-toolbar-community select{max-width:125px}
 #list .telus-single-toolbar .telus-toolbar-search{margin-left:0}
}

/* v0.10.62: simplified field list navigation; existing order styles unchanged. */
#main .board-compact-row{display:flex;align-items:center;gap:9px;min-width:0;position:relative;z-index:32;margin:10px 0 11px;padding:8px 10px;border-radius:11px;border:1px solid #27435a;background:#0e1e2c;box-shadow:none}
#main .board-compact-label{flex:0 0 auto;margin:0;color:#7fa5be;font-size:10px;letter-spacing:.08em;font-weight:850}
#main .board-compact-select{flex:0 1 240px;min-width:130px;width:auto;max-width:100%;height:36px;min-height:36px;padding:6px 30px 6px 10px;border-radius:8px;border:1px solid #31526c;background:#091725;color:#dceef9;font-size:12px;font-weight:750;line-height:1.25}
#main .board-tools-dropdown{position:relative;flex:0 0 auto;min-width:0;margin-left:auto}
#main .board-tools-dropdown>summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;border:1px solid #31526c;background:#12293b;color:#a9c8da;border-radius:9px;padding:6px 10px;font-size:11px;font-weight:800;cursor:pointer;user-select:none}
#main .board-tools-dropdown>summary::-webkit-details-marker{display:none}
#main .board-tools-dropdown[open]>summary{background:#174562;border-color:#4789ad;color:#effaff}
#main .board-tools-popover{position:absolute;top:calc(100% + 7px);right:0;width:min(290px,calc(100vw - 38px));padding:8px;border:1px solid #365c78;border-radius:12px;background:#0d2030;box-shadow:0 16px 34px #0008;z-index:65}
#main .wilma-board-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:8px 8px 10px;border-bottom:1px solid #34546b}
#main .wilma-board-menu-heading b{font-size:12px}
#main .wilma-board-menu-heading small{font-size:10px;color:#8abcae}
#main .wilma-board-action{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:8px 9px;border:0;border-radius:8px;background:transparent;color:#d1e4f3;font-size:12px;font-weight:750;text-align:left;cursor:pointer}
#main .wilma-board-action>span{font-size:17px;width:20px;text-align:center;color:#90c5e6}
#main .wilma-board-action:hover,#main .wilma-board-action:focus-visible{background:#1d3b54}
#main .wilma-board-menu-footer{padding:9px 8px 6px;border-top:1px solid #34546b;color:#839fb3;font-size:10px;line-height:1.45}
#main.telus-focused-view #topSearchWrap,#main.telus-focused-view #filterBtn{display:none!important}
#list .telus-slim-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;position:relative;z-index:24;margin:11px 0 15px;min-height:42px}
#list .telus-slim-toolbar .btn{min-height:38px;border-radius:9px;font-size:12px;padding:7px 11px}
#list .telus-select-icon{flex:0 0 40px;width:40px;min-width:40px;padding:6px!important;font-size:19px!important;font-weight:900}
#list .telus-select-icon.active{border-color:#4fa8df;background:#15517a;color:#e9faff}
#list .telus-layout-toggle{flex:0 0 auto;display:inline-flex;align-items:center;gap:2px;border:1px solid #325570;border-radius:10px;background:#0b1c2b;padding:3px}
#list .telus-layout-toggle .btn{border:0;background:transparent;color:#8ea8bb;min-height:31px;padding:6px 9px;font-size:11px}
#list .telus-layout-toggle .btn.active{background:#175078;color:#e3f7ff}
#list .telus-inline-search{display:flex;align-items:center;flex:1 1 135px;min-width:72px;height:38px;min-height:38px;gap:6px;margin:0;padding:0 9px;border:1px solid #31516b;border-radius:10px;background:#091b2a;color:#90adc0;overflow:hidden}
#list .telus-inline-search:focus-within{border-color:#409bdd;box-shadow:0 0 0 2px #1783cc2a}
#list .telus-inline-search>span{font-size:21px;line-height:1;pointer-events:none}
#list .telus-inline-search input{flex:1 1 auto;width:100%;min-width:0;max-width:100%;min-height:32px;height:32px;padding:4px 0;border:0;background:transparent;outline:none;color:#e5f3fc;font-size:12px;box-shadow:none}
#list .telus-inline-search input::placeholder{color:#7897ad}
#list .telus-inline-search input:focus{border:0;box-shadow:none;outline:0}
#list .telus-filter-menu{position:relative;flex:0 0 auto;min-width:0}
#list .telus-filter-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;color:#c2dced}
#list .telus-filter-button.has-filters{border-color:#2e8d9f;color:#b7eadd}
#list .telus-filter-button b{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:1px 4px;border-radius:99px;color:#bcf3e2;background:#19554d;font-size:10px;font-weight:900}
#list .telus-filter-chevron{opacity:.7}
/* One centered chevron for directional and disclosure controls. */
.dc-chevron {
  display:inline-block;
  flex:none;
  inline-size:12px;
  block-size:12px;
  background-color:currentColor;
  mask:center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 5.5 8 10.5 13 5.5' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.dc-chevron--left {transform:rotate(90deg)}
.dc-chevron--right {transform:rotate(-90deg)}
#list .telus-filter-panel{position:absolute;z-index:60;top:calc(100% + 8px);right:0;width:min(302px,calc(100vw - 38px));max-height:min(75vh,530px);overflow-y:auto;padding:15px;border-radius:13px;border:1px solid #39607a;background:#0d2031;box-shadow:0 15px 34px #0008;display:flex;flex-direction:column;gap:12px}
#list .telus-filter-panel.hidden{display:none!important}
#list .telus-filter-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
#list .telus-filter-panel-heading strong{font-size:13px;color:#dff1fb}
#list .telus-filter-close{border:0;background:transparent;color:#b8cddd;font-size:16px;min-height:26px;min-width:26px}
#list .telus-filter-panel>label{display:flex;flex-direction:column;gap:5px;color:#9cbbcf;font-size:10px;font-weight:850;letter-spacing:.075em;min-width:0}
#list .telus-filter-panel>label select,#list .telus-filter-panel>label input{box-sizing:border-box;width:100%;min-width:0;height:40px;min-height:40px;padding:7px 11px;border-radius:9px;border:1px solid #345873;background:#081a2a;color:#ecf5fd;font-size:13px;font-weight:650;letter-spacing:normal}
#list .telus-filter-panel-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:3px}
#list .telus-filter-panel-actions .btn{min-height:37px;font-size:11px}
#list .telus-selection-actions{flex:1 0 100%;display:flex;flex-wrap:wrap;align-items:center;gap:7px;min-width:0}
#list .telus-selection-actions .selected-count{margin:0 5px;color:#a8c3d5}
body.light-mode #main .board-compact-row{background:#f2f7fb;border-color:#c5d7e4}
body.light-mode #main .board-compact-label{color:#506f82}
body.light-mode #main .board-compact-select,body.light-mode #main .board-tools-dropdown>summary{background:#fff;color:#24475f;border-color:#b4cddd}
body.light-mode #main .board-tools-popover,body.light-mode #list .telus-filter-panel{background:#fff;border-color:#c5d9e5;box-shadow:0 14px 30px #203b542c}
body.light-mode #main .wilma-board-action{color:#30556b}
body.light-mode #main .wilma-board-action:hover{background:#e5f3fb}
body.light-mode #main .wilma-board-menu-heading b,body.light-mode #list .telus-filter-panel-heading strong{color:#234b62}
body.light-mode #list .telus-layout-toggle{background:#ecf5fb;border-color:#bbd0e0}
body.light-mode #list .telus-layout-toggle .btn{color:#4f7185}
body.light-mode #list .telus-layout-toggle .btn.active{color:#fff;background:#2377ae}
body.light-mode #list .telus-inline-search{background:#fff;border-color:#b7cedd}
body.light-mode #list .telus-inline-search input{color:#214960}
body.light-mode #list .telus-filter-panel>label{color:#507184}
body.light-mode #list .telus-filter-panel>label select,body.light-mode #list .telus-filter-panel>label input{background:#f7fbff;border-color:#c3d6e5;color:#23465f}
@media(max-width:430px){
 #main .board-compact-row{gap:7px;padding:7px;margin:8px 0}
 #main .board-compact-select{min-width:95px;flex:1 1 auto}
 #main .board-tools-dropdown>summary{padding:5px 7px;font-size:12px;gap:3px}
 #main .board-tools-dropdown>summary span{display:none}
 #list .telus-slim-toolbar{gap:5px}
 #list .telus-select-icon{flex-basis:34px;width:34px;min-width:34px}
 #list .telus-layout-toggle{padding:2px}
 #list .telus-layout-toggle .btn{min-height:32px;padding:5px 7px;font-size:10px}
 #list .telus-inline-search{flex-basis:65px;gap:4px;padding:0 6px}
 #list .telus-inline-search>span{font-size:18px}
 #list .telus-inline-search input{font-size:11px}
 #list .telus-filter-button{padding:7px!important;gap:3px}
 #list .telus-filter-button .telus-filter-chevron{display:none}
}

/* v0.10.66: independently priced CBBC and Aecon private billing workspaces. */
.billing-board-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 9px;padding:5px;border:1px solid #34516c;border-radius:14px;background:#0b1c2b}
.billing-board-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:51px;min-width:0;padding:10px 13px;border:1px solid #2a4560;border-radius:10px;background:#102437;color:#95b0c4;text-align:left;font-size:14px;font-weight:850;cursor:pointer}
.billing-board-btn span{flex:0 0 auto;display:inline-flex;padding:4px 8px;border-radius:99px;background:#20364b;color:#b9d0e1;font-size:10px;font-weight:750;white-space:nowrap}
.billing-board-btn.active{background:#124963;border-color:#2aa2c5;color:#e1f8ff;box-shadow:inset 0 -2px 0 #2aa2c5}
.billing-board-btn.active span{background:#1a6371;color:#d2ffef}
.billing-board-btn:focus-visible{outline:2px solid #73cefb;outline-offset:2px}
.billing-board-description{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;padding:2px 4px 11px;color:#91aec2;font-size:11px;line-height:1.5}
.billing-board-description b{color:#c5e8f7;white-space:nowrap}
body.light-mode .billing-board-switch{background:#e9f1f7;border-color:#bdd2e1}
body.light-mode .billing-board-btn{background:#f9fcff;color:#426077;border-color:#d2e0ec}
body.light-mode .billing-board-btn span{background:#e4eef7;color:#5b7287}
body.light-mode .billing-board-btn.active{background:#d5edf9;border-color:#51a4c8;color:#135775}
body.light-mode .billing-board-btn.active span{background:#bee1ef;color:#23647f}
body.light-mode .billing-board-description{color:#56768d}
body.light-mode .billing-board-description b{color:#215b78}
@media(max-width:440px){
 .billing-board-btn{min-height:49px;padding:8px;font-size:12px;gap:6px}
 .billing-board-btn span{padding:3px 5px;font-size:9px}
 .billing-board-switch{gap:5px;padding:4px}
}

/* Compact columns and text-only Maps targets. */
.telus-simple-scroll{overflow-x:auto}
.telus-simple-table{min-width:530px}
.telus-simple-header,.telus-simple-row.order{grid-template-columns:minmax(170px,1.6fr) minmax(110px,1fr) 58px 82px}
.telus-simple-table.with-completed{min-width:610px}
.with-completed .telus-simple-header,.with-completed .telus-simple-row.order{grid-template-columns:minmax(170px,1.6fr) minmax(110px,1fr) 58px 82px 82px}
.telus-simple-address,.telus-simple-cx{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.telus-simple-row .telus-simple-address a{display:inline;width:auto;max-width:none;padding:0;background:none}
.telus-simple-cx,.telus-simple-coid{font-size:.78rem}
#list .compact-order.order-viewed{background:linear-gradient(90deg,rgba(59,167,155,.2),rgba(16,37,39,.96))}
.telus-simple-row.order.order-viewed{background:rgba(59,167,155,.17)}
body.light-mode #list .compact-order.order-viewed{background:linear-gradient(90deg,#dbf2ed,#f4fbf8)}
body.light-mode .telus-simple-row.order.order-viewed{background:#e1f3ed}

/* Simple view fits the phone viewport; each heading can collapse its column. */
.telus-simple-table,.telus-simple-table.with-completed{min-width:0;width:100%;box-sizing:border-box}
.telus-simple-table .telus-simple-header,.telus-simple-table .telus-simple-row.order{grid-template-columns:var(--simple-columns);gap:6px;padding:9px 8px;box-sizing:border-box}
.simple-column-heading{display:flex;align-items:center;gap:1px;min-width:0;white-space:nowrap;overflow:hidden}
.simple-column-heading>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.simple-header-sort,.simple-column-toggle{border:0;background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer;padding:4px 0;min-height:32px;min-width:0}
.simple-header-sort{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.simple-column-toggle{flex:none;padding:4px 3px}
.simple-header-sort:focus-visible,.simple-column-toggle:focus-visible{outline:2px solid #51a8fd;outline-offset:1px;border-radius:3px}
.telus-simple-table .telus-simple-row .telus-simple-address a{display:inline-block;width:auto;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:top}
.telus-simple-table .telus-simple-header{font-size:.65rem;opacity:1;color:var(--muted,#9badbf)}
.telus-simple-table .telus-simple-due{font-size:.74rem}
.simple-column-heading[aria-sort="ascending"] .simple-header-sort,.simple-column-heading[aria-sort="descending"] .simple-header-sort{color:#51a8fd}

.telus-simple-table .telus-simple-row.order.selectable-order{padding-left:43px!important}
.telus-simple-table .order-select-check{left:8px;width:23px;height:23px}

/* Compact CBBC list with contact actions anchored on the right. */
.cbbc-simple-table{width:100%;min-width:0}
.cbbc-simple-header,.cbbc-simple-row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) 92px;gap:8px;align-items:center;padding:10px 8px;box-sizing:border-box}
.cbbc-simple-header{font-size:.7rem}
.cbbc-simple-row{border-bottom:1px solid #53708633;min-height:56px;cursor:pointer;font-size:.8rem;position:relative}
.cbbc-simple-row>span{min-width:0}
.cbbc-simple-address a{display:inline-block;max-width:100%;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cbbc-simple-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cbbc-simple-contact{display:flex;gap:4px;justify-content:flex-end;align-items:center}
.cbbc-contact-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 6px;border:1px solid #537086;border-radius:7px;background:transparent;color:inherit;font:inherit;font-size:.75rem;text-decoration:none;cursor:pointer;box-sizing:border-box}
.cbbc-contact-btn:focus-visible{outline:2px solid #51a8fd;outline-offset:2px}
.cbbc-no-phone{font-size:.7rem;color:var(--muted,#9badbf)}
.cbbc-simple-row.order-viewed{background:#3c9dbe12}
.cbbc-simple-row.order-selected{background:#3ea3c022}
.cbbc-simple-row.order.selectable-order{padding-left:43px!important}
.cbbc-simple-row .order-select-check{left:8px;width:23px;height:23px}

/* CBBC list uses the same compact rows and header treatment as TELUS. */
.cbbc-simple-header,.cbbc-simple-row.order{gap:6px;padding:9px 8px;margin:0;border:0;border-bottom:1px solid #53708633;border-radius:0;min-height:39px;align-items:center;box-shadow:none;background:transparent}
.cbbc-simple-header{font-size:.65rem;font-weight:700;opacity:1;background:#53708612;color:var(--muted,#9badbf)}
.cbbc-simple-row.order:last-child{border-bottom:0}
.cbbc-simple-row.order:nth-child(odd){background:#53708609}
.cbbc-simple-row .cbbc-simple-address a{color:inherit;font-size:.82rem;font-weight:600;text-decoration:none}
.cbbc-simple-row .cbbc-simple-address a:hover{text-decoration:underline}
.cbbc-simple-name{font-size:.82rem}
.cbbc-simple-row.order.order-viewed{background:rgba(59,167,155,.17)}
body.light-mode .cbbc-simple-row.order.order-viewed{background:#e1f3ed}
.cbbc-simple-row.order.order-selected{background:#3ea3c022}
.cbbc-contact-btn{min-height:32px}

/* Keep search flexible so Filters stays beside it on every board. */
#list .telus-inline-search{flex:1 1 0;min-width:40px}
@media(max-width:600px){
 #list .telus-slim-toolbar{column-gap:5px}
 #list .telus-inline-search{flex-basis:0;min-width:40px;padding:0 5px;gap:3px}
 #list .telus-layout-toggle .btn{padding-left:6px;padding-right:6px}
 #list .telus-filter-button{white-space:nowrap}
}

/* Wilma closure layout: independent of the legacy completion grids. */
.app .wilma-completion-card .completion-head{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px}
.app .wilma-completion-card .completion-head h2{font-size:21px!important;line-height:1.2}
.app .wilma-completion-card .completion-core{grid-template-columns:minmax(0,.75fr) minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important;align-items:end;margin:16px 0}
.app .wilma-completion-card .wilma-completion-modes{display:flex;flex-wrap:wrap;gap:10px 24px}
.app .wilma-completion-card .wilma-completion-modes label{display:flex;align-items:center;min-height:44px;gap:0}
.app .wilma-completion-card .wilma-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0;align-items:end}
.app .wilma-completion-card .wilma-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0;align-items:end}
.app .wilma-completion-card .field{margin:0!important;display:flex;flex-direction:column;gap:6px}
.app .wilma-completion-card .field label{margin:0!important;font-size:11px;line-height:1.4;overflow-wrap:anywhere}
.app .wilma-completion-card .field input:not([type=hidden]),.app .wilma-completion-card .field input#nap,.app .wilma-completion-card .field input#al,.app .wilma-completion-card .field input#cl,.app .wilma-completion-card .field input#bl,.app .wilma-completion-card .field select{width:100%!important;max-width:none!important;min-width:0!important;height:44px!important;min-height:44px!important;padding:9px 10px!important;font-size:16px!important;text-align:left;border-radius:10px!important}
.app .wilma-completion-card .inline-stepper{display:grid!important;grid-template-columns:40px minmax(0,1fr) 40px!important;width:100%!important;max-width:none!important;height:44px!important;min-height:44px!important}
.app .wilma-completion-card .inline-stepper button,.app .wilma-completion-card .inline-stepper output{width:100%!important;min-width:0!important;height:100%!important;min-height:0!important}
.app .wilma-completion-card .inline-stepper output{display:flex;align-items:center;justify-content:center}
.app .wilma-completion-card #dyn{margin:0!important}
.app .wilma-completion-card #dyn>.field{margin:16px 0!important}
.app .wilma-completion-card #wilmaChecklistMount{margin:16px 0}
.app .wilma-completion-card .otdr-length-notice{display:flex;flex-wrap:wrap;gap:8px;min-width:0;overflow-wrap:anywhere}
.app .wilma-completion-card .otdr-length-notice>span{flex:1 1 220px;min-width:0}
.app .wilma-completion-card .otdr-length-options{flex-basis:100%;display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:480px){
 .app .wilma-completion-card .completion-core{grid-template-columns:minmax(0,.7fr) minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important}
 .app .wilma-completion-card .wilma-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .app .wilma-completion-card .wilma-service-grid>.field:first-child{grid-column:1/-1}
 .app .wilma-completion-card .inline-stepper{grid-template-columns:28px minmax(0,1fr) 28px!important}
 .app .wilma-completion-card .wilma-completion-modes{display:grid;grid-template-columns:1fr;gap:0}
 .app .wilma-completion-card .wilma-field-grid{gap:10px}
}

/* Narrow quick filter between the two main order lists. */
#list .order-view-tabs:not(.telus-three-tabs){grid-template-columns:minmax(0,1fr) minmax(52px,.25fr) minmax(0,1fr)}
#list .order-view-tab.in-progress-tab{flex-direction:column;gap:2px;padding:5px 2px;font-size:10px;line-height:1.05}
#list .in-progress-tab b{min-width:18px;padding:1px 4px;font-size:10px}
#list .in-progress-tab.active{background:#352b13;border-color:#e5ac35;color:#ffdc88;box-shadow:inset 0 -2px 0 #e5ac35}
body.light-mode #list .in-progress-tab.active{background:#fff3d5;color:#765300;border-color:#b98615}

/* Keep labels readable beside the narrow middle button on phones. */
@media(max-width:520px){
 #list .order-view-tab:not(.in-progress-tab){flex-direction:column;gap:4px;padding:7px 4px;font-size:12px}
 #list .order-view-tab:not(.in-progress-tab)>span{white-space:nowrap}
 #list .order-view-tab:not(.in-progress-tab)>b{font-size:11px;padding:2px 6px}
}

/* Compact address-first cards, shared by all boards. */
#orders .compact-order{display:block}
#orders .compact-order .order-left{width:100%;min-width:0}
.dc-card-layout{display:flex;flex-direction:column;gap:8px;min-width:0}
/* Keep Maps on the inline text fragments, not the full card width. */
#orders .dc-card-layout .telus-address-title{font-size:17px;line-height:1.25;font-weight:800;display:inline}
#orders .dc-card-layout .telus-cx-name{margin:0;font-size:13px;line-height:1.3;opacity:.85}
#orders .dc-card-layout .telus-cx-name span{display:inline;font-size:12px}
#orders .dc-card-status{justify-content:flex-start;max-width:none;margin:0;gap:5px}
#orders .dc-card-dates .wilma-date-stack{flex-direction:row;flex-wrap:wrap;gap:5px}
#orders .dc-card-dates .wilma-due{font-size:12px;line-height:1.3;padding:4px 6px;border-width:1px;border-radius:7px}
#orders .dc-card-dates .wilma-due small{margin-right:3px}
#orders .dc-card-dates .telus-past-due{font-size:11px;margin:4px 0 0}
.dc-card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}
#orders .dc-card-actions .order-contact-actions{display:flex;gap:6px;margin:0 0 0 auto}
#orders .dc-card-actions .btn{min-height:38px;padding:7px 12px;font-size:12px;display:inline-flex;align-items:center;justify-content:center}
.dc-card-actions:empty{display:none}
.dc-card-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;border-top:1px solid #53708633;padding-top:8px;margin-top:2px}
.dc-card-reference{display:flex;flex:1 1 150px;min-width:0;flex-wrap:wrap;align-items:center;gap:5px 9px}
.dc-card-footer .dc-card-actions{margin-left:auto;flex-shrink:0}
#orders .dc-card-dates .wilma-due{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;padding:5px 9px}
#orders .dc-card-dates .wilma-due small{margin:0;font-size:10px;font-weight:500;opacity:.75}
#orders .dc-card-footer .btn{min-height:44px;min-width:44px;padding:8px 12px}
#orders .dc-card-status .pill{line-height:1.2}
#orders .dc-card-reference .telus-dpo{flex-basis:100%}
#orders .dc-card-reference .telus-dpo,#orders .dc-card-reference .telus-coid{font-size:10px;line-height:1.3}
#orders .dc-card-reference .telus-card-flag{font-size:9px;padding:2px 5px}

/* Confirmed Wilma closure: visible on both completion summary and transfer. */
.card.wilma-confirmed{background:#102c24;border-color:#40b97c;box-shadow:inset 4px 0 0 #40b97c}
.wilma-confirmation-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;margin:10px 0 14px;border:1px solid #40b97c;border-radius:9px;background:#194b34;color:#b6f5ce;font-weight:750;font-size:14px}
.wilma-confirmed .muted{color:#c3dfcf}
#wilmaOrderTransfer.wilma-transfer-success{color:#b6f5ce}
body.light-mode .card.wilma-confirmed{background:#e6f6ec;border-color:#268856;box-shadow:inset 4px 0 0 #268856}
body.light-mode .wilma-confirmation-badge{background:#d0eddb;border-color:#268856;color:#145a35}
body.light-mode .wilma-confirmed .muted{color:#365b46}
body.light-mode #wilmaOrderTransfer.wilma-transfer-success{color:#145a35}

/* Separate CX numbers, keep the selector under the selected phone. */
#cxContactActions{min-width:0;display:grid;gap:8px}
#cxContactActions .cx-phone-row{height:auto;min-height:52px;flex-wrap:wrap;align-items:center}
#cxContactActions .cx-phone-main{min-width:0;flex:1 1 170px}
#cxContactActions .cx-phone-link b{white-space:nowrap}
.cx-phone-select-label{display:flex;flex-direction:column;gap:4px;margin-top:8px;font-size:11px;color:var(--muted,#9aafc3)}
.cx-phone-select-label select{width:100%;max-width:100%;min-height:40px;font-size:16px;padding:6px}
.cx-email-actions{justify-content:flex-start}
.cx-email-actions button{min-height:40px}
.cx-email-actions button:disabled{opacity:.5;cursor:default}
.cx-contact-composer{width:calc(100% - 32px);max-width:560px;max-height:85vh;overflow:auto;background:var(--card,#102335);color:inherit;border:1px solid #537086;border-radius:14px}
.cx-contact-composer .field{margin:12px 0}
.cx-contact-composer input,.cx-contact-composer select,.cx-contact-composer textarea{width:100%;min-width:0;box-sizing:border-box;font-size:16px}
body.light-mode .cx-phone-select-label{color:#526a7e}
@media(max-width:480px){#cxContactActions .cx-phone-actions{flex-wrap:wrap}#cxContactActions .cx-phone-main{flex-basis:100%}}

/* Escalations keep normal row/card dimensions until their details are opened. */
.dc-damage-escalation{background:rgba(190,32,42,.12)!important;border-color:#9b4951;box-shadow:inset 2px 0 #c95560}
.telus-simple-table .telus-simple-row.order.dc-damage-escalation{border:0;border-bottom:1px solid #53708633;box-shadow:inset 2px 0 #c95560}
.dc-simple-address-line{display:flex;flex-wrap:nowrap;align-items:center;gap:5px 8px;min-width:0}
.telus-simple-table .telus-simple-row .dc-simple-address-line>a{flex:0 1 auto;min-width:0;width:auto}
.dc-escalation-chip{display:inline-block;max-width:100%;min-width:0;color:#ff9b9b;font-size:11px;font-weight:650;white-space:normal}
.dc-escalation-chip>summary{display:inline-flex;align-items:center;gap:4px;min-height:0;height:auto;padding:2px 5px;margin:0;line-height:1.2;border:1px solid #b9566155;border-radius:5px;background:#c4384214;cursor:pointer;list-style:none}
.dc-escalation-chip>summary::-webkit-details-marker{display:none}
.dc-escalation-chip>summary:focus-visible{outline:2px solid #ff9b9b;outline-offset:2px}
.dc-escalation-icon{font-size:11px;line-height:1}
.dc-escalation-chip[open]{flex-basis:100%}
.dc-escalation-description{font-weight:400;font-size:12px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;color:#e3c4c6;padding:7px 0 2px}
.telus-simple-address:has(.dc-escalation-chip[open]){white-space:normal}
body.light-mode .dc-damage-escalation{background:#fff0f1!important;border-color:#d58b93}
body.light-mode .dc-escalation-chip{color:#962d39}
body.light-mode .dc-escalation-description{color:#6d3440}

.dc-simple-address-line>.dc-escalation-chip{flex-shrink:0;max-width:50%}
.dc-simple-address-line>.dc-escalation-chip>summary{max-width:100%;box-sizing:border-box}
.dc-simple-address-line>.dc-escalation-chip>summary>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dc-simple-address-line:has(.dc-escalation-chip[open]){flex-wrap:wrap}
.dc-simple-address-line>.dc-escalation-chip[open]{max-width:100%}


/* Compact workspace header and billing overview. */
.app #main .top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:nowrap!important;margin-bottom:16px}
.app #main .top .home-brand{flex:1 1 auto;min-width:0}
.app #main .top .logo{font-size:26px!important;line-height:1.1;letter-spacing:-.045em;white-space:nowrap}
.app #main .top .dev-version{display:inline-block!important}.app #main .top .home-brand .tag{display:none!important}
.app #main .top .top-actions{display:flex!important;align-items:center;gap:6px;flex:0 0 auto}
.app #main .top .board-compact-row{display:flex;align-items:center;gap:6px;margin:0;padding:0}
.app #main .top .top-actions .btn,.app #main .top .top-actions .icon-btn,.app #main .top .board-tools-dropdown>summary{display:inline-flex!important;align-items:center;justify-content:center;gap:5px;height:36px!important;min-height:36px!important;max-height:36px!important;min-width:36px!important;width:auto!important;padding:0 10px!important;border-radius:9px!important;font-size:12px!important;line-height:1!important;box-sizing:border-box;margin:0!important;white-space:nowrap}
.app #main .top .admin-assign-top{padding:0!important;width:36px!important}
.app #main .top .admin-assign-top svg{width:17px;height:17px}
.app #main .top .board-tools-dropdown>summary{width:36px!important;padding:0!important;list-style:none}
.app #main .top .board-tools-dropdown>summary>span{display:none}
.app #main .top .board-tools-dropdown>summary::-webkit-details-marker{display:none}
.app #main .top .admin-billing-name{display:inline!important}
.app #main .top .admin-billing-dollar{display:none!important}
.app #main .top .menu-btn .menu-label{font-size:12px}
.app #main .top .filter-wrap{display:contents}
.app #main.telus-focused-view .top #filterBtn,.app #main.telus-focused-view .top .top-search{display:none!important}
.billing-page-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 14px}
.billing-page-heading h2{font-size:24px;line-height:1.15;margin:0;letter-spacing:-.025em}
.billing-page-heading>.btn{min-height:32px;padding:5px 10px;font-size:12px;border-radius:8px}
#ownerBillingDashboard .billing-toolbar{justify-content:flex-start;gap:8px;margin:0 0 12px}
#ownerBillingDashboard .billing-board-switch{display:flex;flex:0 0 auto;gap:3px;padding:3px;margin:0;border-radius:9px}
#ownerBillingDashboard .billing-board-btn{min-height:30px;padding:4px 9px;gap:5px;border-radius:6px;font-size:11px;border-color:transparent;background:transparent}
#ownerBillingDashboard .billing-board-btn.active{background:#124963;border-color:#2aa2c5;box-shadow:none}
#ownerBillingDashboard .billing-board-btn span{font-size:10px;padding:2px 5px}
#ownerBillingDashboard .billing-pills{gap:2px;padding:3px;border-radius:9px}
#ownerBillingDashboard .billing-period{min-height:30px;padding:4px 8px;font-size:11px;border-radius:6px}
#ownerBillingDashboard .billing-month-picker{margin-left:auto;min-width:0}
#ownerBillingDashboard .billing-month-picker select{min-width:145px;width:auto;height:38px;padding:6px 28px 6px 9px;border-radius:9px;font-size:12px}
#ownerBillingDashboard .billing-refresh{height:38px;min-height:38px;width:38px;min-width:38px;padding:0;font-size:18px;border-radius:9px}
#ownerBillingDashboard .billing-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#ownerBillingDashboard .billing-kpi{min-height:94px;padding:13px 12px;gap:7px;border-radius:11px}
#ownerBillingDashboard .billing-kpi strong{font-size:clamp(20px,2.6vw,28px)}
#ownerBillingDashboard .billing-kpi small{font-size:9px;letter-spacing:.045em}
#ownerBillingDashboard .billing-kpi span{font-size:10px}
#ownerBillingDashboard .billing-panels{margin-top:10px;gap:10px}
#ownerBillingDashboard .billing-panels>.billing-panel{margin-top:0;padding:13px;border-radius:11px}
#ownerBillingDashboard .billing-panel-head{margin-bottom:10px;align-items:center}
#ownerBillingDashboard .billing-panel-head h3{font-size:14px}
#ownerBillingDashboard .billing-chart{height:140px}
#ownerBillingDashboard .billing-types{min-height:140px;gap:12px}
#ownerBillingDashboard .billing-donut{width:120px;height:120px}
#ownerBillingDashboard .billing-donut>div{width:84px;height:84px;font-size:24px}
#ownerBillingDashboard .billing-summary-note{margin:8px 1px 14px;color:#91a9c1;font-size:11px}
#ownerBillingDashboard .billing-workspace-fold{border:1px solid #29445c;border-radius:11px;background:#0c1c2d;margin-top:12px}
#ownerBillingDashboard .billing-workspace-fold>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font-size:14px;font-weight:750;padding:13px;list-style:none}
#ownerBillingDashboard .billing-workspace-fold>summary::-webkit-details-marker{display:none}
#ownerBillingDashboard .billing-workspace-fold[open]>summary>span{transform:rotate(180deg)}
#ownerBillingDashboard .billing-workspace-fold .invoice-builder{border:0;margin:0;padding-top:0;background:transparent}
#ownerBillingDashboard .billing-workspace-fold .invoice-builder>.billing-panel-head{display:none}
#ownerBillingDashboard .billing-filters{display:grid;grid-template-columns:minmax(150px,2fr) repeat(3,minmax(120px,1fr));gap:7px;margin:0 0 12px}
#ownerBillingDashboard .billing-filters input,#ownerBillingDashboard .billing-filters select{min-width:0;min-height:36px;height:36px;padding:7px 9px;font-size:12px;border-radius:8px}
#ownerBillingDashboard .billing-panel>.btn,#ownerBillingDashboard .billing-panel .btn.compact{min-height:32px;padding:6px 9px;border-radius:8px;font-size:11px}
#ownerBillingDashboard .invoice-register-note{font-size:10px}
body.light-mode #ownerBillingDashboard .billing-workspace-fold{background:#f7fbff;border-color:#c2d4e2}
body.light-mode #ownerBillingDashboard .billing-summary-note{color:#5b7085}
body.light-mode #ownerBillingDashboard .billing-board-btn.active{background:#d5edf9;color:#135775}
@media(max-width:680px){
 .app #main .top{gap:6px!important;margin-bottom:12px}
 .app #main .top .logo{font-size:22px!important}
 .app #main .top .top-actions,.app #main .top .board-compact-row{gap:4px}
 .app #main .top .top-actions .btn,.app #main .top .board-tools-dropdown>summary{padding:0 7px!important;font-size:11px!important}
 .app #main .top .admin-assign-top{display:none!important}
 .app #main .top .admin-billing-name{display:none!important}
 .app #main .top .admin-billing-dollar{display:inline!important;font-size:17px}
 #ownerBillingDashboard .billing-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 #ownerBillingDashboard .billing-kpi{min-height:88px}
 #ownerBillingDashboard .billing-panels{grid-template-columns:1fr}
 #ownerBillingDashboard .billing-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
 #ownerBillingDashboard .billing-month-picker{margin-left:0;flex:1}
 #ownerBillingDashboard .billing-month-picker select{width:100%}
 #ownerBillingDashboard .billing-board-switch{flex:1;justify-content:center}
 #ownerBillingDashboard .billing-pills{flex:1;justify-content:center}
}
@media(max-width:380px){
 .app #main .top .logo{font-size:20px!important}
 .app #main .top .menu-label{display:none}
 #ownerBillingDashboard .billing-board-btn span{display:none}
}

@media(max-width:680px){.app #main .top .top-actions .admin-assign-top{display:none!important}#ownerBillingDashboard .billing-period{font-size:10px;padding:4px 7px;line-height:1.15}}

/* Keep the month control inside the mobile billing toolbar. */
@media(max-width:680px){
 #ownerBillingDashboard .billing-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 38px;gap:8px;width:100%;min-width:0}
 #ownerBillingDashboard .billing-toolbar .billing-board-switch{grid-column:1/-1;width:100%;min-width:0;justify-content:center}
 #ownerBillingDashboard .billing-toolbar .billing-pills{grid-column:1;display:flex;min-width:0;width:100%;gap:1px}
 #ownerBillingDashboard .billing-toolbar .billing-period{flex:1;min-width:0;padding:4px;font-size:10px}
 #ownerBillingDashboard .billing-toolbar .billing-month-picker{grid-column:2;min-width:0;width:100%;margin:0}
 #ownerBillingDashboard .billing-toolbar .billing-month-picker select{width:100%;min-width:0;max-width:100%;height:38px;font-size:12px;padding:6px 22px 6px 8px}
 #ownerBillingDashboard .billing-toolbar .billing-refresh{grid-column:3;width:38px;min-width:0}
}
@media(max-width:380px){
 #ownerBillingDashboard .billing-toolbar .billing-pills{grid-column:1/-1}
 #ownerBillingDashboard .billing-toolbar .billing-month-picker{grid-column:1/3}
}


/* Separate cancellation list; compact three-way navigation on phones. */
#list .order-view-tabs:not(.telus-three-tabs){grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#list #cancelledOrdersTab.active{background:#461d28;border-color:#ef4444;color:#fff;box-shadow:inset 0 -3px 0 #ef4444}
#list .compact-order.status-tint-cancelled{border-color:#ef444466;box-shadow:inset 3px 0 0 #ef4444}
body.light-mode #list #cancelledOrdersTab.active{background:#fee2e2;color:#991b1b}
@media(max-width:500px){#list .order-view-tab{min-width:0;padding:10px 4px;font-size:12px}}


/* Compact, symmetrical primary order navigation. */
#list .counts.order-view-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px;padding:6px}
#list .counts.order-view-tabs .order-view-tab{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:6px;min-height:44px;padding:9px 12px;font-size:13px}
#list .counts.order-view-tabs .order-view-tab b{margin:0;font-size:12px}
#list #inProgressOrdersTab.active{background:#422f13;border-color:#f59e0b;box-shadow:inset 0 -3px 0 #f59e0b;color:#fff}
body.light-mode #list #inProgressOrdersTab.active{background:#fef3c7;color:#92400e}


/* Customer sheet: neutral actions and progressive disclosure. */
#detail .cx-mini-action{background:transparent;color:inherit;border:1px solid #78999b66;font:inherit;font-size:12px!important;font-weight:650;min-height:40px!important;text-decoration:none;box-shadow:none}#detail .cx-mini-action.primary-mini{background:#57839614;color:inherit;border-color:#78999b66}#detail .cx-mini-action:disabled{background:transparent;opacity:.38;cursor:default}.cx-email-actions{margin-top:7px;display:flex}.cx-secondary{margin-top:12px;border-top:1px solid #78999b33;padding-top:10px;min-width:0}.cx-secondary>summary{cursor:pointer;font-size:13px;font-weight:650;min-height:36px;align-content:center;color:inherit}.cx-note-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.5;margin:8px 0}.cx-contact-options{border:0;padding:0;margin-top:4px}.cx-contact-options>summary{font-size:11px;min-height:30px;opacity:.7}.cx-info-card .wilma-date-stack{gap:7px;flex-wrap:wrap}.cx-info-card .wilma-due{font-size:13px;border-width:1px;border-color:#78999b66;background:transparent;padding:7px 9px;color:inherit}.cx-info-card .wilma-due-overdue{color:#ee8b84;border-color:#ee8b8466}.cx-info-card .cx-phone-link b{white-space:normal!important}.cx-info-card .cx-phone-actions{width:auto!important}.cx-info-card .cx-phone-row{align-items:center!important}.cx-info-card .cx-phone-main{flex:1 1 170px!important}


/* Field card hierarchy: identity left, management right, network facts visible. */
#detail .cx-info-card .cx-name-row{display:grid;grid-template-columns:minmax(0,1fr) auto}#detail .cx-identity{min-width:0}#detail .cx-identity h2{font-size:21px!important;margin:0!important;overflow-wrap:anywhere}#detail .cx-dpo{display:block;opacity:.65;margin-top:5px;overflow-wrap:anywhere}#detail .cx-info-card .cx-card-top{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;width:auto;max-width:160px}#detail .cx-card-top .order-assignment-line{justify-content:flex-end;gap:4px!important}#detail .cx-card-top .pill{font-size:10px}#detail .cx-card-top .btn.compact{font-size:11px;min-height:34px;padding:5px 8px}.cx-request-menu{position:relative;display:inline-block;margin:0}.cx-request-menu>summary{font-size:11px!important;min-height:34px;padding:5px 8px!important}.cx-request-menu>div{max-width:calc(100vw - 48px)}#detail .cx-interactions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:7px}#detail .cx-interactions .cx-mini-action{padding:5px 3px!important;width:100%;font-size:11px!important;white-space:nowrap;min-width:0}#detail .cx-contact-block{grid-template-columns:1fr!important}#detail .cx-phone-row{border:0;background:transparent;padding:3px 0!important;min-height:0!important}#detail .cx-phone-link small{display:none}.cx-network{padding:10px 0 3px;font-variant-numeric:tabular-nums}.cx-network>div{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:17px;font-weight:750}.cx-network>small{display:block;margin-top:5px;font-size:12px;color:inherit;opacity:.8}.cx-network>small span{opacity:.65}@media(max-width:360px){#detail .cx-info-card .cx-name-row{grid-template-columns:minmax(0,1fr) 112px}#detail .cx-identity h2{font-size:18px!important}#detail .cx-info-card .cx-card-top{max-width:112px}}

/* Coherent customer surfaces and tactile actions. */
#detail .cx-info-card{--cx-edge:color-mix(in srgb,currentColor 22%,transparent);--cx-wash:color-mix(in srgb,currentColor 5%,transparent);padding:16px!important}
#detail .cx-info-card .cx-name-row{gap:10px;margin-bottom:12px!important;grid-template-columns:minmax(0,1fr) 132px}
#detail .cx-info-card .cx-card-top{width:132px;max-width:132px;gap:7px!important}
#detail .cx-identity h2{font-size:20px!important;line-height:1.22!important}
#detail .cx-dpo{font-size:10px;margin-top:6px}
#detail .cx-request-menu{width:100%}
#detail .cx-request-menu>summary{display:flex;align-items:center;justify-content:center;min-height:44px!important;padding:9px 12px!important;box-sizing:border-box}
#detail .cx-request-menu>summary::-webkit-details-marker{display:none}
#detail .cx-address-link{background:var(--cx-wash)!important;border:1px solid var(--cx-edge)!important;color:inherit!important;min-height:66px!important;padding:12px!important;gap:10px!important}
#detail .cx-address-link>span:last-child{min-width:0;flex:1}
#detail .cx-address-link b{font-size:15px!important;white-space:normal;overflow-wrap:anywhere;line-height:1.35}
#detail .cx-address-link small{color:inherit!important;opacity:.65;font-size:11px!important;margin-top:4px!important}
#detail .cx-address-link .cx-contact-icon{color:inherit!important;opacity:.7}
#detail .cx-phone-row{margin:8px 0 7px}
#detail .cx-phone-link{color:inherit!important}
#detail .cx-interactions{gap:7px;margin:0 0 14px}
#detail .cx-interactions .cx-mini-action{min-height:44px!important;border-color:var(--cx-edge)!important;background:linear-gradient(180deg,var(--cx-wash),transparent)!important;box-shadow:inset 0 1px 0 #ffffff15,0 3px 5px #0003,0 1px 1px #0003!important;border-radius:10px!important;transition:transform .12s,box-shadow .12s}
#detail .cx-interactions .cx-mini-action:active{transform:translateY(2px);box-shadow:inset 0 1px 3px #0004!important}
#detail .cx-interactions .cx-mini-action:disabled{box-shadow:none!important;opacity:.35}
#detail .cx-card-top .btn,#detail .cx-request-menu>summary{box-shadow:inset 0 1px #ffffff18,0 3px 6px #0003!important}
#detail .cx-info-card .wilma-date-stack{margin-top:0;margin-bottom:7px}
#detail .cx-network{padding:7px 0 3px}
#detail .cx-network>div{font-size:16px}
#detail .cx-order-notes{margin-top:13px}
@media(max-width:360px){#detail .cx-info-card .cx-name-row{grid-template-columns:minmax(0,1fr) 114px}#detail .cx-info-card .cx-card-top{width:114px;max-width:114px}#detail .cx-identity h2{font-size:18px!important}}

#detail .completion-card .inline-stepper,#detail .wilma-completion-card .inline-stepper{background:color-mix(in srgb,currentColor 4%,transparent)!important;border-color:color-mix(in srgb,currentColor 22%,transparent)!important;color:inherit!important}#detail .inline-stepper button{background:color-mix(in srgb,currentColor 6%,transparent)!important;color:inherit!important;box-shadow:inset 0 1px #ffffff12}#detail .inline-stepper output{background:transparent!important;color:inherit!important}


/* Compact field completion hierarchy. */
#detail .cx-info-card .cx-name-row{grid-template-columns:minmax(0,1fr) 112px!important;gap:8px;margin-bottom:10px!important}#detail .cx-info-card .cx-card-top{width:112px!important;max-width:112px!important}#detail .cx-request-menu{order:-1}#detail .cx-request-menu>summary{min-height:36px!important;font-size:14px!important;padding:5px 8px!important;border-radius:10px!important}#detail .cx-assign-icon{width:34px!important;min-width:34px!important;min-height:34px!important;padding:6px!important;display:grid;place-items:center}#detail .cx-tech-short{font-size:11px;line-height:1.2;max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#detail .cx-card-top .order-assignment-line{gap:5px!important}#detail .cx-info-card{padding:12px!important}#detail .cx-address-link{min-height:52px!important;padding:8px 10px!important}#detail .cx-phone-row{margin:5px 0}#detail .cx-interactions{margin-bottom:10px}#detail .cx-interactions .cx-mini-action{min-height:38px!important}#detail .order-sticky-back{padding:6px 9px;min-height:46px;gap:10px}#detail .order-back-btn{min-height:34px!important;padding:5px 10px!important;font-size:14px!important}#detail .order-nav-name{font-size:12px;white-space:normal;line-height:1.3}
#detail .completion-card{padding:12px!important;font-size:14px;line-height:1.4}#detail .completion-head{gap:8px;margin-bottom:10px}#detail .completion-head h2{font-size:20px!important;line-height:1.2}#detail .completion-card .field{min-width:0;margin-bottom:9px}#detail .completion-card .field>label,#detail .completion-card .sect{font-size:10px!important;line-height:1.35;letter-spacing:.05em;margin-bottom:5px;overflow-wrap:anywhere}#detail .wilma-completion-modes{display:flex;flex-wrap:wrap;gap:7px 14px;margin:8px 0}#detail .wilma-completion-modes label,#detail .wilma-misc label{display:flex;align-items:center;gap:7px;font-size:13px;line-height:1.3}#detail .completion-card input[type=checkbox]{width:19px;height:19px;min-width:19px;min-height:19px;vertical-align:middle;margin:0 5px 0 0}#detail .completion-card .completion-core{margin-top:10px!important}#detail .completion-card .completion-fold>summary{display:flex;align-items:center;gap:8px;padding:9px 10px;min-height:40px;font-size:14px;line-height:1.3}#detail .completion-fold>summary small{font-size:10px;white-space:normal}#detail .completion-card .btn.full,#detail .completion-card .photo-pick{font-size:14px!important;min-height:40px!important;padding:9px 12px!important;margin-top:8px}#detail .completion-card .muted{font-size:11px;line-height:1.45}#detail .completion-card .compact-step{display:grid;grid-template-columns:minmax(0,1fr) 34px 34px;gap:6px;margin:0;padding:7px 0;font-size:12px;align-items:center}#detail .completion-card .compact-step>.btn{min-height:34px!important;width:34px;padding:3px!important;font-size:19px!important}#detail .wilma-misc{margin:10px 0;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:12px;padding:9px 10px}#detail .wilma-misc-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}#detail .wilma-misc:not(:has(#wilmaMisc:checked)) #wilmaMiscDate{display:none}#detail .wilma-misc #wilmaMiscDate{width:130px!important;min-height:34px!important;font-size:13px!important}#detail #wilmaMiscHours{margin-top:7px}#detail .completion-card:not(:has(#photoPreview:not(:empty),#savedPhotos .photo-thumb,#savedPhotos img)) .photo-ai-bar{display:none}#detail .photo-ai-bar{margin:8px 0;gap:7px;flex-wrap:wrap}#detail .photo-ai-bar .btn{font-size:12px!important;min-height:36px;padding:6px 9px}#detail .photo-ai-bar small{font-size:10px;line-height:1.4}#detail .wilma-service-grid{gap:8px}#detail .completion-card textarea{font-size:16px;line-height:1.4}#detail .completion-card summary{white-space:normal;overflow-wrap:anywhere}


/* Pack related actions into shared rows; collapse configuration inside its feature. */
#detail .cx-info-card .cx-name-row{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:start}#detail .cx-info-card .cx-card-top{display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important;width:auto!important;max-width:none!important;gap:5px!important}#detail .cx-request-menu{width:auto!important;flex:0 0 auto}#detail .cx-request-menu>summary{min-height:34px!important;font-size:13px!important;padding:5px 7px!important}#detail .cx-card-top .order-assignment-line{flex-wrap:nowrap!important}#detail .cx-tech-short{max-width:48px;font-size:10px;color:#91d9ba;background:#4da88720;border-radius:6px;padding:4px}#detail .cx-identity h2{font-size:18px!important}#detail .cx-assign-icon{width:30px!important;min-width:30px!important;height:34px!important;padding:5px!important}#detail .cx-dpo{font-size:9px}#detail #cxContactActions .cx-phone-main{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1 1 auto!important}#detail .cx-phone-inline{margin:0!important;max-width:45%;min-width:0}#detail .cx-phone-inline select{width:100%;min-height:34px;padding:4px 6px;font-size:11px;color:inherit}#detail .cx-phone-link{flex:1 1 auto;min-width:0}#detail .cx-phone-link b{font-size:13px!important}#detail .cx-network>div span{color:#9bdfc5}#detail .cx-network>small{color:#f0bd88}#detail .wilma-target{color:#a2dcec!important}#detail #wilmaChecklistMount .completion-fold>summary{display:flex;justify-content:space-between;padding:10px 12px!important}#detail #wilmaChecklistMount .completion-fold>summary>span:first-child{display:block;min-width:0}#detail #wilmaChecklistMount summary b{display:block;font-size:14px;line-height:1.3}#detail #wilmaChecklistMount summary small{display:block;font-size:10px;line-height:1.3;margin-top:3px;opacity:.65}#detail #wilmaChecklistMount .completion-fold .completion-fold{margin:9px 0 0!important;border-width:1px}#detail #wilmaChecklistMount .completion-fold .completion-fold>summary{font-size:12px!important}#detail .completion-card .photo-pick{background:linear-gradient(180deg,#387fa54a,#2b668433)!important;border-color:#6aaed377!important;color:#c9ecff!important}#detail .completion-card button[onclick*="saveWilmaCompletion(true)"],#detail .completion-card button[onclick="save(true)"]{background:linear-gradient(180deg,#bc903b44,#97722e22)!important;border-color:#d7b36a77!important;color:#ffe1a3!important}#detail .completion-card button[onclick*="saveWilmaCompletion(false)"],#detail .completion-card button[onclick="save(false)"]{background:linear-gradient(180deg,#2f956f66,#26775144)!important;border-color:#78d8ac88!important;color:#d1ffe9!important}body.light-mode #detail .cx-network>div span{color:#17614a}body.light-mode #detail .cx-network>small{color:#85511d}body.light-mode #detail .completion-card .photo-pick{color:#164b6a!important}body.light-mode #detail .completion-card button[onclick*="saveWilmaCompletion(true)"]{color:#755014!important}body.light-mode #detail .completion-card button[onclick*="saveWilmaCompletion(false)"]{color:#155c3c!important}
#detail .wilma-cancellation>summary{color:#f0bd88;font-size:14px}#detail .wilma-cancellation .row{gap:7px;flex-wrap:wrap;margin:9px 0}#detail .wilma-cancellation small,#detail .wilma-cancellation .muted{font-size:11px;line-height:1.4}#detail .wilma-cancel-check{display:flex;gap:7px;align-items:center;font-size:13px;margin:8px 0}#detail .wilma-cancellation input,#detail .wilma-cancellation select,#detail .wilma-cancellation textarea{max-width:100%;width:100%;box-sizing:border-box}#detail .wilma-cancel-check input{width:19px;height:19px}

/* Date and assigned network facts share the available field-card width. */
#detail .cx-field-facts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:center;margin:12px 0 4px}
#detail .cx-field-facts:empty{display:none}
#detail .cx-field-facts .wilma-date-stack{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:0}
#detail .cx-field-facts .wilma-due{display:block;padding:9px 10px;border-radius:10px;border:1px solid #e5bd6880;background:linear-gradient(135deg,#dca94d24,#dca94d0c);color:#ffe1a3;font-size:clamp(15px,4.3vw,19px);font-weight:800;line-height:1.3}
#detail .cx-field-facts .wilma-due small{display:block;font-size:10px;font-weight:650;opacity:.8;margin-bottom:2px}
#detail .cx-field-facts .wilma-target{font-size:13px;background:#4e9fb214;border-color:#74bed144;color:#a7dfeb}
#detail .cx-field-facts .wilma-due-overdue{background:#d65a4b20;border-color:#e9867888;color:#ffb0a3}
#detail .cx-field-facts .cx-network{padding:0 2px;min-width:0}
#detail .cx-field-facts .cx-network>div{display:flex;flex-wrap:wrap;gap:3px 12px;font-size:clamp(20px,5.6vw,27px);line-height:1.2;font-weight:800;letter-spacing:-.02em}
#detail .cx-field-facts .cx-network>div span{overflow-wrap:anywhere}
#detail .cx-field-facts .cx-network>small{margin-top:5px;font-size:14px;line-height:1.3}
body.light-mode #detail .cx-field-facts .wilma-due{color:#7b5212;border-color:#a97c35}
body.light-mode #detail .cx-field-facts .wilma-target{color:#236477}
body.light-mode #detail .cx-field-facts .wilma-due-overdue{color:#9c3529;border-color:#b35143}
@media(max-width:350px){#detail .cx-field-facts{gap:7px}#detail .cx-field-facts .wilma-due{padding:8px;font-size:15px}#detail .cx-field-facts .cx-network>div{font-size:20px;gap:4px 8px}}

/* Keep the address and selected phone together; actions fill the next row. */
#detail .cx-info-card .cx-contact-block{
 grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
 gap:6px 8px!important;align-items:center;
}
#detail .cx-contact-block>#cxContactActions{display:contents}
#detail .cx-contact-block>.cx-address-link{
 grid-column:1;grid-row:1;min-width:0;min-height:52px!important;
 padding:6px 8px!important;gap:5px!important;
}
#detail .cx-contact-block>.cx-address-link .cx-contact-icon{display:none}
#detail .cx-contact-block>.cx-address-link b{font-size:14px!important;line-height:1.25}
#detail .cx-contact-block>.cx-address-link small{font-size:10px!important;margin-top:2px!important;line-height:1.25}
#detail .cx-contact-block #cxContactActions>.cx-phone-row{
 grid-column:2;grid-row:1;margin:0!important;padding:0!important;
 min-width:0;align-self:center;
}
#detail .cx-contact-block #cxContactActions .cx-phone-main{
 flex-wrap:wrap;gap:3px!important;min-width:0;
}
#detail .cx-contact-block #cxContactActions .cx-phone-link{flex:1 1 auto!important}
#detail .cx-contact-block #cxContactActions .cx-phone-link b{
 white-space:nowrap!important;font-size:clamp(11px,3.25vw,15px)!important;
}
#detail .cx-contact-block #cxContactActions .cx-phone-inline{
 max-width:100%;flex:1 1 100%;min-width:0;
}
#detail .cx-contact-block #cxContactActions .cx-phone-inline select{
 min-height:30px;font-size:11px;box-sizing:border-box;
}
#detail .cx-contact-block #cxContactActions>.cx-interactions{
 grid-column:1/-1;grid-row:2;margin:0!important;gap:6px;
}
#detail .cx-info-card .cx-name-row{margin-bottom:7px!important}
#detail .cx-info-card .cx-field-facts{margin-top:8px;gap:8px}
#detail .cx-info-card .cx-order-notes{margin-top:8px;padding-top:6px}

#telusInstallation .inline-stepper input{min-width:0!important;width:100%!important;height:100%!important;padding:0 2px!important;text-align:center;border:0;border-radius:0;background:transparent;font-size:16px}

#telusInstallation [hidden]{display:none!important}


/* Keep header connection tools contained and readable at phone widths. */
#main .board-tools-dropdown:not([open])>.board-tools-popover{display:none}
#main .board-tools-popover{white-space:normal;max-height:min(70dvh,480px);overflow:auto;text-align:left}
#main .wilma-board-menu-heading{flex-wrap:wrap}
#main .wilma-board-action{white-space:normal;line-height:1.35}
#main .wilma-board-action>span{flex:0 0 20px}
#main .wilma-board-menu-footer{overflow-wrap:anywhere}
#main .top .board-compact-row{border:0;background:transparent;box-shadow:none}
@media(max-width:680px){
 #main .board-tools-popover{position:fixed;top:calc(env(safe-area-inset-top,0px) + 66px);left:14px;right:14px;width:auto;max-height:calc(100dvh - 160px)}
}


.photo-selection-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0}.photo-selection-toolbar [data-delete-status]{flex-basis:100%;line-height:1.4}.photo-selection-toolbar button{min-height:44px}.photo-batch-delete{background:#742e37!important;border-color:#e27779!important;color:white!important}.photo-batch-delete:disabled{opacity:.45}
.photo-thumb .photo-delete{position:absolute;top:5px;right:5px;display:grid;place-items:center;width:40px;min-height:40px;height:40px;margin:0;padding:0;border:1px solid #ffb4b4;border-radius:10px;background:#782c38ed;color:#fff;font-size:27px;line-height:1;z-index:3;touch-action:none;user-select:none;-webkit-touch-callout:none}
.photo-selection{position:absolute;left:5px;top:5px;z-index:3;display:grid!important;place-items:center;width:40px;height:40px;min-height:40px;padding:0!important;border:1px solid #90c9eb;border-radius:10px;background:#08243aee;cursor:pointer}.photo-selection input{width:23px;height:23px;min-height:23px;margin:0;accent-color:#168cf3}.photo-gallery-selecting .job-photo-expand{cursor:pointer}.photo-thumb.photo-selected{outline:3px solid #55b7ff;outline-offset:-3px;background:#143654}.photo-gallery-selecting[data-deleting] .photo-thumb{opacity:.65}.photo-thumb .photo-category[hidden],.photo-thumb .saved-category[hidden],.photo-thumb .wilma-photo-slot-label{display:none!important}.completed-summary-gallery .photo-selection{display:none!important}
.photo-batch-delete{position:relative;overflow:hidden;touch-action:none;user-select:none;-webkit-touch-callout:none}.photo-holding{box-shadow:inset 0 0 0 3px #ffd2cb!important}.photo-holding::after{content:'';position:absolute;inset:0;background:#ffb5a74d;transform-origin:left;animation:photo-hold-fill .9s linear forwards;pointer-events:none}@keyframes photo-hold-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.photo-recycle-bin{margin:24px 0;padding:16px;border:1px solid #7890a766;border-radius:16px}.photo-recycle-bin summary{font-size:16px;font-weight:700;cursor:pointer}.photo-recycle-bin p,.photo-recycle-bin small{font-size:12px;line-height:1.4;color:var(--muted,#a9bed0)}.photo-recycle-bin .photo-thumb>img{height:110px!important;max-height:110px!important;object-fit:contain}.photo-recycle-bin .photo-thumb small{padding:8px}.photo-recycle-bin .btn{min-height:44px;margin:6px}

/* Confirmed contact markers retain the existing compact button layout. */
#detail .cx-interactions .cx-mini-action[data-contact-status]{gap:4px;border-color:var(--contact-edge)!important;background:linear-gradient(180deg,var(--contact-wash),var(--contact-wash))!important}
#detail .cx-mini-action[data-contact-status="sent"]{--contact-edge:#39b978;--contact-wash:#28aa7133}
#detail .cx-mini-action[data-contact-status="pending"]{--contact-edge:#dfa83b;--contact-wash:#d99b2533}
#detail .cx-mini-action[data-contact-status="attention"]{--contact-edge:#ee746d;--contact-wash:#df5b5333}
#detail .cx-mini-action[data-contact-status="recorded"]{--contact-edge:#63aef5;--contact-wash:#498ed433}
.cx-contact-marker{font-weight:900;font-size:12px;line-height:1}

/* Keep photo tools out of the way until a selection starts. */
#savedPhotos:not(.photo-gallery-selecting) .photo-selection-toolbar,
#completedPhotos:not(.photo-gallery-selecting) .photo-selection-toolbar,
#savedPhotos:not(.photo-gallery-selecting) .saved .photo-delete,
#completedPhotos:not(.photo-gallery-selecting) .saved .photo-delete{display:none!important}
.contact-card .contact-methods{display:flex;gap:6px;margin-bottom:10px}
.contact-card .contact-methods .btn{flex:1;min-width:0;min-height:40px;padding:7px 4px;font-size:13px;white-space:nowrap;border-radius:9px}
.contact-card .contact-methods [aria-pressed="true"]{background:rgba(49,159,207,.22);border-color:#50b2d7;color:var(--text,#edf6ff)}
.contact-card .contact-notes-box{border:1px solid var(--border,#31475f);border-radius:12px;overflow:hidden;background:var(--input-bg,#091725)}
.contact-card .contact-notes-box textarea{display:block;width:100%;border:0;background:transparent;border-radius:0;box-shadow:none;margin:0;min-height:85px;padding:10px;font-size:16px}
.contact-card .contact-voicemail{display:flex;align-items:center;gap:7px;margin:0;padding:7px 10px;font-size:13px;font-weight:400;letter-spacing:0;text-transform:none;min-height:36px}
.contact-card .contact-voicemail[hidden]{display:none!important}
.contact-card .contact-voicemail input{width:18px;height:18px;min-height:18px;margin:0}
.contact-card .contact-actions{display:flex;gap:8px;margin-top:10px}
.contact-card .contact-actions .btn{min-height:40px;padding:7px 12px;font-size:13px;border-radius:9px}
.contact-card [data-status]{font-size:12px;margin:8px 0 0;overflow-wrap:anywhere}
.contact-card [data-status]:empty{display:none}