/* Portal de Negocios - CSS local
   No reemplaza app.css global, solo complementa para este subdominio.
*/

.portal .wrap{
  width: min(1000px, calc(100% - 24px));
  margin: 24px auto;
  padding-bottom: 30px;
}

/* Fondo sutil (si no existe en app.css) */
.portal .bg{
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(900px 500px at 10% 0%, rgba(242,140,40,.16), transparent 60%),
    radial-gradient(900px 500px at 90% 0%, rgba(31,122,63,.12), transparent 55%);
  opacity: .9;
  z-index: -1;
}

/* Marca en topbar */
.appbrand{
  display:flex;
  align-items:center;
  gap: 12px;
}
.appbrand__logo{
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 900;
  background: linear-gradient(135deg, rgba(31,122,63,.18), rgba(242,140,40,.14));
  border: 1px solid rgba(0,0,0,.08);
}
.appbrand__name{ font-weight: 900; letter-spacing: -.2px; }
.appbrand__tag{ color: var(--muted); font-size: 13px; margin-top: 2px; }

/* Chip */
.chip{
  display:inline-flex;
  align-items:center;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.75);
  font-weight: 800;
  color: var(--text);
  text-decoration: none !important;
}
.chip:hover{ filter: brightness(1.02); }

/* Mensajes */
.msg{
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(31,122,63,.22);
  background: rgba(31,122,63,.06);
}
.msg.is-hidden{ display:none; }
.msg.is-ok{
  border-color: rgba(31,122,63,.25);
  background: rgba(31,122,63,.06);
}
.msg.is-bad{
  border-color: rgba(200,55,55,.28);
  background: rgba(200,55,55,.08);
}

/* Acciones */
.formActions{
  margin-top: 14px;
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}

/* Hint fotos (reemplaza inline style) */
.photosHint{
  margin-top: 6px;
  font-size: 13px;
}

/* Lista archivos (ya existía en tu home antes; la dejo aquí para el portal) */
.fileList{ margin-top:10px; display:grid; gap:10px; }
.fileItem{ display:flex; gap:10px; align-items:center; padding:10px 12px; border:1px solid var(--line); border-radius:14px; background:#fff; }
.fileThumb{ width:44px; height:44px; border-radius:10px; object-fit:cover; background:#f2f2f2; border:1px solid var(--line); }
.fileMeta{ display:flex; flex-direction:column; min-width:0; }
.fileName{ font-weight:700; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:520px; }
.fileSize{ font-size:12px; color:var(--muted); }