.vacation-counter { display:flex;align-items:center;gap:9px;flex-shrink:0;padding:6px 10px;min-height:28px;border:1px solid #dfebe3;border-radius:17px;background:#fff;white-space:nowrap;color:#739580;font-size:10px; }
.vacation-counter strong { color:#28764c;font-size:13px;font-weight:650;letter-spacing:-.2px; }
.vacation-counter strong > span { color:#809a89;font-size:11px;font-weight:450; }
.vacation-counter strong small { font-size:9px;font-weight:400;letter-spacing:0; }
.vacation-year { font-size:9px;color:#9bad9f;margin-left:2px; }
.vacation-balance { font-size:9px;color:#83a28e; }
.vacation-short { display:none; }
.vacation-counter.over-limit { border-color:#e7d9c8;background:#fcf8f0; }
.vacation-counter.over-limit strong,.vacation-counter.over-limit .vacation-balance { color:#a87b4a; }
.event-dialog .event-vacation-toggle { display:flex;align-items:center;gap:7px;font-weight:500;font-size:11px; }
.event-vacation-toggle input { width:15px;height:15px;accent-color:var(--green);margin:0;flex-shrink:0; }
.event-vacation-toggle small { color:#96a99d;font-size:9px;font-weight:400;margin-left:auto; }
@media(max-width:1100px) { .vacation-counter { gap:6px;padding:5px 8px;font-size:9px; } }
@media(max-width:820px) {
  .vacation-counter { gap:5px;padding:5px 7px;min-height:27px;font-size:9px; }
  .vacation-counter strong { font-size:11px; }
  .vacation-counter strong > span { font-size:10px; }
  .vacation-counter strong small { font-size:8px; }
  .vacation-year,.vacation-wide { display:none; }
  .vacation-short { display:inline; }
  .vacation-balance { font-size:8px; }
  #manage-event-tags span { display:none; }
  #manage-event-tags { width:29px;min-width:29px;justify-content:center;padding-inline:6px; }
  .event-dialog .event-vacation-toggle { min-height:31px; }
}