.vc-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.vc-info { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 15px; height: 15px; border: 1.5px solid currentColor; border-radius: 50%; font-family: Georgia, "Times New Roman", serif; font-size: .64rem; font-style: italic; font-weight: 700; line-height: 1; letter-spacing: 0; text-transform: none; color: var(--muted); cursor: help; vertical-align: 2px; }
.vc-info:hover, .vc-info:focus-visible { color: var(--sbx-house); }

.vc-thumb { flex: none; display: inline-grid; place-items: center; box-sizing: border-box; width: 36px; height: 64px; padding: 0; border: 0; border-radius: 3px; overflow: hidden; background: var(--sbx-house); font: inherit; vertical-align: middle; }
.vc-thumb.is-h { width: 64px; height: 36px; }
.vc-thumb.is-sm { width: 27px; height: 48px; }
.vc-thumb.is-sm.is-h { width: 48px; height: 27px; }
.vc-thumb.is-lg { width: 63px; height: 112px; }
.vc-thumb.is-lg.is-h { width: 112px; height: 63px; }
.vc-thumb img, .vc-thumb video { display: block; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.vc-thumb.is-dim img, .vc-thumb.is-dim video { opacity: .4; }
.vc-thumb.is-empty { border: 1.5px dashed #B9B3A8; background: transparent; color: var(--muted); font-size: 1.3rem; font-weight: 500; cursor: pointer; }
.vc-thumb.is-empty:disabled { cursor: default; }
button.vc-thumb { cursor: pointer; }
button.vc-thumb:focus-visible { outline: 2px solid var(--sbx-accent); outline-offset: 2px; }

.vc-days { display: inline-flex; gap: 2px; vertical-align: middle; }
.vc-days i { display: inline-grid; place-items: center; width: 17px; height: 20px; border-radius: 3px; box-shadow: inset 0 0 0 1px var(--border); font-size: .68rem; font-style: normal; font-weight: 600; line-height: 1; color: rgba(30, 57, 50, .38); }
.vc-days i.on { background: var(--sbx-house); box-shadow: none; color: #fff; }

.vc-state { display: inline-flex; align-items: center; gap: 7px; font-size: .86rem; color: var(--ink-2); white-space: nowrap; }
.vc-state::before { content: ""; flex: none; box-sizing: border-box; width: 8px; height: 8px; border-radius: 50%; background: #9A968E; }
.vc-state.is-ok { color: var(--sbx-house); font-weight: 600; }
.vc-state.is-ok::before { background: var(--sbx-accent); }
.vc-state.is-info::before { background: #3E7FA6; }
.vc-state.is-warn { color: var(--amber); font-weight: 600; }
.vc-state.is-warn::before { background: #D9940B; }
.vc-state.is-bad { color: var(--danger); font-weight: 600; }
.vc-state.is-bad::before { background: var(--danger); }
.vc-state.is-neutral { color: var(--muted); }
.vc-state.is-neutral::before { background: transparent; border: 2px solid #9A968E; }

.vc-ori { display: inline-block; flex: none; box-sizing: border-box; width: 9px; height: 16px; border: 1.5px solid currentColor; border-radius: 2px; vertical-align: middle; }
.vc-ori.is-h { width: 16px; height: 9px; }

.vc-num { display: inline-flex; align-items: baseline; gap: 5px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.vc-num b { font-size: 1.25rem; font-weight: 700; line-height: 1; letter-spacing: -0.01em; color: var(--sbx-house); }
.vc-num small { font-size: .8rem; color: var(--muted); }

.vc-bar { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 18px; margin-bottom: 16px; }
.vc-bar > .mud-input-control { flex: 0 1 340px; margin-top: 0; }
.vc-bar__count { margin-left: auto; font-size: .86rem; color: var(--muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
.vc-pending { display: inline-flex; align-items: baseline; gap: 7px; padding: 6px 12px; border: 0; border-radius: 6px; background: transparent; font: inherit; font-size: .92rem; font-weight: 600; color: var(--amber); cursor: pointer; white-space: nowrap; }
.vc-pending b { font-size: 1.25rem; font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; }
.vc-pending:hover { background: var(--paper); }
.vc-pending.is-on { background: var(--paper); box-shadow: inset 0 0 0 1.5px var(--amber); }
.vc-pending:focus-visible { outline: 2px solid var(--sbx-accent); outline-offset: 2px; }

.vc-promos { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; }
.vc-promo { display: flex; flex-direction: column; min-width: 0; background: var(--surface); border-radius: var(--radius-sm); box-shadow: var(--card); overflow: hidden; }
.vc-promo__media { position: relative; display: flex; align-items: center; justify-content: center; height: 212px; padding: 14px; border: 0; background: var(--paper); color: var(--muted); font: inherit; cursor: pointer; }
.vc-promo__media img, .vc-promo__media video { display: block; max-width: 100%; max-height: 184px; object-fit: contain; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .14); pointer-events: none; }
.vc-promo__media:focus-visible { outline: 3px solid var(--sbx-accent); outline-offset: -3px; }
.vc-promo.is-off .vc-promo__media img, .vc-promo.is-off .vc-promo__media video { opacity: .45; }
.vc-promo__dur { position: absolute; right: 10px; bottom: 10px; padding: 1px 6px; border-radius: 3px; background: rgba(0, 0, 0, .72); color: #fff; font-size: .74rem; font-weight: 600; font-variant-numeric: tabular-nums; }
.vc-promo__body { flex: 1; display: flex; flex-direction: column; gap: 3px; min-width: 0; padding: 14px 16px 12px; }
.vc-promo__head { display: flex; align-items: baseline; gap: 10px; }
.vc-promo__name { flex: 1; min-width: 0; font-size: 1rem; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vc-promo.is-off .vc-promo__name { color: var(--muted); }
.vc-promo__camp { font-size: .82rem; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vc-promo__facts { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px; margin-top: 10px; font-size: .86rem; font-weight: 500; color: var(--sbx-house); font-variant-numeric: tabular-nums; white-space: nowrap; }
.vc-promo__actions { display: flex; align-items: center; justify-content: space-between; padding: 2px 6px 6px 12px; border-top: 1px solid var(--line); }
.vc-promo__actions > div { display: flex; align-items: center; }
.vc-note { display: flex; margin-top: 10px; white-space: normal; }
.promo-layout__art.wall i { background: var(--sbx-house); }
.promo-label .vc-info, #promo-days-label .vc-info { margin-left: 4px; }
.promo-file-selected .vc-thumb { border-radius: 3px; }

.vc-applied { display: inline-flex; align-items: center; gap: 10px; margin-left: 12px; }
.vc-applied .meter { width: 120px; }
.vc-applied .vc-num b { font-size: 1rem; }
.vc-facts { display: flex; align-items: baseline; flex-wrap: wrap; gap: 2px 12px; }
.vc-stack { display: inline-flex; align-items: center; gap: 3px; flex: none; }
.cal-approve > header { align-items: center; }
.cal-filter .cal-key { display: inline-block; margin: 0 7px 0 0; }
.cal .cal__label-text .vc-num, .cal .cal__label-text .vc-num b { overflow: visible; }
.cal .cal__label-text .vc-num small { font-size: .78rem; }
.cal-bar .vc-ori { flex: none; }
@media (max-width: 700px) { .cal .vc-stack { display: none; } .vc-applied { margin-left: 0; } }

.vc-medias { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 14px; }
.vc-media { display: flex; flex-direction: column; min-width: 0; background: var(--surface); border-radius: var(--radius-sm); box-shadow: var(--card); overflow: hidden; }
.vc-media__thumb { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 4 / 3; padding: 0; border: 0; background: var(--paper); color: var(--muted); cursor: pointer; }
.vc-media__thumb img, .vc-media__thumb video { position: absolute; inset: 10px; width: calc(100% - 20px); height: calc(100% - 20px); object-fit: contain; pointer-events: none; }
.vc-media__thumb:focus-visible { outline: 3px solid var(--sbx-accent); outline-offset: -3px; }
.vc-media__cap { display: flex; flex-direction: column; gap: 2px; min-width: 0; padding: 9px 4px 4px 12px; }
.vc-media__name { font-size: .86rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vc-media__meta { display: flex; align-items: center; gap: 10px; min-height: 30px; color: var(--muted); }
.vc-media__meta .vc-state { font-size: .8rem; }
.vc-media__act { display: inline-flex; align-items: center; gap: 2px; margin-left: auto; }
.mn-media-toolbar .vc-bar__count { margin-left: 0; }

.vc-scr { display: inline-flex; gap: 3px; margin-right: 10px; vertical-align: middle; }
.vc-scr i { display: inline-grid; place-items: center; width: 14px; height: 22px; border-radius: 2px; background: var(--sbx-house); color: #fff; font-size: .68rem; font-style: normal; font-weight: 700; line-height: 1; }
.prices-group-row .prices-group-meta { font-weight: 600; font-variant-numeric: tabular-nums; }
.prices-col-sizes .vc-info { margin-left: 4px; }
.vc-so { position: absolute; top: 1px; left: 6px; right: 6px; height: 3px; border-radius: 2px; background: #F3D5D1; cursor: help; }
.vc-so i { display: block; height: 100%; border-radius: 2px; background: #D62B1F; }
.vc-varies { display: inline-block; margin-top: 1px; font-size: .7rem; font-weight: 700; color: var(--amber); font-variant-numeric: tabular-nums; white-space: nowrap; cursor: help; }
.vc-varies:focus-visible { outline: 2px solid var(--sbx-accent); outline-offset: 2px; }
.prices-cell.is-soldout .prices-cur b { text-decoration: line-through; text-decoration-color: #D62B1F; }
.vc-delta { margin-left: 8px; font-size: .78rem; font-weight: 600; color: var(--ink-2); font-variant-numeric: tabular-nums; }
.vc-records { display: block; margin: 0 0 8px; text-align: right; }
.prices-history-table .mud-table-cell { white-space: nowrap; }
.prices-history-table .vc-info { margin-left: 6px; }

.mn-videos__title .vc-info { margin-left: 4px; }
.mn-layout .wallglyph { display: inline-flex; flex-direction: row; flex: none; }