.volna-visual{position:relative;max-width:880px;width:90%;margin:auto;padding:35px 10px 20px;perspective:1000px;pointer-events:none}.volna-visual.interactive{pointer-events:auto}.volna-screens{display:flex;gap:18px;justify-content:center;transform:rotateX(-4deg)}.volna-screen{width:46%;aspect-ratio:1.72;background:linear-gradient(135deg,#163a4c,#061824);border:10px solid #263a48;border-bottom-width:18px;border-radius:10px;box-shadow:0 12px 0 #0a1721,0 25px 35px #0005;color:#88c8d8;padding:15px;text-align:left;position:relative}.volna-screen:first-child{transform:rotateY(9deg)}.volna-screen:last-child{transform:rotateY(-9deg)}.volna-screen>span{font-size:11px;letter-spacing:.12em}.volna-screen b{display:block;font-size:24px;margin-top:12px;letter-spacing:.08em}.volna-screen small{font-size:10px;color:#8ba6b5}.screen-grid{height:40%;display:flex;gap:9px;padding:13px 0 3px}.screen-grid i{display:block;flex:1;background:linear-gradient(0deg,#4bc8bc55,transparent);border-bottom:2px solid #65cfbf;clip-path:polygon(0 100%,0 70%,20% 60%,35% 76%,60% 20%,80% 43%,100% 0,100% 100%)}.screen-grid i:nth-child(2){border-color:#6c97e9;background:#547cb433}.volna-console{margin:38px auto 0;width:90%;height:200px;position:relative;border:1px solid #526576;border-radius:18px 18px 25px 25px;background:linear-gradient(155deg,#405568,#1c3040 50%,#132531);box-shadow:0 15px 0 #0b1b29,0 25px 35px #0004;transform:rotateX(12deg)}.volna-core{text-align:center;padding:28px 0;color:#9eb9ca}.volna-core span{font-size:9px;letter-spacing:.16em}.volna-core strong{display:block;font-size:36px;letter-spacing:.22em;color:#d6e6ef}.volna-core small{font-size:10px}.volna-stick{position:absolute;top:33px;width:65px;height:65px;border-radius:50%;background:radial-gradient(#192c3a,#0b1723);border:3px solid #657582}.volna-stick.left{left:9%}.volna-stick.right{right:9%}.volna-stick i{display:block;width:25px;height:47px;background:linear-gradient(90deg,#1d2730,#5c6d79,#192732);border-radius:12px;margin:-15px auto 0;box-shadow:0 3px 3px #0008}.volna-modules{display:flex;gap:10px;justify-content:center;margin-top:2px}.volna-modules button{background:#0c1e2d;border:1px solid #4d7286;border-radius:5px;min-width:52px;padding:8px;color:#c3d9e9;font-size:11px}.volna-modules i{display:inline-block;width:5px;height:5px;background:#72d2b4;border-radius:50%;margin-right:6px}.interactive button:hover,.interactive button:focus-visible{border-color:#71d4ea;outline:2px solid #71d4ea}.volna-overview{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:16px}.volna-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:15px}.volna-detail{overflow:auto;margin:0}.volna-detail .v-metrics{grid-template-columns:repeat(2,1fr)}.volna-detail .v-metric strong{font-size:23px}#volna-content{flex:1;min-height:0;overflow:auto}.volna-page .v-stage-panel{min-height:600px}.volna-summary .v-metric{background:#122d3e}.volna-summary strong{font-size:27px}.equipment-dialog{background:#142a3c;border:1px solid #47677d;border-radius:14px;color:#e6f2fa;max-width:600px;width:90vw;padding:26px;box-shadow:0 20px 100px #0009}.equipment-dialog::backdrop{background:#020b14bb;backdrop-filter:blur(4px)}.equipment-dialog h2{font-size:24px}.equipment-dialog label,#volna-content label{display:block;font-size:13px;color:#acc9da;margin:15px 0}.equipment-dialog input,#volna-content input,#volna-content select{display:block;width:100%;padding:12px;background:#0c2032;color:#eaf7ff;border:1px solid #496b82;border-radius:6px;margin-top:7px;min-height:44px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.action-error{color:#ffb493}.access-danger{border:1px solid #785b4a;background:#322d2c;padding:18px;margin-top:32px;border-radius:9px}.access-danger>span{font-size:10px;letter-spacing:.1em;color:#d7ac8d}.v-button.danger{background:#78452f;border-color:#b9825e;color:#fff1e5}.command-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:12px;border-bottom:1px solid #355064}.command-row small{grid-column:1/-1;color:#9bb8ca}.object-filter{display:flex;gap:5px;padding:10px;flex-wrap:wrap}.object-filter button{background:#162f43;border:1px solid #365367;border-radius:5px;padding:7px;color:#b9d1df;font-size:12px}.object-filter .active{background:#24566d;color:#effbff;border-color:#72c7da}.volna-mini{font-size:34px;color:#7ccedd;display:flex;align-items:center;justify-content:center;width:110px;height:60px;background:linear-gradient(140deg,#244457,#122637);border:1px solid #43697d;border-radius:8px;letter-spacing:-12px;padding-right:10px}.selected-volna-visual{height:220px;overflow:hidden}.selected-volna-visual .volna-visual{width:400px;max-width:100%;padding-top:10px;transform:scale(.75);transform-origin:top center}.selected-volna-visual .volna-console{height:150px;margin-top:20px}.selected-volna-visual .volna-screen{border-width:6px;padding:8px}.selected-volna-visual .volna-core strong{font-size:23px}.selected-volna-visual .volna-screen b{font-size:14px}.selected-volna-visual .volna-modules{display:none}.selected-volna-visual .volna-core span{font-size:7px}.map-marker.volna .pin{border-radius:8px;transform:rotate(45deg);border-color:#acaff3;background:#292f56}.map-marker.volna .pin svg{transform:rotate(-45deg)!important}.kpi{cursor:pointer}.v-stats-dialog button{margin-top:15px}.object-filter+ .fleet-list .vehicle-card{min-height:178px}.volna-page .v-switch{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
@media(max-width:1400px){.volna-overview{grid-template-columns:minmax(0,1fr) 330px}.volna-visual{width:97%;padding-top:30px}.volna-screen b{font-size:16px}.volna-console{height:175px}.volna-core strong{font-size:27px}.volna-stick{width:50px;height:50px}.volna-modules{gap:5px}.volna-modules button{min-width:38px;padding:7px;font-size:9px}.volna-summary .v-metric strong{font-size:20px}.volna-summary .v-metric{padding:9px}}
@media(max-width:900px){.volna-overview{grid-template-columns:1fr;height:auto}.volna-detail{overflow:visible}.volna-summary{grid-template-columns:repeat(2,1fr)}}

/* Approved suitcase concept, identical asset in list and detail */
.volna-case-thumb{width:110px;height:58px;object-fit:contain;border-radius:6px;flex-shrink:0;background:#b9b9b9}.volna-product{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;gap:9px;padding:16px}.volna-product-image{width:100%;height:100%;flex:1;min-height:0;display:block;border-radius:10px;overflow:hidden}.volna-image-hotspot{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border:3px solid #ceefff;border-radius:50%;background:#143e52e8;padding:0;box-shadow:0 2px 10px #0008;cursor:pointer}.volna-image-hotspot span{width:14px;height:14px;border-radius:50%;background:#83e7ff}.volna-image-hotspot:hover,.volna-image-hotspot:focus-visible{background:#207a94;outline:3px solid #fff}.volna-case-modules{display:flex;justify-content:center;gap:6px;align-items:center;flex-wrap:wrap;flex-shrink:0}.volna-case-modules>span{font-size:11px;color:#a3bdcc;margin-right:8px}.volna-case-modules button{font-size:12px;min-height:36px;padding:6px 10px}.volna-case-caption{font-size:11px;color:#9cb9cd;text-align:center;flex-shrink:0}.selected-volna-visual .volna-product{height:100%;padding:8px 16px}.selected-volna-visual .volna-product-image{height:100%;width:100%}.selected-volna-visual{height:220px;flex-shrink:0}
@media(min-width:2200px){.volna-case-thumb{width:140px;height:80px}}
@media(max-width:1400px){.volna-product{padding:10px;gap:6px}.volna-case-modules{gap:4px}.volna-case-modules button{padding:5px 7px;font-size:11px}.volna-case-thumb{width:100px;height:54px}}

.volna-screen-controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;flex-shrink:0}.volna-screen-controls span{font-size:12px;color:#efc17c}.volna-screen-controls button{min-height:38px;padding:7px 12px}.volna-screen-controls [aria-pressed=true]{border-color:#71d7e6;background:#16465b}.screen-road{animation:screen-road 2s linear infinite}@keyframes screen-road{to{stroke-dashoffset:-66}}@media(prefers-reduced-motion:reduce){.screen-road{animation:none}}

@media(max-width:1400px){.volna-detail .v-metric strong{font-size:18px}}

/* Physical diagnostic view: no actuator controls. */
.physical-page .v-top{display:flex;align-items:center;gap:24px;justify-content:space-between;margin-bottom:16px}.physical-page .v-top h1{font-size:27px;margin:0 0 8px}.physical-page .v-two{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.physical-page .volna-product-image{max-height:42vh;width:100%}.physical-page .v-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.physical-page .v-metric strong{font-size:24px;overflow-wrap:normal;word-break:normal}.physical-page .v-tag{font-size:11px}.physical-page .v-card{padding:20px}.physical-page .v-provenance{line-height:1.6}.physical-page .v-top>span{white-space:nowrap}@media(max-width:1400px){.physical-page .v-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.physical-page .v-top{gap:12px;flex-wrap:wrap}.physical-page .v-top h1{font-size:23px}}@media(max-width:900px){.physical-page .v-two{grid-template-columns:1fr}}