#detail .cx-field-facts .cx-network>small.cx-dead-ports{font-size:20px;line-height:1.3;font-weight:800;color:#ff767c;opacity:1;text-align:center;margin-top:6px}
#detail .cx-network>small.cx-dead-ports span{font-size:13px;opacity:1}
body.light-mode #detail .cx-field-facts .cx-network>small.cx-dead-ports{color:#b32432}
#detail .wilma-completion-card .completion-head{display:grid;grid-template-columns:minmax(0,1fr) 40px auto;gap:7px;align-items:center;margin-bottom:9px}
#detail .wilma-completion-card .completion-head h2{font-size:clamp(15px,4vw,20px)!important;margin:0;min-width:0}
#detail .completion-photo-shortcut{width:40px;min-height:40px;padding:0;font-size:25px;background:#286a8c44;color:#a6ddff;border-color:#6aaed377}
#detail .wilma-completion-card .completion-date{max-width:134px;min-width:0;width:100%;font-size:12px;padding:7px 4px}
#detail .completion-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
#detail .completion-actions .btn{width:100%;min-width:0;min-height:44px;padding:9px 6px;font-size:13px;white-space:normal}
#detail .completion-action-help{margin-top:5px;text-align:right}
#detail .completion-action-help>summary{display:inline-block;cursor:pointer;list-style:none;padding:3px 8px;min-height:28px}
#detail .completion-action-help>p{text-align:left}
#detail .misc-edit-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;padding:7px 0;border-bottom:1px solid #53708633}
#detail .misc-edit-row input{min-width:0;padding:7px;font-size:13px;min-height:40px}
#detail .misc-hours-control{display:flex;align-items:center;gap:4px;font-size:12px;white-space:nowrap}
#detail .misc-hours-control .btn{width:32px;min-width:32px;min-height:40px;padding:3px;font-size:19px}
#detail .misc-hours-control .misc-remove{color:#ff8b92;background:#9b273322}
#detail .wilma-misc .completion-fold-body{padding-top:4px!important}
#detail :is(.prefield-card,.completion-fold,.completed-editor-fold)>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;list-style:none;color:inherit;cursor:pointer}
#detail :is(.prefield-card,.completion-fold,.completed-editor-fold)>summary::-webkit-details-marker{display:none}
#detail :is(.prefield-card,.completion-fold,.completed-editor-fold)>summary .chev{margin-left:auto;flex-shrink:0;transition:transform .15s}
#detail :is(.prefield-card,.completion-fold,.completed-editor-fold)[open]>summary .chev{transform:rotate(180deg)}
#detail .wilma-cancellation>summary{color:inherit;font-size:14px}

@media(max-width:360px){#detail .wilma-completion-card .completion-head{grid-template-columns:minmax(0,1fr) 36px 112px;gap:4px}#detail .completion-photo-shortcut{width:36px}#detail .misc-edit-row{grid-template-columns:1fr}#detail .misc-hours-control{justify-content:flex-end}}
#detail :is(.prefield-card,.completion-fold,.completed-editor-fold)>summary:not(:has(.chev))::after{content:'⌄';margin-left:auto;flex-shrink:0}
#detail :is(.prefield-card,.completion-fold,.completed-editor-fold)[open]>summary:not(:has(.chev))::after{transform:rotate(180deg)}
body.light-mode #detail .completion-photo-shortcut{color:#164b6a}
body.light-mode #detail .misc-remove{color:#a51f30}
/* Keep TELUS metre/feet suffixes inside their inputs despite legacy label resets. */
#detail .wilma-completion-card #dyn .dual-unit-box{position:relative!important}