/**
 * Overlay 20260901b: khung thumbnail nhỏ, cột URL không bị bóp.
 */
html.admin-root [data-giasy-news-thumb="1"] {
  max-width: 280px !important;
  max-height: 158px !important;
  width: 280px !important;
  height: 158px !important;
  min-width: 160px !important;
  min-height: 90px !important;
  aspect-ratio: 16 / 9 !important;
  flex: 0 0 auto !important;
  cursor: pointer;
}

html.admin-root [data-giasy-news-thumb="1"] img {
  max-width: 100% !important;
  max-height: 100% !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

html.admin-root [data-giasy-news-thumb-card="1"] {
  min-height: 0 !important;
  height: auto !important;
  padding-bottom: 12px !important;
  overflow: visible !important;
}

html.admin-root [data-giasy-news-thumb-card="1"] [data-giasy-news-thumb-controls] {
  flex: 1 1 240px !important;
  min-width: 220px !important;
  width: auto !important;
  max-width: 100% !important;
}

html.admin-root [data-giasy-news-thumb-card="1"] input[type="text"],
html.admin-root [data-giasy-news-thumb-card="1"] input:not([type]),
html.admin-root [data-giasy-news-thumb-card="1"] input[type="url"] {
  min-width: 200px !important;
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  writing-mode: horizontal-tb !important;
}

html.admin-root [data-giasy-news-thumb-card="1"] label,
html.admin-root [data-giasy-news-thumb-hint] {
  white-space: normal !important;
  writing-mode: horizontal-tb !important;
  display: block !important;
}

html.admin-root [data-giasy-news-thumb-hint] {
  font-size: 12px;
  color: #475569;
  margin: 0 0 8px;
}

html.admin-root [data-giasy-news-thumb-card="1"].giasy-news-thumb-drag {
  outline: 2px dashed #0891b2;
  outline-offset: 2px;
}