/* LIVO Filament + shared responsive hardenings (360–1440+) */
html {
  -webkit-text-size-adjust: 100%;
}
.fi-logo,
.fi-logo img {
  height: 1.75rem !important;
  max-height: 1.75rem !important;
  width: auto !important;
  max-width: min(160px, 55vw) !important;
  object-fit: contain !important;
  object-position: left center !important;
}
body {
  overflow-x: clip;
}
.fi-main,
.fi-page,
.fi-section-content,
.fi-ta-content,
.fi-fo-component-ctn {
  max-width: 100%;
}
/* Prefer wrap / cards over horizontal scrollbars in admin tables */
.fi-ta-content,
.fi-ta-table,
.fi-section-content-ctn {
  overflow-x: hidden;
}
.fi-sidebar {
  max-width: min(100vw, 20rem);
}
.fi-topbar,
.fi-header {
  flex-wrap: wrap;
  gap: 0.5rem;
}
.fi-header-heading {
  word-break: break-word;
  font-size: clamp(1.1rem, 3.5vw, 1.5rem) !important;
}
.fi-btn {
  min-height: 2.5rem;
}
@media (max-width: 640px) {
  .fi-page > .fi-page-header,
  .fi-page > .fi-page-content {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
  .fi-fo-field-wrp,
  .fi-input-wrp,
  .fi-select-input {
    max-width: 100%;
  }
  .fi-ta-actions,
  .fi-ac {
    flex-wrap: wrap;
  }
}

/* Mobile: card rows, no horizontal scroll; desktop table actions stay */
@media (max-width: 767px) {
  .fi-ta-content,
  .fi-ta-table,
  .fi-section-content-ctn {
    overflow-x: hidden !important;
  }
  .fi-ta-table thead {
    display: none !important;
  }
  .fi-ta-table,
  .fi-ta-table tbody,
  .fi-ta-table tr {
    display: block;
    width: 100% !important;
    max-width: 100%;
  }
  .fi-ta-table tr {
    margin-bottom: 0.65rem;
    border: 0 !important;
    background: transparent !important;
  }
  .fi-ta-table td {
    padding: 0 !important;
    border: 0 !important;
    width: 100% !important;
    max-width: 100%;
  }
  .fi-ta-table td.hidden,
  .fi-ta-table th.hidden,
  .fi-ta-table .fi-ta-cell.hidden {
    display: none !important;
  }
  .fi-ta-table td:not(.hidden) {
    display: block !important;
  }
  /* Row actions live inside compact cards on mobile */
  .fi-ta-actions,
  .fi-ta-record-actions {
    display: none !important;
  }
  .livo-mcard {
    margin: 0 0.25rem;
  }
}
@media (max-width: 390px) {
  .fi-sidebar-nav-item-label {
    font-size: 0.9rem;
  }
}