.co-shell { max-width: 1200px; margin: 8px auto 32px }
.co-shell h2 { margin: 0 0 6px }
.co-line-grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(140px, 1fr); gap: 14px }
.co-fields { border: 0; padding: 0; margin: 0; min-width: 0 }
.co-line { padding: 16px; border: 1px solid var(--line); border-radius: 14px; display: grid; gap: 12px; min-width: 0 }
.co-line legend { padding: 0 7px; font-weight: 600 }
.co-form .inp { min-height: 48px; width: 100%; box-sizing: border-box }
.co-list { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,340px),1fr)); gap: 16px }
.co-card { display: grid; align-content: start; gap: 10px; border-left: 5px solid var(--or) }
.co-card h3,.co-card p,.co-success p { margin: 0 }
.co-preparation { border-left-color: var(--cuivre) }
.co-prete { border-left-color: var(--ok) }
.co-annulee,.co-remise { border-left-color: var(--muted) }
.co-items { padding-left: 22px; display: grid; gap: 8px; margin: 8px 0 }
.co-items p { font-size: .9rem; white-space: pre-line }
.co-pickup { font-weight: 600 }
.co-notes { padding: 12px; border-radius: 10px; background: var(--soft); white-space: pre-line }
.co-actions { margin-top: 8px }
.co-error { color: var(--bad); background: #fff1ef; padding: 12px; border-radius: 10px }
.co-success { background: var(--ok-bg); padding: 18px; border-radius: 14px; display: grid; gap: 10px }
.co-filters { align-items: end }
.co-filters label { display: grid; gap: 6px }
.co-print { display: none }
@media (max-width: 680px) { .co-line-grid { grid-template-columns: 1fr } .co-form { padding: 16px } }
@media print {
 body.co-printing { background: white; color: #111; font: 13pt Arial,sans-serif }
 body.co-printing > :not(#app),body.co-printing #app > :not(.co-print) { display: none !important }
 body.co-printing #app { padding: 0 !important; max-width: none !important; margin: 0 !important; width: auto !important }
 body.co-printing .co-print { display: block !important; padding: 12mm; color: #111 }
 body.co-printing .co-print h1 { font: bold 22pt Arial,sans-serif; margin: 5mm 0 }
 body.co-printing .co-print h2 { font: bold 18pt Arial,sans-serif }
 body.co-printing .co-print .co-items { border-block: 1px solid #555; padding-block: 6mm; margin-block: 6mm }
 body.co-printing .co-print li { break-inside: avoid; margin-bottom: 5mm }
 body.co-printing .co-print .co-notes { padding: 0; background: none }
 body.co-printing .co-print-checks { margin-top: 12mm }
}