/* EXPO — reprise de la coque et des mesures de LIGHT, sans altérer les outils. */
.shell{width:min(760px,100%)!important;padding-top:16px!important}
.mode-switch.light-section-switch{gap:4px!important;margin:0 0 12px!important;padding:4px!important;border:1px solid var(--bos-line)!important;border-radius:15px!important;background:#e9ecec!important;display:flex!important}
html[data-theme="dark"] .mode-switch.light-section-switch,body.dark .mode-switch.light-section-switch{background:#202527!important}
.mode-switch.light-section-switch .mode-choice{position:relative;flex:1 1 0;min-height:38px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:var(--bos-muted)!important;padding:8px 11px!important;font-size:9.5px!important;font-weight:600!important;letter-spacing:.055em!important;text-transform:uppercase!important;box-shadow:none!important}
.mode-switch.light-section-switch .mode-choice.active{background:var(--bos-panel)!important;color:var(--bos-accent)!important;box-shadow:0 2px 8px rgba(22,31,35,.08)!important}
body.bos-expo-section-technical #sharedCameraDetails{display:none!important}
/* Photo et chevron de la carte 01 : même règle LIGHT que les autres Applications. */
html.bos-expo-shell #sharedCameraDetails > summary.collapsible-heading::before{
  content:"";position:absolute!important;z-index:1!important;top:0!important;right:0!important;bottom:0!important;
  width:clamp(180px,23vw,240px)!important;background-image:url("assets/expo-camera-thumb.svg?v=2")!important;
  background-position:center!important;background-repeat:no-repeat!important;background-size:cover!important;opacity:.96!important;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.72) 15%,#000 34%,#000 100%);
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.72) 15%,#000 34%,#000 100%);
}
html.bos-expo-shell #sharedCameraDetails > summary .shared-chevron{
  right:14px!important;color:var(--bos-accent)!important;text-shadow:-.6px 0 #fff,.6px 0 #fff,0 -.6px #fff,0 .6px #fff!important
}
@media(max-width:560px){
 html.bos-expo-shell #sharedCameraDetails > summary.collapsible-heading::before{width:clamp(104px,30vw,124px)!important}
}
@media(max-width:420px){
 html.bos-expo-shell #sharedCameraDetails > summary.collapsible-heading::before{width:clamp(94px,29vw,112px)!important}
}
.bos-brand-text{gap:2px!important;align-items:flex-start!important}
.bos-header-name{display:block!important;color:var(--bos-accent)!important;font-size:10.5px!important;line-height:1!important;font-weight:500!important;letter-spacing:.01em!important}
.bos-header-app{display:block!important;margin-left:0!important;color:var(--bos-ink)!important;font-size:25px!important;line-height:.95!important;font-weight:600!important;letter-spacing:-.045em!important}
#applicationsModeBtn,#technicalModeBtn{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important}
#applicationsModeBtn::before,#technicalModeBtn::before{content:"";display:block;width:19px;height:19px;flex:0 0 19px;background-color:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}
#applicationsModeBtn::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 5.5c2.8-.9 5.7-.5 8.5 1.4v12c-2.8-1.9-5.7-2.3-8.5-1.4z'/%3E%3Cpath d='M20.5 5.5c-2.8-.9-5.7-.5-8.5 1.4v12c2.8-1.9 5.7-2.3 8.5-1.4z'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 5.5c2.8-.9 5.7-.5 8.5 1.4v12c-2.8-1.9-5.7-2.3-8.5-1.4z'/%3E%3Cpath d='M20.5 5.5c-2.8-.9-5.7-.5-8.5 1.4v12c2.8-1.9 5.7-2.3 8.5-1.4z'/%3E%3C/g%3E%3C/svg%3E")}
#technicalModeBtn::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.5h8l4 4V20.5H6z'/%3E%3Cpath d='M14 3.5v4h4'/%3E%3Cpath d='M9 12h6M9 15.5h6'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.5h8l4 4V20.5H6z'/%3E%3Cpath d='M14 3.5v4h4'/%3E%3Cpath d='M9 12h6M9 15.5h6'/%3E%3C/g%3E%3C/svg%3E")}
html.bos-expo-light-frame,html.bos-expo-light-frame body{overflow-x:hidden!important;min-width:0!important}
html.bos-expo-light-frame #mainApp{width:100%!important;max-width:none!important;min-width:0!important;padding:0!important}
html.bos-expo-light-frame .expo-light-card{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;margin:0 0 12px!important;border:1px solid var(--bos-line,#d8dcdb)!important;border-radius:var(--bos-radius,18px)!important;background:var(--bos-panel,#fff)!important;overflow:hidden!important;box-shadow:var(--bos-shadow,none)!important}
html.bos-expo-light-frame .expo-light-card > summary.card-heading.collapsible-heading{display:flex!important;align-items:center!important;gap:11px!important;position:relative!important;min-height:var(--bos-expo-card-height,76px)!important;height:var(--bos-expo-card-height,76px)!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;list-style:none!important;cursor:pointer!important;padding:15px 56px 14px 16px!important;border:0!important;overflow:hidden!important;background:transparent!important}
html.bos-expo-light-frame .expo-light-card summary::-webkit-details-marker{display:none!important}
html.bos-expo-light-frame .expo-light-card[open] > summary{border-bottom:1px solid var(--bos-line,#d8dcdb)!important}
html.bos-expo-light-frame .expo-light-card > summary .step{position:relative!important;z-index:3!important;flex:0 0 31px!important;width:31px!important;height:31px!important;min-width:31px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:var(--bos-accent-soft,#e4ebec)!important;color:var(--bos-accent,#2f5b66)!important;font-size:10px!important;font-weight:600!important;box-shadow:none!important}
html.bos-expo-light-frame .expo-light-card > summary .heading-copy{min-width:0!important;position:relative!important;z-index:3!important}
html.bos-expo-light-frame .expo-light-card > summary .heading-copy h2{margin:0!important;color:var(--bos-ink,#2b3a3d)!important;font-size:15px!important;line-height:1.12!important;font-weight:600!important;letter-spacing:-.018em!important}
html.bos-expo-light-frame .expo-light-card > summary .heading-copy p{margin:3px 0 0!important;color:var(--bos-muted,#6c7878)!important;font-size:10px!important;line-height:1.35!important;font-weight:400!important}
html.bos-expo-light-frame .expo-light-card > summary .summary-value{position:relative!important;z-index:3!important;margin-left:auto!important;min-width:0!important;color:var(--bos-accent,#2f5b66)!important;font-size:10px!important}
html.bos-expo-light-frame .expo-light-card > summary .chevron{position:absolute!important;right:14px!important;top:50%!important;transform:translateY(-50%)!important;display:grid!important;place-items:center!important;width:24px!important;height:24px!important;z-index:5!important;color:var(--bos-accent,#2f5b66)!important;text-shadow:-.6px 0 #fff,.6px 0 #fff,0 -.6px #fff,0 .6px #fff!important;font-size:18px!important;font-weight:400!important}
html.bos-expo-light-frame .expo-light-card[open] > summary .chevron{transform:translateY(-50%) rotate(180deg)!important}
html.bos-expo-light-frame .expo-light-card .expo-source-panel{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;box-sizing:border-box!important}
/* Conserver les mesures et notes dynamiques du waveform dans la fiche ouverte. */
html.bos-expo-light-frame #expoDynamicsDetails .expo-source-panel > .quick-inline-head{display:flex!important}
html.bos-expo-light-frame #expoDynamicsDetails .expo-source-panel .quick-inline-head .panel-kicker,
html.bos-expo-light-frame #expoDynamicsDetails .expo-source-panel .quick-inline-head .panel-subtitle{display:none!important}
html.bos-expo-light-frame #expoDynamicsDetails .expo-source-panel .explorer-native-note{display:block!important}
html.bos-expo-light-frame #expoCompensateDetails .expo-source-panel > .compact-section-head > div:first-child{display:none!important}
html.bos-expo-light-frame .expo-light-card .expo-source-panel > .compact-section-head{justify-content:flex-end!important;padding-bottom:0!important}
html.bos-expo-light-frame .expo-light-card:not([open]) > .expo-source-panel{display:none!important}
html.bos-expo-light-frame .expo-light-card > summary::after{content:"";position:absolute!important;right:0!important;top:0!important;bottom:0!important;width:clamp(180px,23vw,240px)!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important;pointer-events:none!important;opacity:.96!important;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.72) 15%,#000 34%,#000 100%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.72) 15%,#000 34%,#000 100%)}
html.bos-expo-light-frame #expoDynamicsDetails > summary::after{background-image:url("assets/expo-dynamique-thumb.svg?v=2")}
html.bos-expo-light-frame #expoCompensateDetails > summary::after{background-image:url("assets/expo-compenser-thumb.svg?v=2")}
html.bos-expo-light-frame #expoTriangleDetails > summary::after{background-image:url("assets/triangle-exposition.jpg")}
html.bos-expo-light-frame.bos-expo-section-technical #expoDynamicsDetails,html.bos-expo-light-frame.bos-expo-section-technical #expoCompensateDetails,html.bos-expo-light-frame.bos-expo-section-technical #exposeUnsupported{display:none!important}
html.bos-expo-light-frame.bos-expo-section-applications #expoTriangleDetails,
html.bos-expo-light-frame.bos-expo-section-applications #expoEffectsDetails,
html.bos-expo-light-frame.bos-expo-section-applications #expoNdDetails{display:none!important}
html.bos-expo-light-frame.bos-expo-section-technical #mainApp > .panel,html.bos-expo-light-frame.bos-expo-section-technical #mainApp > #exposeSupported,html.bos-expo-light-frame.bos-expo-section-technical #mainApp > .expo-quick-stack,html.bos-expo-light-frame.bos-expo-section-technical #mainApp > #expoCompensateDetails{display:none!important}
html.bos-expo-light-frame .expo-tech-visual{padding:16px 18px 18px!important;box-sizing:border-box!important}
html.bos-expo-light-frame .expo-tech-visual img{display:block;width:100%;height:auto;border-radius:12px}
@media(max-width:560px){
 .shell{padding-left:10px!important;padding-right:10px!important}
 .mode-switch.light-section-switch{border-radius:13px!important}
 .mode-switch.light-section-switch .mode-choice{font-size:9px!important;padding-left:7px!important;padding-right:7px!important}
 html.bos-expo-light-frame .expo-light-card > summary.card-heading.collapsible-heading{padding-left:12px!important;padding-right:calc(clamp(104px,30vw,124px) + 34px)!important}
 html.bos-expo-light-frame .expo-light-card > summary::after{width:clamp(104px,30vw,124px)!important}
 html.bos-expo-light-frame .expo-light-card > summary .heading-copy h2{font-size:14px!important}
 html.bos-expo-light-frame .expo-light-card > summary .summary-value{display:none!important}
 html.bos-expo-light-frame .expo-tech-visual{padding:14px 15px 16px!important}
}
@media(max-width:420px){html.bos-expo-light-frame .expo-light-card > summary.card-heading.collapsible-heading{padding-left:10px!important;padding-right:calc(clamp(94px,29vw,112px) + 32px)!important}html.bos-expo-light-frame .expo-light-card > summary::after{width:clamp(94px,29vw,112px)!important}}

/* === EXPO V4 — géométrie autoritaire, identique pour toutes les cartes ===
   Aucune hauteur de titre/sous-titre ne doit étirer une carte fermée. */
html.bos-expo-shell .shell { width:min(760px,100%)!important; max-width:760px!important }
html.bos-expo-shell #sharedCameraDetails,
html.bos-expo-light-frame .expo-light-card{
  display:block!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  border-radius:var(--bos-radius,18px)!important;
  overflow:hidden!important;box-sizing:border-box!important
}
html.bos-expo-shell #sharedCameraDetails:not([open]),
html.bos-expo-light-frame .expo-light-card:not([open]){
  height:82px!important;min-height:82px!important;max-height:82px!important;
}
html.bos-expo-shell #sharedCameraDetails > summary.shared-camera-heading,
html.bos-expo-light-frame .expo-light-card > summary.card-heading.collapsible-heading{
  display:flex!important;flex-direction:row!important;align-items:center!important;
  justify-content:flex-start!important;position:relative!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  height:82px!important;min-height:82px!important;max-height:82px!important;
  margin:0!important;gap:11px!important;column-gap:11px!important;grid-template-columns:none!important;
  padding:0 calc(clamp(180px,23vw,240px) + 39px) 0 16px!important;
  box-sizing:border-box!important;overflow:hidden!important;border:0!important;
  background:transparent!important;cursor:pointer!important
}
html.bos-expo-shell #sharedCameraDetails[open] > summary.shared-camera-heading,
html.bos-expo-light-frame .expo-light-card[open] > summary.card-heading.collapsible-heading{
  border-bottom:1px solid var(--bos-line,#d8dcdb)!important
}
html.bos-expo-shell #sharedCameraDetails > summary .step,
html.bos-expo-light-frame .expo-light-card > summary .step{
  grid-row:auto!important;grid-column:auto!important;
  position:relative!important;top:auto!important;left:auto!important;right:auto!important;
  margin:0!important;align-self:center!important;
  flex:0 0 31px!important;width:31px!important;min-width:31px!important;height:31px!important;
  display:grid!important;place-items:center!important;z-index:3!important;
}
html.bos-expo-shell #sharedCameraDetails > summary .heading-copy,
html.bos-expo-light-frame .expo-light-card > summary .heading-copy{
  grid-column:auto!important;grid-row:auto!important;
  display:block!important;flex:1 1 auto!important;min-width:0!important;
  overflow:hidden!important;position:relative!important;z-index:3!important;
  margin:0!important;padding:0!important;align-self:center!important
}
html.bos-expo-shell #sharedCameraDetails > summary .heading-copy h2,
html.bos-expo-light-frame .expo-light-card > summary .heading-copy h2{
  display:-webkit-box!important;-webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;line-clamp:2!important;
  overflow:hidden!important;text-overflow:ellipsis!important;
  max-width:100%!important;min-width:0!important;
  font:600 14px/1.17 "Instrument Sans",sans-serif!important;
  letter-spacing:-.018em!important;margin:0!important;padding:0!important;
  color:var(--bos-ink,#263b42)!important
}
html.bos-expo-shell #sharedCameraDetails > summary .heading-copy p,
html.bos-expo-light-frame .expo-light-card > summary .heading-copy p{
  display:block!important;white-space:nowrap!important;overflow:hidden!important;
  text-overflow:ellipsis!important;max-width:100%!important;
  margin:4px 0 0!important;padding:0!important;
  font:400 10px/1.35 "Instrument Sans",sans-serif!important;
  color:var(--bos-muted,#69787b)!important
}
html.bos-expo-shell #sharedCameraDetails > summary .summary-value,
html.bos-expo-light-frame .expo-light-card > summary .summary-value{
  display:none!important
}
html.bos-expo-shell #sharedCameraDetails > summary .chevron,
html.bos-expo-light-frame .expo-light-card > summary .chevron{
  display:grid!important;place-items:center!important;position:absolute!important;
  top:50%!important;bottom:auto!important;left:auto!important;right:14px!important;
  width:24px!important;height:24px!important;margin:0!important;padding:0!important;
  z-index:10!important;grid-row:auto!important;grid-column:auto!important;
  transform:translateY(-50%) rotate(0deg)!important;transform-origin:center!important;
  font:400 18px/1 "Instrument Sans",sans-serif!important;
  color:var(--bos-accent,#2f5b66)!important
}
html.bos-expo-shell #sharedCameraDetails[open] > summary .chevron,
html.bos-expo-light-frame .expo-light-card[open] > summary .chevron{
  transform:translateY(-50%) rotate(180deg)!important
}
html.bos-expo-shell #sharedCameraDetails > summary::before{
  display:block!important;left:auto!important;right:0!important;
  width:clamp(180px,23vw,240px)!important
}
html.bos-expo-light-frame .expo-light-card > summary::before{
  content:none!important;display:none!important
}
html.bos-expo-light-frame .expo-light-card > summary::after{
  content:""!important;display:block!important;
  position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;
  width:clamp(180px,23vw,240px)!important;height:auto!important;z-index:1!important;
  background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important;
  pointer-events:none!important;border-radius:0 18px 18px 0!important;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.72) 15%,#000 34%,#000 100%)!important;
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.72) 15%,#000 34%,#000 100%)!important
}
html.bos-expo-light-frame #expoDynamicsDetails > summary::after{background-image:url("assets/expo-dynamique-thumb.svg?v=2")!important}
html.bos-expo-light-frame #expoCompensateDetails > summary::after{background-image:url("assets/expo-compenser-thumb.svg?v=2")!important}
html.bos-expo-light-frame #expoTriangleDetails > summary::after{background-image:url("assets/triangle-exposition.jpg?v=2")!important}
/* Les commandes de l'outil restent dans le volet ouvert, jamais dans l'en-tête fermé. */
html.bos-expo-light-frame .expo-light-card .expo-source-panel{margin:0!important;overflow:visible!important}
html.bos-expo-light-frame .expo-light-card .expo-source-panel > .panel-collapse-content{
  display:block!important;min-width:0!important;max-width:100%!important
}
html.bos-expo-light-frame .expo-light-card .expo-source-panel .panel-collapse-content[hidden]{
  display:block!important
}
@media(max-width:560px){
 html.bos-expo-shell #sharedCameraDetails > summary.shared-camera-heading,
 html.bos-expo-light-frame .expo-light-card > summary.card-heading.collapsible-heading{
   gap:8px!important;
   padding:0 calc(clamp(104px,30vw,124px) + 30px) 0 12px!important
 }
 html.bos-expo-shell #sharedCameraDetails > summary::before,
 html.bos-expo-light-frame .expo-light-card > summary::after{
   width:clamp(104px,30vw,124px)!important;border-radius:0 16px 16px 0!important
 }
 html.bos-expo-shell #sharedCameraDetails > summary .heading-copy h2,
 html.bos-expo-light-frame .expo-light-card > summary .heading-copy h2{
   font-size:12px!important;-webkit-line-clamp:3!important;line-clamp:3!important
 }
 html.bos-expo-shell #sharedCameraDetails > summary .heading-copy p,
 html.bos-expo-light-frame .expo-light-card > summary .heading-copy p{font-size:9px!important}
 html.bos-expo-shell #sharedCameraDetails > summary .chevron,
 html.bos-expo-light-frame .expo-light-card > summary .chevron{right:12px!important}
}
@media(max-width:420px){
 html.bos-expo-shell #sharedCameraDetails > summary.shared-camera-heading,
 html.bos-expo-light-frame .expo-light-card > summary.card-heading.collapsible-heading{
  padding-left:10px!important;padding-right:calc(clamp(94px,29vw,112px) + 30px)!important
 }
 html.bos-expo-shell #sharedCameraDetails > summary::before,
 html.bos-expo-light-frame .expo-light-card > summary::after{width:clamp(94px,29vw,112px)!important}
}

/* Vignettes originales : épaisseur, taille et contraste uniformes. */
html.bos-expo-shell #sharedCameraDetails > summary::before{
  background-image:url("assets/expo-camera-thumb.svg?v=2")!important
}
html.bos-expo-light-frame #expoDynamicsDetails > summary::after,
html.bos-expo-light-frame #expoCompensateDetails > summary::after{
  opacity:.92!important;background-color:#faf9f4!important
}
/* Dans EXPO, l'ancienne présentation repliée ne pilote plus la taille des cartes. */
html.bos-expo-light-frame #expoDynamicsDetails,
html.bos-expo-light-frame #expoCompensateDetails,
html.bos-expo-light-frame #expoTriangleDetails,
html.bos-expo-light-frame #expoEffectsDetails,
html.bos-expo-light-frame #expoNdDetails{
  break-inside:avoid;width:100%!important;min-width:0!important
}

/* ALIGNEMENT HAUTEUR LIGHT — correction du 82px arbitraire.
   LIGHT: la tête Applications prend sa hauteur sur .card-heading
   (padding 15px 16px 14px, un titre et un sous-titre).
   Référence repliée ~64px extérieur, ~62px intérieur, sans agrandissement. */
html.bos-expo-shell #sharedCameraDetails:not([open]),
html.bos-expo-light-frame .expo-light-card:not([open]){
  height:64px!important;
  min-height:64px!important;
  max-height:64px!important;
}
html.bos-expo-shell #sharedCameraDetails > summary.shared-camera-heading,
html.bos-expo-light-frame .expo-light-card > summary.card-heading.collapsible-heading{
  height:62px!important;
  min-height:62px!important;
  max-height:62px!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
html.bos-expo-shell #sharedCameraDetails > summary .heading-copy,
html.bos-expo-light-frame .expo-light-card > summary .heading-copy{
  line-height:1!important;
}
html.bos-expo-shell #sharedCameraDetails > summary .heading-copy p,
html.bos-expo-light-frame .expo-light-card > summary .heading-copy p{
  margin-top:2px!important;
}
@media(max-width:560px){
  html.bos-expo-shell #sharedCameraDetails > summary .heading-copy h2,
  html.bos-expo-light-frame .expo-light-card > summary .heading-copy h2{
    font-size:12px!important;
    line-height:1.1!important;
    -webkit-line-clamp:2!important;
    line-clamp:2!important;
  }
  html.bos-expo-shell #sharedCameraDetails > summary .heading-copy p,
  html.bos-expo-light-frame .expo-light-card > summary .heading-copy p{
    font-size:9px!important;
    line-height:1.2!important;
  }
}

/* EXPO V4.1 — alignement structurel du conteneur sur LIGHT.
   LIGHT charge light-mobile-width-fix.css après light-design.css. */
html.bos-expo-shell,
html.bos-expo-shell body{
  width:100%;
  max-width:100%;
  min-width:0;
  margin:0;
  overflow-x:hidden;
}
html.bos-expo-shell{scrollbar-gutter:stable}
html.bos-expo-shell .shell{
  width:100%!important;
  max-width:760px!important;
  min-width:0!important;
  box-sizing:border-box!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
html.bos-expo-shell .continuous-tools,
html.bos-expo-shell .tool-frame,
html.bos-expo-shell .mode-switch.light-section-switch,
html.bos-expo-shell .topbar,
html.bos-expo-shell .project-contact,
html.bos-expo-shell .feedback-contact,
html.bos-expo-shell .footer{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
/* Dans Fiches techniques, ne jamais afficher la carte Réglages caméra.
   Spécificité supérieure à l'ancien "display:block!important". */
html.bos-expo-shell body.bos-expo-section-technical #sharedCameraDetails,
html.bos-expo-shell body.bos-expo-section-technical #sharedCameraDetails:not([open]),
html.bos-expo-shell body.bos-expo-section-technical details#sharedCameraDetails{
  display:none!important;
}
@media(max-width:520px){
  html.bos-expo-shell .shell{
    padding-left:max(9px,env(safe-area-inset-left))!important;
    padding-right:max(9px,env(safe-area-inset-right))!important;
  }
}
@supports (overflow:clip){
  html.bos-expo-shell,
  html.bos-expo-shell body,
  html.bos-expo-shell .shell,
  html.bos-expo-shell .continuous-tools{overflow-x:clip}
}

/* 03 — FILTRE ND : reprend exactement la géométrie des autres fiches. */
html.bos-expo-light-frame #expoNdDetails > summary::after{
  background-image:url("assets/fiche-filtres-nd.jpg?v=1")!important;
  background-position:83% 32%!important;
  background-color:#faf8f1!important;
}
html.bos-expo-light-frame #expoNdDetails .expo-tech-visual{
  padding:16px 18px 18px!important;
}
html.bos-expo-light-frame #expoNdDetails .expo-tech-visual img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:1448 / 1086;
  object-fit:contain;
  border-radius:12px!important;
  background:#faf8f1!important;
}
@media(max-width:560px){
  html.bos-expo-light-frame #expoNdDetails .expo-tech-visual{padding:14px 12px 15px!important}
}

/* 02 — EFFETS DES RÉGLAGES : la fiche attend un JPG ajouté par l'utilisateur.
   Pas d'image cassée affichée tant que assets/effets-des-reglages.jpg est absent. */
html.bos-expo-light-frame #expoEffectsDetails > summary::after {
  background-image:
    url("assets/effets-des-reglages.jpg"),
    linear-gradient(115deg,#faf8f1,#ece9df) !important;
  background-position:center,center !important;
  background-size:cover,cover !important;
  background-color:#faf8f1 !important;
}
html.bos-expo-light-frame #expoEffectsDetails .expo-tech-visual {
  padding:16px 18px 18px!important;
  box-sizing:border-box!important;
}
html.bos-expo-light-frame #expoEffectsDetails .expo-tech-visual img {
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  border-radius:12px!important;
  background:#faf8f1!important;
}
html.bos-expo-light-frame #expoEffectsDetails .expo-tech-image-pending {
  display:block;
  text-align:center;
  font-size:12px;
  line-height:1.6;
  color:var(--bos-muted,#69787b);
  background:#faf8f1;
  border:1px dashed var(--bos-line,#d8dcdb);
  border-radius:12px;
  padding:34px 16px;
  margin:0;
  overflow-wrap:anywhere;
}
html.bos-expo-light-frame #expoEffectsDetails .expo-tech-image-pending[hidden] {
  display:none!important;
}
@media(max-width:560px){
  html.bos-expo-light-frame #expoEffectsDetails .expo-tech-visual{padding:14px 12px 15px!important}
}

/* Vignettes dédiées aux fiches techniques.
   Elles restent indépendantes des JPG remplaçables affichés à l'ouverture.
   Dessins simples : triangle / flou-PDC-bruit / densités de filtres ND. */
html.bos-expo-light-frame #expoTriangleDetails > summary::after {
  background-image:url("assets/expo-tech-triangle-thumb.jpg?v=1")!important;
  background-color:#faf8f1!important;
  background-position:center!important;
  background-size:cover!important;
}
html.bos-expo-light-frame #expoEffectsDetails > summary::after {
  background-image:url("assets/expo-tech-effects-thumb.jpg?v=1")!important;
  background-color:#faf8f1!important;
  background-position:center!important;
  background-size:cover!important;
}
html.bos-expo-light-frame #expoNdDetails > summary::after {
  background-image:url("assets/expo-tech-nd-thumb.jpg?v=1")!important;
  background-color:#faf8f1!important;
  background-position:center!important;
  background-size:cover!important;
}