/* GÉNÉRÉ par scripts/plan-ui-css.py depuis Refontes/design_handoff_plan_batch/plan-batch.html :
   ne pas modifier à la main. « Mettre ce plan dans ta semaine » (12/10/2026), classes pb-. */
.pb-scrim,.pb-dg{--card:#fff;--cream:#FFF8EA;--cream2:#FCEFD9;--ink:#2A211B;--ink2:#6A5C4C;--muted:#9C8B79;--line:#EEDFC2;--line2:#E6D3AE;
  --orange:#F0682F;--orange-d:#DA541E;--orange-bg:#FCE3D8;--green:#33A15B;--green-d:#2C8B4E;--green-bg:#E6F3E9;--sun:#FFC53D;--sun-bg:#FFF1D2;--blue:#2F7E96;--blue-bg:#E3EEF2;--dark:#33261B;
  --fd:"Bricolage Grotesque",system-ui,sans-serif;--fb:"Hanken Grotesk",system-ui,sans-serif;--fh:"Caveat",cursive;--spring:cubic-bezier(.3,1.35,.45,1)}
.pb-scrim *,.pb-scrim *::before,.pb-scrim *::after{box-sizing:border-box}
.pb-scrim [hidden]{display:none!important}
.pb-scrim a{color:var(--orange-d)}
.pb-scrim a:hover{color:var(--orange)}
.pb-scrim button{font:inherit;color:inherit;cursor:pointer}
.pb-scrim p{margin:0}
.pb-scrim{position:fixed;inset:0;z-index:420;display:grid;place-items:center;padding:20px;background:rgba(51,38,27,.34)}
.pb-bm{position:relative;width:min(760px,100%);max-height:calc(100vh - 40px);display:flex;flex-direction:column;border-radius:30px;background:#fff;border:2px solid var(--ink);box-shadow:0 7px 0 var(--ink),0 40px 80px -30px rgba(60,30,10,.55);overflow:hidden}
.pb-body{display:flex;flex-direction:column;min-height:0;flex:1}
.pb-bh{flex:none;display:flex;align-items:center;gap:16px;padding:20px 20px 16px;border-bottom:1.5px solid var(--line);background:linear-gradient(#FFF8EA,#fff)}
.pb-stack{flex:none;position:relative;width:96px;height:64px}
.pb-stack span{position:absolute;top:8px;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--t);border:2px solid var(--ink);transform:rotate(var(--r));box-shadow:0 3px 0 var(--ink)}
.pb-stack span svg{width:34px;height:34px}
.pb-stack span:nth-child(1){left:0;z-index:5}
.pb-stack span:nth-child(2){left:12px;top:2px;z-index:4}
.pb-stack span:nth-child(3){left:25px;top:10px;z-index:3}
.pb-stack span:nth-child(4){left:38px;top:3px;z-index:2}
.pb-stack span:nth-child(5){left:50px;top:9px;z-index:1}
.pb-bt{flex:1;min-width:0}
.pb-hand{display:block;font:700 21px/1 var(--fh);color:var(--orange-d);transform:rotate(-1.5deg);transform-origin:left}
.pb-bh h2{margin:3px 0 0;font:800 24px/1.1 var(--fd);letter-spacing:-.02em}
.pb-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.pb-meta span{padding:3px 10px;border-radius:999px;background:#fff;border:1.5px solid var(--line);font:700 12.5px var(--fb);color:var(--ink2)}
.pb-x{flex:none;align-self:flex-start;width:44px;height:44px;border:0;border-radius:50%;background:var(--cream2);display:grid;place-items:center;color:var(--ink2);transition:transform .35s var(--spring)}
.pb-x:hover{transform:rotate(90deg);color:var(--ink)}
.pb-bs{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;padding:16px 20px 18px}
.pb-sl{display:flex;align-items:baseline;gap:10px;margin:18px 0 8px;font:800 11.5px var(--fb);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.pb-sl .pb-hint{font:600 12.5px var(--fb);letter-spacing:0;text-transform:none}
.pb-pk{position:relative;display:flex;align-items:center;gap:10px}
.pb-pk .pb-lb{font:800 11.5px var(--fb);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.pb-pk-b{display:flex;align-items:center;gap:10px;min-height:48px;max-width:100%;padding:5px 12px 5px 6px;border-radius:16px;border:1.5px solid var(--line2);background:#fff;text-align:left;transition:border-color .2s,box-shadow .2s}
.pb-pk-b:hover,.pb-pk-b[aria-expanded="true"]{border-color:var(--ink);box-shadow:0 3px 0 var(--ink)}
.pb-pk-i{flex:none;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--orange-bg);color:var(--orange-d)}
.pb-pk-t{min-width:0}
.pb-pk-t b{display:block;font:800 15px/1.15 var(--fd)}
.pb-pk-t small{display:block;font:600 12px var(--fb);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb-pk-c{flex:none;color:var(--ink2);rotate:90deg;transition:rotate .35s var(--spring)}
.pb-pk-b[aria-expanded="true"] .pb-pk-c{rotate:-90deg}
.pb-pk-l{position:absolute;z-index:6;top:calc(100% + 8px);left:46px;width:min(360px,calc(100% - 46px));padding:6px;border-radius:20px;background:#fff;border:2px solid var(--ink);box-shadow:0 5px 0 var(--ink),0 24px 40px -18px rgba(60,30,10,.45);transform-origin:20% 0}
.pb-pk-l button{display:flex;align-items:center;gap:10px;width:100%;min-height:54px;padding:6px 8px;border:0;border-radius:14px;background:none;text-align:left}
.pb-pk-l button:hover,.pb-pk-l button:focus-visible{background:var(--cream)}
.pb-pk-l button[aria-selected="true"]{background:var(--orange-bg)}
.pb-pk-l .pb-ok{margin-left:auto;color:var(--orange-d)}
.pb-pk-l .pb-nw{margin-top:4px;border-top:1.5px dashed var(--line)!important;border-radius:0 0 14px 14px}
.pb-pk-l .pb-nw .pb-pk-i{background:var(--green-bg);color:var(--green-d)}
.pb-wks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.pb-wk{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:96px;padding:11px 12px;border-radius:18px;border:1.5px solid var(--line2);background:#fff;text-align:left;transition:transform .35s var(--spring),border-color .2s,box-shadow .2s,background .2s}
.pb-wk:hover{transform:translateY(-2px);border-color:var(--ink2)}
.pb-wk b{font:800 14.5px/1.15 var(--fd)}
.pb-wk small{font:600 12.5px var(--fb);color:var(--ink2)}
.pb-wk .pb-dots{display:flex;gap:3px;margin-top:auto;padding-top:8px}
.pb-wk .pb-tg{margin-top:6px}
.pb-wk .pb-dots i{width:9px;height:9px;border-radius:3px;border:1.5px dashed var(--line2)}
.pb-wk.pb-busy .pb-dots i{background:var(--cream2);border:1.5px solid var(--line2)}
.pb-wk .pb-tg{padding:2px 8px;border-radius:999px;background:var(--green-bg);color:var(--green-d);font:800 11px var(--fd)}
.pb-wk.pb-busy .pb-tg{background:var(--sun-bg);color:#8A5A00}
.pb-wk[aria-checked="true"]{border:2px solid var(--ink);background:var(--orange-bg);box-shadow:0 4px 0 var(--ink);transform:translateY(-2px);padding:10.5px 11.5px}
.pb-wk[aria-checked="true"] .pb-dots i{border-color:#F3B49A}
.pb-wk[aria-checked="true"].pb-busy .pb-dots i{background:#F7C9B4;border-color:#F3B49A}
.pb-note{display:flex;gap:9px;align-items:flex-start;margin-top:10px;padding:10px 12px;border-radius:14px;background:var(--sun-bg);font-size:13.5px;line-height:1.45;color:#6B4A0E}
.pb-note svg{flex:none;margin-top:2px}
.pb-note b{color:var(--ink)}
.pb-rbw{margin-top:14px;padding:12px 12px 10px;border-radius:20px;background:var(--cream)}
.pb-rb{display:grid;grid-template-columns:22px 64px repeat(7,minmax(0,1fr));grid-template-rows:auto 44px 44px;gap:5px}
.pb-rl{display:grid;place-items:center;color:var(--muted)}
.pb-ss-h{align-self:end;text-align:center;font:800 10px var(--fb);letter-spacing:.08em;text-transform:uppercase;color:var(--orange-d)}
.pb-dh{display:flex;flex-direction:column;align-items:center;font:600 11.5px var(--fb);color:var(--muted)}
.pb-dh b{font:800 13px var(--fd);color:var(--ink)}
.pb-ss{grid-row:2/4;grid-column:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;margin-right:6px;padding:6px 4px;border-radius:14px;background:#fff;border:2px dashed var(--orange);text-align:center}
.pb-ss .pb-pot{width:30px;height:30px;animation:pb-simmer 2.4s ease-in-out infinite}
.pb-ss .pb-pot svg{width:100%;height:100%}
@keyframes pb-simmer{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg) translateY(-2px)}}
.pb-ss b{font:800 12.5px/1.1 var(--fd)}
.pb-ss small{font:600 10.5px/1.15 var(--fb);color:var(--muted)}
.pb-cell{display:grid;place-items:center;border-radius:12px;transition:transform .35s var(--spring),box-shadow .2s}
.pb-cell.pb-free{border:1.5px dashed var(--line2);background:rgba(255,255,255,.5)}
.pb-cell.pb-kept{background:#EFE4CF;position:relative}
.pb-cell.pb-kept::after{content:"";width:40%;height:3px;border-radius:2px;background:#DCCDB0}
.pb-cell.pb-pl{background:var(--t);border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink)}
.pb-cell.pb-pl svg{width:30px;height:30px}
.pb-cell.pb-pl{cursor:grab;touch-action:none}
.pb-cell.pb-pl:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.pb-cell.pb-pl.pb-lift{opacity:.3;transform:scale(.88)}
.pb-dg{position:fixed;left:0;top:0;z-index:430;pointer-events:none;display:grid;place-items:center;border-radius:12px;background:var(--t);border:2px solid var(--ink);box-shadow:0 14px 24px -8px rgba(60,30,10,.5),0 2px 0 var(--ink)}
.pb-dg svg{width:30px;height:30px}
.pb-rb.pb-dragging .pb-cell.pb-free,.pb-rb.pb-picking .pb-cell.pb-free{border-color:var(--orange);background:#fff}
.pb-rb .pb-cell.pb-over,.pb-rb.pb-picking .pb-cell:not(.pb-sel):hover{box-shadow:0 0 0 3px var(--orange);transform:scale(1.08)}
.pb-rb.pb-picking .pb-cell:not(.pb-pl){cursor:pointer;animation:pb-tgt 1.3s ease-in-out infinite}
@keyframes pb-tgt{50%{background:var(--orange-bg)}}
.pb-cell.pb-pl.pb-sel{transform:scale(1.14) rotate(-6deg);box-shadow:0 0 0 3px var(--orange),0 4px 0 var(--ink)}
.pb-cap .pb-pickh{display:none;align-items:center;gap:6px;font:800 13px var(--fd);color:var(--orange-d)}
.pb-rbw.pb-picking .pb-pickh{display:inline-flex}
.pb-rbw.pb-picking .pb-ct{display:none}
.pb-ms{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;padding:2px;border-radius:999px;background:var(--cream2)}
.pb-ms::before{content:"";position:absolute;top:2px;bottom:2px;left:2px;width:calc(50% - 2px);border-radius:999px;background:var(--dark);transform:translateX(calc(100% * var(--i,0)));transition:transform .4s var(--spring)}
.pb-ms button{position:relative;z-index:1;min-height:26px;padding:0 10px;border:0;background:none;font:800 11.5px var(--fd);color:var(--ink2);transition:color .25s .05s}
.pb-ms button::after{content:"";position:absolute;inset:-9px -1px}
.pb-ms button[aria-pressed="true"]{color:#fff}
.pb-cell.pb-pl.pb-hl{transform:scale(1.14) rotate(-6deg);box-shadow:0 4px 0 var(--ink)}
.pb-cap{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:10px;font:600 12.5px var(--fb);color:var(--ink2)}
.pb-cap .pb-lg{display:inline-flex;align-items:center;gap:6px}
.pb-cap .pb-lg i{width:14px;height:14px;border-radius:4px}
.pb-cap .pb-lg i.pb-pl{background:var(--orange-bg);border:1.5px solid var(--ink)}
.pb-cap .pb-lg i.pb-free{border:1.5px dashed var(--line2)}
.pb-cap .pb-lg i.pb-kept{background:#EFE4CF}
.pb-cap .pb-ct{margin-left:auto}
.pb-cap .pb-ct b{font:800 13.5px var(--fd);color:var(--ink)}
.pb-ds{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.pb-d{display:flex;align-items:center;gap:12px;min-height:60px;padding:8px 10px 8px 8px;border-radius:16px;border:1.5px solid var(--line);transition:border-color .2s,background .2s,opacity .25s}
.pb-d.pb-hl{border-color:var(--ink2);background:var(--cream)}
.pb-da{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--t);border:1.5px solid var(--ink);transform:rotate(-3deg);transition:transform .45s var(--spring),filter .25s}
.pb-d:nth-child(even) .pb-da{transform:rotate(3deg)}
.pb-d.pb-hl .pb-da{transform:rotate(-9deg) scale(1.06)}
.pb-da svg{width:34px;height:34px}
.pb-dt{flex:1;min-width:0}
.pb-dt b{display:block;font:800 14.5px/1.25 var(--fd);text-wrap:pretty}
.pb-dm{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:3px;font:600 12px var(--fb);color:var(--muted)}
.pb-dm>span{display:inline-flex;align-items:center;gap:4px}
.pb-dm .pb-sl2{font-weight:800;color:var(--orange-d)}
.pb-dm .pb-why{color:var(--orange-d)}
.pb-d.pb-off .pb-da{filter:grayscale(1);opacity:.55}
.pb-d.pb-off .pb-dt b{color:var(--muted)}
.pb-d.pb-off .pb-sl2{color:var(--muted)}
.pb-okc{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--green-bg);color:var(--green-d)}
.pb-sw{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 4px 0 10px;border:0;border-radius:999px;background:none;font:700 12.5px var(--fb);color:var(--ink2)}
.pb-swt{position:relative;width:40px;height:24px;border-radius:999px;background:var(--line2);transition:background .25s}
.pb-swt::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:transform .4s var(--spring)}
.pb-sw[aria-checked="true"]{color:var(--green-d)}
.pb-sw[aria-checked="true"] .pb-swt{background:var(--green)}
.pb-sw[aria-checked="true"] .pb-swt::after{transform:translateX(16px)}
.pb-bf{flex:none;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1.5px solid var(--line);background:#fff}
.pb-ghost{min-height:48px;padding:0 18px;border:0;border-radius:999px;background:none;font:700 14.5px var(--fb);color:var(--ink2)}
.pb-ghost:hover{background:var(--cream2);color:var(--ink)}
.pb-go{display:inline-flex;align-items:center;gap:9px;min-height:54px;padding:0 22px;border:0;border-radius:18px;background:var(--orange);color:#fff;font:800 16px var(--fd);box-shadow:0 4px 0 var(--orange-d);transition:transform .3s var(--spring),box-shadow .2s,background .2s}
.pb-go:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 0 var(--orange-d)}
.pb-go:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--orange-d)}
.pb-go .pb-sh-l{display:none}
.pb-go:disabled{background:var(--line2);box-shadow:none;color:var(--ink2);cursor:default}
.pb-go.pb-busy{background:var(--green);box-shadow:0 4px 0 var(--green-d)}
.pb-ok-v{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 24px 26px}
.pb-ok-p{width:120px;height:120px;margin-bottom:4px}
.pb-ok-p svg{width:100%;height:100%}
.pb-ok-v .pb-hand{transform:rotate(-3deg);transform-origin:center;font-size:24px}
.pb-ok-v h2{margin:2px 0 6px;font:800 28px/1.1 var(--fd);letter-spacing:-.02em}
.pb-ok-v>p{font-size:15px;color:var(--ink2)}
.pb-ok-l{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:8px;width:min(380px,100%)}
.pb-ok-l li{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:var(--cream);text-align:left;font-size:14px;color:var(--ink2)}
.pb-ok-l li svg{flex:none;color:var(--orange-d)}
.pb-ok-l b{color:var(--ink)}
.pb-ok-b{display:block;width:min(240px,80%);height:5px;margin-top:20px;border-radius:3px;background:var(--line);overflow:hidden}
.pb-ok-b i{display:block;height:100%;background:var(--green);animation:pb-okb 3.4s linear forwards}
@keyframes pb-okb{from{width:0}to{width:100%}}
@media (max-width:640px){.pb-scrim{place-items:end center;padding:0}}
@media (max-width:640px){.pb-bm{width:100%;max-height:94vh;border-radius:28px 28px 0 0;border-bottom:0;box-shadow:0 -24px 60px -24px rgba(60,30,10,.5)}}
@media (max-width:640px){.pb-bh{padding:22px 16px 12px;gap:12px}
.pb-stack{width:72px;height:52px}
.pb-stack span{width:38px;height:38px}
.pb-stack span svg{width:28px;height:28px}
.pb-bh h2{font-size:20px}
.pb-bs{padding:12px 14px 16px}
.pb-pk .pb-lb{display:none}
.pb-pk-b{flex:1}
.pb-pk-l{left:0;width:100%}
.pb-wks{display:flex;overflow-x:auto;scrollbar-width:none;margin:0 -14px;padding:2px 14px 8px;scroll-padding-inline:14px}
.pb-wk{flex:0 0 140px}
.pb-rb{grid-template-columns:18px 46px repeat(7,minmax(0,1fr));grid-template-rows:auto 38px 38px;gap:4px}
.pb-cell.pb-pl svg{width:24px;height:24px}
.pb-cap .pb-ct{margin-left:0;flex-basis:100%}
.pb-sl .pb-hint{display:none}
.pb-d{flex-wrap:wrap}
.pb-d.pb-cf .pb-dt{flex:1 1 calc(100% - 54px)}
.pb-sw{margin-left:52px;padding-left:0}
.pb-go{flex:1;justify-content:center;padding:0 14px;font-size:15px}
.pb-ghost{display:none}
.pb-go .pb-lg-l{display:none}
.pb-go .pb-sh-l{display:inline}}
@media (prefers-reduced-motion:reduce){.pb-scrim *,.pb-scrim *::before,.pb-scrim *::after{animation:none!important;transition-duration:.01ms!important}}
@media (max-width:640px){
.pb-scrim{place-items:end center;padding:0}
.pb-bm{width:100%;max-height:94vh;border-radius:28px 28px 0 0;border-bottom:0;box-shadow:0 -24px 60px -24px rgba(60,30,10,.5)}
.pb-bh::before{content:"";position:absolute;top:8px;left:50%;width:44px;height:5px;margin-left:-22px;border-radius:3px;background:var(--line2)}
.pb-bh{position:relative;padding:22px 16px 12px;gap:12px}
.pb-stack{width:72px;height:52px}
.pb-stack span{width:38px;height:38px;border-radius:12px}
.pb-stack span svg{width:28px;height:28px}
.pb-stack span:nth-child(2){left:9px}
.pb-stack span:nth-child(3){left:18px}
.pb-stack span:nth-child(4){left:27px}
.pb-stack span:nth-child(5){left:34px}
.pb-bh h2{font-size:20px}
.pb-hand{font-size:18px}
.pb-meta span{font-size:11.5px;padding:2px 8px}
.pb-bs{padding:12px 14px 16px}
.pb-pk .pb-lb{display:none}
.pb-pk-b{flex:1}
.pb-pk-l{left:0;width:100%}
.pb-wks{display:flex;overflow-x:auto;scrollbar-width:none;margin:0 -14px;padding:2px 14px 8px;scroll-snap-type:x proximity;scroll-padding-inline:14px}
.pb-wks::-webkit-scrollbar{display:none}
.pb-wk{flex:0 0 140px;scroll-snap-align:start;min-height:92px}
.pb-rbw{padding:10px 8px 8px}
.pb-rb{grid-template-columns:18px 46px repeat(7,minmax(0,1fr));grid-template-rows:auto 38px 38px;gap:4px}
.pb-ss{margin-right:2px;padding:4px 2px}
.pb-ss .pb-pot{width:24px;height:24px}
.pb-ss b{font-size:11px}
.pb-ss small{font-size:9.5px}
.pb-cell{border-radius:9px}
.pb-cell.pb-pl svg{width:24px;height:24px}
.pb-cap .pb-ct{margin-left:0;flex-basis:100%}
.pb-sl .pb-hint{display:none}
.pb-d{flex-wrap:wrap;gap:10px}
.pb-da{width:40px;height:40px}
.pb-d.pb-cf .pb-dt{flex:1 1 calc(100% - 54px)}
.pb-sw{margin-left:52px;padding-left:0}
.pb-bf{padding:12px 14px 16px}
.pb-go{flex:1;justify-content:center;padding:0 14px;font-size:15px}
.pb-ghost{display:none}
.pb-go .pb-lg-l{display:none}
.pb-go .pb-sh-l{display:inline}
}