:root{ --bg:#0d1a20; --panel:#0d1a20; --rail:#27383a; --grid:#173239; --text:#e9f2f3; --muted:#9db7bd; --dot:#05c024; }
.vms-wrap{font-family:Arial,system-ui;background:var(--bg);color:var(--text);border:1px solid var(--rail);padding:clamp(12px,2vw,20px)}
.vms-title{font-weight:700;margin:0 0 8px 0}
.vms-hours{display:grid;grid-template-columns:minmax(140px,18%) 1fr;align-items:end;margin-bottom:6px}
.vms-hours .label-col{color:var(--muted);font-size:clamp(12px,1.6vw,14px)}
.vms-hours .ruler{position:relative;height:28px}
.vms-hour-label{position:absolute;bottom:0;transform:translateX(-50%);font-size:clamp(12px,1.6vw,14px);color:#cfe5e8}
.vms-grid{display:grid;row-gap:8px}
.vms-row{display:grid;grid-template-columns:minmax(140px,18%) 1fr;align-items:center;border-bottom:1px solid #27383a;padding:6px 0}
.vms-row .label{color:var(--muted);padding-right:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vms-row .body{position:relative;min-height:34px;background:linear-gradient(to right, rgba(255,255,255,0.06) 1px, transparent 1px) 0 0 / var(--colw,80px) 100%}
.vms-dot{--color:var(--dot);--size:clamp(14px,1.2vw,18px);position:absolute;top:8px;left:0;transform:translateX(-50%);width:var(--size);height:var(--size);border-radius:50%;background:var(--color);box-shadow:0 0 0 1px rgba(255,255,255,.15) inset;text-decoration:none;outline:0}
.vms-dot .ring{position:absolute;inset:-4px;border:2px solid rgba(255,255,255,.25);border-radius:50%}
.vms-tooltip{position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:#0f2b33;border:1px solid var(--rail);padding:6px 8px;border-radius:0;color:#e9f2f3;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s;font-size:clamp(11px,1.4vw,13px)}
.vms-dot:hover .vms-tooltip,.vms-dot:focus .vms-tooltip{opacity:1}
@media (max-width:640px){ .vms-hours,.vms-row{grid-template-columns:110px 1fr} .vms-tooltip{display:none} }
/* Drawer */
.bst-drawer{position:fixed;inset:0;z-index:9999;pointer-events:none}
.bst-drawer__scrim{position:absolute;inset:0;background:rgba(0,0,0,.0);transition:background .18s}
.bst-drawer__panel{position:absolute;top:0;right:0;height:100%;width:min(92vw,720px);background:var(--panel);border-left:1px solid var(--rail);transform:translateX(100%);transition:transform .22s ease-out}
.bst-drawer.is-open{pointer-events:auto}
.bst-drawer.is-open .bst-drawer__scrim{background:rgba(0,0,0,.55)}
.bst-drawer.is-open .bst-drawer__panel{transform:translateX(0)}
.bst-head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #27383a}
.bst-btn{background:#27383a;color:#e9f2f3;border:0;cursor:pointer;padding:8px 10px;font-size:clamp(14px,1.6vw,16px)}
.bst-btn--close{margin-left:auto}
.bst-title{margin:8px 12px 4px 12px;font-weight:700}
.bst-desc{margin:0 12px 12px 12px;color:#b7c9cc}
.bst-player-mock{margin:0 12px 12px 12px; aspect-ratio:16/9; display:grid; place-items:center; border:1px dashed #4d5c61; background:#0f2b33; color:#b7c9cc;}