/* Visible uniquement dans le gabarit téléphone. */
.cef-mobile-approved-intro{display:none}

/* ========================================================================
 * Click et Fichier 5.13.0 — MOBILE GLOBAL
 * ------------------------------------------------------------------------
 * Une seule couche responsive commune à l'ensemble du site.
 * Objectifs :
 * - aucune page ordinateur miniaturisée ;
 * - aucune mise à l'échelle/transform/zoom artificiel ;
 * - largeur réelle du téléphone ;
 * - boutons, textes et cartes lisibles au doigt ;
 * - mêmes repères visuels que l'accueil ;
 * - fonctions PC conservées, simplement réorganisées sur écran étroit.
 * ======================================================================== */

@media (max-width:980px), (max-width:1200px) and (pointer:coarse){
  :root{
    --cef-m-edge:10px;
    --cef-m-gap:10px;
    --cef-m-radius:18px;
    --cef-m-card:#fff;
    --cef-m-bg:#f2f4f8;
    --cef-m-text:#17213a;
    --cef-m-muted:#657287;
    --cef-m-blue:#2563eb;
    --cef-m-line:#dce4ef;
    --cef-m-shadow:0 7px 20px rgba(20,40,74,.07);
  }

  html,
  html.cef-mobile-device-html,
  html.cef-mobile-device-html body,
  body.cef-click-file-page,
  body.cef-mobile-device{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    overflow-x:hidden!important;
  }

  /* Le CSS Click et Fichier n'est chargé que sur la page de l'application. */
  html{margin-top:0!important;scroll-padding-top:8px}
  body.cef-click-file-page{
    margin:0!important;
    padding:0!important;
    background:var(--cef-m-bg)!important;
    color:var(--cef-m-text)!important;
    font-size:16px!important;
    line-height:1.42!important;
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
  }
  body.cef-click-file-page #wpadminbar{display:none!important}

  /* Le thème officiel possède une barre PC. Sur téléphone, l'application a déjà sa barre. */
  body.cef-click-file-page .cef-site-header,
  body.cef-mobile-device .cef-site-header,
  body.cef-click-file-page #masthead,
  body.cef-click-file-page header.site-header,
  body.cef-click-file-page .site-header,
  body.cef-click-file-page .main-navigation,
  body.cef-click-file-page #site-navigation,
  body.cef-click-file-page header .wp-block-navigation{
    display:none!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }
  body.cef-click-file-page .cef-site-footer{display:none!important}
  body.cef-click-file-page .cef-main{width:100%!important;max-width:none!important;min-height:100dvh!important;margin:0!important;padding:0!important}

  body.cef-click-file-page .cef-app,
  body.cef-mobile-device .cef-app{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:var(--cef-m-bg)!important;
    color:var(--cef-m-text)!important;
    font-size:16px!important;
  }
  body.cef-click-file-page .cef-app *,
  body.cef-mobile-device .cef-app *{box-sizing:border-box}

  /* ---------------------------------------------------------------------
   * ACCUEIL — référence visuelle conservée.
   * ------------------------------------------------------------------ */
  body.cef-click-file-page .cef-mobile-home,
  body.cef-mobile-device .cef-mobile-home{
    width:100%!important;
    max-width:620px!important;
    margin:0 auto!important;
    padding:0 14px 24px!important;
    background:var(--cef-m-bg)!important;
  }
  body.cef-click-file-page .cef-mobile-home-shell,
  body.cef-mobile-device .cef-mobile-home-shell{width:100%!important;max-width:none!important;margin:0!important}
  body.cef-click-file-page .cef-mobile-brandbar,
  body.cef-mobile-device .cef-mobile-brandbar{
    min-height:58px!important;
    margin:0!important;
    padding:3px 0 7px!important;
    border-bottom:1px solid #d9dee7!important;
  }
  body.cef-click-file-page .cef-mobile-brand,
  body.cef-mobile-device .cef-mobile-brand{
    gap:8px!important;
    font-size:30px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:-.035em!important;
  }
  body.cef-click-file-page .cef-mobile-brand img,
  body.cef-mobile-device .cef-mobile-brand img{width:50px!important;height:50px!important;border-radius:12px!important}
  body.cef-click-file-page .cef-mobile-account-button,
  body.cef-mobile-device .cef-mobile-account-button{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important}
  body.cef-click-file-page .cef-mobile-intro,
  body.cef-mobile-device .cef-mobile-intro{padding:7px 7px 9px!important}
  body.cef-click-file-page .cef-mobile-intro h1,
  body.cef-mobile-device .cef-mobile-intro h1{display:none!important}
  body.cef-click-file-page .cef-mobile-intro strong,
  body.cef-mobile-device .cef-mobile-intro strong{display:block!important;font-size:21px!important;line-height:1.18!important;font-weight:950!important;color:#2058bd!important}
  body.cef-click-file-page .cef-mobile-intro p,
  body.cef-mobile-device .cef-mobile-intro p{max-width:none!important;margin:4px 0 0!important;font-size:15.5px!important;line-height:1.34!important;color:#596273!important}
  body.cef-click-file-page .cef-mobile-install,
  body.cef-mobile-device .cef-mobile-install{min-height:44px!important;margin-top:8px!important;padding:0 17px!important;border-radius:12px!important;font-size:14px!important;font-weight:900!important}

  body.cef-click-file-page .cef-mobile-primary-grid,
  body.cef-mobile-device .cef-mobile-primary-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    gap:9px!important;
  }
  body.cef-click-file-page .cef-mobile-primary-card,
  body.cef-mobile-device .cef-mobile-primary-card{
    grid-template-columns:52px minmax(0,1fr) 28px!important;
    gap:10px!important;
    align-items:center!important;
    min-height:116px!important;
    padding:14px 10px 14px 13px!important;
    border-radius:20px!important;
    border:1px solid rgba(18,53,113,.18)!important;
    box-shadow:0 7px 18px rgba(34,55,93,.14)!important;
  }
  body.cef-click-file-page .cef-mobile-primary-card.profile{background:#175fd1!important}
  body.cef-click-file-page .cef-mobile-primary-card.cloud{background:#1684cf!important}
  body.cef-click-file-page .cef-mobile-primary-card:before{display:none!important}
  body.cef-click-file-page .cef-mobile-primary-icon{width:50px!important;height:50px!important}
  body.cef-click-file-page .cef-mobile-primary-icon svg{width:29px!important;height:29px!important}
  body.cef-click-file-page .cef-mobile-primary-copy b{font-size:24px!important;line-height:1.02!important;font-weight:950!important}
  body.cef-click-file-page .cef-mobile-primary-copy small{margin-top:4px!important;font-size:14.5px!important;line-height:1.25!important;font-weight:650!important;color:#fff!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
  body.cef-click-file-page .cef-mobile-primary-arrow{position:static!important;width:31px!important;height:31px!important;font-size:27px!important;justify-self:end!important;align-self:end!important;margin-bottom:1px!important}

  body.cef-click-file-page .cef-mobile-tools{padding-top:10px!important}
  body.cef-click-file-page .cef-mobile-tools-heading{width:100%!important;margin:0 0 9px!important;gap:9px!important}
  body.cef-click-file-page .cef-mobile-tools-mark{width:38px!important;height:38px!important;border-radius:12px!important}
  body.cef-click-file-page .cef-mobile-tools-heading small{font-size:10px!important;letter-spacing:.14em!important}
  body.cef-click-file-page .cef-mobile-tools-heading h2{font-size:30px!important;line-height:1!important;font-weight:950!important}
  body.cef-click-file-page .cef-mobile-tools-list{width:100%!important;margin:0!important;padding:0!important;gap:10px!important}
  body.cef-click-file-page .cef-mobile-tool-row{
    grid-template-columns:62px minmax(0,1fr) 24px!important;
    gap:14px!important;
    min-height:106px!important;
    padding:14px 14px 14px 12px!important;
    border-radius:20px!important;
    border:1px solid #d5dae3!important;
    background:#fff!important;
    box-shadow:0 5px 13px rgba(31,41,55,.08)!important;
  }
  body.cef-click-file-page .cef-mobile-tool-icon{width:60px!important;height:60px!important;border-radius:18px!important;font-size:25px!important}
  body.cef-click-file-page .cef-mobile-tool-icon.text{font-size:18px!important}
  body.cef-click-file-page .cef-mobile-tool-icon.pdf{font-size:13px!important}
  body.cef-click-file-page .cef-mobile-tool-copy b{margin:0 0 5px!important;font-size:23px!important;line-height:1.05!important;font-weight:950!important;color:#111827!important}
  body.cef-click-file-page .cef-mobile-tool-copy small{font-size:15px!important;line-height:1.28!important;color:#5d6675!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
  body.cef-click-file-page .cef-mobile-tool-arrow{font-size:29px!important;color:#505968!important}
  body.cef-click-file-page .cef-mobile-full-note{width:100%!important;margin:10px 0 0!important;font-size:13px!important}
  body.cef-click-file-page .cef-mobile-bottom-nav{width:100%!important;margin:10px 0 0!important}
  body.cef-click-file-page .cef-mobile-bottom-nav a{min-height:52px!important}

  /* ---------------------------------------------------------------------
   * CADRE COMMUN DES PAGES INTERNES
   * ------------------------------------------------------------------ */
  body.cef-click-file-page :is(.cef-page-section,.cef-cloud-section,.cef-cv-section,.cef-studio-section,.cef-quote,.cef-letter-section,.cef-builder,.cef-organisation,.cef-wifi-section,.cef-pdf,.cef-tool-section),
  body.cef-mobile-device :is(.cef-page-section,.cef-cloud-section,.cef-cv-section,.cef-studio-section,.cef-quote,.cef-letter-section,.cef-builder,.cef-organisation,.cef-wifi-section,.cef-pdf,.cef-tool-section){
    width:100%!important;
    max-width:620px!important;
    min-width:0!important;
    margin:0 auto!important;
    padding:8px var(--cef-m-edge) 34px!important;
    overflow:visible!important;
    background:var(--cef-m-bg)!important;
  }
  body.cef-click-file-page .cef-section-nav{margin:0 0 9px!important}
  body.cef-click-file-page :is(.cef-back-link,.cef-cloud-mobile-back){
    display:inline-flex!important;
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:50px!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0 0 4px!important;
    padding:0 16px!important;
    border:1px solid #c9daf6!important;
    border-radius:14px!important;
    background:#eef5ff!important;
    color:#1f5fd0!important;
    box-shadow:none!important;
    font-size:17px!important;
    line-height:1.15!important;
    font-weight:950!important;
    text-decoration:none!important;
    white-space:normal!important;
  }

  /* Carte-titre identique d'une rubrique à l'autre. */
  body.cef-click-file-page .cef-mobile-approved-intro{
    display:grid!important;
    grid-template-columns:56px minmax(0,1fr)!important;
    align-items:center!important;
    gap:12px!important;
    margin:0 0 12px!important;
    padding:14px!important;
    border:1px solid #d6e4f4!important;
    border-radius:18px!important;
    background:linear-gradient(135deg,#eef7ff,#fff)!important;
    box-shadow:var(--cef-m-shadow)!important;
  }
  body.cef-click-file-page .cef-mobile-approved-intro>i{
    display:grid!important;
    width:56px!important;
    height:56px!important;
    place-items:center!important;
    border-radius:16px!important;
    background:#e6f0ff!important;
    color:#2563eb!important;
    font-size:20px!important;
    font-weight:950!important;
    font-style:normal!important;
  }
  body.cef-click-file-page .cef-mobile-approved-intro b{display:block!important;margin-bottom:4px!important;color:#13213a!important;font-size:23px!important;line-height:1.08!important}
  body.cef-click-file-page .cef-mobile-approved-intro span{display:block!important;color:#5f6d82!important;font-size:14.5px!important;line-height:1.38!important}
  /* L'intro mobile remplace le second titre juste en dessous afin d'éviter les doublons. */
  body.cef-click-file-page .cef-mobile-approved-intro + .cef-heading{display:none!important}

  body.cef-click-file-page .cef-heading{
    display:flex!important;
    align-items:center!important;
    gap:11px!important;
    margin:0 0 12px!important;
  }
  body.cef-click-file-page .cef-heading>span{width:48px!important;height:48px!important;flex:0 0 48px!important;border-radius:14px!important;font-size:18px!important}
  body.cef-click-file-page .cef-heading p{margin:0 0 3px!important;font-size:11.5px!important;line-height:1.2!important;font-weight:900!important}
  body.cef-click-file-page .cef-heading h2{margin:0!important;font-size:31px!important;line-height:1.04!important;letter-spacing:-.025em!important}
  body.cef-click-file-page :is(.cef-section-lead,.cef-cv-intro,.cef-studio-launch-note,.cef-wifi-intro){
    margin:0 0 13px!important;
    padding:13px 14px!important;
    border:1px solid #e0e6ef!important;
    border-radius:16px!important;
    background:#fff!important;
    color:#4f5d72!important;
    box-shadow:var(--cef-m-shadow)!important;
    font-size:15.5px!important;
    line-height:1.45!important;
    font-weight:600!important;
  }
  body.cef-click-file-page :is(.cef-privacy,.cef-caution,.cef-source-note,.cef-cv-cloud-note,.cef-studio-save-banner,.cef-letter-kit,.cef-account-required){
    width:100%!important;
    max-width:100%!important;
    padding:14px!important;
    border-radius:16px!important;
    font-size:14px!important;
    line-height:1.45!important;
  }

  /* Saisie : jamais de petits champs ni zoom automatique iOS. */
  body.cef-click-file-page .cef-app input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  body.cef-click-file-page .cef-app select,
  body.cef-click-file-page .cef-app textarea{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:50px!important;
    padding:11px 12px!important;
    border-radius:13px!important;
    font-size:16px!important;
    line-height:1.35!important;
  }
  body.cef-click-file-page .cef-app textarea{min-height:120px!important}
  body.cef-click-file-page .cef-app label{font-size:14px!important;line-height:1.35!important}
  body.cef-click-file-page .cef-app button,
  body.cef-click-file-page .cef-app a.cef-primary,
  body.cef-click-file-page .cef-app a.cef-secondary,
  body.cef-click-file-page .cef-app .cef-download,
  body.cef-click-file-page .cef-app label.primary,
  body.cef-click-file-page .cef-app label.cef-cloud-view-upload{
    min-height:48px!important;
    font-size:14.5px!important;
    line-height:1.18!important;
    touch-action:manipulation;
  }

  /* Les grilles de formulaires deviennent une vraie colonne téléphone. */
  body.cef-click-file-page :is(.cef-two,.cef-three,.cef-form,.cef-letter-smart-grid,.cef-quote-grid,.cef-pdf-simple-layout,.cef-cloud-account-grid){
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  /* ---------------------------------------------------------------------
   * CLOUD — hub à gros boutons puis une seule rubrique ouverte en grand.
   * ------------------------------------------------------------------ */
  body.cef-click-file-page .cef-cloud-section{padding-top:8px!important}
  body.cef-click-file-page .cef-cloud-hero{
    margin:0 0 10px!important;
    padding:14px!important;
    border-radius:18px!important;
  }
  body.cef-click-file-page .cef-cloud-hero h2{font-size:25px!important;line-height:1.08!important}
  body.cef-click-file-page .cef-cloud-hero p{font-size:14px!important;line-height:1.4!important}
  body.cef-click-file-page .cef-cloud-hero-icon{display:none!important}
  body.cef-click-file-page .cef-cloud-app{display:block!important;width:100%!important;min-width:0!important;margin:0!important}

  body.cef-click-file-page .cef-cloud-sidebar{
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:12px!important;
    border-radius:19px!important;
    background:#fff!important;
    box-shadow:var(--cef-m-shadow)!important;
  }
  body.cef-click-file-page .cef-cloud-user{padding:5px 4px 11px!important}
  body.cef-click-file-page .cef-cloud-user b{font-size:18px!important;line-height:1.2!important}
  body.cef-click-file-page .cef-cloud-user span{font-size:13px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important}
  body.cef-click-file-page .cef-cloud-hub-head{padding:3px 4px 10px!important}
  body.cef-click-file-page .cef-cloud-hub-head small{font-size:10px!important}
  body.cef-click-file-page .cef-cloud-hub-head b{font-size:24px!important;line-height:1.08!important}
  body.cef-click-file-page .cef-cloud-hub-head span{font-size:14px!important;line-height:1.35!important}
  body.cef-click-file-page .cef-cloud-sidebar nav{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  body.cef-click-file-page .cef-cloud-sidebar nav :is(button,a){
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    width:100%!important;
    min-height:72px!important;
    margin:0!important;
    padding:11px 43px 11px 15px!important;
    border:1px solid #dce5f1!important;
    border-radius:17px!important;
    background:#fff!important;
    color:#17213a!important;
    box-shadow:0 5px 16px rgba(15,23,42,.045)!important;
    text-align:left!important;
    text-decoration:none!important;
    font-size:22px!important;
    font-weight:900!important;
  }
  body.cef-click-file-page .cef-cloud-sidebar nav :is(button,a)::after{
    content:'›';
    position:absolute;
    right:15px;
    top:50%;
    transform:translateY(-52%);
    color:#5e6d82;
    font-size:30px;
    font-weight:500;
  }
  body.cef-click-file-page .cef-cloud-sidebar nav :is(button,a) span{font-size:18px!important;line-height:1.16!important;font-weight:900!important}
  body.cef-click-file-page .cef-cloud-sidebar nav :is(button,a).active{border-color:#b8d0fb!important;background:#eef5ff!important;color:#1e5ed0!important}
  body.cef-click-file-page .cef-cloud-quota{margin:12px 0 0!important;padding:13px!important;border-radius:15px!important}
  body.cef-click-file-page .cef-cloud-quota b{font-size:20px!important}
  body.cef-click-file-page .cef-cloud-quota span,
  body.cef-click-file-page .cef-cloud-quota small{font-size:12.5px!important}

  body.cef-click-file-page .cef-cloud-section.is-cloud-hub .cef-cloud-main{display:none!important}
  body.cef-click-file-page .cef-cloud-section.is-cloud-view .cef-cloud-sidebar,
  body.cef-click-file-page .cef-cloud-section.is-cloud-view .cef-cloud-hero,
  body.cef-click-file-page .cef-cloud-section.is-cloud-view>.cef-section-nav{display:none!important}
  body.cef-click-file-page .cef-cloud-section.is-cloud-view .cef-cloud-main{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:10px!important;
    border-radius:19px!important;
    background:#fff!important;
    box-shadow:var(--cef-m-shadow)!important;
  }
  body.cef-click-file-page .cef-cloud-mobile-back{display:inline-flex!important;margin-bottom:9px!important}
  body.cef-click-file-page .cef-cloud-view-tools{
    display:flex!important;
    align-items:stretch!important;
    flex-direction:column!important;
    gap:9px!important;
    margin:0 0 10px!important;
    padding:14px!important;
    border-radius:17px!important;
  }
  body.cef-click-file-page .cef-cloud-view-tools>div b,
  body.cef-click-file-page [data-cloud-view-title]{display:block!important;font-size:27px!important;line-height:1.08!important;font-weight:950!important}
  body.cef-click-file-page .cef-cloud-view-help{display:block!important;margin-top:5px!important;font-size:14px!important;line-height:1.4!important;font-weight:600!important;color:#68758a!important}
  body.cef-click-file-page .cef-cloud-view-tools>div>span{font-size:13.5px!important;line-height:1.35!important}
  body.cef-click-file-page .cef-cloud-view-upload{width:100%!important;padding:10px 12px!important;border-radius:13px!important}

  body.cef-click-file-page .cef-cloud-toolbar{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    margin:0 0 10px!important;
  }
  body.cef-click-file-page .cef-cloud-breadcrumb{width:100%!important;gap:4px!important;overflow-x:auto!important;padding:2px 0!important}
  body.cef-click-file-page .cef-cloud-breadcrumb button{min-height:42px!important;padding:8px 10px!important;border-radius:11px!important;font-size:14px!important}
  body.cef-click-file-page .cef-cloud-search{display:grid!important;grid-template-columns:minmax(0,1fr) 50px!important;width:100%!important;gap:6px!important}
  body.cef-click-file-page .cef-cloud-search input{border-radius:13px!important}
  body.cef-click-file-page .cef-cloud-search button{width:50px!important;height:50px!important;min-height:50px!important;border:1px solid #d5dfec!important;border-radius:13px!important;font-size:22px!important}
  body.cef-click-file-page .cef-cloud-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important}
  body.cef-click-file-page .cef-cloud-actions :is(button,label){width:100%!important;min-height:50px!important;margin:0!important;padding:9px 10px!important;border-radius:13px!important;font-size:14px!important;white-space:normal!important;text-align:center!important}
  body.cef-click-file-page .cef-cloud-drop{margin:9px 0!important;padding:16px 12px!important;border-radius:15px!important}
  body.cef-click-file-page .cef-cloud-drop b{font-size:17px!important}
  body.cef-click-file-page .cef-cloud-drop span{font-size:13.5px!important;line-height:1.38!important}
  body.cef-click-file-page .cef-cloud-status{min-height:0!important;margin:6px 0!important;font-size:13px!important}

  /* Fichiers : cartes pleine largeur, nom lisible, actions sous le nom. */
  body.cef-click-file-page .cef-cloud-list{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  body.cef-click-file-page .cef-cloud-item{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:12px!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 5px 15px rgba(15,23,42,.045)!important;
  }
  body.cef-click-file-page .cef-cloud-item-main{gap:12px!important;min-height:58px!important;align-items:center!important}
  body.cef-click-file-page .cef-cloud-item-main i{flex:0 0 56px!important;width:56px!important;height:56px!important;border-radius:15px!important;font-size:18px!important}
  body.cef-click-file-page .cef-cloud-item-main b{font-size:17px!important;line-height:1.22!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important}
  body.cef-click-file-page .cef-cloud-item-main small{margin-top:4px!important;font-size:12.5px!important;line-height:1.32!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
  body.cef-click-file-page .cef-cloud-item-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;width:100%!important;padding:0!important}
  body.cef-click-file-page .cef-cloud-item-actions :is(button,a){width:100%!important;min-width:0!important;height:auto!important;min-height:44px!important;padding:7px!important;border-radius:11px!important;font-size:12px!important;white-space:normal!important;text-align:center!important}
  body.cef-click-file-page .cef-cloud-upload{grid-template-columns:1fr!important;gap:7px!important;padding:11px!important;border-radius:14px!important}
  body.cef-click-file-page .cef-cloud-upload span b{font-size:14px!important}
  body.cef-click-file-page .cef-cloud-upload span small{font-size:12px!important}
  body.cef-click-file-page .cef-cloud-empty{min-height:180px!important;padding:18px!important;font-size:14px!important;text-align:center!important}

  /* Photos */
  body.cef-click-file-page .cef-cloud-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  body.cef-click-file-page .cef-cloud-photo-tile{grid-template-rows:minmax(150px,42vw) auto!important;border-radius:15px!important}
  body.cef-click-file-page .cef-cloud-photo-thumb{min-height:150px!important}
  body.cef-click-file-page .cef-cloud-photo-caption{padding:9px!important}
  body.cef-click-file-page .cef-cloud-photo-caption b{font-size:14px!important;white-space:normal!important;line-height:1.2!important}
  body.cef-click-file-page .cef-cloud-photo-caption small{display:block!important;font-size:11.5px!important}
  body.cef-click-file-page .cef-cloud-photo-viewer{padding:0!important}
  body.cef-click-file-page .cef-cloud-photo-viewer-panel{width:100vw!important;height:100dvh!important;border-radius:0!important}
  body.cef-click-file-page .cef-cloud-photo-stage{padding:10px 44px!important}
  body.cef-click-file-page .cef-cloud-photo-tools{display:grid!important;grid-template-columns:42px minmax(70px,1fr) 42px 1fr 1fr!important;gap:5px!important}
  body.cef-click-file-page .cef-cloud-photo-tools>*{min-width:0!important}

  /* Musique */
  body.cef-click-file-page .cef-cloud-music-player{grid-template-columns:62px minmax(0,1fr)!important;gap:10px!important;padding:12px!important;border-radius:16px!important}
  body.cef-click-file-page .cef-cloud-music-cover{width:62px!important;height:62px!important}
  body.cef-click-file-page .cef-cloud-music-now b{font-size:17px!important;line-height:1.2!important}
  body.cef-click-file-page .cef-cloud-music-now small{font-size:12.5px!important}
  body.cef-click-file-page .cef-cloud-music-player-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important;width:100%!important}
  body.cef-click-file-page .cef-cloud-music-player-actions>*{width:100%!important;min-height:44px!important}
  body.cef-click-file-page .cef-cloud-music-list{gap:8px!important}
  body.cef-click-file-page .cef-cloud-music-track{grid-template-columns:1fr!important;gap:7px!important;padding:11px!important;border-radius:15px!important}
  body.cef-click-file-page .cef-cloud-music-track-main{gap:10px!important}
  body.cef-click-file-page .cef-cloud-music-track-main b{font-size:16px!important;white-space:normal!important}

  /* Pièces d'identité */
  body.cef-click-file-page .cef-identity-grid{grid-template-columns:1fr!important;gap:9px!important}
  body.cef-click-file-page .cef-identity-card{min-height:92px!important;padding:13px!important;border-radius:17px!important}
  body.cef-click-file-page .cef-identity-card i{width:54px!important;height:54px!important;border-radius:15px!important;font-size:23px!important}
  body.cef-click-file-page .cef-identity-card b{font-size:18px!important;line-height:1.18!important}
  body.cef-click-file-page .cef-identity-card :is(span,small){font-size:13.5px!important;line-height:1.35!important}
  body.cef-click-file-page :is(.cef-identity-folder-head,.cef-identity-custom-add,.cef-identity-warning){padding:14px!important;border-radius:16px!important}
  body.cef-click-file-page .cef-identity-folder-head{align-items:stretch!important;flex-direction:column!important;gap:9px!important}
  body.cef-click-file-page .cef-identity-slots,
  body.cef-click-file-page .cef-identity-slots.is-two{grid-template-columns:1fr!important;gap:10px!important}
  body.cef-click-file-page .cef-identity-slot{padding:13px!important;border-radius:16px!important;grid-template-rows:auto minmax(230px,1fr) auto auto!important}
  body.cef-click-file-page .cef-identity-slot-title{font-size:17px!important}
  body.cef-click-file-page .cef-identity-slot-preview{min-height:230px!important;border-radius:14px!important}
  body.cef-click-file-page .cef-identity-slot-name{font-size:14px!important;line-height:1.35!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important}
  body.cef-click-file-page .cef-identity-slot-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  body.cef-click-file-page .cef-identity-slot-actions>*{width:100%!important;min-height:46px!important}
  body.cef-click-file-page .cef-identity-custom-add{grid-template-columns:1fr!important;gap:9px!important}
  body.cef-click-file-page .cef-identity-add-main{width:100%!important}

  /* Contacts */
  body.cef-click-file-page .cef-contact-mobile-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin:0 0 11px!important}
  body.cef-click-file-page .cef-contact-action-card{
    width:100%!important;
    min-height:76px!important;
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr) 22px!important;
    align-items:center!important;
    gap:11px!important;
    padding:12px 13px!important;
    border:1px solid #dce5f1!important;
    border-radius:17px!important;
    background:#fff!important;
    color:#17213a!important;
    text-align:left!important;
    box-shadow:0 6px 17px rgba(15,23,42,.05)!important;
  }
  body.cef-click-file-page .cef-contact-action-card>i{width:48px!important;height:48px!important;display:grid!important;place-items:center!important;border-radius:14px!important;background:#eef4ff!important;color:#2563eb!important;font-size:22px!important;font-style:normal!important}
  body.cef-click-file-page .cef-contact-action-card b{display:block!important;margin-bottom:3px!important;font-size:17px!important;line-height:1.18!important}
  body.cef-click-file-page .cef-contact-action-card small{display:block!important;font-size:13px!important;line-height:1.32!important;color:#66758a!important}
  body.cef-click-file-page .cef-contact-action-card>strong{font-size:27px!important}
  body.cef-click-file-page .cef-contact-action-card.is-blue{background:linear-gradient(135deg,#2467ea,#1c74db)!important;color:#fff!important;border-color:#2467ea!important}
  body.cef-click-file-page .cef-contact-action-card.is-blue>i{background:rgba(255,255,255,.16)!important;color:#fff!important}
  body.cef-click-file-page .cef-contact-action-card.is-blue small{color:#eaf2ff!important}
  body.cef-click-file-page .cef-cloud-contact-selection{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:12px!important;border-radius:16px!important}
  body.cef-click-file-page .cef-cloud-contact-selection>*{width:100%!important;min-height:46px!important}
  body.cef-click-file-page .cef-cloud-contacts{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  body.cef-click-file-page .cef-cloud-contacts article{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:13px!important;border-radius:16px!important}
  body.cef-click-file-page .cef-cloud-contacts b{font-size:18px!important;line-height:1.2!important}
  body.cef-click-file-page .cef-cloud-contacts :is(span,small){font-size:13px!important;line-height:1.35!important;overflow-wrap:anywhere!important}
  body.cef-click-file-page .cef-cloud-contacts button{width:100%!important;min-height:44px!important;font-size:13px!important}
  body.cef-click-file-page .cef-contact-empty-mobile{min-height:190px!important;padding:20px 14px!important;border-radius:17px!important;text-align:center!important}
  body.cef-click-file-page .cef-contact-empty-mobile i{font-size:38px!important}
  body.cef-click-file-page .cef-contact-empty-mobile b{font-size:19px!important}
  body.cef-click-file-page .cef-contact-empty-mobile span{font-size:14px!important;line-height:1.4!important}

  /* Sécurité, activité, profil */
  body.cef-click-file-page .cef-security-mobile-list,
  body.cef-click-file-page .cef-cloud-security,
  body.cef-click-file-page .cef-cloud-activity,
  body.cef-click-file-page .cef-cloud-profile,
  body.cef-click-file-page .cef-cloud-account{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  body.cef-click-file-page .cef-security-mobile-card,
  body.cef-click-file-page .cef-cloud-security>article,
  body.cef-click-file-page .cef-cloud-activity>div,
  body.cef-click-file-page .cef-cloud-profile-grid>article,
  body.cef-click-file-page .cef-cloud-account>article,
  body.cef-click-file-page .cef-cloud-profile-storage{
    padding:14px!important;
    border-radius:16px!important;
    box-shadow:0 5px 15px rgba(15,23,42,.045)!important;
  }
  body.cef-click-file-page .cef-security-mobile-card{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;gap:11px!important;align-items:start!important}
  body.cef-click-file-page .cef-security-mobile-card>i{width:48px!important;height:48px!important;display:grid!important;place-items:center!important;border-radius:14px!important;background:#eef4ff!important;font-size:22px!important;font-style:normal!important}
  body.cef-click-file-page .cef-security-mobile-card>div{min-width:0!important}
  body.cef-click-file-page .cef-security-mobile-card b,
  body.cef-click-file-page .cef-cloud-security>article b,
  body.cef-click-file-page .cef-cloud-activity b{font-size:17px!important;line-height:1.2!important}
  body.cef-click-file-page .cef-security-mobile-card span,
  body.cef-click-file-page .cef-cloud-security>article span,
  body.cef-click-file-page .cef-cloud-activity small{font-size:13.5px!important;line-height:1.38!important}
  body.cef-click-file-page .cef-security-mobile-card :is(button,em){grid-column:1/-1!important;width:100%!important;min-height:44px!important;margin:0!important;text-align:center!important}
  body.cef-click-file-page .cef-cloud-sms-fields,
  body.cef-click-file-page .cef-cloud-sms-verify{grid-template-columns:1fr!important;gap:8px!important}
  body.cef-click-file-page .cef-cloud-profile-head{grid-template-columns:68px minmax(0,1fr)!important;gap:11px!important;padding:14px!important;border-radius:17px!important}
  body.cef-click-file-page .cef-cloud-profile-avatar{width:68px!important;height:68px!important}
  body.cef-click-file-page .cef-cloud-profile-head h3{font-size:25px!important;line-height:1.08!important}
  body.cef-click-file-page .cef-cloud-profile-head :is(p,small){font-size:13.5px!important;line-height:1.35!important}
  body.cef-click-file-page .cef-cloud-profile-security{grid-column:1/-1!important;justify-self:stretch!important;width:100%!important}
  body.cef-click-file-page .cef-cloud-profile-stats{grid-template-columns:1fr 1fr!important;gap:8px!important}
  body.cef-click-file-page .cef-cloud-profile-stats>*{min-height:88px!important;padding:12px!important;border-radius:15px!important}
  body.cef-click-file-page .cef-cloud-profile-stats b{font-size:23px!important}
  body.cef-click-file-page .cef-cloud-profile-stats span{font-size:13px!important}
  body.cef-click-file-page .cef-cloud-profile-grid{grid-template-columns:1fr!important;gap:9px!important}
  body.cef-click-file-page .cef-cloud-account-grid{grid-template-columns:1fr!important}

  /* Transfert : conservé, mais en cartes lisibles. */
  body.cef-click-file-page .cef-cloud-transfer,
  body.cef-click-file-page .cef-cloud-transfer-card{padding:14px!important;border-radius:16px!important}
  body.cef-click-file-page .cef-cloud-transfer-card{align-items:stretch!important;flex-direction:column!important;gap:9px!important}
  body.cef-click-file-page :is(.cef-transfer-grid,.cef-transfer-code-row,.cef-transfer-summary-grid){grid-template-columns:1fr!important;gap:8px!important}
  body.cef-click-file-page .cef-cloud-transfer-card button{width:100%!important}

  /* Visionneuse document : plein écran téléphone, contenu réellement lisible. */
  body.cef-click-file-page .cef-cloud-preview-modal{padding:0!important}
  body.cef-click-file-page .cef-cloud-preview-panel{width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;border-radius:0!important}
  body.cef-click-file-page .cef-cloud-preview-panel>header{align-items:stretch!important;flex-direction:column!important;gap:7px!important;padding:10px!important}
  body.cef-click-file-page .cef-cloud-preview-panel>header b{font-size:17px!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:anywhere!important}
  body.cef-click-file-page .cef-cloud-preview-panel>header span{font-size:12px!important;line-height:1.3!important;white-space:normal!important;overflow-wrap:anywhere!important}
  body.cef-click-file-page .cef-cloud-preview-panel>header>div:last-child{display:grid!important;grid-template-columns:minmax(0,1fr) 52px!important;gap:7px!important}
  body.cef-click-file-page .cef-cloud-preview-panel>header :is(a,button){width:100%!important;min-height:46px!important;font-size:13px!important}
  body.cef-click-file-page .cef-cloud-preview-body{width:100%!important;min-width:0!important;height:100%!important;min-height:0!important;padding:8px!important;overflow:auto!important;overscroll-behavior:contain!important}
  body.cef-click-file-page .cef-cloud-preview-image{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;margin:0 auto!important;object-fit:contain!important}
  body.cef-click-file-page .cef-cloud-preview-frame{display:block!important;width:100%!important;height:100%!important;min-height:0!important;border-radius:8px!important}
  body.cef-click-file-page .cef-cloud-preview-text{width:100%!important;min-width:0!important;min-height:100%!important;padding:13px!important;font-size:14px!important;line-height:1.55!important;overflow-wrap:anywhere!important}
  body.cef-click-file-page :is(.cef-cloud-zip-preview,.cef-cloud-doc-preview,.cef-cloud-sheet-preview){width:100%!important;max-width:none!important;margin:0!important;padding:13px!important;border-radius:12px!important}
  body.cef-click-file-page .cef-cloud-doc-preview{font-size:16px!important;line-height:1.58!important;overflow-wrap:anywhere!important;word-break:normal!important}
  body.cef-click-file-page .cef-cloud-doc-preview :is(img,svg,video){max-width:100%!important;height:auto!important}
  body.cef-click-file-page .cef-cloud-doc-preview table{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important}
  body.cef-click-file-page .cef-cloud-sheet-preview{overflow:auto!important;font-size:14px!important}
  body.cef-click-file-page .cef-cloud-sheet-preview :is(td,th){font-size:13px!important;line-height:1.35!important}
  body.cef-click-file-page .cef-cloud-zip-preview li{align-items:flex-start!important;font-size:13px!important;line-height:1.4!important}
  body.cef-click-file-page .cef-cloud-zip-preview li span{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important}

  /* ---------------------------------------------------------------------
   * STUDIO — mêmes fonctions, mais interface verticale et réellement lisible.
   * ------------------------------------------------------------------ */
  body.cef-click-file-page .cef-studio-section{max-width:720px!important}
  body.cef-click-file-page .cef-studio-save-banner{align-items:flex-start!important;flex-direction:column!important;gap:4px!important;margin:0 0 10px!important}
  body.cef-click-file-page .cef-studio-save-banner strong{font-size:16px!important;white-space:normal!important}
  body.cef-click-file-page .cef-studio-save-banner span{font-size:13.5px!important;line-height:1.4!important}
  body.cef-click-file-page .cef-studio-shell{width:100%!important;min-height:0!important;border-radius:18px!important;overflow:hidden!important}
  body.cef-click-file-page .cef-studio-top{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:10px!important;
  }
  body.cef-click-file-page .cef-studio-brand{font-size:15px!important}
  body.cef-click-file-page .cef-studio-title{width:100%!important}
  body.cef-click-file-page .cef-studio-title input{min-height:48px!important;padding:9px 11px!important;font-size:16px!important}
  body.cef-click-file-page .cef-studio-top-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;width:100%!important}
  body.cef-click-file-page .cef-studio-top-actions button{display:inline-flex!important;width:100%!important;min-height:46px!important;justify-content:center!important;padding:8px!important;font-size:13px!important}
  body.cef-click-file-page .cef-studio-top-actions [data-studio-close]{display:none!important}
  body.cef-click-file-page .cef-studio-shell.is-fullscreen .cef-studio-top-actions [data-studio-close]{display:inline-flex!important}
  body.cef-click-file-page .cef-studio-main{
    display:flex!important;
    min-height:0!important;
    flex-direction:column!important;
    grid-template-columns:none!important;
    grid-template-rows:none!important;
  }
  body.cef-click-file-page .cef-studio-nav{
    position:static!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    width:100%!important;
    padding:8px!important;
    overflow:visible!important;
    background:#f7f9fc!important;
  }
  body.cef-click-file-page .cef-studio-nav button{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    align-items:center!important;
    justify-content:start!important;
    gap:8px!important;
    min-height:58px!important;
    padding:8px 10px!important;
    border-radius:13px!important;
    font-size:13px!important;
    text-align:left!important;
  }
  body.cef-click-file-page .cef-studio-nav button i{font-size:22px!important;text-align:center!important}
  body.cef-click-file-page .cef-studio-nav button span{font-size:13px!important;line-height:1.15!important;font-weight:800!important;white-space:normal!important}
  body.cef-click-file-page .cef-studio-panel{width:100%!important;min-width:0!important;max-width:none!important;overflow:visible!important}
  body.cef-click-file-page .cef-studio-panel-inner{max-height:none!important;overflow:visible!important;padding:12px!important}
  body.cef-click-file-page .cef-studio-pane h3{margin:0 0 5px!important;font-size:23px!important;line-height:1.08!important}
  body.cef-click-file-page .cef-studio-help{margin:0 0 12px!important;font-size:14.5px!important;line-height:1.42!important}
  body.cef-click-file-page .cef-studio-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  body.cef-click-file-page .cef-studio-template{min-height:104px!important;padding:10px!important;border-radius:14px!important}
  body.cef-click-file-page .cef-studio-template b{font-size:15px!important;line-height:1.18!important}
  body.cef-click-file-page .cef-studio-template small{font-size:12px!important;line-height:1.3!important}
  body.cef-click-file-page .cef-studio-search{grid-template-columns:1fr!important;gap:8px!important}
  body.cef-click-file-page .cef-studio-upload,
  body.cef-click-file-page .cef-studio-asset,
  body.cef-click-file-page .cef-studio-project-card,
  body.cef-click-file-page .cef-studio-text-card,
  body.cef-click-file-page .cef-studio-tool-link,
  body.cef-click-file-page .cef-studio-account,
  body.cef-click-file-page .cef-studio-export{border-radius:14px!important;padding:11px!important}
  body.cef-click-file-page .cef-studio-mini-actions,
  body.cef-click-file-page .cef-studio-account-actions{grid-template-columns:1fr!important;gap:7px!important}
  body.cef-click-file-page .cef-studio-workspace{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto!important;
    min-width:0!important;
    width:100%!important;
  }
  body.cef-click-file-page .cef-studio-stage-wrap{
    width:100%!important;
    min-height:390px!important;
    max-height:none!important;
    padding:60px 8px 66px!important;
    overflow:auto!important;
    place-items:start center!important;
  }
  body.cef-click-file-page .cef-studio-stage{max-width:100%!important;margin:0 auto!important}
  body.cef-click-file-page .cef-studio-stage canvas{
    display:block!important;
    width:auto!important;
    max-width:calc(100vw - 42px)!important;
    height:auto!important;
    max-height:62dvh!important;
    margin:0 auto!important;
  }
  body.cef-click-file-page .cef-studio-stage-toolbar{
    position:absolute!important;
    top:7px!important;
    left:7px!important;
    right:7px!important;
    display:grid!important;
    grid-template-columns:42px minmax(80px,1fr) 58px 42px 1fr!important;
    gap:5px!important;
    max-width:none!important;
    margin:0!important;
  }
  body.cef-click-file-page .cef-studio-stage-toolbar>*{min-width:0!important;min-height:42px!important}
  body.cef-click-file-page .cef-studio-stage-toolbar [data-open-inspector]{grid-column:1/-1!important;width:100%!important}
  body.cef-click-file-page .cef-studio-playbar{
    left:7px!important;
    right:7px!important;
    bottom:7px!important;
    min-width:0!important;
    max-width:none!important;
    width:auto!important;
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr)!important;
    gap:7px!important;
    padding:7px!important;
  }
  body.cef-click-file-page .cef-studio-playbar span{grid-column:1/-1!important;text-align:center!important;font-size:12px!important}
  body.cef-click-file-page .cef-studio-timeline{width:100%!important;min-height:220px!important;padding:10px!important;overflow-x:auto!important}
  body.cef-click-file-page .cef-studio-timeline-head{align-items:flex-start!important;flex-direction:column!important;gap:2px!important}
  body.cef-click-file-page .cef-studio-timeline-head b{font-size:15px!important}
  body.cef-click-file-page .cef-studio-timeline-head span{font-size:12px!important}
  body.cef-click-file-page .cef-studio-scenes{min-width:max-content!important;padding-bottom:6px!important}
  body.cef-click-file-page .cef-studio-scene{min-width:122px!important}
  body.cef-click-file-page .cef-studio-audio-track{padding:10px!important}
  body.cef-click-file-page .cef-music-track-head{grid-template-columns:1fr auto!important;gap:7px!important}
  body.cef-click-file-page .cef-music-track-head strong{grid-column:1/-1!important;white-space:normal!important}
  body.cef-click-file-page .cef-music-track-bottom{flex-direction:column!important;gap:2px!important}
  body.cef-click-file-page .cef-music-offset-control{grid-template-columns:1fr!important}
  body.cef-click-file-page .cef-transition-presets{grid-template-columns:1fr 1fr!important}

  /* Plein écran Studio : conserve la même logique, sans miniaturiser les commandes. */
  body.cef-click-file-page .cef-studio-shell.is-fullscreen{
    position:fixed!important;
    inset:0!important;
    z-index:999999!important;
    width:100vw!important;
    height:100dvh!important;
    border-radius:0!important;
    overflow:auto!important;
  }
  body.cef-click-file-page .cef-studio-shell.is-fullscreen .cef-studio-main{display:flex!important;min-height:calc(100dvh - 150px)!important}

  /* ---------------------------------------------------------------------
   * CV — modèles en gros blocs, formulaire pleine largeur, aperçu A4 adapté.
   * ------------------------------------------------------------------ */
  body.cef-click-file-page .cef-cv-template-grid{grid-template-columns:1fr!important;gap:9px!important}
  body.cef-click-file-page .cef-cv-template{
    grid-template-columns:58px minmax(0,1fr)!important;
    gap:12px!important;
    min-height:94px!important;
    padding:11px!important;
    border-radius:16px!important;
    text-align:left!important;
  }
  body.cef-click-file-page .cef-cv-mini{width:54px!important;height:72px!important}
  body.cef-click-file-page .cef-cv-template b{font-size:17px!important;line-height:1.18!important}
  body.cef-click-file-page .cef-cv-template small{display:block!important;margin-top:3px!important;font-size:13px!important;line-height:1.32!important}
  body.cef-click-file-page .cef-cv-workspace{grid-template-columns:1fr!important;gap:11px!important}
  body.cef-click-file-page .cef-cv-panel,
  body.cef-click-file-page .cef-cv-preview-card{width:100%!important;min-width:0!important;border-radius:17px!important}
  body.cef-click-file-page .cef-cv-progress{
    display:flex!important;
    width:100%!important;
    gap:6px!important;
    padding:8px!important;
    overflow-x:auto!important;
    grid-template-columns:none!important;
  }
  body.cef-click-file-page .cef-cv-step-tab{flex:0 0 108px!important;min-width:108px!important;min-height:58px!important;padding:7px!important;font-size:12px!important}
  body.cef-click-file-page .cef-cv-form-area{padding:13px!important}
  body.cef-click-file-page .cef-cv-form-title{font-size:22px!important;line-height:1.1!important}
  body.cef-click-file-page .cef-cv-form-subtitle{font-size:13.5px!important;line-height:1.38!important}
  body.cef-click-file-page .cef-cv-field-grid{grid-template-columns:1fr!important;gap:9px!important}
  body.cef-click-file-page .cef-cv-field-grid .wide{grid-column:auto!important}
  body.cef-click-file-page .cef-cv-repeat-card{padding:12px!important;border-radius:14px!important}
  body.cef-click-file-page .cef-cv-photo-row{grid-template-columns:78px minmax(0,1fr)!important;gap:10px!important}
  body.cef-click-file-page .cef-cv-photo-preview{width:72px!important;height:72px!important}
  body.cef-click-file-page .cef-cv-actions{align-items:stretch!important;flex-direction:column!important;gap:8px!important}
  body.cef-click-file-page .cef-cv-actions-right{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;width:100%!important}
  body.cef-click-file-page .cef-cv-actions-right>*{width:100%!important}
  body.cef-click-file-page .cef-cv-preview-toolbar{align-items:stretch!important;flex-direction:column!important;gap:8px!important;padding:11px!important}
  body.cef-click-file-page .cef-cv-preview-toolbar span{font-size:16px!important;font-weight:900!important}
  body.cef-click-file-page .cef-cv-preview-toolbar-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;width:100%!important}
  body.cef-click-file-page .cef-cv-preview-toolbar-actions button{width:100%!important;min-height:46px!important}
  body.cef-click-file-page .cef-cv-paper-wrap{padding:7px!important;overflow:auto!important;background:#dfe5ed!important}
  body.cef-click-file-page .cef-cv-paper{width:100%!important;max-width:794px!important;aspect-ratio:794/1123!important;transform:none!important}
  body.cef-click-file-page .cef-cv-paper svg{display:block!important;width:100%!important;height:100%!important}
  /* Le SVG A4 garde son viewBox d'origine et se redimensionne sans altérer le PDF exporté. */

  /* ---------------------------------------------------------------------
   * LETTRES / RECOMMANDÉS
   * ------------------------------------------------------------------ */
  body.cef-click-file-page .cef-letter-layout{grid-template-columns:1fr!important;gap:11px!important}
  body.cef-click-file-page .cef-letter-controls{padding:13px!important;border-radius:17px!important}
  body.cef-click-file-page .cef-letter-controls>label{display:block!important;margin-bottom:10px!important}
  body.cef-click-file-page .cef-letter-smart{padding:12px!important;border-radius:15px!important}
  body.cef-click-file-page .cef-letter-smart-head b{font-size:18px!important}
  body.cef-click-file-page .cef-letter-smart-head small{font-size:13px!important;line-height:1.35!important}
  body.cef-click-file-page .cef-letter-editor{min-height:340px!important}
  body.cef-click-file-page .cef-letter-actions{grid-template-columns:1fr!important;gap:8px!important}
  body.cef-click-file-page .cef-letter-actions>*{width:100%!important}
  body.cef-click-file-page .cef-letter-preview-wrap{position:static!important;width:100%!important}
  body.cef-click-file-page .cef-letter-preview{min-height:520px!important;padding:28px 18px!important;border-radius:16px!important;font-size:13.5px!important;line-height:1.48!important}
  body.cef-click-file-page .cef-letter-top{grid-template-columns:1fr!important}
  body.cef-click-file-page .cef-letter-top>div:last-child{margin-top:8px!important}

  /* ---------------------------------------------------------------------
   * CALENDRIER / MODÈLES
   * ------------------------------------------------------------------ */
  body.cef-click-file-page .cef-builder .cef-grid{grid-template-columns:1fr!important;gap:9px!important}
  body.cef-click-file-page .cef-builder .cef-card{min-height:88px!important;padding:12px!important;border-radius:16px!important}
  body.cef-click-file-page .cef-builder .cef-card i{font-size:26px!important}
  body.cef-click-file-page .cef-builder .cef-card b{font-size:17px!important}
  body.cef-click-file-page .cef-builder .cef-card small{font-size:13px!important;line-height:1.35!important}
  body.cef-click-file-page .cef-customizer{padding:13px!important;border-radius:17px!important}
  body.cef-click-file-page .cef-customizer>.cef-heading{display:flex!important}
  body.cef-click-file-page .cef-calendar-studio{grid-template-columns:1fr!important;gap:10px!important}
  body.cef-click-file-page .cef-calendar-models{grid-template-columns:1fr 1fr!important;gap:8px!important}
  body.cef-click-file-page .cef-calendar-controls{grid-template-columns:1fr!important}
  body.cef-click-file-page .cef-calendar-preview-wrap{position:static!important;width:100%!important;max-width:100%!important;margin:0!important}
  body.cef-click-file-page .cef-calendar-preview{max-width:100%!important;overflow:auto!important}
  body.cef-click-file-page .cef-builder .cef-download{width:100%!important;min-height:52px!important}

  /* ---------------------------------------------------------------------
   * DEVIS
   * ------------------------------------------------------------------ */
  body.cef-click-file-page .cef-quote-layout{grid-template-columns:1fr!important;gap:11px!important}
  body.cef-click-file-page .cef-quote-panel{padding:13px!important;border-radius:17px!important}
  body.cef-click-file-page .cef-quote-step{gap:10px!important;margin:12px 0 9px!important;padding:11px!important;border-radius:14px!important}
  body.cef-click-file-page .cef-quote-step>b{width:42px!important;height:42px!important;flex:0 0 42px!important;font-size:17px!important}
  body.cef-click-file-page .cef-quote-step strong{font-size:17px!important;line-height:1.2!important}
  body.cef-click-file-page .cef-quote-step small{font-size:13px!important;line-height:1.35!important}
  body.cef-click-file-page .cef-quote-grid,
  body.cef-click-file-page .cef-quote-grid.two,
  body.cef-click-file-page .cef-quote-grid.three{grid-template-columns:1fr!important;gap:9px!important}
  body.cef-click-file-page .cef-quote-addbox,
  body.cef-click-file-page .cef-quote-lines-wrap{padding:12px!important;border-radius:15px!important}
  body.cef-click-file-page .cef-quote-add{width:100%!important;min-height:50px!important}
  body.cef-click-file-page .cef-quote-line{grid-template-columns:1fr!important;gap:7px!important;padding:11px!important;border-radius:14px!important}
  body.cef-click-file-page .cef-quote-line-title{font-size:16px!important;line-height:1.25!important}
  body.cef-click-file-page .cef-quote-line-total{font-size:17px!important}
  body.cef-click-file-page .cef-quote-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  body.cef-click-file-page .cef-quote-actions>*{width:100%!important}
  body.cef-click-file-page .cef-quote-summary{position:static!important;width:100%!important}
  body.cef-click-file-page .cef-quote-summary-card,
  body.cef-click-file-page .cef-quote-fast-help{padding:14px!important;border-radius:16px!important}
  body.cef-click-file-page .cef-quote-summary-card span{font-size:14px!important}
  body.cef-click-file-page .cef-quote-summary-card strong{font-size:18px!important}
  body.cef-click-file-page .cef-quote-grand strong{font-size:26px!important}

  /* ---------------------------------------------------------------------
   * ORGANISATION
   * ------------------------------------------------------------------ */
  body.cef-click-file-page .cef-org-tabs{grid-template-columns:1fr 1fr!important;gap:8px!important;margin-bottom:10px!important}
  body.cef-click-file-page .cef-org-tabs button{min-height:62px!important;padding:8px!important;border-radius:14px!important;font-size:16px!important}
  body.cef-click-file-page .cef-org-tabs button span{font-size:13.5px!important}
  body.cef-click-file-page .cef-org-card{padding:13px!important;border-radius:17px!important}
  body.cef-click-file-page .cef-org-card-head{align-items:flex-start!important;flex-direction:column!important;gap:7px!important}
  body.cef-click-file-page .cef-org-card-head b{font-size:20px!important;line-height:1.15!important}
  body.cef-click-file-page .cef-org-card-head span{font-size:13.5px!important;line-height:1.4!important}
  body.cef-click-file-page .cef-org-card-head strong{font-size:22px!important}
  body.cef-click-file-page .cef-org-inline-form,
  body.cef-click-file-page .cef-org-inline-form.planning{grid-template-columns:1fr!important;gap:8px!important}
  body.cef-click-file-page .cef-org-inline-form>*{grid-column:auto!important}
  body.cef-click-file-page .cef-org-actions,
  body.cef-click-file-page .cef-org-actions.top{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
  body.cef-click-file-page .cef-org-actions button{width:100%!important}
  body.cef-click-file-page .cef-org-row,
  body.cef-click-file-page .cef-org-row.check{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;padding:11px!important;border-radius:13px!important}
  body.cef-click-file-page .cef-org-row b{font-size:14px!important;white-space:normal!important;line-height:1.3!important}
  body.cef-click-file-page .cef-org-row small{font-size:11.5px!important}
  body.cef-click-file-page .cef-org-notes{min-height:300px!important}

  /* ---------------------------------------------------------------------
   * PDF
   * ------------------------------------------------------------------ */
  body.cef-click-file-page .cef-pdf-new-card{padding:12px!important;border-radius:17px!important}
  body.cef-click-file-page .cef-pdf-drop{
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr)!important;
    gap:10px!important;
    padding:13px!important;
    border-radius:16px!important;
  }
  body.cef-click-file-page .cef-pdf-new-icon{width:56px!important;height:56px!important;border-radius:14px!important;font-size:14px!important}
  body.cef-click-file-page .cef-pdf-drop h3{margin:0 0 3px!important;font-size:18px!important;line-height:1.18!important}
  body.cef-click-file-page .cef-pdf-drop p{margin:0!important;font-size:13px!important;line-height:1.35!important}
  body.cef-click-file-page .cef-pdf-drop .cef-secondary{grid-column:1/-1!important;width:100%!important}
  body.cef-click-file-page .cef-pdf-selected,
  body.cef-click-file-page .cef-pdf-new-options,
  body.cef-click-file-page .cef-pdf-progress,
  body.cef-click-file-page .cef-pdf-result{padding:12px!important;border-radius:15px!important}
  body.cef-click-file-page .cef-pdf-simple-layout{grid-template-columns:1fr!important;gap:8px!important}
  body.cef-click-file-page .cef-pdf-create{width:100%!important;min-height:52px!important}
  body.cef-click-file-page .cef-pdf-progress{grid-template-columns:42px minmax(0,1fr)!important;gap:9px!important}
  body.cef-click-file-page .cef-pdf-progress-bar{grid-column:1/-1!important}
  body.cef-click-file-page .cef-pdf-result-ok,
  body.cef-click-file-page .cef-pdf-result-error{align-items:stretch!important;flex-direction:column!important;gap:8px!important}
  body.cef-click-file-page .cef-pdf-result :is(a,button){width:100%!important}
  body.cef-click-file-page .cef-pdf-inline-preview iframe{height:68dvh!important;min-height:420px!important}

  /* ---------------------------------------------------------------------
   * WI-FI
   * ------------------------------------------------------------------ */
  body.cef-click-file-page .cef-wifi-section{padding-bottom:34px!important}
  body.cef-click-file-page .cef-wifi-card{min-height:150px!important;padding:15px!important;border-radius:18px!important}
  body.cef-click-file-page .cef-wifi-card h3{font-size:21px!important;line-height:1.15!important}
  body.cef-click-file-page .cef-wifi-card p{font-size:14px!important;line-height:1.42!important}
  body.cef-click-file-page .cef-wifi-card :is(button,a){width:100%!important;min-height:50px!important}
  body.cef-click-file-page :is(.sos-connection,#sos-results){width:100%!important;max-width:100%!important}

  /* Partenaires : ne jamais créer une colonne miniature à côté du contenu. */
  body.cef-click-file-page .cef-partners-wrap{width:100%!important;max-width:620px!important;margin:10px auto!important;padding:0 var(--cef-m-edge)!important}
  body.cef-click-file-page .cef-partners-panel>summary{grid-template-columns:92px minmax(0,1fr)!important;gap:10px!important;min-height:100px!important;padding:10px!important}
  body.cef-click-file-page .cef-partner-current-media{width:92px!important;height:76px!important}
  body.cef-click-file-page .cef-partner-current-actions{grid-column:1/-1!important;width:100%!important}
  body.cef-click-file-page .cef-partner-current-actions>a{width:100%!important;min-height:44px!important}
  body.cef-click-file-page .cef-partners-grid{grid-template-columns:1fr!important;padding:10px!important}
  body.cef-click-file-page .cef-partner-card{grid-template-columns:100px minmax(0,1fr)!important;padding:9px!important}
  body.cef-click-file-page .cef-partner-card-media{min-height:96px!important}
  body.cef-click-file-page .cef-partner-card-media img{min-height:96px!important}
}

/* Téléphones étroits : on garde des contrôles lisibles sans provoquer de débordement. */
@media (max-width:390px){
  body.cef-click-file-page .cef-mobile-home,
  body.cef-click-file-page :is(.cef-page-section,.cef-cloud-section,.cef-cv-section,.cef-studio-section,.cef-quote,.cef-letter-section,.cef-builder,.cef-organisation,.cef-wifi-section,.cef-pdf,.cef-tool-section){padding-left:8px!important;padding-right:8px!important}
  body.cef-click-file-page .cef-mobile-brand{font-size:27px!important}
  body.cef-click-file-page .cef-mobile-brand img{width:46px!important;height:46px!important}
  body.cef-click-file-page .cef-mobile-primary-card{grid-template-columns:46px minmax(0,1fr) 24px!important;gap:7px!important;padding-inline:9px!important}
  body.cef-click-file-page .cef-mobile-primary-icon{width:46px!important;height:46px!important}
  body.cef-click-file-page .cef-mobile-primary-copy b{font-size:21px!important}
  body.cef-click-file-page .cef-mobile-primary-copy small{font-size:12.8px!important}
  body.cef-click-file-page .cef-mobile-tool-row{grid-template-columns:54px minmax(0,1fr) 20px!important;gap:10px!important;padding-inline:10px!important}
  body.cef-click-file-page .cef-mobile-tool-icon{width:52px!important;height:52px!important}
  body.cef-click-file-page .cef-mobile-tool-copy b{font-size:21px!important}
  body.cef-click-file-page .cef-mobile-tool-copy small{font-size:13.5px!important}
  body.cef-click-file-page .cef-cloud-actions{grid-template-columns:1fr!important}
  body.cef-click-file-page .cef-studio-nav{grid-template-columns:1fr!important}
  body.cef-click-file-page .cef-studio-grid{grid-template-columns:1fr!important}
  body.cef-click-file-page .cef-studio-stage-toolbar{grid-template-columns:40px minmax(70px,1fr) 54px 40px!important}
  body.cef-click-file-page .cef-studio-stage-toolbar [data-preview-fit]{grid-column:1/3!important}
  body.cef-click-file-page .cef-studio-stage-toolbar [data-open-inspector]{grid-column:3/5!important}
  body.cef-click-file-page .cef-cloud-photo-grid{grid-template-columns:1fr!important}
  body.cef-click-file-page .cef-cloud-photo-tile{grid-template-rows:minmax(220px,62vw) auto!important}
  body.cef-click-file-page .cef-cloud-profile-stats{grid-template-columns:1fr!important}
  body.cef-click-file-page .cef-org-tabs{grid-template-columns:1fr!important}
  body.cef-click-file-page .cef-calendar-models{grid-template-columns:1fr!important}
  body.cef-click-file-page .cef-partners-panel>summary{grid-template-columns:1fr!important}
  body.cef-click-file-page .cef-partner-current-media{width:100%!important;height:150px!important}
  body.cef-click-file-page .cef-partner-card{grid-template-columns:1fr!important}
  body.cef-click-file-page .cef-partner-card-media{min-height:150px!important}
}

/* 5.13.1 — si un navigateur téléphone conserve un viewport PC (~980 px),
   le JS remet l'application à la vraie largeur de l'écran puis l'agrandit.
   Cette classe n'existe jamais sur un affichage mobile normal ni sur PC. */
html.cef-force-phone-fit,
html.cef-force-phone-fit body{
  overflow-x:hidden!important;
}
html.cef-force-phone-fit body.cef-click-file-page .cef-main{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow-x:hidden!important;
}
html.cef-force-phone-fit body.cef-click-file-page .cef-app{
  position:relative!important;
  left:0!important;
  right:auto!important;
  transform-origin:top left!important;
}

/* ========================================================================
 * 5.13.2 — INTÉRIEUR CLOUD / DOCUMENTS SUR TÉLÉPHONE
 * ------------------------------------------------------------------------
 * Correction ciblée uniquement dans les listes, photos, pièces et aperçus.
 * Le cadrage général 5.13.1 et les blocs d'accueil restent inchangés.
 * ======================================================================== */
@media (max-width:540px){
  body.cef-click-file-page .cef-cloud-photo-grid{grid-template-columns:1fr!important;gap:10px!important}
  body.cef-click-file-page .cef-cloud-photo-tile{display:block!important;grid-template-rows:none!important;width:100%!important;overflow:hidden!important}
  body.cef-click-file-page .cef-cloud-photo-thumb{display:block!important;width:100%!important;min-height:0!important;aspect-ratio:4/3!important}
  body.cef-click-file-page .cef-cloud-photo-caption{padding:11px 12px!important}
  body.cef-click-file-page .cef-cloud-photo-caption b{font-size:16px!important;line-height:1.3!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important}
  body.cef-click-file-page .cef-cloud-photo-caption small{margin-top:4px!important;font-size:12.5px!important;line-height:1.35!important;white-space:normal!important}
  body.cef-click-file-page .cef-cloud-item-actions{grid-template-columns:1fr 1fr!important}
  body.cef-click-file-page .cef-cloud-item-actions :is(button,a){min-height:46px!important;font-size:13px!important}
  body.cef-click-file-page .cef-cloud-item-actions [data-rename],
  body.cef-click-file-page .cef-cloud-item-actions [data-trash]{font-size:0!important}
  body.cef-click-file-page .cef-cloud-item-actions [data-rename]::after{content:'Renommer';font-size:13px!important}
  body.cef-click-file-page .cef-cloud-item-actions [data-trash]::after{content:'Corbeille';font-size:13px!important}
  body.cef-click-file-page .cef-cloud-photo-viewer-panel>header{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:9px!important}
  body.cef-click-file-page .cef-cloud-photo-viewer-panel>header b{font-size:16px!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:anywhere!important}
  body.cef-click-file-page .cef-cloud-photo-viewer-panel>header span{font-size:12px!important;line-height:1.3!important;white-space:normal!important;overflow-wrap:anywhere!important}
  body.cef-click-file-page .cef-cloud-photo-tools{display:grid!important;grid-template-columns:48px minmax(0,1fr) 48px!important;gap:6px!important;width:100%!important}
  body.cef-click-file-page .cef-cloud-photo-tools>*{width:100%!important;min-width:0!important;min-height:44px!important;padding:6px!important;font-size:12px!important}
  body.cef-click-file-page .cef-cloud-photo-stage{padding:8px 48px!important}
  body.cef-click-file-page .cef-cloud-photo-viewer-panel>footer{font-size:12px!important;line-height:1.3!important}
}

/* Le navigateur Samsung/Android peut garder un viewport bureau. Dans ce cas,
   les visionneuses utilisent les dimensions téléphone calculées par le moteur
   de recadrage au lieu de 100vw / 100dvh, qui correspondraient au faux viewport. */
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-photo-grid{grid-template-columns:1fr!important;gap:10px!important}
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-photo-tile{display:block!important;grid-template-rows:none!important;width:100%!important}
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-photo-thumb{display:block!important;width:100%!important;min-height:0!important;aspect-ratio:4/3!important}
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-photo-caption{padding:11px 12px!important}
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-photo-caption b{font-size:16px!important;line-height:1.3!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important}
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-photo-caption small{font-size:12.5px!important;white-space:normal!important}
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-item-actions{grid-template-columns:1fr 1fr!important}
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-item-actions :is(button,a){min-height:46px!important;font-size:13px!important}
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-item-actions [data-rename],
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-item-actions [data-trash]{font-size:0!important}
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-item-actions [data-rename]::after{content:'Renommer';font-size:13px!important}
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-item-actions [data-trash]::after{content:'Corbeille';font-size:13px!important}
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-preview-modal,
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-photo-viewer{
  inset:0 auto auto 0!important;
  width:var(--cef-phone-fit-width,100%)!important;
  height:var(--cef-phone-fit-height,100%)!important;
  max-width:none!important;
  max-height:none!important;
  padding:0!important;
}
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-preview-panel,
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-photo-viewer-panel{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  border-radius:0!important;
}
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-preview-body{height:100%!important;min-height:0!important}
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-preview-frame{height:100%!important;min-height:0!important}
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-photo-viewer-panel>header{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:9px!important}
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-photo-viewer-panel>header b{font-size:16px!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:anywhere!important}
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-photo-viewer-panel>header span{font-size:12px!important;white-space:normal!important;overflow-wrap:anywhere!important}
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-photo-tools{display:grid!important;grid-template-columns:48px minmax(0,1fr) 48px!important;gap:6px!important;width:100%!important}
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-photo-tools>*{width:100%!important;min-width:0!important;min-height:44px!important;padding:6px!important;font-size:12px!important}
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-photo-stage{padding:8px 48px!important}



/* ========================================================================
 * 5.13.3 — STUDIO MOBILE : APERÇU / LECTEUR / TIMELINE STABLES
 * ------------------------------------------------------------------------
 * Correction ciblée du bas du Studio. Le cadrage général 5.13.1, les blocs
 * d'accueil et les autres outils restent inchangés.
 *
 * Le Studio mobile ne doit plus utiliser une zone d'aperçu à hauteur limitée
 * avec des commandes en surimpression. L'ordre visuel devient toujours :
 * commandes d'aperçu -> création entière -> lecteur -> timeline.
 * ======================================================================== */
@media (max-width:980px), (max-width:1200px) and (pointer:coarse){
  body.cef-click-file-page .cef-studio-shell{
    display:block!important;
    grid-template-rows:none!important;
    min-height:0!important;
    overflow:visible!important;
  }
  body.cef-click-file-page .cef-studio-main{
    min-height:0!important;
    overflow:visible!important;
  }
  body.cef-click-file-page .cef-studio-workspace{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    flex-direction:column!important;
    overflow:visible!important;
  }
  body.cef-click-file-page .cef-studio-stage-wrap{
    position:relative!important;
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-height:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:10px!important;
    padding:10px!important;
    overflow:visible!important;
  }

  /* Les commandes ne recouvrent plus la création. */
  body.cef-click-file-page .cef-studio-stage-toolbar{
    position:relative!important;
    z-index:8!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    order:1!important;
    display:grid!important;
    width:100%!important;
    max-width:none!important;
    grid-template-columns:46px minmax(86px,1fr) 62px 46px minmax(90px,1fr)!important;
    gap:6px!important;
    margin:0!important;
  }
  body.cef-click-file-page .cef-studio-stage-toolbar>*{
    min-width:0!important;
    min-height:46px!important;
    box-sizing:border-box!important;
  }
  body.cef-click-file-page .cef-studio-stage-toolbar input[type=range]{
    width:100%!important;
  }
  body.cef-click-file-page .cef-studio-stage-toolbar [data-open-inspector]{
    grid-column:1/-1!important;
    width:100%!important;
  }

  /* L'aperçu est dimensionné par son conteneur, jamais par 100vw.
     Cela évite le faux viewport Samsung/Android et montre tout le flyer. */
  body.cef-click-file-page .cef-studio-stage{
    position:relative!important;
    order:2!important;
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    max-height:none!important;
    align-items:flex-start!important;
    justify-content:center!important;
    margin:0 auto!important;
    padding:0!important;
    overflow:auto!important;
  }
  body.cef-click-file-page .cef-studio-stage canvas{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:none!important;
    margin:0 auto!important;
    transform-origin:top center!important;
  }

  /* Le lecteur est maintenant SOUS l'aperçu et ne cache plus le document. */
  body.cef-click-file-page .cef-studio-playbar{
    position:relative!important;
    z-index:7!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    order:3!important;
    display:grid!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    margin:0!important;
    padding:8px!important;
    transform:none!important;
    border-radius:14px!important;
  }
  body.cef-click-file-page .cef-studio-playbar input[type=range]{
    width:100%!important;
    min-width:0!important;
  }
  body.cef-click-file-page .cef-studio-playbar span{
    grid-column:1/-1!important;
    min-width:0!important;
    width:100%!important;
    text-align:center!important;
    white-space:normal!important;
  }

  /* La timeline commence seulement après l'aperçu et le lecteur. */
  body.cef-click-file-page .cef-studio-timeline{
    position:relative!important;
    z-index:1!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    flex:0 0 auto!important;
    margin:0!important;
    padding:12px 10px!important;
    overflow-x:hidden!important;
    overflow-y:visible!important;
    border-top:1px solid #d8dee8!important;
    background:#fff!important;
  }
  body.cef-click-file-page .cef-studio-timeline-head{
    width:100%!important;
    margin-bottom:9px!important;
  }
  body.cef-click-file-page .cef-studio-scenes{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    min-height:104px!important;
    gap:8px!important;
    padding:2px 1px 8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-inline:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.cef-click-file-page .cef-studio-scene{
    flex:0 0 132px!important;
    min-width:132px!important;
  }
  body.cef-click-file-page .cef-studio-audio-track{
    width:100%!important;
    min-width:0!important;
    margin-top:8px!important;
  }

  /* Le plein écran Studio garde la même structure verticale et défile
     normalement si le contenu est plus haut que le téléphone. */
  body.cef-click-file-page .cef-studio-shell.is-fullscreen{
    display:block!important;
    overflow:auto!important;
    overscroll-behavior:contain!important;
  }
  body.cef-click-file-page .cef-studio-shell.is-fullscreen .cef-studio-main{
    min-height:0!important;
  }
}

/* Cas du navigateur téléphone qui expose un viewport de type PC : le Studio
   utilise les dimensions téléphone déjà calculées par le moteur 5.13.1. */
html.cef-force-phone-fit body.cef-click-file-page .cef-studio-stage canvas{
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
}
html.cef-force-phone-fit body.cef-click-file-page .cef-studio-shell.is-fullscreen{
  inset:0 auto auto 0!important;
  width:var(--cef-phone-fit-width,100%)!important;
  height:var(--cef-phone-fit-height,100%)!important;
  max-width:none!important;
  max-height:none!important;
}


/* 5.13.23 — Galerie Photos-Vidéos compacte sur téléphone.
   Correctif volontairement placé en fin de fichier pour neutraliser les anciens
   réglages Cloud qui forçaient une seule grande vignette par ligne. */
@media (max-width:720px){
  body.cef-click-file-page .cef-cloud-photo-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  body.cef-click-file-page .cef-cloud-photo-tile{
    display:grid!important;
    grid-template-rows:minmax(78px,27vw) auto!important;
    width:auto!important;
    min-width:0!important;
    border-radius:11px!important;
  }
  body.cef-click-file-page .cef-cloud-photo-thumb{
    display:block!important;
    width:100%!important;
    min-height:0!important;
    height:100%!important;
    aspect-ratio:auto!important;
  }
  body.cef-click-file-page .cef-cloud-photo-caption{padding:5px 6px!important}
  body.cef-click-file-page .cef-cloud-photo-caption b{
    font-size:10.5px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.cef-click-file-page .cef-cloud-photo-caption small{display:none!important}
  body.cef-click-file-page .cef-cloud-video-play{width:34px!important;height:34px!important;font-size:14px!important}
  body.cef-click-file-page .cef-cloud-video-thumb>small{left:5px!important;bottom:5px!important;padding:3px 5px!important;font-size:6px!important}
  body.cef-click-file-page .cef-cloud-video-tools{grid-template-columns:1fr 1fr 1fr 40px!important}
}
@media (max-width:390px){
  body.cef-click-file-page .cef-cloud-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  body.cef-click-file-page .cef-cloud-photo-tile{grid-template-rows:minmax(92px,34vw) auto!important}
}
/* Certains Samsung/Android annoncent un faux viewport bureau : conserver malgré
   tout trois miniatures réelles dans la galerie Photos-Vidéos. */
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-photo-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
}
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-photo-tile{
  display:grid!important;
  grid-template-rows:92px auto!important;
  width:auto!important;
  min-width:0!important;
  border-radius:11px!important;
}
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-photo-thumb{
  display:block!important;
  width:100%!important;
  min-height:0!important;
  height:100%!important;
  aspect-ratio:auto!important;
}
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-photo-caption{padding:5px 6px!important}
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-photo-caption b{
  font-size:10.5px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-photo-caption small{display:none!important}

/* ========================================================================
 * 5.13.24 — VISIONNEUSES PHOTO / VIDÉO : CADRAGE MOBILE COMPLET
 * ------------------------------------------------------------------------
 * Correction ciblée : le média doit toujours s'ouvrir entier et centré sur
 * téléphone. Une photo agrandie reste déplaçable et le geste de pincement
 * natif du navigateur reste autorisé. Aucun autre module n'est modifié.
 * ======================================================================== */
@media (max-width:720px){
  body.cef-click-file-page .cef-cloud-photo-viewer,
  body.cef-click-file-page .cef-cloud-video-viewer{
    inset:0!important;
    width:100dvw!important;
    height:100dvh!important;
    max-width:100dvw!important;
    max-height:100dvh!important;
    padding:0!important;
    overflow:hidden!important;
  }
  body.cef-click-file-page .cef-cloud-photo-viewer-panel,
  body.cef-click-file-page .cef-cloud-video-viewer-panel{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    min-width:0!important;
    min-height:0!important;
    border-radius:0!important;
  }
  body.cef-click-file-page .cef-cloud-photo-stage,
  body.cef-click-file-page .cef-cloud-video-stage{
    min-width:0!important;
    min-height:0!important;
    width:100%!important;
    height:100%!important;
    box-sizing:border-box!important;
    padding:8px 42px!important;
  }
  body.cef-click-file-page .cef-cloud-photo-stage{
    overflow:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-x pan-y pinch-zoom!important;
  }
  body.cef-click-file-page .cef-cloud-photo-canvas,
  body.cef-click-file-page .cef-cloud-video-canvas{
    min-width:0!important;
    min-height:0!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:auto!important;
  }
  body.cef-click-file-page .cef-cloud-photo-canvas img{
    object-fit:contain!important;
    object-position:center center!important;
    transform-origin:center center!important;
    touch-action:pan-x pan-y pinch-zoom!important;
  }
  body.cef-click-file-page .cef-cloud-video-canvas video{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    margin:auto!important;
    background:#000!important;
    touch-action:pan-x pan-y pinch-zoom!important;
  }
}

/* Samsung / Android avec faux viewport bureau : appliquer exactement le même
   cadre réel à la vidéo qu'à la photo. */
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-photo-viewer,
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-video-viewer{
  inset:0 auto auto 0!important;
  width:var(--cef-phone-fit-width,100%)!important;
  height:var(--cef-phone-fit-height,100%)!important;
  max-width:none!important;
  max-height:none!important;
  padding:0!important;
  overflow:hidden!important;
}
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-photo-viewer-panel,
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-video-viewer-panel{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  min-width:0!important;
  min-height:0!important;
  border-radius:0!important;
}
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-photo-stage,
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-video-stage{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  box-sizing:border-box!important;
  padding:8px 42px!important;
}
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-photo-stage{
  overflow:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-x pan-y pinch-zoom!important;
}
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-photo-canvas,
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-video-canvas{
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:auto!important;
}
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-photo-canvas img,
html.cef-force-phone-fit body.cef-click-file-page .cef-cloud-video-canvas video{
  object-fit:contain!important;
  object-position:center center!important;
  margin:auto!important;
  touch-action:pan-x pan-y pinch-zoom!important;
}
