/**
 * Fiche Client - Design Moderne ASLANE
 */
.client-detail-container { max-width: 1400px; margin: 0 auto; padding: 2rem 1rem; }
.client-header { background: linear-gradient(135deg, #D90429 0%, #8B0000 100%); border-radius: 16px; padding: 2rem; margin-bottom: 2rem; box-shadow: 0 10px 30px rgba(217, 4, 41, 0.2); color: white; }
.client-header-content { display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; flex-wrap: wrap; }
.client-name { font-size: 2rem; font-weight: 800; margin: 0; display: flex; align-items: center; gap: 0.75rem; }
.client-actions { display: flex; gap: 0.75rem; flex-wrap: wrap; }
.section-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 1.5rem; margin-bottom: 1.5rem; }
.card-modern { background: white; border-radius: 16px; padding: 1.5rem; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); border: 1px solid #e5e7eb; transition: all 0.3s ease; }
.card-modern:hover { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); transform: translateY(-2px); }
.card-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 2px solid #f3f4f6; }
.card-title { font-size: 1.25rem; font-weight: 700; color: #111827; margin: 0; display: flex; align-items: center; gap: 0.5rem; }
.info-row { display: flex; align-items: start; gap: 0.75rem; margin-bottom: 1rem; padding: 0.75rem; border-radius: 8px; transition: background 0.2s; }
.info-row:hover { background: #f9fafb; }
.info-icon { font-size: 1.5rem; flex-shrink: 0; }
.info-content { flex: 1; min-width: 0; }
.info-label { font-size: 0.75rem; color: #6b7280; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.25rem; }
.info-value { font-size: 1rem; color: #111827; font-weight: 600; }
.intervention-item { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1rem; border-radius: 10px; border: 1px solid #e5e7eb; background: #f9fafb; transition: all 0.2s; margin-bottom: 0.75rem; }
.intervention-item:hover { background: white; border-color: #D90429; box-shadow: 0 4px 12px rgba(217, 4, 41, 0.1); }
.pdf-item { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1.25rem; border-radius: 12px; border: 2px solid #e5e7eb; background: linear-gradient(135deg, #f9fafb 0%, white 100%); transition: all 0.3s; margin-bottom: 1rem; }
.pdf-item:hover { border-color: #D90429; box-shadow: 0 6px 20px rgba(217, 4, 41, 0.15); transform: translateX(4px); }
.empty-state { text-align: center; padding: 3rem 2rem; background: #f9fafb; border-radius: 12px; border: 2px dashed #e5e7eb; }
.empty-icon { font-size: 3rem; opacity: 0.3; margin-bottom: 1rem; }
@media (max-width: 768px) { .client-header-content { flex-direction: column; align-items: stretch; } .client-name { font-size: 1.5rem; } .section-grid { grid-template-columns: 1fr; } }