/* Agent navigation and actionable home shortcuts; separate from business logic. */
#appShell[data-role="agent"] #mainContent .action-card.bo853-shortcut{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  min-height:78px!important;padding:18px 20px!important;gap:18px!important;
  background:var(--surface)!important;color:var(--text)!important;
  border:1.5px solid var(--line)!important;border-radius:15px!important;
  box-shadow:0 3px 12px rgba(13,48,88,.06)!important;
  font-size:1.04rem!important;font-weight:800!important;cursor:pointer!important;
  text-align:left!important;white-space:normal!important;
}
#appShell[data-role="agent"] #mainContent .action-card.bo853-shortcut[data-go="place-order"]{
 background:#1756a2!important;border-color:#1756a2!important;color:#fff!important;
}
#appShell[data-role="agent"] #mainContent .action-card.bo853-shortcut:hover,
#appShell[data-role="agent"] #mainContent .action-card.bo853-shortcut:focus-visible{
 border-color:#2980d7!important;box-shadow:0 4px 15px rgba(20,74,141,.2)!important;
}
#appShell[data-role="agent"] #mainContent .action-card.bo853-shortcut:focus-visible{outline:3px solid #62b6ff;outline-offset:2px}
.bo853-shortcut-label{display:block;min-width:0}
.bo853-shortcut-arrow{display:grid;place-items:center;flex:none;width:33px;height:33px;
 border:1px solid var(--line);border-radius:50%;background:var(--surface-2);color:var(--text);font-size:1.3rem;line-height:1}
.action-card.bo853-shortcut[data-go="place-order"] .bo853-shortcut-arrow{color:#1756a2;background:white;border-color:white}
[data-theme="dark"] #appShell[data-role="agent"] .action-card.bo853-shortcut[data-go="place-order"]{background:#235ea8!important;border-color:#4b8adc!important}
#notificationBtn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:820px){
 #appShell[data-role="agent"] .sidebar{display:none!important}
 #bo84-bottom-nav.bo85-nav:has(button:nth-child(5)){display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:2px!important;padding-left:5px!important;padding-right:5px!important}
 #bo84-bottom-nav.bo85-nav:has(button:nth-child(5)) button{min-width:0!important;min-height:57px!important;padding:5px 1px!important;gap:4px!important}
 #bo84-bottom-nav.bo85-nav:has(button:nth-child(5)) button span{width:21px;height:21px}
 #bo84-bottom-nav.bo85-nav:has(button:nth-child(5)) button svg{width:21px;height:21px}
 #bo84-bottom-nav.bo85-nav:has(button:nth-child(5)) button small{font-size:clamp(.58rem,2.35vw,.68rem)!important;line-height:1.15!important;white-space:nowrap!important;font-weight:750!important}
 #appShell[data-role="agent"] #mainContent .action-card.bo853-shortcut{min-height:68px!important;padding:14px 16px!important;font-size:.99rem!important}
 #appShell[data-role="agent"] #mainContent .grid:has(>.action-card.bo853-shortcut){display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
 #appShell[data-role="agent"] .content{padding-bottom:calc(105px + env(safe-area-inset-bottom))!important}
}