.yacht-tracking-map-container{width:100%;background:#f8fafc;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.map-controls{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem;background:#fff;border-radius:4px;box-shadow:0 1px 2px #0000000d}.map-controls label{font-weight:600;color:#374151;margin:0}.map-controls select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:4px;background:#fff;color:#374151;font-size:14px;cursor:pointer;transition:border-color .2s}.map-controls select:hover{border-color:#3b82f6}.map-controls select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.map-wrapper{position:relative;width:100%;height:600px;border-radius:4px;overflow:hidden}.map-canvas{width:100%;height:100%}.map-loading,.map-error,.map-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:1rem 1.5rem;background:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:4px;box-shadow:0 2px 6px #00000026;font-size:14px;color:#374151;z-index:1000}.map-error{color:#dc2626;border-left:4px solid #dc2626}.map-empty{color:#6b7280}.map-info{display:flex;gap:2rem;margin-top:1rem;padding:.75rem;background:#fff;border-radius:4px;box-shadow:0 1px 2px #0000000d}.info-item{font-size:14px;color:#374151}.info-item strong{color:#1f2937;margin-right:.25rem}@media(max-width:768px){.yacht-tracking-map-container{padding:.5rem 0;background:none;box-shadow:none;border-radius:0}.yacht-tracking-map-container h2{font-size:1.25rem;padding:0 .5rem}.map-controls{margin:0 0 .75rem;border-radius:0}.map-wrapper{height:300px;border-radius:0}.map-info{flex-direction:column;gap:.5rem;border-radius:0}}@media(min-width:769px)and (max-width:1024px){.map-wrapper{height:500px}}