/* [project]/workspace/src/views/HistoryPage.module.css [app-client] (css) */
.HistoryPage-module__GNomVq__page {
  padding-top: var(--space-8);
  padding-bottom: var(--space-16);
}

.HistoryPage-module__GNomVq__header {
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--space-4);
  margin-bottom: var(--space-6);
  flex-wrap: wrap;
  display: flex;
}

.HistoryPage-module__GNomVq__headerLeft {
  align-items: center;
  gap: var(--space-3);
  display: flex;
}

.HistoryPage-module__GNomVq__headerIcon {
  color: var(--accent-primary);
}

.HistoryPage-module__GNomVq__title {
  font-size: var(--text-xl);
  font-weight: var(--fw-bold);
  color: var(--text-primary);
}

.HistoryPage-module__GNomVq__headerActions {
  flex-shrink: 0;
}

.HistoryPage-module__GNomVq__clearBtn {
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-4);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-md);
  font-size: var(--text-sm);
  color: var(--text-secondary);
  transition: color var(--transition-fast), border-color var(--transition-fast);
  display: inline-flex;
}

.HistoryPage-module__GNomVq__clearBtn:hover {
  color: var(--error);
  border-color: var(--error);
}

.HistoryPage-module__GNomVq__clearConfirm {
  align-items: center;
  gap: var(--space-3);
  flex-wrap: wrap;
  display: flex;
}

.HistoryPage-module__GNomVq__clearConfirmText {
  font-size: var(--text-sm);
  color: var(--text-secondary);
}

.HistoryPage-module__GNomVq__clearConfirmYes {
  padding: var(--space-2) var(--space-4);
  background: var(--error);
  color: #fff;
  border-radius: var(--radius-sm);
  font-size: var(--text-sm);
  font-weight: var(--fw-medium);
  transition: opacity var(--transition-fast);
}

.HistoryPage-module__GNomVq__clearConfirmYes:hover {
  opacity: .9;
}

.HistoryPage-module__GNomVq__clearConfirmNo {
  padding: var(--space-2) var(--space-4);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-sm);
  font-size: var(--text-sm);
  color: var(--text-secondary);
  transition: background var(--transition-fast);
}

.HistoryPage-module__GNomVq__clearConfirmNo:hover {
  background: var(--bg-tertiary);
}

.HistoryPage-module__GNomVq__loading {
  padding-top: var(--space-20);
  justify-content: center;
  display: flex;
}

.HistoryPage-module__GNomVq__emptyState {
  padding: var(--space-16) var(--space-4);
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.HistoryPage-module__GNomVq__emptyIcon {
  color: var(--text-tertiary);
  margin-bottom: var(--space-4);
  opacity: .5;
}

.HistoryPage-module__GNomVq__emptyText {
  color: var(--text-secondary);
  font-size: var(--text-base);
  max-width: 360px;
  margin-bottom: var(--space-6);
  line-height: 1.6;
}

.HistoryPage-module__GNomVq__startLink {
  padding: var(--space-3) var(--space-6);
  background: var(--accent-primary);
  color: #fff;
  border-radius: var(--radius-md);
  font-size: var(--text-sm);
  font-weight: var(--fw-semibold);
  transition: background var(--transition-fast);
  align-items: center;
  display: inline-flex;
}

.HistoryPage-module__GNomVq__startLink:hover {
  background: var(--accent-primary-hover);
}

.HistoryPage-module__GNomVq__groups {
  gap: var(--space-8);
  flex-direction: column;
  display: flex;
}

.HistoryPage-module__GNomVq__group {
  gap: var(--space-2);
  flex-direction: column;
  display: flex;
}

.HistoryPage-module__GNomVq__groupLabel {
  font-size: var(--text-sm);
  font-weight: var(--fw-semibold);
  color: var(--text-tertiary);
  text-transform: uppercase;
  letter-spacing: .05em;
  padding-bottom: var(--space-2);
  border-bottom: 1px solid var(--border-secondary);
}

.HistoryPage-module__GNomVq__groupList {
  gap: var(--space-1);
  flex-direction: column;
  display: flex;
}

.HistoryPage-module__GNomVq__entry {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-md);
  transition: background var(--transition-fast);
  display: flex;
}

.HistoryPage-module__GNomVq__entry:hover {
  background: var(--verse-hover);
}

.HistoryPage-module__GNomVq__entryMain {
  align-items: baseline;
  gap: var(--space-2);
  min-width: 0;
  display: flex;
}

.HistoryPage-module__GNomVq__entrySurah {
  font-size: var(--text-base);
  font-weight: var(--fw-semibold);
  color: var(--text-primary);
  white-space: nowrap;
}

.HistoryPage-module__GNomVq__entryAyahs {
  font-size: var(--text-sm);
  color: var(--text-tertiary);
  white-space: nowrap;
}

.HistoryPage-module__GNomVq__entryMeta {
  align-items: center;
  gap: var(--space-3);
  flex-shrink: 0;
  display: flex;
}

.HistoryPage-module__GNomVq__entryView {
  font-size: var(--text-xs);
  color: var(--text-tertiary);
  padding: var(--space-1) var(--space-2);
  background: var(--bg-tertiary);
  border-radius: var(--radius-sm);
}

.HistoryPage-module__GNomVq__entryDuration, .HistoryPage-module__GNomVq__entryTime {
  font-size: var(--text-xs);
  color: var(--text-tertiary);
}

@media (max-width: 767px) {
  .HistoryPage-module__GNomVq__entry {
    align-items: flex-start;
    gap: var(--space-1);
    flex-direction: column;
  }

  .HistoryPage-module__GNomVq__entryMeta {
    gap: var(--space-2);
  }

  .HistoryPage-module__GNomVq__clearConfirm {
    align-items: flex-start;
    gap: var(--space-2);
    flex-direction: column;
  }
}

/*# sourceMappingURL=workspace_src_views_HistoryPage_module_07-v2ci.css.map*/