/* style.css – visual unificado para listar e registrar */

:root{
  --blue:#0e5fd8;
  --blue-dark:#0b49a3;
  --ink:#0f2a46;
  --muted:#6b7a90;
  --bg:#f5f7fb;
  --card:#ffffff;
  --border:#e6e9f0;
  --success:#1a9b65;
  --warning:#f2a100;
  --danger:#e2584e;
}

.jorah-wrap{max-width:1200px;margin:0 auto;padding:24px;}
.jorah-title{color:var(--ink);font-size:28px;margin:10px 0 20px}
.jorah-loading,.jorah-empty{padding:24px;color:var(--muted)}

/* ------- FILTROS ------- */
.jorah-filtros{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 18px}
.jorah-select{min-width:180px;padding:10px;border:1px solid var(--border);border-radius:8px;background:#fff}
.jorah-btn{padding:10px 14px;border-radius:8px;border:1px solid var(--border);background:#fff;cursor:pointer}
.jorah-btn:hover{background:#f8fafc}
.jorah-btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}
.jorah-btn-primary:hover{background:var(--blue-dark)}
.jorah-btn-outline{border-color:var(--blue);color:var(--blue);background:#fff}
.jorah-btn-success{background:var(--success);border-color:var(--success);color:#fff}

/* ------- GRID LISTA ------- */
.jorah-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:1024px){.jorah-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:680px){.jorah-grid{grid-template-columns:1fr}}

.jorah-card{background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:0 1px 3px rgba(15,42,70,.05);overflow:hidden}
.jorah-card-fotos{display:flex;gap:8px;padding:12px;border-bottom:1px dashed var(--border)}
.jorah-card-fotos img{width:80px;height:80px;object-fit:cover;border-radius:10px;border:1px solid var(--border)}
.jorah-card-body{padding:14px}
.jorah-card-body h3{margin:0 0 8px;color:var(--ink)}
.jorah-card-body p{margin:4px 0;color:#334155}

/* badges */
.badge{display:inline-block;font-size:12px;padding:6px 9px;border-radius:999px;margin:8px 8px 0 0}
.badge-alta{background:#fff8e7;color:#b46900;border:1px solid #ffcd6b}
.badge-peso{background:#ffecec;color:#a62b1f;border:1px solid #ff9b9b}

/* ------- PAGINAÇÃO ------- */
.jorah-paginacao{display:flex;gap:8px;justify-content:center;margin:20px 0 4px}
.jorah-pages .page-link,
.jorah-paginacao .page-link{padding:7px 12px;border:1px solid var(--border);border-radius:8px;background:#fff;cursor:pointer}
.jorah-paginacao .page-link.active{background:var(--blue);border-color:var(--blue);color:#fff}

/* ------- FORM CADASTRO ------- */
.jorah-form{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px}
.jorah-grid-form{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media (max-width:900px){.jorah-grid-form{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.jorah-grid-form{grid-template-columns:1fr}}
.jf-group label{display:block;color:var(--ink);font-weight:600;margin-bottom:6px}
.jf-input{width:100%;padding:11px;border:1px solid var(--border);border-radius:10px;background:#fff}
.jf-full{grid-column:1/-1}

.jf-photos{margin-top:18px}
.jf-photo-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-bottom:12px}

/* alerts */
.jorah-alert{padding:12px 14px;border-radius:10px;margin:10px 0}
.jorah-alert-danger{background:#ffecec;border:1px solid #ff9b9b;color:#8b1a12}