/* ============================================================
   FileHost — File Share Page CSS
   ============================================================ */

.file-share-page {
  min-height: 100vh;
  display: flex; align-items: center; justify-content: center;
  padding: 60px 16px;
}
.file-share-card {
  width: 100%; max-width: 600px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0,0,0,.4);
}
.file-share-header {
  padding: 32px 36px;
  background: linear-gradient(135deg, rgba(99,102,241,.12), rgba(139,92,246,.08));
  border-bottom: 1px solid var(--border);
  text-align: center;
}
.file-type-icon {
  width: 80px; height: 80px; border-radius: 20px;
  background: linear-gradient(135deg, rgba(99,102,241,.2), rgba(6,182,212,.15));
  display: flex; align-items: center; justify-content: center;
  font-size: 2rem; color: var(--primary);
  margin: 0 auto 18px;
}
.file-title { font-size: 1.2rem; font-weight: 700; word-break: break-word; }
.file-description { color: var(--text2); font-size: .875rem; margin-top: 8px; }

.file-share-body { padding: 28px 36px; }

.file-details-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 16px; margin-bottom: 24px;
}
.file-detail-item {
  background: var(--surface2);
  border-radius: var(--radius-sm);
  padding: 14px; text-align: center;
}
.file-detail-value { font-size: 1rem; font-weight: 700; margin-bottom: 4px; }
.file-detail-label { font-size: .72rem; color: var(--text3); text-transform: uppercase; letter-spacing: .5px; }

/* Password form */
.file-password-form { margin-bottom: 20px; }

/* Stats bar */
.file-stats-bar {
  display: flex; gap: 20px; flex-wrap: wrap;
  padding: 14px 0; margin-bottom: 20px;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  font-size: .8rem;
}
.file-stat { display: flex; align-items: center; gap: 6px; color: var(--text3); }
.file-stat i { color: var(--primary); }
.file-stat strong { color: var(--text); }