/* Voidral Easy Mode — visual hierarchy without losing advanced tools. */
:root{--vr-simple-bg:#092e3b;--vr-simple-border:#316e7b;--vr-simple-accent:#23dce6;--vr-simple-soft:#b9d6dc}
html body#voidral-app .vr-easy-start{
 border:1px solid #387d89!important;
 border-radius:14px!important;
 background:linear-gradient(135deg,#103d49,#0a2937)!important;
 padding:14px!important;
 margin:0 0 15px!important;
 box-shadow:none!important;
}
html body#voidral-app .vr-easy-start h3{
 margin:0 0 4px!important;
 font:750 16px/1.3 system-ui!important;color:#f2fdff!important;
}
html body#voidral-app .vr-easy-start p{
 margin:0 0 10px!important;
 color:#bbd8df!important;font:400 12px/1.4 system-ui!important;
}
html body#voidral-app .vr-easy-grid{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;
}
html body#voidral-app .vr-easy-action{
 display:flex!important;align-items:center!important;justify-content:flex-start!important;
 text-align:left!important;padding:9px 10px!important;
 min-width:0!important;width:100%!important;min-height:47px!important;height:auto!important;
 background:#123e4b!important;border:1px solid #4a8e99!important;
 border-radius:10px!important;
 color:#e8f9fb!important;-webkit-text-fill-color:#e8f9fb!important;
 font:700 12px/1.2 system-ui!important;white-space:normal!important;
 box-shadow:none!important;clip-path:none!important;
 touch-action:manipulation!important;
}
html body#voidral-app .vr-easy-action:focus-visible{
 outline:2px solid #37eeef!important;outline-offset:2px!important;
}
html body#voidral-app .vr-easy-start .vr-easy-tip{
 margin:10px 0 0!important;font-size:11px!important;
}
html body#voidral-app .vr-easy-subheading{
 color:#7bdde3!important;letter-spacing:.07em!important;
 font:750 11px/1.35 system-ui!important;text-transform:uppercase!important;
 padding:0 2px 7px!important;margin-top:4px!important;
}
html body#voidral-app #simple-map-tools .vd-tools-category{
 margin:0 0 7px!important;scroll-margin-top:15px!important;
}
html body#voidral-app #simple-map-tools .vd-tools-category > button{
 min-height:50px!important;border-radius:11px!important;
 padding:9px 11px!important;box-shadow:none!important;
}
html body#voidral-app #simple-map-tools .vd-tools-search p{
 font-size:12px!important;line-height:1.35!important;margin:3px 0 10px!important;
}
html body#voidral-app .vr-easy-intro{
 font:400 12px/1.45 system-ui!important;color:#bdd8df!important;
 margin:0 0 12px!important;
}
html body#voidral-app #account-dialog .account-tabs{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;
}
html body#voidral-app #account-dialog .account-tabs button{
 font-size:11px!important;min-height:44px!important;padding:8px 5px!important;
 white-space:normal!important;border-radius:10px!important;
}
html body#voidral-app #account-pane-map label.toggle{
 min-height:56px!important;padding:11px 12px!important;
 display:flex!important;align-items:center!important;gap:10px!important;
 border-radius:11px!important;
 color:#eaf8fa!important;-webkit-text-fill-color:#eaf8fa!important;
 font:550 12px/1.4 system-ui!important;
 background:#103744!important;border:1px solid #3b7581!important;
 box-shadow:none!important;
}
html body#voidral-app #account-pane-map label.toggle input{
 flex:0 0 auto!important;margin:0!important;
}
html body#voidral-app #account-dialog .vr-easy-data-toggle{
 width:100%!important;text-align:left!important;
 min-height:47px!important;padding:11px 12px!important;margin:8px 0!important;
 background:#103844!important;border:1px solid #3f7784!important;
 color:#e1f7fa!important;-webkit-text-fill-color:#e1f7fa!important;
 border-radius:10px!important;font:700 12px/1.3 system-ui!important;
}
html body#voidral-app #account-pane-map .account-extra-section{
 min-width:0!important;overflow-x:hidden!important;
}
html body#voidral-app #map-side-panel .panel-tabs{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:6px!important;padding:5px!important;min-width:0!important;
}
html body#voidral-app #map-side-panel .panel-tabs [data-panel]{
 min-height:42px!important;max-height:44px!important;height:auto!important;
 border-radius:9px!important;line-height:1.15!important;
 padding:7px 5px!important;margin:0!important;font-size:12px!important;
}
html body#voidral-app #map-side-panel .vr-trip-action-row{
 display:grid!important;grid-template-columns:1.1fr 1fr!important;gap:7px!important;
}
html body#voidral-app #map-side-panel .vr-trip-action-row button{
 font-size:12px!important;min-height:44px!important;
 border-radius:10px!important;padding:7px!important;
}
html body#voidral-app #map-side-panel .vr-sheet-gaia{
 width:100%!important;min-height:40px!important;margin:7px 0!important;
 padding:8px 10px!important;font-size:12px!important;
 background:transparent!important;
 border:1px solid #386e7c!important;border-radius:10px!important;
}
html body#voidral-app #map-side-panel .nearby .section-heading>span{
 display:none!important;
}
html body#voidral-app #map-side-panel .nearby .place-filters{
 display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:6px!important;
 scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;
 padding:5px 0 9px!important;
}
html body#voidral-app #map-side-panel .nearby .place-filters button{
 flex:0 0 auto!important;min-height:37px!important;padding:7px 11px!important;
 border-radius:9px!important;white-space:nowrap!important;font-size:11px!important;
}
html body#voidral-app #map-side-panel .vr-easy-more{
 margin:8px 0 10px!important;border:1px solid #37737e!important;
 background:transparent!important;border-radius:10px!important;padding:0!important;
}
html body#voidral-app #map-side-panel .vr-easy-more>summary{
 padding:10px 12px!important;min-height:40px!important;
 color:#a8eff0!important;-webkit-text-fill-color:#a8eff0!important;
 font:700 12px/1.35 system-ui!important;list-style:revert!important;
 cursor:pointer!important;
}
html body#voidral-app #map-side-panel .vr-easy-extra-content{
 display:flex!important;flex-direction:column!important;gap:7px!important;
 padding:4px 10px 10px!important;
}
html body#voidral-app #map-side-panel .vr-easy-extra-content>button,
html body#voidral-app #map-side-panel .vr-easy-extra-content>label{
 width:100%!important;min-width:0!important;max-width:100%!important;
 height:auto!important;min-height:40px!important;
 margin:0!important;border-radius:9px!important;font-size:12px!important;
}
html body#voidral-app #location-side-panel .vr-easy-category-hint{
 flex:0 0 auto!important;margin:2px 0 4px!important;padding:0!important;
 color:#a8d9de!important;-webkit-text-fill-color:#a8d9de!important;
 font:600 10px/1.3 system-ui!important;
}
html body#voidral-app #lounge.social-lounge .social-welcome{
 padding:10px 11px!important;min-height:0!important;
}
html body#voidral-app #lounge.social-lounge .social-welcome h3{
 font:750 15px/1.25 system-ui!important;
}
html body#voidral-app #lounge.social-lounge .social-welcome p{
 font:400 11px/1.35 system-ui!important;margin:4px 0 0!important;
}
html body#voidral-app #lounge.social-lounge .social-story-prompts{
 gap:6px!important;
}
html body#voidral-app #lounge.social-lounge .social-story-prompts button{
 min-height:42px!important;white-space:normal!important;font-size:11px!important;
}
@media(max-width:760px){
 html body#voidral-app #map-side-panel .vr-sheet-heading,
 html body#voidral-app #account-dialog .account-head{
  scroll-margin-top:0;
 }
}

/* The quick start panel scrolls with the tools and never becomes a sticky overlay. */
html:root body#voidral-app#voidral-app #simple-map-tools .vd-tools-search{
 position:static!important;
 top:auto!important;
 z-index:auto!important;
}
html:root body#voidral-app #simple-map-tools .vr-easy-start[hidden],
html:root body#voidral-app #simple-map-tools .vr-easy-subheading[hidden]{
 display:none!important;
}

/* Keep app panels easy to scroll without re-enabling hidden older boxes. */
html:root body#voidral-app #simple-map-tools .vr-easy-start{
 scroll-margin-top:10px!important;
}
html:root body#voidral-app #map-side-panel .vr-easy-more[open]>summary{
 border-bottom:1px solid #326775!important;
}
html:root body#voidral-app #account-dialog .vr-easy-data-toggle:focus-visible,
html:root body#voidral-app #simple-map-tools .vr-easy-action:focus-visible{
 outline:2px solid #55f4f1!important;outline-offset:2px!important;
}

html:root body#voidral-app #map-side-panel .nearby #load-places{
 background:linear-gradient(135deg,#20d9e5,#16bfcd)!important;
 color:#052d37!important;-webkit-text-fill-color:#052d37!important;
 border:1px solid #6bf0f1!important;
 font-weight:750!important;
 box-shadow:none!important;
 min-height:45px!important;border-radius:10px!important;
}
html:root body#voidral-app #account-dialog .vr-easy-business{
 margin:9px 0 10px!important;
 background:#0c3340!important;
 border:1px solid #397583!important;border-radius:10px!important;
 padding:0!important;
}
html:root body#voidral-app #account-dialog .vr-easy-business>summary{
 display:list-item!important;min-height:42px!important;
 margin:0!important;padding:12px!important;
 font:700 12px/1.4 system-ui!important;
 color:#9de5e9!important;-webkit-text-fill-color:#9de5e9!important;
}
html:root body#voidral-app #account-dialog .vr-easy-business .business-account-link{
 display:block!important;width:auto!important;
 margin:0 9px 9px!important;padding:10px!important;
 font-size:12px!important;min-height:40px!important;
 border:1px solid #36717c!important;border-radius:9px!important;
}
