/* The pages that are not the library: Mon compte, Corbeille, Assistance,
   formation, connectors, administration (body[data-app-page="standalone"]).

   They used to inherit a page header stretched across the whole window and a
   content column of 860px: on a wide screen the title sat at one edge, the
   action at the other and the content in between, as if they belonged to three
   pages. One column now - 1120px, centred - holds the header and the content
   alike, so everything lines up on the same two edges. Loaded after the brand
   sheet, because the older sheets say !important about colours and radii. */

body.app-body[data-app-page="standalone"] .app-content > .page-header,
body.app-body[data-app-page="standalone"] .app-content > .page-layout {
  width: 100%;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(1rem, 2.4vw, 1.75rem);
  padding-right: clamp(1rem, 2.4vw, 1.75rem);
  box-sizing: border-box;
}
body.app-body[data-app-page="standalone"] .app-content > .page-header {
  align-items: center;
  padding-top: 1.4rem;
  margin-bottom: 1.1rem;
}
body.app-body[data-app-page="standalone"] .page-header .page-title {
  font-size: clamp(1.45rem, 2.2vw, 1.85rem) !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em;
}
body.app-body[data-app-page="standalone"] .page-actions { margin-left: auto; flex: 0 0 auto; }
body.app-body[data-app-page="standalone"] .page-actions .btn { white-space: nowrap; border-radius: 12px; font-weight: 600; }
body.app-body[data-app-page="standalone"] .page-layout { display: block !important; height: auto !important; }
body.app-body[data-app-page="standalone"] .page-main { width: 100%; }

/* ── Mon compte ───────────────────────────────────────────────────────── */
body.app-body[data-app-page="standalone"] .account-hero { padding: 0 0 1.25rem !important; }
body.app-body[data-app-page="standalone"] .account-hero .container,
body.app-body[data-app-page="standalone"] .account-content .container {
  max-width: none !important;
  padding: 0 !important;
}
body.app-body[data-app-page="standalone"] .account-hero__card {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 1rem 1.5rem;
  padding: 1.3rem 1.5rem !important;
  border-radius: 20px !important;
  border: 1px solid #DEDCD6 !important;
  background: linear-gradient(120deg, #FFFFFF 0%, #F4F7FF 60%, #FFF9EA 100%) !important;
  box-shadow: 0 18px 40px -32px rgba(11, 31, 77, 0.45) !important;
}
body.app-body[data-app-page="standalone"] .account-hero__identity { gap: 1.1rem; min-width: 0; }
body.app-body[data-app-page="standalone"] .account-hero__avatar {
  width: 62px !important;
  height: 62px !important;
  flex: 0 0 62px;
  border: 0 !important;
  border-radius: 50% !important;
  background: linear-gradient(145deg, #2B5DD7 0%, #0B1F4D 100%) !important;
  color: #FFFFFF !important;
  font-size: 1.3rem !important;
  box-shadow: 0 10px 22px -12px rgba(11, 31, 77, 0.7);
}
body.app-body[data-app-page="standalone"] .account-hero__who { min-width: 0; }
body.app-body[data-app-page="standalone"] .account-hero__title { font-size: 1.4rem !important; line-height: 1.2; }
body.app-body[data-app-page="standalone"] .account-hero__email {
  margin: 0.15rem 0 0;
  font-size: 0.93rem;
  color: #596378;
  overflow-wrap: anywhere;
}
body.app-body[data-app-page="standalone"] .account-hero__where {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0 !important;
}
body.app-body[data-app-page="standalone"] .account-hero__pill {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.38rem 0.8rem;
  border-radius: 999px;
  border: 1px solid #DDE7FB;
  background: #EEF3FF;
  color: #1A377E;
  font-size: 0.85rem;
  font-weight: 600;
}
body.app-body[data-app-page="standalone"] .account-hero__pill--plan {
  border-color: #BEEBD2;
  background: #ECFBF2;
  color: #0E653F;
}

body.app-body[data-app-page="standalone"] .account-layout {
  max-width: none !important;
  padding: 0 0 3rem !important;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 1.75rem;
}
body.app-body[data-app-page="standalone"] .account-nav a { border-radius: 12px; }
/* One colour per section icon, like the rail: the page is not a grey list. */
body.app-body[data-app-page="standalone"] .account-nav a[data-account-tab="profil"] i { color: #2B5DD7; }
body.app-body[data-app-page="standalone"] .account-nav a[data-account-tab="securite"] i { color: #169F65; }
body.app-body[data-app-page="standalone"] .account-nav a[data-account-tab="sessions"] i { color: #6E56CF; }
body.app-body[data-app-page="standalone"] .account-nav a[data-account-tab="appareils"] i { color: #D98E04; }
body.app-body[data-app-page="standalone"] .account-nav a[data-account-tab="assistants"] i { color: #0B7FA8; }
body.app-body[data-app-page="standalone"] .account-nav a[data-account-tab="aide"] i { color: #959FB2; }
body.app-body[data-app-page="standalone"] .account-nav a.is-active { background: #EEF3FF; }
body.app-body[data-app-page="standalone"] .account-panel {
  border-radius: 18px !important;
  box-shadow: 0 14px 34px -30px rgba(11, 31, 77, 0.5);
}
body.app-body[data-app-page="standalone"] .account-panel__icon {
  background: #EEF3FF !important;
  color: #2B5DD7 !important;
  border-color: #DDE7FB !important;
}

/* ── Corbeille ────────────────────────────────────────────────────────── */
body.app-body[data-app-page="standalone"] .trash { max-width: none; }
body.app-body[data-app-page="standalone"] .trash__intro {
  align-items: center;
  border-color: #DDE7FB;
  border-radius: 14px;
  background: #F4F7FF;
  color: #1A377E;
}
body.app-body[data-app-page="standalone"] .trash__intro i { margin-top: 0; color: #2B5DD7; }
body.app-body[data-app-page="standalone"] .trash__row {
  border-radius: 16px;
  box-shadow: 0 10px 26px -24px rgba(11, 31, 77, 0.5);
}
body.app-body[data-app-page="standalone"] .trash__icon { width: 44px; height: 44px; border-radius: 13px; background: #EEF3FF; color: #2B5DD7; }
body.app-body[data-app-page="standalone"] .trash__icon--workspace { background: #ECFBF2; color: #169F65; }
body.app-body[data-app-page="standalone"] .trash__icon--note { background: #FFF6DC; color: #B97A00; }
body.app-body[data-app-page="standalone"] .trash__empty {
  padding: 4.5rem 1.25rem;
  border: 1.5px dashed #C9D6F2;
  border-radius: 20px;
  background: linear-gradient(180deg, #FFFFFF 0%, #F9FBFF 100%);
}
body.app-body[data-app-page="standalone"] .trash__empty-icon { width: 64px; height: 64px; border-radius: 20px; background: #EEF3FF; color: #2B5DD7; font-size: 26px; }

@media (max-width: 860px) {
  body.app-body[data-app-page="standalone"] .account-hero__card { flex-direction: column; align-items: flex-start !important; }
  body.app-body[data-app-page="standalone"] .app-content > .page-header { flex-wrap: wrap; }
}

@media (max-width: 900px) {
  body.app-body[data-app-page="standalone"] .account-layout { grid-template-columns: minmax(0, 1fr) !important; gap: 1rem; }
  body.app-body[data-app-page="standalone"] .account-nav { position: static; }
}