@import url("themes/classic.css");
@import url("themes/modern.css");
@import url("themes/ats.css");

.preview-host {
  background: #e9ecef;
  border-radius: 12px;
  padding: 16px;
}

.preview-pages {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
}

.sheet {
  width: 210mm;
  min-height: 297mm;
  background: #fff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  overflow: hidden;
}

.sheet-inner {
  padding: 14mm 16mm;
}

@media (max-width: 1200px) {
  .sheet {
    width: 100%;
    max-width: 210mm;
    min-height: auto;
  }
}

.cv-ats * {
  font-family: Arial, Helvetica, sans-serif !important;
}

.cv-ats .cv-muted {
  color: #333;
}

.cv-ats .cv-hr {
  border-top: 1px solid #000;
  opacity: 0.35;
}

.cv-modern .cv-name {
  letter-spacing: 0.2px;
}

.cv-classic .cv-accent {
  color: #0d6efd;
}