/* PESQUEIROS + PONTUAÇÃO — CSS próprio, fora do build do Tailwind.
   🧨 O bundle do Tailwind é de 07/07 e o servidor não tem node_modules: classe
   nova escrita só no blade NÃO existe no CSS servido (lição de 01/09/2026).
   Por isso todo componente novo traz o próprio CSS, como o apple.css. */

.pq-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}
.pq-card + .pq-card{margin-top:12px}
.pq-head{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid #f1f5f9}
.pq-head h3{margin:0;font-size:14px;font-weight:700;color:#1f2937}
.pq-head .pq-sub{font-size:11px;color:#6b7280;margin:1px 0 0}
.pq-body{padding:12px 14px}
.pq-map{width:100%;height:190px;background:#eef2f6}
.pq-map.tall{height:280px}

.pq-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;
  padding:3px 9px;border-radius:999px;background:#f1f5f9;color:#475569;white-space:nowrap}
.pq-chip.blue{background:#e0f2fe;color:#075985}
.pq-chip.amber{background:#fef3c7;color:#92400e}
.pq-chip.green{background:#dcfce7;color:#166534}

.pq-stars{color:#f59e0b;letter-spacing:1px;font-size:14px}
.pq-stars .off{color:#d1d5db}
.pq-note{font-size:22px;font-weight:800;color:#1f2937;line-height:1}
.pq-note small{font-size:11px;font-weight:600;color:#6b7280;display:block;margin-top:2px}

.pq-quote{background:#f8fafc;border-left:3px solid #0077B6;border-radius:0 10px 10px 0;
  padding:10px 12px;font-size:13px;color:#334155;line-height:1.5}
.pq-quote .who{display:flex;align-items:center;gap:7px;margin-bottom:6px}
.pq-quote .who img{width:24px;height:24px;border-radius:50%;object-fit:cover}
.pq-quote .who b{font-size:12px;color:#1f2937}

.pq-crit{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;font-size:12px;color:#475569}
.pq-bar{height:6px;background:#e5e7eb;border-radius:999px;overflow:hidden;min-width:90px}
.pq-bar i{display:block;height:100%;background:#0077B6;border-radius:999px}

.pq-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;
  background:#0077B6;color:#fff;font-size:13px;font-weight:700;border:none;border-radius:10px;
  padding:9px 14px;cursor:pointer;text-decoration:none;transition:filter .15s}
.pq-btn:hover{filter:brightness(1.08)}
.pq-btn.ghost{background:#fff;color:#0077B6;border:1px solid #bae6fd}
.pq-btn.full{width:100%}

/* Seletor de estrelas (radio escondido, label clicável) */
.pq-rate{display:inline-flex;flex-direction:row-reverse;gap:2px}
.pq-rate input{position:absolute;opacity:0;width:0;height:0}
.pq-rate label{font-size:26px;line-height:1;color:#d1d5db;cursor:pointer;transition:color .1s}
.pq-rate input:checked ~ label,
.pq-rate label:hover, .pq-rate label:hover ~ label{color:#f59e0b}

.pq-field{display:block;margin-top:10px}
.pq-field span{display:block;font-size:12px;font-weight:600;color:#374151;margin-bottom:4px}
.pq-field input[type=text],.pq-field textarea,.pq-field select{
  width:100%;border:1px solid #d1d5db;border-radius:10px;padding:8px 10px;font-size:13px;
  font-family:inherit;color:#1f2937;background:#fff}
.pq-field textarea{min-height:76px;resize:vertical}
.pq-mini{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.pq-mini label{font-size:12px;color:#475569}
.pq-mini select{border:1px solid #d1d5db;border-radius:8px;padding:4px 6px;font-size:12px}

/* Grade de pesqueiros */
.pq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.pq-item{display:block;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:12px;
  text-decoration:none;color:inherit;transition:box-shadow .15s,transform .15s}
.pq-item:hover{box-shadow:0 4px 14px rgba(0,0,0,.08);transform:translateY(-1px)}
.pq-item h4{margin:0;font-size:14px;font-weight:700;color:#1f2937}
.pq-item p{margin:2px 0 0;font-size:11px;color:#6b7280}

/* Categoria / pontos */
.pq-level{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;
  padding:4px 10px;border-radius:999px;border:1px solid transparent}
.pq-prog{height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin-top:6px}
.pq-prog i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0077B6,#38bdf8)}
.pq-rank{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid #f1f5f9;
  text-decoration:none;color:inherit}
.pq-rank:last-child{border-bottom:none}
.pq-rank .pos{width:26px;text-align:center;font-weight:800;color:#94a3b8;font-size:13px}
.pq-rank img{width:34px;height:34px;border-radius:50%;object-fit:cover}
.pq-rank .nm{flex:1;min-width:0}
.pq-rank .nm b{display:block;font-size:13px;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pq-rank .nm span{font-size:11px;color:#6b7280}
.pq-rank .pts{font-size:14px;font-weight:800;color:#0077B6}
.pq-rank .pts small{display:block;font-size:10px;color:#9ca3af;font-weight:600;text-align:right}

.pq-empty{text-align:center;padding:22px 14px;color:#6b7280;font-size:13px}
.pq-empty b{display:block;color:#374151;margin-bottom:4px}