/* CVguide editor, thread C, 2026-10-23. Loaded after workspace-inline.css. */

/* Dialogs sit in the middle of the screen: the site's global reset removes the UA auto margin. */
#cvguide-inline-editor dialog[open] { position: fixed; inset: 0; margin: auto; }

/* Barely visible hints inside inputs. */
#cvguide-inline-editor .field input::placeholder,
#cvguide-inline-editor .field textarea::placeholder { color: #c4cbd8; opacity: 1; }
#cvguide-inline-editor .select-search::placeholder, #cvguide-inline-editor .suggest-search::placeholder { color: #b5bdcb; opacity: 1; }

/* Flag inside a select trigger of any field (languages, currencies). */
#cvguide-inline-editor .select-value:has(.language-flag) { display: inline-flex; align-items: center; gap: 11px; }

/* Change-template button instead of the preview title. */
#cvguide-inline-editor .change-template { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px 9px 13px; border: 1px solid #cfdbfa; border-radius: 13px; background: #fff; color: #2c58dc; font-size: 14px; font-weight: 600; line-height: 1.2; box-shadow: 0 2px 6px #2c58dc12; transition: background 140ms, border-color 140ms; }
#cvguide-inline-editor .change-template svg { width: 18px; height: 18px; }
#cvguide-inline-editor .change-template:hover { background: #eef3ff; border-color: #b3c6f7; }
#cvguide-inline-editor .preview-heading .eyebrow { margin-bottom: 8px; }

/* Hint toggle in the preview toolbar. */
#cvguide-inline-editor .hint-toggle { margin-left: 4px; padding: 5px 11px; border: 1px solid #d9e1f1; border-radius: 999px; background: #fff; color: #5b6a82; font-size: 12px; line-height: 1.3; white-space: nowrap; }
#cvguide-inline-editor .hint-toggle[aria-pressed="true"] { border-color: #bfd0fb; background: #eaf0ff; color: #2a56d6; }

/* Clickable hints over the PDF. */
#cvguide-inline-editor .pdf-sheet { position: relative; flex: 0 0 auto; max-width: 100%; }
#cvguide-inline-editor .hint-layer { position: absolute; inset: 0; pointer-events: none; }
#cvguide-inline-editor .hint-hit { position: absolute; pointer-events: auto; padding: 0; border: 1px dashed #4a77f0; border-radius: 4px; background: #2f6bff1c; cursor: pointer; transition: background 120ms; }
#cvguide-inline-editor .hint-hit:hover, #cvguide-inline-editor .hint-hit:focus-visible { background: #2f6bff3d; }
#cvguide-inline-editor .hint-hit:disabled { opacity: 1; }

/* Field highlighted after a click on a hint. */
@keyframes cv-field-flash { 0%, 65% { background: #fff1b3; box-shadow: 0 0 0 8px #fff1b3; } 100% { background: transparent; box-shadow: 0 0 0 8px transparent; } }
#cvguide-inline-editor .is-flash { border-radius: 14px; animation: cv-field-flash 3.2s ease-out; }
#cvguide-inline-editor .is-flash input, #cvguide-inline-editor .is-flash textarea, #cvguide-inline-editor .is-flash .select-trigger { border-color: #2f6bff; background: #fff; box-shadow: 0 0 0 4px #2f6bff26; }

/* Wording button. Fixed height, so the card does not jump when the text changes. */
#cvguide-inline-editor .wording-button { display: inline-flex; align-items: center; gap: 7px; height: 36px; margin: 10px 0 4px; padding: 0 14px 0 11px; border: 1px solid #d5e0fb; border-radius: 11px; background: #f1f5ff; color: #3360d9; font-size: 13px; font-weight: 600; line-height: 1; transition: background 140ms, border-color 140ms; }
#cvguide-inline-editor .wording-button svg { width: 16px; height: 16px; }
#cvguide-inline-editor .wording-button:hover { background: #e5edff; border-color: #bccdf8; }
#cvguide-inline-editor .wording-button[aria-busy="true"] { opacity: .6; pointer-events: none; }
#cvguide-inline-editor .disclosure > .wording-button { margin-top: 10px; }

/* Skills and qualities. */
#cvguide-inline-editor .suggest-box { margin: 10px 0 26px; }
#cvguide-inline-editor .suggest-box .suggestions { margin: 0 0 10px; }
#cvguide-inline-editor .suggestions button[aria-pressed="true"], #cvguide-inline-editor .suggest-chips button[aria-pressed="true"] { border-color: #8fadf7; background: #e4ecff; color: #2a56d6; }
#cvguide-inline-editor .suggest-more > summary { display: inline-flex; align-items: center; gap: 7px; list-style: none; cursor: pointer; padding: 7px 12px; border: 1px dashed #c7d4ec; border-radius: 10px; background: #fafcff; color: #5671a1; font-size: 12px; }
#cvguide-inline-editor .suggest-more > summary::-webkit-details-marker { display: none; }
#cvguide-inline-editor .suggest-more > summary svg { width: 15px; height: 15px; transition: transform 160ms; }
#cvguide-inline-editor .suggest-more[open] > summary svg { transform: rotate(180deg); }
#cvguide-inline-editor .suggest-panel { margin-top: 10px; padding: 12px; border: 1px solid #e3e9f5; border-radius: 14px; background: #fbfcff; }
#cvguide-inline-editor .suggest-search { width: 100%; margin-bottom: 10px; padding: 10px 12px; border: 1px solid #dce2ed; border-radius: 11px; background: #fff; font-size: 14px; }
#cvguide-inline-editor .suggest-groups { max-height: 320px; overflow: auto; padding-right: 4px; scrollbar-width: thin; scrollbar-color: #cbd5ea transparent; }
#cvguide-inline-editor .suggest-group + .suggest-group { margin-top: 14px; }
#cvguide-inline-editor .suggest-group h4 { margin: 0 0 7px; color: #6b788f; font-size: 11px; font-weight: 600; letter-spacing: .6px; text-transform: uppercase; }
#cvguide-inline-editor .suggest-chips { display: flex; flex-wrap: wrap; gap: 6px; }
#cvguide-inline-editor .suggest-chips button { border: 1px solid #e1e7f4; background: #f4f6fc; color: #5b719a; border-radius: 9px; padding: 6px 10px; font-size: 12px; line-height: 1.3; text-align: left; }
#cvguide-inline-editor .suggest-chips button:hover { color: #2f6bff; border-color: #b8c9f5; }
#cvguide-inline-editor .suggest-empty { margin: 8px 2px 0; color: #748198; font-size: 13px; }

#cvguide-inline-editor #template-picker { scroll-margin-top: 96px; }
#cvguide-inline-editor { scroll-margin-top: 84px; }

/* Mobile: the form and the preview are separate tabs, switched by the bottom bar. */
#cvguide-inline-editor .cv-continue { display: none; }
@media (max-width: 900px) {
  #cvguide-inline-editor[data-view="form"] .preview-panel { display: none; }
  #cvguide-inline-editor[data-view="preview"] .editor-column { display: none; }
  #cvguide-inline-editor[data-view="preview"] .preview-panel { display: flex; min-height: calc(100dvh - 150px); }
  #cvguide-inline-editor .cv-continue { position: fixed; z-index: 101; left: 0; right: 0; bottom: calc(82px + env(safe-area-inset-bottom)); display: flex; justify-content: center; padding: 0 16px; pointer-events: none; }
  #cvguide-inline-editor .cv-continue[hidden] { display: none; }
  #cvguide-inline-editor .cv-continue__button { pointer-events: auto; padding: 14px 24px; border: 1px solid #6790ff; border-radius: 16px; background: linear-gradient(#5280ff, #3363f1); color: #fff; font-size: 15px; font-weight: 600; line-height: 1.2; white-space: nowrap; box-shadow: 0 8px 26px #2c54c840, inset 0 1px 0 #ffffff30; }
  #cvguide-inline-editor .preview-tools { flex-wrap: wrap; row-gap: 4px; }
  #cvguide-inline-editor .preview-toolbar { flex-wrap: wrap; }
}
@media (min-width: 901px) {
  #cvguide-inline-editor .cv-continue { display: none !important; }
}

/* Print: only the rendered pages of the resume. */
#cv-print-sheet { display: none; }
@media print {
  body.cv-printing > *:not(#cv-print-sheet) { display: none !important; }
  body.cv-printing { margin: 0 !important; padding: 0 !important; background: #fff !important; }
  body.cv-printing #cv-print-sheet { display: block !important; }
  #cv-print-sheet .cv-print-page { display: block; width: 210mm; height: 297mm; break-after: page; page-break-after: always; }
  #cv-print-sheet .cv-print-page:last-child { break-after: auto; page-break-after: auto; }
  @page { size: A4; margin: 0; }
}

/* T2-UI 2026-10-23: полный текст в селектах без горизонтальной прокрутки */
#cvguide-inline-editor .select-trigger { height: auto; align-items: center; }
#cvguide-inline-editor .select-value { flex: 1 1 auto; min-width: 0; white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; line-height: 1.3; text-align: left; }
#cvguide-inline-editor .select-options { overflow-x: hidden; }
#cvguide-inline-editor .select-option { height: auto; min-width: 0; }
#cvguide-inline-editor .select-option .option-label { min-width: 0; white-space: normal; overflow-wrap: anywhere; text-align: left; }
#cvguide-inline-editor .select-option small { flex: 0 1 auto; max-width: 45%; text-align: right; white-space: normal; overflow-wrap: anywhere; }
#cvguide-inline-editor .select-popover { max-width: calc(100vw - 24px); }
#cvguide-inline-editor .download-trigger { white-space: nowrap; flex-shrink: 0; }