:root {
  --mcv-primary: #0a528e;
  --mcv-secondary: #fab818;
  --mcv-ink: #17202a;
  --mcv-muted: #667085;
  --mcv-bg: #f5f7fb;
  --mcv-border: #e4e8ef;
  --mcv-white: #ffffff;
  --mcv-danger: #c93c3c;
  --mcv-radius: 18px;
  --mcv-shadow: 0 14px 40px rgba(17, 35, 58, 0.09);
}

.mcv-app,
.mcv-app *,
.mcv-standalone,
.mcv-standalone * {
  box-sizing: border-box;
}

.mcv-app,
.mcv-standalone {
  color: var(--mcv-ink);
  font-family: "Century Gothic", "Avenir Next", Avenir, Arial, sans-serif;
}

.mcv-app svg,
.mcv-standalone svg,
.mcv-login-card svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.mcv-app {
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr);
  min-height: 760px;
  background: var(--mcv-bg);
  border: 1px solid var(--mcv-border);
  border-radius: 22px;
  overflow: hidden;
  box-shadow: var(--mcv-shadow);
}

.mcv-sidebar {
  position: relative;
  z-index: 30;
  display: flex;
  flex-direction: column;
  min-height: 760px;
  padding: 24px 18px;
  color: #fff;
  background: #111d2a;
}

.mcv-brand {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 32px;
}

.mcv-brand-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  color: #111d2a;
  background: var(--mcv-secondary);
  font-size: 20px;
  font-weight: 800;
}

.mcv-brand strong,
.mcv-brand small {
  display: block;
}

.mcv-brand strong {
  font-size: 16px;
  line-height: 1.2;
}

.mcv-brand small {
  margin-top: 3px;
  color: #9db0c4;
  font-size: 11px;
}

.mcv-sidebar-close {
  display: none;
  margin-left: auto;
  padding: 4px 8px;
  border: 0;
  color: #fff;
  background: transparent;
  font-size: 26px;
  cursor: pointer;
}

.mcv-new-button,
.mcv-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 44px;
  padding: 11px 17px;
  border: 0;
  border-radius: 12px;
  text-decoration: none !important;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}

.mcv-new-button {
  margin-bottom: 22px;
  color: #102235 !important;
  background: var(--mcv-secondary);
  box-shadow: 0 9px 20px rgba(250, 184, 24, .22);
}

.mcv-new-button:hover,
.mcv-button:hover {
  transform: translateY(-1px);
}

.mcv-nav {
  display: grid;
  gap: 7px;
}

.mcv-nav a,
.mcv-nav-disabled {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  min-height: 48px;
  padding: 11px 12px;
  border-radius: 12px;
  color: #b9c5d2 !important;
  text-decoration: none !important;
  font-size: 14px;
}

.mcv-nav a:hover,
.mcv-nav a.is-active {
  color: #fff !important;
  background: rgba(255, 255, 255, .09);
}

.mcv-nav a.is-active {
  box-shadow: inset 3px 0 0 var(--mcv-secondary);
}

.mcv-nav-disabled {
  opacity: .55;
}

.mcv-nav-disabled small {
  padding: 3px 6px;
  border-radius: 999px;
  color: #111d2a;
  background: #9db0c4;
  font-size: 9px;
  font-weight: 700;
}

.mcv-user-card {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: auto;
  padding: 15px 12px 0;
  border-top: 1px solid rgba(255, 255, 255, .1);
}

.mcv-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  color: #132334;
  background: #fff;
  font-weight: 800;
}

.mcv-user-card strong,
.mcv-user-card small {
  display: block;
  max-width: 145px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mcv-user-card strong {
  font-size: 12px;
}

.mcv-user-card small {
  margin-top: 3px;
  color: #91a4b9;
  font-size: 10px;
}

.mcv-main {
  min-width: 0;
  padding: 36px;
}

.mcv-mobile-menu {
  display: none;
  align-items: center;
  gap: 7px;
  margin-bottom: 18px;
  padding: 9px 12px;
  border: 1px solid var(--mcv-border);
  border-radius: 10px;
  color: var(--mcv-ink);
  background: #fff;
  font: inherit;
  cursor: pointer;
}

.mcv-overlay {
  display: none;
}

.mcv-content-section {
  width: 100%;
}

.mcv-page-header,
.mcv-builder-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 28px;
}

.mcv-eyebrow {
  display: block;
  margin-bottom: 7px;
  color: var(--mcv-primary);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.mcv-page-header h1,
.mcv-builder-header h1 {
  margin: 0 0 7px;
  color: var(--mcv-ink);
  font-size: clamp(25px, 3vw, 34px);
  line-height: 1.15;
}

.mcv-page-header p,
.mcv-builder-header p {
  margin: 0;
  color: var(--mcv-muted);
  font-size: 14px;
}

.mcv-button-primary {
  color: #fff !important;
  background: var(--mcv-primary);
  box-shadow: 0 10px 22px rgba(10, 82, 142, .2);
}

.mcv-button:disabled {
  cursor: wait;
  opacity: .65;
  transform: none;
}

.mcv-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 22px;
}

.mcv-search-wrap {
  display: flex;
  align-items: center;
  width: min(360px, 100%);
  padding: 0 14px;
  border: 1px solid var(--mcv-border);
  border-radius: 12px;
  background: #fff;
}

.mcv-search-wrap svg {
  flex: 0 0 18px;
  color: #8c98a7;
}

.mcv-search-wrap input {
  width: 100%;
  min-height: 44px;
  padding: 0 10px;
  border: 0 !important;
  outline: none;
  background: transparent !important;
  box-shadow: none !important;
  font: inherit;
  font-size: 13px;
}

.mcv-view-switch {
  display: flex;
  padding: 3px;
  border: 1px solid var(--mcv-border);
  border-radius: 10px;
  background: #fff;
}

.mcv-view-switch button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  color: #778392;
  background: transparent;
  cursor: pointer;
}

.mcv-view-switch button.is-active {
  color: #fff;
  background: var(--mcv-primary);
}

.mcv-cv-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 22px;
}

.mcv-create-card,
.mcv-cv-card {
  min-width: 0;
  border: 1px solid var(--mcv-border);
  border-radius: 16px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 8px 26px rgba(17, 35, 58, .055);
}

.mcv-create-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 340px;
  padding: 25px;
  border: 2px dashed #cbd4df;
  color: var(--mcv-ink) !important;
  text-align: center;
  text-decoration: none !important;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.mcv-create-card:hover {
  border-color: var(--mcv-primary);
  background: #f8fbff;
  transform: translateY(-2px);
}

.mcv-create-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  margin-bottom: 16px;
  border-radius: 18px;
  color: var(--mcv-primary);
  background: #eaf4fc;
}

.mcv-create-icon svg {
  width: 26px;
  height: 26px;
}

.mcv-create-card strong {
  margin-bottom: 6px;
  font-size: 15px;
}

.mcv-create-card small {
  color: var(--mcv-muted);
  font-size: 11px;
}

.mcv-cv-card {
  position: relative;
}

.mcv-cv-thumbnail {
  display: grid;
  grid-template-columns: 36% 64%;
  aspect-ratio: 0.71;
  padding: 14px;
  border-bottom: 1px solid var(--mcv-border);
  background: #f1f4f8;
}

.mcv-mini-sidebar,
.mcv-mini-main {
  min-width: 0;
  padding: 12px 9px;
  background: #fff;
}

.mcv-mini-sidebar {
  color: #fff;
  background: var(--mcv-resume-color);
}

.mcv-mini-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-bottom: 14px;
  border: 3px solid rgba(255,255,255,.75);
  border-radius: 50%;
  color: var(--mcv-resume-color);
  background: #fff;
  font-size: 14px;
  font-weight: 800;
}

.mcv-mini-block,
.mcv-mini-line,
.mcv-mini-text-line,
.mcv-mini-rule {
  display: block;
}

.mcv-mini-heading {
  width: 70%;
  height: 5px;
  margin-bottom: 8px;
  background: rgba(255,255,255,.95);
}

.mcv-mini-line {
  width: 90%;
  height: 3px;
  margin: 6px 0;
  background: rgba(255,255,255,.48);
}

.mcv-mini-line.short,
.mcv-mini-text-line.short {
  width: 60%;
}

.mcv-mini-main strong,
.mcv-mini-main small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mcv-mini-main strong {
  color: var(--mcv-resume-color);
  font-size: 8px;
}

.mcv-mini-main small {
  margin: 3px 0 9px;
  color: #697687;
  font-size: 5px;
}

.mcv-mini-rule {
  height: 2px;
  margin-bottom: 12px;
  background: var(--mcv-resume-color);
}

.mcv-mini-main b {
  display: block;
  margin: 9px 0 4px;
  color: #314052;
  font-size: 5px;
}

.mcv-mini-main p {
  margin: 0;
  color: #788493;
  font-size: 4px;
  line-height: 1.5;
}

.mcv-mini-text-line {
  width: 92%;
  height: 3px;
  margin-top: 6px;
  background: #d4dbe4;
}

.mcv-template-ats.mcv-cv-thumbnail {
  grid-template-columns: 1fr;
}

.mcv-template-ats .mcv-mini-sidebar {
  display: none;
}

.mcv-template-ats .mcv-mini-main {
  padding: 18px;
}

.mcv-template-europass.mcv-cv-thumbnail {
  grid-template-columns: 30% 70%;
}

.mcv-template-europass .mcv-mini-sidebar {
  color: #243447;
  background: #edf2f7;
}

.mcv-template-europass .mcv-mini-avatar {
  color: #fff;
  background: var(--mcv-resume-color);
}

.mcv-template-europass .mcv-mini-line,
.mcv-template-europass .mcv-mini-heading {
  background: #aebac7;
}

.mcv-card-body {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  min-height: 76px;
  padding: 14px 13px;
}

.mcv-card-body h3 {
  margin: 0 0 5px;
  color: var(--mcv-ink);
  font-size: 13px;
  line-height: 1.35;
}

.mcv-card-body p {
  margin: 0;
  color: var(--mcv-muted);
  font-size: 10px;
}

.mcv-card-menu-button {
  align-self: flex-start;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid var(--mcv-border);
  border-radius: 9px;
  background: #fff;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}

.mcv-card-menu {
  position: absolute;
  right: 13px;
  bottom: 56px;
  z-index: 10;
  display: none;
  min-width: 145px;
  padding: 7px;
  border: 1px solid var(--mcv-border);
  border-radius: 11px;
  background: #fff;
  box-shadow: var(--mcv-shadow);
}

.mcv-card-menu.is-open {
  display: grid;
}

.mcv-card-menu a,
.mcv-card-menu button {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 9px;
  border: 0;
  border-radius: 8px;
  color: var(--mcv-ink) !important;
  background: transparent;
  text-align: left;
  text-decoration: none !important;
  font: inherit;
  font-size: 11px;
  cursor: pointer;
}

.mcv-card-menu a:hover,
.mcv-card-menu button:hover {
  background: #f3f6fa;
}

.mcv-card-menu .is-danger {
  color: var(--mcv-danger) !important;
}

.mcv-card-menu svg {
  width: 15px;
  height: 15px;
}

.mcv-cv-grid.is-list {
  grid-template-columns: 1fr;
}

.mcv-cv-grid.is-list .mcv-create-card {
  min-height: 95px;
  flex-direction: row;
  gap: 16px;
}

.mcv-cv-grid.is-list .mcv-create-icon {
  width: 45px;
  height: 45px;
  margin: 0;
}

.mcv-cv-grid.is-list .mcv-cv-card {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
}

.mcv-cv-grid.is-list .mcv-cv-thumbnail {
  height: 118px;
  aspect-ratio: auto;
  padding: 7px;
  border-right: 1px solid var(--mcv-border);
  border-bottom: 0;
}

.mcv-cv-grid.is-list .mcv-card-body {
  align-items: center;
}

.mcv-empty-note {
  display: flex;
  gap: 7px;
  margin-top: 18px;
  color: var(--mcv-muted);
  font-size: 12px;
}

.mcv-back-link {
  display: inline-block;
  margin-bottom: 9px;
  color: var(--mcv-primary) !important;
  text-decoration: none !important;
  font-size: 12px;
  font-weight: 700;
}

.mcv-save-area {
  display: flex;
  align-items: center;
  gap: 12px;
}

.mcv-save-status {
  color: var(--mcv-muted);
  font-size: 11px;
}

.mcv-save-status.is-success { color: #207545; }
.mcv-save-status.is-error { color: var(--mcv-danger); }

.mcv-builder-layout {
  display: grid;
  grid-template-columns: minmax(360px, .85fr) minmax(430px, 1.15fr);
  gap: 24px;
  align-items: start;
}

.mcv-editor-panel {
  display: grid;
  gap: 18px;
}

.mcv-panel-card {
  padding: 22px;
  border: 1px solid var(--mcv-border);
  border-radius: var(--mcv-radius);
  background: #fff;
  box-shadow: 0 8px 25px rgba(17, 35, 58, .045);
}

.mcv-panel-title {
  margin-bottom: 20px;
}

.mcv-panel-title > div {
  display: flex;
  align-items: center;
  gap: 12px;
}

.mcv-step-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  border-radius: 11px;
  color: #fff;
  background: var(--mcv-primary);
  font-size: 13px;
  font-weight: 800;
}

.mcv-panel-title h2 {
  margin: 0 0 3px;
  color: var(--mcv-ink);
  font-size: 15px;
}

.mcv-panel-title p {
  margin: 0;
  color: var(--mcv-muted);
  font-size: 10px;
}

.mcv-template-options {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.mcv-template-option {
  position: relative;
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid var(--mcv-border);
  border-radius: 12px;
  cursor: pointer;
}

.mcv-template-option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.mcv-template-option.is-selected {
  border-color: var(--mcv-primary);
  box-shadow: 0 0 0 2px rgba(10, 82, 142, .1);
}

.mcv-template-option strong {
  font-size: 10px;
}

.mcv-template-swatch {
  display: grid;
  grid-template-columns: 33% 67%;
  height: 70px;
  overflow: hidden;
  border: 1px solid #dfe5ec;
  border-radius: 8px;
  background: #fff;
}

.mcv-template-swatch i,
.mcv-template-swatch b {
  display: block;
}

.mcv-template-swatch i { background: var(--mcv-primary); }
.mcv-template-swatch b { margin: 12px 8px; background: repeating-linear-gradient(to bottom, #d3d9e0 0 3px, transparent 3px 9px); }
.mcv-swatch-ats { grid-template-columns: 1fr; }
.mcv-swatch-ats i { display: none; }
.mcv-swatch-europass i { background: #e8edf2; }

.mcv-color-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-top: 17px;
  padding-top: 17px;
  border-top: 1px solid var(--mcv-border);
}

.mcv-color-row > label {
  font-size: 11px;
  font-weight: 700;
}

.mcv-color-control {
  display: flex;
  align-items: center;
  gap: 9px;
}

.mcv-color-control input {
  width: 40px;
  height: 34px;
  padding: 2px;
  border: 1px solid var(--mcv-border);
  border-radius: 9px;
  background: #fff;
}

.mcv-color-control span {
  color: var(--mcv-muted);
  font-size: 10px;
  font-weight: 700;
}

.mcv-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;
}

.mcv-field {
  display: grid;
  gap: 7px;
}

.mcv-field-full {
  grid-column: 1 / -1;
}

.mcv-field > span {
  color: #344054;
  font-size: 10px;
  font-weight: 700;
}

.mcv-field input,
.mcv-field textarea {
  width: 100%;
  padding: 11px 12px !important;
  border: 1px solid #dce2e9 !important;
  border-radius: 10px !important;
  outline: none;
  color: var(--mcv-ink);
  background: #fff !important;
  box-shadow: none !important;
  font: inherit;
  font-size: 12px;
  line-height: 1.45;
  transition: border-color .18s ease, box-shadow .18s ease;
}

.mcv-field input:focus,
.mcv-field textarea:focus {
  border-color: var(--mcv-primary) !important;
  box-shadow: 0 0 0 3px rgba(10, 82, 142, .1) !important;
}

.mcv-coming-sections {
  display: grid;
  gap: 10px;
}

.mcv-coming-sections > div {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  padding: 13px 15px;
  border: 1px dashed #ced7e1;
  border-radius: 12px;
  background: rgba(255, 255, 255, .7);
}

.mcv-coming-sections > div > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  color: var(--mcv-primary);
  background: #eaf4fc;
}

.mcv-coming-sections strong { font-size: 11px; }
.mcv-coming-sections small { color: var(--mcv-muted); font-size: 9px; }

.mcv-preview-panel {
  position: sticky;
  top: 20px;
  overflow: hidden;
  border: 1px solid var(--mcv-border);
  border-radius: var(--mcv-radius);
  background: #e8edf3;
  box-shadow: 0 10px 30px rgba(17, 35, 58, .07);
}

.mcv-preview-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 16px;
  color: #4e5b69;
  background: #fff;
  border-bottom: 1px solid var(--mcv-border);
  font-size: 10px;
  font-weight: 700;
}

.mcv-live-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 6px;
  border-radius: 50%;
  background: #2ca35a;
  box-shadow: 0 0 0 4px rgba(44, 163, 90, .1);
}

.mcv-paper-wrap {
  padding: 20px;
}

.mcv-resume-preview {
  --mcv-resume-color: #0a528e;
  display: grid;
  grid-template-columns: 33% 67%;
  width: 100%;
  aspect-ratio: 210 / 297;
  overflow: hidden;
  color: #293543;
  background: #fff;
  box-shadow: 0 8px 26px rgba(20, 38, 58, .16);
}

.mcv-preview-sidebar {
  padding: 8% 9%;
  color: #fff;
  background: var(--mcv-resume-color);
}

.mcv-preview-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45%;
  aspect-ratio: 1;
  margin-bottom: 14%;
  border: 4px solid rgba(255,255,255,.75);
  border-radius: 50%;
  color: var(--mcv-resume-color);
  background: #fff;
  font-size: clamp(18px, 3vw, 34px);
  font-weight: 800;
}

.mcv-preview-sidebar h3,
.mcv-preview-content h2 {
  margin: 0;
  font-weight: 800;
}

.mcv-preview-sidebar h3 {
  margin-top: 16%;
  padding-bottom: 5%;
  border-bottom: 1px solid rgba(255,255,255,.5);
  font-size: clamp(7px, 1vw, 12px);
}

.mcv-preview-sidebar p,
.mcv-preview-sidebar li {
  overflow-wrap: anywhere;
  font-size: clamp(5px, .75vw, 9px);
  line-height: 1.55;
}

.mcv-preview-sidebar ul {
  margin: 7% 0 0;
  padding-left: 14%;
}

.mcv-preview-content {
  padding: 9% 8%;
}

.mcv-preview-content header {
  padding-bottom: 6%;
  border-bottom: 3px solid var(--mcv-resume-color);
}

.mcv-preview-content header h1 {
  margin: 0 0 2%;
  color: var(--mcv-resume-color);
  font-size: clamp(14px, 2.6vw, 28px);
  line-height: 1.1;
}

.mcv-preview-content header p {
  margin: 0;
  color: #687586;
  font-size: clamp(6px, 1vw, 11px);
  text-transform: uppercase;
  letter-spacing: .08em;
}

.mcv-preview-content section {
  margin-top: 7%;
}

.mcv-preview-content h2 {
  margin-bottom: 3.5%;
  color: var(--mcv-resume-color);
  font-size: clamp(8px, 1.25vw, 14px);
  text-transform: uppercase;
  letter-spacing: .04em;
}

.mcv-preview-content p,
.mcv-placeholder-entry span {
  margin: 0;
  color: #5c6876;
  font-size: clamp(5px, .78vw, 9px);
  line-height: 1.55;
}

.mcv-placeholder-entry strong,
.mcv-placeholder-entry span {
  display: block;
}

.mcv-placeholder-entry strong {
  margin-bottom: 1%;
  font-size: clamp(6px, .95vw, 10px);
}

.mcv-placeholder-entry p {
  margin-top: 2%;
}

.mcv-template-ats.mcv-resume-preview {
  grid-template-columns: 1fr;
}

.mcv-template-ats .mcv-preview-sidebar {
  display: none;
}

.mcv-template-ats .mcv-preview-content {
  padding: 7% 8%;
}

.mcv-template-ats .mcv-preview-content header {
  text-align: center;
}

.mcv-template-ats .mcv-preview-content header h1,
.mcv-template-ats .mcv-preview-content h2 {
  color: #1d2732;
}

.mcv-template-ats .mcv-preview-content h2 {
  padding-bottom: 1.7%;
  border-bottom: 1px solid #1d2732;
}

.mcv-template-europass.mcv-resume-preview {
  grid-template-columns: 29% 71%;
}

.mcv-template-europass .mcv-preview-sidebar {
  color: #253345;
  background: #eef2f6;
}

.mcv-template-europass .mcv-preview-avatar {
  color: #fff;
  background: var(--mcv-resume-color);
}

.mcv-template-europass .mcv-preview-sidebar h3 {
  color: var(--mcv-resume-color);
  border-bottom-color: #bdc8d4;
}

.mcv-builder-tabs {
  display: none;
  margin-bottom: 16px;
  padding: 4px;
  border: 1px solid var(--mcv-border);
  border-radius: 12px;
  background: #fff;
}

.mcv-builder-tabs button {
  flex: 1;
  min-height: 40px;
  border: 0;
  border-radius: 9px;
  color: var(--mcv-muted);
  background: transparent;
  font: inherit;
  font-size: 11px;
  font-weight: 700;
}

.mcv-builder-tabs button.is-active {
  color: #fff;
  background: var(--mcv-primary);
}

.mcv-login-card {
  width: min(520px, 100%);
  margin: 35px auto;
  padding: 42px;
  border: 1px solid var(--mcv-border);
  border-radius: 22px;
  background: #fff;
  box-shadow: var(--mcv-shadow);
  text-align: center;
}

.mcv-login-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  margin-bottom: 18px;
  border-radius: 20px;
  color: var(--mcv-primary);
  background: #eaf4fc;
}

.mcv-login-card h2 {
  margin: 0 0 10px;
}

.mcv-login-card p {
  margin: 0 0 22px;
  color: var(--mcv-muted);
}

.screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@media (max-width: 1080px) {
  .mcv-app {
    grid-template-columns: 220px minmax(0, 1fr);
  }

  .mcv-main {
    padding: 28px;
  }

  .mcv-builder-layout {
    grid-template-columns: minmax(330px, .9fr) minmax(390px, 1.1fr);
  }
}

@media (max-width: 900px) {
  .mcv-app {
    display: block;
    min-height: 650px;
  }

  .mcv-sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: min(290px, 86vw);
    min-height: 100vh;
    transform: translateX(-105%);
    transition: transform .22s ease;
    box-shadow: 20px 0 55px rgba(6, 18, 31, .3);
  }

  .mcv-sidebar.is-open {
    transform: translateX(0);
  }

  .mcv-sidebar-close,
  .mcv-mobile-menu {
    display: inline-flex;
  }

  .mcv-overlay {
    position: fixed;
    inset: 0;
    z-index: 20;
    display: block;
    border: 0;
    visibility: hidden;
    opacity: 0;
    background: rgba(7, 17, 27, .48);
    transition: opacity .2s ease, visibility .2s ease;
  }

  .mcv-overlay.is-visible {
    visibility: visible;
    opacity: 1;
  }

  .mcv-main {
    padding: 24px;
  }

  .mcv-builder-tabs {
    display: flex;
  }

  .mcv-builder-layout {
    display: block;
  }

  .mcv-builder-layout [data-mcv-panel] {
    display: none;
  }

  .mcv-builder-layout [data-mcv-panel].is-active {
    display: grid;
  }

  .mcv-preview-panel {
    position: static;
  }
}

@media (max-width: 620px) {
  .mcv-main {
    padding: 18px;
  }

  .mcv-page-header,
  .mcv-builder-header {
    display: grid;
  }

  .mcv-page-header .mcv-button,
  .mcv-builder-header .mcv-button {
    width: 100%;
  }

  .mcv-save-area {
    display: grid;
  }

  .mcv-toolbar {
    align-items: stretch;
  }

  .mcv-view-switch {
    flex: 0 0 auto;
  }

  .mcv-cv-grid {
    grid-template-columns: 1fr;
  }

  .mcv-create-card {
    min-height: 180px;
  }

  .mcv-form-grid,
  .mcv-template-options {
    grid-template-columns: 1fr;
  }

  .mcv-template-option {
    grid-template-columns: 80px 1fr;
    align-items: center;
  }

  .mcv-template-swatch {
    height: 60px;
  }

  .mcv-field-full {
    grid-column: auto;
  }

  .mcv-panel-card {
    padding: 18px;
  }

  .mcv-paper-wrap {
    padding: 10px;
  }

  .mcv-empty-note {
    display: grid;
  }
}

/* Version 0.2 — editor completo */
.mcv-button-secondary {
  color: var(--mcv-primary) !important;
  border: 1px solid rgba(10, 82, 142, .22);
  background: #fff;
  box-shadow: 0 7px 18px rgba(17, 35, 58, .06);
}

.mcv-button-light {
  min-height: 38px;
  padding: 8px 12px;
  color: var(--mcv-primary) !important;
  border: 1px solid #cfdce8;
  background: #fff;
  box-shadow: none;
  font-size: 11px;
}

.mcv-text-button {
  padding: 6px 3px;
  border: 0;
  color: var(--mcv-danger);
  background: transparent;
  font: inherit;
  font-size: 10px;
  font-weight: 700;
  cursor: pointer;
}

.mcv-save-area {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.mcv-photo-editor {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  margin-bottom: 20px;
  padding: 16px;
  border: 1px solid #e0e6ed;
  border-radius: 14px;
  background: linear-gradient(135deg, #f8fbfe 0%, #fff 100%);
}

.mcv-photo-preview {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 84px;
  height: 84px;
  overflow: hidden;
  border: 3px solid #fff;
  border-radius: 50%;
  color: var(--mcv-primary);
  background: #e8f2fa;
  box-shadow: 0 7px 18px rgba(17, 35, 58, .12);
  font-size: 25px;
  font-weight: 800;
}

.mcv-photo-preview img,
.mcv-preview-avatar img,
.mcv-mini-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mcv-photo-preview.has-photo > span,
.mcv-preview-avatar.has-photo > span {
  display: none;
}

.mcv-photo-editor strong {
  display: block;
  margin-bottom: 4px;
  font-size: 12px;
}

.mcv-photo-editor p {
  margin: 0 0 9px;
  color: var(--mcv-muted);
  font-size: 10px;
}

.mcv-photo-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
}

.mcv-photo-status {
  display: block;
  min-height: 15px;
  margin-top: 7px;
  color: var(--mcv-muted);
  font-size: 9px;
}

.mcv-photo-status.is-success { color: #207545; }
.mcv-photo-status.is-error { color: var(--mcv-danger); }

.mcv-field select,
.mcv-compact-item input,
.mcv-compact-item select {
  width: 100%;
  padding: 11px 12px !important;
  border: 1px solid #dce2e9 !important;
  border-radius: 10px !important;
  outline: none;
  color: var(--mcv-ink);
  background: #fff !important;
  box-shadow: none !important;
  font: inherit;
  font-size: 12px;
  line-height: 1.45;
}

.mcv-field input:disabled {
  color: #98a2b3;
  background: #f2f4f7 !important;
}

.mcv-field-help {
  color: var(--mcv-muted);
  font-size: 9px;
}

.mcv-color-row {
  flex-wrap: wrap;
}

.mcv-color-presets {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-left: auto;
}

.mcv-color-presets button {
  width: 25px;
  height: 25px;
  padding: 0;
  border: 3px solid #fff;
  border-radius: 50%;
  outline: 1px solid #d5dce4;
  background: var(--preset);
  box-shadow: 0 3px 8px rgba(17,35,58,.12);
  cursor: pointer;
}

.mcv-repeater-list {
  display: grid;
  gap: 13px;
}

.mcv-repeater-item {
  overflow: hidden;
  border: 1px solid #dde4eb;
  border-radius: 13px;
  background: #fbfcfe;
}

.mcv-repeater-item > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 13px;
  border-bottom: 1px solid #e5eaf0;
  background: #f1f5f9;
}

.mcv-repeater-item > header strong {
  overflow: hidden;
  color: #2e3a47;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mcv-repeater-item > header button,
.mcv-compact-item > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 31px;
  width: 31px;
  height: 31px;
  padding: 0;
  border: 1px solid #ead3d3;
  border-radius: 9px;
  color: var(--mcv-danger);
  background: #fff;
  cursor: pointer;
}

.mcv-repeater-item > header svg,
.mcv-compact-item > button svg {
  width: 14px;
  height: 14px;
}

.mcv-repeater-item > .mcv-form-grid {
  padding: 15px;
}

.mcv-check-row {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: end;
  min-height: 40px;
  color: #344054;
  font-size: 10px;
  font-weight: 700;
}

.mcv-check-row input {
  width: 16px !important;
  height: 16px;
  margin: 0;
  accent-color: var(--mcv-primary);
}

.mcv-add-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 42px;
  margin-top: 13px;
  padding: 9px 12px;
  border: 1px dashed #aebfce;
  border-radius: 11px;
  color: var(--mcv-primary);
  background: #f8fbfe;
  font: inherit;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}

.mcv-add-item.is-compact {
  min-height: 38px;
  margin-top: 9px;
}

.mcv-add-item svg {
  width: 16px;
  height: 16px;
}

.mcv-split-repeaters {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.mcv-split-repeaters > section {
  min-width: 0;
  padding: 14px;
  border: 1px solid #e2e7ed;
  border-radius: 13px;
  background: #fafcfe;
}

.mcv-subsection-heading {
  margin-bottom: 11px;
}

.mcv-subsection-heading h3 {
  margin: 0 0 2px;
  font-size: 12px;
}

.mcv-subsection-heading span {
  color: var(--mcv-muted);
  font-size: 9px;
}

.mcv-compact-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 105px 31px;
  gap: 7px;
  align-items: center;
}

.mcv-compact-item + .mcv-compact-item {
  margin-top: 8px;
}

.mcv-preview-toolbar-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.mcv-preview-toolbar-actions button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 9px;
  border: 1px solid #dce2e8;
  border-radius: 8px;
  color: var(--mcv-primary);
  background: #fff;
  font: inherit;
  font-size: 9px;
  font-weight: 800;
  cursor: pointer;
}

.mcv-preview-toolbar-actions button svg {
  width: 13px;
  height: 13px;
}

.mcv-pdf-hint {
  margin: 0;
  padding: 0 16px 14px;
  color: #667085;
  font-size: 9px;
  text-align: center;
}

.mcv-mini-avatar.has-photo {
  padding: 0;
  overflow: hidden;
}

.mcv-resume-preview {
  min-height: 100%;
  height: auto;
  overflow: visible;
  align-items: stretch;
}

.mcv-preview-avatar {
  overflow: hidden;
  padding: 0;
}

.mcv-preview-sidebar-section {
  break-inside: avoid;
}

.mcv-preview-sidebar p[hidden],
.mcv-preview-content section[hidden] {
  display: none !important;
}

.mcv-preview-sidebar ul {
  list-style: none;
  padding-left: 0;
}

.mcv-preview-sidebar li {
  display: grid;
  gap: 1px;
  margin-bottom: 5%;
}

.mcv-preview-sidebar li span {
  font-weight: 700;
}

.mcv-preview-sidebar li small {
  opacity: .75;
  font-size: .9em;
}

.mcv-preview-entry {
  break-inside: avoid;
  margin-bottom: 4.5%;
}

.mcv-preview-entry:last-child {
  margin-bottom: 0;
}

.mcv-preview-entry strong,
.mcv-preview-entry span {
  display: block;
}

.mcv-preview-entry strong {
  margin-bottom: 1%;
  color: #25303d;
  font-size: clamp(6px, .95vw, 10px);
}

.mcv-preview-entry span,
.mcv-preview-reference span,
.mcv-preview-reference small {
  color: #6a7582;
  font-size: clamp(5px, .75vw, 8.5px);
  line-height: 1.45;
}

.mcv-preview-entry p {
  margin-top: 2%;
  white-space: pre-line;
}

.mcv-preview-reference-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4% 5%;
}

.mcv-preview-reference {
  min-width: 0;
  break-inside: avoid;
}

.mcv-preview-reference strong,
.mcv-preview-reference span,
.mcv-preview-reference small {
  display: block;
  overflow-wrap: anywhere;
}

.mcv-preview-reference strong {
  font-size: clamp(6px, .9vw, 9.5px);
}

.mcv-ats-contact {
  display: none;
  margin-top: 2%;
  color: #4e5966;
  font-size: clamp(5px, .75vw, 9px);
}

.mcv-template-ats .mcv-ats-contact {
  display: block;
}

.mcv-template-ats .mcv-preview-sidebar {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  order: 2;
  gap: 4% 8%;
  padding: 0 8% 7%;
  color: #25303d;
  background: #fff;
}

.mcv-template-ats .mcv-preview-avatar,
.mcv-template-ats .mcv-preview-sidebar > .mcv-preview-sidebar-section:first-of-type {
  display: none;
}

.mcv-template-ats .mcv-preview-sidebar h3 {
  margin-top: 0;
  color: #1d2732;
  border-bottom-color: #1d2732;
}

.mcv-template-ats .mcv-preview-sidebar li,
.mcv-template-ats .mcv-preview-sidebar p {
  color: #4e5966;
}

.mcv-template-europass .mcv-preview-sidebar li,
.mcv-template-europass .mcv-preview-sidebar p {
  color: #354252;
}

@media (max-width: 620px) {
  .mcv-photo-editor,
  .mcv-split-repeaters {
    grid-template-columns: 1fr;
  }

  .mcv-photo-editor {
    justify-items: center;
    text-align: center;
  }

  .mcv-photo-actions {
    justify-content: center;
  }

  .mcv-color-presets {
    order: 3;
    width: 100%;
    margin-left: 0;
  }

  .mcv-compact-item {
    grid-template-columns: minmax(0, 1fr) 95px 31px;
  }
}

@media print {
  @page {
    size: A4;
    margin: 0;
  }

  html,
  body {
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
  }

  body * {
    visibility: hidden !important;
  }

  .mcv-resume-preview,
  .mcv-resume-preview * {
    visibility: visible !important;
  }

  .mcv-resume-preview {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 210mm !important;
    min-height: 297mm !important;
    height: auto !important;
    aspect-ratio: auto !important;
    overflow: visible !important;
    box-shadow: none !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  .mcv-resume-preview [data-preview-empty="true"],
  .mcv-resume-preview .is-placeholder {
    display: none !important;
  }

  .mcv-preview-content header h1 { font-size: 24pt !important; }
  .mcv-preview-content header p { font-size: 9pt !important; }
  .mcv-ats-contact { font-size: 8pt !important; }
  .mcv-preview-content h2 { font-size: 10pt !important; }
  .mcv-preview-content p,
  .mcv-preview-entry span,
  .mcv-preview-reference span,
  .mcv-preview-reference small { font-size: 8pt !important; }
  .mcv-preview-entry strong,
  .mcv-preview-reference strong { font-size: 9pt !important; }
  .mcv-preview-sidebar h3 { font-size: 9pt !important; }
  .mcv-preview-sidebar p,
  .mcv-preview-sidebar li { font-size: 7.5pt !important; }

  .mcv-preview-entry,
  .mcv-preview-reference,
  .mcv-preview-content section {
    break-inside: avoid;
    page-break-inside: avoid;
  }
}

/* ===== MozEmprego CV Builder 0.3.0 ===== */
.mcv-dashboard-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: -2px 0 22px;
}

.mcv-stat-card {
  min-width: 0;
  padding: 17px 18px;
  border: 1px solid var(--mcv-border);
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 7px 22px rgba(17, 35, 58, .045);
}

.mcv-stat-card span,
.mcv-stat-card small {
  display: block;
}

.mcv-stat-card span {
  color: #526171;
  font-size: 10px;
  font-weight: 700;
}

.mcv-stat-card strong {
  display: block;
  margin: 6px 0 2px;
  color: var(--mcv-primary);
  font-size: 25px;
  line-height: 1;
}

.mcv-stat-card small {
  color: var(--mcv-muted);
  font-size: 9px;
  line-height: 1.45;
}

.mcv-toolbar-advanced {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) repeat(3, minmax(120px, auto)) auto;
  align-items: end;
}

.mcv-toolbar-select {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.mcv-toolbar-select > span {
  color: #667483;
  font-size: 9px;
  font-weight: 700;
}

.mcv-toolbar-select select {
  width: 100%;
  min-height: 40px;
  padding: 8px 30px 8px 10px !important;
  border: 1px solid var(--mcv-border) !important;
  border-radius: 10px !important;
  color: var(--mcv-ink);
  background: #fff !important;
  box-shadow: none !important;
  font: inherit;
  font-size: 10px;
}

.mcv-filter-empty {
  margin-top: 18px;
  padding: 24px;
  border: 1px dashed #cbd4df;
  border-radius: 14px;
  color: var(--mcv-muted);
  text-align: center;
  background: #fff;
}

.mcv-filter-empty strong,
.mcv-filter-empty span {
  display: block;
}

.mcv-filter-empty strong {
  margin-bottom: 4px;
  color: var(--mcv-ink);
  font-size: 12px;
}

.mcv-filter-empty span { font-size: 10px; }

.mcv-cv-thumbnail { position: relative; }

.mcv-thumbnail-template {
  position: absolute;
  right: 9px;
  bottom: 9px;
  padding: 4px 7px;
  border-radius: 999px;
  color: var(--mcv-resume-color);
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 2px 7px rgba(17, 35, 58, .12);
  font-size: 7px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.mcv-card-quality {
  padding: 10px 13px 0;
  background: #fff;
}

.mcv-card-quality > div:first-child {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  color: #667483;
  font-size: 9px;
}

.mcv-card-quality strong { color: var(--mcv-primary); }

.mcv-card-progress,
.mcv-quality-progress {
  overflow: hidden;
  height: 6px;
  border-radius: 999px;
  background: #e8edf3;
}

.mcv-card-progress { margin-top: 6px; }

.mcv-card-progress i,
.mcv-quality-progress i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--mcv-primary);
  transition: width .25s ease;
}

.mcv-quality-panel {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  margin-bottom: 18px;
  padding: 16px 18px;
  border: 1px solid #cfe0ef;
  border-radius: 15px;
  background: linear-gradient(135deg, #f7fbff 0%, #fff 100%);
}

.mcv-quality-score {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border: 7px solid #dcecf8;
  border-top-color: var(--mcv-primary);
  border-radius: 50%;
  color: var(--mcv-primary);
  background: #fff;
  font-size: 17px;
  font-weight: 800;
}

.mcv-quality-summary > div:first-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 5px 12px;
  margin-bottom: 8px;
}

.mcv-quality-summary strong {
  color: var(--mcv-ink);
  font-size: 12px;
}

.mcv-quality-summary span {
  color: var(--mcv-muted);
  font-size: 9px;
}

.mcv-quality-summary ul {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 14px;
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}

.mcv-quality-summary li {
  position: relative;
  padding-left: 12px;
  color: #5c6876;
  font-size: 8.5px;
}

.mcv-quality-summary li::before {
  position: absolute;
  top: .45em;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--mcv-secondary);
  content: "";
}

.mcv-quality-summary li.is-complete::before { background: #2ca35a; }

.mcv-autosave-badge {
  padding: 7px 10px;
  border-radius: 999px;
  color: #236b42;
  background: #e7f6ed;
  font-size: 8px;
  font-weight: 800;
  white-space: nowrap;
}

.mcv-save-status.is-pending { color: #946414; }

.mcv-style-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--mcv-border);
}

.mcv-style-check {
  min-height: 43px;
  align-self: end;
  padding: 10px 12px;
  border: 1px solid #dce2e9;
  border-radius: 10px;
  background: #fff;
}

.mcv-section-organizer {
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid var(--mcv-border);
}

.mcv-section-control-list {
  display: grid;
  gap: 8px;
  margin-top: 11px;
}

.mcv-section-control {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 45px;
  padding: 8px 10px 8px 12px;
  border: 1px solid #e0e6ed;
  border-radius: 11px;
  background: #fbfcfd;
}

.mcv-section-control label {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  color: var(--mcv-ink);
  font-size: 10px;
  font-weight: 700;
  cursor: pointer;
}

.mcv-section-control input { accent-color: var(--mcv-primary); }

.mcv-section-control small {
  color: var(--mcv-muted);
  font-size: 8px;
}

.mcv-section-arrows {
  display: flex;
  gap: 5px;
}

.mcv-section-arrows button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 29px;
  height: 29px;
  padding: 0;
  border: 1px solid #d8e0e8;
  border-radius: 8px;
  color: #536171;
  background: #fff;
  cursor: pointer;
}

.mcv-section-arrows button:hover {
  color: var(--mcv-primary);
  border-color: var(--mcv-primary);
}

.mcv-resume-preview [hidden] { display: none !important; }

.mcv-photo-rounded .mcv-preview-avatar { border-radius: 18%; }
.mcv-photo-square .mcv-preview-avatar { border-radius: 0; }

.mcv-font-small .mcv-preview-content p,
.mcv-font-small .mcv-preview-entry span,
.mcv-font-small .mcv-preview-sidebar p,
.mcv-font-small .mcv-preview-sidebar li { font-size: clamp(4.5px, .69vw, 8px); }

.mcv-font-small .mcv-preview-entry strong,
.mcv-font-small .mcv-preview-reference strong { font-size: clamp(5.5px, .83vw, 9px); }

.mcv-font-large .mcv-preview-content p,
.mcv-font-large .mcv-preview-entry span,
.mcv-font-large .mcv-preview-sidebar p,
.mcv-font-large .mcv-preview-sidebar li { font-size: clamp(5.5px, .86vw, 10px); }

.mcv-font-large .mcv-preview-entry strong,
.mcv-font-large .mcv-preview-reference strong { font-size: clamp(6.5px, 1.02vw, 11px); }

.mcv-density-compact .mcv-preview-content section { margin-top: 4.5%; }
.mcv-density-compact .mcv-preview-entry { margin-top: 2.5%; }
.mcv-density-compact .mcv-preview-sidebar h3 { margin-top: 10%; }
.mcv-density-relaxed .mcv-preview-content section { margin-top: 9%; }
.mcv-density-relaxed .mcv-preview-entry { margin-top: 5%; }
.mcv-density-relaxed .mcv-preview-sidebar h3 { margin-top: 20%; }

@media (max-width: 1050px) {
  .mcv-toolbar-advanced {
    grid-template-columns: minmax(180px, 1fr) repeat(2, minmax(120px, 1fr));
  }

  .mcv-toolbar-advanced .mcv-view-switch { justify-self: end; }
}

@media (max-width: 780px) {
  .mcv-dashboard-stats { grid-template-columns: 1fr; }
  .mcv-toolbar-advanced { grid-template-columns: 1fr 1fr; }
  .mcv-search-wrap { grid-column: 1 / -1; }
  .mcv-quality-panel { grid-template-columns: 60px minmax(0, 1fr); }
  .mcv-quality-score { width: 54px; height: 54px; border-width: 6px; font-size: 14px; }
  .mcv-autosave-badge { grid-column: 1 / -1; justify-self: start; }
}

@media (max-width: 620px) {
  .mcv-toolbar-advanced,
  .mcv-style-grid { grid-template-columns: 1fr; }
  .mcv-toolbar-advanced .mcv-view-switch { justify-self: start; }
  .mcv-quality-panel { align-items: start; padding: 14px; }
  .mcv-quality-summary > div:first-child { display: grid; }
  .mcv-section-control { grid-template-columns: minmax(0, 1fr) auto; }
}

@media print {
  .mcv-resume-preview [hidden] { display: none !important; }
  .mcv-font-small .mcv-preview-content p,
  .mcv-font-small .mcv-preview-entry span,
  .mcv-font-small .mcv-preview-reference span,
  .mcv-font-small .mcv-preview-reference small { font-size: 7.2pt !important; }
  .mcv-font-large .mcv-preview-content p,
  .mcv-font-large .mcv-preview-entry span,
  .mcv-font-large .mcv-preview-reference span,
  .mcv-font-large .mcv-preview-reference small { font-size: 8.7pt !important; }
  .mcv-font-small .mcv-preview-sidebar p,
  .mcv-font-small .mcv-preview-sidebar li { font-size: 6.8pt !important; }
  .mcv-font-large .mcv-preview-sidebar p,
  .mcv-font-large .mcv-preview-sidebar li { font-size: 8pt !important; }
  .mcv-density-compact .mcv-preview-content section { margin-top: 4% !important; }
  .mcv-density-relaxed .mcv-preview-content section { margin-top: 8% !important; }
}

/* ===== MozEmprego CV Builder 0.4.0 ===== */
.mcv-template-options {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mcv-swatch-minimal {
  grid-template-columns: 1fr;
  border-top: 6px solid var(--mcv-primary);
}

.mcv-swatch-minimal i {
  display: none;
}

.mcv-swatch-minimal b {
  margin: 11px 10px;
  background: repeating-linear-gradient(to bottom, #cbd3dc 0 2px, transparent 2px 8px);
}

.mcv-template-minimal.mcv-cv-thumbnail {
  grid-template-columns: 1fr;
  padding: 18px;
  background: #eef2f6;
}

.mcv-template-minimal .mcv-mini-sidebar {
  display: none;
}

.mcv-template-minimal .mcv-mini-main {
  padding: 18px 17px;
  border-top: 6px solid var(--mcv-resume-color);
}

.mcv-template-minimal .mcv-mini-main strong {
  color: #1f2935;
}

.mcv-template-minimal .mcv-mini-rule {
  height: 1px;
}

.mcv-template-minimal.mcv-resume-preview {
  grid-template-columns: 1fr;
}

.mcv-template-minimal .mcv-preview-sidebar {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  order: 2;
  gap: 4% 6%;
  padding: 2% 8% 7%;
  color: #33404d;
  background: #fff;
  border-top: 1px solid #d9e0e7;
}

.mcv-template-minimal .mcv-preview-avatar,
.mcv-template-minimal .mcv-preview-sidebar > .mcv-preview-sidebar-section:first-of-type {
  display: none;
}

.mcv-template-minimal .mcv-preview-content {
  padding: 7% 8% 3%;
}

.mcv-template-minimal .mcv-preview-content header {
  padding: 0 0 4%;
  border-top: 8px solid var(--mcv-resume-color);
  border-bottom: 1px solid #ccd5df;
}

.mcv-template-minimal .mcv-preview-content header h1 {
  margin-top: 4%;
  color: #1f2935;
}

.mcv-template-minimal .mcv-preview-content h2 {
  color: #1f2935;
  border-left: 4px solid var(--mcv-resume-color);
  padding-left: 2.5%;
}

.mcv-template-minimal .mcv-preview-sidebar h3 {
  margin-top: 0;
  color: #1f2935;
  border-bottom-color: #cbd4de;
}

.mcv-template-minimal .mcv-preview-sidebar p,
.mcv-template-minimal .mcv-preview-sidebar li {
  color: #53606d;
}

.mcv-template-minimal .mcv-ats-contact {
  display: block;
}

.mcv-tool-strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: -4px 0 14px;
  padding: 10px 12px;
  border: 1px solid var(--mcv-border);
  border-radius: 13px;
  background: #fff;
}

.mcv-tool-strip button,
.mcv-tool-strip label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 36px;
  padding: 8px 11px;
  border: 1px solid #d8e0e8;
  border-radius: 9px;
  color: #425266;
  background: #f8fafc;
  font: inherit;
  font-size: 9px;
  font-weight: 800;
  cursor: pointer;
}

.mcv-tool-strip button:hover,
.mcv-tool-strip label:hover {
  color: var(--mcv-primary);
  border-color: #b7ccdd;
  background: #f2f8fc;
}

.mcv-tool-strip svg {
  width: 15px;
  height: 15px;
}

.mcv-tool-feedback {
  min-height: 16px;
  margin-left: auto;
  color: var(--mcv-muted);
  font-size: 9px;
}

.mcv-tool-feedback.is-success { color: #237044; }
.mcv-tool-feedback.is-error { color: var(--mcv-danger); }

.mcv-page-indicator {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 8px;
  border-radius: 999px;
  color: #267044;
  background: #e9f6ee;
  font-size: 8px;
  font-weight: 800;
}

.mcv-page-indicator.is-warning {
  color: #8b5b11;
  background: #fff3d8;
}

.mcv-repeater-item > header {
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.mcv-drag-handle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  color: #8b98a7;
  font-size: 14px;
  line-height: 1;
  cursor: grab;
  user-select: none;
}

.mcv-drag-handle:active { cursor: grabbing; }

.mcv-item-actions,
.mcv-compact-actions {
  display: flex;
  align-items: center;
  gap: 4px;
}

.mcv-repeater-item > header .mcv-item-actions button,
.mcv-compact-actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 29px;
  width: 29px;
  height: 29px;
  padding: 0;
  border: 1px solid #d7e0e8;
  border-radius: 8px;
  color: #5c6876;
  background: #fff;
  font: inherit;
  font-size: 11px;
  cursor: pointer;
}

.mcv-repeater-item > header .mcv-item-actions button:hover,
.mcv-compact-actions button:hover {
  color: var(--mcv-primary);
  border-color: #afc7da;
}

.mcv-repeater-item > header .mcv-item-actions [data-mcv-remove-item],
.mcv-compact-actions [data-mcv-remove-item] {
  color: var(--mcv-danger);
  border-color: #ead3d3;
}

.mcv-item-actions svg,
.mcv-compact-actions svg {
  width: 13px;
  height: 13px;
}

.mcv-compact-item {
  grid-template-columns: 24px minmax(0, 1fr) 105px auto;
}

.mcv-repeater-item.is-dragging,
.mcv-compact-item.is-dragging {
  opacity: .55;
  outline: 2px dashed var(--mcv-primary);
  outline-offset: 2px;
}

.mcv-field-meta {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.mcv-character-count,
[data-mcv-character-count] {
  display: block;
  margin-top: 5px;
  color: #7b8795;
  font-size: 8px;
  text-align: right;
}

.mcv-character-count.is-near-limit,
[data-mcv-character-count].is-near-limit {
  color: #a45b18;
  font-weight: 800;
}

@media (max-width: 900px) {
  .mcv-template-options {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .mcv-tool-strip {
    align-items: stretch;
  }

  .mcv-tool-strip button,
  .mcv-tool-strip label {
    flex: 1 1 calc(50% - 8px);
    justify-content: center;
  }

  .mcv-tool-feedback {
    flex: 1 0 100%;
    margin-left: 0;
    text-align: center;
  }

  .mcv-repeater-item > header {
    align-items: start;
  }

  .mcv-item-actions {
    flex-wrap: wrap;
    justify-content: flex-end;
    max-width: 66px;
  }

  .mcv-compact-item {
    grid-template-columns: 22px minmax(0, 1fr) 90px;
  }

  .mcv-compact-actions {
    grid-column: 2 / -1;
    justify-content: flex-end;
  }
}

@media print {
  .mcv-template-minimal .mcv-preview-content header {
    border-top-width: 5mm !important;
  }
}

.mcv-repeater-item > header {
  display: grid;
}

/* ===== MozEmprego CV Builder 0.5.0 ===== */
.mcv-card-open {
  display: block;
  color: inherit !important;
  text-decoration: none !important;
}

.mcv-card-open:hover .mcv-cv-thumbnail {
  background: #eaf0f6;
}

.mcv-card-open:focus-visible {
  outline: 3px solid rgba(10, 82, 142, .28);
  outline-offset: -3px;
}

.mcv-card-body > div:first-child {
  min-width: 0;
  flex: 1 1 auto;
}

.mcv-card-edit-button {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 6px;
  min-height: 32px;
  padding: 7px 9px;
  border: 1px solid #c8d9e7;
  border-radius: 9px;
  color: var(--mcv-primary) !important;
  background: #f4f9fd;
  text-decoration: none !important;
  white-space: nowrap;
  font-size: 9px;
  font-weight: 800;
}

.mcv-card-edit-button:hover {
  border-color: var(--mcv-primary);
  background: #eaf4fc;
}

.mcv-card-edit-button svg {
  width: 13px;
  height: 13px;
}

.mcv-mini-avatar,
.mcv-preview-avatar {
  overflow: hidden;
}

.mcv-photo-preview img,
.mcv-preview-avatar img,
.mcv-mini-avatar img {
  object-position: var(--mcv-photo-x, 50%) var(--mcv-photo-y, 35%);
  transform: scale(var(--mcv-photo-scale, 1));
  transform-origin: var(--mcv-photo-x, 50%) var(--mcv-photo-y, 35%);
  transition: transform .16s ease, object-position .16s ease;
}

.mcv-photo-editor {
  grid-template-columns: 112px minmax(0, 1fr);
}

.mcv-photo-preview {
  width: 104px;
  height: 104px;
}

.mcv-photo-editor-main {
  min-width: 0;
}

.mcv-photo-adjustments {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding-top: 15px;
  border-top: 1px solid #dce4eb;
}

.mcv-photo-adjustments[hidden] {
  display: none !important;
}

.mcv-photo-adjustments label {
  display: grid;
  gap: 7px;
  color: #526172;
  font-size: 9px;
  font-weight: 700;
}

.mcv-photo-adjustments label span {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.mcv-photo-adjustments label b {
  color: var(--mcv-primary);
  font-size: 9px;
}

.mcv-photo-adjustments input[type="range"] {
  width: 100%;
  accent-color: var(--mcv-primary);
  cursor: pointer;
}

.mcv-photo-adjustments > small {
  grid-column: 1 / -1;
  color: var(--mcv-muted);
  font-size: 9px;
  line-height: 1.45;
}

.mcv-photo-presets {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.mcv-photo-presets button {
  min-height: 31px;
  padding: 6px 10px;
  border: 1px solid #cfdae4;
  border-radius: 8px;
  color: #465669;
  background: #fff;
  font: inherit;
  font-size: 9px;
  font-weight: 800;
  cursor: pointer;
}

.mcv-photo-presets button:hover {
  color: var(--mcv-primary);
  border-color: #a9c4d9;
  background: #f4f9fd;
}

.mcv-print-frame {
  position: fixed;
  left: -10000px;
  top: 0;
  z-index: -1;
  width: 210mm;
  height: 297mm;
  border: 0;
  opacity: 0;
  pointer-events: none;
}

@media (max-width: 620px) {
  .mcv-card-edit-button {
    display: none;
  }

  .mcv-photo-editor {
    grid-template-columns: 1fr;
  }

  .mcv-photo-preview {
    justify-self: center;
  }

  .mcv-photo-adjustments {
    grid-template-columns: 1fr;
  }
}


/* ===== MozEmprego CV Builder 0.6.0 ===== */
.mcv-typeface-arial { font-family: Arial, Helvetica, sans-serif; }
.mcv-typeface-times { font-family: "Times New Roman", Times, serif; }
.mcv-typeface-georgia { font-family: Georgia, "Times New Roman", serif; }
.mcv-typeface-verdana { font-family: Verdana, Geneva, sans-serif; }
.mcv-typeface-trebuchet { font-family: "Trebuchet MS", Arial, sans-serif; }
.mcv-typeface-garamond { font-family: Garamond, "Adobe Garamond Pro", Georgia, serif; }

.mcv-preview-sidebar h3,
.mcv-preview-content h2 {
  display: flex;
  align-items: center;
  gap: .48em;
}

.mcv-resume-icon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 1.12em;
  height: 1.12em;
  color: currentColor;
}

.mcv-resume-icon svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.mcv-icon-line {
  display: flex;
  align-items: flex-start;
  gap: .55em;
}

.mcv-icon-line > .mcv-resume-icon {
  width: 1.05em;
  height: 1.05em;
  margin-top: .22em;
  opacity: .88;
}

.mcv-template-modern .mcv-preview-sidebar h3 .mcv-resume-icon,
.mcv-template-modern .mcv-preview-sidebar .mcv-icon-line > .mcv-resume-icon {
  color: #fff;
}

.mcv-template-europass .mcv-resume-icon,
.mcv-template-minimal .mcv-resume-icon {
  color: var(--mcv-resume-color);
}

.mcv-template-ats .mcv-resume-icon {
  display: none !important;
}

.mcv-template-ats .mcv-preview-sidebar h3,
.mcv-template-ats .mcv-preview-content h2 {
  gap: 0;
}

.mcv-pdf-capture-host {
  position: fixed;
  top: 0;
  left: -100000px;
  z-index: -1;
  width: 794px;
  min-height: 1123px;
  overflow: visible;
  background: #fff;
  pointer-events: none;
}

.mcv-pdf-capture {
  width: 794px !important;
  min-height: 1123px !important;
  height: auto !important;
  aspect-ratio: auto !important;
  overflow: visible !important;
  box-shadow: none !important;
}

.mcv-pdf-capture .mcv-preview-content header h1 { font-size: 32px !important; }
.mcv-pdf-capture .mcv-preview-content header p { font-size: 12px !important; }
.mcv-pdf-capture .mcv-ats-contact { font-size: 10.5px !important; }
.mcv-pdf-capture .mcv-preview-content h2 { font-size: 13.5px !important; }
.mcv-pdf-capture .mcv-preview-content p,
.mcv-pdf-capture .mcv-placeholder-entry span,
.mcv-pdf-capture .mcv-preview-entry span,
.mcv-pdf-capture .mcv-preview-reference span,
.mcv-pdf-capture .mcv-preview-reference small { font-size: 10.5px !important; }
.mcv-pdf-capture .mcv-preview-entry strong,
.mcv-pdf-capture .mcv-preview-reference strong,
.mcv-pdf-capture .mcv-placeholder-entry strong { font-size: 12px !important; }
.mcv-pdf-capture .mcv-preview-sidebar h3 { font-size: 11.5px !important; }
.mcv-pdf-capture .mcv-preview-sidebar p,
.mcv-pdf-capture .mcv-preview-sidebar li { font-size: 9.5px !important; }

.mcv-pdf-capture.mcv-font-small .mcv-preview-content p,
.mcv-pdf-capture.mcv-font-small .mcv-preview-entry span,
.mcv-pdf-capture.mcv-font-small .mcv-preview-sidebar p,
.mcv-pdf-capture.mcv-font-small .mcv-preview-sidebar li { font-size: 9px !important; }

.mcv-pdf-capture.mcv-font-large .mcv-preview-content p,
.mcv-pdf-capture.mcv-font-large .mcv-preview-entry span,
.mcv-pdf-capture.mcv-font-large .mcv-preview-sidebar p,
.mcv-pdf-capture.mcv-font-large .mcv-preview-sidebar li { font-size: 11.5px !important; }

[data-mcv-print].is-loading {
  cursor: wait;
  opacity: .72;
}

/* ===== MozEmprego CV Builder 0.7.0 ===== */
.mcv-preview-avatar {
  width: 72%;
  margin: 0 auto 14%;
  border-width: 3px;
}

.mcv-template-europass .mcv-preview-avatar {
  width: 76%;
  margin-left: auto;
  margin-right: auto;
}

.mcv-preview-header-avatar {
  display: none;
  align-items: center;
  justify-content: center;
  width: 27%;
  aspect-ratio: 1;
  margin: 0 auto 4%;
  overflow: hidden;
  border: 3px solid var(--mcv-resume-color);
  border-radius: 50%;
  color: #fff;
  background: var(--mcv-resume-color);
  font-size: clamp(18px, 3vw, 32px);
  font-weight: 800;
}

.mcv-preview-header-avatar img,
.mcv-preview-header-avatar > span {
  width: 100%;
  height: 100%;
}

.mcv-preview-header-avatar img {
  display: block;
  object-fit: cover;
  object-position: var(--mcv-photo-x, 50%) var(--mcv-photo-y, 35%);
  transform: scale(var(--mcv-photo-scale, 1));
  transform-origin: var(--mcv-photo-x, 50%) var(--mcv-photo-y, 35%);
}

.mcv-preview-header-avatar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.mcv-preview-header-avatar.has-photo > span {
  display: none;
}

.mcv-template-ats .mcv-preview-header-avatar,
.mcv-template-minimal .mcv-preview-header-avatar {
  display: flex;
}

.mcv-template-ats .mcv-preview-content header,
.mcv-template-minimal .mcv-preview-content header {
  text-align: center;
}

.mcv-photo-rounded .mcv-preview-header-avatar { border-radius: 18%; }
.mcv-photo-square .mcv-preview-header-avatar { border-radius: 0; }
.mcv-hide-photo .mcv-preview-header-avatar { display: none !important; }

.mcv-template-minimal .mcv-preview-sidebar > .mcv-preview-sidebar-section:first-of-type {
  display: block;
}

.mcv-preview-sidebar h3,
.mcv-preview-content h2 {
  align-items: center;
  line-height: 1.2;
}

.mcv-icon-line {
  align-items: center;
  min-height: 1.35em;
  margin-top: .55em;
  margin-bottom: .55em;
  line-height: 1.35;
}

.mcv-icon-line > .mcv-resume-icon {
  align-self: center;
  width: 1.08em;
  height: 1.08em;
  margin-top: 0;
}

.mcv-icon-line > span:last-child {
  display: block;
  min-width: 0;
  line-height: 1.35;
}

.mcv-custom-personal-line strong {
  color: inherit;
  font-size: inherit;
  font-weight: 800;
}

.mcv-preview-custom-fields:empty {
  display: none;
}

.mcv-personal-custom-fields {
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid var(--mcv-border);
}

.mcv-custom-fields-list {
  display: grid;
  gap: 10px;
  margin: 12px 0;
}

.mcv-custom-field-item {
  grid-template-columns: 24px minmax(0, 1fr) minmax(0, 1fr) auto;
  align-items: end;
  padding: 11px;
  border: 1px solid #e0e6ed;
  border-radius: 11px;
  background: #fbfcfd;
}

.mcv-custom-field-item .mcv-field {
  min-width: 0;
}

.mcv-photo-editor {
  grid-template-columns: 136px minmax(0, 1fr);
}

.mcv-photo-preview {
  width: 126px;
  height: 126px;
}

.mcv-pdf-hint::before {
  content: "PDF textual: ";
  color: var(--mcv-primary);
  font-weight: 800;
}

@media (max-width: 620px) {
  .mcv-custom-field-item {
    grid-template-columns: 22px minmax(0, 1fr);
  }

  .mcv-custom-field-item .mcv-compact-actions {
    grid-column: 2;
  }

  .mcv-photo-editor {
    grid-template-columns: 1fr;
  }
}

/* ===== MozEmprego CV Builder 0.8.0 ===== */
.mcv-rich-field {
  align-self: stretch;
}

.mcv-rich-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 7px 8px;
  border: 1px solid var(--mcv-border);
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  background: #f7f9fb;
}

.mcv-rich-toolbar button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  min-height: 30px;
  padding: 4px 9px;
  border: 1px solid #d5dce4;
  border-radius: 7px;
  color: #263442;
  background: #fff;
  font: inherit;
  font-size: 13px;
  cursor: pointer;
}

.mcv-rich-toolbar button:hover,
.mcv-rich-toolbar button:focus-visible {
  border-color: var(--mcv-primary);
  color: var(--mcv-primary);
}

.mcv-rich-editor {
  min-height: 118px;
  max-height: 320px;
  overflow-y: auto;
  padding: 12px 13px;
  border: 1px solid var(--mcv-border);
  border-radius: 0 0 10px 10px;
  color: #263442;
  background: #fff;
  font-size: 14px;
  line-height: 1.55;
  outline: none;
}

.mcv-rich-editor:focus {
  border-color: var(--mcv-primary);
  box-shadow: 0 0 0 3px rgba(10, 82, 142, .1);
}

.mcv-rich-editor:empty::before {
  color: #8a95a1;
  content: attr(data-placeholder);
  pointer-events: none;
}

.mcv-rich-editor p,
.mcv-rich-editor div,
.mcv-rich-editor ul,
.mcv-rich-editor ol,
.mcv-rich-preview p,
.mcv-rich-preview div,
.mcv-rich-preview ul,
.mcv-rich-preview ol {
  margin: 0 0 .55em;
}

.mcv-rich-editor ul,
.mcv-rich-editor ol,
.mcv-rich-preview ul,
.mcv-rich-preview ol {
  padding-left: 1.35em;
}

.mcv-rich-editor li,
.mcv-rich-preview li {
  margin: 0 0 .28em;
}

.mcv-rich-preview {
  margin-top: 2.2%;
  color: #4f5d6b;
  font-size: clamp(5px, .76vw, 9px);
  line-height: 1.52;
}

.mcv-rich-preview > :last-child {
  margin-bottom: 0;
}

.mcv-inline-personal-section {
  display: none;
  margin-top: 4%;
}

.mcv-template-ats .mcv-inline-personal-section:not([hidden]),
.mcv-template-minimal .mcv-inline-personal-section:not([hidden]) {
  display: block;
}

.mcv-inline-personal-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .35em 1.4em;
}

.mcv-inline-personal-grid p {
  margin: 0;
  color: #4e5966;
  font-size: clamp(5px, .76vw, 9px);
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.mcv-inline-personal-grid strong {
  color: #26313d;
}

.mcv-inline-custom-fields {
  display: contents;
}

/* Personal information appears only once in one-column templates. */
.mcv-template-ats .mcv-preview-sidebar > .mcv-personal-details,
.mcv-template-minimal .mcv-preview-sidebar > .mcv-personal-details {
  display: none;
}

.mcv-language-list .mcv-language-item {
  display: block;
  margin-bottom: 8%;
}

.mcv-language-item > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .7em;
  margin-bottom: .42em;
}

.mcv-language-item > div span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.mcv-language-item > div small {
  flex: 0 0 auto;
  opacity: .9;
}

.mcv-language-bar {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 4%;
  width: 100%;
}

.mcv-language-bar i {
  display: block;
  height: clamp(2px, .42vw, 5px);
  border-radius: 999px;
  background: #cad2db;
}

.mcv-language-bar i.is-active {
  background: var(--mcv-resume-color);
}

.mcv-template-modern .mcv-language-bar i {
  background: rgba(255, 255, 255, .28);
}

.mcv-template-modern .mcv-language-bar i.is-active {
  background: #fff;
}

.mcv-template-europass .mcv-language-bar i:not(.is-active),
.mcv-template-minimal .mcv-language-bar i:not(.is-active),
.mcv-template-ats .mcv-language-bar i:not(.is-active) {
  background: #cbd4de;
}

.mcv-template-ats .mcv-inline-personal-section {
  margin-top: 4.2%;
}

.mcv-template-minimal .mcv-inline-personal-section {
  margin-top: 4%;
}

.mcv-template-ats .mcv-inline-personal-section h2,
.mcv-template-minimal .mcv-inline-personal-section h2 {
  margin-top: 0;
}

.mcv-pdf-capture .mcv-rich-preview {
  font-size: 10.5px !important;
}

.mcv-pdf-capture .mcv-language-bar i {
  height: 4px !important;
}

@media (max-width: 620px) {
  .mcv-rich-toolbar button {
    min-width: 38px;
  }
}
.mcv-template-ats .mcv-preview-sidebar > .mcv-preview-sidebar-section.mcv-personal-details:first-of-type,
.mcv-template-minimal .mcv-preview-sidebar > .mcv-preview-sidebar-section.mcv-personal-details:first-of-type {
  display: none;
}


/* Version 0.9.0: professional dates, richer editor and resilient autosave. */
.mcv-date-field { grid-column: span 1; }
.mcv-date-selects { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 10px; }
.mcv-date-selects label { min-width: 0; display: grid; gap: 5px; }
.mcv-date-selects label small { color: #66758a; font-size: 11px; font-weight: 600; }
.mcv-date-selects select { width: 100%; }
.mcv-date-field.is-disabled { opacity: .58; }
.mcv-date-field.is-disabled select { cursor: not-allowed; }

.mcv-rich-toolbar { flex-wrap: wrap; }
.mcv-rich-toolbar-separator { width: 1px; height: 24px; background: #d8dee8; margin: 0 2px; }
.mcv-rich-toolbar button[data-mcv-rich-command="undo"],
.mcv-rich-toolbar button[data-mcv-rich-command="redo"] { min-width: 38px; font-size: 18px; line-height: 1; }
.mcv-rich-toolbar button[data-mcv-rich-action="clear"] { margin-left: auto; }

.mcv-subsection-heading { align-items: center; gap: 12px; }
.mcv-subsection-heading > div { min-width: 0; }
.mcv-reset-section-order { border: 1px solid #d7deea; background: #fff; color: #405066; border-radius: 8px; padding: 7px 10px; font-size: 12px; cursor: pointer; white-space: nowrap; }
.mcv-reset-section-order:hover { border-color: var(--mcv-primary, #0a528e); color: var(--mcv-primary, #0a528e); }
.mcv-section-drag-handle { cursor: grab; }
.mcv-section-drag-handle:active { cursor: grabbing; }
.mcv-section-control.is-dragging { opacity: .48; outline: 2px dashed var(--mcv-primary, #0a528e); }
.mcv-section-drag-handle { color: #8290a3; letter-spacing: -2px; margin-right: 3px; user-select: none; }

.mcv-autosave-badge { transition: background-color .2s ease, color .2s ease, border-color .2s ease; }
.mcv-autosave-badge.is-saving { background: #eef6ff; border-color: #b8d8f2; color: #0a528e; }
.mcv-autosave-badge.is-offline { background: #fff4e8; border-color: #f2cf9d; color: #8a4c00; }

@media (max-width: 640px) {
  .mcv-date-selects { grid-template-columns: 1fr 1fr; }
  .mcv-subsection-heading { align-items: flex-start; flex-direction: column; }
  .mcv-reset-section-order { width: 100%; }
  .mcv-rich-toolbar button[data-mcv-rich-action="clear"] { margin-left: 0; }
}

/* ===== MozEmprego CV Builder 0.9.1 — campos de competências e idiomas ===== */
.mcv-split-repeaters {
  grid-template-columns: 1fr;
}

.mcv-split-repeaters > section {
  width: 100%;
}

.mcv-compact-item {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) minmax(118px, 145px);
  gap: 10px;
  align-items: end;
  padding: 12px;
  border: 1px solid #e1e7ed;
  border-radius: 11px;
  background: #fff;
}

.mcv-compact-field {
  display: grid;
  min-width: 0;
  gap: 6px;
}

.mcv-compact-field > span {
  color: #344054;
  font-size: 9px;
  font-weight: 800;
}

.mcv-compact-item input,
.mcv-compact-item select {
  display: block;
  min-width: 0;
  min-height: 42px;
}

.mcv-compact-item input::placeholder {
  color: #8995a3;
  opacity: 1;
}

.mcv-compact-item .mcv-drag-handle {
  align-self: center;
}

.mcv-compact-actions {
  grid-column: 2 / -1;
  align-self: end;
  justify-content: flex-end;
  min-height: 32px;
}

@media (min-width: 1280px) {
  .mcv-builder-layout .mcv-form-panel .mcv-split-repeaters {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .mcv-compact-item {
    grid-template-columns: 22px minmax(0, 1fr);
    align-items: start;
  }

  .mcv-compact-level-field,
  .mcv-compact-actions {
    grid-column: 2;
  }

  .mcv-compact-actions {
    justify-content: flex-start;
  }
}

