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

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

}

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