/* ============================================================ Ohmelec App — Impression / PDF Activé par window.print(). Deux modes via .print-recap sur . ============================================================ */ @media print { @page { margin: 12mm; size: A4; } body { background: var(--c-white); color: #000; } /* Masquer les éléments interactifs */ .site-header, .etude-header, .tabs-nav, .tab-nav-bottom, .dashboard-toolbar, .filter-tabs, .alerts-banner, .autosave-indicator, .toast-container, .modal-overlay, .photo-input-label, .btn, .item-row__actions, .reco-item__actions, .reco-categories, .params-nav, .params-layout > .params-panel:not(.is-active), .photo-thumb__delete, .no-print { display: none !important; } /* Tous les panels visibles en mode étude complète */ body:not(.print-recap) .tab-panel { display: block !important; page-break-inside: avoid; } body:not(.print-recap) .tab-panel::before { content: attr(data-print-title); display: block; font-family: var(--ff-heading); font-weight: 800; font-size: 16pt; color: var(--c-blue); margin: 0 0 10px; padding-top: 12pt; border-top: 2px solid var(--c-blue); } body:not(.print-recap) .tab-panel:first-child::before { border-top: 0; padding-top: 0; } /* Mode récap : on n'affiche QUE le panel récap */ body.print-recap .tab-panel { display: none !important; } body.print-recap #tab-recap { display: block !important; } /* Section title */ .section-title { font-size: 14pt; margin: 10pt 0 6pt; color: var(--c-blue); page-break-after: avoid; } .subsection h3 { font-size: 11pt; page-break-after: avoid; } /* Compact layout */ .container { max-width: 100%; padding: 0; } .card, .item-row, .appareil-detail, .recap-section { box-shadow: none; border: 1px solid #ccc; background: #fff; page-break-inside: avoid; margin-bottom: 6pt; } .recap-hero { background: #1E3A5F !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; } /* Tableaux compacts */ table { width: 100%; border-collapse: collapse; font-size: 9pt; } table th, table td { border: 1px solid #ccc; padding: 4px 6px; text-align: left; } /* Photos petites */ .photo-thumb { width: 70px; height: 70px; } /* Champs : on affiche la valeur, pas l'input */ input, select, textarea { border: 0 !important; padding: 0 !important; background: transparent !important; color: #000 !important; box-shadow: none !important; min-height: 0 !important; } .field > label { font-size: 8pt; color: #555; } .field > input, .field > select, .field > textarea { font-size: 10pt; font-weight: 600; } a { color: #000; text-decoration: none; } }