/* Zone principale centrée dans l'espace disponible à droite de la navigation. */
@media(min-width:1101px){
 .shell:not(.auth-screen){width:min(1660px,calc(100% - 230px));max-width:1660px;margin-left:max(230px,calc(50% - 715px));margin-right:0}
}
@media(min-width:761px) and (max-width:1100px){
 .shell:not(.auth-screen){width:min(1660px,calc(100% - 198px));max-width:1660px;margin-left:max(198px,calc(50% - 731px));margin-right:0}
}
@media(max-width:760px){.shell:not(.auth-screen){width:100%;max-width:1660px;margin-left:auto;margin-right:auto}}

/* Formulaires de profil, avec ordre logique identique au clavier et à l'écran. */
.profile-form-card{width:100%;max-width:none;min-width:0}
.profile-form-card form{min-width:0}
.profile-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:4px}
.profile-form-card .profile-cv-field{min-width:0}
.profile-form-card .profile-description-field textarea{min-height:150px}
.profile-form-card .category-menu{max-width:none}
@media(min-width:1050px){
 #cvform,#companyForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;align-items:start}
 #cvform .profile-categories-field,#cvform .category-menu,#cvform .profile-actions,#companyForm .company-description-field{grid-column:1 / -1}
 #cvform .profile-cv-field{padding:18px;border:1px solid #dbe9f4;border-radius:10px;background:#f8fbfe;min-height:185px}
 #cvform .profile-cv-field label{margin-bottom:9px}
 #companyForm>button.primary{justify-self:start}
}
@media(max-width:1049px){.profile-form-card .profile-description-field textarea{min-height:125px}}

/* Conversations plus lisibles, sans modifier leur contenu ou leurs droits. */
@media(min-width:1000px){.conversation-layout{grid-template-columns:minmax(250px,0.36fr) minmax(0,0.64fr)}}
.conversation-layout>aside,.conversation-layout>section{min-width:0;width:100%}
@media(min-width:1000px){.conversation-layout>aside,.conversation-layout>section{min-height:430px}}
.employee-offer-detail-wrap{max-width:none;width:100%}

/* Fond C3 : formes douces, barre supérieure blanche et contenu lisible. */
body{min-height:100vh;background-color:#eef7fe;background-image:url("fond-cvtheque.png");background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}
body>.demo-bar{background:#fff}
@media(max-width:760px){body{background-position:center center;background-size:cover}}

/* Le fond est cadré dans la zone visible, sans passer sous la navigation latérale. */
@media(min-width:1101px){body{background-size:calc(100% - 230px) 100%;background-position:right center}}
@media(min-width:761px) and (max-width:1100px){body{background-size:calc(100% - 198px) 100%;background-position:right center}}
@media(max-width:760px){body{background-size:100% 100%;background-position:center center}}
/* À la connexion la navigation latérale est masquée. */
body:has(.auth-screen){background-size:100% 100%;background-position:center center}

/* Page de connexion : logos des deux entreprises. */
.auth-layout{display:grid;grid-template-columns:minmax(0,440px) minmax(0,640px) minmax(0,440px);align-items:center;justify-content:center;gap:clamp(24px,4vw,64px);width:100%;max-width:1660px;margin:auto}
.auth-layout .auth-card{width:100%;min-width:0}
.auth-brand{display:flex;align-items:center;justify-content:center;min-width:0}
.auth-brand img{display:block;width:100%;height:auto;object-fit:contain}
.auth-brand-avenir img{max-width:260px}
.auth-brand-nesta img{max-width:440px}
@media(max-width:760px){.auth-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;max-width:460px}.auth-layout .auth-card{grid-column:1 / -1;grid-row:2}.auth-brand{height:100px}.auth-brand img{max-height:100%;width:auto;max-width:100%}.auth-brand-avenir img{max-width:80px}.auth-brand-nesta img{max-width:135px}}