/* Clean Atelier dashboard. Intentionally isolated from legacy dashboard CSS. */
:root{--at-green:#073f34;--at-green-deep:#04372f;--at-cream:#f8f4ee;--at-paper:#fffdfa;--at-gold:#b9832f;--at-gold-soft:#f5ead7;--at-line:#e9e0d5;--at-text:#171614;--at-muted:#746f68;--at-shadow:0 8px 24px rgba(59,43,27,.055)}
html,body{background:var(--at-cream)!important;color:var(--at-text)!important}
body{overflow-x:hidden!important}
.side{position:fixed!important;inset:0 auto 0 0!important;width:250px!important;min-width:250px!important;max-width:250px!important;background:linear-gradient(180deg,#064438 0%,#063b32 70%,#07362f 100%)!important;box-shadow:none!important;border:0!important;z-index:50!important;overflow:hidden!important}
.premium-side-brand{height:auto!important;padding:42px 34px 30px!important;border:0!important;display:block!important;text-align:left!important}.premium-side-brand .logo{font-family:Georgia,'Times New Roman',serif!important;font-size:32px!important;line-height:1!important;font-weight:500!important;color:#fff!important;letter-spacing:-.7px!important}.premium-side-brand .sub{margin-top:9px!important;color:#e4b461!important;font-size:11px!important;letter-spacing:3px!important;font-weight:700!important}
.luxury-nav{position:relative!important;z-index:2!important;display:flex!important;flex-direction:column!important;gap:5px!important;height:calc(100vh - 154px)!important;padding:12px 22px 235px!important;overflow-y:auto!important;scrollbar-width:none!important}.luxury-nav::-webkit-scrollbar{display:none}.luxury-nav button{display:flex!important;align-items:center!important;width:100%!important;height:58px!important;min-height:58px!important;margin:0!important;padding:0 18px!important;gap:15px!important;border:1px solid transparent!important;border-radius:12px!important;background:transparent!important;color:rgba(255,255,255,.9)!important;box-shadow:none!important;text-align:left!important}.luxury-nav button:hover{background:rgba(255,255,255,.05)!important}.luxury-nav button.active{background:rgba(239,214,163,.12)!important;border-color:rgba(215,169,80,.55)!important;color:#e9b75a!important}.luxury-nav .nav-icon{display:grid!important;place-items:center!important;width:24px!important;height:24px!important;min-width:24px!important;color:#e0ae56!important}.luxury-nav .nav-icon svg{width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.6!important;stroke-linecap:round!important;stroke-linejoin:round!important}.luxury-nav .navcopy b{font:500 15px/1.2 Arial,sans-serif!important;color:inherit!important}.luxury-nav .navcopy small,.nav-group,.side-profile-reference{display:none!important}.luxury-nav .nav-logout{margin-top:12px!important;border-color:rgba(210,155,64,.72)!important;color:#f0bb62!important}
.side::after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:225px!important;background:url('../img/sidebar-atelier-fixed.png') center bottom/100% auto no-repeat!important;opacity:1!important;pointer-events:none!important;z-index:1!important;mix-blend-mode:normal!important;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.72) 12%,#000 26%,#000 100%)!important;mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.72) 12%,#000 26%,#000 100%)!important}
.main{box-sizing:border-box!important;margin-left:250px!important;width:calc(100% - 250px)!important;min-height:100vh!important;padding:28px 30px 24px!important;background:radial-gradient(circle at 72% 0,rgba(255,255,255,.78),transparent 27%),var(--at-cream)!important}
#orders.atelier-dashboard{width:100%!important;max-width:1280px!important;margin:0 auto!important;padding:0!important;background:transparent!important}
.atelier-topbar{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:88px!important;padding:0 4px 17px!important;margin:0 0 18px!important;border-bottom:1px solid var(--at-line)!important}.atelier-title h1{margin:0!important;font-family:Georgia,'Times New Roman',serif!important;font-style:italic!important;font-weight:400!important;font-size:39px!important;line-height:1!important;letter-spacing:-1.1px!important;color:#151412!important}.atelier-title p{margin:8px 0 0!important;font:400 13px/1.2 Arial,sans-serif!important;color:#77716a!important}.atelier-user{display:flex!important;align-items:center!important;gap:11px!important;font-family:Arial,sans-serif!important}.atelier-user small,.atelier-user b{display:block!important}.atelier-user small{font-size:12px!important;color:#4f4b47!important}.atelier-user b{margin-top:3px!important;font-size:12px!important;color:#191817!important}.atelier-avatar{display:grid!important;place-items:center!important;width:43px!important;height:43px!important;border-radius:50%!important;background:#073f34!important;color:#fff!important;font:500 15px Arial,sans-serif!important}.atelier-bell{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border:0!important;background:transparent!important;color:#111!important}.atelier-bell svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}.atelier-chevron{font-size:15px!important}
.atelier-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;margin:0 0 18px!important}.atelier-kpi{box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:18px!important;height:136px!important;padding:24px 22px!important;background:var(--at-paper)!important;border:1px solid var(--at-line)!important;border-radius:13px!important;box-shadow:var(--at-shadow)!important}.atelier-kpi-icon{display:grid!important;place-items:center!important;width:58px!important;height:58px!important;min-width:58px!important;border-radius:50%!important}.atelier-kpi-icon.gold{background:#f5ead8!important;color:#a87427!important}.atelier-kpi-icon.green{background:#dcebd9!important;color:#135c3b!important}.atelier-kpi-icon svg{width:29px!important;height:29px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}.atelier-kpi div{min-width:0!important}.atelier-kpi small{display:block!important;font:400 12px/1.25 Arial,sans-serif!important;color:#494540!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.atelier-kpi b:not(.sr-only){display:block!important;margin-top:7px!important;font:700 28px/1 Arial,sans-serif!important;color:#111!important;white-space:nowrap!important}.atelier-kpi div>span:not(.sr-only){display:block!important;margin-top:8px!important;font:400 11px/1.2 Arial,sans-serif!important;color:#817a72!important}
.atelier-ops{box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(245px,1.2fr) minmax(155px,.68fr) 118px 118px minmax(310px,1.55fr)!important;gap:11px!important;align-items:stretch!important;min-height:118px!important;margin:0 0 18px!important;padding:17px 18px!important;background:var(--at-paper)!important;border:1px solid var(--at-line)!important;border-radius:13px!important;box-shadow:var(--at-shadow)!important}.atelier-ops-intro{position:relative!important;display:flex!important;align-items:center!important;gap:13px!important;min-width:0!important}.atelier-ops-icon{display:grid!important;place-items:center!important;width:62px!important;height:62px!important;min-width:62px!important;border-radius:12px!important;background:#073f34!important;color:#fff!important}.atelier-ops-icon svg{width:30px!important;height:30px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}.atelier-ops-intro strong{display:block!important;font:700 13px/1.25 Arial,sans-serif!important}.atelier-ops-intro div>span{display:block!important;margin-top:8px!important;font:400 11px/1.25 Arial,sans-serif!important;color:#5e5953!important;white-space:nowrap!important}.atelier-cash-art{width:48px!important;max-width:48px!important;flex:0 0 48px!important;height:auto!important;object-fit:contain!important;margin-left:auto!important;opacity:.58!important;filter:saturate(.72) sepia(.14)!important}.atelier-cash-actions{display:flex!important;align-items:stretch!important;min-width:0!important}.atelier-cash-btn{box-sizing:border-box!important;width:100%!important;height:100%!important;min-height:76px!important;margin:0!important;padding:12px!important;border:0!important;border-radius:10px!important;font:600 12px/1.2 Arial,sans-serif!important;cursor:pointer!important}.atelier-cash-btn.open{background:#073f34!important;color:#fff!important}.atelier-cash-btn.close{background:#b9822e!important;color:#fff!important}.atelier-cash-status{align-self:center!important;font:600 11px Arial,sans-serif!important;color:#8b342c!important}.atelier-balance{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;min-width:0!important;border:1px solid var(--at-line)!important;border-radius:10px!important}.atelier-balance.cash{background:#f0f4eb!important}.atelier-balance.account{background:#f8efe2!important}.atelier-balance small{font:700 9px/1.2 Arial,sans-serif!important;text-transform:uppercase!important;letter-spacing:.6px!important;color:#666159!important}.atelier-balance b{margin-top:10px!important;font:700 18px/1 Arial,sans-serif!important;white-space:nowrap!important}.atelier-statuses{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important}.atelier-status{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:0!important;padding:10px 5px!important;border:1px solid var(--at-line)!important;border-radius:10px!important;background:#fff!important}.atelier-status i{display:block!important;width:13px!important;height:13px!important;margin-bottom:9px!important;border-radius:50%!important}.atelier-status.work i{background:#e7a91b!important}.atelier-status.ready i{background:#58a255!important}.atelier-status.issued i{background:#397bb5!important}.atelier-status.late i{background:#df3f3f!important}.atelier-status small{font:400 9px/1.1 Arial,sans-serif!important;color:#34312e!important;text-align:center!important}.atelier-status b{margin-top:9px!important;font:700 17px/1 Arial,sans-serif!important}
.atelier-orders-card{box-sizing:border-box!important;padding:14px 14px 0!important;background:var(--at-paper)!important;border:1px solid var(--at-line)!important;border-radius:14px!important;box-shadow:var(--at-shadow)!important;overflow:visible!important}.atelier-searchbar{display:grid!important;grid-template-columns:162px minmax(0,1fr) 180px!important;gap:12px!important;align-items:center!important;min-height:68px!important;padding:0 6px!important}.atelier-new-order{height:46px!important;border:0!important;border-radius:9px!important;background:linear-gradient(135deg,#c09038,#ae7724)!important;color:#fff!important;font:600 12px Arial,sans-serif!important;cursor:pointer!important;box-shadow:none!important}.atelier-search-input{position:relative!important}.atelier-search-input input{box-sizing:border-box!important;width:100%!important;height:46px!important;padding:0 44px 0 15px!important;border:1px solid var(--at-line)!important;border-radius:9px!important;background:#fff!important;box-shadow:none!important;font:400 12px Arial,sans-serif!important}.atelier-search-input svg{position:absolute!important;right:15px!important;top:50%!important;transform:translateY(-50%)!important;width:18px!important;height:18px!important;fill:none!important;stroke:#8c8781!important;stroke-width:1.7!important;stroke-linecap:round!important}.atelier-searchbar select{box-sizing:border-box!important;width:100%!important;height:46px!important;padding:0 14px!important;border:1px solid var(--at-line)!important;border-radius:9px!important;background:#fff!important;color:#282522!important;font:400 12px Arial,sans-serif!important}.atelier-searchbar .filter-tool{display:none!important}
#orders #ordersList{margin-top:0!important}#orders .tablewrap.orders-desktop{width:100%!important;max-height:none!important;overflow-x:auto!important;overflow-y:visible!important;border:1px solid var(--at-line)!important;border-radius:10px!important;background:#fff!important}#orders .orders-desktop table{width:100%!important;min-width:900px!important;border-collapse:collapse!important;table-layout:fixed!important;background:#fff!important}#orders .orders-desktop th{box-sizing:border-box!important;height:43px!important;padding:11px 10px!important;background:#f8f5f1!important;border-right:1px solid #ebe4dc!important;border-bottom:1px solid var(--at-line)!important;color:#6d655d!important;font:700 9px/1.2 Arial,sans-serif!important;text-transform:uppercase!important;letter-spacing:.45px!important;text-align:left!important}.orders-desktop th:last-child{border-right:0!important;text-align:center!important}#orders .orders-desktop td{box-sizing:border-box!important;padding:13px 10px!important;border-right:1px solid #eee8e1!important;border-bottom:1px solid #eee8e1!important;color:#292623!important;font:400 11px/1.35 Arial,sans-serif!important;vertical-align:top!important;overflow-wrap:anywhere!important}.orders-desktop td:last-child{border-right:0!important}#orders .orders-desktop tbody tr:last-child td{border-bottom:0!important}#orders .orders-desktop th:nth-child(1),#orders .orders-desktop td:nth-child(1){width:12%!important}#orders .orders-desktop th:nth-child(2),#orders .orders-desktop td:nth-child(2){width:14%!important}#orders .orders-desktop th:nth-child(3),#orders .orders-desktop td:nth-child(3){width:18%!important}#orders .orders-desktop th:nth-child(4),#orders .orders-desktop td:nth-child(4){width:20%!important}#orders .orders-desktop th:nth-child(5),#orders .orders-desktop td:nth-child(5){width:11%!important}#orders .orders-desktop th:nth-child(6),#orders .orders-desktop td:nth-child(6){width:12%!important}#orders .orders-desktop th:nth-child(7),#orders .orders-desktop td:nth-child(7){width:8%!important}#orders .orders-desktop th:nth-child(8),#orders .orders-desktop td:nth-child(8){width:5%!important;text-align:center!important}#orders .order-number{font:700 13px/1.15 Arial,sans-serif!important}#orders .order-date,#orders .order-time,#orders .orders-desktop td small{display:block!important;margin-top:4px!important;color:#726c65!important;font:400 9px/1.3 Arial,sans-serif!important}#orders .orders-desktop td>b{font-size:12px!important}#orders .catitem{margin:0 0 4px!important}#orders .catitem span{display:block!important;font-size:8px!important;color:#7c756e!important;text-transform:uppercase!important}#orders .catitem b{font-size:10px!important;color:#292623!important}#orders .service-row{font-size:10.5px!important;line-height:1.35!important}.money-cell{font-size:12px!important;color:#171614!important}.paid-ok{margin-top:8px!important;color:#27824b!important}.paid-check{display:inline-grid!important;place-items:center!important;width:18px!important;height:18px!important;margin-right:5px!important;border:1px solid #9ad3ad!important;border-radius:50%!important;background:#ebf8ef!important}.badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:5px 8px!important;border-radius:999px!important;font-size:8px!important;font-weight:600!important;white-space:nowrap!important}.badge.ok{background:#e7f4ea!important;color:#27633c!important}.badge.warn{background:#fff4cf!important;color:#796019!important}.badge.late-badge{background:#fde8e6!important;color:#9c332e!important}.badge.wait-badge{background:#fff0df!important;color:#915d27!important}.menu-btn{border:0!important;background:transparent!important;font-size:20px!important;line-height:1!important}.orders-pagination{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:54px!important;padding:9px 2px!important;color:#787169!important;font:400 10px Arial,sans-serif!important}.orders-pagination nav{display:flex!important;gap:5px!important}.orders-pagination button{min-width:28px!important;height:28px!important;border:1px solid var(--at-line)!important;border-radius:7px!important;background:#fff!important}.orders-pagination button.active{background:#073f34!important;border-color:#073f34!important;color:#fff!important}.orders-mobile{display:none!important}.atelier-footer{padding:18px 0 4px!important;text-align:center!important;color:#9a7d58!important;font:400 10px Arial,sans-serif!important}
@media(max-width:1180px) and (min-width:901px){.side{width:220px!important;min-width:220px!important;max-width:220px!important}.main{margin-left:220px!important;width:calc(100% - 220px)!important;padding:22px 18px!important}.luxury-nav{padding-left:16px!important;padding-right:16px!important}.atelier-kpis{gap:10px!important}.atelier-kpi{height:122px!important;padding:18px 15px!important;gap:12px!important}.atelier-kpi-icon{width:48px!important;height:48px!important;min-width:48px!important}.atelier-kpi b:not(.sr-only){font-size:23px!important}.atelier-ops{grid-template-columns:1.35fr .7fr 100px 100px 1.45fr!important;padding:13px!important}.atelier-cash-art{display:none!important}.atelier-statuses{gap:5px!important}.atelier-status{padding-left:2px!important;padding-right:2px!important}}
@media(max-width:900px){.side{width:260px!important;min-width:260px!important;max-width:260px!important;transform:translateX(-100%)}.side.open,.side.mobile-open{transform:translateX(0)!important}.main{margin-left:0!important;width:100%!important;padding:74px 12px 18px!important}.atelier-topbar{min-height:68px!important}.atelier-title h1{font-size:31px!important}.atelier-user{display:none!important}.atelier-kpis{grid-template-columns:1fr 1fr!important;gap:10px!important}.atelier-kpi{height:112px!important;padding:14px!important}.atelier-kpi-icon{width:44px!important;height:44px!important;min-width:44px!important}.atelier-kpi b:not(.sr-only){font-size:21px!important}.atelier-ops{grid-template-columns:1fr 1fr!important}.atelier-ops-intro{grid-column:1/-1!important}.atelier-statuses{grid-column:1/-1!important}.atelier-searchbar{grid-template-columns:52px 1fr 135px!important;gap:7px!important}.atelier-new-order span{display:none!important}.atelier-new-order{font-size:20px!important}.orders-desktop{display:none!important}.orders-mobile{display:block!important}.side::after{display:none!important}}
@media(max-width:560px){.atelier-kpis{grid-template-columns:1fr!important}.atelier-kpi{height:104px!important}.atelier-ops{grid-template-columns:1fr!important}.atelier-ops-intro,.atelier-statuses{grid-column:auto!important}.atelier-statuses{grid-template-columns:repeat(4,1fr)!important}.atelier-searchbar{grid-template-columns:48px 1fr!important}.atelier-searchbar select{grid-column:1/-1!important}.atelier-footer{font-size:9px!important}}

/* === SIDEBAR DESKTOP: FIXED NAV + DECOR SEPARATION 2026-08-30 === */
@media (min-width:901px){
  .side{
    position:fixed!important;
    inset:0 auto 0 0!important;
    height:100vh!important;
    height:100dvh!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  .premium-side-brand{
    position:relative!important;
    z-index:5!important;
    padding:28px 34px 16px!important;
  }
  .luxury-nav{
    position:absolute!important;
    top:146px!important;
    left:0!important;
    right:0!important;
    bottom:auto!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:0 22px!important;
    transform:none!important;
    overflow:hidden!important;
    overflow-y:hidden!important;
    overflow-x:hidden!important;
    overscroll-behavior:none!important;
    scrollbar-width:none!important;
    z-index:5!important;
  }
  .luxury-nav::-webkit-scrollbar{display:none!important;}
  .luxury-nav button{
    height:42px!important;
    min-height:42px!important;
    margin:0 0 2px!important;
    padding:0 16px!important;
    gap:13px!important;
    border-radius:11px!important;
  }
  .luxury-nav .nav-icon{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
  }
  .luxury-nav .nav-icon svg{width:21px!important;height:21px!important;}
  .luxury-nav .navcopy b{font-size:14px!important;}
  .luxury-nav .nav-logout{margin-top:7px!important;}
  .side::after{
    left:0!important;right:0!important;bottom:0!important;
    height:150px!important;
    background-position:center bottom!important;
    background-size:100% auto!important;
    z-index:1!important;
    pointer-events:none!important;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.72) 17%,#000 36%,#000 100%)!important;
    mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.72) 17%,#000 36%,#000 100%)!important;
  }
}

/* === ATELIER SIDEBAR FULL-HEIGHT BACKGROUND 2026-08-30 === */
@media (min-width:901px){
  .side{
    position:fixed!important;
    inset:0 auto 0 0!important;
    height:100vh!important;
    height:100dvh!important;
    overflow:hidden!important;
    background:#073f34!important;
    isolation:isolate!important;
  }

  /* Full-height atelier artwork. It is intentionally muted so navigation stays readable. */
  .side::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    pointer-events:none!important;
    background-image:url('../img/sidebar-atelier-full-v2.png')!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
    background-position:42% center!important;
    opacity:.24!important;
    filter:saturate(.72) contrast(.94) brightness(.68)!important;
    transform:scale(1.01)!important;
  }

  /* Dark green veil: keeps the photo subtle across the entire column. */
  .side::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    width:auto!important;
    height:auto!important;
    z-index:1!important;
    pointer-events:none!important;
    background:
      linear-gradient(180deg,rgba(3,53,44,.58) 0%,rgba(3,58,49,.70) 46%,rgba(3,48,41,.76) 100%),
      linear-gradient(90deg,rgba(2,47,39,.34),rgba(2,47,39,.12))!important;
    opacity:1!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    mix-blend-mode:normal!important;
  }

  .premium-side-brand,
  .luxury-nav{
    position:relative!important;
    z-index:3!important;
  }

  .premium-side-brand{
    padding:30px 34px 18px!important;
    text-shadow:0 2px 10px rgba(0,0,0,.24)!important;
  }
  .premium-side-brand .logo{
    color:#fff!important;
    text-shadow:0 2px 10px rgba(0,0,0,.35)!important;
  }
  .premium-side-brand .sub{
    color:#f4bd5d!important;
    text-shadow:0 1px 6px rgba(0,0,0,.35)!important;
  }

  .luxury-nav{
    position:absolute!important;
    top:134px!important;
    left:0!important;
    right:0!important;
    bottom:18px!important;
    height:auto!important;
    padding:4px 22px 0!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    gap:3px!important;
  }

  .luxury-nav button{
    position:relative!important;
    z-index:4!important;
    height:47px!important;
    min-height:47px!important;
    margin:0!important;
    padding:0 16px!important;
    color:#fff!important;
    border-color:transparent!important;
    text-shadow:0 1px 5px rgba(0,0,0,.48)!important;
    background:rgba(3,44,37,.10)!important;
    backdrop-filter:none!important;
  }
  .luxury-nav button:hover{
    background:rgba(255,255,255,.09)!important;
  }
  .luxury-nav button.active{
    background:linear-gradient(90deg,rgba(191,139,55,.30),rgba(255,255,255,.13))!important;
    border-color:rgba(218,165,75,.55)!important;
    color:#fff!important;
    box-shadow:inset 3px 0 0 #d69a37!important;
  }
  .luxury-nav .navcopy b{
    color:inherit!important;
    font-size:15px!important;
    font-weight:700!important;
    line-height:1.15!important;
    letter-spacing:.05px!important;
    text-shadow:0 2px 6px rgba(0,0,0,.62)!important;
  }
  .luxury-nav .nav-icon{
    color:#f0bd61!important;
    filter:drop-shadow(0 1px 3px rgba(0,0,0,.48))!important;
  }
  .luxury-nav .nav-logout{
    margin-top:8px!important;
    border-color:rgba(222,170,76,.72)!important;
    background:rgba(3,40,34,.36)!important;
    color:#ffc960!important;
  }
}

@media (max-width:900px){
  .side::before,.side::after{display:none!important;}
}

/* === SIDEBAR PHOTO GUARANTEED V2 === */
@media (min-width:901px){
  .side{
    background:
      linear-gradient(180deg,rgba(2,55,46,.56) 0%,rgba(2,58,49,.50) 45%,rgba(2,45,39,.58) 100%),
      url('../img/sidebar-atelier-full-v2.png') center center / cover no-repeat!important;
    background-color:#073f34!important;
  }
  /* Photo now lives directly on .side, so old pseudo layers cannot hide it. */
  .side::before,.side::after{content:none!important;display:none!important;}

  .premium-side-brand,.luxury-nav{position:relative!important;z-index:5!important;}
  .luxury-nav button{
    color:#fff!important;
    background:rgba(2,42,35,.20)!important;
    text-shadow:0 2px 5px rgba(0,0,0,.78)!important;
  }
  .luxury-nav button:hover{background:rgba(255,255,255,.11)!important;}
  .luxury-nav button.active{
    color:#fff!important;
    background:linear-gradient(90deg,rgba(185,128,41,.48),rgba(5,66,55,.58))!important;
    border-color:rgba(225,171,76,.72)!important;
    box-shadow:inset 3px 0 0 #e0a33c,0 6px 18px rgba(0,0,0,.12)!important;
  }
  .luxury-nav .navcopy b{
    color:#fff!important;
    font-size:15px!important;
    font-weight:800!important;
    letter-spacing:.1px!important;
    text-shadow:0 2px 6px rgba(0,0,0,.90)!important;
  }
  .luxury-nav .nav-icon{
    color:#f0bd61!important;
    filter:drop-shadow(0 2px 4px rgba(0,0,0,.80))!important;
  }
}

/* === SIDEBAR PHOTO GUARANTEED V2 === */
@media (min-width:901px){
  .side{
    background:
      linear-gradient(180deg,rgba(2,55,46,.56) 0%,rgba(2,58,49,.50) 45%,rgba(2,45,39,.58) 100%),
      url('../img/sidebar-atelier-full-v2.png') center center / cover no-repeat!important;
    background-color:#073f34!important;
  }
  .side::before,.side::after{content:none!important;display:none!important;}
  .premium-side-brand,.luxury-nav{position:relative!important;z-index:5!important;}
  .luxury-nav button{
    color:#fff!important;
    background:rgba(2,42,35,.20)!important;
    text-shadow:0 2px 5px rgba(0,0,0,.78)!important;
  }
  .luxury-nav button:hover{background:rgba(255,255,255,.11)!important;}
  .luxury-nav button.active{
    color:#fff!important;
    background:linear-gradient(90deg,rgba(185,128,41,.48),rgba(5,66,55,.58))!important;
    border-color:rgba(225,171,76,.72)!important;
    box-shadow:inset 3px 0 0 #e0a33c,0 6px 18px rgba(0,0,0,.12)!important;
  }
  .luxury-nav .navcopy b{
    color:#fff!important;
    font-size:15px!important;
    font-weight:800!important;
    letter-spacing:.1px!important;
    text-shadow:0 2px 6px rgba(0,0,0,.90)!important;
  }
  .luxury-nav .nav-icon{
    color:#f0bd61!important;
    filter:drop-shadow(0 2px 4px rgba(0,0,0,.80))!important;
  }
}

/* === FINAL SIDEBAR — generated atelier artwork, fixed 2026-08-30 === */
@media (min-width:901px){
  .side{
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:250px!important;
    min-width:250px!important;
    max-width:250px!important;
    height:100vh!important;
    height:100dvh!important;
    overflow:hidden!important;
    isolation:isolate!important;
    background:#171b17 url('../img/sidebar-atelier-dark-v3.webp') 62% center / cover no-repeat!important;
    box-shadow:none!important;
    border:0!important;
    z-index:50!important;
  }
  /* Muted photographic layer: visible, but subordinate to navigation. */
  .side::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    pointer-events:none!important;
    background:
      linear-gradient(180deg,rgba(2,12,10,.33) 0%,rgba(3,17,14,.38) 46%,rgba(2,13,11,.50) 100%),
      rgba(14,40,32,.12)!important;
  }
  .side::after{content:none!important;display:none!important;}

  .premium-side-brand{
    position:absolute!important;
    z-index:5!important;
    top:0!important;left:0!important;right:0!important;
    padding:48px 38px 22px!important;
    margin:0!important;
    background:transparent!important;
  }
  .premium-side-brand .logo{
    color:#fff!important;
    font-size:31px!important;
    font-weight:500!important;
    letter-spacing:-.4px!important;
    text-shadow:0 2px 10px rgba(0,0,0,.78)!important;
  }
  .premium-side-brand .sub{
    margin-top:10px!important;
    color:#f3bb52!important;
    font-size:11px!important;
    font-weight:800!important;
    letter-spacing:3px!important;
    text-shadow:0 2px 8px rgba(0,0,0,.82)!important;
  }

  .luxury-nav{
    position:absolute!important;
    z-index:6!important;
    top:164px!important;
    left:20px!important;
    right:20px!important;
    bottom:20px!important;
    width:auto!important;
    height:auto!important;
    max-height:none!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    gap:5px!important;
    overflow:hidden!important;
    transform:none!important;
  }
  .luxury-nav button{
    flex:0 0 48px!important;
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:0 16px!important;
    display:flex!important;
    align-items:center!important;
    gap:13px!important;
    border:1px solid transparent!important;
    border-radius:11px!important;
    background:rgba(4,18,15,.12)!important;
    color:#fff!important;
    box-shadow:none!important;
    text-shadow:0 2px 7px rgba(0,0,0,.96)!important;
    backdrop-filter:blur(1.2px)!important;
    -webkit-backdrop-filter:blur(1.2px)!important;
  }
  .luxury-nav button:hover{background:rgba(255,255,255,.11)!important;}
  .luxury-nav button.active{
    color:#fff!important;
    background:linear-gradient(90deg,rgba(152,112,55,.66),rgba(101,83,54,.52))!important;
    border-color:rgba(224,174,85,.58)!important;
    box-shadow:inset 3px 0 0 #e1aa47!important;
  }
  .luxury-nav .nav-icon{
    display:grid!important;
    place-items:center!important;
    width:23px!important;
    height:23px!important;
    min-width:23px!important;
    color:#f2bc58!important;
    filter:drop-shadow(0 2px 4px rgba(0,0,0,.92))!important;
  }
  .luxury-nav .nav-icon svg{width:22px!important;height:22px!important;}
  .luxury-nav .navcopy b{
    color:#fff!important;
    font:700 15px/1.1 Arial,sans-serif!important;
    letter-spacing:.05px!important;
    text-shadow:0 2px 7px rgba(0,0,0,1)!important;
  }
  .luxury-nav .nav-logout{
    margin-top:7px!important;
    border-color:rgba(232,178,75,.84)!important;
    background:rgba(4,20,17,.40)!important;
    color:#ffc45a!important;
  }
  .luxury-nav .nav-logout .navcopy b{color:#ffc45a!important;}

  .main{
    margin-left:250px!important;
    width:calc(100% - 250px)!important;
  }
}

@media (min-width:901px) and (max-height:760px){
  .premium-side-brand{padding-top:34px!important;}
  .luxury-nav{top:144px!important;bottom:12px!important;gap:3px!important;}
  .luxury-nav button{flex-basis:43px!important;height:43px!important;min-height:43px!important;}
  .luxury-nav .nav-logout{margin-top:4px!important;}
}


/* === ATELIER XI — FINAL POLISH / SIDEBAR 10-10 === */
@media (min-width:901px){
  .side{
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:250px!important;
    min-width:250px!important;
    max-width:250px!important;
    height:100vh!important;
    height:100dvh!important;
    overflow:hidden!important;
    isolation:isolate!important;
    background:#151713 url('../img/sidebar-atelier-dark-v3.webp') 61% 50% / cover no-repeat!important;
  }
  .side::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    pointer-events:none!important;
    background:
      linear-gradient(90deg,rgba(5,18,15,.74) 0%,rgba(6,21,17,.61) 58%,rgba(7,20,16,.42) 100%),
      linear-gradient(180deg,rgba(0,0,0,.26) 0%,rgba(0,0,0,.22) 42%,rgba(0,0,0,.36) 100%)!important;
  }
  .side::after{content:none!important;display:none!important;}

  .premium-side-brand{
    position:absolute!important;
    z-index:5!important;
    top:0!important;left:0!important;right:0!important;
    padding:40px 34px 20px!important;
    margin:0!important;
    background:linear-gradient(180deg,rgba(4,14,12,.20),transparent)!important;
  }
  .premium-side-brand .logo{
    color:#fff!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:31px!important;
    font-weight:500!important;
    letter-spacing:-.45px!important;
    line-height:1!important;
    text-shadow:0 2px 12px rgba(0,0,0,.92)!important;
  }
  .premium-side-brand .sub{
    margin-top:10px!important;
    color:#f3b849!important;
    font:800 11px/1 Arial,sans-serif!important;
    letter-spacing:3px!important;
    text-shadow:0 2px 8px rgba(0,0,0,.95)!important;
  }

  .luxury-nav{
    position:absolute!important;
    z-index:6!important;
    top:153px!important;
    left:20px!important;
    right:20px!important;
    bottom:18px!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    gap:4px!important;
    transform:none!important;
  }
  .luxury-nav button{
    flex:0 0 47px!important;
    width:100%!important;
    height:47px!important;
    min-height:47px!important;
    margin:0!important;
    padding:0 15px!important;
    display:flex!important;
    align-items:center!important;
    gap:13px!important;
    border:1px solid transparent!important;
    border-radius:11px!important;
    background:rgba(2,11,9,.28)!important;
    color:#fff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
    backdrop-filter:blur(2px)!important;
    -webkit-backdrop-filter:blur(2px)!important;
    transition:background .18s ease,border-color .18s ease,transform .18s ease!important;
  }
  .luxury-nav button:hover{
    background:rgba(20,44,35,.66)!important;
    border-color:rgba(255,255,255,.10)!important;
  }
  .luxury-nav button.active{
    background:linear-gradient(90deg,rgba(141,98,39,.82),rgba(95,72,39,.60))!important;
    border-color:rgba(224,169,73,.72)!important;
    box-shadow:inset 3px 0 0 #e0a43b,0 7px 18px rgba(0,0,0,.18)!important;
  }
  .luxury-nav .nav-icon{
    display:grid!important;
    place-items:center!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    color:#f2bb55!important;
    filter:drop-shadow(0 2px 4px rgba(0,0,0,.95))!important;
  }
  .luxury-nav .nav-icon svg{width:21px!important;height:21px!important;stroke-width:1.75!important;}
  .luxury-nav .navcopy b{
    color:#fff!important;
    font:700 15px/1.1 Arial,sans-serif!important;
    letter-spacing:.05px!important;
    text-shadow:0 2px 5px rgba(0,0,0,1),0 0 2px rgba(0,0,0,.8)!important;
  }
  .luxury-nav .nav-logout{
    margin-top:8px!important;
    border-color:rgba(231,175,72,.84)!important;
    background:rgba(5,19,15,.58)!important;
  }
  .luxury-nav .nav-logout .navcopy b,
  .luxury-nav .nav-logout .nav-icon{color:#ffc553!important;}

  .main{
    margin-left:250px!important;
    width:calc(100% - 250px)!important;
  }

  /* Small polish to the workspace so the sidebar and CRM read as one design system. */
  .atelier-kpi,.atelier-ops,.atelier-orders-panel{
    border-color:#e7ddd0!important;
    box-shadow:0 8px 24px rgba(65,47,29,.045)!important;
  }
  .atelier-kpi,.atelier-ops,.atelier-orders-panel{background:rgba(255,253,250,.96)!important;}
  .atelier-new-order,.atelier-cash-btn.close{background:#bd8429!important;}
  .atelier-new-order:hover,.atelier-cash-btn.close:hover{filter:brightness(.96)!important;}
}

@media (min-width:901px) and (max-height:800px){
  .premium-side-brand{padding-top:31px!important;}
  .luxury-nav{top:139px!important;bottom:12px!important;gap:2px!important;}
  .luxury-nav button{flex-basis:43px!important;height:43px!important;min-height:43px!important;border-radius:10px!important;}
  .luxury-nav .nav-logout{margin-top:5px!important;}
}

@media (min-width:901px) and (max-width:1180px){
  .side{width:220px!important;min-width:220px!important;max-width:220px!important;background-position:61% center!important;}
  .premium-side-brand{padding-left:28px!important;padding-right:28px!important;}
  .luxury-nav{left:15px!important;right:15px!important;}
  .main{margin-left:220px!important;width:calc(100% - 220px)!important;}
}

/* === ATELIER XI — SIDEBAR CONTRAST MASTER / 2026-08-30 === */
@media (min-width:901px){
  .side{
    background-color:#0b100d!important;
    background-image:url('../img/sidebar-atelier-dark-v3.webp')!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    background-position:61% 50%!important;
  }
  /* Darken and desaturate the photo without hiding the atelier atmosphere. */
  .side::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    pointer-events:none!important;
    background:
      linear-gradient(90deg,rgba(3,13,10,.84) 0%,rgba(4,16,12,.78) 48%,rgba(6,18,14,.62) 100%),
      linear-gradient(180deg,rgba(0,0,0,.38) 0%,rgba(0,0,0,.31) 38%,rgba(0,0,0,.46) 100%)!important;
    backdrop-filter:saturate(.72) brightness(.88)!important;
    -webkit-backdrop-filter:saturate(.72) brightness(.88)!important;
  }
  /* A quiet local veil sits only under navigation: photo remains visible, labels stay dominant. */
  .luxury-nav::before{
    content:""!important;
    position:absolute!important;
    z-index:-1!important;
    inset:-14px -10px -12px -10px!important;
    border-radius:18px!important;
    pointer-events:none!important;
    background:linear-gradient(180deg,rgba(2,13,10,.34),rgba(2,13,10,.48))!important;
    box-shadow:0 10px 34px rgba(0,0,0,.09)!important;
  }
  .luxury-nav{isolation:isolate!important;}
  .luxury-nav button{
    background:rgba(3,16,12,.34)!important;
    border-color:rgba(255,255,255,.035)!important;
  }
  .luxury-nav button:hover{
    background:rgba(17,45,34,.78)!important;
    border-color:rgba(255,255,255,.14)!important;
  }
  .luxury-nav button.active{
    background:linear-gradient(90deg,rgba(161,111,40,.92),rgba(105,76,38,.78))!important;
    border-color:rgba(235,185,91,.86)!important;
    box-shadow:inset 3px 0 0 #f1b64c,0 8px 20px rgba(0,0,0,.24)!important;
  }
  .luxury-nav .navcopy b{
    color:#fff!important;
    font-weight:800!important;
    text-shadow:0 2px 6px rgba(0,0,0,1),0 0 4px rgba(0,0,0,.9)!important;
  }
  .luxury-nav .nav-icon{
    color:#f6c76d!important;
    filter:drop-shadow(0 2px 5px rgba(0,0,0,1))!important;
  }
  .luxury-nav .nav-logout{
    background:rgba(2,15,11,.70)!important;
    border-color:rgba(238,184,76,.94)!important;
  }
  .luxury-nav .nav-logout .navcopy b,
  .luxury-nav .nav-logout .nav-icon{color:#ffd06e!important;}
}

/* === ATELIER XI — SIDEBAR CONTRAST MASTER / 2026-08-30 === */
@media (min-width:901px){
  .side{
    background-color:#0b100d!important;
    background-image:url('../img/sidebar-atelier-dark-v3.webp')!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    background-position:61% 50%!important;
  }
  .side::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    pointer-events:none!important;
    background:
      linear-gradient(90deg,rgba(3,13,10,.84) 0%,rgba(4,16,12,.78) 48%,rgba(6,18,14,.62) 100%),
      linear-gradient(180deg,rgba(0,0,0,.38) 0%,rgba(0,0,0,.31) 38%,rgba(0,0,0,.46) 100%)!important;
    backdrop-filter:saturate(.72) brightness(.88)!important;
    -webkit-backdrop-filter:saturate(.72) brightness(.88)!important;
  }
  .luxury-nav::before{
    content:""!important;
    position:absolute!important;
    z-index:-1!important;
    inset:-14px -10px -12px -10px!important;
    border-radius:18px!important;
    pointer-events:none!important;
    background:linear-gradient(180deg,rgba(2,13,10,.34),rgba(2,13,10,.48))!important;
    box-shadow:0 10px 34px rgba(0,0,0,.09)!important;
  }
  .luxury-nav{isolation:isolate!important;}
  .luxury-nav button{
    background:rgba(3,16,12,.34)!important;
    border-color:rgba(255,255,255,.035)!important;
  }
  .luxury-nav button:hover{
    background:rgba(17,45,34,.78)!important;
    border-color:rgba(255,255,255,.14)!important;
  }
  .luxury-nav button.active{
    background:linear-gradient(90deg,rgba(161,111,40,.92),rgba(105,76,38,.78))!important;
    border-color:rgba(235,185,91,.86)!important;
    box-shadow:inset 3px 0 0 #f1b64c,0 8px 20px rgba(0,0,0,.24)!important;
  }
  .luxury-nav .navcopy b{
    color:#fff!important;
    font-weight:800!important;
    text-shadow:0 2px 6px rgba(0,0,0,1),0 0 4px rgba(0,0,0,.9)!important;
  }
  .luxury-nav .nav-icon{
    color:#f6c76d!important;
    filter:drop-shadow(0 2px 5px rgba(0,0,0,1))!important;
  }
  .luxury-nav .nav-logout{
    background:rgba(2,15,11,.70)!important;
    border-color:rgba(238,184,76,.94)!important;
  }
  .luxury-nav .nav-logout .navcopy b,
  .luxury-nav .nav-logout .nav-icon{color:#ffd06e!important;}
}

/* === ATELIER XI — FINAL 10/10 SIDEBAR POLISH / 2026-08-30 === */
@media (min-width:901px){
  .side{
    background-position:60% 50%!important;
  }
  /* Final tonal treatment: keep the atelier visible, but make navigation the dominant layer. */
  .side::before{
    background:
      linear-gradient(90deg,rgba(3,11,9,.88) 0%,rgba(4,14,11,.84) 44%,rgba(7,17,13,.72) 100%),
      linear-gradient(180deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,.34) 26%,rgba(0,0,0,.48) 100%)!important;
    backdrop-filter:saturate(.66) brightness(.84) contrast(.96)!important;
    -webkit-backdrop-filter:saturate(.66) brightness(.84) contrast(.96)!important;
  }
  .luxury-nav::before{
    inset:-12px -8px -10px -8px!important;
    border-radius:16px!important;
    background:
      linear-gradient(180deg,rgba(2,12,9,.24) 0%,rgba(2,12,9,.46) 44%,rgba(2,12,9,.55) 100%)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.08)!important;
  }
  .luxury-nav button{
    background:rgba(4,17,13,.27)!important;
    border-color:rgba(255,255,255,.025)!important;
  }
  .luxury-nav button:hover{
    background:rgba(36,53,42,.72)!important;
    border-color:rgba(239,205,144,.18)!important;
  }
  .luxury-nav button.active{
    background:linear-gradient(90deg,rgba(176,126,55,.72) 0%,rgba(126,96,56,.52) 100%)!important;
    border-color:rgba(235,190,111,.56)!important;
    box-shadow:inset 3px 0 0 #e5aa43,0 8px 18px rgba(0,0,0,.16)!important;
  }
  .luxury-nav .navcopy b{
    color:#fffdf7!important;
    font-weight:800!important;
    letter-spacing:.08px!important;
    text-shadow:0 1px 2px rgba(0,0,0,.74),0 0 1px rgba(0,0,0,.50)!important;
  }
  .luxury-nav .nav-icon{
    color:#e8bd67!important;
    opacity:.98!important;
    filter:drop-shadow(0 1px 2px rgba(0,0,0,.70))!important;
  }
  .luxury-nav .nav-logout{
    background:rgba(4,17,13,.62)!important;
    border-color:rgba(229,170,67,.78)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  }
  .luxury-nav .nav-logout:hover{
    background:rgba(34,44,33,.82)!important;
  }
  .luxury-nav .nav-logout .navcopy b,
  .luxury-nav .nav-logout .nav-icon{
    color:#f0bd59!important;
  }
  .premium-side-brand .logo{
    text-shadow:0 2px 8px rgba(0,0,0,.42)!important;
  }
  .premium-side-brand .sub{
    text-shadow:0 1px 4px rgba(0,0,0,.46)!important;
  }

  /* Final micro-polish on the main workspace — no layout/function changes. */
  .atelier-kpi,.atelier-ops,.atelier-orders-panel{
    border-color:#e6ddd1!important;
    box-shadow:0 10px 28px rgba(66,49,31,.05)!important;
  }
  .atelier-new-order,.atelier-cash-btn.close{
    background:linear-gradient(180deg,#c58a2b 0%,#b8791f 100%)!important;
    box-shadow:0 5px 13px rgba(174,112,27,.14)!important;
  }
}


/* FINAL TAB VISIBILITY FIX: only the selected CRM section may be visible. */
.page[hidden]{display:none!important;}

/* =============================================================
   ATELIER XI — SIDEBAR LOGOUT HOTFIX v0.7.9 / 2026-09-02
   The active sidebar design uses absolute brand/navigation layers.
   Keep logout in its own fixed footer and reserve space for it.
   ============================================================= */
@media (min-width:901px){
  .side{
    position:fixed!important;
    overflow:hidden!important;
  }
  .premium-side-brand{
    position:absolute!important;
    top:0!important;
    left:0!important;
    right:0!important;
  }
  .luxury-nav{
    position:absolute!important;
    top:153px!important;
    left:20px!important;
    right:20px!important;
    bottom:82px!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:0 0 8px!important;
    margin:0!important;
    z-index:6!important;
  }
  .side-footer{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    top:auto!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:8px 20px 14px!important;
    z-index:12!important;
    background:linear-gradient(180deg,rgba(8,47,41,0) 0%,rgba(8,47,41,.93) 22%,#082f29 100%)!important;
    border-top:1px solid rgba(226,181,103,.18)!important;
    box-shadow:0 -10px 22px rgba(4,28,24,.14)!important;
  }
  .side-footer .nav-logout{
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
  }
}
@media (min-width:901px) and (max-height:800px){
  .luxury-nav{
    top:139px!important;
    bottom:80px!important;
  }
  .side-footer{
    padding:7px 20px 12px!important;
  }
  .side-footer .nav-logout{
    height:46px!important;
    min-height:46px!important;
  }
}