/* DevisVox — Cockpit — Tablet */
@media (min-width: 769px) and (max-width: 1024px) {

#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,.08);
  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: 20px 28px 16px; flex-shrink: 0; }
#cockpit-mobile-page .ck2-title { font-size: 26px; font-weight: 800; }
#cockpit-mobile-page .ck2-kpi   { margin: 0 24px 16px; padding: 22px 28px; border-radius: 20px; }
#cockpit-mobile-page .ck2-kpi-val { font-size: 42px; }
#cockpit-mobile-page .ck2-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; padding: 0 24px; }
#cockpit-mobile-page .ck2-card  { padding: 16px 18px 14px; border-radius: 16px; }
#cockpit-mobile-page .ck2-card-val { font-size: 32px; }
#cockpit-mobile-page .ck2-ia-btn { margin: 16px 24px 0; width: calc(100% - 48px); padding: 18px 24px; border-radius: 16px; font-size: 16px; }
#cockpit-mobile-page .ck2-conseils { padding: 16px 24px; gap: 12px; }
#cockpit-mobile-page .ck2-tip  { padding: 16px; border-radius: 16px; }

}