/* ==========================================================================
 *  cv-history-ui-v2: extraido do index.html em 17/08/2026.
 *
 *  Nao e estilo novo. E o bloco <style id="cv-history-ui-v2"> que morava dentro do index.html. movido para fora SEM UMA LINHA ALTERADA (2.910 bytes).
 *
 *  A TAG FICOU NA MESMA POSICAO, porque a cascata do CSS depende da posicao no documento.
 * ========================================================================== */

  /* ===== Historico Geral: refino UI/UX (v44) ===== */
  /* 1) SCROLL discreto e estilizado nas 3 listas (manuais/automaticos/experiencias) */
  #cvHistoryPanel .cv-history-list {
    max-height: 224px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 4px;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: var(--cv-scrollbar-thumb) var(--cv-scrollbar-track);
  }

  /* 2) HIERARQUIA dos botoes: Salvar destaque / Novo+Atualizar contorno / Limpar texto sutil */
  #cvHistoryPanel .cv-history-form .cv-history-actions { align-items: stretch; gap: 8px; }
  #cvHistoryPanel .cv-history-form .cv-history-primary {
    flex: 1.6 1 0 !important;
    background: linear-gradient(135deg,#2f9367 0%,#1f6947 100%) !important;
    color: #fff !important; border: 0 !important;
    box-shadow: 0 8px 18px rgba(31,105,71,.28) !important;
    font-weight: 950;
  }
  #cvHistoryPanel .cv-history-form .cv-history-new,
  #cvHistoryPanel .cv-history-form .cv-history-refresh {
    background: transparent !important; box-shadow: none !important; font-weight: 900;
  }
  #cvHistoryPanel .cv-history-form .cv-history-new { border: 1.5px solid #243b67 !important; color: #243b67 !important; }
  #cvHistoryPanel .cv-history-form .cv-history-refresh { border: 1.5px solid #2f6edb !important; color: #2f6edb !important; }
  #cvHistoryPanel .cv-history-form .cv-history-new:hover { background: rgba(36,59,103,.07) !important; }
  #cvHistoryPanel .cv-history-form .cv-history-refresh:hover { background: rgba(47,110,219,.08) !important; }
  #cvHistoryPanel .cv-history-form .cv-history-danger {
    flex: 0 1 auto !important;
    background: transparent !important; border: 0 !important; box-shadow: none !important;
    color: #93555b !important; font-weight: 800;
    text-decoration: underline; text-underline-offset: 2px; padding: 9px 8px !important;
  }
  #cvHistoryPanel .cv-history-form .cv-history-danger:hover { color: #7a2830 !important; background: rgba(147,64,68,.07) !important; }

  /* 3) CARD: padding confortavel + separacao clara dos botoes Usar/Remover */
  #cvHistoryPanel .cv-history-item { padding: 13px 14px; gap: 8px; }
  #cvHistoryPanel .cv-history-item-actions {
    margin-top: 2px; padding-top: 10px; gap: 10px;
    border-top: 1px solid #eef2f8; flex-wrap: nowrap;
  }
  #cvHistoryPanel .cv-history-item-actions button { flex: 1 1 0; min-width: 0; min-height: 34px; }
  #cvHistoryPanel .cv-history-item-actions .cv-history-insert {
    background: linear-gradient(135deg,#2f6edb 0%,#0f47a6 100%) !important; color: #fff !important;
  }
  #cvHistoryPanel .cv-history-item-actions .cv-history-remove {
    background: transparent !important; border: 1.5px solid #d7b0b4 !important; color: #93555b !important;
  }
  #cvHistoryPanel .cv-history-item-actions .cv-history-remove:hover { background: rgba(147,64,68,.07) !important; }