.hkw-vcharts-layout .hkw-panel{background:linear-gradient(160deg,#fff 55%,#f6faff);border:1px solid #dfebfa;box-shadow:0 12px 28px rgba(22,77,141,.12);overflow:hidden}
.hkw-vcharts-layout .hkw-panel h2{font-size:clamp(17px,1.3vw,20px);color:#083a77}
.hkw-vcharts-layout .hkw-panel-caption{margin-bottom:20px;color:#53708d;font-weight:600}
.hkw-vchart{display:flex;align-items:flex-end;gap:clamp(6px,1.1vw,17px);width:100%;min-height:260px;padding:12px 5px 7px;border-bottom:2px solid #cbdcf1;overflow-x:auto;scrollbar-width:thin}
.hkw-vcol{flex:1 0 45px;min-width:45px;max-width:135px;height:242px;display:flex;flex-direction:column;align-items:stretch;text-align:center;gap:5px}
.hkw-vval{height:30px;flex:none;color:#17416d;font-weight:800;font-size:clamp(10px,1vw,13px);white-space:nowrap}
.hkw-vaxis{height:160px;flex:none;display:flex;align-items:flex-end;justify-content:center;border-radius:7px;background:linear-gradient(0deg,#e9f2ff,#fff 82%)}
.hkw-vbar{width:min(100%,54px);height:var(--bar-h);min-height:4px;border-radius:9px 9px 2px 2px;background:linear-gradient(155deg,var(--c-light),var(--c-dark));box-shadow:inset 2px 0 5px #ffffff70,0 5px 10px #18477833;transform-origin:bottom;animation:hkwBarRise .8s ease-out both;position:relative}
.hkw-vbar:after{content:"";position:absolute;inset:2px auto 2px 18%;width:15%;border-radius:20px;background:linear-gradient(#ffffff70,#ffffff00)}
.hkw-vbar:hover{filter:brightness(1.1) saturate(1.15)}
.hkw-vcolor-0{--c-light:#5fbbff;--c-dark:#1877f2}.hkw-vcolor-1{--c-light:#fb8cb3;--c-dark:#f0337b}.hkw-vcolor-2{--c-light:#83e1b8;--c-dark:#13a879}.hkw-vcolor-3{--c-light:#ffcf79;--c-dark:#ec8622}.hkw-vcolor-4{--c-light:#b89bfd;--c-dark:#7755d7}.hkw-vcolor-5{--c-light:#6de0ea;--c-dark:#0a9cad}.hkw-vcolor-6{--c-light:#ffc386;--c-dark:#e75b3b}.hkw-vcolor-7{--c-light:#a1c4ff;--c-dark:#3758d2}
.hkw-vname{color:#334c6e;font-size:11px;line-height:1.2;overflow-wrap:anywhere;min-height:30px}
.hkw-room-details{margin-top:16px;border-radius:12px;border:1px solid #dce9f9;background:#f4f9ff;padding:12px;color:#1a4b7c}.hkw-room-details summary{font-weight:700;cursor:pointer}.hkw-room-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.hkw-room-list>div{display:flex;justify-content:space-between;gap:7px;background:white;padding:8px;border-radius:8px;font-size:12px}
.hkw-room-note{font-size:12px;color:#637c99;margin:15px 0 0;line-height:1.6}
@keyframes hkwBarRise{from{transform:scaleY(.03);opacity:.3}to{transform:scaleY(1);opacity:1}}
@media(min-width:950px){.hkw-vcharts-layout{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.hkw-vchart{gap:8px}.hkw-vcol{flex-basis:49px}.hkw-vval{font-size:10px}.hkw-room-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.hkw-vbar{animation:none}}
@media print{.hkw-vbar{animation:none;print-color-adjust:exact;-webkit-print-color-adjust:exact}}