/* V48 : présentation compacte, couleurs existantes conservées. */
#app.ljo-shell>main:has(>#view-publish.active){padding-top:0!important}
#view-publish .xp-publish-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:66px;margin:0 -56px 16px;padding:13px 56px;background:linear-gradient(90deg,#f2eafaad,#f7f3fb70);backdrop-filter:blur(10px)}
#view-publish .xp-publish-heading h1{font-size:25px!important;letter-spacing:-.65px!important;margin:0!important;white-space:nowrap;line-height:1.25}
#view-publish .xp-publish-heading .xp-publish-steps{flex:0 1 660px;margin:0;max-width:660px;gap:0;scroll-margin-top:178px}
#view-publish .xp-publish-heading .xp-publish-steps button{gap:8px;padding:0;flex:1;white-space:nowrap}
#view-publish .xp-publish-heading .xp-publish-steps button+button:before{width:22px;margin-right:10px}
#view-publish .xp-publish-heading .xp-publish-steps b{font-size:15px}
#view-publish .xp-publish-layout{gap:22px;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}
#view-publish .xp-publish-form{padding:20px 22px;border-radius:16px}
#view-publish .xp-panel-title{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:0 0 14px}
#view-publish .xp-panel-title>small{display:none}
#view-publish .xp-panel-title h2{font-size:22px!important;margin:0!important;line-height:1.3}
#view-publish .xp-resume{margin:0;padding:0;gap:12px;background:none;border:0;border-radius:0;flex-wrap:wrap}
#view-publish .xp-resume button{border:0;background:none;padding:3px 0;font-size:15px;white-space:nowrap}
#view-publish #publishDiscard{font-size:15px;color:#82718c}
#view-publish .xp-publish-modes{margin-bottom:14px;gap:7px}
#view-publish .xp-publish-modes button{font-size:15px;padding:7px 11px}
#view-publish .xp-publish-form .field{margin:0 0 12px;gap:0}
#view-publish .xp-publish-form .field label{font-size:15px;margin:0 0 6px;line-height:1.4}
#view-publish .xp-publish-form .category-selects{margin:0}
#view-publish .xp-publish-form :is(input:not([type=checkbox]):not([type=file]),select,textarea){min-height:39px;padding:9px 12px;font-size:15px}
#view-publish .xp-publish-form textarea{min-height:74px;height:74px}
#view-publish .v102-photo-field{position:relative;padding:12px 14px;min-height:44px;background:#fcf9fe;border-radius:10px;cursor:pointer}
#view-publish .v102-photo-field>label{display:flex;align-items:center;gap:9px;margin:0;font-weight:500;cursor:pointer;pointer-events:none}
#view-publish .v102-photo-field>label svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;flex-shrink:0}
#view-publish #reqPhotos{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;padding:0}
#view-publish .v102-photo-field>.field-help{display:none}
#view-publish .v102-photo-field:focus-within{outline:2px solid #bb94d1;outline-offset:3px}
#view-publish #reqPhotosPreview:empty{display:none}
#view-publish #reqPhotosPreview:not(:empty){padding-top:12px;pointer-events:none}
#view-publish .xp-practical{padding:0;margin:0;border-radius:9px;background:#fcf9fd}
#view-publish .xp-practical summary{display:flex;align-items:center;gap:8px;min-height:39px;padding:10px 13px;list-style:none;font-size:15px;font-weight:550;color:#8e70a0;cursor:pointer}
#view-publish .xp-practical summary::-webkit-details-marker{display:none}
#view-publish .xp-practical summary small{font-weight:400;font-size:15px;color:#82708b}
#view-publish .xp-practical summary>span{margin-left:auto;font-size:20px;line-height:1}
#view-publish .xp-practical[open] summary>span{transform:rotate(180deg)}
#view-publish .xp-practical>.two-col{padding:7px 13px 2px}
#view-publish .xp-publish-actions{padding-top:13px;margin-top:13px;gap:12px}
#view-publish .xp-publish-actions .xp-primary{padding:10px 17px;font-size:15px}
#view-publish .xp-publish-actions .xp-draft-status{flex:0 1 auto;font-size:15px;white-space:normal;max-width:210px;text-align:right}
#view-publish .xp-publish-preview{top:178px}
#view-publish .xp-preview-frame{padding:19px;border:1px solid #e8deef;border-radius:16px;background:#fff;box-shadow:0 5px 18px #56376b04}
#view-publish .xp-preview-heading{margin:0 0 16px;gap:15px}
#view-publish .xp-preview-heading>strong{font-size:22px;font-weight:650;letter-spacing:-.35px;color:#49325b}
#view-publish .xp-preview-heading>span{font-size:15px;white-space:nowrap}
#view-publish .xp-preview-heading>span:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#ad85c7;margin-right:7px;box-shadow:0 0 0 3px #f1e8f8}
#view-publish .xp-preview-card{padding:20px;border-radius:12px;box-shadow:none}
#view-publish .xp-preview-card h3{font-size:22px;margin:10px 0 14px}
#view-publish .xp-preview-card>p{margin:17px 0;font-size:15px}
#view-publish .xp-preview-tips{padding:17px 9px}
#view-publish .xp-preview-tips span{font-size:15px}
#view-publish .xp-preview-tips p{font-size:15px;margin:8px 0 0;line-height:1.6;font-style:italic}
/* Listes réutilisant les champs et leurs événements, ancrées sous le contrôle. */
.ljo-select-menu{position:fixed;inset:auto;margin:0;padding:5px;box-sizing:border-box;border:1px solid #d9c4e6;border-radius:10px;background:#fff;color:#624d73;box-shadow:0 10px 28px #50346620;z-index:2147483000;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;font:inherit;font-size:15px;max-width:calc(100vw - 20px);outline:none}
.ljo-select-menu[hidden]{display:none!important}
.ljo-select-menu [role=option]{padding:10px 12px;border-radius:6px;min-height:36px;box-sizing:border-box;cursor:pointer;line-height:1.4;overflow-wrap:anywhere}
.ljo-select-menu [role=option][aria-selected=true]{background:#f0e7f7;color:#7541a6;font-weight:600}
.ljo-select-menu [role=option].is-active{background:#f5eff9;box-shadow:inset 0 0 0 1px #cbb0dc}
.ljo-select-menu [role=option][aria-disabled=true]{color:#7b7380;cursor:default;opacity:.65}
.ljo-select-menu .ljo-option-group{font-size:15px;font-weight:600;color:#9473a7;padding:8px 12px 4px}
@media(max-width:1199px){
 #view-publish .xp-publish-heading{margin-inline:-28px;padding-inline:28px;gap:12px;flex-wrap:wrap}
 #view-publish .xp-publish-heading h1{font-size:24px!important}
 #view-publish .xp-publish-heading .xp-publish-steps{flex:1 1 550px;max-width:660px}
 #view-publish .xp-publish-form{padding:19px 20px}
 #view-publish .xp-publish-layout{gap:18px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
 #view-publish .xp-preview-frame{padding:16px}
 #view-publish .xp-preview-heading>strong{font-size:20px}
}
@media(max-width:899px){
 #view-publish .xp-publish-heading{margin-inline:-20px;padding:15px 20px 17px;gap:14px}
 #view-publish .xp-publish-heading h1{font-size:25px!important;white-space:normal}
 #view-publish .xp-publish-heading .xp-publish-steps{flex:1 1 100%;max-width:none}
 #view-publish .xp-publish-heading .xp-publish-steps button{min-width:0;white-space:normal}
 #view-publish .xp-publish-heading .xp-publish-steps button+button:before{width:15px;margin-right:5px}
 #view-publish .xp-publish-layout{grid-template-columns:1fr;gap:20px}
 #view-publish .xp-publish-preview{position:static}
 #view-publish .xp-publish-actions .xp-draft-status{max-width:160px;font-size:15px}
}
@media(max-width:649px){
 #view-publish .xp-publish-heading .xp-publish-steps{gap:9px}
 #view-publish .xp-publish-heading .xp-publish-steps button{flex-direction:row;gap:7px;align-items:center;text-align:left}
 #view-publish .xp-publish-heading .xp-publish-steps button+button:before{display:none}
 #view-publish .xp-publish-heading .xp-publish-steps b{font-size:15px;line-height:1.4}
 #view-publish .xp-publish-heading .xp-publish-steps span{width:24px;height:24px;font-size:15px}
 #view-publish .xp-publish-heading .xp-publish-steps button[aria-current=step] span{box-shadow:0 0 0 3px #f0e7f6}
 #view-publish .xp-publish-form{padding:18px 16px}
 #view-publish .xp-panel-title h2{font-size:22px!important}
 #view-publish .xp-publish-modes button{font-size:15px;padding:7px 9px}
 #view-publish .xp-publish-actions{flex-wrap:wrap;gap:8px}
 #view-publish .xp-publish-actions .xp-draft-status{order:5;flex-basis:100%;max-width:none;text-align:left}
 #view-publish .xp-publish-actions .xp-draft-status:empty{display:none}
 #view-publish .xp-publish-actions .xp-primary{font-size:15px;padding:10px 13px}
}
@media(max-width:380px){#view-publish .xp-publish-heading{margin-inline:-14px;padding-inline:14px}#view-publish .xp-publish-heading h1{font-size:24px!important}#view-publish .xp-publish-heading .xp-publish-steps{gap:6px}#view-publish .xp-publish-heading .xp-publish-steps b{font-size:15px}#view-publish .xp-publish-form{padding-inline:14px}}
