/* سرودیا — اجزای مشترک فرم‌ها (پنل مدیریت و فرم‌های کاربران) */
textarea.input.tall { min-height: 260px; }
textarea.input.mid { min-height: 140px; }
.check { display: flex; align-items: center; gap: 8px; font-size: var(--fs-sm); margin: 6px 0; cursor: pointer; }
.check input { width: 18px; height: 18px; accent-color: var(--firouzeh); }
.rep-row { display: grid; gap: 8px; align-items: center; padding: 10px; border: 1px solid var(--line); border-radius: var(--r-md); background: #fbfcfc; }
.rep-credit { grid-template-columns: 190px minmax(0, 1fr) 150px auto; }
.rep-media { grid-template-columns: 110px minmax(0, 1fr) 110px 70px auto; }
.rep-media .rep-title { grid-column: 1 / -1; }
.rep-row .input, .rep-row .select { height: 40px; font-size: var(--fs-sm); border-radius: 10px; width: 100%; }
.rep-x { width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--line); background: var(--surface); color: var(--danger); cursor: pointer; display: grid; place-items: center; }
.rep-x .i { width: 16px; height: 16px; }
.rep-handle { cursor: grab; color: var(--muted); }
.rep-add { margin-top: 10px; }
.upl { display: flex; align-items: center; gap: 8px; }
.upl-bar { flex: 1; height: 6px; border-radius: 3px; background: var(--line); overflow: hidden; display: none; }
.upl-bar span { display: block; height: 100%; width: 0; background: var(--firouzeh); transition: width .2s; }
.upl.is-busy .upl-bar { display: block; }
.upl-btn { position: relative; overflow: hidden; }
.upl-btn input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.ac { position: relative; }
.ac-list { position: absolute; inset: 100% 0 auto 0; z-index: 20; background: var(--surface); border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,.08); margin-top: 4px; max-height: 260px; overflow-y: auto; }
.ac-list button { display: flex; justify-content: space-between; gap: 10px; width: 100%; text-align: start; border: 0; background: none; padding: 8px 12px; cursor: pointer; font-size: var(--fs-sm); }
.ac-list button:hover, .ac-list button.is-active { background: var(--firouzeh-wash); }
.ac-list small { color: var(--muted); }
.ac-picked { color: var(--ok); font-size: .75rem; }
.img-prev { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: var(--r-md); background: var(--firouzeh-wash); margin-bottom: 8px; }
.img-prev.wide { aspect-ratio: 16 / 9; }
.img-prev-sq { max-width: 180px; }
[hidden] { display: none !important; }
.ac .linked { position: absolute; inset-inline-end: 10px; top: 50%; transform: translateY(-50%); font-size: .7rem; color: var(--ok); background: #e3f3e8; border-radius: 999px; padding: 0 8px; pointer-events: none; }
@media (max-width: 760px) {
  .rep-credit, .rep-media { grid-template-columns: 1fr 1fr; }
}