.vwh{--vwh-accent:#0d9488;font-family:'Inter',-apple-system,Segoe UI,Roboto,Arial,sans-serif;
display:inline-block;min-width:280px;max-width:100%;width:360px;background:#fff;border:1px solid #e6ebf2;
border-radius:16px;padding:20px 22px;box-shadow:0 8px 24px rgba(16,24,40,.06);color:#0f172a}
@media(max-width:340px){.vwh{min-width:0}}
.vwh-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.vwh-title{font-size:17px;font-weight:700}
.vwh-status{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;
padding:5px 11px;border-radius:999px}
.vwh-status--open{color:#15803d;background:#dcfce7}
.vwh-status--closed{color:#b91c1c;background:#fee2e2}
.vwh-status--pending{visibility:hidden}
.vwh-dot{width:8px;height:8px;border-radius:50%;background:currentColor}
.vwh-status--open .vwh-dot{box-shadow:0 0 0 3px rgba(34,197,94,.2)}
.vwh-list{list-style:none;margin:0;padding:0}
.vwh-row{display:flex;justify-content:space-between;gap:14px;padding:7px 0;border-top:1px solid #f1f5f9;font-size:14px}
.vwh-row:first-child{border-top:none}
.vwh-row--today{font-weight:700}
.vwh-row--today .vwh-day{color:var(--vwh-accent)}
.vwh-day{color:#475569}
.vwh-time{color:#0f172a;font-variant-numeric:tabular-nums}
.vwh-time--off{color:#94a3b8}
.vwh-cb{margin-top:14px;padding-top:13px;border-top:1px solid #f1f5f9;font-size:13px;color:#64748b;line-height:1.5}