/* =============================================================
 *  modals/user_peek.css
 *  Extraído automaticamente de index.php.
 *  NÃO editar manualmente até remover o script de split.
 * ============================================================= */

    /* Mini-perfil (abre ao clicar no nome de um membro na bolha do grupo) */
    #user-peek-modal {
      position: fixed; inset: 0; z-index: 10095;
      background: rgba(17,24,39,.45);
      display: none; align-items: center; justify-content: center;
      padding: 16px;
    }
    #user-peek-modal.open { display: flex; }
    .up-box {
      width: 100%; max-width: 380px;
      background: var(--panel); border-radius: 18px; border: 1px solid var(--border);
      box-shadow: 0 16px 48px rgba(0,0,0,.22);
      overflow: hidden; position: relative;
    }
    .up-close {
      position: absolute; top: 10px; right: 10px;
      width: 32px; height: 32px; border-radius: 50%;
      border: none; background: rgba(255,255,255,.9); color: #111;
      font-size: 20px; cursor: pointer; z-index: 2;
      display: flex; align-items: center; justify-content: center;
      box-shadow: 0 2px 8px rgba(0,0,0,.18);
    }
    .up-hero {
      background: linear-gradient(135deg, var(--accent) 0%, #5b7cfa 100%);
      color: #fff; padding: 28px 16px 20px; text-align: center;
    }
    .up-avatar {
      width: 96px; height: 96px; border-radius: 50%;
      margin: 0 auto 12px; overflow: hidden;
      background: rgba(255,255,255,.25);
      display: flex; align-items: center; justify-content: center;
      font-weight: 800; font-size: 30px; color: #fff;
      border: 3px solid rgba(255,255,255,.55);
      box-shadow: 0 6px 18px rgba(0,0,0,.18);
    }
    .up-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
    .up-name { font-size: 18px; font-weight: 800; line-height: 1.2; }
    .up-user { font-size: 13px; opacity: .92; margin-top: 2px; font-weight: 600; }
    .up-body { padding: 14px 18px 4px; }
    .up-about-label {
      font-size: 11px; font-weight: 800; color: var(--text-3);
      text-transform: uppercase; letter-spacing: .05em; margin-bottom: 4px;
    }
    .up-about {
      font-size: 14px; color: var(--text); font-weight: 500; line-height: 1.45;
      min-height: 18px; white-space: pre-wrap; word-break: break-word;
    }
    .up-about.placeholder { color: var(--text-3); font-style: italic; font-weight: 600; }
    .up-actions {
      display: flex; flex-direction: column; gap: 8px; padding: 14px 18px 18px;
    }
    .up-btn {
      border: 1px solid var(--border); background: var(--surface); color: var(--text);
      border-radius: 12px; padding: 10px 14px; font-size: 14px; font-weight: 800;
      cursor: pointer; transition: background .15s, transform .12s, opacity .15s;
      text-align: center;
    }
    .up-btn:hover { background: var(--panel); }
    .up-btn.up-primary {
      background: var(--accent); color: #fff; border-color: var(--accent);
    }
    .up-btn.up-primary:hover { background: var(--accent-h); }
    .up-btn[disabled] { opacity: .6; cursor: not-allowed; }