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

#cockpit-mobile-page {
  --ck-accent: #FF6B00; --ck-text: #0F172A; --ck-text2: #475569; --ck-text3: #94A3B8;
  --ck-border: #E2E8F0; --ck-bg: #F9FAFB; --ck-r-sm: 14px; --ck-r-md: 18px;
  --ck-tr: .18s ease; --ck-sh: 0 2px 8px rgba(0,0,0,.07);
  display: flex; flex-direction: column; height: 100%;
  background: var(--ck-bg); overflow-y: auto;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: var(--ck-text);
}
#cockpit-mobile-page .ck2-hdr   { padding: 24px 36px 20px; flex-shrink: 0; }
#cockpit-mobile-page .ck2-title { font-size: 28px; font-weight: 800; }
#cockpit-mobile-page .ck2-kpi   { margin: 0 32px 20px; padding: 24px 32px; border-radius: 20px; }
#cockpit-mobile-page .ck2-kpi-val { font-size: 48px; }
#cockpit-mobile-page .ck2-grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 16px; padding: 0 32px; }
#cockpit-mobile-page .ck2-card     { padding: 18px 20px 16px; border-radius: 16px; }
#cockpit-mobile-page .ck2-card-val { font-size: 30px; }
#cockpit-mobile-page .ck2-ia-btn   { margin: 20px 32px 0; width: calc(100% - 64px); padding: 18px 28px; border-radius: 16px; font-size: 16px; }
#cockpit-mobile-page .ck2-conseils { padding: 20px 32px; gap: 14px; }
#cockpit-mobile-page .ck2-tip      { padding: 18px; border-radius: 16px; gap: 14px; }
#cockpit-mobile-page .ck2-tip-body { font-size: 13px; }

}

@media (min-width: 1400px) {
  #cockpit-mobile-page .ck2-grid { gap: 20px; padding: 0 40px; }
  #cockpit-mobile-page .ck2-kpi  { margin: 0 36px 24px; }
}