/**
 * Lenda do Churrasco - Override LineOne para admin
 * APENAS: cor de fundo (#3D2025 vinho) e menu/ícones dourados (#D4AF37)
 * Layout e estilos seguem referência LineOne (não alterar).
 */
:root {
  --lenda-vinho: #3D2025;
  --lenda-vinho-light: #4d2830;
  --lenda-vinho-dark: #2d181c;
  --lenda-dourado: #D4AF37;
  --lenda-dourado-light: #e5c55a;
}

/* Sidebar: logo clara no claro, logo branca no escuro (forçar, não depender de Tailwind dark:) */
.admin-sidebar-logo-light { display: block !important; }
.admin-sidebar-logo-dark { display: none !important; }
html.dark .admin-sidebar-logo-light,
html.admin-lenda.dark .admin-sidebar-logo-light { display: none !important; }
html.dark .admin-sidebar-logo-dark,
html.admin-lenda.dark .admin-sidebar-logo-dark { display: block !important; }

/* Modo escuro: cor de fundo vinho */
html.admin-lenda.dark #root,
html.admin-lenda.dark body,
html.admin-lenda.dark .main-content {
  background-color: var(--lenda-vinho-dark) !important;
}
html.admin-lenda.dark .main-sidebar > div {
  background-color: var(--lenda-vinho-dark) !important;
  border-color: var(--lenda-vinho-light) !important;
}
html.admin-lenda.dark .sidebar-panel > div {
  background-color: var(--lenda-vinho) !important;
  border-color: var(--lenda-vinho-light) !important;
}
html.admin-lenda.dark nav.header,
html.admin-lenda.dark nav.header .header-container {
  background-color: var(--lenda-vinho) !important;
  border-color: var(--lenda-vinho-light) !important;
}

/* Modo escuro: menu e ícones da sidebar em dourado */
html.admin-lenda.dark .main-sidebar a {
  color: var(--lenda-dourado-light) !important;
}
html.admin-lenda.dark .main-sidebar a svg {
  color: inherit !important;
}
html.admin-lenda.dark .main-sidebar a.bg-primary\/10,
html.admin-lenda.dark .main-sidebar a[class*="bg-primary"] {
  color: var(--lenda-dourado) !important;
}
html.admin-lenda.dark .main-sidebar a:hover {
  color: var(--lenda-dourado) !important;
}
html.admin-lenda.dark .sidebar-panel a:not([class*="bg-primary"]) {
  color: var(--lenda-dourado-light) !important;
}
html.admin-lenda.dark .sidebar-panel a:hover:not([class*="bg-primary"]) {
  color: var(--lenda-dourado) !important;
}
html.admin-lenda.dark .sidebar-panel .flex.h-18 p.text-sm {
  color: var(--lenda-dourado) !important;
}
html.admin-lenda.dark .sidebar-panel #sidebar-panel-close,
html.admin-lenda.dark .sidebar-panel button#sidebar-panel-close {
  color: var(--lenda-dourado-light) !important;
}
html.admin-lenda.dark .sidebar-panel #sidebar-panel-close:hover {
  color: var(--lenda-dourado) !important;
}

/* Monochrome (grayscale) — ref. LineOne extension-monochrome */
body.is-monochrome::before {
  pointer-events: none;
  position: fixed;
  inset: -5rem;
  z-index: 999999;
  width: calc(100% + 10rem);
  height: calc(100% + 10rem);
  content: '';
  -webkit-backdrop-filter: grayscale(1) opacity(0.92);
  backdrop-filter: grayscale(1) opacity(0.92);
}

/* FilePond no cardápio: evita overlay bloquear checkboxes (Remover imagem, Ativo) */
/* .filepond--list-scroller cria overlay invisível que bloqueia cliques - fix: pointer-events */
.filepond-cardapio {
  isolation: isolate;
  overflow: hidden;
}
.filepond-cardapio .filepond--root,
.filepond-cardapio .filepond--list-scroller {
  max-height: 10rem;
  overflow: hidden;
}
.filepond-cardapio .filepond--list-scroller {
  pointer-events: none;
}
.filepond-cardapio .filepond--list-scroller .filepond--item {
  pointer-events: auto;
}

/* Dropdown notificações (popper) */
.admin-notif-popper {
  position: absolute;
  right: 0;
  top: calc(100% + 0.5rem);
  z-index: 50;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4px);
  transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
}
.admin-notif-popper.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Card (ref. LineOne dashboards-crm-analytics) — fallback se components/card.css não existir */
.card {
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  background-color: #fff;
}
html.dark .card,
html.admin-lenda.dark .card {
  border-color: var(--lenda-vinho-light);
  background-color: var(--lenda-vinho-light);
}

/* Progress bar (funil) */
.progress {
  overflow: hidden;
  border-radius: 9999px;
}
.progress > div {
  height: 100%;
  min-height: 2px;
  transition: width 0.3s ease;
}

/* Área Restrita (login) — mesma cor do painel */
html.admin-lenda .area-restrita-preloader,
html.admin-lenda.dark .area-restrita-preloader {
  background-color: var(--lenda-vinho-dark) !important;
}
html.admin-lenda .area-restrita-root,
html.admin-lenda.dark .area-restrita-root {
  background-color: var(--lenda-vinho-dark) !important;
}
html.admin-lenda .area-restrita-main,
html.admin-lenda.dark .area-restrita-main {
  background-color: var(--lenda-vinho-dark) !important;
}
html.admin-lenda .area-restrita-main h2,
html.admin-lenda.dark .area-restrita-main h2 {
  color: var(--lenda-dourado-light) !important;
}
html.admin-lenda .area-restrita-main p,
html.admin-lenda.dark .area-restrita-main p {
  color: rgba(255, 255, 255, 0.8) !important;
}
html.admin-lenda .area-restrita-main .text-slate-400,
html.admin-lenda.dark .area-restrita-main .text-slate-400,
html.admin-lenda .area-restrita-main .text-navy-300,
html.admin-lenda.dark .area-restrita-main .text-navy-300 {
  color: rgba(255, 255, 255, 0.7) !important;
}
html.admin-lenda .area-restrita-main a:not(.btn),
html.admin-lenda.dark .area-restrita-main a:not(.btn) {
  color: var(--lenda-dourado-light) !important;
}
html.admin-lenda .area-restrita-main a:not(.btn):hover,
html.admin-lenda.dark .area-restrita-main a:not(.btn):hover {
  color: var(--lenda-dourado) !important;
}
html.admin-lenda .area-restrita-main .form-input,
html.admin-lenda.dark .area-restrita-main .form-input {
  background-color: var(--lenda-vinho) !important;
  border-color: var(--lenda-vinho-light) !important;
  color: #fff !important;
}
html.admin-lenda .area-restrita-main .form-input::placeholder,
html.admin-lenda.dark .area-restrita-main .form-input::placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}
html.admin-lenda .area-restrita-main label span[class*="text-slate"],
html.admin-lenda.dark .area-restrita-main label span[class*="text-slate"],
html.admin-lenda .area-restrita-main label span[class*="text-navy"] {
  color: rgba(255, 255, 255, 0.6) !important;
}
html.admin-lenda .area-restrita-main label:focus-within span {
  color: var(--lenda-dourado) !important;
}
html.admin-lenda .area-restrita-main .btn.bg-primary,
html.admin-lenda.dark .area-restrita-main .btn.bg-primary,
html.admin-lenda .area-restrita-main .btn[class*="bg-primary"] {
  background-color: var(--lenda-dourado) !important;
  color: var(--lenda-vinho-dark) !important;
}
html.admin-lenda .area-restrita-main .btn.bg-primary:hover,
html.admin-lenda.dark .area-restrita-main .btn.bg-primary:hover {
  background-color: var(--lenda-dourado-light) !important;
}
html.admin-lenda .area-restrita-main .text-primary,
html.admin-lenda.dark .area-restrita-main .text-primary,
html.admin-lenda .area-restrita-main a.text-primary {
  color: var(--lenda-dourado-light) !important;
}
html.admin-lenda .area-restrita-main .w-px.bg-slate-200,
html.admin-lenda.dark .area-restrita-main .w-px.bg-slate-200,
html.admin-lenda .area-restrita-main .w-px.bg-navy-500 {
  background-color: var(--lenda-vinho-light) !important;
}

/* Timeline (ref. LineOne components-timeline) — fallback para Ajuda e Rotina */
.timeline {
  list-style: none;
  padding: 0;
  margin: 0;
}
.timeline-item {
  display: flex;
  align-items: flex-start;
  gap: 0;
  padding-bottom: 1.25rem;
}
.timeline-item:last-child {
  padding-bottom: 0;
}
.timeline-item-point {
  flex-shrink: 0;
  width: var(--size, 1.5rem);
  height: var(--size, 1.5rem);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.timeline-item-point .text-tiny {
  font-size: 0.65rem;
}
.timeline-item-content {
  flex: 1;
  min-width: 0;
}
/* With Linespace: linha vertical entre itens */
.timeline.line-space {
  --size: 1.5rem;
  border-left: 2px solid rgba(255, 255, 255, 0.15);
  padding-left: 1rem;
  margin-left: calc(var(--size) / 2);
}
.timeline.line-space .timeline-item-point {
  margin-left: calc(-1 * (1rem + var(--size) / 2));
}

/* Admin Leads — modal do card (admin/leads.php): 2 colunas e largura no PC
   (utilitários md:* do Tailwind podem não existir no app.css se não estiverem no tema) */
/* Especificidade + !important onde o app.css (Tailwind) carrega depois e sobrescrevia grid-cols-1 */
#modal-lead-kanban .lead-modal-meta-row {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.5rem !important;
}
#modal-lead-kanban .lead-modal-fields-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1rem !important;
}
#modal-lead-kanban .lead-modal-evento-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.75rem !important;
}
#modal-lead-kanban .lead-modal-cardapio-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1rem !important;
}
@media (min-width: 768px) {
  #modal-lead-kanban .lead-modal-panel {
    max-width: 56rem !important;
    width: 100%;
  }
  #modal-lead-kanban .lead-modal-meta-row {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 1rem !important;
  }
  #modal-lead-kanban .lead-modal-fields-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  #modal-lead-kanban .lead-modal-col-span-2 {
    grid-column: span 2 / span 2 !important;
  }
  #modal-lead-kanban .lead-modal-evento-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 1rem !important;
    row-gap: 0.75rem !important;
  }
  #modal-lead-kanban .lead-modal-cardapio-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start;
  }
}