.vp-shell{max-width:600px;margin:auto;padding:calc(20px + env(safe-area-inset-top,0px)) max(18px,env(safe-area-inset-right,0px)) calc(90px + env(safe-area-inset-bottom,0px)) max(18px,env(safe-area-inset-left,0px))}.vp-shell h1{font-size:1.8rem;margin:18px 0 10px}.vp-shell p{line-height:1.5}.vp-shell label{display:block;font-weight:650;margin:14px 0 6px}.vp-shell input,.vp-shell select{width:100%;min-height:48px;font:inherit;padding:10px;border:1px solid #9aa9bb;border-radius:10px;background:white;color:#0a1e3d}.vp-shell button{min-height:48px;width:100%;font:inherit;margin-top:12px}.vp-card,.vp-location{border:1px solid #dbe4ee;background:white;padding:18px;border-radius:15px;margin:16px 0}.vp-card summary{min-height:44px;font-weight:700;cursor:pointer}.vp-note{font-size:.85rem;color:#52657b}.vp-back{display:inline-flex;align-items:center;min-height:44px}.vp-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:20px;background:#0a1e3d;padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));z-index:50}.vp-nav a{color:white;min-height:44px;display:flex;align-items:center;font-weight:650}.vp-nav [aria-current]{text-decoration:underline;text-underline-offset:6px}.vp-map{height:360px;min-height:250px;border-radius:15px}.vp-picker-small label{display:block;margin:10px 0 5px}.vp-picker-small select,.vp-picker-small input{width:100%;min-height:46px;font:inherit;padding:10px;border:1px solid #9aa9bb;border-radius:8px;background:white}.vp-picker-small summary{min-height:44px;cursor:pointer;display:flex;align-items:center;font-weight:700}.vp-picker-small{margin:12px 0}.vp-copy-same{display:flex!important;gap:10px;align-items:center}.vp-copy-same input{width:22px!important;min-height:22px!important}.vp-inline-message{font-size:.86rem;line-height:1.4;color:#52657b}

.vp-sections { border:1px solid var(--border-color,#d8e1ed); border-radius:12px; padding:16px; margin:20px 0; min-width:0; }
.vp-sections legend { font-weight:700; padding:0 6px; }
.vp-section-actions { display:flex; flex-wrap:wrap; gap:8px; }
.vp-section-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:10px; margin-top:12px; }
.vp-section { display:flex!important; align-items:center; gap:12px; padding:12px; border:1px solid #d8e1ed; border-radius:10px; min-height:64px; cursor:pointer; }
.vp-section input { width:22px!important; height:22px; flex:0 0 22px; }
.vp-section small { display:block; font-size:.85rem; font-weight:400; margin-top:4px; }
.vp-section-occupied { background:#edf1f7; cursor:default; color:#45546b; }
.vp-sections[hidden] { display:none; }
.vp-location > button { margin:4px; }
@media(max-width:480px) { .vp-section-list { grid-template-columns:1fr; } .vp-section-actions .btn { width:100%; } }