/* S02b4: reuse Gestion typography, tables and native surfaces. */
.oe-toolbar{justify-content:space-between;gap:16px}.oe-periods{display:flex;align-items:center;gap:4px}.oe-basis{display:flex;align-items:flex-start;gap:12px;padding:16px 24px;border-bottom:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:12px;line-height:1.6}.oe-basis svg{width:16px;height:16px;flex:none;margin-top:2px}.oe-basis p{max-width:900px}.oe-table{min-width:880px}.oe-table strong{font-weight:500}.oe-table .oc-note-inline{font-size:12px}.oe-table th{white-space:nowrap}.oe-footer{gap:12px!important}.oe-footer-metrics{display:flex;align-items:center;gap:24px;min-width:0;flex:1;font-size:12px;white-space:nowrap}.oe-footer-metrics span{color:var(--muted)}.oe-footer-metrics strong{color:var(--ink);font-weight:500;margin-left:4px;font-variant-numeric:tabular-nums}.oe-footer-actions{display:flex;align-items:center;gap:4px;flex:none}.oe-footer-actions .btn{padding:8px;font-size:12px}.oe-footer-actions svg{width:15px;height:15px}.oe-mobile-actions{display:none}.oe-dl{margin:16px 0}.oe-explanation{padding:16px 0 0;margin-top:16px;border-top:1px solid var(--line);font-size:12px;line-height:1.7;color:var(--muted)}.oe-explanation summary{cursor:pointer;min-height:32px;color:var(--ink)}.oe-explanation p+p{margin-top:12px}.oe-jobs{margin:20px 0;border-top:1px solid var(--line)}.oe-jobs>div{padding:16px 0;border-bottom:1px solid var(--line)}.oe-jobs strong{font-size:13px;font-weight:500}.oe-jobs span,.oe-jobs small{display:block;color:var(--muted);font-size:12px;line-height:1.7;margin-top:4px}.oe-sync-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.oe-sync-actions .btn{white-space:normal}.oe-confirm-copy{font-size:14px;line-height:1.7;margin-top:12px}.oe-page a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(max-width:1400px){.oe-footer-metrics{gap:16px}.oe-footer-metrics span:nth-child(3){display:none}}
@media(max-width:1120px){.oe-footer-metrics span:nth-child(2){display:none}.oe-footer-actions .btn{padding:8px}.oe-footer{padding-left:12px!important;padding-right:12px!important}}
@media(max-width:768px){.oe-toolbar{padding:12px 16px}.oe-periods .btn{min-height:44px;min-width:64px}.oe-toolbar>.oc-note{width:100%}.oe-basis{padding:16px}.oe-table{min-width:0}.oe-mobile-actions{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line);flex-wrap:wrap}.oe-mobile-actions .btn{min-height:44px;flex:1;white-space:normal}.oe-sync-actions .btn{min-height:44px;flex:1}.oe-dl{grid-template-columns:minmax(110px,45%) minmax(0,1fr)}.oe-table td{grid-template-columns:124px minmax(0,1fr)}.oe-explanation summary{min-height:44px}.oe-table .oc-note-inline{display:inline;margin-left:8px}.oe-table td:first-child .oc-note-inline{display:block;margin-left:0}.oe-sync-actions{width:100%}}
.oe-templates{margin-top:24px;border-top:1px solid var(--line)}.oe-templates article{display:flex;gap:24px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}.oe-templates article>div{flex:1;min-width:0}.oe-templates h3{font-size:16px;font-weight:500;margin-bottom:8px}.oe-templates p{font-size:14px;line-height:1.6;margin-bottom:8px}.oe-templates span{font-size:12px;color:var(--muted)}.oe-templates .btn{flex:none}.oe-confirm-copy+.oc-field{margin-top:24px}.oe-mobile-actions .btn[aria-label]{flex:0 0 44px;min-width:44px}.oe-footer-actions .btn[aria-label]{min-width:32px}.oe-basis{gap:12px;padding-top:16px;padding-bottom:16px}.oe-footer{gap:12px!important}.oe-footer-metrics strong{margin-left:4px}
@media(max-width:1120px){.oe-footer-metrics{display:none}.oe-footer-actions{margin-right:auto}}
@media(max-width:768px){.oe-templates article{gap:16px;flex-wrap:wrap;padding:16px 0}.oe-templates article>div{flex-basis:100%}.oe-templates .btn{min-height:44px}.oe-mobile-actions{gap:8px}.oe-mobile-actions .btn{font-size:12px}}

@media(min-width:769px){.oe-table{min-width:720px}.oe-table th,.oe-table td{padding:16px 8px}.oe-table th:first-child,.oe-table td:first-child{padding-left:24px;min-width:160px}.oe-table th:last-child,.oe-table td:last-child{padding-right:24px}.oe-footer:not(:has(.oc-pagination)) .oe-footer-metrics{display:flex}.oe-footer:not(:has(.oc-pagination)) .oe-footer-actions{margin-left:auto;margin-right:0}}