/* ==========================================================================
   Kolkata Today CMS — admin-lists.css
   Styling for ticker/photos/stories index pages: avatars, bulk actions, thumbs
   Append after admin.css + admin-dashboard.css
   ========================================================================== */

/* ─── Bulk selection bar ─────────────────────────────────── */
.kt-bulk-bar {
  display: none;
  align-items: center;
  gap: 10px;
  font-size: 13px;
}
.kt-bulk-bar.is-visible { display: flex; }
.kt-bulk-selected {
  font-weight: 600;
  color: var(--kt-admin-text);
}
.kt-bulk-selected #kt-bulk-count {
  display: inline-block;
  padding: 2px 8px;
  background: var(--kt-admin-red);
  color: #fff;
  border-radius: 10px;
  font-weight: 700;
  font-size: 11px;
  margin-right: 4px;
}

/* ─── Selectable table columns ───────────────────────────── */
.kt-col-check {
  width: 40px;
  text-align: center;
  padding-right: 0 !important;
}
.kt-col-check input[type="checkbox"] {
  width: 16px;
  height: 16px;
  cursor: pointer;
  margin: 0;
}
.kt-table-selectable tbody tr:has(.kt-row-check:checked) {
  background: #fff8e1 !important;
}

/* ─── Smart avatars (stories) ────────────────────────────── */
.kt-avatar-img,
.kt-avatar-initials {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #fff;
  box-shadow: 0 0 0 1px var(--kt-admin-border), 0 1px 3px rgba(0,0,0,.1);
  vertical-align: middle;
}
.kt-avatar-initials {
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ─── Thumbnails (photos) ────────────────────────────────── */
.kt-thumb {
  width: 56px;
  height: 56px;
  border-radius: 4px;
  object-fit: cover;
  display: block;
  border: 1px solid var(--kt-admin-border);
}
.kt-thumb-link {
  display: inline-block;
  transition: transform .15s;
}
.kt-thumb-link:hover {
  transform: scale(1.1);
}

/* ─── Sub-line inside table cells (photo caption etc.) ───── */
.kt-cell-sub {
  font-size: 11px;
  margin-top: 3px;
  line-height: 1.3;
}

/* ─── Horizontal form row (ticker add/edit) ──────────────── */
.kt-form-row {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  flex-wrap: wrap;
}
.kt-form-row .kt-field {
  margin-bottom: 0;
  min-width: 120px;
}
.kt-form-row .kt-field label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .4px;
  color: var(--kt-admin-muted);
  font-weight: 600;
}

/* Inline edit row inside the table */
.kt-edit-row {
  background: #fafbfc;
}
.kt-edit-row > td {
  padding: 14px 18px !important;
  border-top: 2px solid var(--kt-admin-red) !important;
}
.kt-inline-editor {
  background: transparent;
  border: 0;
  padding: 0;
  box-shadow: none;
}

/* Ensure flex action bar in card heads works well */
.kt-card-head {
  flex-wrap: wrap;
}

/* Responsive tweaks */
@media (max-width: 900px) {
  .kt-form-row { flex-direction: column; }
  .kt-form-row .kt-field { width: 100%; }
  .kt-avatar-img, .kt-avatar-initials { width: 36px; height: 36px; font-size: 12px; }
  .kt-thumb { width: 48px; height: 48px; }
  .kt-table-photos th:nth-child(4),
  .kt-table-photos td:nth-child(4) { display: none; }
}

/* num col alignment */
.kt-table td.num {
  font-variant-numeric: tabular-nums;
  text-align: center;
  color: var(--kt-admin-muted);
  font-weight: 500;
}