/* assets/app.css - tweaks sobre AdminLTE */

:root{
  --card-radius: 14px;
}

.content-wrapper .content-header h1{
  font-size: 1.25rem;
}

.card{
  border-radius: var(--card-radius);
}

.small-box, .info-box{
  border-radius: var(--card-radius);
}

.nav-sidebar .nav-link{
  border-radius: 10px;
}

/* Mejor spacing móvil */
@media (max-width: 576px){
  .content-wrapper .content-header{
    padding: .5rem 0;
  }
  .content-wrapper .content-header .breadcrumb{
    display:none;
  }
  .small-box .inner h3{
    font-size: 1.4rem;
  }
}

/* Login (seguimos usando simple por ahora) */
.login-page{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f4f6f9;
}
.login-box{
  width:min(420px,92vw);
  background:#fff;
  border-radius: var(--card-radius);
  padding:18px;
  box-shadow:0 12px 30px rgba(0,0,0,.08)
}
.login-box h1{margin:0 0 10px 0;font-size:20px}
label{display:block;margin-top:12px;font-size:13px;color:#333}
input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:10px;margin-top:6px}
button{width:100%;margin-top:14px;padding:11px 12px;border:0;border-radius:12px;background:#1e40af;color:#fff;font-weight:600}
.alert{background:#fee2e2;color:#991b1b;padding:10px;border-radius:10px;margin:10px 0}
.hint{font-size:12px;color:#555;margin-top:10px}
/* ---- Chat UI ---- */
.chat-card { border-radius: 14px; overflow: hidden; }
.chat-body{
  max-height: calc(100vh - 320px);
  overflow-y: auto;
  background: #f4f6f9;
  padding: 14px;
}
.chat-bubble{
  background:#fff;
  border-radius:14px;
  padding:10px 12px;
  margin:10px 0;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
}
.chat-bubble.mine{
  background:#e8f0ff;
  margin-left:auto;
}
.chat-meta{
  font-size:12px;
  opacity:.9;
  margin-bottom:6px;
}
.chat-time{opacity:.7}
.chat-text{font-size:14px; line-height:1.3}
.chat-atts{margin-top:8px; display:flex; gap:8px; flex-wrap:wrap}
.chat-thumb{
  width:110px;
  height:110px;
  object-fit:cover;
  border-radius:12px;
  border:1px solid #e5e7eb;
}
@media (max-width: 576px){
  .chat-body{ max-height: calc(100vh - 290px); }
  .chat-thumb{ width:92px; height:92px; }
}