.ship-detail-panel[data-v-1071d8f4]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:380px;background:rgba(0,32,96,.85);backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.3);border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,.4);z-index:2000;overflow:hidden;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;transition:all .3s;max-height:80vh}.ship-detail-panel[data-v-1071d8f4]:hover{background:rgba(0,64,128,.85);border-color:hsla(0,0%,100%,.4)}.ship-detail-panel .ship-detail-header[data-v-1071d8f4]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:12px 15px;border-bottom:1px solid hsla(0,0%,100%,.1);background:rgba(0,0,0,.2)}.ship-detail-panel .ship-detail-header .ship-id[data-v-1071d8f4]{-ms-flex-positive:1;flex-grow:1;font-size:18px;font-weight:500}.ship-detail-panel .ship-detail-header .ship-status[data-v-1071d8f4]{margin-right:15px;padding:4px 8px;background:rgba(255,0,0,.3);border-radius:4px;font-size:14px}.ship-detail-panel .ship-detail-header .ship-status.online[data-v-1071d8f4]{background:rgba(82,196,26,.3)}.ship-detail-panel .ship-detail-header .close-btn[data-v-1071d8f4]{cursor:pointer;font-size:18px;color:hsla(0,0%,100%,.8);transition:color .2s}.ship-detail-panel .ship-detail-header .close-btn[data-v-1071d8f4]:hover{color:#fff}.ship-detail-panel .ship-detail-content[data-v-1071d8f4]{padding:15px;overflow-y:auto;max-height:500px}.ship-detail-panel .ship-detail-content .detail-row[data-v-1071d8f4]{display:-ms-flexbox;display:flex;margin-bottom:12px;font-size:14px;line-height:1.5}.ship-detail-panel .ship-detail-content .detail-row .detail-label[data-v-1071d8f4]{width:100px;color:hsla(0,0%,100%,.8);-ms-flex-negative:0;flex-shrink:0}.ship-detail-panel .ship-detail-content .detail-row .detail-value[data-v-1071d8f4]{-ms-flex-positive:1;flex-grow:1;color:#fff}