/*
 * Design system: estúdio do criador e monetização.
 * Painel, vídeos (studio / gerenciar), comentários, analytics, ganhos,
 * carteira, anúncios, Go Pro, modais de pagamento, afiliados, compras.
 *
 * Escopo: .ds-studio (adicionado na raiz de cada template da área) para não
 * vazar para as páginas de configurações que reaproveitam as mesmas classes.
 */

/* ======================================================================
   Painel de conteúdo (ao lado da .settings-sidebar)
   ====================================================================== */

.ds-studio .user-setting-panel,
.user-setting-panel.ds-studio,
.ds-studio .create-new-ad-container,
.create-new-ad-container.ds-studio,
.content.ds-manage {
  padding: var(--space-6) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-xl) !important;
  background: var(--card) !important;
  box-shadow: none !important;
  margin-bottom: var(--space-8);
}

.ds-studio .yp_sett_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  padding: 0 0 var(--space-6);
}

.ds-studio .yp_sett_header h4,
.ds-manage .upload-head .page_head {
  display: flex !important;
  align-items: center;
  gap: var(--space-3);
  margin: 0;
  color: var(--foreground) !important;
  font-size: var(--text-3xl);
  font-weight: 600;
  letter-spacing: var(--tracking-tight);
  line-height: var(--leading-tight);
}

.ds-studio .yp_sett_header h4 svg,
.ds-manage .upload-head .page_head > svg {
  flex: none;
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 8px;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--muted) !important;
  color: var(--foreground);
}

.ds-studio .yp_sett_header > .pull-right {
  order: 2;
  float: none !important;
}

/* Divisor de seção */
.ds-studio .vid_stud_divider {
  margin: 0 0 var(--space-4);
  color: var(--foreground);
  font-size: var(--text-md);
  font-weight: 600;
}

.ds-studio .vid_stud_divider::after {
  margin-inline-start: var(--space-4);
  margin-left: 0;
  background: var(--border) !important;
}

.ds-studio .mb_50 {
  margin-bottom: var(--space-8);
}

/* ======================================================================
   KPI tiles
   ====================================================================== */

.ds-studio .pt_vid_stud_row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-3);
  margin: 0;
}

.ds-studio .pt_vid_stud_row::before,
.ds-studio .pt_vid_stud_row::after {
  display: none;
}

.ds-studio .pt_vid_stud_row > [class*="col-"] {
  width: auto;
  float: none;
  padding: 0;
}

.ds-studio .pt_vid_stud_row > .col-md-6:not(.ds-chart-filter) {
  grid-column: span 2;
}

@media (min-width: 1024px) {
  .ds-studio .pt_vid_stud_row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .ds-studio .pt_vid_stud_row:has(> .col-md-4) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.ds-kpi.vid_analts_stat {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--space-3);
  height: 100%;
  min-height: 112px;
  padding: var(--space-4) var(--space-5);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--card) !important;
  color: var(--foreground);
  box-shadow: none;
}

.ds-kpi .ds-kpi-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-2);
}

.ds-kpi.vid_analts_stat h2 {
  margin: 0;
  color: var(--muted-foreground) !important;
  font-size: var(--text-sm);
  font-weight: 500;
  letter-spacing: 0;
  line-height: var(--leading-tight);
  text-transform: none;
}

.ds-kpi .ds-kpi-head svg.ds-kpi-icon {
  flex: none;
  width: 16px !important;
  min-width: 16px !important;
  height: 16px !important;
  margin: 1px 0 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  color: var(--muted-foreground);
}

.ds-kpi.vid_analts_stat p.ds-kpi-value {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: 0;
  color: var(--foreground) !important;
  font-size: 28px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  letter-spacing: var(--tracking-tight);
  line-height: 1.1;
  text-align: start;
  text-shadow: none;
}

.ds-kpi-delta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: var(--radius-full);
}

.ds-kpi-delta svg {
  width: 14px;
  height: 14px;
}

.ds-kpi-delta.is-up {
  background: color-mix(in oklch, var(--success) 14%, transparent);
  color: var(--success);
}

.ds-kpi-delta.is-down {
  background: color-mix(in oklch, var(--destructive) 14%, transparent);
  color: var(--destructive);
}

/* ======================================================================
   Gráficos
   ====================================================================== */

.ds-studio #chart-container {
  margin-top: var(--space-4);
  padding: var(--space-4);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--card);
  overflow: hidden;
}

.ds-studio .ds-chart-filter {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  margin-top: var(--space-4);
}

.ds-studio .pt_vid_stud_row > .ds-chart-filter {
  grid-column: 1 / -1;
  margin-top: 0;
}

@media (min-width: 1024px) {
  .ds-studio .pt_vid_stud_row > .ds-chart-filter {
    grid-column: span 3;
  }
}

.ds-studio .ds-chart-filter select.form-control,
.ds-studio select#type {
  float: none !important;
  width: 180px;
  height: 36px !important;
  padding: 0 var(--space-8) 0 var(--space-3);
  border: 1px solid var(--input) !important;
  border-radius: var(--radius-md) !important;
  background-color: var(--background);
  box-shadow: none !important;
  color: var(--foreground) !important;
  font-size: var(--text-sm);
}

html .ds-studio .highcharts-root .highcharts-background {
  fill: transparent !important;
}

html .ds-studio .highcharts-root .highcharts-title {
  fill: var(--foreground) !important;
}

.ds-studio .highcharts-xaxis-grid .highcharts-grid-line {
  stroke: transparent !important;
}

.ds-chart-tip-key {
  display: block;
  margin-bottom: var(--space-1);
  color: var(--muted-foreground);
  font-size: var(--text-2xs);
}

.ds-chart-tip-val {
  padding-inline-start: var(--space-2);
  font-variant-numeric: tabular-nums;
  text-align: end;
}

/* ======================================================================
   "Mais vistos" / vídeo em análise: linhas compactas
   ====================================================================== */

.ds-studio .ds-section-title {
  margin: 0 0 var(--space-3);
  color: var(--foreground);
  font-size: var(--text-md);
  font-weight: 600;
}

.ds-studio .videos-list .vid_analts_info {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  margin: 0;
  padding: var(--space-3);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--card);
}

.ds-studio .videos-list .vid_analts_info:hover {
  background: var(--accent);
}

.ds-studio .videos-list .vid_analts_info .video-thumb {
  flex: none;
  width: 120px !important;
  max-width: 120px;
  min-width: 120px;
  margin: 0 !important;
  float: none !important;
}

.ds-studio .videos-list .vid_analts_info .video-thumb a {
  aspect-ratio: 16 / 9;
}

.ds-studio .videos-list .vid_analts_info .video-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ds-studio .videos-list .vid_analts_info .video-thumb a svg {
  display: none;
}

.ds-studio .videos-list .vid_analts_info .video-title {
  flex: 1 1 auto;
  min-width: 0;
  font-size: var(--text-base);
}

.ds-studio .videos-list .vid_analts_info .video-title a {
  display: -webkit-box;
  overflow: hidden;
  color: var(--foreground) !important;
  font-weight: 500;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ds-studio .vid_analts_info_smll {
  margin-top: var(--space-1);
  color: var(--muted-foreground);
  font-size: var(--text-sm);
  font-variant-numeric: tabular-nums;
}

.ds-studio .vid_analts_info > .clear {
  display: none;
}

/* ======================================================================
   Video studio: lista em linhas
   ====================================================================== */

.ds-studio .ds-studio-filter .ds-filter-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
}

.ds-studio .ds-filter-btn svg {
  width: 16px;
  height: 16px;
}

.ds-studio .vid_stud_filtr {
  min-width: 180px;
  padding: var(--space-1);
}

.ds-studio .vid_stud_filtr label input[type="radio"] + span {
  padding: 6px var(--space-3);
  border-radius: var(--radius-sm);
  color: var(--foreground);
  font-size: var(--text-sm);
}

.ds-studio .vid_stud_filtr label:hover span {
  background: var(--accent);
}

.ds-studio .vid_stud_filtr label input[type="radio"]:checked + span {
  background: var(--accent);
  color: var(--foreground);
  font-weight: 600;
}

.ds-studio:not(.ds-manage) .subscriptions-list .author-list {
  margin: 0;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

.ds-studio .subscriptions-list .author-list:empty {
  display: none;
}

.ds-studio .ds-vrow-wrap {
  float: none;
  width: 100%;
  margin: 0 !important;
  padding: 0;
  border-bottom: 1px solid var(--border);
}

.ds-studio .ds-vrow-wrap:last-child {
  border-bottom: 0;
}

.ds-studio .pt_vid_stud_vids .video-latest-list.ds-vrow {
  display: grid;
  grid-template-columns: 160px minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-4);
  height: auto;
  margin: 0 !important;
  padding: var(--space-3) var(--space-4);
  transition: background-color var(--duration) var(--ease);
}

.ds-studio .pt_vid_stud_vids .video-latest-list.ds-vrow:hover {
  background: color-mix(in oklch, var(--accent) 60%, transparent);
}

.ds-studio .pt_vid_stud_vids .ds-vrow .video-thumb {
  width: 160px !important;
  max-width: 160px;
  margin: 0 !important;
}

.ds-studio .pt_vid_stud_vids .ds-vrow .video-thumb a {
  padding-bottom: 56.25%;
  border-radius: var(--radius-md) !important;
}

.ds-studio .pt_vid_stud_vids .ds-vrow-body {
  min-width: 0;
}

.ds-studio .pt_vid_stud_vids .ds-vrow .video-title {
  display: block;
  min-height: 0;
}

body .ds-studio .pt_vid_stud_vids .ds-vrow .video-title h4 {
  max-height: none;
  margin: 0 0 var(--space-1) !important;
  font-size: var(--text-base);
  font-weight: 600;
  line-height: var(--leading-tight);
  -webkit-line-clamp: 1;
}

.ds-studio .ds-vrow-stats {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1) var(--space-4);
  margin: 0;
}

.ds-studio .ds-vrow-stats .ds-stat {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--muted-foreground) !important;
  font-size: var(--text-xs) !important;
  white-space: nowrap;
}

.ds-studio .ds-vrow-stats .ds-stat b {
  color: var(--foreground);
  font-weight: 500;
}

.ds-studio .ds-vrow-stats .ds-stat span.ds-stat-label {
  font-size: inherit !important;
}

.ds-studio .vid_stud_stats.ds-vrow-stats svg {
  width: 14px;
  height: 14px;
  margin: 0;
}

body .ds-studio .pt_vid_stud_vids .video-latest-list .video-info p.ds-vrow-desc {
  display: -webkit-box;
  max-height: none;
  margin: var(--space-2) 0 0;
  overflow: hidden;
  color: var(--muted-foreground);
  font-size: var(--text-sm);
  line-height: var(--leading-normal);
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.ds-studio .ds-vrow-actions {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  margin: 0;
  float: none !important;
}

.ds-studio .ds-vrow-actions .btn-icon,
.ds-studio .pt_vid_stud_vids_actions.ds-vrow-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin: 0;
  padding: 0;
  border-radius: var(--radius-md);
  color: var(--muted-foreground);
}

.ds-studio .ds-vrow-actions a:hover {
  background: var(--accent);
  color: var(--foreground);
}

.ds-studio .ds-vrow-actions a.ds-danger:hover {
  background: color-mix(in oklch, var(--destructive) 12%, transparent);
  color: var(--destructive);
}

.ds-studio .pt_vid_stud_vids_actions.ds-vrow-actions a svg {
  width: 16px;
  height: 16px;
}

.ds-studio .subscriptions-list .load-more {
  margin-top: var(--space-4);
}

@media (max-width: 767px) {
  .ds-studio .user-setting-panel,
  .user-setting-panel.ds-studio,
  .ds-studio .create-new-ad-container,
  .content.ds-manage {
    padding: var(--space-4) !important;
  }
  .ds-studio .yp_sett_header h4 {
    font-size: var(--text-2xl);
  }
  .ds-studio .yp_sett_header h4 svg {
    width: 32px;
    height: 32px;
    padding: 7px;
  }
  .ds-studio .pt_vid_stud_vids .video-latest-list.ds-vrow {
    grid-template-columns: 120px minmax(0, 1fr);
    align-items: start;
    gap: var(--space-3);
    padding: var(--space-3);
  }
  .ds-studio .pt_vid_stud_vids .ds-vrow .video-thumb {
    width: 120px !important;
    max-width: 120px;
  }
  body .ds-studio .pt_vid_stud_vids .ds-vrow .video-title h4 {
    -webkit-line-clamp: 2;
  }
  .ds-studio .ds-vrow-stats .ds-stat-label,
  .ds-studio .ds-vrow-desc {
    display: none !important;
  }
  .ds-studio .ds-vrow-actions {
    grid-column: 1 / -1;
    justify-content: flex-end;
    margin-top: calc(var(--space-2) * -1);
  }
  .ds-kpi.vid_analts_stat {
    min-height: 96px;
    padding: var(--space-3) var(--space-4);
  }
  .ds-kpi.vid_analts_stat p.ds-kpi-value {
    font-size: var(--text-3xl);
  }
  .ds-studio .ds-chart-filter select.form-control,
  .ds-studio select#type {
    width: 100%;
  }
  .ds-studio #chart-container {
    padding: var(--space-2);
  }
}

/* ======================================================================
   Comentários (gerenciador do estúdio)
   ====================================================================== */

.ds-studio #comments_container {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  margin: 0;
}

.ds-studio #comments_container > .clear {
  display: none;
}

.ds-studio .comment_info {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 300px);
  gap: var(--space-4);
  align-items: start;
  padding: var(--space-4);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--card);
}

.ds-studio .comment_info > [class*="col-"] {
  width: auto;
  float: none;
  padding: 0;
}

.ds-studio .comment_info > hr,
.ds-studio .comment_info > .clear {
  display: none;
}

.ds-studio .comment_info .user-comments .main-comment {
  margin: 0;
  padding: 0;
  border: 0;
}

.ds-studio .comment_info .user-avatar img {
  width: 36px;
  height: 36px;
  border-radius: var(--radius-full);
}

.ds-studio .comment_info .user-name a {
  color: var(--foreground);
  font-size: var(--text-sm);
  font-weight: 600;
}

.ds-studio .comment_info .user-name small {
  margin-inline-start: var(--space-2);
  color: var(--muted-foreground);
  font-size: var(--text-xs);
}

.ds-studio .comment_info .ds-verified {
  width: 14px;
  height: 14px;
  margin-inline-start: 2px;
  color: var(--brand-text);
  vertical-align: -2px;
}

.ds-studio .comment_info .user-comment p {
  margin: var(--space-1) 0 var(--space-2);
  color: var(--foreground) !important;
  font-size: var(--text-base);
  line-height: var(--leading-normal);
}

.ds-studio .comment_info .div-vote-comment-btn > span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--muted-foreground);
  font-size: var(--text-xs);
  cursor: pointer;
}

.ds-studio .comment_info .div-vote-comment-btn svg {
  width: 14px;
  height: 14px;
}

.ds-studio .comment_info #video_dropdown .dropdown-toggle {
  width: 28px;
  height: 28px;
  padding: 6px;
  border-radius: var(--radius-md);
  color: var(--muted-foreground);
  cursor: pointer;
}

.ds-studio .comment_info #video_dropdown .dropdown-toggle:hover {
  background: var(--accent);
  color: var(--foreground);
}

.ds-studio .comment_info .dropdown-menu .dropdown-item a {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: 6px var(--space-3);
  border-radius: var(--radius-sm);
  color: var(--foreground);
  font-size: var(--text-sm);
}

.ds-studio .comment_info .dropdown-menu .dropdown-item a:hover {
  background: var(--accent);
}

.ds-studio .comment_info .dropdown-menu .dropdown-item svg {
  width: 16px;
  height: 16px;
}

.ds-studio .comment_info .videos-list .vid_analts_info.short {
  padding: var(--space-2);
  gap: var(--space-3);
  background: var(--muted);
  border-color: transparent;
}

.ds-studio .comment_info .videos-list .vid_analts_info.short .video-thumb {
  width: 96px !important;
  max-width: 96px;
  min-width: 96px;
}

.ds-studio .comment_info .videos-list .vid_analts_info.short .video-title {
  font-size: var(--text-sm);
  max-height: none;
}

@media (max-width: 767px) {
  .ds-studio .comment_info {
    grid-template-columns: minmax(0, 1fr);
    padding: var(--space-3);
  }
}

/* ======================================================================
   Tabelas (ganhos, anúncios) + DataTables
   ====================================================================== */

.ds-studio .user-ads-list-container.pt_vid_stud_ads_list {
  margin-top: var(--space-6);
  padding: 0;
  border: 0;
  background: transparent !important;
  box-shadow: none !important;
}

.ds-studio .user-ads-list-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
  margin-bottom: var(--space-4);
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none !important;
}

.ds-studio .user-ads-list-header .pointer {
  float: none !important;
}

.ds-studio .user-ads-list-header .pointer.pull-right,
.ds-studio .user-ads-list-header .create-ad-btn {
  margin-inline-start: auto;
}

.ds-studio .user-ads-list-header .pointer a,
.ds-studio .user-ads-list-header .create-ad-btn a {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  height: 34px;
  padding: 0 var(--space-3);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  color: var(--foreground);
  font-size: var(--text-sm);
  font-weight: 500;
  text-decoration: none;
}

.ds-studio .user-ads-list-header .pointer.active a {
  border-color: transparent;
  background: var(--secondary);
}

.ds-studio .user-ads-list-header .pointer a:hover,
.ds-studio .user-ads-list-header .create-ad-btn a:hover {
  background: var(--accent);
}

.ds-studio .user-ads-list-header svg {
  width: 16px;
  height: 16px;
  margin: 0;
}

.ds-studio .dataTables_wrapper {
  overflow-x: auto;
}

.ds-studio .dataTables_wrapper > .row {
  margin: 0 0 var(--space-3);
}

.ds-studio .dataTables_wrapper > .row > [class*="col-"] {
  padding: 0;
}

.ds-studio div.dataTables_wrapper div.dataTables_filter input,
.ds-studio div.dataTables_wrapper div.dataTables_length select {
  height: 32px !important;
  border: 1px solid var(--input) !important;
  border-radius: var(--radius-md) !important;
  background: var(--background);
  box-shadow: none !important;
  color: var(--foreground) !important;
}

.ds-studio div.dataTables_wrapper div.dataTables_info,
.ds-studio div.dataTables_wrapper label {
  color: var(--muted-foreground) !important;
  font-size: var(--text-sm);
  font-weight: 400;
}

.ds-studio table.table,
.ds-studio table.dataTable {
  width: 100% !important;
  margin: 0 !important;
  border: 1px solid var(--border);
  border-collapse: separate !important;
  border-spacing: 0;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

.ds-studio table.table > thead > tr > th,
.ds-studio table.table > thead > th {
  padding: var(--space-3) var(--space-4);
  border-bottom: 1px solid var(--border) !important;
  background: var(--muted) !important;
  color: var(--muted-foreground) !important;
  font-size: var(--text-xs);
  font-weight: 500;
  text-align: start;
  white-space: nowrap;
}

.ds-studio table.table > tbody > tr > td {
  padding: var(--space-3) var(--space-4);
  border-top: 1px solid var(--border);
  color: var(--foreground);
  font-size: var(--text-sm);
  font-variant-numeric: tabular-nums;
  vertical-align: middle;
}

.ds-studio table.table > tbody > tr:first-child > td {
  border-top: 0;
}

.ds-studio table.table > tbody > tr:hover > td {
  background: color-mix(in oklch, var(--accent) 60%, transparent);
}

.ds-studio table.table td a {
  color: var(--foreground);
  font-weight: 500;
}

.ds-studio table.table td a:hover {
  color: var(--brand-text);
}

.ds-studio table.table td .spends,
.ds-studio table.table td .results {
  color: inherit;
  font-size: inherit;
}

.ds-studio table.table td .dataTables_empty,
.ds-studio table.table td.dataTables_empty {
  padding: var(--space-8);
  color: var(--muted-foreground);
  text-align: center;
}

/* Linha de anúncio: categoria e ações */
.ds-ad-cat {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: var(--radius-md);
  background: var(--muted);
  color: var(--muted-foreground);
}

.ds-ad-cat svg {
  width: 16px;
  height: 16px;
}

.ds-ad-cat[data-cat="image"] .ds-ico-video,
.ds-ad-cat:not([data-cat="image"]) .ds-ico-image {
  display: none;
}

.ds-studio table.table td .action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: var(--radius-md);
  color: var(--muted-foreground);
  cursor: pointer;
}

.ds-studio table.table td .action a {
  display: inline-flex;
  color: inherit;
}

.ds-studio table.table td .action:hover {
  background: var(--accent);
  color: var(--foreground);
}

.ds-studio table.table td .action.ds-danger:hover {
  background: color-mix(in oklch, var(--destructive) 12%, transparent);
  color: var(--destructive);
}

.ds-studio table.table td .action svg {
  width: 16px;
  height: 16px;
}

/* ======================================================================
   Anúncios: cabeçalho, saldos, formulários
   ====================================================================== */

.pt_ads_page_header.ds-studio {
  padding: var(--space-6);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  background: var(--card) !important;
  box-shadow: none !important;
}

.pt_ads_page_header.ds-studio .pt_ads_tool_header {
  display: block;
  margin: 0 0 var(--space-6);
}

.pt_ads_page_header.ds-studio .pt_ads_hdr_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  margin-bottom: var(--space-4);
}

.pt_ads_page_header.ds-studio .page_head {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin: 0;
  color: var(--foreground);
  font-size: var(--text-3xl);
  font-weight: 600;
}

.pt_ads_page_header.ds-studio .page_head svg,
.pt_ads_page_header.ds-studio .btn svg {
  width: 20px;
  height: 20px;
}

.pt_ads_page_header.ds-studio .pt_ads_tool_header > .row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-3);
  margin: 0;
}

.pt_ads_page_header.ds-studio .pt_ads_tool_header > .row::before,
.pt_ads_page_header.ds-studio .pt_ads_tool_header > .row::after {
  display: none;
}

.pt_ads_page_header.ds-studio .pt_ads_tool_header > .row > * {
  width: auto;
  float: none;
  padding: 0;
}

.pt_ads_page_header.ds-studio .pt_ads_tool_header > .row > .alert {
  grid-column: 1 / -1;
  margin: 0;
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-lg);
}

.pt_ads_page_header.ds-studio .col-10 {
  padding: 0;
  overflow-x: auto;
}

.pt_ads_page_header.ds-studio .pt_ads_tool_header > .row > .alert p {
  margin: 0;
  font-size: var(--text-sm);
}

.ds-studio .pt_ads_wallet_olink {
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-4) var(--space-5);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--card) !important;
  color: var(--foreground) !important;
  text-decoration: none;
}

.ds-studio .pt_ads_wallet_olink:hover {
  background: var(--accent) !important;
}

.ds-studio .pt_ads_wallet_olink > div {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--muted-foreground) !important;
  font-size: var(--text-sm);
  font-weight: 500;
}

.ds-studio .pt_ads_wallet_olink > div svg {
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  background: none !important;
  color: var(--muted-foreground);
}

.ds-studio .pt_ads_wallet_olink b {
  font-size: 28px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  letter-spacing: var(--tracking-tight);
}

.ds-studio .pt_create_ads_hdr {
  padding: 0;
  border-radius: 0;
  background: transparent;
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin: 0 0 var(--space-6);
  color: var(--foreground);
  font-size: var(--text-3xl);
  font-weight: 600;
}

.ds-studio .pt_create_ads_hdr svg {
  width: 20px;
  height: 20px;
}

.ds-studio .pt_ads_mini_bal {
  margin: 0 0 var(--space-4) !important;
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin-bottom: var(--space-2);
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--card);
}

.ds-studio .pt_ads_mini_bal svg {
  width: 20px;
  height: 20px;
  color: var(--muted-foreground);
}

.ds-studio .pt_ads_mini_bal p {
  margin: 0;
  color: var(--muted-foreground);
  font-size: var(--text-xs);
}

.ds-studio .pt_ads_mini_bal b {
  font-size: var(--text-lg);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.ds-studio .user-ads-settings-form .form-group {
  margin-bottom: var(--space-4);
  overflow: visible;
}

.ds-studio .user-ads-settings-form label,
.ds-studio .user-ads-settings-form .form-label {
  display: block;
  margin-bottom: 6px;
  padding: 0;
  color: var(--foreground);
  font-size: var(--text-sm);
  font-weight: 500;
}

.ds-studio .user-ads-settings-form .form-group > .col-md-12,
.ds-studio .user-ads-settings-form .form-group > .form-label.col-md-12 {
  float: none;
  padding: 0;
}

.ds-studio .user-ads-settings-form input.form-control,
.ds-studio .user-ads-settings-form select.form-control,
.ds-studio .user-ads-settings-form textarea.form-control {
  height: 36px;
  border: 1px solid var(--input) !important;
  border-radius: var(--radius-md) !important;
  background: var(--background);
  box-shadow: none !important;
  color: var(--foreground) !important;
  font-size: var(--text-base);
}

.ds-studio .user-ads-settings-form textarea.form-control {
  height: auto;
  min-height: 96px;
}

.ds-studio .pt_create_ads_upload {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-4);
  border: 1px dashed var(--input);
  border-radius: var(--radius-lg);
  background: var(--muted);
  color: var(--muted-foreground);
  cursor: pointer;
}

.ds-studio .pt_create_ads_upload:hover {
  border-color: var(--muted-foreground);
}

.ds-studio .pt_create_ads_upload svg {
  width: 20px;
  height: 20px;
}

.ds-studio .pt_create_ads_upload b {
  color: var(--foreground);
  font-size: var(--text-sm);
  font-weight: 500;
}

.ds-studio .create-new-ad-container .progress {
  border-radius: var(--radius-full);
}

.ds-studio .user-ads-settings-form #submit-btn,
.ds-studio .user-ads-settings-form .setting-panel-mdbtn {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  margin: 0;
}

.ds-studio .user-ads-settings-form #submit-btn svg {
  width: 16px;
  height: 16px;
}

.ds-studio .user-ads-settings-form .last-sett-btn {
  margin: 0;
  padding: var(--space-4) 0 0;
  border-top: 1px solid var(--border);
}

@media (max-width: 767px) {
  .pt_ads_page_header.ds-studio {
    padding: var(--space-4);
  }
  .pt_ads_page_header.ds-studio .pt_ads_tool_header > .row {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* ======================================================================
   Carteira
   ====================================================================== */

.ds-wallet > .row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
  margin: 0;
}

.ds-wallet > .row::before,
.ds-wallet > .row::after {
  display: none;
}

.ds-wallet > .row > [class*="col-"] {
  width: auto;
  float: none;
  padding: 0;
}

.ds-balance.pt_invit_link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-2);
  margin: 0;
  padding: var(--space-5) var(--space-6);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--card) !important;
}

.ds-balance.pt_invit_link > .ds-balance-label {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-2);
  color: var(--muted-foreground);
  font-size: var(--text-sm);
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}

.ds-balance.pt_invit_link > .ds-balance-label svg {
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: none !important;
  color: var(--muted-foreground);
}

.ds-balance.pt_invit_link span.ds-balance-value {
  margin: var(--space-1) 0 var(--space-2);
  color: var(--foreground);
  font-size: 36px;
  font-weight: 600;
  letter-spacing: var(--tracking-tight);
  line-height: 1.1;
}

.ds-balance.pt_invit_link .btn {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  height: 36px !important;
  padding: 0 var(--space-4);
  border-radius: var(--radius-md);
  font-size: var(--text-sm);
  font-weight: 500;
}

.ds-balance.pt_invit_link .btn svg {
  width: 16px;
  height: 16px;
}

.ds-balance.pt_invit_link .btn.btn-primary {
  border: 1px solid var(--primary) !important;
  background: var(--primary) !important;
  color: var(--primary-foreground) !important;
}

.ds-balance.pt_invit_link .btn.btn-secondary {
  border: 1px solid var(--border) !important;
  background: var(--secondary) !important;
  color: var(--secondary-foreground) !important;
}

@media (max-width: 767px) {
  .ds-wallet > .row {
    grid-template-columns: minmax(0, 1fr);
  }
  .ds-balance.pt_invit_link span.ds-balance-value {
    font-size: 30px;
  }
}

/* Formulários de recarga/transferência dentro do SweetAlert */
.swal2-modal .pt_wallet_forms,
.swal2-modal .yp_ads_add {
  text-align: start;
}

.swal2-modal .pt_wallet_forms div label,
.swal2-modal .yp_ads_add label {
  margin: 0;
}

.swal2-modal .pt_wallet_forms div label span {
  color: var(--foreground);
  font-size: var(--text-xl);
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
}

.swal2-modal .pt_wallet_forms div small {
  display: block;
  margin: 0 0 var(--space-2);
  color: var(--muted-foreground);
  font-size: var(--text-sm);
}

.swal2-modal .pt_wallet_forms input,
.swal2-modal .yp_ads_add input {
  height: 40px !important;
  border: 1px solid var(--input) !important;
  border-radius: var(--radius-md) !important;
  background: var(--background) !important;
  box-shadow: none !important;
  color: var(--foreground) !important;
  padding: 0 var(--space-3) !important;
  font-size: var(--text-lg) !important;
  font-variant-numeric: tabular-nums;
}

.swal2-modal .pt_wallet_forms .form-group {
  margin-bottom: var(--space-2);
  padding: 0;
}

.swal2-modal .yp_ads_add > svg {
  display: none;
}

.swal2-modal button.btn.pt_wallet_btn {
  height: 38px;
  margin: 0 !important;
  border-radius: var(--radius-md) !important;
  font-size: var(--text-sm);
  font-weight: 500;
}

.swal2-modal button.btn.pt_wallet_btn.btn-success {
  border: 1px solid var(--primary) !important;
  background: var(--primary) !important;
  color: var(--primary-foreground) !important;
}

.swal2-modal button.btn.pt_wallet_btn.btn-default {
  border: 1px solid var(--input) !important;
  background: var(--background) !important;
  color: var(--foreground) !important;
}

/* ======================================================================
   Modal de forma de pagamento (#pay-go-pro > .payment_method)
   ====================================================================== */

.payment_box .modal-header .modal-title {
  margin: 0;
  padding: 0;
  background: transparent !important;
  color: var(--foreground);
  font-size: var(--text-xl);
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
}

.payment_box .payment_method {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
  gap: var(--space-2);
  margin: 0;
  padding: var(--space-2) var(--space-6) var(--space-6);
}

.payment_box .payment_method:empty {
  display: none;
}

.payment_box .payment_method > .btn,
.payment_box .btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  min-height: 88px;
  margin: 0;
  padding: var(--space-3) var(--space-2);
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-lg) !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--foreground) !important;
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  font-weight: 500;
  line-height: var(--leading-tight);
  text-align: center;
  white-space: normal;
  transition: border-color var(--duration) var(--ease), background-color var(--duration) var(--ease);
}

.payment_box .payment_method > .btn:hover,
.payment_box .btn:hover {
  border-color: var(--muted-foreground) !important;
  background: var(--accent) !important;
  box-shadow: none !important;
}

.payment_box .payment_method > .btn:focus-visible {
  box-shadow: var(--focus-ring) !important;
}

.payment_box .payment_method > .btn[disabled] {
  opacity: .6;
}

.payment_box .payment_method > .btn svg,
.payment_box .payment_method > .btn img {
  flex: none;
  width: 28px !important;
  height: 28px !important;
  margin: 0 !important;
  object-fit: contain;
}

.payment_box .payment_method > .btn.bank_payment svg {
  color: var(--muted-foreground);
}

.payment_box .payment_method > .btn span {
  color: inherit !important;
  font-size: inherit;
}

@media (max-width: 480px) {
  .payment_box .payment_method {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: var(--space-2) var(--space-4) var(--space-4);
  }
}

/* Modais de cartão / banco / pagar com carteira */
#pay_modal_wallet .modal-title,
#2checkout_modal .modal-title,
#bank_transfer_modal .modal-title,
#transfer_earnings .modal-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
}

#transfer_earnings .modal-title svg {
  width: 18px;
  height: 18px;
  color: var(--muted-foreground);
}

#transfer_earnings .modal-body p {
  color: var(--muted-foreground);
  font-size: var(--text-sm);
}

#transfer_earnings .modal-body .alert p {
  margin: 0;
  color: inherit;
}

#authorize_modal .modal-content > .modal-title,
#aamarpay_modal .modal-title,
#braintree_modal .modal-title {
  padding: var(--space-6) var(--space-6) 0;
  text-align: start !important;
}

.twocheckout_modal .sun_input,
.authorize_modal .input-field {
  margin-bottom: var(--space-3);
}

#authorize_modal select.browser-default {
  width: 100%;
  height: 36px;
  padding: 0 var(--space-3);
  border: 1px solid var(--input);
  border-radius: var(--radius-md);
  background: var(--background);
  color: var(--foreground);
}

#pay_modal_wallet .pay_modal_wallet_text {
  color: var(--muted-foreground);
  font-size: var(--text-base);
}

/* ======================================================================
   Go Pro: cartões de preço
   ====================================================================== */

.pt_go_pro {
  max-width: 1120px;
  margin: 0 auto var(--space-12);
  padding: 0;
}

.pt_go_pro .go-pro-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-3);
  margin: 0 0 var(--space-8);
  padding: var(--space-8) 0 0;
  background: none !important;
  text-align: center;
}

.pt_go_pro .go-pro-head > div {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.pt_go_pro .go-pro-head > div .logo {
  height: 28px;
  width: auto;
}

.pt_go_pro .go-pro-head > div span {
  padding: 2px var(--space-2);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--muted) !important;
  color: var(--foreground) !important;
  font-size: var(--text-xs);
  font-style: normal;
  font-weight: 600;
  letter-spacing: .06em;
}

.pt_go_pro .go-pro-head > h4 {
  margin: 0;
  color: var(--foreground);
  font-size: var(--text-4xl);
  font-weight: 600;
  letter-spacing: var(--tracking-tight);
}

.pt_go_pro .go-pro-head > .icon {
  display: none;
}

.pt_go_pro .go-pro-body {
  position: static;
  margin: 0;
  padding: 0;
  background: none;
}

.pt_go_pro .go-pro-packages.ds-pricing {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  align-items: stretch;
  gap: var(--space-4);
  margin: 0;
  padding: 0;
}

.pt_go_pro .go-pro-packages .go-pro-pkg.ds-plan {
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  background: var(--card) !important;
  background-image: none !important;
  box-shadow: none !important;
  animation: none !important;
  transform: none !important;
}

.pt_go_pro .go-pro-packages .go-pro-pkg.ds-plan.is-featured {
  border: 2px solid var(--primary);
}

.pt_go_pro .go-pro-packages .go-pro-pkg.ds-plan > div {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: var(--space-6);
  gap: var(--space-5);
  background: none;
  align-items: stretch;
  text-align: start;
  justify-items: stretch;
}

.pt_go_pro .ds-plan .left-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-1);
  margin: 0;
  padding: 0;
  background: none !important;
  color: var(--foreground);
  text-align: start;
}

.pt_go_pro .ds-plan .left-block > svg,
.pt_go_pro .ds-plan .left-block .pro_packages_icon {
  width: 36px;
  height: 36px;
  margin: 0 0 var(--space-2);
  padding: 8px;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--muted) !important;
  color: var(--foreground) !important;
  object-fit: contain;
}

.pt_go_pro .ds-plan .left-block .pro_packages_icon {
  padding: 4px;
}

.pt_go_pro .ds-plan .go-pro-pkg-price {
  display: block;
  color: var(--foreground);
  font-size: var(--text-xl);
  font-weight: 600;
}

.pt_go_pro .ds-plan .left-block .small {
  min-height: 20px;
  color: var(--muted-foreground);
  font-size: var(--text-sm);
}

.pt_go_pro .ds-plan .go-pro-pkg-features {
  order: 3;
  flex: 1 1 auto;
  margin: 0;
  padding: var(--space-5) 0 0;
  border: 0;
  border-top: 1px solid var(--border);
}

.pt_go_pro .ds-plan .go-pro-features-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  margin: 0;
  padding: 0;
}

.pt_go_pro .ds-plan .go-pro-features-list p {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  color: var(--foreground);
  font-size: var(--text-sm);
  font-weight: 400;
  line-height: var(--leading-normal);
  text-align: start;
}

.pt_go_pro .ds-plan .go-pro-features-list p::before {
  display: none;
}

.pt_go_pro .ds-plan .go-pro-features-list p.is-off {
  color: var(--muted-foreground);
}

.pt_go_pro .ds-plan .ds-feat-ico {
  flex: none;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  color: var(--foreground);
}

.pt_go_pro .ds-plan .ds-feat-ico.is-off {
  color: var(--muted-foreground);
}

.pt_go_pro .ds-plan .right-block {
  order: 2;
  align-items: stretch;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  width: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: none !important;
  text-align: start;
}

.pt_go_pro .ds-plan .right-block .package-price {
  display: flex;
  align-items: flex-start;
  gap: 2px;
  margin: 0;
  color: var(--foreground);
}

.pt_go_pro .ds-plan .right-block .package-price span {
  margin-top: 6px;
  color: var(--muted-foreground);
  font-size: var(--text-lg);
  font-weight: 500;
}

.pt_go_pro .ds-plan .right-block .package-price b {
  font-size: 40px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
  line-height: 1;
}

.pt_go_pro .ds-plan .right-block .btn {
  width: 100%;
  height: 40px !important;
  margin: 0;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-md) !important;
  background: var(--secondary) !important;
  box-shadow: none !important;
  color: var(--secondary-foreground) !important;
  font-size: var(--text-sm);
  font-weight: 500;
  animation: none !important;
  transform: none !important;
}

.pt_go_pro .ds-plan.is-featured .right-block .btn {
  border-color: var(--primary) !important;
  background: var(--primary) !important;
  color: var(--primary-foreground) !important;
}

.pt_go_pro .ds-plan .right-block .btn:hover {
  opacity: .9;
}

/* Já é PRO (fallback dentro de go_pro) */
.go-pro-container {
  max-width: 480px;
  margin: var(--space-10) auto;
  padding: var(--space-8);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  background: var(--card);
  text-align: center;
}

.go-pro-container .checkmark,
.go-pro-container .checkmark__circle,
.go-pro-container .checkmark__check {
  animation: none !important;
}

.go-pro-container .checkmark {
  width: 48px;
  height: 48px;
  stroke: var(--success);
  stroke-width: 3;
  box-shadow: none !important;
}

.go-pro-container .checkmark__circle,
.go-pro-container .checkmark__check {
  stroke: var(--success);
  stroke-dasharray: none;
  stroke-dashoffset: 0;
}

.go-pro-container .upgraded-features p {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--foreground);
  font-size: var(--text-sm);
  text-align: start;
}

.go-pro-container .upgraded-features p span svg {
  width: 16px;
  height: 16px;
  color: var(--success);
}

/* Página "agora você é PRO" */
.pt_upgraded_page {
  text-align: center;
}

.pt_upgraded_page > svg:first-child {
  display: none;
}

.pt_upgraded_page h3 {
  color: var(--foreground);
  font-size: var(--text-3xl);
  font-weight: 600;
}

.pt_upgraded_page p {
  color: var(--muted-foreground);
}

/* ======================================================================
   Gerenciar vídeos (grade de cards com ações)
   ====================================================================== */

.ds-manage .upload-head {
  display: block;
}

.ds-manage .upload-head .page_head {
  justify-content: space-between;
  margin-bottom: var(--space-6);
}

.ds-manage .upload-head .page_head > svg {
  order: -1;
}

.ds-manage .upload-head #video_dropdown {
  margin-inline-start: auto;
  float: none !important;
}

.ds-manage .upload-head #video_dropdown .dropdown-toggle {
  width: 34px;
  height: 34px;
  padding: 8px;
  border-radius: var(--radius-md);
  color: var(--muted-foreground);
  cursor: pointer;
}

.ds-manage .upload-head #video_dropdown .dropdown-toggle:hover {
  background: var(--accent);
  color: var(--foreground);
}

.ds-manage .upload-head #video_dropdown .dropdown-menu a {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--foreground);
  font-size: var(--text-sm);
}

.ds-manage .upload-head #video_dropdown .dropdown-menu svg {
  width: 16px;
  height: 16px;
}

.ds-manage .upload-head #video_dropdown .dropdown-menu svg path {
  fill: currentColor;
}

.ds-manage .upload-head > hr {
  display: none;
}

.ds-manage > .col-md-12 {
  float: none;
  padding: 0;
}

.ds-manage .manage_vids .video-latest-list {
  height: auto;
  margin-bottom: var(--space-6);
}

.ds-manage .manage_vids .video-latest-list.video-wrapper .video-title a {
  display: block;
  height: auto;
}

.ds-manage .manage_vids .video-latest-list .video-title h4 {
  min-height: calc(2em * 1.3);
}

.ds-manage .manage_vids .video-latest-list .video-actions {
  display: flex;
  gap: var(--space-2);
  margin-top: var(--space-2);
}

.ds-manage .manage_vids .video-latest-list .video-actions a {
  display: inline-flex;
  flex: 1 1 0;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 32px;
  margin: 0;
  padding: 0 var(--space-3);
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-md) !important;
  background: transparent !important;
  color: var(--foreground) !important;
  font-size: var(--text-sm);
  font-weight: 500;
  text-decoration: none;
}

.ds-manage .manage_vids .video-latest-list .video-actions a:hover {
  background: var(--accent) !important;
}

.ds-manage .manage_vids .video-latest-list .video-actions a:last-child:hover {
  border-color: color-mix(in oklch, var(--destructive) 40%, transparent) !important;
  background: color-mix(in oklch, var(--destructive) 10%, transparent) !important;
  color: var(--destructive) !important;
}

.ds-manage .manage_vids .video-latest-list .video-actions a svg {
  width: 14px;
  height: 14px;
  margin: 0;
  color: var(--muted-foreground);
}

.ds-manage .manage_vids .video-latest-list .video-actions a:last-child:hover svg {
  color: currentColor;
}

/* ======================================================================
   Afiliados
   ====================================================================== */

.main_aff_page p {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  max-width: 640px;
  margin: 0 auto var(--space-3);
  padding: var(--space-4);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--card);
  color: var(--foreground);
  font-size: var(--text-base);
  text-align: start;
}

.main_aff_page p > span {
  flex: none;
  color: var(--brand-text) !important;
}

.main_aff_page p > span svg {
  width: 20px;
  height: 20px;
}

.main_aff_page p > span svg path {
  fill: currentColor;
}

@media (max-width: 767px) {
  .ds-manage .manage_vids.row {
    margin-inline: 0;
  }
  .ds-manage .upload-head .page_head {
    margin-bottom: var(--space-4);
    font-size: var(--text-2xl);
  }
}