/* UX 5.2A presentation only. The source documents and workflow retain their own styles. */
:root { scroll-padding-top: calc(var(--m51-header-height, 118px) + 20px); }
html { scroll-behavior: smooth; }
#manager25 :is([id], .m305-findings, .m305-document-nav), .field-body [id] { scroll-margin-top: calc(var(--m51-header-height, 118px) + 20px); }
#manager25 .m51-header {
  isolation: isolate; overflow: visible; color: #07345a;
  background: linear-gradient(112deg, #f8fffd 0%, #e0f5f1 33%, #8ddbd5 66%, #206679 100%);
  border-bottom-color: #84c7c7; box-shadow: 0 8px 28px #062f4630;
}
#manager25 .m51-header::before, #manager25 .m51-header::after { content: ""; position: absolute; z-index: -1; pointer-events: none; }
#manager25 .m51-header::before { inset: 0 0 0 20%; background: linear-gradient(133deg, transparent 24%, #ffffff38 38%, transparent 50%), linear-gradient(155deg, transparent 57%, #08627529 67%, transparent 83%); clip-path: polygon(0 0,100% 0,100% 100%,20% 100%); }
#manager25 .m51-header::after { width: 34%; height: 80%; right: 5%; top: 8%; border: 1px solid #ffffff51; border-width: 0 0 1px 1px; border-radius: 0 0 0 100%; transform: rotate(-8deg); }
#manager25 .m51-logo { flex-basis: 175px; }
#manager25 .m51-logo img { width: 150px; mix-blend-mode: multiply; filter: drop-shadow(0 2px 3px #ffffff72); }
#manager25 .m25-top label { color: #07345a; font-weight: 600; }
#manager25 .m25-user summary { background: #ffffffb5; border: 1px solid #ffffffb8; }
#manager25 #m25-activity-shortcut { background: #ffffffcf; border: 1px solid #c9e8e4; color: #07345a; border-radius: 10px; }
#manager25 .m25-sidebar { background: linear-gradient(164deg, #082f42, #0a404d 64%, #07345a); }
#manager25 .m25-nav button:focus-visible, #manager25 .m51-header :is(button,input,select,summary):focus-visible,
#manager25 .m305-document-nav a:focus-visible, .field-body :is(button,summary,input):focus-visible { outline: 3px solid #008f87; outline-offset: 2px; }
#manager25 .m305-dossier-table th:first-child { width: 45%; }
#manager25 .m305-dossier-table th:nth-child(2) { width: 24%; }
#manager25 .m305-dossier-table th:nth-child(3) { width: 14%; }
#manager25 .m305-dossier-table th:nth-child(4) { width: 13%; }
#manager25 .m305-dossier-table th:last-child { width: 4%; }
#manager25 .m305-dossier-table td strong { color: #07345a; }
#manager25 .m51-unset-date { color: #526d7a; font-style: italic; }
#manager25 .m3a-feed { margin-top: 1rem; }
#manager25 .m3a-event { min-height: 48px; padding-block: .45rem; }
#manager25 .m3a-role-overview { margin-top: 1rem; }
#manager25 .m305-findings { top: calc(var(--m51-header-height) + 18px); max-height: calc(100dvh - var(--m51-header-height) - 36px); }
#manager25 .m52-finding-icon { display: inline-grid; place-items: center; flex: 0 0 26px; width: 26px; height: 26px; border-radius: 50%; background: #e5f5f2; color: #075c62; font-weight: 750; }
#manager25 .m305-document-nav { top: calc(var(--m51-header-height) + 16px); max-height: calc(100dvh - var(--m51-header-height) - 32px); }
#manager25 .m305-document-nav h2 { color: #07345a; }
#manager25 .m305-document-nav a { display: flex; align-items: flex-start; gap: .45rem; padding: .65rem .55rem; border-bottom: 1px solid #e5edef; line-height: 1.4; overflow-wrap: anywhere; }
#manager25 .m305-document-nav a:last-child { border-bottom: 0; }
#manager25 .m52-toc-symbol { flex: 0 0 1.4rem; text-align: center; color: #008f87; font-weight: 750; }
#manager25 .m305-report-human { line-height: 1.35; }
#manager25 .m56-compare { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
#manager25 .m56-compare section { min-width:0; }
#manager25 .m56-compare h2 { margin:.25rem 0; color:#07345a; font-size:1rem; }
#manager25 .m56-compare iframe { display:block; width:100%; height:650px; border:1px solid #b8d0d4; background:#fff; }
#manager25 .m56-source-image { display:block; width:100%; max-height:650px; object-fit:contain; object-position:top center; border:1px solid #b8d0d4; background:#fff; }
#manager25 .m56-result-image { display:block; width:100%; max-height:650px; object-fit:contain; object-position:top center; border:1px solid #b8d0d4; background:#fff; }
#manager25 .m56-page-controls { display:flex; align-items:center; gap:.6rem; margin:.35rem 0; }
#manager25 .m56-source-link { display:block; margin:.25rem 0 .5rem; }
#manager25 .m56-finding-link { display:block; width:100%; margin:.2rem 0; text-align:left; }
#manager25 .m56-issue { border-left:3px solid #b85a36; padding-left:.5rem; overflow-wrap:anywhere; }
#manager25 .m56-limit { color:#526d7a; font-size:.85rem; }
#manager25 .m56-decision { display:grid; gap:.3rem; width:min(100%,30rem); color:#173b52; }
#manager25 .m56-decision textarea { width:100%; min-height:3.5rem; resize:vertical; }
#manager25 .m56-switch { display:none; }
#manager25 .m305-admin-links { grid-template-columns: repeat(3,minmax(0,1fr)); margin-block: 1rem; }
#manager25 .m305-admin-links .m305-paper { border-top: 4px solid #008f87; }
#manager25 .m305-admin-links .m305-paper:nth-child(2) { border-top-color: #2681aa; }
#manager25 .m305-admin-links .m305-paper:nth-child(3) { border-top-color: #07345a; }
.field-body>header { background: linear-gradient(112deg,#effbf8,#9edbd5 70%,#247488); color: #07345a; }
.field-body>header .brand-icon { mix-blend-mode: multiply; }
.field-body .field-summary { gap: .45rem; margin: .25rem 0 .5rem; }
.field-body .field-summary button { position: relative; min-height: 60px; background: #f5f8f9; border: 1px solid #c7d6da; color: #07345a; }
.field-body .field-summary button strong, .field-body .field-summary button span { color: #07345a; }
.field-body .field-summary button.active { background: #fbfffe; border: 2px solid #008f87; box-shadow: none; }
.field-body .field-summary button.active::after { content: ""; position: absolute; height: 4px; bottom: -2px; left: -2px; right: -2px; background: #008f87; border-radius: 0 0 6px 6px; }
.field-body .field-summary button:disabled { opacity: 1; color: #607681; background: #f3f5f5; }
.field-body .field-summary button:disabled strong, .field-body .field-summary button:disabled span { color: #607681; }

/* UX 5.2B: the same workflow colors on field and manager action surfaces. */
.field-work-head .statusline[data-operational="to_do"],
.m305-action-card[data-operational="to_do"] small { background:#edf2f4; color:#355260; }
.field-work-head .statusline[data-operational="in_progress"],
.m305-action-card[data-operational="in_progress"] small { background:#e2f0fa; color:#14537b; }
.field-work-head .statusline[data-operational="to_review"],
.m305-action-card[data-operational="to_review"] small { background:#fff0d3; color:#745315; }
.field-work-head .statusline[data-operational="to_rework"],
.m305-action-card[data-operational="to_rework"] small { background:#fce7e2; color:#854035; }
.field-work-head .statusline[data-operational="treated"],
.m305-action-card[data-operational="treated"] small { background:#e0f2e8; color:#226044; }
.field-work-head .statusline[data-operational="overdue"],
.m305-action-card[data-operational="overdue"] small { background:#fae4df; color:#873c32; }
.field-draft-status { margin:.25rem 0 .75rem; color:#526c73; font-size:.875rem; }
.m305-action-card small { width:max-content; max-width:100%; padding:.15rem .4rem; border-radius:5px; }
.field-body .field-history-filters summary { margin-block: .5rem; }
.field-body #field-list { padding-block: .75rem; }
.field-body .toolbar { margin-bottom: .5rem; }
.field-body #contribution-form .field-actions button { min-height: 48px; }
@media (max-width: 1200px) and (min-width: 761px) {
  #manager25 .m51-logo { flex-basis: 145px; }
  #manager25 .m51-logo img { width: 132px; }
  #manager25 .m305-admin-links { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  #manager25 .m56-switch { display:flex; gap:.5rem; margin-bottom:.5rem; }
  #manager25 .m56-compare { display:block; }
  #manager25 .m56-compare .m56-source { display:none; }
  #manager25 .m56-show-source .m56-compare .m56-source { display:block; }
  #manager25 .m56-show-source .m56-compare .m56-result { display:none; }
  #manager25 .m56-compare iframe { height:65dvh; }
  #manager25 .m51-header { background: linear-gradient(120deg,#f7fffd,#c9eee9 56%,#36839a); }
  #manager25 .m51-logo img { width: 68px; }
  #manager25 #m25-activity-shortcut { margin-right: 50px; }
  #manager25 #m25-language-label { flex: 0 0 90px; }
  #manager25 #m25-locale { width: 90px; max-width: 90px; }
  #manager25 #m25-dossier-label { flex: 1 1 65px; }
  #manager25 .m305-findings, #manager25 .m305-document-nav { position: static; max-height: none; }
  #manager25 .m305-document-nav { max-height: 190px; overflow-y: auto; }
  #manager25 .m305-admin-links { grid-template-columns: 1fr; }
  .field-body .field-heading { min-width: 0; }
  .field-body .field-heading .brand-icon { width: 38px; height: 38px; }
}
@media (max-width: 540px) {
  #manager25 .m305-dossier-table td:nth-child(4)::before { content: "Échéance : "; font-weight: 650; }
  html:lang(en) #manager25 .m305-dossier-table td:nth-child(4)::before { content: "Target: "; }
  #manager25 .m305-dossier-table td:last-child { grid-row: 2 / 4; }
  .field-body .field-summary button { min-height: 58px; }
  .field-body #contribution-form .field-actions { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
.m54-reminders {max-width: 1080px;}
.m54-choices {display: grid; gap: .6rem; max-height: 30rem; overflow: auto; margin: 1rem 0;}
.m54-choice {display: flex; align-items: flex-start; gap: .8rem; padding: .8rem 1rem; border: 1px solid var(--border, #d9e2e5); border-radius: .7rem; cursor: pointer;}
.m54-choice input {margin-top: .25rem;}
.m54-choice span {display: grid; gap: .2rem;}
.m54-choice small {opacity: .75;}
.m54-metrics {display: flex; flex-wrap: wrap; gap: .8rem; margin: 1rem 0;}
.m54-metrics span {padding: .7rem 1rem; border-radius: .7rem; background: #edf4f4;}
.m54-metrics strong {font-size: 1.25rem;}
.m54-preview ul {max-height: 14rem; overflow: auto;}

/* LOT 5.4B: the shared field and invitation header uses the approved full Logo1. */
.field-body>header {
  min-height: 86px;
  padding: .4rem clamp(.75rem, 2vw, 1.25rem);
  background: linear-gradient(112deg, #effbf8, #9edbd5 70%, #247488);
  color: #07345a;
}
.field-body .field-heading { min-width: 0; gap: .9rem; }
.field-body .field-brand-logo {
  display: block;
  flex: none;
  width: 112px;
  max-width: none;
  height: auto;
  padding: 3px;
  border-radius: 7px;
  background: #fff;
  object-fit: contain;
}
.field-body>header h1 { margin: 0; color: #07345a; font-size: 1.05rem; line-height: 1.25; }
.field-body>header .head-right { min-width: 0; overflow-wrap: anywhere; }
.m54c-settings, .m54c-preferences { margin-top: 1.25rem; }
.m54c-settings .m305-create-form label:has(input[type="checkbox"]),
.m54c-preferences .m305-create-form label:has(input[type="checkbox"]) {
  display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: .6rem;
}
.m54c-settings .m305-create-form input[type="checkbox"],
.m54c-preferences .m305-create-form input[type="checkbox"] { width: auto; margin: 0; flex: none; }
.m54c-settings .m305-create-form { margin-bottom: 1rem; }
@media (max-width: 540px) {
  .field-body>header { min-height: 70px; padding: .35rem .75rem; gap: .5rem; }
  .field-body .field-heading { gap: .65rem; }
  .field-body .field-brand-logo { width: 88px; padding: 2px; }
  .field-body>header h1 { font-size: .95rem; }
}