/* Same five-section builder and paper; brand and interface typography only. */
body.v40-builder .workspace-20261011 {
  --ui-text: 16px;
  --ui-small: 14px;
  --ws-ink: #19233a;
  --ws-muted: #596579;
  --ws-line: #dce1eb;
  --ws-accent: #3150d9;
  --ws-surface: #fff;
  --ws-bg: #f5f7fb;
  --v4165-line: #dce1eb;
  --v4165-shadow: none;
  background: var(--ws-bg) !important;
}
body.v40-builder .workspace-20261011[data-display-size="large"] {
  --ui-text: 18px;
  --ui-small: 16px;
}
body.v40-builder .workspace-20261011[data-display-size="xlarge"] {
  --ui-text: 20px;
  --ui-small: 18px;
}
body.v40-builder
  .workspace-20261011
  :is(
    .editor,
    .preview-toolbar,
    .preview-design-studio,
    .preview-save-card,
    .cv-font-controls,
    .mobile-app-dock,
    .display-text-controls
  ) {
  font-family: MotazInterface, Arial, sans-serif !important;
}
body.v40-builder .workspace-20261011 .app-header {
  background: #15213a !important;
  border-bottom: 1px solid #253555 !important;
  box-shadow: 0 2px 12px #15213a15 !important;
}
body.v40-builder .workspace-20261011 .logo-emblem {
  width: 106px !important;
  height: 42px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: none !important;
  padding: 6px !important;
  flex-shrink: 0;
}
.logo-emblem .official-brand-logo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
body.v40-builder .workspace-20261011 .brand-mark > div > b {
  font-family: Arial, sans-serif !important;
  font-size: 20px !important;
  line-height: 1.4 !important;
}
body.v40-builder
  .workspace-20261011
  :is(
    .editor-head,
    .v26-builder-map,
    .format-switcher,
    .template-switcher,
    .completion-card,
    .workspace-dashboard,
    .section-journey,
    .form-panel,
    .preview-save-card,
    .preview-design-studio
  ) {
  background: var(--ws-surface) !important;
  border: 1px solid var(--ws-line) !important;
  box-shadow: none !important;
  border-radius: 16px !important;
}
body.v40-builder .workspace-20261011 .editor-head {
  border-inline-start: 4px solid var(--ws-accent) !important;
  padding: 22px !important;
}
body.v40-builder .workspace-20261011 .editor-head h1 {
  font-size: 28px !important;
  line-height: 1.6 !important;
  letter-spacing: 0 !important;
  color: var(--ws-ink) !important;
}
body.v40-builder
  .workspace-20261011
  :is(
    .editor p,
    .editor small,
    .preview-studio-head small,
    .selected-design-bar small,
    .preview-save-copy span,
    .preview-save-copy small,
    .preview-note,
    .v26-field-hint,
    .workspace-step-status,
    .cv-font-controls small
  ) {
  font-size: var(--ui-small) !important;
  line-height: 1.75 !important;
  color: var(--ws-muted) !important;
  white-space: normal !important;
  text-overflow: clip !important;
}
body.v40-builder
  .workspace-20261011
  :is(
    .editor label,
    .editor .field > span,
    .editor button,
    .editor b,
    .preview-actions b,
    .preview-studio-head b,
    .preview-studio-actions button,
    .preview-design-tabs b,
    .selected-design-bar b,
    .preview-save-actions button,
    .mobile-app-dock b,
    .cv-font-controls button,
    .display-text-controls button
  ) {
  font-size: var(--ui-text) !important;
  line-height: 1.6 !important;
}
body.v40-builder
  .workspace-20261011
  :is(
    .form-panel
      input:not([type="checkbox"]):not([type="range"]):not([type="file"]),
    .form-panel textarea,
    .form-panel select
  ) {
  font-size: var(--ui-text) !important;
  line-height: 1.7 !important;
  min-height: 52px !important;
}
body.v40-builder .workspace-20261011 :is(button, summary) {
  min-height: 44px;
  border-radius: 10px !important;
  white-space: normal !important;
  box-shadow: none !important;
}
body.v40-builder
  .workspace-20261011
  :is(
    .dark-button,
    .v26-import-button,
    .v26-import-button,
    .journey-current,
    .panel-tabs button.active,
    .form-step-actions button:last-child:not(:disabled),
    .cv-font-controls button.active
  ) {
  background: var(--ws-accent) !important;
  color: #fff !important;
  border-color: var(--ws-accent) !important;
}
body.v40-builder .workspace-20261011 .panel-tabs {
  background: var(--ws-surface) !important;
  gap: 8px !important;
}
body.v40-builder .workspace-20261011 .panel-tabs button {
  padding: 12px 16px !important;
  flex-shrink: 0;
  min-height: 50px !important;
}
body.v40-builder .workspace-20261011 .panel-tabs {
  display: flex !important;
  overflow-x: auto !important;
  flex-wrap: nowrap !important;
}
body.v40-builder .workspace-20261011 .panel-tabs button {
  min-width: 108px !important;
  width: auto !important;
  flex: 0 0 auto !important;
  gap: 8px !important;
}
body.v40-builder .workspace-20261011 .journey-current :is(b, small) {
  color: #fff !important;
}
body.v40-builder .workspace-20261011 .journey-arrow b {
  font-size: 14px !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  flex-shrink: 0 !important;
}
body.v40-builder .workspace-20261011 .journey-arrow {
  gap: 4px !important;
  padding-inline: 8px !important;
}
body.v40-builder .workspace-20261011 .app-header .brand-mark .logo-emblem {
  width: 106px !important;
  height: 42px !important;
  background: #fff !important;
  flex: 0 0 106px !important;
}
body.v40-builder .workspace-20261011 .app-header .brand-mark .logo-emblem img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
}
body.v40-builder .workspace-20261011 .preview-studio-head {
  background: #15213a !important;
  padding: 20px !important;
  gap: 18px !important;
}
body.v40-builder .workspace-20261011 .preview-studio-head small {
  color: #c5d1e6 !important;
}
body.v40-builder .workspace-20261011 .preview-studio-head b {
  color: #fff !important;
}
body.v40-builder .workspace-20261011 .preview-studio-actions {
  flex-wrap: wrap !important;
  gap: 10px !important;
}
body.v40-builder .workspace-20261011 .template-language-toggle {
  min-width: 220px !important;
}
body.v40-builder .workspace-20261011 .template-language-toggle button {
  font-size: var(--ui-small) !important;
}
body.v40-builder .workspace-20261011 .preview-design-tabs button {
  min-width: 138px !important;
  white-space: normal !important;
  padding: 12px !important;
}
body.v40-builder .workspace-20261011 .preview-design-tabs button {
  flex: 0 0 172px !important;
  width: 172px !important;
}
body.v40-builder .workspace-20261011 .preview-design-tabs :is(b, small) {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  max-width: none !important;
}
body.v40-builder .workspace-20261011 .v26-extra-head b {
  font-size: var(--ui-text) !important;
  line-height: 1.7 !important;
}
body.v40-builder .workspace-20261011 .v26-extra-head small {
  font-size: var(--ui-small) !important;
  line-height: 1.7 !important;
}
body.v40-builder .workspace-20261011 .v26-extra-grid {
  grid-template-columns: repeat(auto-fit, minmax(136px, 1fr)) !important;
  gap: 12px !important;
}
body.v40-builder .workspace-20261011 .v26-template-card {
  padding: 12px !important;
}
body.v40-builder .workspace-20261011 .v26-template-card b {
  font-size: 14px !important;
  line-height: 1.5 !important;
  white-space: normal !important;
}
body.v40-builder .workspace-20261011 .v26-template-card small {
  font-size: 12px !important;
  line-height: 1.6 !important;
  white-space: normal !important;
}
body.v40-builder .workspace-20261011 .v26-extra-designs {
  background: #15213a !important;
}
body.v40-builder .workspace-20261011 .preview-design-tabs small {
  font-size: 12px !important;
  line-height: 1.6 !important;
}
body.v40-builder .workspace-20261011 .cv-font-controls {
  background: var(--ws-surface);
  border: 1px solid var(--ws-line);
  padding: 18px;
  gap: 10px;
  margin: 14px 0;
}
body.v40-builder .workspace-20261011 .cv-font-controls :is(b, small) {
  flex-basis: 100%;
}
body.v40-builder .workspace-20261011 .cv-font-controls button {
  min-width: 68px;
  min-height: 48px;
}
body.v40-builder .workspace-20261011.ui-ar .cv-font-controls {
  direction: rtl;
  text-align: right;
}
body.v40-builder .workspace-20261011.ui-en .cv-font-controls {
  direction: ltr;
  text-align: left;
}
body.v40-builder .workspace-20261011 .cv-font-controls button {
  direction: ltr;
}
.display-text-controls {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  padding: 12px 16px;
  background: var(--ws-surface);
  color: var(--ws-ink);
  border: 1px solid var(--ws-line);
  border-radius: 12px;
  margin: 12px 0;
}
.display-text-controls > span {
  font-size: var(--ui-small);
  flex: 1 0 150px;
  font-weight: 700;
}
.display-text-controls button {
  background: var(--ws-bg);
  color: var(--ws-ink);
  border: 1px solid var(--ws-line);
  padding: 6px 14px;
}
.display-text-controls button[aria-pressed="true"] {
  background: var(--ws-accent);
  color: #fff;
}
body.v40-builder .workspace-20261011 .v26-context-guide {
  background: var(--ws-bg) !important;
  border: 1px solid var(--ws-line) !important;
}
body.v40-builder .workspace-20261011 .v26-context-guide li {
  font-size: var(--ui-small) !important;
  line-height: 1.8 !important;
}
body.v40-builder .workspace-20261011 .form-panel .panel-heading h2 {
  font-size: 28px !important;
  color: var(--ws-ink) !important;
}
body.v40-builder .workspace-20261011 .v4131-writing-helper {
  background: var(--ws-bg) !important;
  box-shadow: none !important;
}
body.v40-builder
  .workspace-20261011
  .v4131-writing-helper
  > summary
  :is(b, small) {
  font-size: var(--ui-small) !important;
}
body.v40-builder .workspace-20261011 .preview-save-copy {
  min-width: 0 !important;
}
body.v40-builder .workspace-20261011 .preview-save-card {
  flex-wrap: wrap !important;
  gap: 14px !important;
}
body.v40-builder .workspace-20261011 #cv-document a.certificate-link {
  color: inherit !important;
  text-decoration: none !important;
  text-underline-offset: 2px;
}
html.v30-dark body.v40-builder .workspace-20261011 {
  --ws-ink: #ecf0fa;
  --ws-muted: #b7c1d6;
  --ws-line: #35425a;
  --ws-bg: #101a2d;
  --ws-surface: #1a263c;
  --ws-accent: #4668e7;
}
@media (max-width: 767px) {
  body.v40-builder .workspace-20261011 .app-header {
    min-height: 84px !important;
    padding: 10px !important;
    gap: 8px !important;
  }
  body.v40-builder .workspace-20261011 .logo-emblem {
    width: 82px !important;
    height: 34px !important;
    padding: 5px !important;
  }
  body.v40-builder .workspace-20261011 .app-header .brand-mark .logo-emblem {
    width: 82px !important;
    height: 34px !important;
    flex-basis: 82px !important;
  }
  body.v40-builder .workspace-20261011 .brand-mark {
    gap: 8px !important;
  }
  body.v40-builder .workspace-20261011 .brand-mark > div > b {
    font-size: 15px !important;
    white-space: normal !important;
    max-width: 120px;
  }
  body.v40-builder .workspace-20261011 .brand-mark > div {
    min-width: 0 !important;
  }
  body.v40-builder .workspace-20261011 .editor-head {
    padding: 18px !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
  }
  body.v40-builder .workspace-20261011 .editor-head h1 {
    font-size: 24px !important;
  }
  body.v40-builder .workspace-20261011 .editor-head-actions {
    flex-direction: row !important;
    flex-wrap: wrap;
    gap: 8px !important;
    width: 100% !important;
  }
  body.v40-builder .workspace-20261011 .editor-head-actions button {
    flex: 1 1 100px !important;
  }
  body.v40-builder .workspace-20261011 .form-panel .panel-heading h2 {
    font-size: 25px !important;
  }
  body.v40-builder .workspace-20261011 .form-step-actions {
    position: static !important;
  }
  body.v40-builder .workspace-20261011 .preview-studio-head {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  body.v40-builder .workspace-20261011 .preview-studio-actions {
    display: flex !important;
    flex-direction: column;
    align-items: stretch !important;
  }
  body.v40-builder .workspace-20261011 .preview-save-actions {
    width: 100%;
    flex-wrap: wrap !important;
  }
  body.v40-builder .workspace-20261011 .preview-save-actions button {
    flex: 1 1 150px;
  }
  body.v40-builder .workspace-20261011 .mobile-app-dock b {
    font-size: 14px !important;
  }
  body.v40-builder .workspace-20261011 .ui-language-toggle button {
    font-size: 12px !important;
  }
}