/* Iconos en relieve para BuildStride, sin cambiar su logotipo ni sus textos. */
.topbar .brand.brand-edit { cursor: default; }
#bottomNav button svg {
  box-sizing: border-box; display: block; width: 34px; height: 34px;
  padding: 7px; margin: 0 auto 4px; border: 1px solid #9bb9cc;
  border-radius: 10px; color: #145b84;
  background: linear-gradient(145deg, #ffffff 0%, #d8e8f2 48%, #94b4c9 100%);
  box-shadow: inset 1px 1px 1px #ffffff, inset -2px -2px 3px #5a7e9a66,
    0 2px 0 #54738d, 0 4px 7px #123c5a40;
  filter: drop-shadow(0 1px 1px #16436c66);
}
#bottomNav button.active svg {
  color: #fff; border-color: #0d5c92;
  background: linear-gradient(145deg, #47c6ea 0%, #0879ba 48%, #073a70 100%);
  box-shadow: inset 1px 1px 2px #a9eeff, inset -2px -2px 3px #032f5e,
    0 2px 0 #06385d, 0 4px 8px #073b6855;
}
.quick-icon {
  box-sizing: border-box; display: grid; place-items: center;
  width: 44px; height: 44px; border-radius: 12px;
  color: #145b84; border: 1px solid #98b8cc;
  background: linear-gradient(145deg, #fff 0%, #d7e8f3 49%, #91b2c9 100%);
  box-shadow: inset 2px 2px 2px #fff, inset -3px -3px 4px #587f9a70,
    0 3px 0 #55768e, 0 6px 11px #163d5b33;
}
.quick-icon svg { width: 25px; height: 25px; filter: drop-shadow(1px 1px 1px #183e6266); }
.tool-card:hover .quick-icon,
.quick-tile:hover .quick-icon {
  color: #fff; border-color: #0c5b92;
  background: linear-gradient(145deg, #47c6ea, #0879ba 52%, #073a70);
}