/* =========================================================
   Armac Fotos & Vídeos — ajustes para computador (v133, 12/09/2026)
   Carregado depois do style.css e do mobile.css. Só telas a partir de 900px.
   ========================================================= */
:root { --topbar-h: 62px; }
.busca-rapida { display: none; }
.th-ord { cursor: pointer; user-select: none; position: relative; padding-right: 18px !important; }
.th-ord::after { content: '↕'; position: absolute; right: 4px; opacity: .35; font-size: 11px; }
.th-ord[data-dir=asc]::after { content: '↑'; opacity: 1; }
.th-ord[data-dir=desc]::after { content: '↓'; opacity: 1; }

@media (min-width: 900px) and (min-height: 601px) {
  /* ---- topo fixo já existe; adiciona a busca rápida ---- */
  .busca-rapida { display: block; flex: 0 1 300px; margin: 0 18px; }
  .busca-rapida input { width: 100%; box-sizing: border-box; padding: 9px 12px 9px 34px; border: 1.5px solid var(--cinza-200, #e3e7f2); border-radius: 20px; font: inherit; font-size: 13.5px; background: var(--cinza-100, #f4f6fb) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a6480' stroke-width='2' stroke-linecap='round'><circle cx='11' cy='11' r='7'/><path d='M20 20l-3.5-3.5'/></svg>") 11px center/16px no-repeat; }
  .busca-rapida input:focus { outline: none; border-color: #002A9A; background-color: #fff; }
  .topbar .usuario-info a[style*="underline"] { color: #002A9A; }

  /* ---- painel: colunas ocupam a largura, filtros presos abaixo do topo ---- */
  .filtros { position: sticky; top: var(--topbar-h); z-index: 40; box-shadow: 0 4px 14px rgba(0,42,154,.05); }
  .kanban { align-items: stretch; }
  .coluna { min-width: 300px; max-width: none; flex: 1 1 300px; }
  .coluna-body { max-height: calc(100vh - var(--topbar-h) - 150px); }
}
@media (min-width: 1500px) and (min-height: 601px) { .coluna { max-width: 400px; } }

@media (min-width: 1100px) and (min-height: 601px) {
  /* ---- marketing: prévia ao lado do formulário ---- */
  .admin-wrap-larga { max-width: 1440px; }
  .admin-wrap-larga .bk-card:has(.mk-preview-wrap) { display: grid; grid-template-columns: minmax(0, 1fr) minmax(380px, 44%); column-gap: 26px; align-items: start; }
  .admin-wrap-larga .bk-card:has(.mk-preview-wrap) > * { grid-column: 1; }
  .admin-wrap-larga .bk-card > .mk-preview-wrap { grid-column: 2; grid-row: 1 / span 40; position: sticky; top: calc(var(--topbar-h) + 14px); margin: 0; }
  .admin-wrap-larga .bk-card > .mk-preview-wrap #mkCanvas { max-height: calc(100vh - var(--topbar-h) - 60px); }
  .mk-config { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
}

@media (min-width: 900px) and (min-height: 601px) {
  /* ---- tabelas: cabeçalho preso e largura confortável ---- */
  .tabela-admin thead th, table.cc thead th, table.eq-tab thead th, table.fp thead th, table.tab-stats thead th { position: sticky; top: 0; background: #fff; z-index: 1; }
  .cc-wrap, .sd-wrap, .eq-wrap { max-width: 1400px; }
  .cc-filtros select, .cc-filtros input, .sd-filtros select, .sd-filtros input { min-width: 220px; }
  .sd-item .precos { gap: 22px; }
  .stats-wrap, .admin-wrap { max-width: 1300px; }
}