:root{--dnmade-deep:#30272c;--dnmade-accent:#85173a;--dnmade-avatar:#7e4056}
/* Bandeau DNMADE commun — proportions et typographie du portail. */
.dnmade-banner{box-sizing:border-box;min-height:78px;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:1rem;width:100%;margin:0;padding:.9rem clamp(1.1rem,4vw,4rem);color:#fff;background:var(--dnmade-deep);border:0;border-bottom:4px solid var(--dnmade-accent);border-radius:0;font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:left;box-shadow:none}
.dnmade-banner *{box-sizing:border-box}
.dnmade-banner .dnmade-brand{display:flex;align-items:center;gap:.8rem;color:#fff;text-decoration:none;letter-spacing:normal;min-width:0}
.dnmade-banner .dnmade-mark{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:9px;background:var(--dnmade-accent);color:#fff;font-size:16px;font-weight:800;letter-spacing:-.04em}
.dnmade-banner .dnmade-title{display:block;font-size:1.05rem;font-weight:700;line-height:1.55;color:#fff}
.dnmade-banner .dnmade-subtitle{display:block;color:#e1e7eb;font-size:.78rem;font-weight:400;line-height:1.55}
.dnmade-banner .dnmade-account{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;flex:none;margin:0;font-size:16px}
.dnmade-banner .dnmade-avatar{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;color:#fff;background:var(--dnmade-avatar);font-size:.8rem;font-weight:800}
.dnmade-banner .dnmade-account-name{display:block;margin-right:.5rem;color:#fff;font-weight:700;font-size:1rem;line-height:1.55}
.dnmade-banner .dnmade-account form{display:block;margin:0;padding:0;border:0;background:transparent;width:auto}
.dnmade-banner .dnmade-logout{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:.55rem .75rem;color:var(--dnmade-deep);background:#fff;border:1px solid #cfc3c8;border-radius:7px;text-decoration:none;font:700 .9rem/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:none;cursor:pointer;text-align:center;white-space:normal}
.dnmade-banner .dnmade-logout:hover{color:var(--dnmade-deep);background:#f4f7f9;border-color:var(--dnmade-accent)}
.dnmade-banner a:focus-visible,.dnmade-banner button:focus-visible{outline:3px solid #fff;outline-offset:4px}
.dnmade-subnav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin:0;padding:12px clamp(1.1rem,4vw,4rem);font-size:13px;border-bottom:1px solid var(--line)}
@media(max-width:900px){.dnmade-banner{flex-wrap:wrap}.dnmade-banner .dnmade-account{flex-wrap:wrap;margin-left:auto}}
@media(max-width:560px){.dnmade-banner{padding:1rem 1.1rem;gap:.85rem}.dnmade-banner .dnmade-account{width:100%;justify-content:flex-start;gap:.6rem;margin:0}.dnmade-banner .dnmade-account form{flex:1;min-width:220px}.dnmade-banner .dnmade-logout{width:100%}.dnmade-banner .dnmade-account-name{max-width:calc(100% - 52px);overflow-wrap:anywhere}.dnmade-banner .dnmade-title{font-size:1.05rem}.dnmade-subnav{justify-content:flex-start}}
@media print{.dnmade-banner{color:#000;background:#fff;border-bottom:2px solid #555;padding:.5rem 0;min-height:0}.dnmade-banner .dnmade-title,.dnmade-banner .dnmade-subtitle,.dnmade-banner .dnmade-brand{color:#000}.dnmade-banner .dnmade-mark,.dnmade-banner .dnmade-account,.dnmade-subnav{display:none}}

body.authenticated-page,body.public-page{padding-top:0;padding-left:0;padding-right:0}
.authenticated-page main.layout-narrow,.authenticated-page main.layout-medium,.authenticated-page main.layout-wide,.authenticated-page main.layout-full{width:min(calc(100% - 2.2rem),clamp(1480px,82vw,1680px));margin-top:1.5rem}
.public-page main{width:min(calc(100% - 2.2rem),880px)}
.app-header .app-header__top{display:block}.app-header .nav-links{width:100%;margin:0;border-left:0;padding-left:0}.app-header .app-header__tools{display:block}.app-header .global-search{width:100%}
.high-contrast .dnmade-banner{--dnmade-deep:#111;--dnmade-accent:#ffdc73;--dnmade-avatar:#444}.high-contrast .dnmade-banner .dnmade-mark{color:#111}
@media print{.authenticated-page main.layout-narrow,.authenticated-page main.layout-medium,.authenticated-page main.layout-wide,.authenticated-page main.layout-full{width:100%;margin-top:0}.app-header{display:none}}

/* Logo horizontal validé : proportions préservées, fond blanc original. */
.dnmade-banner .dnmade-formation-logo{display:block;flex:none;width:97.41px;height:48px;object-fit:contain;background:#fff;border-radius:4px}