/* GROUP G — Pro AI Lab styles. Matches dark theme, brand red #e10600. */

/* uses-left line */
.featg-uses {
  font-size: 12px; color: var(--muted); letter-spacing: 0.5px;
  margin: 0 0 12px;
}
.featg-uses b { color: var(--red-soft); }
.featg-uses.zero b { color: var(--red); font-weight: 800; }

/* cards */
.featg-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 16px;
  margin-bottom: 14px;
}
.featg-title { font-weight: 800; font-size: 15px; margin: 0 0 4px; }
.featg-hint { font-size: 13px; color: var(--muted); margin: 0 0 12px; line-height: 1.45; }

/* file picker label (styled button) */
.featg-file {
  display: inline-block;
  border: 1px dashed rgba(255, 255, 255, 0.22);
  border-radius: 12px;
  padding: 10px 16px;
  font-size: 13px; font-weight: 700;
  color: var(--text);
  cursor: pointer;
  margin-bottom: 10px;
}
.featg-file:active { border-color: var(--red); }

/* file picker + camera button side by side */
.featg-file-row { display: flex; gap: 10px; margin-bottom: 10px; align-items: stretch; }
.featg-file-row .featg-file { margin-bottom: 0; flex: 1; text-align: center; }
.featg-cam-btn {
  display: inline-flex; align-items: center; justify-content: center;
  width: 46px; min-width: 46px; border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.04); color: var(--text);
  cursor: pointer;
}
.featg-cam-btn:active { border-color: var(--red); background: rgba(255, 60, 60, 0.12); }

/* photo preview */
.featg-preview {
  display: block;
  width: 100%; max-height: 260px;
  object-fit: cover;
  border-radius: 12px;
  border: 1px solid var(--line);
  margin: 0 0 12px;
}

/* lift select */
.featg-field { display: block; font-size: 11px; font-weight: 800; letter-spacing: 2px; color: var(--muted); margin-bottom: 6px; }
.featg-select {
  width: 100%;
  background: var(--card-2);
  color: var(--text);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 12px 14px;
  font-size: 14px; font-weight: 600;
  margin-bottom: 12px;
  appearance: none;
}

/* result card */
.featg-result {
  margin-top: 14px;
  background: var(--card-2);
  border: 1px solid var(--line);
  border-left: 3px solid var(--red);
  border-radius: 12px;
  padding: 14px;
}
.featg-macros { display: flex; gap: 8px; margin-bottom: 10px; }
.featg-macro { flex: 1; text-align: center; }
.featg-macro b { display: block; font-size: 20px; font-family: var(--font-display); letter-spacing: 1px; }
.featg-macro span { font-size: 10px; letter-spacing: 1.5px; color: var(--muted); font-weight: 800; }
.featg-cal { font-family: var(--font-display); font-size: 30px; font-weight: 800; letter-spacing: 1px; margin: 0 0 8px; }
.featg-cal small { font-size: 12px; color: var(--muted); letter-spacing: 2px; font-family: var(--font-body); }
.featg-verdict { font-size: 14px; line-height: 1.5; margin: 0; color: var(--text); }
.featg-points { margin: 0; padding-left: 18px; font-size: 14px; line-height: 1.55; }
.featg-points li { margin-bottom: 6px; }
.featg-points li:last-child { margin-bottom: 0; }

/* status / loading / error lines */
.featg-status { font-size: 13px; color: var(--muted); margin: 10px 0 0; min-height: 0; }
.featg-status.loading { color: var(--text); }
.featg-status.loading::before { content: '⏳ '; }
.featg-status.error { color: var(--red-soft); }
.featg-status.ok { color: var(--green); }

/* upgrade nudge inside result area */
.featg-nudge {
  margin: 12px 0 0; padding: 12px;
  border: 1px solid rgba(225, 6, 0, 0.4);
  border-radius: 12px;
  background: rgba(225, 6, 0, 0.08);
  font-size: 13px; line-height: 1.5;
}
.featg-nudge b { color: var(--red-soft); }

/* the lock block reuses .sensor-lock (track-styles.css) */