.ml-shell{max-width:1500px;margin:auto;padding:48px 32px;color:#183b32}.ml-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.ml-heading h1{font-size:clamp(32px,4vw,58px);letter-spacing:-2px;margin:8px 0}.ml-heading h1 span{color:#efb917}.ml-kicker{font-size:12px;letter-spacing:1.4px;font-weight:800}.ml-badge,.ml-login{background:#e7eee9;border-radius:30px;padding:12px 18px;font-size:14px}.ml-worknote{background:#fff5ce;border-left:4px solid #efb917;padding:18px;border-radius:8px;margin:24px 0;font-size:14px;line-height:1.8}.ml-worknote strong{display:block}.ml-toolbar{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.ml-toolbar label{flex:1;min-width:140px}.ml-toolbar .ml-search{flex:2;min-width:220px}.ml-shell label,.ml-panel label{display:block;font-size:13px;font-weight:650}.ml-shell input,.ml-shell select,.ml-panel input,.ml-panel select,.ml-panel textarea{display:block;width:100%;box-sizing:border-box;background:#fff;color:#183b32;border:1px solid #cbd6cf;border-radius:8px;padding:11px;font:inherit;margin-top:7px}.ml-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:20px 0}.ml-tabs button,.ml-dialogbar button{border:1px solid #cad4cd;border-radius:25px;background:white;padding:10px 17px;cursor:pointer;color:#183b32}.ml-tabs button[aria-pressed=true]{background:#183b32;color:white;border-color:#183b32}#ml-count{margin-left:auto;font-size:13px}.ml-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.ml-card{background:#fff;border:1px solid #e0e6e1;border-radius:14px;overflow:hidden;text-align:left;padding:0;color:#183b32;cursor:pointer;transition:transform .15s;box-shadow:0 4px 15px #183b3206}.ml-card:hover{transform:translateY(-3px)}.ml-card:focus-visible{outline:3px solid #efb917;outline-offset:3px}.ml-thumb{position:relative;background:#edf0eb;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center}.ml-thumb img{width:100%;height:100%;object-fit:contain}.ml-thumb span{position:absolute;top:10px;left:10px;background:#fffef5eb;padding:4px 9px;border-radius:20px;font-size:12px}.ml-cardbody{padding:15px}.ml-cardbody h3{font-size:16px;margin:8px 0;line-height:1.4}.ml-cardbody p{font-size:12px;margin:4px 0;color:#5b6c64;overflow-wrap:anywhere}.ml-cardmeta{display:flex;justify-content:space-between;font-size:12px;font-weight:700}.ml-tags{display:flex;flex-wrap:wrap;gap:5px}.ml-tags span{background:#eaf0e9;padding:4px 7px;border-radius:5px;font-size:11px}.ml-private{color:#a14026!important}.ml-footnote{color:#69786e;font-size:13px;margin-top:30px}
.ml-cardmeta{align-items:center;gap:6px;flex-wrap:wrap}
.ml-stars{white-space:nowrap;font-size:15px;line-height:1;letter-spacing:1px}
.ml-stars-filled{color:#987000}
.ml-stars-empty{color:#7c8b80}
.ml-unrated{color:#59685f;font-size:11px;font-weight:500}
.ml-rating-zero{color:#943a23;background:#fff0ea;border:1px solid #edc3b6;border-radius:5px;padding:3px 5px;font-size:10px;white-space:nowrap}
/* Fiche de travail : deux colonnes cadrées dans le viewport, sans hauteur intrinsèque débordante. */
.ml-dialog{padding:0;border:0;border-radius:14px;width:calc(100vw - 40px);max-width:1880px;height:calc(100dvh - 40px);max-height:calc(100dvh - 40px);color:#183b32;box-shadow:0 20px 100px #0006;overflow:hidden;box-sizing:border-box}
.ml-dialog[open]{display:grid;grid-template-rows:54px minmax(0,1fr)}
.ml-dialog::backdrop{background:#101e18b8}
.ml-dialogbar{display:flex;justify-content:space-between;align-items:center;padding:8px 18px;background:#fff;border-bottom:1px solid #e2e6e1;gap:12px}
.ml-dialogbar button{padding:7px 14px}
.ml-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,470px);min-height:0;overflow:hidden}
.ml-preview{background:#15271f;min-width:0;min-height:0;padding:12px;display:grid;grid-template-rows:minmax(0,1fr) 32px;gap:8px;box-sizing:border-box}
.ml-stage{position:relative;min-width:0;min-height:0;overflow:hidden}
.ml-stage img,.ml-stage video{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;margin:0}
.ml-previewbar{display:flex;align-items:center;justify-content:space-between;gap:15px;min-width:0;color:#d3e0d7;font-size:11px}
.ml-previewbar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ml-previewbar a{color:#fff;font-size:12px;white-space:nowrap}
.ml-panel{padding:18px 20px;min-height:0;min-width:0;overflow:auto;background:white}
.ml-panel h2{font-size:21px;line-height:1.3;margin:5px 0 10px}
.ml-panel>.ml-kicker{margin:0 0 4px;font-size:11px}
.ml-panel>p{font-size:13px;line-height:1.4}
.ml-team .ml-panel{display:flex;flex-direction:column;overflow:hidden}
.ml-team #ml-caption{display:none}
.ml-team .ml-panel>h2{font-size:17px;margin:2px 0 8px;flex-shrink:0}
.ml-team #ml-public-spaces{display:none}
.ml-team #ml-souvenir{padding:6px 10px;margin:0 0 8px;font-size:12px;line-height:1.4}
#ml-form{display:flex;flex-direction:column;flex:1;min-height:0;margin:0}
.ml-form-fields{overflow:auto;min-height:0;flex:1;padding:0 4px 6px 0;scrollbar-gutter:stable}
.ml-panel input,.ml-panel select,.ml-panel textarea{padding:8px 10px;margin-top:5px;font-size:13px}
.ml-panel textarea{resize:vertical;min-height:65px}
.ml-panel small,.ml-hint{font-weight:400;font-size:11px;display:block;color:#64776a;line-height:1.4;margin-top:5px}
.ml-panel fieldset{border:1px solid #dce3dc;border-radius:9px;padding:7px 10px;margin:0 0 8px;min-width:0}
.ml-panel legend{font-weight:700;font-size:13px}
.ml-rating-field{display:flex;align-items:center;gap:8px;margin:0 0 10px;min-width:0}
.ml-rating-field>strong{font-size:12px}
.ml-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.ml-notes{display:flex;gap:5px;flex:1;min-width:0}
.ml-notes button{flex:1;border:1px solid #b9c9bd;border-radius:6px;padding:7px 0;font-weight:800;background:white;color:#183b32;cursor:pointer;min-height:32px}
.ml-notes button[aria-pressed=true]{background:#f7c634;border-color:#cc9c00}
.ml-notes button[data-note="0"][aria-pressed=true]{background:#a14026;color:white}
.ml-rating-field>.ml-hint{margin:6px 0}
.ml-rating-status{display:flex;align-items:center;gap:6px;justify-content:space-between}
.ml-rating-status p{font-size:11px;margin:0;line-height:1.4}
.ml-textbtn{background:none;border:0;text-decoration:underline;font-size:11px;cursor:pointer;color:#526c5d;white-space:nowrap;padding:4px}
.ml-comment-field{margin-bottom:8px}
.ml-comment-field>small{display:inline;font-size:11px;margin-left:5px}
.ml-panel .ml-comment-field textarea{height:65px}
.ml-space-choices{height:130px;overflow:auto;margin-top:7px}
.ml-space-picker{display:grid;grid-template-columns:115px minmax(0,1fr);gap:8px}
.ml-space-picker label{font-size:11px;font-weight:600}
.ml-panel .ml-space-picker select{padding:6px 7px;margin-top:3px;font-size:12px;min-width:0;height:32px}
.ml-selected-spaces{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0 0}
.ml-space-chip{display:flex;align-items:center;gap:5px;background:#e9f0e9;border-radius:6px;padding:4px 6px;max-width:100%;font-size:11px}
.ml-space-chip>span{overflow-wrap:anywhere}
.ml-space-chip button{border:0;background:transparent;color:#183b32;padding:0 3px;cursor:pointer;font-size:17px;line-height:1}
.ml-plan-details{margin-top:7px;font-size:12px;border-top:1px solid #e3e9e3;padding-top:6px}
.ml-plan-details summary{cursor:pointer;color:#526c5d}
.ml-plan-details img{display:block;width:100%;height:auto;max-height:clamp(120px,20dvh,170px);object-fit:contain;background:#f7f5ef;border-radius:6px}
.ml-plan-details a{display:block;color:#183b32;font-size:11px}
.ml-plan-details a span{display:block;text-align:right;padding-top:4px}
.ml-space-choices label{display:flex;gap:8px;padding:6px 2px;font-weight:400;font-size:12px;align-items:flex-start}
.ml-space-choices input{width:auto;margin:2px 0 0;flex-shrink:0}
.ml-spaces-field .ml-hint{margin:6px 0 0}
.ml-spaces-field>.ml-hint{display:none}
#ml-space-count{font-size:11px;color:#687a70;font-weight:400}
.ml-collection-field{display:flex!important;align-items:center;gap:12px;margin:0 0 8px;flex-shrink:0}
.ml-panel .ml-collection-field select{flex:1;width:auto;min-width:0;margin:0;padding:6px 8px;height:32px;font-size:12px}
.ml-extra-fields{font-size:12px;margin:0;padding:8px 0;border-top:1px solid #e3e9e3}
.ml-extra-fields summary{cursor:pointer;color:#526c5d}
.ml-extra-fields label{margin-top:12px}
.ml-savebar{background:#fff;padding:8px 0 0;border-top:1px solid #dce3dc;margin:0;flex-shrink:0}
.ml-savebar>span{display:block;font-size:11px;min-height:17px;margin-bottom:6px;line-height:1.4}
.ml-savebar>span:empty{display:none}
.ml-save-actions{display:flex;gap:8px}
.ml-savebar button{background:#183b32;color:white;padding:10px 12px;border:0;border-radius:8px;font-weight:700;font-size:12px;cursor:pointer;flex:1}
.ml-savebar #ml-save-next{background:#f4c438;color:#183b32;flex:1.6}
.ml-savebar button:disabled{opacity:.5;cursor:default}
#ml-error{background:#ffebe6;padding:16px;color:#882b20}
[hidden]{display:none!important}
@media(min-width:1100px){
 .ml-shell{max-width:1880px;padding:24px 28px}
 .ml-heading h1{font-size:36px;letter-spacing:-1px;margin:4px 0}
 .ml-heading p{margin:6px 0;font-size:13px}
 .ml-worknote{margin:12px 0;padding:9px 14px;line-height:1.5;font-size:12px}
 .ml-shell>.ml-worknote strong{display:inline;margin-right:8px}
 .ml-toolbar{gap:10px;margin:15px 0}
 .ml-tabs{margin:12px 0}
 .ml-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
 .ml-cardbody{padding:11px}
 .ml-cardbody h3{font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .ml-cardbody p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:11px}
}
@media(min-width:1650px){.ml-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-height:800px) and (min-width:901px){
 .ml-panel{padding:12px 16px}.ml-team .ml-panel>h2{font-size:17px;margin-bottom:7px}
 .ml-panel fieldset{padding:8px 10px;margin-bottom:9px}.ml-panel .ml-comment-field textarea{height:65px}
 .ml-space-choices{height:96px}.ml-panel .ml-comment-field{margin-bottom:9px}
}
@media(max-width:1100px){.ml-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){
 .ml-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}
 .ml-detail{grid-template-columns:minmax(0,1fr) minmax(330px,42%)}
 .ml-panel{padding:12px}.ml-team .ml-panel>h2{font-size:17px}
}
@media(max-width:680px){
 .ml-shell{padding:24px 14px}.ml-heading{display:block}.ml-heading h1{letter-spacing:-1px}
 .ml-badge{display:inline-block}.ml-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .ml-cardbody{padding:10px}.ml-cardbody h3{font-size:14px}
 .ml-detail{display:flex;flex-direction:column}
 .ml-preview{height:32%;flex-shrink:0;padding:6px;grid-template-rows:minmax(0,1fr) 24px;gap:4px}
 .ml-previewbar{font-size:10px}.ml-previewbar a{font-size:10px}
 .ml-panel{flex:1;min-height:0;padding:10px 12px}
 .ml-panel>.ml-kicker{display:none}.ml-team .ml-panel>h2{font-size:15px;margin:0 0 8px}
 .ml-toolbar label{min-width:130px}.ml-toolbar .ml-search{flex-basis:100%}
 #ml-count{width:100%;margin:8px 0}.ml-dialogbar{padding:8px 12px}
 .ml-dialogbar strong{font-size:12px}.ml-dialogbar button{padding:6px 11px}
}
