.fi-ta-filter-indicators {
  font-size: 1.1rem;
  padding: 20px 24px;
  display: none;
}

.fi-ta-filter-indicators span {
  font-size: 1.1rem;
}

.fi-ta-filter-indicators .fi-badge {
  font-size: 1rem;
  padding: 10px 14px;
}

.fi-ta-filter-indicators .fi-icon-btn {
  transform: scale(1.3);
}

/* Stack row actions vertically across console tables */
.fi-ta-actions {
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}

.fi-ta-actions-cell {
  vertical-align: top;
}

.fi-ta-actions .fi-btn,
.fi-ta-actions .fi-link,
.fi-ta-actions .fi-icon-btn {
  width: fit-content;
}

/* Hide table filter button */
.fi-ta-filters,
.fi-ta-filters-trigger,
.fi-ta-filters-button,
.fi-ta-filters-dropdown,
.fi-ta-filters-layout,
.fi-ta-filter-indicators,
.fi-ta-filter-indicators-ctn,
.fi-ta-active-filters,
.fi-ta-filters-toolbar,
.fi-ta-filters-ctn {
  display: none !important;
}

/* Increase row padding for better readability */
.fi-ta-table th,
.fi-ta-table td {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.fi-ta-record:hover {
  background-color: rgba(0, 0, 0, 0.02);
}

@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@500;700;800&family=Zen+Maru+Gothic:wght@500;700&family=Kosugi+Maru&family=Rounded+Mplus+1c:wght@500;700&display=swap");

.fi-header-heading,
.fi-simple-header-heading,
.fi-breadcrumbs,
.fi-breadcrumbs-item-label {
  font-family: "Zen Maru Gothic", "M PLUS 1p", system-ui, -apple-system, sans-serif;
}

.fi-header-heading,
.fi-simple-header-heading {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em;
}

.fi-header-subheading,
.fi-simple-header-subheading {
  font-family: "M PLUS 1p", system-ui, -apple-system, sans-serif;
  font-size: 1rem;
  color: #5b6477;
}

@media (min-width: 1024px) {
  .fi-main {
    max-width: none !important;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
}

.event-title-samples {
  display: grid;
  gap: 10px;
}

.event-title-sample-lg {
  font-size: 1.6rem;
  font-weight: 800;
}

.event-title-sample-md {
  font-size: 1.25rem;
  font-weight: 700;
}

.event-title-sample-sm {
  font-size: 1rem;
  font-weight: 600;
}

.event-title-note {
  margin-left: 0.6rem;
  font-size: 0.85rem;
  color: #6b7280;
  font-family: "M PLUS 1p", system-ui, -apple-system, sans-serif;
}

.event-font-samples {
  display: grid;
  gap: 10px;
  margin-top: 10px;
}

.event-font-sample {
  display: flex;
  align-items: baseline;
  gap: 12px;
}

.event-font-label {
  min-width: 120px;
  font-size: 0.85rem;
  color: #6b7280;
  font-family: "M PLUS 1p", system-ui, -apple-system, sans-serif;
}

.event-font-zen {
  font-family: "Zen Maru Gothic", "M PLUS 1p", system-ui, -apple-system, sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
}

.event-font-kosugi {
  font-family: "Kosugi Maru", "M PLUS 1p", system-ui, -apple-system, sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
}

.event-font-rounded {
  font-family: "Rounded Mplus 1c", "M PLUS 1p", system-ui, -apple-system, sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
}

@media (min-width: 1024px) {
  .fi-main-sidebar {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(0) !important;
  }
}

/* Improve table readability while keeping existing palette */
.fi-ta-table thead th {
  background: #f8fafc;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.fi-ta-table tbody tr:nth-child(even) {
  background: #fafafa;
}

.fi-ta-table .fi-ta-text {
  font-size: 0.95rem;
}

.fi-btn.btn-save-blue,
.fi-link.btn-save-blue {
  background: #2563eb !important;
  color: #ffffff !important;
  border: 1px solid #1d4ed8 !important;
}

.fi-btn.btn-back-muted,
.fi-link.btn-back-muted {
  background: #f3f4f6 !important;
  color: #374151 !important;
  border: 1px solid #e5e7eb !important;
  justify-content: center !important;
  text-align: center !important;
  display: inline-flex !important;
  align-items: center !important;
  position: relative !important;
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important;
}

.fi-btn.btn-back-muted .fi-btn-icon,
.fi-link.btn-back-muted .fi-btn-icon {
  position: absolute !important;
  left: 0.5rem !important;
}

.fi-btn.btn-back-muted .fi-btn-label,
.fi-link.btn-back-muted .fi-btn-label {
  width: 100% !important;
  text-align: center !important;
}

.fi-action-stack {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.fi-action-row {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  flex-wrap: wrap;
}

.fi-action-row-top {
  justify-content: flex-end;
}

.password-toggle {
  margin-left: 0.4rem;
  font-size: 0.85rem;
  color: #6b7280;
}

.password-toggle:hover {
  color: #374151;
}

.password-mask {
  letter-spacing: 0.15em;
  font-size: 0.85rem;
}

.photo-total-count {
  font-weight: 700;
  font-size: 1.05em;
}