/* R7 expandable Shapes palette; does not alter other Board menus. */
#shapeMenu.shapeMenu{
  width:min(342px,calc(100vw - 16px));max-height:min(72vh,560px);
  display:none;overflow:auto;overscroll-behavior:contain;
  grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;
  padding:10px;z-index:92;background:#fff;border:1px solid #c8d3d8;
  box-shadow:0 16px 40px rgba(17,36,49,.24);border-radius:14px;
}
#shapeMenu.shapeMenu.open{display:grid}
#shapeMenu .shapeGroupTitle{grid-column:1/-1;margin:8px 1px 2px;
  font-weight:800;color:#475d68;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
#shapeMenu .shapeGroupTitle:first-child{margin-top:1px}
#shapeMenu button[data-shape]{min-width:0;min-height:66px;height:auto;padding:6px 3px;
  border:1px solid transparent;border-radius:9px;display:flex;flex-direction:column;
  justify-content:center;align-items:center;gap:5px;background:#fff;color:#283c48}
#shapeMenu button[data-shape]:hover,#shapeMenu button[data-shape]:focus-visible{background:#f1f6f7;border-color:#b7ccd0}
#shapeMenu button[data-shape].active{background:#e9f4f3;border-color:#72ada7;color:#12665e}
#shapeMenu button[data-shape] svg{width:27px;height:27px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
#shapeMenu button[data-shape] span{font-size:10px;line-height:1.15;max-width:100%;overflow-wrap:anywhere;text-align:center;font-weight:650}
@media(max-width:390px){#shapeMenu.shapeMenu{grid-template-columns:repeat(3,minmax(0,1fr));max-height:min(66vh,480px)}}
#shapeMenu.shapeMenu button[data-shape] span{display:block}
@media(max-width:720px){#shapeMenu.shapeMenu{bottom:68px!important;top:auto!important;left:8px!important;right:8px!important;width:auto!important;max-height:min(63vh,520px)}}