/* Small illustrated enamel medallions throughout the hub's activity grid.
   The buttons, focus area, labels and notification bubbles stay untouched. */
#home-screen .hub-tools button > .hub-icon {
  width:34px;
  height:34px;
  background:radial-gradient(circle at 39% 28%,#fff9e9,#efddb9 78%,#dec49c);
  border:1.5px solid #b88959;
  border-radius:12px;
  color:#694531;
  box-shadow:inset 0 1px 0 #fffaf1,0 2px 0 #9e704a48;
  flex:none;
  overflow:hidden;
  transform:none;
}
#home-screen .hub-tools button > .hub-icon svg{
  display:block;
  width:28px;
  height:28px;
  max-width:calc(100% - 3px);
  max-height:calc(100% - 3px);
  overflow:visible;
  flex:none;
}
#home-screen .hub-tools .review-tool > .hub-icon,
#home-screen .hub-tools .journey-tool > .hub-icon {
  background:radial-gradient(circle at 35% 24%,#fbfbe6,#d8e4bc 90%);
  border-color:#88a169;
}
#home-screen .hub-tools .orders-tool > .hub-icon{
  background:radial-gradient(circle at 35% 24%,#fff8e9,#f1d5b6 90%);
}
#home-screen .hub-tools button:hover > .hub-icon{
  transform:translateY(-1px);
  box-shadow:inset 0 1px 0 #fffaf1,0 3px 0 #9e704a48;
}
/* Signature is a preserved placeholder, not playable until the feature ships. */
#home-screen .home-more .hub-tools button.signature-unavailable,
#home-screen .home-more .hub-tools button.signature-unavailable:disabled{
  background:linear-gradient(145deg,#dbd9d4,#b9b7b1);
  border-color:#8d8982;
  color:#69665f;
  box-shadow:inset 0 0 0 2px #e8e6e0,0 3px 0 #483f3870;
  opacity:.78;
  filter:grayscale(1);
  cursor:not-allowed;
}
#home-screen .home-more .hub-tools button.signature-unavailable > small{color:#665f58;font-weight:700}
#home-screen .home-more .hub-tools button.signature-unavailable > .hub-icon{
  background:#d0cec8;border-color:#99958d;box-shadow:none;
}
#home-screen .home-more .hub-tools button.signature-unavailable:hover{
  transform:none;filter:grayscale(1);cursor:not-allowed;
}
#home-screen .home-more .hub-tools button.signature-unavailable:hover > .hub-icon{transform:none;box-shadow:none}
@media(max-width:1050px),(max-height:600px){
  #home-screen .hub-tools button > .hub-icon{width:27px;height:27px;border-radius:9px;border-width:1px}
  #home-screen .hub-tools button > .hub-icon svg{width:23px;height:23px}
}
@media(max-width:730px) and (min-height:601px){
  #home-screen .hub-tools button > .hub-icon{width:34px;height:34px;border-radius:11px}
  #home-screen .hub-tools button > .hub-icon svg{width:29px;height:29px}
}