/* Iris 234: desktop-only editorial layout. Original typography, colours and assets preserved. */
@media (min-width: 1050px) and (min-height: 580px) {
  .palette-mode #app{display:grid;grid-template-columns:clamp(185px,17vw,245px) minmax(0,1fr) clamp(195px,19vw,270px);grid-template-rows:minmax(0,1fr) auto auto;column-gap:clamp(14px,2vw,35px);padding:clamp(14px,2vw,28px);max-width:none}
  .palette-mode .header{grid-column:1;grid-row:1;align-self:start;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;height:auto;gap:23px;padding:0;border:0;min-width:0}
  .palette-mode .header .brand{width:min(100%,205px);height:auto}
  .palette-mode .header #pageTitle{font-size:clamp(23px,2.4vw,36px);font-family:Georgia,serif;font-weight:normal;letter-spacing:-.9px;text-align:left;line-height:1.08;max-width:220px}
  .palette-mode .header-actions{display:flex;gap:10px;align-items:center}
  .palette-mode .applications-link{background:transparent!important;box-shadow:none!important;border:1px solid var(--line);border-radius:99px}
  .palette-mode .toolbar{grid-column:1;grid-row:1;align-self:start;display:flex;flex-direction:column;align-items:stretch;gap:22px;margin-top:clamp(178px,26vh,255px);padding:0;min-width:0}
  .palette-mode .view-tabs{display:flex;flex-direction:column;align-items:stretch;gap:3px;width:100%;overflow:visible}
  .palette-mode .view-tabs button,.palette-mode .view-tabs #atelierLink{justify-content:flex-start;min-height:38px;width:100%;padding:8px 4px;text-align:left;font-size:13px;border-bottom:1px solid transparent}
  .palette-mode .view-tabs .active{border-bottom-color:currentColor}
  .palette-mode .palette-tools{display:block;width:100%;min-height:0}
  .palette-mode .palette-tools .materials{display:none}
  .palette-mode .palette-tools .search-wrap{width:100%;border-bottom:1px solid var(--line)}
  .palette-mode main{grid-column:2 / 4;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) clamp(195px,19vw,270px);grid-template-rows:minmax(0,1fr);gap:clamp(14px,2vw,35px);overflow:hidden}
  .palette-mode .canvas-area{grid-column:1;grid-row:1;min-height:0}
  .palette-mode #mandorla{height:100%;width:100%}
  .palette-mode .selection{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:13px;border:0;padding:0;min-height:0;overflow-y:auto;scrollbar-width:thin}
  .palette-mode .selection .preview-leaf{width:clamp(55px,7vw,94px);height:clamp(88px,11vw,151px);flex:0 0 auto}
  .palette-mode .selection-text{display:block;width:100%;flex:0 0 auto}
  .palette-mode .selection-text .eyebrow{display:block}
  .palette-mode .selection h2{font:normal clamp(24px,2.4vw,35px)/1.1 Georgia,serif}
  .palette-mode .selection #selectedCode{font-size:12px;margin-top:8px}
  .palette-mode .availability{font-size:11px;line-height:1.7;margin-top:12px}
  .palette-mode .selection .expand-btn{padding:8px 0;border-bottom:1px solid var(--line)}
  .palette-mode .neutral-section{grid-column:2 / 4;grid-row:2;display:flex;height:64px;min-height:64px;gap:12px;margin:0}
  .palette-mode .strip-label{font-size:11px;max-width:110px;white-space:normal;line-height:1.3}
  .palette-mode .neutral-strip{height:55px;gap:5px;justify-content:space-between;overflow-x:auto}
  .palette-mode .neutral-strip button{flex:0 0 29px;width:29px;height:48px;padding:2px}
  .palette-mode .neutral-strip button span{clip-path:polygon(50% 0%,75% 14%,92% 32%,100% 50%,92% 68%,75% 86%,50% 100%,25% 86%,8% 68%,0% 50%,8% 32%,25% 14%)}
  .palette-mode .neutral-strip button:hover span,.palette-mode .neutral-strip button:focus-visible span{transform:scale(1.1);filter:drop-shadow(0 2px 2px #0003)}
  .palette-mode footer{grid-column:1 / -1;grid-row:3}
  .palette-mode .family-picker{grid-column:2;grid-row:2}
  .palette-mode .map-controls{right:8px;bottom:8px}
  .palette-mode .view-tabs #atelierLink span{display:none}
  .palette-mode .desktop-materials{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:8px}
  .palette-mode .desktop-materials button{display:flex;align-items:center;gap:9px;padding:9px 4px;text-align:left;font-size:12px;border-bottom:1px solid var(--line)}
  .palette-mode .desktop-materials button[aria-pressed=true]{font-weight:700}
  .palette-mode .desktop-materials svg{width:18px;height:18px;fill:none;stroke:currentColor}
  .palette-mode .shop-panel{display:flex;flex-direction:column;gap:9px;width:100%;margin-top:18px;border-top:1px solid var(--line);padding-top:18px}
  .palette-mode .shop-panel h3{font:normal 21px Georgia,serif;margin:0 0 4px}
  .palette-mode .shop-panel p{font-size:11px;line-height:1.6;opacity:.75;margin:0}
  .palette-mode .shop-panel .shop-items{font-size:11px;line-height:1.8;margin:6px 0 0;padding-left:17px}
}
@media (min-width:1050px) and (min-height:580px){
 .palette-mode .selection{justify-content:flex-start;padding-top:clamp(10px,7vh,70px)}
 .palette-mode .selection .preview-leaf{margin-bottom:2px}
 .palette-mode .selection .shop-panel{margin-top:6px;padding-top:10px;gap:5px}
 .palette-mode .selection .shop-panel h3{font-size:18px}
 .palette-mode .selection .shop-panel .shop-items{line-height:1.5;margin:0}
 .palette-mode .selection .desktop-materials{gap:1px;margin-top:0}
 .palette-mode .selection .desktop-materials button{padding:6px 2px}
}

@media (min-width:1050px) and (min-height:580px){.palette-mode .header #pageTitle{font-family:inherit;font-weight:500;font-size:clamp(23px,2.1vw,30px);letter-spacing:-.6px}.palette-mode .neutral-strip button span{clip-path:path('M9 0 Q27 24 9 48 Q-9 24 9 0 Z');width:18px;height:48px;margin:auto}.palette-mode .neutral-strip button{width:28px;flex-basis:28px;height:51px}}

/* Preserve the original compact/mobile selection: shop and duplicated material filters are desktop-only. */
@media (max-width:1049px), (max-height:579px){.palette-mode .desktop-materials,.palette-mode .shop-panel{display:none!important}}
@media (max-width:720px){.palette-mode .neutral-section{margin:4px 0 8px;min-height:70px;display:flex;flex-wrap:wrap}.palette-mode .neutral-strip{height:49px;overflow-x:auto;justify-content:flex-start;gap:6px;scrollbar-width:thin}.palette-mode .neutral-strip button{width:25px;min-width:25px;flex:0 0 25px;height:44px;padding:2px}.palette-mode .neutral-strip button span{clip-path:path('M9 0 Q27 20 9 40 Q-9 20 9 0 Z');width:18px;height:40px;margin:auto}}

/* Version publication — corrections finales du 21 octobre 2026 */
/* Le retour vers MAÏA n'est visible que pour les visites venant de ce portail (?maia=1). */
.applications-link{display:none!important}
.from-maia .applications-link{display:inline-flex!important;align-items:center;justify-content:center;width:37px!important;min-width:37px;height:37px!important;padding:8px!important;border:1px solid var(--line);border-radius:50%;background:transparent!important;box-shadow:none!important;text-decoration:none}
.from-maia .applications-link svg{width:17px;height:17px}
.iris-title-nowrap{white-space:nowrap}
/* Forme et proportions strictement partagées avec leafPath() dans app.js. */
.palette-mode .neutral-section{min-height:76px;height:76px;gap:15px;align-items:center}
.palette-mode .neutral-strip{height:72px;gap:6px;align-items:center;overflow-x:auto;justify-content:space-between;scrollbar-width:thin}
.palette-mode .neutral-strip button{position:relative;display:flex;align-items:center;justify-content:center;width:clamp(29px,2.5vw,38px);min-width:clamp(29px,2.5vw,38px);flex:0 0 clamp(29px,2.5vw,38px);height:68px;padding:2px;border:0;border-radius:2px;outline:none;transition:transform .16s ease}
.palette-mode .neutral-strip button svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 2px 3px #0001)}
.palette-mode .neutral-strip button svg path{stroke:transparent;stroke-width:.9;vector-effect:non-scaling-stroke;transition:filter .16s ease,stroke .16s ease}
.palette-mode .neutral-strip button span{display:none!important}
.palette-mode .neutral-strip button:hover,.palette-mode .neutral-strip button:focus-visible{transform:translateY(-2px) scale(1.08);z-index:2}
.palette-mode .neutral-strip button.selected svg path{stroke:var(--ink);stroke-width:1.3}
.palette-mode .neutral-strip button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.palette-mode .neutral-strip button.selected{outline:none}
@media(min-width:1050px) and (min-height:580px){
 .palette-mode #app{grid-template-columns:clamp(210px,18.5vw,290px) minmax(0,1fr) clamp(215px,19vw,270px);grid-template-rows:minmax(0,1fr) auto auto}
 .palette-mode .header #pageTitle{font:500 clamp(18px,1.72vw,25px)/1.15 'Manrope','DM Sans',sans-serif;max-width:none;white-space:nowrap;letter-spacing:-.6px}
 .palette-mode .selection{padding-top:clamp(0px,1.2vh,14px);gap:8px}
 .palette-mode .selection .preview-leaf{width:clamp(50px,4.9vw,70px);height:clamp(82px,7.9vw,113px);margin-bottom:0}
 .palette-mode .selection .desktop-materials{gap:0;margin-top:0}
 .palette-mode .selection .desktop-materials button{padding:6px 2px}
 .palette-mode .selection .shop-panel{gap:7px;margin-top:8px;padding-top:12px;border-top:1px solid var(--line)}
 .palette-mode .selection .shop-panel h3{font:500 clamp(14px,1.15vw,17px)/1.25 'Manrope','DM Sans',sans-serif;letter-spacing:-.2px;margin:0}
 .palette-mode .selection .shop-links{display:flex;flex-direction:column;gap:0;width:100%}
 .palette-mode .selection .shop-links a,.palette-mode .selection .shop-links button{display:flex;align-items:center;justify-content:space-between;gap:9px;width:100%;padding:7px 0;border-bottom:1px solid var(--line);color:inherit;font-size:11px;line-height:1.35;text-align:left;text-decoration:none;opacity:.87;background:none}
 .palette-mode .selection .shop-links a:hover,.palette-mode .selection .shop-links a:focus-visible,.palette-mode .selection .shop-links button:hover,.palette-mode .selection .shop-links button:focus-visible{opacity:1;text-decoration:underline;text-underline-offset:3px}
 .palette-mode .selection .shop-links span{font-size:14px;opacity:.7}
 .palette-mode .neutral-section{grid-column:2/4;grid-row:2;height:77px;min-height:77px}
 .palette-mode .neutral-strip{height:72px;gap:5px}
}
@media(max-width:1049px), (max-height:579px){.palette-mode .shop-panel{display:none!important}}
@media(max-width:720px){
 .palette-mode .neutral-section{display:flex;flex-wrap:wrap;align-items:start;gap:3px;height:94px;min-height:94px;margin:6px 0 5px}
 .palette-mode .neutral-section .strip-label{font-size:9px;line-height:1.2;flex:0 0 100%;white-space:normal}
 .palette-mode .neutral-strip{order:2;flex:0 0 100%;width:100%;height:69px;gap:8px;justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
 .palette-mode .neutral-strip button{min-width:32px;width:32px;flex:0 0 32px;height:60px;padding:2px}
 .palette-mode .header #pageTitle{white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){.palette-mode .neutral-strip button,.palette-mode .neutral-strip button svg path{transition:none}}

/* Compact shopping access for the public mobile version, without squeezing the colour map. */
.mobile-shop-trigger{display:none!important}
@media(max-width:1049px){
 .header-actions .mobile-shop-trigger{display:inline-flex!important;align-items:center;justify-content:center;min-width:34px;min-height:34px;width:34px;height:34px;padding:7px}
 .mobile-shop-trigger svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linejoin:round;stroke-linecap:round}
 .shop-mobile-links{display:flex;flex-direction:column;gap:0}
 .shop-mobile-links a,.shop-mobile-links button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;border-bottom:1px solid rgba(48,45,40,.15);font-size:13px;text-align:left;line-height:1.35;text-decoration:none;color:inherit;background:transparent}
 .shop-mobile-links a:hover,.shop-mobile-links a:focus-visible{text-decoration:underline}
}