/* ===========================================================
   icons.css — desktop / program-manager icon tiles + svg icon set
   =========================================================== */

.icon-tile{
  width:74px; display:flex; flex-direction:column; align-items:center;
  gap:3px; padding:4px 2px; cursor:default;
}
.icon-tile .ico{ width:32px; height:32px; }
.icon-tile .lbl{
  color:#fff; text-align:center; font-size:11.5px; line-height:1.2;
  text-shadow:1px 1px 1px #000;
  max-width:74px; word-wrap:break-word;
  padding:1px 2px;
}
.icon-tile.sel .lbl{ background:var(--w-selected-bg); color:var(--w-selected-text); text-shadow:none; }
.icon-tile.sel .ico{ filter:brightness(0.75) saturate(1.4); }

.mdi-icon .lbl{ color:#000; text-shadow:none; font-size:11.5px; text-align:center; }
.mdi-icon.sel .lbl{ background:var(--w-selected-bg); color:var(--w-selected-text); }

svg.w311svg{ display:block; width:100%; height:100%; }