.mention-editor[data-v-fced272e] {
    min-height: 100px;
    white-space: pre-wrap;
    word-break: break-word;
    outline: none;
    cursor: text;
    line-height: 1.5;
}
.mention-editor[data-v-fced272e]:empty::before {
    content: attr(data-placeholder);
    color: #aaa;
    pointer-events: none;
}

/* Chips */
[data-v-fced272e] .mention-tag {
    display: inline-flex;
    align-items: center;
    border-radius: 4px;
    padding: 1px 8px;
    font-size: .82rem;
    font-weight: 500;
    cursor: pointer;
    user-select: none;
    margin: 0 2px;
    vertical-align: middle;
    transition: filter .1s;
}
[data-v-fced272e] .mention-tag[data-tag]:hover {
    filter: brightness(.95);
}
[data-v-fced272e] .tag-brand-partial { background:#dbeafe; color:#1d4ed8; border:1px solid #93c5fd;
}
[data-v-fced272e] .tag-vehicle       { background:#f3e8ff; color:#6b21a8; border:1px solid #d8b4fe;
}
[data-v-fced272e] .tag-energy        { background:#fff7ed; color:#9a3412; border:1px solid #fdba74;
}
[data-v-fced272e] .tag-budget-partial{ background:#d1fae5; color:#065f46; border:1px solid #6ee7b7;
}
[data-v-fced272e] .tag-budget        { background:#d1fae5; color:#065f46; border:1px solid #6ee7b7;
}
[data-v-fced272e] .tag-km-partial    { background:#e0f2fe; color:#075985; border:1px solid #7dd3fc;
}
[data-v-fced272e] .tag-km            { background:#e0f2fe; color:#075985; border:1px solid #7dd3fc;
}
[data-v-fced272e] .tag-sep           { opacity:.55; font-weight:400; pointer-events:none;
}
[data-v-fced272e] [data-edit-step]   { cursor:pointer; border-radius:2px; padding:0 1px; transition:background .1s;
}
[data-v-fced272e] [data-edit-step]:hover { background:rgba(0,0,0,.08);
}
[data-v-fced272e] .tag-version-inline{ font-style:italic; opacity:.75;
}
[data-v-fced272e] .tag-color-label   { display:inline-flex; align-items:center; gap:3px; opacity:.85;
}
[data-v-fced272e] .tag-color-dot     { width:8px; height:8px; border-radius:50%; flex-shrink:0; display:inline-block; pointer-events:none;
}
[data-v-fced272e] .tag-delete        { margin-left:4px; opacity:.45; font-size:.75rem; cursor:pointer; line-height:1; transition:opacity .1s;
}
[data-v-fced272e] .tag-delete:hover  { opacity:1;
}

/* Hint budget */
.budget-hint[data-v-fced272e] {
    font-size: .72rem;
    color: #666;
    margin-top: 4px;
    padding: 3px 8px;
    background: #f0fdf4;
    border: 1px dashed #6ee7b7;
    border-radius: 4px;
}
.budget-hint--km[data-v-fced272e] { background:#f0f9ff; border-color:#7dd3fc;
}
.budget-hint kbd[data-v-fced272e] {
    display: inline-block;
    background: #fff;
    border: 1px solid #d1d5db;
    border-radius: 3px;
    padding: 0 4px;
    font-size: .68rem;
    color: #374151;
}


/* Non scopé volontairement : une partie du contenu (chips de mention) est générée par innerHTML dans le contenteditable, sans attributs data-v — le scoping Vue ne peut pas l'atteindre. Les préfixes mention-/cat-/op- servent de namespace. */
.mention-wrapper { position: relative;
}
.mention-dropdown {
    position: absolute;
    z-index: var(--crm-z-above-modals);
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    box-shadow: 0 6px 16px rgba(0,0,0,.15);
    overflow: hidden;
}
.mention-header {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px 10px;
    border-bottom: 1px solid #f0f0f0;
    font-size: .75rem;
    color: #999;
}
.mention-cat-pill         { padding:1px 6px; border-radius:3px; font-size:.75rem; font-weight:600;
}
.mention-cat-pill.cat-vehicle { background:#f3e8ff; color:#6b21a8;
}
.mention-cat-pill.cat-energy  { background:#fff7ed; color:#9a3412;
}
.mention-cat-pill.cat-budget  { background:#d1fae5; color:#065f46;
}
.mention-cat-pill.cat-km      { background:#e0f2fe; color:#075985;
}
.mention-brand-pill        { background:#dbeafe; color:#1d4ed8; padding:1px 6px; border-radius:3px; font-size:.75rem; font-weight:600;
}
.mention-header-sep        { color:#bbb;
}
.mention-header-hint       { font-style:italic;
}

/* Items simples */
.mention-item { padding:7px 12px; cursor:pointer; font-size:.88rem; white-space:nowrap; transition:background .1s;
}
.mention-item:hover, .mention-item.active { background:#f5f0ff; color:#6b21a8;
}
.mention-item--brand-only { font-style:italic; border-bottom:1px solid #e5e7eb;
}
.mention-item--brand-only:hover, .mention-item--brand-only.active { background:#f0fdf4; color:#15803d;
}

/* Items catégorie */
.mention-item-category { display:flex; align-items:center; gap:10px; padding:8px 12px;
}
.mention-item-category.disabled { opacity:.5; cursor:default;
}
.mention-item-category:not(.disabled):hover,
.mention-item-category:not(.disabled).active { background:#f5f0ff; color:#6b21a8;
}
.cat-icon { width:28px; height:28px; border-radius:6px; display:flex; align-items:center; justify-content:center; font-size:.8rem; flex-shrink:0;
}
.cat-icon--vehicle { background:#f3e8ff; color:#6b21a8;
}
.cat-icon--energy  { background:#fff7ed; color:#9a3412;
}
.cat-icon--budget  { background:#d1fae5; color:#065f46;
}
.cat-icon--km      { background:#e0f2fe; color:#075985;
}
.cat-icon--search  { background:#f0f0f0; color:#aaa;
}
.mention-item-category.disabled .cat-icon { background:#f0f0f0; color:#aaa;
}
.cat-body   { flex:1; display:flex; flex-direction:column; min-width:0;
}
.cat-label  { font-size:.85rem; font-weight:600; color:#212529;
}
.cat-desc   { font-size:.72rem; color:#888;
}
.cat-soon   { font-size:.65rem; background:#f0f0f0; color:#999; border-radius:3px; padding:1px 5px; font-weight:500; text-transform:uppercase; letter-spacing:.03em;
}
.cat-arrow  { color:#ccc; font-size:.65rem;
}

/* Items énergie */
.mention-item-energy { display:flex; align-items:center; gap:10px; padding:7px 12px; cursor:pointer; transition:background .1s;
}
.mention-item-energy:hover,
.mention-item-energy.active { background:#fff7ed; color:#9a3412;
}
.energy-icon  { width:26px; height:26px; background:#fff7ed; color:#9a3412; border-radius:5px; display:flex; align-items:center; justify-content:center; font-size:.8rem; flex-shrink:0;
}
.energy-label { font-size:.88rem; font-weight:500;
}

/* Items opérateur budget */
.mention-item-operator { display:flex; align-items:center; gap:10px; padding:8px 12px; cursor:pointer; transition:background .1s;
}
.mention-item-operator:hover,
.mention-item-operator.active { background:#f0fdf4; color:#065f46;
}
.op-icon  { width:28px; height:28px; background:#d1fae5; color:#065f46; border-radius:6px; display:flex; align-items:center; justify-content:center; font-size:.8rem; flex-shrink:0;
}
.op-body  { flex:1; display:flex; flex-direction:column;
}
.op-label { font-size:.85rem; font-weight:600; color:#212529;
}
.op-hint  { font-size:.72rem; color:#888;
}

/* Items couleur */
.mention-item-color { display:flex; align-items:center; gap:10px; padding:7px 12px; cursor:pointer; transition:background .1s;
}
.mention-item-color:hover,
.mention-item-color.active { background:#f5f0ff; color:#6b21a8;
}
.color-dot { width:14px; height:14px; border-radius:50%; flex-shrink:0; box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);
}


.activity-timeline[data-v-8f57896e] {
    border-top: 1px solid #f0f0f0;
    padding-top: .75rem;
    margin-top: .5rem;
}
.timeline-loading[data-v-8f57896e] {
    padding: .5rem 0;
}
.timeline-list[data-v-8f57896e] {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding-right: 2px;
}
.timeline-item[data-v-8f57896e] {
    display: flex;
    gap: .75rem;
    padding: .5rem 0;
    position: relative;
}

/* Ligne verticale */
.timeline-item[data-v-8f57896e]:not(:last-child)::after {
    content: '';
    position: absolute;
    left: 13px;
    top: 32px;
    bottom: 0;
    width: 1px;
    background: #e9ecef;
}
.timeline-icon[data-v-8f57896e] {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .7rem;
    margin-top: 2px;
    position: relative;
    z-index: 1;
    background: #fff;
}
.timeline-body[data-v-8f57896e] {
    flex: 1;
    min-width: 0;
    padding-bottom: .25rem;
}
.timeline-meta[data-v-8f57896e] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: .75rem;
    margin-bottom: 2px;
}
.timeline-type[data-v-8f57896e] {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .03em;
    font-size: .68rem;
}
.timeline-date[data-v-8f57896e] {
    font-size: .7rem;
    color: #aaa;
    white-space: nowrap;
}
.timeline-note[data-v-8f57896e] {
    font-size: .82rem;
    color: #333;
    line-height: 1.4;
    white-space: pre-wrap;
    word-break: break-word;
}
.timeline-note.truncated[data-v-8f57896e] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    cursor: pointer;
}
.timeline-footer[data-v-8f57896e] {
    display: flex;
    align-items: center;
    margin-top: 2px;
    font-size: .72rem;
}

/* ── Badge durée d'appel dans la meta ── */
.call-duration-badge[data-v-8f57896e] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    background: #e0e7ff;
    color: #4338ca;
    border-radius: 3px;
    padding: 0 5px;
    font-size: .68rem;
    font-weight: 600;
    white-space: nowrap;
}

/* ── Zone Ringover : résumé, audio, transcription ── */
.ringover-zone[data-v-8f57896e] {
    margin-top: 4px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.ringover-summary[data-v-8f57896e] {
    background: #faf5ff;
    border: 1px solid #e9d5ff;
    border-radius: 5px;
    padding: 5px 8px;
    font-size: .75rem;
}
.ringover-summary-toggle[data-v-8f57896e] {
    background: none;
    border: none;
    padding: 0;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-weight: 700;
    color: #7e22ce;
    font-size: .65rem;
    text-transform: uppercase;
    letter-spacing: .03em;
    cursor: pointer;
    transition: color .12s;
}
.ringover-summary-toggle[data-v-8f57896e]:hover {
    color: #581c87;
}
.ringover-summary-toggle .fa-chevron-right[data-v-8f57896e],
.ringover-summary-toggle .fa-chevron-down[data-v-8f57896e] {
    font-size: .55rem;
    color: #a855f7;
}
.ringover-summary-text[data-v-8f57896e] {
    color: #4c1d95;
    line-height: 1.4;
    white-space: pre-wrap;
    word-break: break-word;
    margin-top: 4px;
    padding-top: 4px;
    border-top: 1px dashed #ddd6fe;
}
.ringover-audio[data-v-8f57896e] {
    width: 100%;
    height: 28px;
}
.ringover-transcript[data-v-8f57896e] {
    font-size: .72rem;
}
.ringover-transcript-toggle[data-v-8f57896e] {
    background: none;
    border: none;
    padding: 0;
    color: #6b7280;
    cursor: pointer;
    font-size: .7rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.ringover-transcript-toggle[data-v-8f57896e]:hover {
    color: #374151;
}
.ringover-transcript-text[data-v-8f57896e] {
    margin: 3px 0 0;
    padding: 6px 8px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    font-size: .72rem;
    line-height: 1.4;
    color: #374151;
    max-height: 200px;
    overflow-y: auto;
    white-space: pre-wrap;
    word-break: break-word;
    font-family: inherit;
}

/* ── Pagination ── */
.timeline-pagination[data-v-8f57896e] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    margin-top: .5rem;
    padding-top: .4rem;
    border-top: 1px dashed #f0f0f0;
}
.tl-pag-btn[data-v-8f57896e] {
    width: 24px;
    height: 24px;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    background: #fff;
    color: #495057;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .1s, border-color .1s;
    padding: 0;
}
.tl-pag-btn[data-v-8f57896e]:hover:not(:disabled) {
    background: #f8f9fa;
    border-color: #adb5bd;
}
.tl-pag-btn[data-v-8f57896e]:disabled {
    opacity: .35;
    cursor: default;
}
.tl-pag-info[data-v-8f57896e] {
    font-size: .72rem;
    color: #6c757d;
    min-width: 3rem;
    text-align: center;
}
.timeline-footer-link[data-v-8f57896e] {
    border-top: 1px dashed #f0f0f0;
    padding-top: .4rem;
}
.energy-tag[data-v-8f57896e] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    background: #fff7ed;
    color: #9a3412;
    border: 1px solid #fdba74;
    border-radius: 4px;
    padding: 1px 6px;
    font-size: .75rem;
    font-weight: 500;
    white-space: nowrap;
    vertical-align: baseline;
    line-height: 1.5;
}
.budget-tag[data-v-8f57896e] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    background: #d1fae5;
    color: #065f46;
    border: 1px solid #6ee7b7;
    border-radius: 4px;
    padding: 1px 6px;
    font-size: .75rem;
    font-weight: 500;
    white-space: nowrap;
    vertical-align: baseline;
    line-height: 1.5;
}
.vehicle-tag[data-v-8f57896e] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    background: #f3e8ff;
    color: #6d28d9;
    border: 1px solid #ddd6fe;
    border-radius: 4px;
    padding: 1px 6px;
    font-size: .75rem;
    font-weight: 500;
    white-space: nowrap;
    vertical-align: baseline;
    line-height: 1.5;
}
.km-tag[data-v-8f57896e] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    background: #e0f2fe;
    color: #075985;
    border: 1px solid #7dd3fc;
    border-radius: 4px;
    padding: 1px 6px;
    font-size: .75rem;
    font-weight: 500;
    white-space: nowrap;
    vertical-align: baseline;
    line-height: 1.5;
}

/* Bootstrap color helpers pour les icônes */
.bg-success-subtle[data-v-8f57896e] { background: #d1e7dd !important;
}
.bg-warning-subtle[data-v-8f57896e] { background: #fff3cd !important;
}
.bg-primary-subtle[data-v-8f57896e] { background: #cfe2ff !important;
}
.bg-secondary-subtle[data-v-8f57896e] { background: #e2e3e5 !important;
}
.border-success[data-v-8f57896e] { border-color: #198754 !important;
}
.border-warning[data-v-8f57896e] { border-color: #ffc107 !important;
}
.border-primary[data-v-8f57896e] { border-color: #0d6efd !important;
}
.border-secondary[data-v-8f57896e] { border-color: #6c757d !important;
}


.stock-suggestions[data-v-1affb70f] {
    padding-top: .5rem;
}

/* ── Filter pills ── */
.filter-pills[data-v-1affb70f] {
    display: flex;
    gap: .3rem;
    flex-wrap: wrap;
    margin-bottom: .6rem;
}
.filter-pill[data-v-1affb70f] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 2px 8px 2px 6px;
    border-radius: 20px;
    border: 1px solid #dee2e6;
    background: #fff;
    color: #495057;
    font-size: .7rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .12s, border-color .12s, color .12s;
    line-height: 1.6;
}
.filter-pill.active[data-v-1affb70f] {
    color: #fff;
}
.filter-pill[data-v-1affb70f]:not(.active):hover {
    background: #f8f9fa;
    border-color: #adb5bd;
}
.filter-pill-dot[data-v-1affb70f] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

/* ── Suggestions ── */
.suggestions-label[data-v-1affb70f] {
    display: flex;
    align-items: center;
}
.suggestions-list[data-v-1affb70f] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    padding-right: 2px;
}
.suggestion-card[data-v-1affb70f] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .4rem .5rem;
    border-radius: 6px;
    border: 1px solid #e9ecef;
    background: #fff;
    text-decoration: none;
    color: inherit;
    transition: background .12s, border-color .12s;
    cursor: pointer;
}
.suggestion-card[data-v-1affb70f]:hover {
    background: #f8f9fa;
    border-color: #ced4da;
}
.suggestion-photo[data-v-1affb70f] {
    flex-shrink: 0;
    width: 52px;
    height: 38px;
    border-radius: 4px;
    overflow: hidden;
    background: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.suggestion-photo img[data-v-1affb70f] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.suggestion-photo-placeholder[data-v-1affb70f] {
    font-size: .9rem;
}
.stock-pill[data-v-1affb70f] {
    position: absolute;
    bottom: 2px;
    right: 2px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    font-size: 9px;
    font-weight: 700;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    text-transform: uppercase;
    border: 1px solid rgba(255,255,255,.4);
}
.suggestion-info[data-v-1affb70f] {
    flex: 1;
    min-width: 0;
}
.suggestion-title[data-v-1affb70f] {
    font-size: .78rem;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    color: #212529;
}
.suggestion-meta[data-v-1affb70f] {
    font-size: .7rem;
    color: #888;
}
.suggestion-price[data-v-1affb70f] {
    font-size: .75rem;
    font-weight: 600;
    color: #0d6efd;
}
.suggestion-actions[data-v-1affb70f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}
.propal-btn[data-v-1affb70f] {
    width: 24px;
    height: 24px;
    border: 1px solid #d8b4fe;
    border-radius: 4px;
    background: #f3e8ff;
    color: #7c3aed;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    transition: background .12s, border-color .12s;
}
.propal-btn[data-v-1affb70f]:hover {
    background: #ede9fe;
    border-color: #a78bfa;
}
.suggestion-arrow[data-v-1affb70f] {
    flex-shrink: 0;
    opacity: .4;
}

/* ── Match score badge ── */
.match-badge[data-v-1affb70f] {
    flex-shrink: 0;
    font-size: .65rem;
    font-weight: 700;
    padding: 2px 5px;
    border-radius: 4px;
    line-height: 1;
    white-space: nowrap;
}
.match-high[data-v-1affb70f] { background: #d1fae5; color: #065f46;
}
.match-mid[data-v-1affb70f]  { background: #fef3c7; color: #92400e;
}
.match-low[data-v-1affb70f]  { background: #fee2e2; color: #991b1b;
}

/* ── Warnings ── */
.suggestion-warnings[data-v-1affb70f] {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    margin-top: 2px;
}
.warning-tag[data-v-1affb70f] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: .62rem;
    color: #92400e;
    background: #fef3c7;
    border-radius: 3px;
    padding: 0 4px;
    line-height: 1.5;
    white-space: nowrap;
}

/* ── Pagination ── */
.pagination-bar[data-v-1affb70f] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    margin-top: .5rem;
    padding-top: .4rem;
    border-top: 1px dashed #f0f0f0;
}
.pag-btn[data-v-1affb70f] {
    width: 24px;
    height: 24px;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    background: #fff;
    color: #495057;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .1s, border-color .1s;
    padding: 0;
}
.pag-btn[data-v-1affb70f]:hover:not(:disabled) {
    background: #f8f9fa;
    border-color: #adb5bd;
}
.pag-btn[data-v-1affb70f]:disabled {
    opacity: .35;
    cursor: default;
}
.pag-info[data-v-1affb70f] {
    font-size: .72rem;
    color: #6c757d;
    min-width: 3rem;
    text-align: center;
}

/* ── Lien vers le stock ── */
.stock-link-bar[data-v-1affb70f] {
    text-align: center;
    margin-top: .5rem;
    padding-top: .4rem;
    border-top: 1px dashed #f0f0f0;
}
.stock-link-btn[data-v-1affb70f] {
    display: inline-flex;
    align-items: center;
    font-size: .72rem;
    color: #6c757d;
    text-decoration: none;
    padding: 3px 10px;
    border-radius: 4px;
    transition: background .12s, color .12s;
}
.stock-link-btn[data-v-1affb70f]:hover {
    background: #f0f0f0;
    color: #212529;
}


/* ── Header coloré ───────────────────────────────────────────────────────── */
.activity-dialog-header {
  border-radius: 6px 6px 0 0;
  padding: .75rem 1.25rem !important;
  transition: background .2s;
}
.activity-dialog-header--campaign { background: var(--crm-activity-campagne); color: #fff;
}
.activity-dialog-header--mail     { background: var(--crm-activity-mail); color: #fff;
}
.activity-dialog-header--sms      { background: var(--crm-activity-sms); color: #fff;
}
.activity-dialog-header--phone    { background: var(--crm-activity-appel); color: #fff;
}
.activity-dialog-header--visit    { background: var(--crm-activity-visite); color: #fff;
}
.activity-dialog-header--note     { background: var(--crm-activity-note); color: #fff;
}
.activity-dialog-header--reminder { background: var(--crm-activity-rappel); color: #fff;
}
.activity-dialog-header--proposal { background: var(--crm-activity-proposition); color: #fff;
}
.activity-dialog-header--bdc      { background: var(--crm-activity-bdc); color: #fff;
}
.activity-dialog-header--default  { background: var(--crm-muted); color: #fff;
}

/* Bouton de fermeture blanc sur fond coloré */
.activity-dialog-header button {
  color: rgba(255,255,255,.8) !important;
}
.activity-dialog-header button:hover {
  color: #fff !important;
  background: rgba(255,255,255,.15) !important;
}
.activity-header-icon[data-v-1c92399c] {
  width: 28px;
  height: 28px;
  background: rgba(255,255,255,.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .85rem;
  flex-shrink: 0;
}
.activity-header-title[data-v-1c92399c] {
  font-weight: 600;
  font-size: 1rem;
}

/* ── Three-column layout ─────────────────────────────────────────────────── */
.timeline-panel[data-v-1c92399c],
.stock-panel[data-v-1c92399c],
.form-panel[data-v-1c92399c] {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
@media (min-width: 992px) {
.timeline-panel[data-v-1c92399c],
  .stock-panel[data-v-1c92399c],
  .form-panel[data-v-1c92399c] {
    overflow-x: auto;
    max-height: calc(90vh - 60px); /* 60px = hauteur header */
}
}

/* Mobile : séparateurs horizontaux */
.timeline-panel[data-v-1c92399c] {
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.stock-panel[data-v-1c92399c] {
  border-top: 1px solid #f0f0f0;
  padding-top: 1rem;
  margin-top: 1rem;
}

/* Desktop : séparateurs verticaux + pleine hauteur */
@media (min-width: 992px) {
.timeline-panel[data-v-1c92399c] {
    border-bottom: none;
    border-right: 1px solid #f0f0f0;
    padding-bottom: 0;
    margin-bottom: 0;
}
.stock-panel[data-v-1c92399c] {
    border-top: none;
    border-left: 1px solid #f0f0f0;
    padding-top: 0;
    margin-top: 0;
}
}
.timeline-panel-label[data-v-1c92399c] {
  color: #aaa;
}
.reminder-inline[data-v-1c92399c] {
  border-top: 1px dashed #e0e0e0;
  padding-top: .75rem;
  margin-top: .25rem;
}
.reminder-expand-enter-active[data-v-1c92399c],
.reminder-expand-leave-active[data-v-1c92399c] {
  transition: opacity .2s, transform .2s;
}
/* ── Résumé IA sous la note (lecture seule) ─────────────────────────────── */
.ai-summary-box[data-v-1c92399c] {
  background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%);
  border: 1px solid #ddd6fe;
  border-left: 3px solid #7c3aed;
  border-radius: 8px;
  padding: 10px 12px;
}
.ai-summary-label[data-v-1c92399c] {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  font-size: .7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #7c3aed;
  margin-bottom: 6px;
}
.ai-summary-label i[data-v-1c92399c] {
  color: #a78bfa;
}
.ai-summary-text[data-v-1c92399c] {
  font-size: .85rem;
  line-height: 1.45;
  color: #1e1b4b;
  white-space: pre-wrap;
}
.reminder-expand-enter-from[data-v-1c92399c],
.reminder-expand-leave-to[data-v-1c92399c] {
  opacity: 0;
  transform: translateY(-6px);
}