﻿/* Livrables : styles partagés par la page Livrables et le panneau du bandeau de l'accueil */
/* La « page » garde l'aspect papier du document Word, y compris en mode sombre */
.page{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;background:#E9EEEA;padding:14px}
.page>*{background:#FFFFFF;color:#1E2A24;font:12.5px/1.45 Calibri,"Segoe UI",system-ui,sans-serif;padding:2px 26px;margin:0}
.page>:first-child{padding-top:24px;border-radius:4px 4px 0 0}
.page>:last-child{padding-bottom:26px;border-radius:0 0 4px 4px}
.page .t{font-size:20px;font-weight:700;color:#1B4F9C;line-height:1.2}
.page .st{color:#56675D;font-size:13.5px;padding-bottom:12px;margin-bottom:0;background:linear-gradient(#0E6A50,#0E6A50) no-repeat 26px calc(100% - 4px)/calc(100% - 52px) 2px,#FFFFFF}
.page .h1{font-size:14.5px;font-weight:700;color:#1B4F9C;padding-top:12px}
.page .h2{font-size:13px;font-weight:700;color:#0E6A50;padding-top:8px}
.page .sm{font-size:11px;color:#56675D}
.page .li{padding-left:44px;text-indent:-14px}
.page .r{text-align:right}
.page>table{table-layout:fixed;box-sizing:border-box}
.page td{border:1px solid #B7C3BC;padding:3px 4px;font-size:11px;vertical-align:top;overflow-wrap:break-word;overflow:hidden}
.page mark{background:#FFF06A;color:#1E2A24}
.page>table{margin:0;padding:4px 26px 8px;width:100%;border-collapse:separate;border-spacing:0}
.page>table td{border-width:0 1px 1px 0}.page>table tr td:first-child{border-left-width:1px}.page>table tr:first-child td{border-top-width:1px}

/* Panneau du bandeau (page d'accueil) : liste des livrables au survol */
#livrMenuHost{position:relative;display:inline-flex}
.lm{position:absolute;top:calc(100% + 10px);right:0;z-index:2000;width:340px;max-width:calc(100vw - 32px);max-height:calc(100vh - 110px);overflow:auto;
  padding:8px 8px 12px;background:var(--surface,#FFFFFF);color:var(--ink,#14221B);border:1px solid var(--line,#D6DFD8);border-radius:14px;
  box-shadow:0 18px 50px rgba(10,25,18,.26),0 2px 8px rgba(10,25,18,.10);text-align:left;font-size:14px;line-height:1.35}
.lm[hidden]{display:none}
.lm::before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}
.lm-g{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted,#56675D);padding:12px 10px 4px}
.lm-g:first-child{padding-top:6px}
.lm-it{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;font:inherit;color:var(--ink,#14221B);background:none;border:0;border-radius:9px;padding:8px 10px;cursor:pointer}
.lm-it svg{flex:none;color:var(--muted,#56675D);opacity:0;transition:opacity .12s}
.lm-it:hover,.lm-it:focus-visible{background:var(--accent-soft,#DFEFE7)}
.lm-it:hover svg,.lm-it:focus-visible svg{opacity:1;color:var(--title,#1B4F9C)}
.lm-it:hover .lm-t{color:var(--title,#1B4F9C)}
.lm-it.done svg{opacity:1;color:var(--accent,#0E6A50)}
.lm-tx{display:flex;flex-direction:column;gap:2px}
.lm-tag{font-size:11px;font-weight:700;color:var(--accent,#0E6A50)}
.lm-all{display:block;margin:10px 10px 0;padding-top:10px;border-top:1px solid var(--line,#D6DFD8);font-weight:700;color:var(--accent,#0E6A50)!important;text-decoration:none}
.lm-all:hover{text-decoration:underline}
.lm-all.lm-2{border-top:0;margin-top:2px;padding-top:4px;color:var(--title,#1B4F9C)!important}
