/* Invoice review presentation; existing controls and state classes are retained. */
.match-workflow,.match-filters,.mobile-match-actions,.mobile-match-metrics,.mobile-invoice-name{display:none}
#page-imports #importResults{font-family:'DM Sans',sans-serif;color:var(--ink)}
#page-imports #importResults h2{color:var(--green);font-family:inherit}
#page-imports #validateImport{background:var(--green);color:#fff;border-color:var(--green);box-shadow:none}
#page-imports .invoice-supplier-panel{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 0 10px 5px var(--ink-soft);gap:16px}
#page-imports .supplier-detection i{background:var(--green-soft);color:var(--green);font-family:inherit}
#page-imports .supplier-detection b{color:var(--green);font-family:inherit}
#page-imports .product-match,#page-imports #invoiceSupplierSelect{border-color:var(--line);border-radius:12px;color:var(--ink);background:#fff;font-family:inherit}
#page-imports .match-workflow{display:block;margin:0 0 6px;color:var(--green);font:500 12px/1.5 'DM Sans',sans-serif}
#page-imports .match-progress{display:grid;gap:6px;margin:0 0 14px;color:var(--muted);font:400 11px/1.4 'DM Sans',sans-serif}
#page-imports .match-progress progress{appearance:auto;accent-color:var(--green);width:100%;height:6px;border:0;border-radius:999px;overflow:hidden}
#page-imports .match-progress progress::-webkit-progress-bar{background:var(--green-soft);border-radius:999px}
#page-imports .match-progress progress::-webkit-progress-value{background:var(--green);border-radius:999px}
#page-imports .match-progress small{font-size:10px}
#page-imports .match-filters{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:4px;border-radius:14px;background:var(--green-soft)}
#page-imports .match-filters button{min-height:38px;padding:8px 12px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:500 12px 'DM Sans',sans-serif}
#page-imports .match-filters button.active{background:#fff;color:var(--green);box-shadow:0 2px 8px var(--ink-soft)}
#page-imports .match-bulk-actions{display:flex;justify-content:flex-end;margin:0 0 10px}
#page-imports .match-bulk-actions[hidden]{display:none!important}
#page-imports .match-bulk-actions .select-all-label{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border-radius:12px;background:var(--green-soft);color:var(--green);font:500 12px 'DM Sans',sans-serif;cursor:pointer}
#page-imports .match-bulk-actions input{width:18px;height:18px;margin:0;accent-color:var(--green)}
#page-imports .match-table tr[data-review-state="review"],#page-imports .match-table tr[data-review-state="pending"]{box-shadow:inset 3px 0 var(--green-soft)}
#page-imports .review-state-badge{display:inline-block;margin-top:5px;padding:3px 7px;border-radius:999px;background:var(--green-soft);color:var(--green);font:500 10px/1.4 'DM Sans',sans-serif}
#page-imports .review-state-badge[data-state="review"]{background:transparent;color:var(--muted);padding-left:0}
#page-imports .match-table td{padding:10px 12px;font-family:'DM Sans',sans-serif}
#page-imports .match-table tr.hidden-by-filter{display:none!important}
#page-imports .match-table .match-score{margin-top:3px;font-size:10px}
#page-imports .mobile-line-confirm{display:flex;align-items:center;gap:7px;min-height:38px;padding:6px 9px;border-radius:10px;background:var(--green-soft);color:var(--green);font:500 11px 'DM Sans',sans-serif;cursor:pointer;white-space:nowrap}
#page-imports .mobile-line-confirm.hidden{display:none!important}
#page-imports .mobile-line-confirm input{width:16px;height:16px;margin:0;accent-color:var(--green)}
#page-imports .match-table .cotiqa-select-trigger,#page-imports .invoice-supplier-panel .cotiqa-select-trigger{border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-family:inherit}
#modalContent .match-filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 14px}
#modalContent .match-filters button{min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font:500 13px/1 'DM Sans',sans-serif;white-space:nowrap}
#modalContent .match-filters button.active{border-color:var(--green-soft);background:var(--green-soft);color:var(--green)}
@media(min-width:768px){.line-selection,.mobile-line-confirm{display:none}}
@media(max-width:767px){
 #page-imports #importResults{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}
 #page-imports .results-head{align-items:flex-start;gap:8px;margin-bottom:10px}
 #page-imports .results-head>div:first-child{flex:none}
 #page-imports .results-head>div:last-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-start}
 #page-imports .results-head .primary{min-height:44px;padding:10px 14px;font:500 12px 'DM Sans',sans-serif;border-radius:12px}
 #page-imports .match-workflow{display:block;margin:0 0 10px;padding:8px 12px;border:0;border-radius:12px;background:var(--green-soft);color:var(--green);font-size:11px;line-height:1.4}
 #page-imports .match-filters,#modalContent .match-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:0 0 10px;padding:4px;border-radius:14px;background:var(--green-soft)}
 #page-imports .match-filters button,#modalContent .match-filters button{min-width:0;min-height:36px;padding:6px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:500 11px/1.2 'DM Sans',sans-serif;white-space:normal}
 #page-imports .match-filters button.active,#modalContent .match-filters button.active{background:#fff;color:var(--green);box-shadow:0 2px 8px var(--ink-soft)}
 #page-imports .match-table-panel{overflow:visible;border:0;background:transparent;box-shadow:none}
 #page-imports .match-table,#page-imports .match-table tbody{display:grid!important;grid-template-columns:minmax(0,1fr);width:100%!important;min-width:0!important;max-width:100%!important;border:0}
 #page-imports .match-table thead{display:none}
 #page-imports .match-table tbody{gap:10px}
 #page-imports .match-table tr{display:grid!important;grid-template-columns:minmax(0,1fr);gap:6px;width:100%;min-width:0!important;max-width:100%!important;padding:12px;border:1px solid var(--line);border-radius:20px;background:#fff!important;box-shadow:0 0 10px 5px var(--ink-soft);box-sizing:border-box}
 #page-imports .match-table tr.match-needs-review{border-color:var(--line)}
 #page-imports .match-table tr.hidden-by-filter{display:none!important}
 #page-imports .match-table td{display:block;min-width:0;padding:0!important;border:0!important;background:transparent!important;white-space:normal!important;overflow:visible!important;text-align:left!important}
 #page-imports .match-table td:before{display:none}
 #page-imports .match-table td:nth-child(3),#page-imports .match-table td:nth-child(4){display:none!important}
 #page-imports .mobile-invoice-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:100%;min-height:0;padding:0;border:0;background:transparent;text-align:left;color:var(--green);font:600 13px/1.35 'DM Sans',sans-serif;cursor:pointer}
 #page-imports .mobile-name-expanded .mobile-invoice-name{-webkit-line-clamp:unset;overflow:visible}
 #page-imports .mobile-invoice-name:focus-visible{outline:2px solid var(--green);outline-offset:2px}
 #page-imports .mobile-invoice-name~.invoice-label{display:none}
 #page-imports .mobile-name-expanded .invoice-label{display:block;width:100%;min-height:36px;margin-top:4px;font-size:16px}
 #page-imports .match-table td small{display:block;font-size:10px;line-height:1.3;color:var(--muted);overflow-wrap:anywhere}
 #page-imports .product-match{width:100%;min-width:0;max-width:100%;min-height:44px;padding:8px;font-size:16px}
 #page-imports .match-table .cotiqa-select{width:100%;min-width:0}
 #page-imports .match-table .cotiqa-select-trigger{min-height:44px;padding:8px 30px 8px 10px;font-size:12px}
 #page-imports .match-score{display:none!important}
 #page-imports .review-state-badge{display:none}
 #page-imports .mobile-match-metrics{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,.8fr) minmax(0,1.4fr);align-items:center;gap:8px;margin-top:8px}
 #page-imports .mobile-match-metrics span{display:block;min-width:0;padding:0;background:transparent}
 #page-imports .mobile-match-metrics em{display:block;color:var(--muted);font:400 9px/1.3 'DM Sans',sans-serif}
 #page-imports .mobile-match-metrics b{display:block;margin-top:2px;color:var(--ink);font-size:12px;font-weight:500;line-height:1.4;white-space:nowrap}
 #page-imports .mobile-match-metrics span:last-child{justify-self:end}
 #page-imports [data-mobile-match-state]{padding:3px 7px;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:10px}
 #page-imports .mobile-line-confirm{display:flex!important;align-items:center;gap:8px;min-height:44px;padding:6px 10px;border:0;border-radius:12px;background:var(--green-soft);color:var(--green);font-size:12px;cursor:pointer}
 #page-imports .mobile-line-confirm>span{display:none}
 #page-imports .mobile-line-confirm:after{content:'Confirmer';font:500 12px 'DM Sans',sans-serif}
 #page-imports .mobile-line-confirm[data-review-state="validated"]:after{content:'Confirmée'}
 #page-imports .mobile-line-confirm input{width:18px;height:18px;margin:0;accent-color:var(--green)}
 #page-imports .mobile-line-confirm.hidden,#page-imports .line-confirm:not(.mobile-confirm-input),#page-imports .excluded .mobile-line-confirm{display:none!important}
 #page-imports .match-table tr.excluded{opacity:.72}
 #page-imports .invoice-supplier-panel{padding:12px;margin:0 0 10px;gap:8px;min-height:0;flex-direction:column;align-items:stretch}
 #page-imports .supplier-detection{gap:8px;min-width:0}
 #page-imports .supplier-detection i{width:28px;height:28px;flex:0 0 28px;border-radius:10px}
 #page-imports .supplier-detection b{font-size:12px;line-height:1.35;margin:3px 0}
 #page-imports .supplier-detection small{font-size:10px;line-height:1.3}
 #page-imports .invoice-supplier-panel label{min-width:0;margin:0;font-size:10px}
 #page-imports .invoice-supplier-panel select{min-height:44px;padding:8px;font-size:16px}
 #page-imports .invoice-supplier-panel .cotiqa-select-trigger{min-height:40px;padding:8px 30px 8px 10px;font-size:12px}
}