/* MA Couleur — contextual project collection, mouse and touch. */
.quick-add-trigger{
 display:inline-flex;align-items:center;justify-content:center;gap:7px;
 width:100%;max-width:220px;min-height:37px;
 padding:8px 11px;margin:9px 0 0;
 border:1px solid var(--line);border-radius:4px;
 color:var(--ink);background:color-mix(in srgb,var(--color) 87%,white 13%);
 font:600 11px/1.2 'DM Sans',Arial,sans-serif;text-align:center;
 transition:background-color .13s ease;
}
.quick-add-trigger svg{height:16px;width:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.quick-add-trigger:hover,.quick-add-trigger:focus-visible{border-color:currentColor;background:color-mix(in srgb,var(--color) 73%,white 27%)}
#quickAddDialog{
 position:fixed;inset:0;margin:auto;
 width:calc(100% - 30px);max-width:445px;max-height:calc(100dvh - 28px);
 padding:30px 31px;background:#f9f7f1;color:#302d28;color-scheme:light;
 border:0;border-radius:7px;overflow-y:auto;
 box-shadow:0 12px 75px #0004;font-family:'DM Sans',Arial,sans-serif;
}
#quickAddDialog::backdrop{background:rgba(23,20,18,.47);backdrop-filter:blur(4px)}
#quickAddDialog .eyebrow{font-size:9px;margin:0 38px 10px 0;letter-spacing:1.8px;color:#756d63}
#quickAddDialog h2{font:500 27px/1.2 'Manrope','DM Sans',sans-serif;letter-spacing:-.9px;margin:0 30px 19px 0;color:#302d28}
.quick-add-close{
 position:absolute;right:15px;top:14px;width:32px;height:32px;
 display:grid;place-items:center;border:0;border-radius:50%;font-size:25px;color:#302d28;background:transparent;
}
.quick-add-close:hover{background:#eee8de}
.quick-add-color{display:flex;align-items:center;gap:16px;min-height:96px;padding:14px;margin:0 0 23px;background:#ede8dd;border-radius:4px}
.quick-add-swatch{height:77px;width:48px;flex:none;clip-path:polygon(50% 0%,73% 15%,92% 32%,100% 50%,92% 68%,73% 85%,50% 100%,27% 85%,8% 68%,0% 50%,8% 32%,27% 15%)}
.quick-add-color-info{display:flex;flex-direction:column;gap:4px;min-width:0}
.quick-add-color-info strong{font-size:15px;line-height:1.2;overflow-wrap:anywhere}
.quick-add-color-info span{display:block;font-size:11px;color:#756d63;line-height:1.3}
#quickAddForm label{font-size:11px;font-weight:600;display:block;margin:10px 0 7px}
#quickAddForm select,#quickAddForm input{
 display:block;width:100%;min-height:43px;border:1px solid #cfc8bd;
 background:#fff;color:#302d28;border-radius:3px;padding:10px 12px;
 font:400 12px/1.4 'DM Sans',Arial,sans-serif;
}
#quickAddForm select:focus-visible,#quickAddForm input:focus-visible{outline:2px solid #7d755e}
.quick-add-new-fields{padding:9px 0 0}
.quick-add-help{color:#736e65;font-size:10px;line-height:1.6;margin:14px 0 16px}
.quick-add-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:18px}
.quick-add-cancel{min-height:38px;padding:9px 12px;border:1px solid #c7c0b5;background:transparent;border-radius:3px;color:#403b35;font-size:11px}
.quick-add-submit{min-height:38px;padding:9px 17px;border:1px solid #33332d;background:#33332d;color:#fff;border-radius:3px;font:600 11px/1.3 'DM Sans',sans-serif}
.quick-add-submit:hover{background:#55544b}
.quick-add-open-space{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:15px 0 0;margin:19px 0 0;border-top:1px solid #ded6ca;font-size:11px;text-decoration:none;color:#514c42}
.quick-add-open-space:hover{text-decoration:underline;text-underline-offset:4px}
.quick-add-open-space span{font-size:15px}
.quick-add-toast{
 position:fixed;z-index:1200;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);
 max-width:min(450px,calc(100% - 32px));padding:12px 17px;color:#fff;background:#393a31;
 border-radius:4px;box-shadow:0 10px 34px #0003;font:500 12px/1.4 'DM Sans',sans-serif;text-align:center;
}
@media(min-width:1050px) and (min-height:580px){
 .palette-mode .selection .quick-add-trigger{max-width:100%;margin:0 0 9px;min-height:34px}
}
@media(max-width:1049px){
 .palette-mode .selection .quick-add-trigger{flex:0 0 auto;width:auto;max-width:34px;height:34px;min-height:34px;margin:0 3px 0 0;padding:6px;border-radius:50%;background:transparent}
 .palette-mode .selection .quick-add-trigger svg{height:21px;width:21px}
 .palette-mode .selection .quick-add-trigger span{display:none}
}
@media(max-width:720px){
 .palette-mode .selection .quick-add-trigger{flex:0 0 31px;max-width:31px;height:32px;min-height:32px;padding:5px;margin:0}
 #quickAddDialog{padding:24px 19px;max-height:calc(100dvh - 24px)}
 #quickAddDialog h2{font-size:23px}
 .quick-add-actions>*{flex:1}
}
@media(prefers-reduced-motion:reduce){.quick-add-trigger{transition:none}}

/* Autumn harmonies have their own selected-colour panel. */
.autumn-quick-add{
 pointer-events:auto;display:inline-flex;align-items:center;gap:7px;
 margin:8px 0 0;padding:7px 11px;min-height:30px;max-width:100%;
 border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--ink);
 font:600 10px/1.2 'DM Sans',Arial,sans-serif;
}
.autumn-quick-add:hover,.autumn-quick-add:focus-visible{border-color:currentColor;background:color-mix(in srgb,var(--color) 75%,white 25%)}
.autumn-quick-add svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:720px){
 .autumn-quick-add{min-height:26px;padding:5px 9px;margin-top:4px;font-size:9px}
 .autumn-quick-add svg{width:14px;height:14px}
}


/* Mobile : même langage discret que les contrôles zoom / plein écran.
   Le libellé reste visible et la cible tactile conserve 40 px. */
.quick-add-trigger .quick-add-short{display:none}
@media(max-width:1049px){
 .palette-mode .selection .quick-add-trigger{
  flex:0 0 auto;
  width:85px;min-width:85px;max-width:85px;
  height:40px;min-height:40px;
  margin:0;padding:5px 3px;
  gap:5px;
  border:0;border-radius:0;
  background:transparent;
  color:var(--ink);
  box-shadow:none;
  opacity:.82;
  font:500 10.5px/1.15 'DM Sans',Arial,sans-serif;
  text-align:center;
 }
 .palette-mode .selection .quick-add-trigger svg{
  width:17px;height:17px;flex:none;
  stroke-width:1.35;
 }
 .palette-mode .selection .quick-add-trigger .quick-add-long{display:none}
 .palette-mode .selection .quick-add-trigger .quick-add-short{display:inline;white-space:nowrap}
 .palette-mode .selection .quick-add-trigger:hover,
 .palette-mode .selection .quick-add-trigger:focus-visible{
  border:0;background:transparent;opacity:1;
 }
}
@media(max-width:720px){
 .palette-mode .selection .quick-add-trigger{
  flex:0 0 82px;width:82px;min-width:82px;max-width:82px;
  height:40px;min-height:40px;
  margin:0;padding:4px 3px;
  gap:4px;font-size:10.5px;
 }
}
@media(max-width:359px){
 .palette-mode .selection .quick-add-trigger{
  flex-basis:69px;width:69px;min-width:69px;max-width:69px;
  gap:3px;font-size:9.5px;
 }
 .palette-mode .selection .quick-add-trigger svg{width:15px;height:15px}
}