.setup-shelves-page{
    max-width:1380px;
    margin:0 auto;
    padding:28px 24px 36px;
  }

  .setup-nav-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.45rem;
    height:42px;
    padding:0 16px;
    border-radius:12px;
    text-decoration:none;
    cursor:pointer;
    user-select:none;
    border:1px solid rgba(147,197,253,.35);
    background:rgba(30,58,138,.25);
    color:#e5e7eb;
    font-weight:850;
    font-size:.95rem;
    transition:background .18s ease, border-color .18s ease, transform .08s ease, color .18s ease;
    box-shadow:0 10px 24px rgba(0,0,0,.18);
  }

  .setup-nav-btn:hover{
    background:rgba(30,58,138,.40);
    border-color:rgba(147,197,253,.55);
    color:#fff;
  }

  .setup-nav-btn:active{
    transform:translateY(1px);
  }

  .setup-nav-btn-ghost{
    border-color:rgba(148,163,184,.22);
    background:rgba(2,6,23,.35);
    color:#e5e7eb;
  }

  .setup-nav-btn-ghost:hover{
    background:rgba(2,6,23,.55);
    border-color:#64748b;
  }

  .setup-shelves-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:1rem;
    margin-bottom:20px;
  }

  .setup-shelves-head-actions{
    display:flex;
    gap:.6rem;
    align-items:center;
    flex-shrink:0;
  }

  .setup-shelves-title{
    margin:0;
    font-size:2rem;
    line-height:1.1;
    font-weight:900;
    letter-spacing:-0.02em;
    color:#f8fafc;
  }

  .setup-shelves-sub{
    margin:10px 0 0 0;
    color:rgba(226,232,240,.82);
    font-size:1rem;
    line-height:1.45;
  }

  .setup-shelves-guide{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:14px;
    margin-bottom:18px;
  }

  .guide-box{
    background:rgba(255,255,255,.035);
    border:1px solid rgba(148,163,184,.14);
    border-radius:16px;
    padding:16px 16px 15px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
  }

  .guide-title{
    font-size:.98rem;
    font-weight:850;
    color:#f8fafc;
    margin-bottom:8px;
  }

  .guide-text{
    color:rgba(203,213,225,.82);
    font-size:.92rem;
    line-height:1.45;
  }

  .setup-shelves-error{
    margin:0 0 16px 0;
    padding:12px 14px;
    border-radius:12px;
    border:1px solid rgba(239,68,68,.28);
    background:rgba(239,68,68,.08);
    color:#fecaca;
    font-weight:700;
  }

  .setup-shelves-error.hidden,
  .setup-panel-back-wrap.hidden{
    display:none !important;
  }

  .setup-sections-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin:0 0 18px 0;
  }

  .setup-sections-bar-wrap{
    flex:1 1 auto;
    margin:0;
    border:1px solid rgba(148,163,184,.12);
    background:rgba(255,255,255,.03);
    border-radius:16px;
    padding:10px;
    overflow:hidden;
    min-width:0;
  }

  .setup-sections-bar{
    display:flex;
    gap:10px;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:thin;
    padding-bottom:2px;
  }

  .setup-sections-bar::-webkit-scrollbar{
    height:8px;
  }

  .setup-sections-bar::-webkit-scrollbar-thumb{
    background:rgba(148,163,184,.28);
    border-radius:999px;
  }

  .setup-section-chip{
    all:unset;
    box-sizing:border-box;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:38px;
    padding:0 16px;
    border-radius:999px;
    border:1px solid rgba(148,163,184,.18);
    background:rgba(255,255,255,.04);
    color:rgba(226,232,240,.88);
    font-weight:800;
    font-size:.9rem;
    white-space:nowrap;
    cursor:pointer;
    transition:.15s ease;
  }

  .setup-section-chip:hover{
    border-color:rgba(96,165,250,.42);
    background:rgba(96,165,250,.09);
    color:#eff6ff;
  }

  .setup-section-chip.is-active{
    border-color:rgba(96,165,250,.56);
    background:rgba(59,130,246,.16);
    color:#eff6ff;
    box-shadow:0 0 0 3px rgba(59,130,246,.14);
  }

  .setup-shelves-toolbar-right{
    flex-shrink:0;
    display:flex;
    align-items:center;
    gap:10px;
  }

  .setup-pill-btn{
    all:unset;
    box-sizing:border-box;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:40px;
    padding:0 16px;
    border-radius:12px;
    cursor:pointer;
    border:1px solid rgba(148,163,184,.20);
    background:rgba(255,255,255,.045);
    color:#e5e7eb;
    font-weight:850;
    font-size:.92rem;
    transition:background .18s ease, border-color .18s ease, color .18s ease, transform .08s ease;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
  }

  .setup-pill-btn:hover{
    background:rgba(96,165,250,.08);
    border-color:rgba(96,165,250,.42);
    color:#fff;
  }

  .setup-pill-btn:active{
    transform:translateY(1px);
  }

  .setup-view-toggle{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:4px;
    border-radius:14px;
    border:1px solid rgba(148,163,184,.16);
    background:rgba(2,6,23,.32);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
  }

  .setup-view-btn{
    min-width:92px;
    height:34px;
    padding:0 14px;
    border-radius:10px;
    font-size:.88rem;
    background:transparent;
    border:1px solid transparent;
    box-shadow:none;
  }

  .setup-view-btn:hover{
    background:rgba(96,165,250,.08);
    border-color:rgba(96,165,250,.18);
  }

  .setup-view-btn.is-active{
    background:rgba(59,130,246,.18);
    border-color:rgba(96,165,250,.46);
    color:#eff6ff;
    box-shadow:0 0 0 1px rgba(96,165,250,.14) inset;
  }

  .setup-panel-back-wrap{
    margin:0 0 12px 0;
  }

  .setup-shelves-app{
    min-height:520px;
  }

  .setup-shelves-content{
    min-height:420px;
  }

  .setup-overview-grid{
    display:grid;
    gap:10px;
  }

  .setup-overview-card{
    position:relative;
    text-align:left;
    padding:14px 14px 13px;
    border-radius:14px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.10);
    color:rgba(235,245,255,.92);
    min-width:0;
    min-height:108px;
    cursor:pointer;
    transition:.15s ease;
  }

  .setup-overview-card:hover{
    border-color:rgba(96,165,250,.38);
    background:rgba(96,165,250,.05);
  }

  .setup-overview-card.is-empty{
    opacity:.72;
    cursor:default;
  }

  .setup-overview-title{
    font-weight:900;
    font-size:1rem;
    letter-spacing:.2px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .setup-overview-meta{
    margin-top:4px;
    font-size:.86rem;
    color:rgba(180,200,220,.72);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .setup-overview-line{
    margin-top:3px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }


  .setup-panel-header-inline{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
  }

  .setup-panel-title{
    font-size:1.05rem;
    font-weight:900;
    color:#f8fafc;
    letter-spacing:.01em;
  }

  .setup-panel-sub{
    margin-top:4px;
    font-size:.88rem;
    color:rgba(180,200,220,.74);
  }

  .setup-tablet-row{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:flex-start;
    overflow:visible;
    padding-bottom:8px;
  }

  .setup-slot{
    position:relative;
    width:140px;
    min-width:140px;
    border-radius:14px;
    overflow:hidden;
    background:rgba(250,251,252,.98);
    color:rgba(15,23,42,.92);
    border:1px solid rgba(0,0,0,.14);
    outline:1px solid rgba(0,0,0,.20);
    outline-offset:-1px;
    min-height:128px;
  }

  .setup-sticker-barcode{
    height:34px;
    padding:5px 8px 3px 8px;
    box-sizing:border-box;
    background:#fff;
    border-bottom:1px solid rgba(0,0,0,.10);
    display:flex;
    align-items:center;
  }

  .setup-barcode-svg{
    width:100%;
    height:24px;
    display:block;
  }

  .setup-barcode-fallback{
    height:24px;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:800;
    opacity:.7;
    color:#111827;
  }

  .setup-sticker-body{
    padding:4px 7px 5px 7px;
    box-sizing:border-box;
    display:grid;
    grid-template-rows:1fr 14px 18px;
    gap:3px;
    text-align:center;
    min-height:92px;
  }

  .setup-sticker-mid{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    font-size:12px;
    line-height:1.15;
    font-weight:800;
    overflow:hidden;
  }

  .setup-sticker-mid span{
    display:block;
    width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .setup-sticker-din{
    display:flex;
    align-items:flex-end;
    justify-content:center;
    font-size:10.6px;
    font-weight:800;
    letter-spacing:.25px;
    color:rgba(15,23,42,.75);
    border-top:1px solid rgba(0,0,0,.10);
    white-space:nowrap;
    overflow:hidden;
  }

  .setup-sticker-minmax{
    display:flex;
    justify-content:center;
    align-items:flex-start;
    gap:6px;
  }

  .setup-sticker-mm{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:2px 6px;
    border-radius:9px;
    border:1px solid rgba(0,0,0,.14);
    background:rgba(255,255,255,.92);
  }

  .setup-sticker-mm span{
    font-size:9px;
    font-weight:800;
    opacity:.70;
    letter-spacing:.25px;
    color:#111827;
  }

  .setup-sticker-mm b{
    font-size:11px;
    font-weight:900;
    line-height:1;
    color:#111827;
  }

  .setup-list-shell{
    border:1px solid rgba(148,163,184,.14);
    background:rgba(255,255,255,.03);
    border-radius:16px;
    overflow:hidden;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
  }

  .setup-list-header{
    display:grid;
    grid-template-columns:1fr 1.9fr 1.1fr .9fr;
    gap:0;
    border-bottom:1px solid rgba(148,163,184,.12);
    background:rgba(2,6,23,.28);
  }

  .setup-list-head-cell{
    padding:12px 14px;
    font-size:.78rem;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:rgba(148,163,184,.88);
  }

  .setup-list-head-cell-right{
    text-align:right;
  }

  .setup-list-body{
    display:grid;
  }

  .setup-list-row{
    display:grid;
    grid-template-columns:1fr 1.9fr 1.1fr .9fr;
    gap:0;
    align-items:center;
    min-height:74px;
    border-top:1px solid rgba(148,163,184,.14);
    transition:background .16s ease, border-color .16s ease;
  }

  .setup-list-row{
    position:relative;
  }

  .setup-list-row::after{
    content:"";
    position:absolute;
    left:16px;
    right:16px;
    bottom:0;
    height:1px;
    background:linear-gradient(
      to right,
      transparent,
      rgba(56,189,248,.22), /* même vibe que QTY */
      transparent
    );
  }

  .setup-list-row:hover{
    background:rgba(96,165,250,.06);
    border-color:rgba(96,165,250,.20);
  }

  .setup-list-row:first-child{
    border-top:none;
  }

  .setup-list-row-board{
    width:100%;
    border:none;
    background:transparent;
    text-align:left;
    cursor:pointer;
    transition:background .16s ease;
  }

  .setup-list-row-board:hover{
    background:rgba(96,165,250,.06);
  }

  .setup-list-cell{
    padding:13px 14px;
    min-width:0;
  }

  .setup-list-cell-board{
    display:flex;
    flex-direction:column;
    gap:4px;
  }

  .setup-list-board-code{
    font-size:1rem;
    font-weight:900;
    color:#f8fafc;
    letter-spacing:.02em;
  }

  .setup-list-board-sub{
    font-size:.82rem;
    color:rgba(180,200,220,.72);
  }

  .setup-list-primary{
    font-size:.93rem;
    font-weight:800;
    color:#eaf2ff;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    margin-bottom:2px;
  }

  .setup-list-secondary{
    margin-top:4px;
    font-size:.82rem;
    color:rgba(180,200,220,.68);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .setup-list-cell-action{
    display:flex;
    justify-content:flex-end;
    align-items:center;
  }

  .setup-list-open{
    font-size:.86rem;
    font-weight:850;
    color:rgba(147,197,253,.92);
  }

  .setup-list-cell-minmax{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
  }

  .setup-mini-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:28px;
    padding:0 10px;
    border-radius:999px;
    border:1px solid rgba(148,163,184,.18);
    background:rgba(255,255,255,.05);
    color:#e5e7eb;
    font-size:.78rem;
    font-weight:900;
    letter-spacing:.03em;
  }

  .setup-list-empty{
    padding:22px 18px;
    font-size:.92rem;
    color:rgba(180,200,220,.78);
  }

  .setup-section-list-shell{
    display:grid;
    gap:16px;
  }

  .setup-section-board-block{
    border:1px solid rgba(148,163,184,.14);
    background:rgba(255,255,255,.03);
    border-radius:18px;
    overflow:hidden;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.02),
      0 8px 24px rgba(0,0,0,.12);
  }

  .setup-section-board-head{
    width:100%;
    border:none;
    background:rgba(2,6,23,.28);
    color:inherit;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:14px 16px;
    cursor:pointer;
    text-align:left;
    transition:background .16s ease;
    border-bottom:1px solid rgba(148,163,184,.10);
  }

  .setup-section-board-head:hover{
    background:rgba(96,165,250,.07);
  }

  .setup-section-board-head-left{
    display:flex;
    flex-direction:column;
    gap:4px;
    min-width:0;
  }

  .setup-section-board-head-right{
    flex-shrink:0;
    display:flex;
    align-items:center;
  }

  .setup-section-board-code{
    font-size:1.02rem;
    font-weight:900;
    color:#f8fafc;
    letter-spacing:.02em;
  }

  .setup-section-board-meta{
    font-size:.84rem;
    color:rgba(180,200,220,.72);
  }

  .setup-section-board-body{
    display:grid;
    gap:0;
  }

  .setup-section-list-line{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:12px 16px;
    border-top:none;
    background:transparent;
  }

  .setup-section-list-line::after{
    content:"";
    position:absolute;
    left:16px;
    right:16px;
    bottom:0;
    height:1px;
    background:linear-gradient(
      to right,
      transparent,
      rgba(56,189,248,.18),
      transparent
    );
    pointer-events:none;
  }

  .setup-section-list-line:first-child::after{
    opacity:.75;
  }

  .setup-section-list-line:first-child{
    border-top:none;
  }

  .setup-section-list-line:hover{
    background:rgba(255,255,255,.02);
  }

  .setup-section-list-line.compact .setup-section-line-name{
    font-size:.86rem;
    line-height:1.18;
  }

  .setup-section-list-line.compact .setup-section-line-sub{
    font-size:.78rem;
  }

  .setup-section-list-line.compact .setup-minmax-group{
    gap:6px;
  }

  .setup-section-list-line.compact .setup-minmax-pill{
    min-width:58px;
    min-height:28px;
    padding:0 8px;
  }

  .setup-section-list-line.compact .setup-minmax-pill small{
    font-size:.58rem;
  }

  .setup-section-list-line.compact .setup-minmax-pill strong{
    font-size:.78rem;
  }

  .setup-section-list-line.stacked{
    flex-direction:column;
    align-items:flex-start;
  }

  .setup-section-list-line.stacked .setup-section-list-line-right{
    width:100%;
    justify-content:flex-start;
  }

  .setup-section-list-line.stacked .setup-minmax-group{
    width:100%;
    margin-top:2px;
  }

  .setup-section-card-preview{
    display:flex;
    flex-direction:column;
    gap:8px;
    padding:14px 16px 16px;
  }

  .setup-section-card-preview-line{
    font-size:.84rem;
    font-weight:800;
    color:#dbeafe;
    line-height:1.25;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .setup-section-list-line-left{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:5px;
    flex:1 1 auto;
    padding-left: 4px;
  }

  .setup-section-list-line-right{
    flex-shrink:0;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:6px;
  }

  .setup-section-list-line-top{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    min-width:0;
  }

  .setup-section-line-name{
    font-size:.94rem;
    font-weight:850;
    color:#edf4ff;
    line-height:1.25;
    display:block;
    max-width:360px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }


  .setup-section-kind-badge{
    all: unset;
    box-sizing: border-box;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:26px;
    min-width:26px;
    padding:0 8px;
    border-radius:999px;
    border:1px solid rgba(148,163,184,.16);
    background:rgba(255,255,255,.05);
    color:#cbd5e1;
    cursor:pointer;
    flex:0 0 auto;
    position:relative;
    z-index:3;
    pointer-events:auto;
    transition:transform .14s ease, border-color .14s ease, background .14s ease;
  }

  .setup-section-kind-badge:hover{
    transform: scale(1.05);
    border-color: rgba(96,165,250,.55);
    background: rgba(59,130,246,.12);
  }

  .setup-section-kind-badge .icon{
    pointer-events:none;
  }

  .setup-section-line-sub{
    font-size:.82rem;
    color:rgba(180,200,220,.72);
    line-height:1.45; /* 🔥 clé du fix */
    margin-top:1px;
  }

  .setup-section-product-top{
    align-items:flex-start; /* au lieu de center */
  }

  .setup-section-slot-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:34px;
    height:26px;
    padding:0 9px;
    border-radius:999px;
    border:1px solid rgba(96,165,250,.28);
    background:rgba(59,130,246,.12);
    color:#dbeafe;
    font-size:.76rem;
    font-weight:900;
    letter-spacing:.04em;
  }

  .setup-section-kind-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:26px;
    padding:0 10px;
    border-radius:999px;
    border:1px solid rgba(148,163,184,.16);
    background:rgba(255,255,255,.05);
    color:#cbd5e1;
    font-size:.74rem;
    font-weight:850;
    letter-spacing:.04em;
    text-transform:uppercase;
  }

  .setup-section-list-line-wrap{
    display:block;
  }

  .setup-section-list-line.is-expandable{
    cursor:pointer;
  }

  .setup-expand-chevron{
    margin-left:4px;
    font-size:.9rem;
    color:rgba(147,197,253,.88);
    font-weight:900;
  }

  .setup-related-list{
    padding:10px 16px 14px 138px;
    border-top:1px dashed rgba(148,163,184,.10);
    background:rgba(255,255,255,.02);
  }

  .setup-related-list.hidden{
    display:none;
  }



  .setup-related-item:first-child{
    border-top:none;
  }

  .setup-related-item-top{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
  }

  .setup-related-name{
    font-size:.88rem;
    font-weight:800;
    color:#dbeafe;
  }

  .setup-related-sub{
    margin-top:4px;
    font-size:.8rem;
    color:rgba(180,200,220,.68);
  }

  .setup-section-slot-badge.is-sub{
    min-width:30px;
    height:22px;
    font-size:.7rem;
    background:rgba(255,255,255,.05);
    border-color:rgba(148,163,184,.18);
    color:#cbd5e1;
  }

  .setup-related-backorder{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:22px;
    padding:0 8px;
    border-radius:999px;
    border:1px solid rgba(251,191,36,.22);
    background:rgba(251,191,36,.10);
    color:#fde68a;
    font-size:.7rem;
    font-weight:900;
    letter-spacing:.04em;
  }

  .setup-grid-modal-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.62);
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:10000;
    padding:24px;
  }

  .setup-grid-modal{
    width:360px;
    max-width:92vw;
    background:rgba(17,24,39,.98);
    border:1px solid rgba(255,255,255,.10);
    border-radius:16px;
    overflow:hidden;
    color:rgba(235,245,255,.92);
  }

  .setup-grid-modal-hd{
    padding:12px 16px;
    font-size:13px;
    font-weight:800;
    border-bottom:1px solid rgba(255,255,255,.08);
  }

  .setup-grid-modal-bd{
    padding:14px 16px;
  }

  .setup-grid-modal-grid{
    display:grid;
    grid-template-columns:1fr 80px;
    gap:8px 10px;
    align-items:center;
  }

  .setup-grid-modal-grid label{
    font-size:12px;
    font-weight:700;
  }

  .setup-grid-modal-grid input{
    width:100%;
    height:30px;
    padding:4px 8px;
    border-radius:8px;
    border:1px solid rgba(255,255,255,.14);
    background:rgba(255,255,255,.05);
    color:rgba(235,245,255,.92);
    font-size:12px;
    box-sizing:border-box;
  }

  .setup-grid-modal-ft{
    padding:10px 16px;
    display:flex;
    justify-content:flex-end;
    gap:8px;
    border-top:1px solid rgba(255,255,255,.08);
  }

  .setup-section-board-block-empty{
    opacity:.78;
  }

  .setup-section-board-head.is-static{
    cursor:default;
  }

  .setup-section-board-head.is-static:hover{
    background:rgba(2,6,23,.28);
  }

  .setup-section-card-more{
    padding:12px 16px 14px;
    border-top:1px solid rgba(148,163,184,.08);
    font-size:.82rem;
    font-weight:800;
    color:rgba(147,197,253,.88);
    background:rgba(255,255,255,.02);
  }

  .setup-icon-toggle{
    gap:8px;
  }

  .setup-icon-toggle.hidden{
    display:none !important;
  }

  .setup-icon-toggle-glyph{
    font-size:1rem;
    line-height:1;
  }

  .setup-icon-toggle-text{
    font-size:.9rem;
    font-weight:850;
  }

  .setup-icon-toggle{
    width:42px;
    padding:0;
    justify-content:center;
  }

  .setup-icon-toggle .icon{
    width:18px;
    height:18px;
    opacity:.9;
  }

  .setup-icon-toggle:hover .icon{
    opacity:1;
  }

  .setup-actions-menu-wrap{
    position:relative;
    display:inline-flex;
    align-items:center;
  }

  .setup-actions-menu{
    position:absolute;
    top:calc(100% + 8px);
    right:0;
    min-width:168px;
    padding:8px;
    border-radius:14px;
    border:1px solid rgba(148,163,184,.18);
    background:rgba(15,23,42,.96);
    box-shadow:
      0 18px 40px rgba(0,0,0,.30),
      inset 0 1px 0 rgba(255,255,255,.03);
    display:grid;
    gap:6px;
    z-index:200;
  }

  .setup-actions-menu.hidden{
    display:none !important;
  }

  .setup-actions-item{
    all:unset;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    width:100%;
    min-height:38px;
    padding:0 12px;
    border-radius:10px;
    cursor:pointer;
    color:#e5e7eb;
    font-size:.9rem;
    font-weight:800;
    transition:background .16s ease, color .16s ease;
  }

  .setup-actions-item:hover{
    background:rgba(96,165,250,.10);
    color:#fff;
  }

  .setup-section-kind-badge{
    padding:0 8px;
  }

  .setup-section-kind-badge .icon{
    width:14px;
    height:14px;
    opacity:.9;
  }

  .setup-section-kind-badge.mainline{
    background:rgba(59,130,246,.12);
    border-color:rgba(96,165,250,.28);
  }

  .setup-section-kind-badge.standalone{
    background:rgba(148,163,184,.08);
    border-color:rgba(148,163,184,.18);
  }

  .setup-list-row-empty{
    opacity:.72;
  }

  .setup-list-row-empty .setup-list-primary{
    color:rgba(226,232,240,.78);
  }

  .setup-list-row-empty .setup-list-secondary,
  .setup-list-row-empty .setup-list-board-sub{
    color:rgba(148,163,184,.72);
  }

  .setup-section-list-line-empty{
    opacity:.72;
  }

  .setup-section-list-line-empty .setup-section-line-sub{
    color:rgba(148,163,184,.76);
  }

  .setup-minmax-group{
    display:grid;
    grid-template-columns:repeat(2, max-content);
    gap:6px 8px;
    justify-content:end;
  }

  .setup-minmax-pill{
    display:inline-flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    min-height:32px;
    min-width:72px;
    padding:0 10px;
    border-radius:999px;
    border:1px solid rgba(148,163,184,.16);
    background:
      linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.03) 100%);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.04),
      0 4px 10px rgba(0,0,0,.12);
    box-sizing:border-box;
  }

  .setup-minmax-pill small{
    font-size:.66rem;
    font-weight:900;
    letter-spacing:.08em;
    color:rgba(148,163,184,.92);
    flex:0 0 auto;
  }

  .setup-minmax-pill strong{
    font-size:.86rem;
    font-weight:900;
    color:#f8fafc;
    line-height:1;
    min-width:3ch;
    text-align:right;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum";
  }

  .setup-min-pill{
    border-color:rgba(96,165,250,.20);
    background:
      linear-gradient(180deg, rgba(59,130,246,.10) 0%, rgba(255,255,255,.03) 100%);
  }

  .setup-max-pill{
    border-color:rgba(125,211,252,.18);
    background:
      linear-gradient(180deg, rgba(56,189,248,.08) 0%, rgba(255,255,255,.03) 100%);
  }

  .setup-qty-pill{
    grid-column:1;
    border-color: rgba(125,211,252,.18) !important;
    background:
      linear-gradient(180deg, rgba(56,189,248,.08) 0%, rgba(255,255,255,.03) 100%) !important;
  }

  .setup-minmax-combined{
    grid-column:1 / span 2;
  }

  .setup-section-list-line-top{
    gap:10px;
  }

  .setup-section-kind-badge{
    margin-right:2px;
  }

  .setup-section-line-sub,
  .setup-list-secondary{
    letter-spacing:.01em;
  }

  .setup-list-board-code{
    font-variant-numeric: tabular-nums;
  }

  .setup-section-line-sub{
    opacity:.92;
  }

  .setup-related-item-top{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
  }

  .setup-related-name{
    font-size:.85rem;
    font-weight:850;
    color:#eaf2ff;
    line-height:1.25;
  }

  .setup-related-sub{
    margin-top:4px;
    font-size:.79rem;
    color:rgba(180,200,220,.68);
    line-height:1.3;
  }

  .setup-empty-add-icon{
    all:unset;
    box-sizing:border-box;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:26px;
    height:26px;
    border-radius:999px;
    border:1px solid rgba(148,163,184,.16);
    background:rgba(255,255,255,.05);
    color:#cbd5e1;
    cursor:pointer;
    transition:background .16s ease, border-color .16s ease, color .16s ease, transform .08s ease;
  }

  .setup-empty-add-icon:hover{
    border-color:rgba(96,165,250,.40);
    background:rgba(59,130,246,.12);
    color:#eff6ff;
  }

  .setup-empty-add-icon:active{
    transform:translateY(1px);
  }

  .setup-empty-add-icon .plus{
    font-size:.92rem;
    line-height:1;
    font-weight:900;
  }

  .setup-empty-product-modal-overlay{
    position:fixed;
    inset:0;
    z-index:10020;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:12px;
    background:rgba(2,6,23,.68);
    backdrop-filter:blur(6px);
  }

  .setup-empty-product-modal{
    width: min(1428px, calc(100vw - 24px));
    max-width: 1428px;

    max-height: 88vh;
    display:flex;
    flex-direction:column;

    border-radius:18px;
    border:1px solid rgba(148,163,184,.18);
    background:rgba(15,23,42,.98);

    box-shadow:
      0 24px 60px rgba(0,0,0,.38),
      inset 0 1px 0 rgba(255,255,255,.04);

    overflow:hidden;
  }

  .setup-empty-product-modal-hd{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:16px 18px;
    border-bottom:1px solid rgba(148,163,184,.12);
  }

  .setup-empty-product-modal-title{
    font-size:1rem;
    font-weight:900;
    color:#f8fafc;
  }

  .setup-empty-product-modal-close{
    all:unset;
    box-sizing:border-box;
    width:34px;
    height:34px;
    border-radius:10px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    color:#cbd5e1;
    border:1px solid rgba(148,163,184,.18);
    background:rgba(255,255,255,.04);
    font-size:1rem;
    font-weight:900;
    transition:background .16s ease, border-color .16s ease;
  }

  .setup-empty-product-modal-close:hover{
    background:rgba(255,255,255,.08);
    border-color:rgba(148,163,184,.30);
    color:#fff;
  }

  .setup-empty-product-modal-bd{
    padding:18px 16px 16px;
    display:flex;
    flex-direction:column;
    gap:12px;

    flex:1;
    min-height:0;
    overflow:hidden;
  }

  .setup-empty-product-modal .products-table-wrapper{
    flex:1;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    border-radius:12px;
  }

  .setup-empty-product-modal #products-table{
    width:100%;
  }

  .setup-empty-product-modal #products-table .setup-table-skin{
    width:100%;
  }

  .setup-empty-product-modal #products-table .setup-table-skin table.products-table{
    width:100% !important;
    min-width:0 !important;
    table-layout:fixed !important;
  }

  .setup-empty-product-modal #products-table .setup-table-skin table.products-table col{
    width:auto !important;
  }

  .setup-empty-product-placeholder{
    border:1px dashed rgba(96,165,250,.30);
    background:rgba(59,130,246,.06);
    color:#cbd5e1;
    border-radius:14px;
    padding:16px;
    font-size:.92rem;
    line-height:1.5;
  }

  .setup-empty-product-meta{
    font-size:.84rem;
    color:rgba(180,200,220,.76);
  }

  .setup-empty-product-modal-ft{
    display:flex;
    justify-content:flex-end;
    padding:14px 18px 18px;
  }

  .setup-qty-btn{
    all:unset;
    box-sizing:border-box;
    display:inline-flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    min-height:32px;
    min-width:72px;
    padding:0 10px;
    border-radius:999px;
    border:1px solid rgba(96,165,250,.24);
    background:
      linear-gradient(180deg, rgba(59,130,246,.10) 0%, rgba(255,255,255,.03) 100%);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.04),
      0 4px 10px rgba(0,0,0,.12);
    cursor:pointer;
    transition:background .16s ease, border-color .16s ease, transform .08s ease;
  }

  .setup-qty-btn:hover{
    background:
      linear-gradient(180deg, rgba(59,130,246,.16) 0%, rgba(255,255,255,.04) 100%);
    border-color:rgba(96,165,250,.42);
  }

  .setup-qty-btn:active{
    transform:translateY(1px);
  }

  .setup-qty-btn small{
    font-size:.66rem;
    font-weight:900;
    letter-spacing:.08em;
    color:rgba(148,163,184,.92);
    flex:0 0 auto;
  }

  .setup-qty-btn strong{
    font-size:.86rem;
    font-weight:900;
    color:#f8fafc;
    line-height:1;
    min-width:3ch;
    text-align:right;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum";
  }

  .setup-work-modal-overlay{
    position:fixed;
    inset:0;
    z-index:10030;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
    background:rgba(2,6,23,.72);
    backdrop-filter:blur(6px);
  }

  .setup-work-modal{
    width:min(920px, 96vw);
    max-height:88vh;
    display:flex;
    flex-direction:column;
    border-radius:20px;
    border:1px solid rgba(148,163,184,.18);
    background:rgba(15,23,42,.98);
    box-shadow:
      0 24px 60px rgba(0,0,0,.40),
      inset 0 1px 0 rgba(255,255,255,.04);
    overflow:hidden;
  }

  .setup-work-modal-hd{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    padding:18px 20px 16px;
    border-bottom:1px solid rgba(148,163,184,.12);
  }

  .setup-work-modal-title{
    font-size:1.02rem;
    font-weight:900;
    color:#f8fafc;
    line-height:1.2;
  }

  .setup-work-modal-sub{
    margin-top:6px;
    font-size:.84rem;
    color:rgba(180,200,220,.76);
    line-height:1.4;
  }

  .setup-work-modal-close{
    all:unset;
    box-sizing:border-box;
    width:36px;
    height:36px;
    border-radius:10px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    color:#cbd5e1;
    border:1px solid rgba(148,163,184,.18);
    background:rgba(255,255,255,.04);
    font-size:1rem;
    font-weight:900;
    transition:background .16s ease, border-color .16s ease;
    flex-shrink:0;
  }

  .setup-work-modal-close:hover{
    background:rgba(255,255,255,.08);
    border-color:rgba(148,163,184,.30);
    color:#fff;
  }

  .setup-work-modal-bd{
    padding:18px 20px;
    overflow:auto;
    display:grid;
    gap:14px;
  }

  .setup-work-meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }

  .setup-work-chip{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    padding:0 10px;
    border-radius:999px;
    border:1px solid rgba(148,163,184,.16);
    background:rgba(255,255,255,.05);
    color:#e5e7eb;
    font-size:.78rem;
    font-weight:850;
    letter-spacing:.03em;
  }

  .setup-work-chip.is-track{
    border-color:rgba(96,165,250,.24);
    background:rgba(59,130,246,.12);
    color:#dbeafe;
  }

  .setup-work-table-wrap{
    border:1px solid rgba(148,163,184,.14);
    background:rgba(255,255,255,.03);
    border-radius:16px;
    overflow:visible;
  }

  .setup-work-table{
    width:100%;
    border-collapse:collapse;
  }

  .setup-work-table thead th{
    text-align:left;
    padding:12px 14px;
    font-size:.76rem;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:rgba(148,163,184,.88);
    background:rgba(2,6,23,.28);
    border-bottom:1px solid rgba(148,163,184,.12);
  }

  .setup-work-table tbody td{
    padding:10px 14px;
    border-top:1px solid rgba(148,163,184,.08);
    vertical-align:middle;
  }

  .setup-work-table tbody tr:first-child td{
    border-top:none;
  }

  .setup-work-input{
    width:100%;
    height:38px;
    padding:0 12px;
    border-radius:10px;
    border:1px solid rgba(148,163,184,.18);
    background:rgba(255,255,255,.05);
    color:#f8fafc;
    font-size:.9rem;
    box-sizing:border-box;
  }

  .setup-work-input:focus{
    outline:none;
    border-color:rgba(96,165,250,.46);
    box-shadow:0 0 0 3px rgba(59,130,246,.14);
  }

  .setup-work-input.is-disabled-soft{
    opacity:.45;
    cursor:not-allowed;
    background:rgba(255,255,255,.025);
    color:rgba(148,163,184,.70);
  }

  .setup-work-actions{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
  }

  .setup-work-add-row{
    all:unset;
    box-sizing:border-box;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:38px;
    padding:0 14px;
    border-radius:12px;
    cursor:pointer;
    border:1px dashed rgba(96,165,250,.42);
    background:rgba(59,130,246,.10);
    color:#dbeafe;
    font-size:.86rem;
    font-weight:900;
    letter-spacing:.02em;
    transition:background .16s ease, border-color .16s ease;
  }

  .setup-work-add-row:hover{
    background:rgba(59,130,246,.16);
    border-color:rgba(96,165,250,.60);
  }

  .setup-work-delete{
    all:unset;
    box-sizing:border-box;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:34px;
    height:34px;
    border-radius:10px;
    cursor:pointer;
    border:1px solid rgba(239,68,68,.22);
    background:rgba(239,68,68,.10);
    color:#fecaca;
    font-size:.95rem;
    font-weight:900;
    transition:background .16s ease, border-color .16s ease;
  }

  .setup-work-delete:hover{
    background:rgba(239,68,68,.16);
    border-color:rgba(239,68,68,.34);
    color:#fff;
  }

  .setup-work-total{
    font-size:.9rem;
    font-weight:900;
    color:#f8fafc;
  }

  .setup-work-note{
    display:grid;
    gap:8px;
  }

  .setup-work-note label{
    font-size:.8rem;
    font-weight:800;
    color:#cbd5e1;
  }

  .setup-work-note textarea{
    width:100%;
    min-height:88px;
    padding:12px 14px;
    resize:vertical;
    border-radius:12px;
    border:1px solid rgba(148,163,184,.18);
    background:rgba(255,255,255,.05);
    color:#f8fafc;
    font-size:.9rem;
    box-sizing:border-box;
  }

  .setup-work-note textarea:focus{
    outline:none;
    border-color:rgba(96,165,250,.46);
    box-shadow:0 0 0 3px rgba(59,130,246,.14);
  }

  .setup-work-modal-ft{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:16px 20px 18px;
    border-top:1px solid rgba(148,163,184,.12);
    flex-wrap:wrap;
  }

  .setup-work-status{
    font-size:.84rem;
    font-weight:800;
    color:rgba(180,200,220,.78);
  }

  .setup-work-status.is-error{
    color:#fecaca;
  }

  .setup-work-ft-right{
    display:flex;
    align-items:center;
    gap:10px;
  }

  .setup-work-modal-close:hover{
    background:rgba(239,68,68,.18); /* rouge subtle */
    border-color:rgba(239,68,68,.4);
    color:#fff;
  }

  .setup-work-chip {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    border: 1px solid rgba(148,163,184,.16);
    background: rgba(255,255,255,.05);
    color: #e5e7eb;
    font-size: .78rem;
    font-weight: 850;
    letter-spacing: .03em;
  }

  button.setup-work-chip {
    cursor: pointer;
  }

  button.setup-work-chip:hover {
    border-color: rgba(96,165,250,.40);
    background: rgba(59,130,246,.12);
  }

  .setup-panel-shell{
    display:grid;
    gap:0;
  }

  .setup-panel-table-header{
    all:unset;
    box-sizing:border-box;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    min-height:56px;
    padding:0 16px;
    border:1px solid rgba(148,163,184,.14);
    border-bottom:none;
    border-radius:18px 18px 0 0;
    background:rgba(2,6,23,.28);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
    cursor:pointer;
  }

  .setup-panel-table-header:hover{
    background:rgba(96,165,250,.05);
  }

  .setup-panel-close-inline{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:rgba(147,197,253,.92);
    font-size:.86rem;
    font-weight:850;
    line-height:1;
    z-index:2;
    pointer-events:none;
  }

  .setup-panel-table-title{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    font-size:1.02rem;
    font-weight:900;
    color:#f8fafc;
    letter-spacing:.02em;
    line-height:1;
    white-space:nowrap;
    pointer-events:none;
  }

  .setup-list-shell{
    border:1px solid rgba(148,163,184,.14);
    border-top:none;
    background:rgba(255,255,255,.03);
    border-radius:0 0 18px 18px;
    overflow:hidden;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.02),
      0 8px 24px rgba(0,0,0,.12);
  }

  .setup-panel-table-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 18px;
  border-bottom:1px solid rgba(148,163,184,.10);
  background:rgba(2,6,23,.25);
}

  /* bouton fermer = style section */
  .setup-panel-close-inline{
    all:unset;
    display:inline-flex;
    align-items:center;
    gap:6px;
    cursor:pointer;
    color:rgba(147,197,253,.92);
    font-size:.9rem;
    font-weight:800;
    transition:.15s ease;
  }

  .setup-panel-close-inline:hover{
    color:#fff;
  }

  /* titre centré VISUELLEMENT */
  .setup-panel-table-title{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    font-weight:900;
    font-size:1rem;
    color:#f8fafc;
    letter-spacing:.02em;
  }

  .setup-panel-shell .setup-tablet-row{
    padding:16px;
  }


  .setup-empty-product-modal .products-table-wrapper{
    max-height: 420px;
    overflow: auto;
  } 

  /* scroll custom propre */
  #setup-empty-product-results,
  #mainline-products {
    scrollbar-width: thin;
  }

  #setup-empty-product-results::-webkit-scrollbar,
  #mainline-products::-webkit-scrollbar {
    width: 6px;
  }

  #setup-empty-product-results::-webkit-scrollbar-thumb,
  #mainline-products::-webkit-scrollbar-thumb {
    background: rgba(148,163,184,.3);
    border-radius: 999px;
  }

  .setup-empty-product-modal .prio-mini{
    width: 54px !important;
    min-width: 54px !important;
  }

  .setup-empty-product-modal tr.is-prio-editing .prio-text{
    display: none;
  }

  .setup-empty-product-modal tr.is-prio-editing .prio-mini.hidden{
    display: inline-block !important;
  }

  .setup-rank-children{
    padding: 12px 16px 14px 300px;
    border-top: 1px dashed rgba(148,163,184,.10);
    background: rgba(255,255,255,.02);
  }

  .setup-section-board-body .setup-rank-children{
    padding-left: 210px;
  }

  .setup-rank-children.hidden{
    display:none !important;
  }

  .setup-rank-child{
    position: relative;
    padding: 10px 0 10px 34px;
    border-top: 1px solid rgba(148,163,184,.06);
  }

  .setup-rank-child:first-child{
    border-top: none;
  }

  .setup-rank-child-top{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
  }

  .setup-rank-child-name{
    position: relative;
    display: inline-block;
    font-size: .88rem;
    font-weight: 800;
    color: #dbeafe;
    line-height: 1.25;
  }

  .setup-rank-child-name::before{
    content: "↳";
    position: absolute;
    left: -18px;
    top: 0;
    opacity: .58;
  }

  .setup-rank-child-sub{
    margin-top: 4px;
    font-size: .8rem;
    color: rgba(180,200,220,.68);
    line-height: 1.3;
  }

  .setup-list-row .setup-related-name{
    display: inline-block;
  }

  .setup-list-row .setup-minmax-group{
    display:grid;
    grid-template-columns:repeat(2, max-content);
    gap:6px 8px;
    justify-content:start;
  }

  .setup-list-row .setup-qty-btn{
    grid-column:1;
  }

  .setup-list-row .setup-minmax-combined{
    grid-column:1 / span 2;
  }

  .setup-qty-btn{
    border-color: rgba(125,211,252,.18); /* même vibe que MAX */
    background: linear-gradient(
      180deg,
      rgba(56,189,248,.08) 0%,
      rgba(255,255,255,.03) 100%
    );
  }

  .setup-qty-btn strong{
    color: #f8fafc; /* blanc clean comme le reste */
  }

  .setup-minmax-combined{
    display:inline-flex;
    align-items:center;
    gap:6px;
  }

  .setup-mm-sep{
    opacity:.6;
    font-weight:700;
  }

  .setup-section-list-line-main{
    display:flex;
    align-items:center; /* 🔥 clé */
    gap:12px;
  }

  .setup-section-slot-code{
    font-weight:900;
    font-size:.95rem;
    color:#f8fafc;
    min-width:42px;
  }

  .setup-section-product-block{
    display:flex;
    flex-direction:column;
    gap:4px;
    min-width:0;
  }

  .setup-section-product-top{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
  }

  .setup-section-position-block{
    min-width:42px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
  }

  .setup-section-position-block .setup-section-kind-badge{
    margin-left:0;
  }

  .setup-section-kind-badge-readonly{
    cursor:default;
    pointer-events:none;
  }

  .setup-section-kind-badge-readonly:hover{
    transform:none;
    border-color:rgba(148,163,184,.16);
    background:rgba(255,255,255,.05);
  }

  /* position globale (OK) */
  .setup-section-board-body .setup-rank-children-section{
    padding-left: 140px;
  }

  /* ligne enfant */
  .setup-section-board-body .setup-rank-child{
    padding-left: 20px;
  }

  /* le "#2" → décale légèrement à droite */
  .setup-section-board-body .setup-rank-child-sub{
    margin-left: 10px;
  }

  /* panneau prend toute la largeur */
  .setup-section-board-block.is-wide-single{
    grid-column: 1 / -1;
  }

  /* 2 colonnes internes */
  .setup-section-board-block.is-wide-single .setup-section-board-body{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:0;
  }

  /* chaque cellule */
  .setup-section-board-block.is-wide-single .setup-section-list-line-wrap{
    border-top:1px solid rgba(148,163,184,.10);
  }

  /* enlève double border */
  .setup-section-board-block.is-wide-single .setup-section-list-line{
    border:none;
    min-height:74px;
  }

  /* ligne paire → colonne droite */
  .setup-section-board-block.is-wide-single .setup-section-list-line-wrap:nth-child(2n){
    border-left:1px solid rgba(148,163,184,.10);
  }

  .setup-actions-item{
    gap:10px;
  }

  .setup-menu-check{
    width:16px;
    height:16px;
    border-radius:4px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    font-size:11px;
    font-weight:900;
    border:1px solid rgba(148,163,184,.28);
  }

  .setup-menu-check.is-on{
    background:rgba(34,197,94,.18);
    border-color:rgba(34,197,94,.45);
    color:#86efac;
  }

  .setup-menu-check.is-off{
    background:rgba(255,255,255,.035);
    border-color:rgba(148,163,184,.20);
  }

  .setup-actions-item .is-disabled-text{
    color:rgba(148,163,184,.62);
    text-decoration:line-through;
    text-decoration-thickness:2px;
  }

  .setup-grid-modal-sliders{
    display:grid;
    gap:12px;
  }

  .setup-grid-slider-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    font-size:12px;
    font-weight:800;
    color:#cbd5e1;
  }

  .setup-grid-slider-row strong{
    min-width:28px;
    text-align:center;
    padding:4px 8px;
    border-radius:999px;
    background:rgba(59,130,246,.14);
    border:1px solid rgba(96,165,250,.30);
    color:#dbeafe;
  }

  .setup-grid-modal-sliders input[type="range"]{
    width:100%;
  }

  .setup-confirm-modal-overlay{
  position:fixed;
  inset:0;
  z-index:10080;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(2,6,23,.72);
  backdrop-filter:blur(6px);
}

.setup-confirm-modal{
  width:min(420px, 94vw);
  border-radius:18px;
  border:1px solid rgba(148,163,184,.18);
  background:rgba(15,23,42,.98);
  color:#e5e7eb;
  box-shadow:0 24px 60px rgba(0,0,0,.40);
  overflow:hidden;
}

.setup-confirm-modal-hd{
  padding:16px 18px;
  font-weight:900;
  border-bottom:1px solid rgba(148,163,184,.12);
}

.setup-confirm-modal-bd{
  padding:18px;
  color:rgba(203,213,225,.86);
  line-height:1.45;
}

.setup-confirm-modal-ft{
  padding:14px 18px 18px;
  display:flex;
  justify-content:flex-end;
  gap:10px;
}

.setup-danger-btn{
  border-color:rgba(239,68,68,.38);
  background:rgba(239,68,68,.14);
  color:#fecaca;
}

.setup-danger-btn:hover{
  border-color:rgba(239,68,68,.55);
  background:rgba(239,68,68,.22);
  color:#fff;
}

  @media (max-width: 760px){
    .setup-work-modal{
      width:min(98vw, 98vw);
      max-height:92vh;
    }

    .setup-work-table thead{
      display:none;
    }

    .setup-work-table,
    .setup-work-table tbody,
    .setup-work-table tr,
    .setup-work-table td{
      display:block;
      width:100%;
    }

    .setup-work-table tbody tr{
      padding:10px 0;
      border-top:1px solid rgba(148,163,184,.08);
    }

    .setup-work-table tbody tr:first-child{
      border-top:none;
    }

    .setup-work-table tbody td{
      border-top:none;
      padding:8px 14px;
    }
  }

  .setup-work-modal-head-actions{
    display:flex;
    align-items:center;
    gap:10px;
    flex-shrink:0;
  }

  .setup-work-track-toggle{
    all:unset;
    box-sizing:border-box;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:34px;
    padding:0 12px;
    border-radius:999px;
    cursor:pointer;
    font-size:.78rem;
    font-weight:850;
    letter-spacing:.02em;
    transition:background .16s ease, border-color .16s ease, color .16s ease, opacity .16s ease;
  }

  .setup-work-track-toggle span{
    color:rgba(203,213,225,.82);
  }

  .setup-work-track-toggle strong{
    font-weight:950;
  }

  .setup-work-track-toggle.is-on{
    border:1px solid rgba(96,165,250,.38);
    background:rgba(59,130,246,.15);
    color:#dbeafe;
    box-shadow:0 0 0 3px rgba(59,130,246,.08);
  }

  .setup-work-track-toggle.is-off{
    border:1px solid rgba(148,163,184,.16);
    background:rgba(255,255,255,.035);
    color:rgba(148,163,184,.68);
    opacity:.72;
  }

  .setup-work-track-toggle.is-off strong{
    text-decoration:line-through;
    text-decoration-thickness:2px;
  }

  .setup-work-track-toggle:hover{
    opacity:1;
    border-color:rgba(96,165,250,.46);
    background:rgba(59,130,246,.12);
    color:#eff6ff;
  }

  .setup-work-follow-stack{
    display:grid;
    grid-template-columns:auto auto;
    gap:7px 10px;
    align-items:center;
    padding-right:10px;
    border-right:1px solid rgba(148,163,184,.16);
  }

  .setup-work-follow-label{
    grid-row:1 / span 2;
    color:rgba(203,213,225,.82);
    font-size:.8rem;
    font-weight:850;
  }

  .setup-follow-cell{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:7px;
  }

  .setup-work-status-pill{
    all:unset;
    box-sizing:border-box;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    min-width:92px;
    padding:0 11px;
    border-radius:999px;
    font-size:.76rem;
    font-weight:900;
    letter-spacing:.03em;
    line-height:1;
    transition:background .16s ease, border-color .16s ease, color .16s ease, opacity .16s ease;
  }

  button.setup-work-status-pill{
    cursor:pointer;
  }

  .setup-work-status-pill.lotexp.is-on{
    border:1px solid rgba(96,165,250,.42);
    background:rgba(59,130,246,.14);
    color:#dbeafe;
    box-shadow:0 0 0 3px rgba(59,130,246,.08);
  }

  .setup-work-status-pill.lotexp.is-off{
    border:1px solid rgba(148,163,184,.16);
    background:rgba(255,255,255,.035);
    color:rgba(148,163,184,.68);
    opacity:.72;
  }

  .setup-work-status-pill.bo.is-on{
    border:1px solid rgba(248,113,113,.48);
    background:rgba(239,68,68,.14);
    color:#fecaca;
    box-shadow:0 0 0 3px rgba(239,68,68,.08);
  }

  .setup-work-status-pill.bo.is-off{
    border:1px solid rgba(148,163,184,.16);
    background:rgba(255,255,255,.035);
    color:rgba(148,163,184,.62);
    opacity:.70;
  }

  .setup-work-status-pill.is-off strong{
    text-decoration:line-through;
    text-decoration-thickness:2px;
  }

  button.setup-work-status-pill:hover{
    opacity:1;
    border-color:rgba(96,165,250,.46);
    background:rgba(59,130,246,.12);
    color:#eff6ff;
  }

  button.setup-work-status-pill.bo:hover{
    border-color:rgba(248,113,113,.48);
    background:rgba(239,68,68,.12);
    color:#fecaca;
  }

  .setup-work-history-btn {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;

    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.08);

    background: rgba(255,255,255,0.02);
    color: rgba(180,200,220,0.7);

    transition: all .15s ease;
  }

  .setup-work-history-btn:hover {
    background: rgba(59,130,246,0.12);
    color: #93c5fd;
    border-color: rgba(59,130,246,0.3);
  }

  .setup-work-edit {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 32px;
    height: 32px;

    border-radius: 8px;

    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.02);
    color: rgba(180,200,220,0.7);

    transition: all .15s ease;
  }

  .setup-work-edit:hover {
    background: rgba(59,130,246,0.12);
    color: #93c5fd;
    border-color: rgba(59,130,246,0.3);
  }

  .setup-work-missing-lotexp-badge {
    display: inline-flex;
    align-items: center;
    height: 26px;
    padding: 0 10px;
    border-radius: 999px;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: .02em;

    color: #fbbf24;
    background: rgba(251, 191, 36, 0.10);
    border: 1px solid rgba(251, 191, 36, 0.28);
  }

  .setup-lotexp-missing-clock {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    height: 26px;
    padding: 0 10px;

    border-radius: 999px;
    border: 1px solid rgba(251, 191, 36, 0.32);
    background: rgba(251, 191, 36, 0.12);
    color: #fbbf24;

    font-size: 12px;
    font-weight: 900;
  }

  .setup-lotexp-missing-clock svg {
    width: 14px;
    height: 14px;
    stroke-width: 2.2;
  }

  .setup-minmax-group {
    align-items: center;
  }

  .setup-lotexp-missing-clock {
    align-self: center;
    transform: translateY(0);
  }

  .products-table-wrapper{
    border: 1px solid rgba(148,163,184,0.16) !important;
    background: rgba(11,18,32,0.55) !important;
    border-radius: 12px !important;

    overflow-x: auto !important;
    overflow-y: auto !important;

    max-height: 70vh;

    -webkit-overflow-scrolling: touch;
    padding: 2px;
  }

  .setup-nav-btn.is-disabled {
    opacity: .45;
    pointer-events: none;
    cursor: not-allowed;
  }

  .setup-actions-item[title] {
    position: relative;
  }

  .setup-actions-item[data-tooltip]:hover::after {
    content: attr(data-tooltip);
    position: absolute;
    right: 105%;
    top: 50%;
    transform: translateY(-50%);
    width: 240px;

    background: rgba(2,6,23,.95);
    border: 1px solid rgba(148,163,184,.25);
    color: #e5e7eb;

    padding: 10px 12px;
    border-radius: 10px;

    font-size: 12px;
    line-height: 1.4;

    box-shadow: 0 10px 30px rgba(0,0,0,.4);

    z-index: 100;
    pointer-events: none;
  }

  .setup-actions-item[data-tooltip]:hover::after {
    opacity: 1;
  }

  .setup-actions-item[data-tooltip]::after {
    opacity: 0;
    transition: opacity .15s ease, transform .15s ease;
  }

  .guide-icon {
    display: inline-flex;
    vertical-align: middle;
    margin: 0 4px;
    opacity: 0.9;
  }

  .guide-add-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 22px;
    height: 22px;

    border-radius: 999px;
    border: 1px solid rgba(148,163,184,.16);
    background: rgba(255,255,255,.05);

    color: #cbd5e1;
    font-size: 12px;
    font-weight: 900;

    margin: 0 4px;
  }

  .setup-nav-btn-catalog {
    border-color: rgba(96,165,250,.35);
    background: rgba(59,130,246,.12);
    color: #dbeafe;
  }

  .setup-nav-btn-catalog:hover {
    background: rgba(59,130,246,.22);
    border-color: rgba(96,165,250,.55);
    color: #fff;
  }

  .setup-nav-btn-catalog {
    box-shadow: 0 0 0 1px rgba(59,130,246,.25);
  }

  .guide-qty-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    padding: 2px 8px;
    border-radius: 999px;

    border: 1px solid rgba(125,211,252,.18);
    background: linear-gradient(
      180deg,
      rgba(56,189,248,.08) 0%,
      rgba(255,255,255,.03) 100%
    );

    font-size: 11px;
    font-weight: 900;
    color: #f8fafc;

    margin: 0 4px;
  }

  .guide-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 2px 8px;
    border-radius: 999px;

    border: 1px solid rgba(96,165,250,.35);
    background: rgba(59,130,246,.12);
    color: #dbeafe;

    font-size: 11px;
    font-weight: 900;

    margin: 0 4px;
  }


  @media (max-width:980px){
    .setup-shelves-guide{
      grid-template-columns:1fr;
    }

    .setup-shelves-page{
      padding:22px 16px 28px;
    }

    .setup-shelves-title{
      font-size:1.7rem;
    }

    .setup-shelves-head{
      flex-wrap:wrap;
    }

    .setup-shelves-head-actions{
      width:100%;
      justify-content:flex-start;
    }

    .setup-sections-toolbar{
      flex-direction:column;
      align-items:stretch;
    }

    .setup-shelves-toolbar-right{
      justify-content:space-between;
      flex-wrap:wrap;
    }

    .setup-view-toggle{
      order:-1;
      width:100%;
      justify-content:flex-start;
    }

    .setup-list-header,
    .setup-list-row{
      grid-template-columns:1fr;
    }

    .setup-list-head-cell{
      display:none;
    }

    .setup-list-cell{
      padding-top:10px;
      padding-bottom:10px;
    }

    .setup-list-cell-action{
      justify-content:flex-start;
      padding-top:0;
    }

    .setup-section-board-head{
      padding:12px 14px;
    }

    .setup-section-list-line{
      flex-direction:column;
      align-items:flex-start;
      padding:12px 14px;
    }

    .setup-section-list-line-right{
      width:100%;
      justify-content:flex-start;
    }

    .setup-section-line-name{
      white-space:normal;
    }
  }