/* DevisVox — Factures — Desktop */
@media (min-width: 1025px) {

#factures-mobile-page {
  --fac-success: #10B981; --fac-danger: #DC2626;
  --fac-text: #0F172A; --fac-text2: #475569; --fac-text3: #94A3B8;
  --fac-border: #E2E8F0; --fac-border2: #CBD5E1; --fac-bg: #F9FAFB; --fac-bg2: #F1F5F9;
  --fac-r-sm: 14px; --fac-tr: .18s ease;
  position: relative; display: flex; flex-direction: column; height: 100%;
  background: var(--fac-bg);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: var(--fac-text); overflow: hidden;
}
#factures-mobile-page .fac-ph      { padding: 16px 32px 14px; border-bottom: 1px solid var(--fac-border); flex-shrink: 0; }
#factures-mobile-page .fac-title   { font-size: 26px; font-weight: 800; letter-spacing: -0.4px; }
#factures-mobile-page .fac-filters { display: flex; gap: 10px; margin-top: 10px; }
#factures-mobile-page .fac-filter-btn { flex: 0 0 auto; padding: 7px 18px; border-radius: 20px; border: 1.5px solid var(--fac-border2); background: #fff; font-size: 13px; font-weight: 600; color: var(--fac-text2); cursor: pointer; font-family: inherit; white-space: nowrap; transition: background var(--fac-tr), border-color var(--fac-tr); }
#factures-mobile-page .fac-filter-btn.active { background: #0F172A; border-color: #0F172A; color: #fff; }
#factures-mobile-page .fac-fn, #factures-mobile-page .fac-fv { display: inline; }
#factures-mobile-page .fac-fn::after { content: ' : '; }
#factures-mobile-page .fac-body   { flex: 1; overflow-y: auto; padding: 20px 32px 0; }
#factures-mobile-page .fac-body::-webkit-scrollbar { display: none; }
#factures-mobile-page .fac-sw     { height: 48px; border-radius: 14px; margin-bottom: 20px; }
#factures-mobile-page .fac-list { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; }
#factures-mobile-page .fac-row { display: flex; flex-direction: column; justify-content: space-between; padding: 16px 18px; border: 1px solid var(--fac-border); border-bottom: 1px solid var(--fac-border); border-radius: 14px; background: #fff; gap: 10px; transition: box-shadow var(--fac-tr), transform var(--fac-tr); }
#factures-mobile-page .fac-row:last-child { border-bottom: 1px solid var(--fac-border); }
#factures-mobile-page .fac-row:hover  { box-shadow: 0 4px 16px rgba(0,0,0,.09); transform: translateY(-2px); }
#factures-mobile-page .fac-row:active { transform: scale(.99); box-shadow: none; background: var(--fac-bg2); }
#factures-mobile-page .fac-row-left  { display: flex; flex-direction: column; gap: 4px; }
#factures-mobile-page .fac-row-right { display: flex; align-items: center; justify-content: space-between; }
#factures-mobile-page .fac-client   { font-size: 16px; }
#factures-mobile-page .fac-amount   { font-size: 17px; font-weight: 800; }
#factures-mobile-page .fac-date     { font-size: 12px; color: var(--fac-text3); }

}

@media (min-width: 1400px) {
  #factures-mobile-page .fac-list { grid-template-columns: 1fr 1fr 1fr 1fr; }
}