/* Wrappers preserve the real controls' spacing and anchor outline + number together. */
#guide-manage .guide-field-wrapper{position:relative;display:block;margin-top:8px;border-radius:10px}
#guide-manage .guide-field-wrapper>input,#guide-manage .guide-field-wrapper>select{margin-top:0}
#guide-manage .guide-button-wrapper{display:inline-block;margin-top:0;border-radius:12px}
#guide-manage .guide-field-wrapper:has(>.guide-active){outline:1.5px solid #175cba;outline-offset:3px}
#guide-manage .guide-active{outline:none}
#guide-number{position:absolute;top:-10px;right:-10px;z-index:20;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#175cba;color:white;font:600 12px system-ui;pointer-events:none}

#guide-manage #reorder-list li{position:relative}

/* Dormant on normal pages unless a guide control is active. */
.guide-follow-active{position:relative;outline:1.5px solid #175cba!important;outline-offset:3px}
.guide-follow-number{position:absolute;top:-10px;right:-10px;z-index:20;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#175cba;color:white;font:600 12px system-ui;pointer-events:none}
.guide-stock-wrapper{position:relative;display:block;min-width:0}
.quantity-controls .guide-stock-wrapper>button{width:100%}

#home-grid .visual-tile>.guide-follow-number{top:auto;bottom:0;left:-6px;right:auto}

.maintenance .guide-finish-field{position:relative;display:block;margin-top:8px}
.maintenance .guide-finish-field>select{margin-top:0}

.maintenance .support-link .guide-support-label{position:absolute;top:100%;right:0;color:#175cba;background:#fff;font:600 12px/1.4 system-ui;white-space:nowrap;pointer-events:none}