/* ==========================================================
   VELYRA v10.4 — Import Dashboard Premium
   Escopo: ADM > Importações em fila
   Somente apresentação. Não altera worker, banco ou Cron.
   ========================================================== */

body:has(.import-engine-grid) .admin-main{
  min-width:0;
}

/* Cabeçalho */
body:has(.import-engine-grid) .admin-title{
  margin-bottom:22px!important;
  align-items:flex-start!important;
}
body:has(.import-engine-grid) .admin-title h1{
  font-size:clamp(2.1rem,4.1vw,4.15rem)!important;
  line-height:.94!important;
  max-width:760px!important;
  letter-spacing:-.045em!important;
}
body:has(.import-engine-grid) .admin-title .muted{
  max-width:820px!important;
  line-height:1.7!important;
}
body:has(.import-engine-grid) .admin-live{
  margin-top:4px!important;
}

/* Criação de fila + Watchdog */
body:has(.import-engine-grid) .import-engine-grid{
  gap:18px!important;
  align-items:stretch!important;
}
body:has(.import-engine-grid) .engine-form,
body:has(.import-engine-grid) .engine-info{
  border-radius:20px!important;
  padding:22px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.014))!important;
  border:1px solid rgba(255,255,255,.085)!important;
}
body:has(.import-engine-grid) .engine-info h3,
body:has(.import-engine-grid) .engine-form h3{
  font-size:1.45rem!important;
  line-height:1.05!important;
  margin:5px 0 14px!important;
}

/* Cron principal */
body:has(.import-engine-grid) .cron-card{
  margin-top:18px!important;
  border-radius:20px!important;
  padding:22px 24px!important;
  gap:24px!important;
  background:
    linear-gradient(135deg,rgba(212,169,63,.055),rgba(255,255,255,.018))!important;
  border:1px solid rgba(212,169,63,.24)!important;
}
body:has(.import-engine-grid) .cron-card h3{
  font-size:1.55rem!important;
  margin:5px 0 8px!important;
}
body:has(.import-engine-grid) .cron-card p{
  max-width:650px!important;
  line-height:1.7!important;
}
body:has(.import-engine-grid) .cron-url{
  min-width:min(100%,420px)!important;
}
body:has(.import-engine-grid) .cron-url input{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
  font-size:11px!important;
  opacity:.9!important;
}

/* Os 3 workers deixam de parecer texto solto */
body:has(.import-engine-grid) .worker-status-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin:12px 0 20px!important;
}
body:has(.import-engine-grid) .worker-status-grid>div{
  min-width:0!important;
  padding:12px 14px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:rgba(255,255,255,.022)!important;
  display:grid!important;
  gap:3px!important;
}
body:has(.import-engine-grid) .worker-status-grid b{
  font-size:12px!important;
  color:#f2ede5!important;
}
body:has(.import-engine-grid) .worker-status-grid small{
  font-size:10px!important;
  color:#89838f!important;
}
body:has(.import-engine-grid) .worker-status-grid code{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  padding:6px 8px!important;
  margin-top:5px!important;
  border-radius:8px!important;
  background:#09080c!important;
  border:1px solid rgba(255,255,255,.055)!important;
  color:#b7a469!important;
  font-size:9px!important;
}

/* Título da fila mais próximo da lista */
body:has(.import-engine-grid) .section-head{
  margin-top:10px!important;
  margin-bottom:12px!important;
  align-items:end!important;
}
body:has(.import-engine-grid) .section-head h2{
  font-size:clamp(2rem,3vw,3rem)!important;
  line-height:1!important;
  margin:4px 0 0!important;
  letter-spacing:-.035em!important;
}
body:has(.import-engine-grid) .result-count{
  margin-bottom:3px!important;
  font-size:10px!important;
  padding:7px 10px!important;
}

/* Lista */
body:has(.import-engine-grid) .job-list{
  gap:12px!important;
}
body:has(.import-engine-grid) .job-card{
  padding:17px 18px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.027),rgba(255,255,255,.012))!important;
  box-shadow:none!important;
  transition:border-color .18s ease,transform .18s ease,background .18s ease!important;
}
body:has(.import-engine-grid) .job-card:hover{
  border-color:rgba(212,169,63,.22)!important;
  background:
    linear-gradient(180deg,rgba(212,169,63,.035),rgba(255,255,255,.014))!important;
  transform:translateY(-1px)!important;
}
body:has(.import-engine-grid) .job-main{
  gap:12px!important;
  align-items:center!important;
}
body:has(.import-engine-grid) .job-icon{
  width:42px!important;
  height:42px!important;
  border-radius:12px!important;
  font-size:13px!important;
}
body:has(.import-engine-grid) .job-topline{
  gap:7px!important;
}
body:has(.import-engine-grid) .job-card h3{
  font-size:1.15rem!important;
  line-height:1.2!important;
  margin:4px 0 3px!important;
}
body:has(.import-engine-grid) .job-card small{
  font-size:10px!important;
}
body:has(.import-engine-grid) .job-progress{
  margin-top:13px!important;
}
body:has(.import-engine-grid) .job-progress>div:first-child{
  align-items:end!important;
}
body:has(.import-engine-grid) .job-progress b{
  font-size:1.05rem!important;
}
body:has(.import-engine-grid) .job-progress span{
  font-size:10px!important;
  color:#938c99!important;
}
body:has(.import-engine-grid) .progress{
  height:6px!important;
  margin-top:8px!important;
  background:#17141d!important;
  border:1px solid rgba(255,255,255,.035)!important;
}
body:has(.import-engine-grid) .progress i{
  background:linear-gradient(90deg,#7c4dde,#d8aa3e)!important;
}
body:has(.import-engine-grid) .job-actions{
  margin-top:12px!important;
  gap:7px!important;
}
body:has(.import-engine-grid) .job-actions .btn,
body:has(.import-engine-grid) .job-actions button{
  min-height:32px!important;
  padding:7px 11px!important;
  border-radius:9px!important;
  font-size:10px!important;
}

/* Watchdog/error mais discreto */
body:has(.import-engine-grid) .job-error{
  margin-top:10px!important;
  padding:9px 11px!important;
  border-radius:10px!important;
  font-size:10px!important;
  line-height:1.45!important;
}

/* Não deixa cron/URLs criarem largura horizontal */
body:has(.import-engine-grid) code,
body:has(.import-engine-grid) input{
  max-width:100%!important;
}

/* Mobile / tablet */
@media(max-width:980px){
  body:has(.import-engine-grid) .worker-status-grid{
    grid-template-columns:1fr!important;
  }
  body:has(.import-engine-grid) .cron-card{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  body:has(.import-engine-grid) .cron-url{
    min-width:0!important;
    width:100%!important;
  }
}
@media(max-width:720px){
  body:has(.import-engine-grid) .admin-title h1{
    font-size:2.4rem!important;
  }
  body:has(.import-engine-grid) .engine-form,
  body:has(.import-engine-grid) .engine-info,
  body:has(.import-engine-grid) .cron-card{
    padding:17px!important;
    border-radius:16px!important;
  }
  body:has(.import-engine-grid) .section-head{
    align-items:flex-start!important;
  }
  body:has(.import-engine-grid) .job-card{
    padding:14px!important;
  }
  body:has(.import-engine-grid) .job-progress>div:first-child{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:3px!important;
  }
}