/* The logo stays inside the available content width, below the navigation. */
.association-logo-row{box-sizing:border-box;display:flex;justify-content:flex-end;align-items:center;flex:0 0 auto;min-width:0;max-width:100%;padding:12px clamp(1rem,3vw,3rem);background:transparent}
.association-logo-row .association-logo{display:block;flex:0 1 80px;width:80px;height:80px;max-width:100%;object-fit:contain;object-position:right center;border:0;border-radius:0;box-shadow:none;background:transparent}
.admin-workspace>.association-logo-row{margin-left:var(--admin-sidebar-width,250px)}
.admin-workspace>.association-logo-row~main{min-height:calc(100vh - var(--admin-header-height,88px) - 104px)}
body.equipe-workspace>.association-logo-row~main{min-height:0}
main>.association-logo-row{padding:0 0 16px}
/* On login pages, only the form column contains the logo row.
   The green introduction spans both rows and starts just below the top bar. */
.family-auth-shell.family-auth-branded{grid-template-rows:auto 1fr;min-height:calc(100vh - 84px)}
.family-auth-branded>.family-auth-intro{grid-column:1;grid-row:1 / 3;min-width:0}
.family-auth-branded>.association-logo-row{grid-column:2;grid-row:1;justify-self:start;width:min(100%,650px);padding:1.25rem clamp(2rem,6vw,6rem) 0}
.family-auth-branded>.family-auth-card{grid-column:2;grid-row:2;min-width:0;padding-top:1.25rem;overflow-wrap:anywhere}
.association-logo-settings{max-width:900px}
.association-logo-preview{box-sizing:border-box;width:220px;max-width:100%;height:220px;padding:12px;margin:1rem 0;background-color:#fbf8ee;background-image:linear-gradient(45deg,#e4e4db 25%,transparent 25%),linear-gradient(-45deg,#e4e4db 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e4e4db 75%),linear-gradient(-45deg,transparent 75%,#e4e4db 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;border:1px solid #c6d3c9;border-radius:12px}
.association-logo-preview img{width:100%;height:100%;object-fit:contain}
.association-logo-settings .family-form{max-width:600px}
.association-logo-settings input[type=file]{max-width:100%;white-space:normal}
.association-logo-settings details{margin-top:2rem}
.association-logo-settings summary{cursor:pointer}
.association-logo-status:empty{display:none}
@media(max-width:1050px){
 .family-auth-shell.family-auth-branded{grid-template-rows:auto auto auto}
 .family-auth-branded>.family-auth-intro{grid-column:1;grid-row:1}
 .family-auth-branded>.association-logo-row{grid-column:1;grid-row:2;justify-self:center}
 .family-auth-branded>.family-auth-card{grid-column:1;grid-row:3;justify-self:center}
}
@media(max-width:800px){
 .association-logo-row{padding:10px 1rem}
 .association-logo-row .association-logo{flex-basis:64px;width:64px;height:64px}
 .admin-workspace>.association-logo-row{margin-left:0}
 .admin-workspace>.association-logo-row~main{min-height:calc(100vh - var(--admin-header-height,88px) - 84px)}
 body.equipe-workspace>.association-logo-row~main{min-height:0}
}
@media(max-width:720px){
 .family-auth-branded>.association-logo-row{padding:1.25rem 1.25rem 0}
}
@media print{.association-logo-row{display:none}}