/* PANBOX_DELIVERY_NAV_V12 — menu unico, conteudo PANBOX embutido sem esconder o Delivery. */
body.panbox-delivery-mode #sidebar{display:flex!important}
body.panbox-delivery-mode .topbar{display:flex!important}
body.panbox-delivery-mode .main{grid-column:2!important;margin:0!important;padding:0 22px 18px!important;max-width:none!important;width:auto!important;min-width:0!important}
body.panbox-delivery-mode .content{max-width:none!important;margin:0!important;padding-top:8px!important}
body.panbox-delivery-mode #tenantApp{display:grid!important}
body.panbox-delivery-mode #view-panbox:not(.active){display:none!important}
body.panbox-delivery-mode #view-panbox.active{display:flex!important;position:relative!important;inset:auto!important;z-index:1!important;background:#f8faf9;flex-direction:column;margin:0;padding:0;border:1px solid #dde7e2;border-radius:16px;overflow:hidden;height:calc(100dvh - 100px);min-height:450px}
#view-panbox .panbox-integrated-toolbar{min-height:59px;flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:10px 14px;background:#fff;color:#193b32;border-bottom:1px solid #e4ece8;flex-wrap:wrap}
#view-panbox .panbox-integrated-head{display:grid;gap:2px;min-width:165px}
#view-panbox .panbox-integrated-head strong{font:800 15px Poppins,Arial,sans-serif;letter-spacing:-.025em}
#view-panbox .panbox-integrated-head span{font:500 10px Inter,Arial,sans-serif;color:#788e85}
#view-panbox .panbox-integrated-action,#view-panbox .panbox-integrated-back{border:1px solid #d9e5df;background:#f9fcfa;color:#356153;border-radius:10px;padding:8px 10px;font:700 11px Poppins,Arial,sans-serif;cursor:pointer}
#view-panbox .panbox-integrated-back{background:#f3f6f4;color:#657b71}
#view-panbox .panbox-config-label{font:700 10px Poppins,Arial,sans-serif;color:#56776a}
#view-panbox .panbox-config-select{max-width:250px;min-width:170px;min-height:36px;border:1px solid #cbded4;border-radius:10px;background:#fff;padding:7px 9px;font:600 11px Poppins,Arial,sans-serif;color:#193b32}
#view-panbox #panboxIntegrationStatus{font:500 10px Inter,Arial,sans-serif;flex:1;min-width:0;color:#5c756a}
#view-panbox #panboxIntegrationStatus.error{color:#bd4040}
#panboxIntegratedFrame{display:block;flex:1;width:100%;height:100%;min-height:0;border:0;background:#fff}
#sidebar #panboxGroupButton{position:relative}
#sidebar #panboxGroupButton.panbox-expanded{background:rgba(255,255,255,.075)}
#sidebar .panbox-caret{margin-left:auto;font-size:15px;transition:transform .2s}
#sidebar .panbox-expanded .panbox-caret{transform:rotate(180deg)}
#sidebar .panbox-nav-badge{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#ce4444;color:#fff;font:800 10px Inter,Arial,sans-serif;margin-left:auto}
#sidebar .panbox-nav-badge.hidden{display:none!important}
#sidebar .panbox-submenu{display:flex;flex-direction:column;gap:3px;margin:0 0 7px 14px;padding:3px 0 3px 12px;border-left:1px solid #625b66}
#sidebar .panbox-submenu.hidden{display:none!important}
#sidebar .panbox-submenu button{width:100%;height:36px;min-height:36px;border:0;border-radius:10px;text-align:left;display:flex;align-items:center;gap:9px;padding:0 9px;font:600 10.5px Poppins,Arial,sans-serif;color:#ded9e3;background:transparent;cursor:pointer}
#sidebar .panbox-submenu button.panbox-sub-active,#sidebar .panbox-submenu button:hover{background:#3b343f;color:#fff}
#panboxDeliveryBell{position:relative;min-height:35px!important;cursor:pointer;color:#b33c38;background:#fff0f0;border:1px solid #f4bebe;border-radius:11px;padding:0 10px;font-weight:800}
#panboxDeliveryBell.hidden{display:none!important}
#panboxDeliveryBell.panbox-alert-offline{opacity:.5}
#panboxDeliveryToast{position:fixed;right:22px;bottom:22px;z-index:999;display:flex;align-items:center;gap:12px;max-width:min(385px,calc(100vw - 24px));padding:13px 14px;background:#fff;border:1px solid #d2e5db;border-left:4px solid #07936d;border-radius:15px;box-shadow:0 15px 46px #193d3422;color:#203c32}
#panboxDeliveryToast.hidden{display:none!important}
#panboxDeliveryToast .panbox-toast-copy{display:grid;gap:4px;min-width:0}
#panboxDeliveryToast b{font:800 12px Poppins,Arial,sans-serif}
#panboxDeliveryToast small{font:500 11px Inter,Arial,sans-serif;color:#617c71;line-height:1.45}
#panboxDeliveryToast button{background:#e6f7ef;color:#087e5c;border:0;border-radius:9px;padding:8px 10px;cursor:pointer;font:700 10px Poppins,Arial,sans-serif}
#panboxDeliveryToast button:last-child{background:transparent;color:#6a8278;padding:6px}
@media(max-width:900px){body.panbox-delivery-mode .main{padding:0 12px 12px!important}body.panbox-delivery-mode #view-panbox.active{height:calc(100dvh - 84px)}#view-panbox .panbox-integrated-head span{display:none}}
@media(max-width:760px){body.panbox-delivery-mode #tenantApp{display:block!important}body.panbox-delivery-mode #sidebar{display:flex!important}body.panbox-delivery-mode #view-panbox.active{height:calc(100dvh - 90px);min-height:410px}#view-panbox .panbox-integrated-toolbar{gap:7px;padding:8px}#view-panbox .panbox-integrated-head{min-width:auto}#view-panbox #panboxIntegrationStatus{width:100%;order:5;flex-basis:100%}}

/* PANBOX_DELIVERY_NAV_V132: rail compacta no desktop, expande com hover ou foco visivel de teclado. */
@media(min-width:761px){
  #tenantApp.shell{--sidebar:68px!important}
  #tenantApp #sidebar{width:68px!important;transition:width .22s ease;overflow-x:hidden;z-index:80!important;padding:14px 8px!important}
  #tenantApp #sidebar:hover,#tenantApp #sidebar:has(:focus-visible){width:242px!important;box-shadow:10px 0 36px #0e101c32}
  #tenantApp #sidebar .brand{justify-content:center;padding:4px 0 13px;min-height:60px}
  #tenantApp #sidebar .brand-logo{width:41px;height:41px;object-fit:contain;flex-shrink:0}
  #tenantApp #sidebar .brand-text,#tenantApp #sidebar .store-chip,#tenantApp #sidebar .nav-label,#tenantApp #sidebar .sidebar-foot{display:none!important}
  #tenantApp #sidebar:hover .brand-text,#tenantApp #sidebar:has(:focus-visible) .brand-text{display:block!important}
  #tenantApp #sidebar:hover .store-chip,#tenantApp #sidebar:has(:focus-visible) .store-chip{display:block!important}
  #tenantApp #sidebar:hover .nav-label,#tenantApp #sidebar:has(:focus-visible) .nav-label{display:block!important}
  #tenantApp #sidebar:hover .sidebar-foot,#tenantApp #sidebar:has(:focus-visible) .sidebar-foot{display:block!important}
  #tenantApp #sidebar .nav{gap:6px}
  #tenantApp #sidebar .nav>button{justify-content:center;min-height:46px;padding:0 7px;gap:10px;position:relative;flex-shrink:0;white-space:nowrap}
  #tenantApp #sidebar .nav>button svg.ico{width:20px!important;height:20px!important;min-width:20px;flex-shrink:0}
  #tenantApp #sidebar .nav>button .pan-nav-name{display:none!important}
  #tenantApp #sidebar .nav>button .nav-dot,#tenantApp #sidebar .nav>button .panbox-caret{display:none!important}
  #tenantApp #sidebar:hover .nav>button,#tenantApp #sidebar:has(:focus-visible) .nav>button{justify-content:flex-start;padding:0 12px}
  #tenantApp #sidebar:hover .nav>button .pan-nav-name,#tenantApp #sidebar:has(:focus-visible) .nav>button .pan-nav-name{display:inline!important;overflow:hidden;text-overflow:ellipsis}
  #tenantApp #sidebar:hover .nav>button .panbox-caret,#tenantApp #sidebar:has(:focus-visible) .nav>button .panbox-caret{display:inline!important}
  #tenantApp #sidebar .panbox-submenu{display:none!important}
  #tenantApp #sidebar:hover .panbox-submenu:not(.hidden),#tenantApp #sidebar:has(:focus-visible) .panbox-submenu:not(.hidden){display:flex!important}
  #tenantApp #sidebar .panbox-nav-badge:not(.hidden){position:absolute;right:0;top:2px;min-width:17px;height:17px;font-size:9px}
  #tenantApp #sidebar:hover .panbox-nav-badge:not(.hidden),#tenantApp #sidebar:has(:focus-visible) .panbox-nav-badge:not(.hidden){position:static}
  #tenantApp .main{min-width:0!important}
}
#sidebar .panbox-submenu svg.ico{width:16px;height:16px;flex-shrink:0}
#sidebar .panbox-submenu button{min-height:42px;font-size:12px}
/* O painel completo ocupa toda a área e mantém seu menu interno original. */
body.panbox-delivery-mode.panbox-delivery-full #sidebar,body.panbox-delivery-mode.panbox-delivery-full .topbar{display:none!important}
body.panbox-delivery-mode.panbox-delivery-full #tenantApp.shell{display:block!important}
body.panbox-delivery-mode.panbox-delivery-full .main{display:block!important;grid-column:1/-1!important;margin:0!important;padding:0!important;width:100%!important;max-width:100%!important}
body.panbox-delivery-mode.panbox-delivery-full .content{padding:0!important;margin:0!important;max-width:none!important}
body.panbox-delivery-mode.panbox-delivery-full #view-panbox.active{height:100dvh!important;border:0!important;border-radius:0!important}
body.panbox-delivery-mode.panbox-delivery-full #view-panbox .panbox-integrated-toolbar{min-height:50px;padding:6px 16px;background:#1e1c24;color:white;border:0}
body.panbox-delivery-mode.panbox-delivery-full #view-panbox .panbox-integrated-head span{display:none!important}
body.panbox-delivery-mode.panbox-delivery-full #view-panbox .panbox-integrated-head strong{color:white}
body.panbox-delivery-mode.panbox-delivery-full #view-panbox .panbox-integrated-back{background:#ecfdf5!important;color:#12553e!important;border:0!important;font-weight:800}
body.panbox-delivery-mode.panbox-delivery-full #view-panbox .panbox-integrated-action{display:none!important}
@media(max-width:760px){#tenantApp #sidebar .pan-nav-name{display:inline}#tenantApp #sidebar .nav button{min-height:46px}}