/* Les cessions de titres probables (src/cessions-probables.js) : la charte de l'application, boutons segmentés de src/volume-marche.css. */
.cess { max-width: 900px; margin: 0 auto; padding: 20px 24px 56px; color: var(--texte); }
.cess h2 { margin: 0 0 4px; font-size: var(--t-15); font-weight: 600; color: var(--encre); }
.cs-barre { display: flex; flex-wrap: wrap; gap: 8px 12px; margin: 14px 0 0; align-items: end; }
.cs-cherche { display: flex; flex-direction: column; gap: 3px; font-size: var(--t-11); color: var(--attenue); }
.cs-cherche input { height: var(--h-bouton); min-width: 200px; padding: 0 8px; border: 0; border-radius: var(--r-bouton); box-shadow: inset 0 0 0 1px var(--filet-fort); background: var(--panneau); color: var(--encre); font: inherit; font-size: var(--t-13); }
.cs-note { margin-top: 10px; }
.cs-n { margin: 14px 0 6px; font-size: var(--t-12); color: var(--attenue); }
.cs-liste, .cs-detail { list-style: none; margin: 0; padding: 0; }
.cs-liste > li { border-bottom: 1px solid var(--filet); }
.cs-liste summary { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 12px; align-items: center; padding: 10px 2px; cursor: pointer; list-style: none; font-size: var(--t-13); }
.cs-liste summary::-webkit-details-marker { display: none; }
.cs-nom small { color: var(--attenue); margin-left: 6px; }
.cs-puces { display: flex; flex-wrap: wrap; gap: 4px; }
.cs-puces i { font-style: normal; font-size: var(--t-11); padding: 2px 8px; border-radius: 999px; background: var(--survol); color: var(--encre); }
.cs-puces .cs-dirigeant { background: #1F56B8; color: #fff; }
.cs-puces .cs-permis { background: #1F8A47; color: #fff; }
.cs-puces .cs-nom { background: #C77A12; color: #fff; }
.cs-detail { margin: 0 0 6px 4px; padding-left: 12px; border-left: 2px solid var(--filet-fort); font-size: var(--t-12); line-height: 1.5; color: var(--texte); }
.cs-detail li { padding: 3px 0; }
@media (max-width: 700px) { .cess { padding: 14px 14px 48px; } .cs-cherche input { height: 44px; } }