#vidrieraRoot {
  --vd-ink: #202630;
  --vd-muted: #69717c;
  --vd-border: #dce1e6;
  --vd-soft: #f5f6f8;
  --vd-blue: var(--app-orange, #ff5a1f);
  --vd-blue-soft: #fff0e8;
  color: var(--vd-ink);
  font: 13px/1.5 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
  width: 100%;
  min-width: 0;
}

#vidrieraRoot *, #vidrieraRoot *::before, #vidrieraRoot *::after { box-sizing: border-box; }
#vidrieraRoot [hidden] { display: none !important; }
#vidrieraRoot :is(h1, h2, h3, p):not(.vidriera-slide *) { margin: 0; letter-spacing: 0; }
#vidrieraRoot h1:not(.vidriera-slide *) { font-size: 23px; line-height: 1.3; font-weight: 750; }
#vidrieraRoot h2:not(.vidriera-slide *) { font-size: 17px; line-height: 1.4; font-weight: 700; }
#vidrieraRoot h3:not(.vidriera-slide *) { font-size: 14px; line-height: 1.5; font-weight: 700; }
#vidrieraRoot button, #vidrieraRoot input, #vidrieraRoot select, #vidrieraRoot textarea { font: inherit; letter-spacing: 0; }
#vidrieraRoot button { text-transform: none; box-shadow: none; }
#vidrieraRoot svg:not(.vidriera-slide *) { width: 17px; height: 17px; flex: 0 0 17px; stroke-width: 1.8; }
#vidrieraRoot a { text-decoration: none; }
#vidrieraRoot :is(button, a, input, textarea, select):focus-visible { outline: 2px solid var(--vd-blue); outline-offset: 3px; }
#vidrieraRoot button:disabled, #vidrieraRoot input:disabled, #vidrieraRoot select:disabled { opacity: .5; cursor: not-allowed; }
#vidrieraRoot .vd-shell { width: 100%; max-width: 1540px; margin: 0 auto; min-width: 0; }
#vidrieraRoot .vd-header { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 0 0 24px; }
#vidrieraRoot .vd-brand { display: flex; align-items: center; gap: 12px; min-width: 0; }
#vidrieraRoot .vd-brand > svg { width: 30px; height: 30px; flex-basis: 30px; color: var(--vd-blue); }
#vidrieraRoot .vd-brand > div { min-width: 0; }
#vidrieraRoot .vd-brand span { display: block; color: var(--vd-muted); margin-top: 2px; overflow-wrap: anywhere; }
#vidrieraRoot .vd-logo { display: block; width: 72px; height: 40px; object-fit: contain; }
#vidrieraRoot .vd-title-block { display: flex; flex-direction: column; gap: 9px; }
#vidrieraRoot .vd-tsigns { width: 40px; height: 40px; object-fit: contain; }
#vidrieraRoot .vd-team { display: flex; align-items: center; gap: 10px; border-left: 1px solid var(--vd-border); padding-left: 20px; margin-left: 12px; }
#vidrieraRoot .vd-team .vd-logo { width: 54px; height: 36px; }
#vidrieraRoot .vd-team span { font-size: 12px; max-width: 140px; }
#vidrieraRoot #vdPanel { background: #fff; padding: 22px; border-top: 1px solid var(--vd-border); }
#vidrieraRoot .vd-tv-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
#vidrieraRoot .vd-tv { min-width: 0; border: 1px solid var(--vd-border); border-radius: 8px; padding: 20px; background: #fff; }
#vidrieraRoot .vd-tv-heading { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
#vidrieraRoot .vd-tv-heading > div:nth-child(2) { flex: 1; min-width: 0; }
#vidrieraRoot .vd-tv-heading h3 { overflow-wrap: anywhere; margin-bottom: 5px; font-size: 17px; }
#vidrieraRoot .vd-tv-symbol { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 8px; background: var(--vd-blue-soft); color: var(--vd-blue); }
#vidrieraRoot .vd-tv-symbol svg { width: 24px; height: 24px; }
#vidrieraRoot .vd-tv-content { display: flex; align-items: center; gap: 14px; min-width: 0; padding: 16px 0; border-block: 1px solid #edf0f2; }
#vidrieraRoot .vd-tv-content > div { min-width: 0; }
#vidrieraRoot .vd-tv-content strong, #vidrieraRoot .vd-tv-content span, #vidrieraRoot .vd-tv-content small { display: block; overflow-wrap: anywhere; }
#vidrieraRoot .vd-tv-content span, #vidrieraRoot .vd-tv-content small { color: var(--vd-muted); font-size: 11px; margin-top: 4px; }
#vidrieraRoot .vd-tv-content [data-vd-last-seen] { display: inline; }
#vidrieraRoot .vd-tv-photo { flex: 0 0 92px; width: 92px; height: 65px; object-fit: cover; border-radius: 5px; }
#vidrieraRoot .vd-tv-controls { display: flex; flex-wrap: wrap; gap: 10px; padding: 18px 0; }
#vidrieraRoot .vd-tv-controls > * { flex: 1; }
#vidrieraRoot .vd-tv-link { display: flex; align-items: flex-end; gap: 8px; }
#vidrieraRoot .vd-tv-link label { flex: 1; min-width: 0; }
#vidrieraRoot .vd-tv-link input { text-overflow: ellipsis; font-size: 11px; }
#vidrieraRoot .vd-tv > footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 16px; font-size: 10px; color: var(--vd-muted); }
#vidrieraRoot .vd-tv > footer > span { overflow-wrap: anywhere; min-width: 0; }
#vidrieraRoot .vd-assigned-tvs { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 14px 0; border-top: 1px solid var(--vd-border); margin-bottom: 16px; }
#vidrieraRoot .vd-assigned-tvs > span { display: flex; align-items: center; gap: 8px; font-weight: 650; }
#vidrieraRoot .vd-actions { display: flex; align-items: center; gap: 6px; min-width: 0; flex-wrap: wrap; }
#vidrieraRoot .vd-button, #vidrieraRoot .vd-icon {
  border: 1px solid var(--vd-border);
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 36px;
  padding: 7px 12px;
  color: var(--vd-ink);
  background: #fff;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.35;
  cursor: pointer;
  vertical-align: middle;
  margin: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}
#vidrieraRoot .vd-button:hover, #vidrieraRoot .vd-icon:hover { border-color: #a7b6cd; background: var(--vd-soft); }
#vidrieraRoot .vd-button.primary { background: var(--vd-blue); border-color: var(--vd-blue); color: #fff; }
#vidrieraRoot .vd-button.primary:hover { background: #e6460c; border-color: #e6460c; }
#vidrieraRoot .vd-icon { width: 32px; height: 32px; min-height: 32px; padding: 0; flex: 0 0 32px; }
#vidrieraRoot .vd-icon.selected { color: var(--vd-blue); background: var(--vd-blue-soft); border-color: #ffcbb7; }
#vidrieraRoot .vd-icon.danger { color: #b42318; }
#vidrieraRoot .vd-icon.danger:hover { background: #fff0ee; border-color: #efb5ae; }
#vidrieraRoot .vd-tabs { display: flex; align-items: stretch; overflow-x: auto; gap: 4px; border-bottom: 1px solid var(--vd-border); margin: 0 0 18px; padding: 0; scrollbar-width: thin; }
#vidrieraRoot .vd-tabs button { display: flex; align-items: center; gap: 7px; border: 0; border-bottom: 2px solid transparent; border-radius: 0; padding: 12px 14px; background: none; color: var(--vd-muted); font-size: 12px; font-weight: 650; white-space: nowrap; cursor: pointer; }
#vidrieraRoot .vd-tabs button:hover { color: var(--vd-ink); background: var(--vd-soft); }
#vidrieraRoot .vd-tabs button[aria-selected="true"] { color: var(--vd-blue); border-bottom-color: var(--vd-blue); }
#vidrieraRoot #vdPanel { min-width: 0; }
#vidrieraRoot .vd-notice { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; border-left: 3px solid #b42318; padding: 11px 13px; margin: 0 0 16px; color: #8b241d; background: #fff1f0; overflow-wrap: anywhere; font-size: 12px; }
#vidrieraRoot .vd-notice[data-kind="info"] { border-color: var(--vd-blue); color: #9e3812; background: var(--vd-blue-soft); }
#vidrieraRoot .vd-notice[data-kind="warning"] { border-color: #c18416; color: #78561d; background: #fff8e7; }
#vidrieraRoot .vd-notice[data-kind="success"] { border-color: #25835c; color: #206346; background: #edf8f1; }
#vidrieraRoot .vd-notice ul { flex-basis: 100%; margin: 0; padding-left: 20px; }
#vidrieraRoot .vd-loading { min-height: 220px; display: flex; align-items: center; justify-content: center; gap: 10px; color: var(--vd-muted); }
#vidrieraRoot .vd-loading svg { animation: vd-spin 1s linear infinite; }
#vidrieraRoot .vd-metrics { display: flex; align-items: stretch; flex-wrap: wrap; border-bottom: 1px solid var(--vd-border); margin-bottom: 18px; }
#vidrieraRoot .vd-metrics > div { flex: 1 1 110px; padding: 8px 18px 18px 0; }
#vidrieraRoot .vd-metrics span { display: block; font-size: 11px; color: var(--vd-muted); }
#vidrieraRoot .vd-metrics strong { display: block; font-size: 22px; line-height: 1.4; font-weight: 700; margin-top: 3px; font-variant-numeric: tabular-nums; }
#vidrieraRoot .vd-filters { display: grid; grid-template-columns: minmax(220px, 2fr) repeat(4, minmax(118px, 1fr)) 32px; align-items: end; gap: 10px; margin-bottom: 16px; }
#vidrieraRoot .vd-field { display: flex; flex-direction: column; align-items: stretch; gap: 6px; min-width: 0; margin: 0; }
#vidrieraRoot .vd-field > span { font-size: 11px; font-weight: 650; color: #555e6a; }
#vidrieraRoot :is(input:not([type="checkbox"]):not([type="file"]):not([type="color"]), select, textarea) { min-height: 36px; height: auto; min-width: 0; width: 100%; border: 1px solid var(--vd-border); border-radius: 5px; padding: 8px 10px; background: #fff; color: var(--vd-ink); outline: none; font-size: 13px; font-weight: 400; box-shadow: none; line-height: 1.4; }
#vidrieraRoot select { padding-right: 28px; text-overflow: ellipsis; }
#vidrieraRoot textarea { resize: vertical; }
#vidrieraRoot input::placeholder, #vidrieraRoot textarea::placeholder { color: #8a9099; }
#vidrieraRoot :is(input, select, textarea):focus { border-color: var(--vd-blue); }
#vidrieraRoot .vd-search > div { position: relative; }
#vidrieraRoot .vd-search svg { position: absolute; top: 10px; left: 10px; color: var(--vd-muted); }
#vidrieraRoot .vd-search input { padding-left: 34px; }
#vidrieraRoot .vd-filters > .vd-icon { margin-bottom: 2px; }
#vidrieraRoot .vd-table-scroll { position: relative; width: 100%; min-width: 0; max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; border-top: 1px solid var(--vd-border); scrollbar-width: thin; }
#vidrieraRoot .vd-table { width: 100%; min-width: 840px; border-collapse: collapse; table-layout: auto; border: 0; background: #fff; margin: 0; }
#vidrieraRoot .vd-table th { height: 38px; padding: 9px 12px; font-size: 10px; font-weight: 700; color: #68717d; background: var(--vd-soft); text-align: left; text-transform: none; letter-spacing: 0; border: 0; border-bottom: 1px solid var(--vd-border); white-space: nowrap; }
#vidrieraRoot .vd-table td { padding: 11px 12px; font-size: 12px; text-align: left; border: 0; border-bottom: 1px solid #e9ecf0; vertical-align: middle; }
#vidrieraRoot .vd-table tr:hover td { background: #fafbfc; }
#vidrieraRoot .vd-table td:last-child .vd-actions { flex-wrap: nowrap; justify-content: flex-end; }
#vidrieraRoot .vd-properties-table td:first-child { width: 35%; min-width: 240px; }
#vidrieraRoot .vd-property-cell { display: flex; align-items: center; gap: 11px; min-width: 0; }
#vidrieraRoot .vd-property-cell > div { min-width: 0; max-width: 360px; }
#vidrieraRoot .vd-property-cell strong { display: block; font-size: 12px; font-weight: 650; line-height: 1.4; overflow-wrap: anywhere; }
#vidrieraRoot .vd-property-cell span:not(.vd-thumb), #vidrieraRoot .vd-property-cell small { display: block; margin-top: 3px; color: var(--vd-muted); font-size: 11px; overflow-wrap: anywhere; }
#vidrieraRoot .vd-property-cell small { font-size: 10px; }
#vidrieraRoot .vd-thumb { display: block; width: 64px; height: 46px; aspect-ratio: 32/23; flex: 0 0 64px; object-fit: cover; border-radius: 4px; background: #eff1f4; }
#vidrieraRoot .vd-no-image { display: flex; align-items: center; justify-content: center; color: #8a929c; }
#vidrieraRoot .vd-image-error { background: #f1f2f4; color: #757d89; font-size: 10px; object-fit: contain; }
#vidrieraRoot .vd-secondary { display: block; margin-top: 3px; color: var(--vd-muted); font-size: 11px; }
#vidrieraRoot .vd-price { font-variant-numeric: tabular-nums; white-space: nowrap; }
#vidrieraRoot .vd-nowrap { white-space: nowrap; }
#vidrieraRoot .vd-badge { display: inline-flex; align-items: center; padding: 3px 7px; border-radius: 4px; color: #67707d; background: #edf0f3; font-size: 10px; font-weight: 650; white-space: nowrap; }
#vidrieraRoot .vd-badge.published, #vidrieraRoot .vd-badge.ready { color: #216346; background: #e8f5ed; }
#vidrieraRoot .vd-badge.paused, #vidrieraRoot .vd-badge.processing { color: #805c1b; background: #fff2ce; }
#vidrieraRoot .vd-badge.error { color: #ab2e25; background: #feecea; }
#vidrieraRoot .vd-switch { position: relative; display: inline-flex; align-items: center; width: 34px; height: 22px; cursor: pointer; margin: 0; }
#vidrieraRoot .vd-switch input { position: absolute; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; z-index: 1; }
#vidrieraRoot .vd-switch > span { width: 34px; height: 20px; background: #c7cdd5; border-radius: 10px; transition: background-color .15s; }
#vidrieraRoot .vd-switch > span::after { content: ""; display: block; width: 14px; height: 14px; border-radius: 50%; margin: 3px; background: #fff; transition: transform .15s; }
#vidrieraRoot .vd-switch input:checked + span { background: var(--vd-blue); }
#vidrieraRoot .vd-switch input:checked + span::after { transform: translateX(14px); }
#vidrieraRoot .vd-switch input:focus-visible + span { outline: 2px solid var(--vd-blue); outline-offset: 3px; }
#vidrieraRoot .vd-switch input:disabled + span { opacity: .5; }
#vidrieraRoot .vd-empty { padding: 42px 20px !important; text-align: center !important; color: var(--vd-muted); font-size: 13px; width: 100%; }
#vidrieraRoot .vd-pagination { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 0; font-size: 11px; color: var(--vd-muted); }
#vidrieraRoot .vd-inline-field { display: flex; gap: 8px; align-items: center; margin: 0; font-size: 12px; color: var(--vd-muted); white-space: nowrap; }
#vidrieraRoot .vd-inline-field select { width: auto; max-width: 220px; }
#vidrieraRoot .vd-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 16px; min-width: 0; }
#vidrieraRoot .vd-toolbar > .vd-actions > select { width: auto; max-width: 280px; }
#vidrieraRoot .vd-toolbar-soft { background: var(--vd-soft); padding: 12px; }
#vidrieraRoot .vd-muted { color: var(--vd-muted); font-size: 12px; font-weight: 400; }
#vidrieraRoot .vd-editor-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 16px; }
#vidrieraRoot .vd-editor-head h2 { overflow-wrap: anywhere; max-width: 650px; }
#vidrieraRoot .vd-save-state { color: var(--vd-muted); font-size: 11px; white-space: nowrap; }
#vidrieraRoot .vd-steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); list-style: none; padding: 0; margin: 0 0 22px; border-bottom: 1px solid var(--vd-border); }
#vidrieraRoot .vd-steps li { min-width: 0; }
#vidrieraRoot .vd-steps button { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 8px; width: 100%; border: 0; border-radius: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--vd-muted); font-size: 12px; font-weight: 600; cursor: pointer; }
#vidrieraRoot .vd-steps button > span { display: grid; place-items: center; width: 22px; height: 22px; flex: 0 0 22px; border: 1px solid var(--vd-border); border-radius: 50%; font-size: 10px; }
#vidrieraRoot .vd-steps button[aria-current="step"] { border-bottom-color: var(--vd-blue); color: var(--vd-blue); }
#vidrieraRoot .vd-steps button[aria-current="step"] > span { border-color: var(--vd-blue); background: var(--vd-blue); color: #fff; }
#vidrieraRoot .vd-editor-body { min-width: 0; }
#vidrieraRoot .vd-editor-footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; border-top: 1px solid var(--vd-border); margin-top: 22px; padding-top: 16px; color: var(--vd-muted); font-size: 11px; }
#vidrieraRoot .vd-import { max-width: 720px; display: flex; flex-direction: column; gap: 16px; padding: 20px 0 50px; }
#vidrieraRoot .vd-form-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; width: 100%; }
#vidrieraRoot .vd-wide { grid-column: 1 / -1; }
#vidrieraRoot .vd-origin { display: inline-block; margin-left: 5px; padding: 1px 4px; border-radius: 3px; background: #edf0f5; color: #65738a; font-size: 9px; font-weight: 500; }
#vidrieraRoot .vd-check { display: inline-flex; align-items: center; gap: 8px; margin: 0; font-size: 12px; color: #46505d; cursor: pointer; min-width: 0; }
#vidrieraRoot .vd-check input { width: 16px; height: 16px; flex: 0 0 16px; margin: 0; accent-color: var(--vd-blue); }
#vidrieraRoot .vd-highlights { display: flex; flex-wrap: wrap; gap: 14px 22px; padding: 12px 0; margin: 0; border: 0; border-top: 1px solid var(--vd-border); border-radius: 0; }
#vidrieraRoot .vd-highlights legend { padding: 0 10px 0 0; margin: 0; font-size: 12px; font-weight: 650; color: #555e6a; }
#vidrieraRoot .vd-highlights legend span { color: var(--vd-muted); font-weight: 400; margin-left: 8px; }
#vidrieraRoot .vd-field-meta { margin-top: -10px; text-align: right; color: var(--vd-muted); font-size: 11px; }
#vidrieraRoot .vd-dropzone { display: flex; align-items: center; justify-content: center; min-height: 90px; border: 1px dashed #b8c3d1; border-radius: 6px; background: #fafbfd; margin-bottom: 16px; color: #69768a; font-size: 12px; }
#vidrieraRoot .vd-dropzone > span { display: flex; align-items: center; gap: 10px; pointer-events: none; }
#vidrieraRoot .vd-drag-over { outline: 2px solid var(--vd-blue); outline-offset: -2px; background: var(--vd-blue-soft) !important; }
#vidrieraRoot .vd-url-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 12px; margin-bottom: 22px; }
#vidrieraRoot .vd-photo-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; }
#vidrieraRoot .vd-photo { min-width: 0; border: 1px solid var(--vd-border); border-radius: 6px; overflow: hidden; background: #fff; }
#vidrieraRoot .vd-photo.selected { border-color: var(--vd-blue); }
#vidrieraRoot .vd-photo-preview { display: block; border: 0; background: var(--vd-soft); border-radius: 0; padding: 0; width: 100%; aspect-ratio: 16/10; cursor: pointer; overflow: hidden; }
#vidrieraRoot .vd-photo-image { display: block; width: 100%; height: 100%; object-fit: cover; }
#vidrieraRoot .vd-photo-meta { padding: 10px; display: flex; flex-direction: column; gap: 10px; }
#vidrieraRoot .vd-photo-meta .vd-actions { justify-content: flex-end; }
#vidrieraRoot .vd-slide-frame { width: 100%; aspect-ratio: 16/9; position: relative; overflow: hidden; background: #101214; container-type: inline-size; }
#vidrieraRoot .vd-slide-frame > :first-child { width: 100%; height: 100%; }
#vidrieraRoot .vd-publish { max-width: 820px; }
#vidrieraRoot .vd-publish h3 { margin-bottom: 16px; }
#vidrieraRoot .vd-playlist-table { min-width: 780px; }
#vidrieraRoot .vd-playlist-table td:nth-child(2) { width: 45%; min-width: 240px; }
#vidrieraRoot .vd-number { width: 82px !important; min-width: 70px !important; }
#vidrieraRoot .vd-drag-handle { display: grid; place-items: center; width: 24px; height: 32px; background: none; padding: 0; border: 0; color: #96a0ae; cursor: grab; }
#vidrieraRoot .vd-drag-handle:active { cursor: grabbing; }
#vidrieraRoot .vd-form-section { padding: 20px 0; border-top: 1px solid var(--vd-border); }
#vidrieraRoot .vd-form-section h3 { margin: 0 0 18px; }
#vidrieraRoot .vd-settings-logo { display: block; max-width: 200px; width: auto; height: 62px; object-fit: contain; object-position: left; margin-bottom: 20px; }
#vidrieraRoot input[type="color"] { width: 52px; height: 36px; padding: 3px; border: 1px solid var(--vd-border); background: #fff; border-radius: 5px; cursor: pointer; }
#vidrieraRoot .vd-check-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 24px; }
#vidrieraRoot .vd-sync-summary { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; margin: 24px 0; color: var(--vd-muted); }
#vidrieraRoot .vd-sync-errors { color: #a62c21; padding-left: 20px; }
#vidrieraRoot .vd-dialog { width: min(1040px, calc(100vw - 40px)); max-width: none; max-height: calc(100dvh - 48px); padding: 0; border: 1px solid var(--vd-border); border-radius: 8px; background: #fff; color: var(--vd-ink); box-shadow: 0 20px 80px #0003; overflow: auto; margin: auto; }
#vidrieraRoot .vd-dialog:not([open]) { display: none; }
#vidrieraRoot .vd-dialog::backdrop { background: #1b202780; }
#vidrieraRoot .vd-dialog-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 20px; border-bottom: 1px solid var(--vd-border); }
#vidrieraRoot .vd-dialog-head h2 { overflow-wrap: anywhere; min-width: 0; }
#vidrieraRoot .vd-dialog-body { padding: 20px; }
#vidrieraRoot .vd-dialog-body .vd-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#vidrieraRoot .vd-dialog-footer { display: flex; align-items: center; justify-content: flex-end; gap: 8px; padding: 14px 20px; border-top: 1px solid var(--vd-border); }
#vidrieraRoot .vd-dialog > .vd-notice { margin: 16px 20px 0; }
#vidrieraRoot .vd-media-preview { display: block; width: 100%; max-height: 70dvh; object-fit: contain; background: #131619; }
#vidrieraRoot .vd-content-options { display: flex; flex-direction: column; max-height: 55dvh; overflow: auto; }
#vidrieraRoot .vd-content-options .vd-check { padding: 14px 6px; border-bottom: 1px solid var(--vd-border); }
#vidrieraRoot .vd-content-options .vd-check span { min-width: 0; }
#vidrieraRoot .vd-content-options strong { display: block; overflow-wrap: anywhere; }
#vidrieraRoot .vd-content-options small { display: block; color: var(--vd-muted); font-size: 11px; margin-top: 3px; }
#vidrieraRoot .vd-content-options .vd-content-address { color: #343c46; font-size: 13px; }
#vidrieraRoot .vd-board-editor { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 24px; margin-top: 24px; }
#vidrieraRoot .vd-board-editor section { min-width: 0; }
#vidrieraRoot .vd-board-dialog[open] { display: flex; flex-direction: column; overflow: hidden; }
#vidrieraRoot .vd-board-dialog > form { display: flex; flex-direction: column; min-height: 0; overflow: hidden; }
#vidrieraRoot .vd-board-dialog .vd-dialog-body { overflow-y: auto; min-height: 0; }
#vidrieraRoot .vd-board-dialog .vd-dialog-head, #vidrieraRoot .vd-board-dialog .vd-dialog-footer { flex-shrink: 0; }
#vidrieraRoot .vd-board-library > .vd-field { margin-bottom: 12px; }
#vidrieraRoot .vd-board-editor h3 { font-size: 15px; margin: 0 0 12px; }
#vidrieraRoot .vd-board-editor .vd-content-options { max-height: 420px; }
#vidrieraRoot .vd-board-editor .vd-thumb { width: 48px; height: 40px; flex: 0 0 48px; }
#vidrieraRoot .vd-board-editor .vd-check { gap: 10px; align-items: center; }
#vidrieraRoot .vd-board-editor .vd-check strong { font-size: 13px; }
#vidrieraRoot .vd-board-map, #vidrieraRoot .vd-board-playback { display: grid; grid-template-columns: repeat(var(--board-columns),minmax(0,1fr)); grid-template-rows: repeat(var(--board-rows),minmax(0,1fr)); aspect-ratio: 16/9; gap: 3px; background: #dfe2e5; overflow: hidden; }
#vidrieraRoot .vd-board-cell { position: relative; min-width: 0; min-height: 0; background: #f4f6f7; overflow: hidden; }
#vidrieraRoot .vd-board-photo { display: block; width: 100%; height: 100%; object-fit: cover; }
#vidrieraRoot .vd-board-cell > span { position: absolute; top: 3px; left: 3px; min-width: 20px; padding: 2px 4px; background: #20262e; color: #fff; text-align: center; font-size: 11px; }
#vidrieraRoot .vd-board-selected { max-height: 270px; overflow-y: auto; margin-top: 12px; }
#vidrieraRoot .vd-board-selected-row { display: grid; grid-template-columns: 22px minmax(0,1fr) auto; gap: 6px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--vd-border); font-size: 12px; }
#vidrieraRoot .vd-board-selected-row strong { font-size: 12px; overflow-wrap: anywhere; }
#vidrieraRoot .vd-board-selected-row .vd-icon { width: 28px; height: 30px; min-width: 28px; padding: 4px; }
#vidrieraRoot .vd-board-selected-row .vd-actions { gap: 2px; }
#vidrieraRoot .vd-over-capacity { color: #be3030; font-weight: 700; }
#vidrieraRoot .vd-board-playback > .vidriera-slide { width: 100%; height: 100%; min-width: 0; aspect-ratio: auto; }
#vidrieraRoot .vd-board-empty { background: #fff; }
#vidrieraRoot .vd-board-cell { border: 0; border-radius: 0; padding: 0; display: grid; place-items: center; cursor: pointer; }
#vidrieraRoot .vd-board-cell.selected, #vidrieraRoot .vd-board-cell.vd-drag-over { outline: 3px solid var(--vd-blue); outline-offset: -3px; z-index: 1; }
#vidrieraRoot .vd-board-cell > img { pointer-events: none; }
#vidrieraRoot .vd-board-cell:focus-visible { outline-offset: -3px; }
#vidrieraRoot .vd-board-library [draggable="true"] { cursor: grab; }
#vidrieraRoot .vd-publication-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 0; border-block: 1px solid var(--vd-border); margin-bottom: 16px; }
#vidrieraRoot .vd-publication-bar strong, #vidrieraRoot .vd-publication-bar span, #vidrieraRoot .vd-publication-summary > * { display: block; }
#vidrieraRoot .vd-publication-bar span, #vidrieraRoot .vd-publication-summary span { font-size: 12px; color: var(--vd-muted); }
#vidrieraRoot .vd-content-toolbar, #vidrieraRoot .vd-content-toolbar > .vd-actions { flex-wrap: nowrap; min-width: 0; }
#vidrieraRoot .vd-content-toolbar > .vd-actions { flex: 1; }
#vidrieraRoot .vd-content-toolbar select { width: 100%; min-width: 0; max-width: 360px; }
#vidrieraRoot .vd-preview-toolbar { display: flex; align-items: end; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
#vidrieraRoot .vd-preview-toolbar .vd-field { min-width: 0; flex: 1 1 240px; }
#vidrieraRoot #vdPreviewWarnings { margin-top: 16px; }
#vidrieraRoot #vdTvPreview { max-height: 65dvh; max-width: 100%; margin: auto; }
#vidrieraRoot .vd-review-items { list-style: none; margin: 16px 0; padding: 0; max-height: 420px; overflow: auto; }
#vidrieraRoot .vd-review-items li { padding: 12px 0; border-bottom: 1px solid var(--vd-border); }
#vidrieraRoot .vd-review-items strong, #vidrieraRoot .vd-review-items span { display: block; overflow-wrap: anywhere; }
#vidrieraRoot .vd-review-items span { color: var(--vd-muted); font-size: 12px; margin-top: 4px; }
#vidrieraRoot .vd-sync-config { display: flex; flex-wrap: wrap; align-items: end; gap: 16px; padding: 20px 0; margin: 16px 0; border-block: 1px solid var(--vd-border); }
#vidrieraRoot .vd-sync-config > span { flex-basis: 100%; }
#vidrieraRoot .vd-sync-config > .vd-check { align-self: center; }
#vidrieraRoot .vd-tv-current-images { display: grid; grid-template-columns: repeat(var(--board-columns),minmax(0,1fr)); gap: 2px; width: 150px; aspect-ratio: 16/9; flex: 0 0 150px; background: var(--vd-soft); overflow: hidden; }
#vidrieraRoot .vd-tv-current-images .vd-tv-photo { width: 100%; height: 100%; min-height: 0; border-radius: 0; }
#vidrieraRoot .vd-tv-current-images .vd-no-image { display: grid; place-items: center; }
#vidrieraRoot .vd-tv > .vd-notice { margin: 12px 0 0; }
#vidrieraRoot .vd-filters:has(.vd-filter-options) { grid-template-columns: minmax(0,1fr) auto; align-items: start; }
#vidrieraRoot .vd-filters:has(.vd-filter-options) > .vd-search { grid-column: auto; }
#vidrieraRoot .vd-filter-options { padding-top: 24px; min-width: 0; }
#vidrieraRoot .vd-filter-options summary { display: flex; align-items: center; gap: 8px; cursor: pointer; min-height: 38px; }
#vidrieraRoot .vd-filter-options summary::-webkit-details-marker { display: none; }
#vidrieraRoot .vd-filter-options[open] { display: contents; }
#vidrieraRoot .vd-filter-options[open] summary { margin-top: 24px; }
#vidrieraRoot .vd-filter-fields { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)) auto; gap: 12px; align-items: end; grid-column: 1/-1; margin: 0 0 12px; }
#vidrieraRoot .vd-property-cell > .vd-thumb { width: 84px; height: 60px; flex-basis: 84px; }
@media (max-width: 700px) {
  #vidrieraRoot .vd-assigned-tvs { padding: 8px 0; margin-bottom: 0; gap: 8px; }
  #vidrieraRoot .vd-publication-bar { padding: 10px 0; margin-bottom: 0; }
  #vidrieraRoot .vd-toolbar.vd-toolbar-soft { gap: 10px; padding: 12px 0; margin-bottom: 0; }
  #vidrieraRoot .vd-toolbar-soft > .vd-actions { justify-content: space-between; width: 100%; }
  #vidrieraRoot .vd-filters { grid-template-columns: minmax(0,1fr) auto; }
  #vidrieraRoot .vd-filter-fields { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #vidrieraRoot .vd-tv-current-images { width: 100px; flex-basis: 100px; }
  #vidrieraRoot .vd-publication-bar { align-items: start; }
  #vidrieraRoot .vd-publication-bar > .vd-actions { width: 100%; justify-content: space-between; }
  #vidrieraRoot .vd-board-cell { min-width: 0; min-height: 0; }
  #vidrieraRoot .vd-board-selected-row .vd-icon { width: 40px; min-width: 40px; height: 40px; }
  #vidrieraRoot .vd-sync-config > .vd-field { flex: 1 1 180px; }
  #vidrieraRoot table.vd-playlist-table { min-width: 0; width: 100%; }
  #vidrieraRoot .vd-board-composition { order: -1; }
  #vidrieraRoot .vd-playlist-table thead { display: none; }
  #vidrieraRoot .vd-playlist-table tbody { display: block; }
  #vidrieraRoot .vd-playlist-table tr { display: grid; grid-template-columns: 40px minmax(0,1fr) minmax(0,1fr); gap: 10px; padding: 16px 0; border-bottom: 1px solid var(--vd-border); }
  #vidrieraRoot .vd-playlist-table td { border: 0; padding: 0; min-width: 0; }
  #vidrieraRoot .vd-playlist-table td:nth-child(2) { grid-column: 2/-1; }
  #vidrieraRoot .vd-playlist-table td:nth-child(n+3) { display: grid; gap: 8px; justify-content: start; align-items: center; }
  #vidrieraRoot .vd-playlist-table td:last-child { grid-column: 1/-1; display: block; }
  #vidrieraRoot .vd-playlist-table td::before { font-size: 11px; color: var(--vd-muted); }
  #vidrieraRoot .vd-playlist-table td:nth-child(3)::before { content: "Activo"; }
  #vidrieraRoot .vd-playlist-table td:nth-child(4)::before { content: "Segundos por foto"; }
  #vidrieraRoot .vd-playlist-table td:nth-child(5)::before { content: "Prioridad"; }
  #vidrieraRoot .vd-playlist-table td:last-child .vd-actions { justify-content: flex-end; width: 100%; gap: 8px; }
  #vidrieraRoot .vd-playlist-table .vd-icon, #vidrieraRoot .vd-playlist-table .vd-drag-handle { min-width: 40px; width: 40px; min-height: 40px; height: 40px; }
}
@media (max-width: 680px) {
  #vidrieraRoot .vd-board-editor { grid-template-columns: minmax(0,1fr); gap: 20px; }
  #vidrieraRoot .vd-board-editor .vd-content-options { max-height: 240px; }
}
#vidrieraRoot .vd-grid-hint { padding: 11px 12px; border-left: 3px solid var(--vd-blue); background: var(--vd-soft); color: var(--vd-muted); font-size: 12px; line-height: 1.45; }
#vidrieraRoot .vd-sr { position: absolute; inset: 0 auto auto 0; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); clip-path: inset(50%); white-space: nowrap; border: 0; }
#vidrieraRoot .vd-button:has(input.vd-sr) { position: relative; }
#vidrieraRoot .vd-button:has(input:focus-visible) { outline: 2px solid var(--vd-blue); outline-offset: 3px; }
#vidrieraRoot .vd-button:has(input:disabled) { opacity: .5; cursor: not-allowed; }
#vidrieraRoot.vd-busy { cursor: progress; }
#vidrieraRoot [aria-busy="true"] { opacity: .6; pointer-events: none; }

/* The host applies important form rules globally, including on mobile. */
#vidrieraSection #vidrieraRoot label {
  color: #46505d !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
}
#vidrieraSection #vidrieraRoot label.vd-button { font-weight: 650 !important; }
#vidrieraSection #vidrieraRoot label.vd-button.primary { color: #fff !important; }
#vidrieraSection #vidrieraRoot :where(input:not([type="checkbox"]):not([type="file"]):not([type="color"]), select, textarea) {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 36px !important;
  height: auto !important;
  padding: 8px 10px !important;
  margin: 0 !important;
  border: 1px solid var(--vd-border) !important;
  border-radius: 5px !important;
  background: #fff !important;
  color: var(--vd-ink) !important;
  box-shadow: none !important;
  font: 400 13px/1.4 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  letter-spacing: 0 !important;
}
#vidrieraSection #vidrieraRoot .vd-search input { padding-left: 35px !important; }
#vidrieraSection #vidrieraRoot .vd-search svg { top: 50%; transform: translateY(-50%); pointer-events: none; }
#vidrieraSection #vidrieraRoot select { padding-right: 30px !important; }
#vidrieraSection #vidrieraRoot :where(.vd-inline-field, .vd-toolbar > .vd-actions) > select { width: auto !important; }
#vidrieraSection #vidrieraRoot .vd-number { width: 82px !important; min-width: 70px !important; }
#vidrieraSection #vidrieraRoot :is(input, select, textarea):focus { border-color: var(--vd-blue) !important; outline: 2px solid #ff5a1f22 !important; outline-offset: 1px !important; }
#vidrieraSection #vidrieraRoot .vd-check input {
  appearance: auto !important;
  -webkit-appearance: auto !important;
  width: 16px !important;
  min-width: 16px !important;
  height: 16px !important;
  min-height: 16px !important;
  padding: 0 !important;
  margin: 0 !important;
  accent-color: var(--vd-blue) !important;
  border-color: var(--vd-border) !important;
  background-color: transparent !important;
}
#vidrieraSection #vidrieraRoot .vd-check input:checked { border-color: var(--vd-blue) !important; background-color: var(--vd-blue) !important; }
#vidrieraSection #vidrieraRoot input[type="checkbox"]::after { content: none !important; }
#vidrieraSection #vidrieraRoot .vd-switch input { width: 100% !important; height: 100% !important; min-height: 0 !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important; }
#vidrieraSection #vidrieraRoot input[type="color"] { width: 52px !important; min-width: 52px !important; height: 36px !important; min-height: 36px !important; padding: 3px !important; border-radius: 5px !important; }
#vidrieraSection #vidrieraRoot input.vd-sr { width: 1px !important; min-width: 0 !important; height: 1px !important; min-height: 0 !important; padding: 0 !important; margin: -1px !important; }
#vidrieraSection #vidrieraRoot input[readonly] { background: var(--vd-soft) !important; color: var(--vd-muted) !important; }
#vidrieraSection #vidrieraRoot .vd-tabs { display: flex !important; flex-wrap: nowrap !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow-x: auto !important; }
#vidrieraSection #vidrieraRoot .vd-tabs button { flex: 0 0 auto !important; width: auto !important; min-width: max-content !important; white-space: nowrap !important; border-radius: 0 !important; }
#vidrieraSection #vidrieraRoot .vd-button { width: auto !important; min-height: 36px !important; padding: 7px 12px !important; border-radius: 6px !important; font-size: 12px !important; }
#vidrieraSection #vidrieraRoot .vd-icon { width: 32px !important; min-width: 32px !important; min-height: 32px !important; height: 32px !important; padding: 0 !important; border-radius: 6px !important; }
#vidrieraSection #vidrieraRoot .vd-table-scroll { position: relative !important; min-width: 0 !important; width: 100% !important; overflow-x: auto !important; max-width: 100% !important; }
#vidrieraSection #vidrieraRoot .vd-table { display: table !important; width: 100% !important; min-width: 840px !important; border-collapse: collapse !important; table-layout: auto !important; }
#vidrieraSection #vidrieraRoot .vd-table thead { display: table-header-group !important; }
#vidrieraSection #vidrieraRoot .vd-table tbody { display: table-row-group !important; }
#vidrieraSection #vidrieraRoot .vd-table tr { display: table-row !important; border: 0 !important; border-radius: 0 !important; margin: 0 !important; padding: 0 !important; box-shadow: none !important; }
#vidrieraSection #vidrieraRoot .vd-table th, #vidrieraSection #vidrieraRoot .vd-table td { display: table-cell !important; position: static !important; width: auto !important; height: auto !important; padding: 11px 12px !important; border: 0 !important; border-bottom: 1px solid #e9ecf0 !important; text-align: left !important; vertical-align: middle !important; }
#vidrieraSection #vidrieraRoot .vd-table td::before, #vidrieraSection #vidrieraRoot .vd-table td::after { content: none !important; display: none !important; }
#vidrieraSection #vidrieraRoot .vd-table td { font-size: 12px !important; line-height: 1.5 !important; }
#vidrieraSection #vidrieraRoot .vd-table th { font-size: 10px !important; line-height: 1.5 !important; }
#vidrieraSection #vidrieraRoot .vd-table :is(.vd-price, .vd-nowrap) { white-space: nowrap !important; }

@keyframes vd-spin { to { transform: rotate(360deg); } }

@media (max-width: 1100px) {
  #vidrieraRoot .vd-tv-grid { grid-template-columns: minmax(0,1fr); }
  #vidrieraRoot .vd-team { display: none; }
  #vidrieraRoot .vd-filters { grid-template-columns: repeat(4, minmax(0, 1fr)) 32px; }
  #vidrieraRoot .vd-search { grid-column: 1 / -1; }
  #vidrieraRoot .vd-form-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #vidrieraRoot .vd-header { align-items: flex-start; }
  #vidrieraRoot .vd-tabs button { padding: 11px 10px; }
  #vidrieraRoot .vd-editor-head h2 { max-width: 430px; }
}

@media (max-width: 700px) {
  #vidrieraRoot #vdPanel { padding: 16px 0; background: transparent; }
  #vidrieraRoot .vd-tv { padding: 16px; }
  #vidrieraSection #vidrieraRoot .vd-button { min-height: 44px !important; }
  #vidrieraSection #vidrieraRoot .vd-icon { width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; flex-basis: 44px; }
  #vidrieraSection #vidrieraRoot .vd-switch { height: 44px; }
  #vidrieraSection #vidrieraRoot :where(input:not([type="checkbox"]):not([type="file"]):not([type="color"]), select, textarea) { min-height: 44px !important; font-size: 16px !important; }
  #vidrieraRoot h1:not(.vidriera-slide *) { font-size: 20px; }
  #vidrieraRoot .vd-header { gap: 14px; flex-wrap: wrap; padding-bottom: 16px; }
  #vidrieraRoot .vd-header > .vd-actions { margin-left: auto; }
  #vidrieraRoot .vd-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #vidrieraRoot .vd-search { grid-column: 1 / -1; }
  #vidrieraRoot .vd-filters > .vd-icon { grid-column: 2; justify-self: end; }
  #vidrieraRoot .vd-metrics > div { flex: 1 1 95px; padding: 8px 12px 14px 0; }
  #vidrieraRoot .vd-metrics strong { font-size: 20px; }
  #vidrieraRoot .vd-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  #vidrieraRoot .vd-check-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #vidrieraRoot .vd-pagination { flex-wrap: wrap; }
  #vidrieraRoot .vd-pagination > .vd-actions { margin-left: auto; gap: 8px; }
  #vidrieraRoot .vd-inline-field { gap: 6px; }
  #vidrieraRoot .vd-steps button { flex-direction: column; gap: 6px; padding: 10px 3px; font-size: 11px; }
  #vidrieraRoot .vd-editor-head { align-items: flex-start; flex-direction: column; gap: 8px; }
  #vidrieraRoot .vd-editor-head h2 { max-width: 240px; font-size: 15px; }
  #vidrieraRoot .vd-save-state { align-self: flex-end; }
  #vidrieraRoot .vd-dialog { width: calc(100vw - 20px); max-height: calc(100dvh - 20px); }
  #vidrieraRoot .vd-dialog-head { padding: 12px; }
  #vidrieraRoot .vd-dialog-body { padding: 12px; }
  #vidrieraRoot .vd-dialog-footer { padding: 12px; }
  #vidrieraRoot .vd-toolbar > .vd-actions > select { max-width: 220px; }
  #vidrieraRoot .vd-toolbar-soft { align-items: flex-start; }
  #vidrieraRoot .vd-photo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  #vidrieraRoot .vd-photo-meta { padding: 8px; }
  #vidrieraRoot .vd-photo-meta .vd-actions { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; }
  #vidrieraRoot .vd-photo-meta .vd-icon { width: 100%; min-width: 0; height: 30px; min-height: 30px; }

  #vidrieraSection #vidrieraRoot .vd-properties-scroll { border-top: 0; }
  #vidrieraSection #vidrieraRoot .vd-table.vd-properties-table {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    background: transparent;
  }
  #vidrieraSection #vidrieraRoot .vd-table.vd-properties-table thead {
    position: absolute !important;
    inset: 0 auto auto 0;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden;
    clip: rect(0,0,0,0);
    clip-path: inset(50%);
  }
  #vidrieraSection #vidrieraRoot .vd-table.vd-properties-table tbody {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    width: 100%;
    min-width: 0;
  }
  #vidrieraSection #vidrieraRoot .vd-table.vd-properties-table tbody tr {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 14px;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 14px !important;
    border: 1px solid var(--vd-border) !important;
    border-radius: 6px !important;
    background: #fff !important;
  }
  #vidrieraSection #vidrieraRoot .vd-table.vd-properties-table td {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }
  #vidrieraSection #vidrieraRoot .vd-table.vd-properties-table td[data-label]::before {
    content: attr(data-label) !important;
    display: block !important;
    position: static !important;
    width: auto !important;
    margin: 0 0 4px;
    padding: 0;
    color: var(--vd-muted);
    font-size: 10px;
    font-weight: 500;
    line-height: 1.4;
    text-transform: none;
  }
  #vidrieraSection #vidrieraRoot .vd-table.vd-properties-table .vd-property-main {
    grid-column: 1 / -1;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #e9ecf0 !important;
  }
  #vidrieraSection #vidrieraRoot .vd-table.vd-properties-table .vd-property-main::before,
  #vidrieraSection #vidrieraRoot .vd-table.vd-properties-table .vd-property-actions::before { content: none !important; display: none !important; }
  #vidrieraSection #vidrieraRoot .vd-properties-table .vd-property-cell { align-items: flex-start; }
  #vidrieraSection #vidrieraRoot .vd-properties-table .vd-property-cell > div { flex: 1; max-width: 100%; }
  #vidrieraSection #vidrieraRoot .vd-properties-table .vd-property-cell strong { font-size: 13px; }
  #vidrieraSection #vidrieraRoot .vd-table.vd-properties-table .vd-price { font-weight: 650; }
  #vidrieraSection #vidrieraRoot .vd-table.vd-properties-table .vd-property-publish {
    display: flex !important;
    grid-column: 1 / -1;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-top: 12px !important;
    border-top: 1px solid #e9ecf0 !important;
  }
  #vidrieraSection #vidrieraRoot .vd-table.vd-properties-table .vd-property-publish::before { margin: 0; font-size: 12px; }
  #vidrieraSection #vidrieraRoot .vd-table.vd-properties-table .vd-property-actions { grid-column: 1 / -1; }
  #vidrieraSection #vidrieraRoot .vd-properties-table .vd-property-actions .vd-actions {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
  }
  #vidrieraSection #vidrieraRoot .vd-properties-table .vd-property-actions .vd-icon {
    width: 100% !important;
    min-width: 0 !important;
    height: 40px !important;
    min-height: 40px !important;
  }
  #vidrieraSection #vidrieraRoot .vd-table.vd-properties-table .vd-empty {
    grid-column: 1 / -1;
    padding: 20px 0 !important;
    text-align: center !important;
  }
}

@media (max-width: 420px) {
  #vidrieraRoot .vd-photo-grid { grid-template-columns: minmax(0, 1fr); }
  #vidrieraRoot .vd-form-grid, #vidrieraRoot .vd-check-grid { grid-template-columns: minmax(0, 1fr); }
  #vidrieraRoot .vd-url-form { grid-template-columns: minmax(0, 1fr); }
  #vidrieraRoot .vd-url-form .vd-button { justify-self: end; }
  #vidrieraRoot .vd-metrics > div { flex-basis: 80px; }
  #vidrieraRoot .vd-steps button { font-size: 10px; }
  #vidrieraRoot .vd-editor-head h2 { max-width: 205px; }
  #vidrieraRoot .vd-toolbar > .vd-actions > select { max-width: 190px; }
}

@media (prefers-reduced-motion: reduce) {
  #vidrieraRoot *, #vidrieraRoot *::before, #vidrieraRoot *::after { animation: none !important; transition: none !important; }
}

/* Keep the content editor independent of the application's legacy table rules. */
@media (max-width: 700px) {
  #vidrieraSection #vidrieraRoot table.vd-table.vd-playlist-table { display: block !important; min-width: 0 !important; max-width: 100% !important; width: 100% !important; }
  #vidrieraSection #vidrieraRoot .vd-table.vd-playlist-table thead { display: none !important; }
  #vidrieraSection #vidrieraRoot .vd-table.vd-playlist-table tbody { display: block !important; width: 100% !important; }
  #vidrieraSection #vidrieraRoot .vd-table.vd-playlist-table tr { display: grid !important; grid-template-columns: 44px minmax(0,1fr) minmax(0,1fr); gap: 12px; width: 100% !important; min-width: 0 !important; padding: 16px 0 !important; border: 0 !important; border-bottom: 1px solid var(--vd-border) !important; background: transparent !important; }
  #vidrieraSection #vidrieraRoot .vd-table.vd-playlist-table td { display: block !important; min-width: 0 !important; max-width: 100% !important; width: auto !important; padding: 0 !important; border: 0 !important; white-space: normal !important; background: transparent !important; }
  #vidrieraSection #vidrieraRoot .vd-table.vd-playlist-table td:nth-child(2) { grid-column: 2/-1; }
  #vidrieraSection #vidrieraRoot .vd-table.vd-playlist-table td:nth-child(n+3) { display: grid !important; grid-template-columns: minmax(0,1fr) !important; justify-content: start; gap: 8px; }
  #vidrieraSection #vidrieraRoot .vd-table.vd-playlist-table td:last-child { display: block !important; grid-column: 1/-1; }
  #vidrieraSection #vidrieraRoot .vd-table.vd-playlist-table td::before { position: static !important; display: block !important; width: auto !important; padding: 0 !important; font-size: 11px; font-weight: 500; text-transform: none !important; color: var(--vd-muted); }
  #vidrieraSection #vidrieraRoot .vd-table.vd-playlist-table td:nth-child(3)::before { content: "Activo" !important; }
  #vidrieraSection #vidrieraRoot .vd-table.vd-playlist-table td:nth-child(4)::before { content: "Segundos por foto" !important; }
  #vidrieraSection #vidrieraRoot .vd-table.vd-playlist-table td:nth-child(5)::before { content: "Prioridad" !important; }
  #vidrieraSection #vidrieraRoot .vd-table.vd-playlist-table td:nth-child(-n+2)::before,
  #vidrieraSection #vidrieraRoot .vd-table.vd-playlist-table td:last-child::before { display: none !important; content: none !important; }
}