/* Tutorial Videos admin tab styles (additive-only module) */
.tutorial-admin-table td, .tutorial-admin-table th { white-space: normal; }
.tutorial-feature-key {
  font-family: "SF Mono", ui-monospace, Menlo, Consolas, monospace;
  font-size: 12px; color: var(--muted);
}
.tutorial-feature-url { width: 45%; }
.tutorial-feature-url input[type="url"] {
  width: 100%; padding: 8px 11px; font-size: 13px;
  border: 1px solid var(--border); border-radius: 10px;
  background: var(--surface-2); color: inherit; outline: none;
}
.tutorial-feature-url input[type="url"]:focus { border-color: #6366f1; }
.tutorial-feature-url input[type="url"]:disabled { opacity: .55; }
[data-tutorial-status] {
  display: inline-block; padding: 2px 9px; border-radius: 999px;
  font-size: 11px; font-weight: 700; background: var(--surface-2); color: var(--muted);
}
[data-tutorial-status].tutorial-set {
  background: rgba(52, 211, 153, .15); color: #6ee7b7;
}

/* Feature modal tutorial embed (studio CSS) */
.tutorial-embed {
  width: 200px; height: 200px; border-radius: 50%;
  overflow: hidden; margin: 10px auto; position: relative;
  border: 3px solid rgba(99, 102, 241, .35);
  background: rgba(30, 32, 44, .6);
}
.tutorial-embed iframe {
  width: 100%; height: 100%; border: 0; object-fit: cover;
}
@media (max-width: 480px) {
  .tutorial-embed { width: 150px; height: 150px; }
}