.defect-picker{border:.5px solid var(--border);border-radius:var(--radius);background:var(--surface-sub);gap:14px;padding:12px;display:grid}.defect-quantity-editor{border:.5px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);display:grid;overflow:hidden}.defect-quantity-editor-heading{border-bottom:.5px solid var(--border);background:var(--surface-sub);gap:3px;padding:11px 12px;display:grid}.defect-quantity-editor-heading strong{font-size:13px;font-weight:500}.defect-quantity-editor-heading span,.defect-quantity-editor-label span{color:var(--text-muted);font-size:12px}.defect-quantity-editor-list{display:grid}.defect-quantity-editor-empty{min-height:48px;color:var(--text-muted);align-items:center;padding:10px 12px;font-size:13px;display:flex}.defect-quantity-editor-row{border-bottom:.5px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(0,200px);align-items:center;gap:12px;min-width:0;padding:10px 12px;display:grid}.defect-quantity-editor-row:last-child{border-bottom:0}.defect-quantity-editor-identity{grid-template-columns:28px minmax(0,1fr);align-items:center;gap:7px;min-width:0;display:grid}.defect-quantity-remove{width:28px;height:28px;color:var(--text-muted);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.defect-quantity-remove:hover,.defect-quantity-remove:focus-visible{background:var(--surface-sub);color:var(--text-sub)}.defect-quantity-remove:active{transform:scale(.94)}.defect-quantity-editor-label{gap:2px;min-width:0;display:grid}.defect-quantity-editor-label strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.defect-quantity-editor-row .number-stepper{grid-template-columns:42px minmax(0,1fr) 42px;gap:6px;width:100%}.defect-quantity-editor-row .number-stepper-button{flex-basis:42px;width:42px;height:42px}.defect-category-group{gap:7px;min-width:0;display:grid}.defect-frequent-group{border-bottom:.5px solid var(--border);padding-bottom:14px}.defect-frequent-group .defect-category-label{color:var(--text-sub)}.defect-category-label{color:var(--text-muted);font-size:12px;font-weight:400;line-height:1.3}.defect-category-tags{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;display:grid}.defect-pick-tag{border:.5px solid var(--border-strong);background:var(--surface);width:100%;min-width:0;height:46px;color:var(--text-sub);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:14px;transition:transform .1s,border-color .14s,background .14s,color .14s;display:inline-flex;position:relative}.defect-pick-tag>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.defect-pick-tag:active:not(:disabled){transform:scale(.96)}.defect-pick-tag.counted{border-color:var(--blue);background:var(--blue-bg);color:var(--blue);padding-right:40px;font-weight:500}.defect-tag-count{background:var(--blue);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 6px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;right:7px}.defect-picker-actions{grid-template-columns:minmax(0,1fr);gap:8px;padding-top:2px;display:grid}.custom-defect-trigger{color:var(--text-muted);border-style:dashed}.custom-defect-form{border:.5px solid var(--border);border-radius:var(--radius);background:var(--surface);gap:10px;padding:12px;display:grid}@media (max-width:420px){.defect-quantity-editor-row{grid-template-columns:minmax(0,1fr);gap:7px}.defect-category-tags{grid-template-columns:repeat(2,minmax(0,1fr))}}
.inspection-guide-shell{width:min(100%,560px);margin:0 auto}.guide-content{gap:var(--space-3);display:grid;position:relative}.guide-refresh-status{z-index:10;border:1px solid var(--border-strong);background:var(--surface);min-height:32px;color:var(--text-sub);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:500;position:absolute;top:10px;right:10px}.guide-content[aria-busy=true]>:not(.guide-refresh-status){pointer-events:none}.guide-loading-card{min-height:280px}.guide-page-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.guide-page-heading h2{margin:2px 0 0;font-size:22px;font-weight:500;line-height:1.35}.guide-page-heading p,.guide-card-heading p{color:var(--text-sub);margin:3px 0 0;font-size:13px;font-weight:400}.guide-item-select{width:100%}.guide-edit-help{border:1px solid var(--border);background:var(--surface-sub);color:var(--text-sub);border-radius:12px;gap:2px;padding:12px 14px;font-size:13px;display:grid}.guide-edit-help strong{color:var(--text);font-weight:500}.guide-stage-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;grid-auto-columns:minmax(96px,1fr);grid-auto-flow:column;gap:0;display:grid;overflow-x:auto}.guide-stage-tabs::-webkit-scrollbar{display:none}.guide-stage-tabs button{min-height:48px;color:var(--text-sub);white-space:nowrap;background:0 0;border:0;padding:0 14px;font-size:14px;font-weight:400;position:relative}.guide-stage-tabs button.active{color:var(--text);font-weight:500}.guide-stage-tabs button.active:after{background:var(--text);content:"";height:2px;position:absolute;bottom:-1px;left:10px;right:10px}.guide-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;overflow:hidden}.guide-card-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:14px 16px;display:flex}.guide-card-heading h3{margin:0;font-size:18px;font-weight:500}.guide-upload-button{min-height:48px;position:relative;overflow:hidden}.guide-upload-button.disabled{opacity:.45;pointer-events:none}.guide-upload-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.guide-placement-notice{border-bottom:1px solid var(--border);background:var(--blue-bg);color:var(--blue);text-align:center;padding:10px 16px;font-size:13px;font-weight:500}.guide-photo-frame{background:var(--surface-sub);width:100%;position:relative;overflow:hidden}.guide-photo-viewport{background:var(--surface-sub);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative;overflow:hidden}.guide-photo-viewport.zoomed{cursor:grabbing}.guide-photo-viewport.placing{cursor:crosshair}.guide-photo-canvas{transform-origin:0 0;will-change:transform;width:100%;height:auto;position:relative;overflow:visible}.guide-photo-canvas>img{object-fit:contain;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.guide-photo-error{width:100%;height:100%;color:var(--text-sub);place-items:center;font-size:13px;display:grid}.guide-pin{z-index:3;box-sizing:border-box;aspect-ratio:1;color:#fff;transform-origin:50%;background:#dc2626;border:1px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;min-width:18px;max-width:18px;height:18px;min-height:18px;max-height:18px;padding:0;font-size:10px;font-weight:500;line-height:1;display:inline-flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0003}.guide-pin:after{content:"";border-radius:50%;position:absolute;inset:-13px}.guide-pin.active{z-index:4;transform:translate(-50%,-50%)scale(1.2);box-shadow:0 0 0 1px #0003,0 0 0 3px #dc26264d}.guide-pin.editable{cursor:move;touch-action:none}.guide-pin-popover{z-index:6;border:1px solid var(--border-strong);background:var(--surface);width:260px;max-width:calc(100% - 24px);color:var(--text);pointer-events:auto;touch-action:pan-y;-webkit-user-select:text;user-select:text;border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.45;position:absolute;box-shadow:0 8px 22px #1c191724}.guide-pin-popover.is-center.is-below{transform:translate(-50%,14px)}.guide-pin-popover.is-center.is-above{transform:translate(-50%,calc(-100% - 14px))}.guide-pin-popover.is-start.is-below{transform:translate(-16px,14px)}.guide-pin-popover.is-start.is-above{transform:translate(-16px,calc(-100% - 14px))}.guide-pin-popover.is-end.is-below{transform:translate(calc(16px - 100%),14px)}.guide-pin-popover.is-end.is-above{transform:translate(calc(16px - 100%),calc(-100% - 14px))}.guide-pin-popover:before{border:solid var(--border-strong);background:var(--surface);content:"";width:9px;height:9px;position:absolute;transform:rotate(45deg)}.guide-pin-popover.is-below:before{border-width:1px 0 0 1px;top:-5px}.guide-pin-popover.is-above:before{border-width:0 1px 1px 0;bottom:-5px}.guide-pin-popover.is-start:before{left:12px}.guide-pin-popover.is-center:before{left:calc(50% - 5px)}.guide-pin-popover.is-end:before{right:12px}.guide-pin-popover-title{align-items:flex-start;gap:5px;display:flex}.guide-pin-popover-title span{color:var(--red);flex:none;font-weight:500}.guide-pin-popover-title strong{font-weight:500}.guide-pin-popover ul{max-height:140px;color:var(--text-sub);gap:2px;margin:5px 0 0;padding:0;list-style:none;display:grid;overflow-y:auto}.guide-pin-popover li{padding-left:10px;position:relative}.guide-pin-popover li:before{content:"·";position:absolute;left:0}.guide-pin-popover p{color:var(--text-muted);margin:5px 0 0;font-size:12px}.guide-photo-controls,.guide-photo-navigation,.guide-photo-edit-actions{border-top:1px solid var(--border);background:var(--surface);align-items:center;gap:8px;padding:10px 12px;display:flex}.guide-photo-controls .icon-button{flex-basis:48px;width:48px;height:48px}.guide-zoom-value{min-width:48px;color:var(--text-sub);text-align:center;font-size:13px}.guide-photo-navigation{justify-content:space-between}.guide-photo-dots{justify-content:center;align-items:center;gap:7px;min-width:0;display:flex}.guide-photo-dots span{background:var(--border-strong);border-radius:50%;width:8px;height:8px;display:block}.guide-photo-dots span.active{background:var(--text)}.guide-photo-edit-actions{flex-wrap:wrap}.guide-photo-edit-actions .btn-danger,.guide-step-actions .btn-danger{border:1px solid var(--border-strong);color:var(--red);background:0 0;margin-left:auto}.guide-gesture-help{color:var(--text-muted);text-align:center;margin:0;padding:0 16px 14px;font-size:12px;font-weight:400}.guide-photo-empty,.guide-steps-empty{min-height:220px;color:var(--text-sub);text-align:center;align-content:center;place-items:center;gap:7px;padding:28px;display:grid}.guide-photo-empty strong,.guide-steps-empty strong{color:var(--text);font-weight:500}.guide-photo-empty span,.guide-steps-empty span{font-size:13px}.guide-empty-upload{margin-top:8px}.guide-upload-failures{border:1px solid var(--border);background:var(--red-bg);border-radius:12px;gap:8px;padding:12px;display:grid}.guide-upload-failures>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.guide-upload-failures span{color:var(--red);font-size:12px;display:grid}.guide-upload-failures strong{text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-weight:500;overflow:hidden}.guide-step-list{display:grid}.guide-step{border-bottom:1px solid var(--border);background:var(--surface);padding:16px;transition:background .16s,border-color .16s}.guide-step:last-child{border-bottom:0}.guide-step:not(:has(input,textarea,.guide-step-actions)){cursor:pointer}.guide-step.active{background:var(--blue-bg)}.guide-step-heading{align-items:flex-start;gap:10px;min-width:0;display:flex}.guide-step-number{border:1px solid var(--border-strong);background:var(--surface);width:24px;min-width:24px;height:24px;min-height:24px;color:var(--text);border-radius:50%;flex:0 0 24px;justify-content:center;align-items:center;padding:0;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.guide-step-title-wrap{flex:1;gap:3px;min-width:0;display:grid}.guide-step-title-wrap h4{margin:1px 0 0;font-size:15px;font-weight:500;line-height:1.45}.guide-pin-count{color:var(--text-sub);font-size:12px;font-weight:400}.guide-pin-count.missing{color:var(--text-muted)}.guide-step-link,.guide-remove-inline,.guide-reorder-handle{width:48px;min-width:48px;height:48px;min-height:48px;color:var(--text-sub);background:0 0;border:0;border-radius:8px;flex:0 0 48px;justify-content:center;align-items:center;padding:0;display:inline-flex}.guide-reorder-handle{cursor:grab;touch-action:none;margin:-10px 0 -10px -10px}.guide-reorder-handle:active{cursor:grabbing}.guide-inline-title,.guide-inline-check{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:8px}.guide-inline-title{min-height:44px;padding:8px 10px;font-size:15px;font-weight:500}.guide-check-list{gap:5px;margin:10px 0 0 34px;display:grid}.guide-check{min-width:0;color:var(--text-sub);align-items:flex-start;gap:7px;font-size:15px;font-weight:400;line-height:1.55;display:flex}.guide-check>span:last-child{overflow-wrap:anywhere;min-width:0}.guide-check-bullet{color:var(--text-sub);flex:none}.guide-check .guide-reorder-handle{margin:-8px 0 -8px -8px}.guide-inline-check{resize:vertical;min-height:44px;padding:9px 10px;font-size:15px;font-weight:400;line-height:1.45}.guide-remove-inline{color:var(--text-muted)}.guide-delete-step{width:48px;min-width:48px;height:48px;min-height:48px;color:var(--text-muted);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;margin-left:auto;padding:0;display:inline-flex}.guide-step-actions{flex-wrap:wrap;gap:8px;margin:12px 0 0 34px;display:flex}.guide-step-actions .btn,.guide-photo-edit-actions .btn,.guide-photo-controls .btn,.guide-photo-navigation .btn{min-height:48px;padding:0 12px;font-size:13px}.guide-footer{justify-content:space-between;align-items:flex-end;gap:16px;padding:2px 0;display:flex}.guide-edit-bar{grid-template-columns:minmax(96px,.35fr) minmax(0,1fr);gap:8px;width:min(100%,320px);display:grid}.guide-updated{color:var(--text-sub);gap:1px;font-size:13px;font-weight:400;display:grid}.guide-updated strong{color:var(--text);font-weight:500}.guide-updated small{color:var(--text-muted);font-size:12px}.worker-guide-section{border-top:1px solid var(--border);padding-top:8px}.records-subnav{width:min(100%,360px)}@media (max-width:520px){.guide-page-heading,.guide-footer{flex-direction:column;align-items:stretch}.guide-page-heading .btn,.guide-edit-bar{width:100%}.guide-photo-controls{display:none}.guide-photo-navigation .btn{padding:0 8px}.guide-step{padding:14px 12px}.guide-check-list,.guide-step-actions{margin-left:0}}@media (prefers-reduced-motion:reduce){.guide-photo-canvas,.guide-pin,.guide-step{transition:none}}
