/* The three source stylesheets are copied unchanged from drone-map-manager.
   Only public-viewer wiring, accessibility and narrow-screen behavior live here. */
#mapScreen{display:flex;width:100%;height:100%}
.sidebar-content{display:flex;flex-direction:column;height:100%;min-height:0}
.sidebar-header{display:flex;align-items:center;gap:8px}
.return-link{padding:6px;min-height:40px;display:flex;align-items:center;flex:none;font:inherit;color:var(--side-muted);text-decoration:none;box-sizing:border-box}
#sidebarTitle{flex:1}
.workspace-wrapper{min-width:0}
.demo-record-count{font-size:12px;color:var(--side-muted)}
/* Same highlighted record appearance as updateCardSelectionStyles(). */
.selected-record{box-shadow:inset 0 0 0 2px #2f6bff!important;background:rgba(47,107,255,.14)!important}
.record-header{margin-bottom:0}
.name-container{cursor:default}
.sel-badge{font-size:11px;font-weight:bold;padding:3px 8px;border-radius:6px;display:inline-block;white-space:nowrap}
.past-badge{background:rgba(52,199,89,.18);color:#34c759}
.recent-badge{background:rgba(255,149,0,.18);color:#ff9500}
.demo-guidance{padding:0 16px 10px;font-size:11px;color:var(--side-muted);line-height:1.6}
.demo-guidance p{margin:5px 0}
.demo-guidance p:last-child{font-size:10px}
.btn-tools:disabled{opacity:.45;cursor:wait}
#survey-records[hidden]{display:none}
.map-status{position:absolute;z-index:1500;left:50%;top:50%;transform:translate(-50%,-50%);max-width:80%;margin:0;padding:14px 18px;border-radius:8px;background:#fff;color:#29303a;text-align:center;font-size:13px;box-shadow:0 3px 20px #0003}
.background-status{position:absolute;left:45px;right:60px;bottom:30px;z-index:1500;padding:10px 12px;border-radius:7px;background:#fff3d8;color:#644414;font-size:11px;line-height:1.6;box-shadow:0 2px 10px #0002}
.background-status button{font:inherit;margin-left:8px;padding:4px 8px;border:1px solid #d7b773;border-radius:5px;background:#fff;color:#644414;cursor:pointer}
.map-status[hidden],.background-status[hidden]{display:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.leaflet-sbs-range:focus-visible{outline:2px solid #2f6bff!important;outline-offset:12px}
.leaflet-sbs-range{touch-action:none}
@media(max-width:720px){
  .sidebar{position:absolute;top:0;left:0;bottom:0;height:100%;box-shadow:4px 0 14px #0002}
  .sidebar.collapsed .sidebar-content{visibility:hidden}
  .viewer-label{font-size:11px;padding:8px 10px;max-width:calc(50% - 40px);box-sizing:border-box}
  #labelPastInfo{left:14px}#labelRecentInfo{right:14px}
}