.sym-action-bar{background:var(--sym-white);border-bottom:1px solid var(--sym-gray-light);display:flex;align-items:center;justify-content:center;gap:0;box-shadow:var(--sym-shadow-sm);position:relative;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.sym-action-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:22px 44px;cursor:pointer;border-right:1px solid var(--sym-gray-light);text-decoration:none;color:var(--sym-charcoal);position:relative;flex-shrink:0;transition:background-color 0.2s ease}.sym-action-tile:last-child{border-right:none}.sym-action-tile::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--sym-blue);transform:scaleX(0);transform-origin:center;transition:transform 0.25s ease}.sym-action-tile:hover::after{transform:scaleX(1)}.sym-action-tile:hover{background-color:rgb(0 70 147 / .03)}.sym-action-tile-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;user-select:none}.sym-action-tile-label{font-family:var(--sym-font-body);font-weight:700;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--sym-charcoal);transition:color 0.2s ease;white-space:nowrap}.sym-action-tile:hover .sym-action-tile-label{color:var(--sym-blue)}@media (max-width:767px){.sym-action-bar--stack{flex-direction:column;overflow-x:visible;padding:0;justify-content:flex-start;align-items:stretch}.sym-action-bar--stack .sym-action-tile{flex-direction:row;justify-content:center;gap:14px;padding:16px 24px;border-right:none;border-bottom:1px solid var(--sym-gray-light);flex:1 1 100%;width:100%;align-self:stretch;box-sizing:border-box}.sym-action-bar--stack .sym-action-tile:last-child{border-bottom:none}.sym-action-bar--stack .sym-action-tile::after{bottom:0;top:0;right:auto;left:0;width:3px;height:auto;transform-origin:center;transform:scaleY(0);transition:transform 0.25s ease}.sym-action-bar--stack .sym-action-tile:hover::after{transform:scaleY(1)}.sym-action-bar--stack .sym-action-tile-icon{width:28px;height:28px;font-size:20px}.sym-action-bar--stack .sym-action-tile-label{font-size:11px;letter-spacing:1.5px}}@media (max-width:767px){.sym-action-bar--scroll{justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0 12px;-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}.sym-action-bar--scroll .sym-action-tile{padding:18px 24px;flex-shrink:0}}