.np-card-layout[data-v-c5463bba] {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 0;
  flex: 1 1 auto;
}
.np-card-layout-header[data-v-c5463bba] {
  margin-bottom: 8px;
}
.np-card-layout-main[data-v-c5463bba] {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
}
.np-card-layout-main.has-sidebar .np-card-layout-content[data-v-c5463bba] {
  padding-left: 16px;
}
.np-card-layout-filters[data-v-c5463bba] {
  flex: 0 0 285px;
  background: #F7F8F9;
  border-radius: 0 6px 6px 0;
  padding: 16px 12px;
  overflow-y: auto;
  min-height: 0;
  align-self: stretch;
}
@media (max-width: 768px) {
.np-card-layout-filters[data-v-c5463bba] {
    display: none;
}
}
.np-card-layout-content[data-v-c5463bba] {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 12px 16px 16px;
}
.np-card-layout-search[data-v-c5463bba] {
  padding-bottom: 8px;
}
.np-card-layout-custom-content[data-v-c5463bba] {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
.np-card-layout-chips[data-v-c5463bba] {
  align-items: center;
  padding-bottom: 8px;
  gap: 4px;
  flex-wrap: wrap;
}
.np-card-layout-chips ion-chip[data-v-c5463bba] {
  margin: 2px;
}
.np-card-layout-chips .clear-filters[data-v-c5463bba] {
  cursor: pointer;
  padding: 6px 10px;
}
.np-card-layout-grid[data-v-c5463bba] {
  display: grid;
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
  align-content: start;
  overflow-y: auto;
}
.np-card-layout-card[data-v-c5463bba] {
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--np-border-color);
  border-radius: 6px;
  background: var(--ion-card-background, var(--ion-background-color, #fff));
  overflow: hidden;
  transition: box-shadow 0.2s ease, transform 0.15s ease, border-color 0.2s ease;
  min-height: 80px;
}
.np-card-layout-card.clickable[data-v-c5463bba] {
  cursor: pointer;
}
.np-card-layout-card.clickable[data-v-c5463bba]:hover:not(.disabled) {
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
  border-color: var(--ion-color-primary);
}
.np-card-layout-card.selected[data-v-c5463bba] {
  border-color: var(--ion-color-primary);
  box-shadow: 0 0 0 2px var(--ion-color-primary) inset;
}
.np-card-layout-card.disabled[data-v-c5463bba] {
  opacity: 0.5;
  cursor: not-allowed;
}
.np-card-layout-media[data-v-c5463bba] {
  width: 100%;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--ion-color-light-tint, #f5f5f5);
  overflow: hidden;
}
.np-card-layout-media img[data-v-c5463bba] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.np-card-layout-media i[data-v-c5463bba] {
  font-size: 42px;
  color: var(--ion-color-primary);
}
.np-card-layout-body[data-v-c5463bba] {
  padding: 12px 14px;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.np-card-layout-title[data-v-c5463bba] {
  font-size: 14px;
  font-weight: 600;
  color: var(--ion-color-dark, #111);
  margin-bottom: 2px;
  overflow-wrap: anywhere;
}
.np-card-layout-subtext[data-v-c5463bba] {
  font-size: 12px;
  color: var(--ion-color-medium);
  margin-bottom: 6px;
}
.np-card-layout-description[data-v-c5463bba] {
  font-size: 12px;
  color: var(--ion-color-medium-shade, #555);
  line-height: 1.35;
  white-space: pre-wrap;
}
.np-card-layout-footer[data-v-c5463bba] {
  padding: 8px 14px;
  border-top: 1px solid var(--np-border-color);
  background: var(--ion-color-light-tint, #fafafa);
}
.np-card-layout-badges[data-v-c5463bba] {
  position: absolute;
  right: 8px;
  bottom: 8px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 4px;
  pointer-events: auto;
  z-index: 2;
}
.np-card-layout-badge[data-v-c5463bba] {
  font-size: 11px;
}
.np-card-layout-empty[data-v-c5463bba] {
  padding: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.np-card-layout-empty-text[data-v-c5463bba] {
  color: var(--ion-color-medium);
  font-size: 13px;
}
.expansion-panel[data-v-c5463bba] {
  --toolbar-background: none;
}
.expansion-panel[data-v-c5463bba] .button {
  --padding-start: 8px;
  --padding-end: 8px;
}
.filter-group[data-v-c5463bba] {
  margin-bottom: 16px;
}
.filter-group-item[data-v-c5463bba] {
  position: relative;
  display: flex;
  align-items: center;
  margin: 4px 8px;
  padding: 6px 8px;
  font-size: 14px;
  cursor: pointer;
  background: #F7F8F9;
  border-radius: 6px;
}
.filter-group-item[data-v-c5463bba]:hover {
  filter: brightness(95%);
}
.filter-group-item-status[data-v-c5463bba] {
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.filter-group-item-label[data-v-c5463bba] {
  flex: 1 1 auto;
  padding-left: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.filter-group-item ion-badge[data-v-c5463bba] {
  margin-left: auto;
  --background: #E6EAED;
  --color: var(--ion-color-primary);
}
.filter-group-empty[data-v-c5463bba] {
  margin: 4px 12px 8px;
}
.filter-range[data-v-c5463bba] {
  padding: 8px 14px 10px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.filter-range-label[data-v-c5463bba] {
  font-weight: 600;
  color: var(--ion-color-primary);
  text-align: center;
}
.filter-range-input[data-v-c5463bba] {
  padding: 0;
  --knob-size: 18px;
  --bar-height: 3px;
  --bar-background-active: var(--ion-color-primary);
  --pin-background: var(--ion-color-primary);
}
.filter-range-bounds[data-v-c5463bba] {
  display: flex;
  justify-content: space-between;
  padding: 0 6px;
}
.rounded-img[data-v-c5463bba] {
  border-radius: 50%;
  width: 18px;
  height: 18px;
  object-fit: cover;
}