/* Custom styles - Tailwind does most of the heavy lifting */

/* Soft UI focus + placeholder treatment */
:focus { outline: none; }
:focus-visible { outline: 2px solid #5980a6; outline-offset: 3px; }
input::placeholder, textarea::placeholder { color: #8a93a3; }

/* Number fields read as plain soft inputs (no spinner arrows) */
input[type="number"] { -moz-appearance: textfield; appearance: textfield; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

/* Creator Studio: "Create draft" stays dimmed until the draft has a title */
.draft-form:has(input[name="title"]:placeholder-shown) .draft-submit { opacity: .5; }

/* Custom scrollbar for sidebar lists */
.overflow-y-auto::-webkit-scrollbar { width: 6px; height: 6px; }
.overflow-y-auto::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
.overflow-y-auto::-webkit-scrollbar-track { background: transparent; }

/* Markdown-ish content whitespace */
.prose-slate { line-height: 1.7; }

/* Line clamps (used by cards) */
.line-clamp-1, .line-clamp-2, .line-clamp-3 {
  display: -webkit-box; -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-1 { -webkit-line-clamp: 1; }
.line-clamp-2 { -webkit-line-clamp: 2; }
.line-clamp-3 { -webkit-line-clamp: 3; }

/* Hide details default marker (we use custom) */
summary { list-style: none; }
summary::-webkit-details-marker { display: none; }
details:not(.soft-module)[open] summary { background: #f8fafc; }