@media(max-width:760px){
 .yard-map-app.yard-phone-simple .yard-map-top{top:12px!important;left:12px!important;right:12px!important}
 .yard-map-app.yard-phone-simple .yard-map-tools{left:12px!important;right:12px!important;top:76px!important;width:auto!important;display:flex!important;flex-direction:row!important;align-items:flex-start;gap:6px!important;z-index:13}
 .yard-phone-simple .yard-map-tools>button{width:44px!important;min-width:44px!important;min-height:44px!important;flex:0 0 44px}
 .yard-phone-options{margin-right:auto;position:static;min-width:0}
 .yard-phone-options>summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid #385160;border-radius:12px;background:#0d1a23f5;color:#e4f1f8;font-weight:650;cursor:pointer;list-style:none;touch-action:manipulation}
 .yard-phone-options>summary::-webkit-details-marker{display:none}
 .yard-phone-options>summary .icon{width:18px;height:18px}
 .yard-phone-option-panel{position:absolute;top:52px;left:0;right:0;max-height:calc(100dvh - 300px);overflow:auto;overscroll-behavior:contain;display:grid;gap:12px;padding:16px;background:#0d1a23fa;border:1px solid #4a6574;border-radius:16px;box-shadow:0 14px 40px #0009}
 .yard-phone-options:not([open]) .yard-phone-option-panel{display:none}
 .yard-phone-option-panel .yard-phone-layers,.yard-phone-option-panel .yard-phone-modes{display:flex;flex-wrap:wrap;gap:8px}
 .yard-phone-option-panel button{width:auto!important;min-height:44px!important;white-space:normal;font-size:14px!important;font-weight:650;line-height:1.3;padding:10px 12px!important;display:flex;align-items:center;justify-content:center;gap:8px}
 .yard-phone-option-panel button[aria-pressed=true]{background:#c9e8f8!important;color:#102a38!important}
 .yard-phone-option-panel .yard-map-manage-tools{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;width:auto!important}
 .yard-phone-option-panel button[hidden]{display:none!important}
 .yard-phone-simple.yard-searching .yard-map-tools,.yard-phone-simple .yard-map-top:focus-within~.yard-map-tools{visibility:hidden;pointer-events:none}
 .yard-phone-simple .yard-map-caption{max-width:calc(100% - 24px);padding:12px!important}
 .yard-phone-simple .yard-map-caption>strong,.yard-phone-simple .yard-map-caption>small{display:none}
 .yard-phone-simple .yard-marker.selected::before,.yard-phone-simple .yard-marker.selected::after{animation:none;inset:-6px;border-width:1px;opacity:.65;box-shadow:none}
 .yard-phone-simple .yard-marker.selected::after{display:none}
}

/* Keep transient save feedback above the selected item and its pin actions.
   Match the 86px selection / 140px pin card plus its inset and a visible gap. */
@media(max-width:760px){
 body:has(.field-map-shell .yard-mobile-strip) #toast{bottom:calc(var(--ux-nav) + 110px)!important}
 body:has(.field-map-shell .yard-mobile-strip .yard-mobile-pin-actions) #toast{bottom:calc(var(--ux-nav) + 164px)!important}
}

/* A wrapped brand must determine the header height instead of being clipped by
   the map shell's fixed flex basis. The existing shell observer sizes the map. */
@media(max-width:760px){.field-map-shell .field-top{flex:0 0 auto}}

/* Keep a useful name in the compact card without covering more of the map. */
@media(max-width:760px){
 .yard-phone-simple .yard-mobile-selection{box-sizing:border-box;height:84px;padding-top:7px!important;padding-bottom:7px!important;grid-template-columns:48px minmax(0,1fr)}
 .yard-phone-simple .yard-mobile-open{display:none}
 .yard-phone-simple .yard-mobile-selection-copy>small{line-height:10px}
 .yard-phone-simple .yard-mobile-selection-copy>strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;overflow:hidden;overflow-wrap:anywhere;line-height:18px}
 .yard-phone-simple .yard-mobile-selection-copy>span{font-size:12px;line-height:15px}
 .yard-phone-simple .yard-mobile-strip:has(>.msg-context){grid-template-columns:minmax(0,1fr) 44px 44px}
 .yard-phone-simple .yard-mobile-strip>.msg-context{grid-row:1;grid-column:2;margin:0;padding:0;align-self:center}
 .yard-phone-simple .yard-mobile-strip>.msg-context button{width:44px;min-width:44px;height:44px;padding:0;font-size:0;display:grid;place-items:center}
 .yard-phone-simple .yard-mobile-strip>.msg-context button .icon{width:20px;height:20px}
 .yard-phone-simple .yard-mobile-strip:has(>.msg-context)>.yard-mobile-clear{grid-column:3;margin-right:0}
}

/* The physical-map selector belongs with phone options, not over the search. */
.yard-map-choice{margin:0;min-width:0}
.yard-map-choice select{min-height:44px;width:100%}
@media(min-width:761px){
 .yard-map-app .yard-map-top:has(.yard-map-choice){display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:10px;align-items:end}
 .yard-map-app .yard-map-top:has(.yard-map-choice)>.yard-map-mode{margin:0}
 .yard-map-app .yard-map-top:has(.yard-map-choice)>.field-search,.yard-map-app .yard-map-top:has(.yard-map-choice)>#yard-results,.yard-map-app .yard-map-top:has(.yard-map-choice)>.yard-layers,.yard-map-app .yard-map-top:has(.yard-map-choice)>details{grid-column:1/-1}
 .yard-map-app:has(.yard-map-choice) .yard-map-tools{top:210px!important}
}
@media(max-width:760px){.yard-phone-option-panel>.yard-map-choice{display:grid;gap:6px}}

/* Loading/reconnect failures do not replace the interactive yard image. */
.yard-map-status:not([hidden]){position:absolute;top:270px;left:16px;right:130px;z-index:2;display:flex;align-items:center;gap:8px;max-width:460px;padding:9px 12px;margin-top:8px;border:1px solid #526c7c;border-radius:12px;background:#10212ef5;color:#d9e8f1;font-size:12px;pointer-events:auto}
.yard-map-status span{min-width:0;flex:1}.yard-map-status button{min-height:44px;flex-shrink:0;font-size:12px;padding:8px}
@media(max-width:760px){.yard-phone-simple .yard-map-status:not([hidden]){top:128px;left:12px;right:12px}.yard-phone-simple.yard-searching .yard-map-status,.yard-phone-simple .yard-map-top:focus-within~.yard-map-status{display:none}}