/* Icon system (local sprite + icon buttons).
   Keep icons on our server (no external CDNs).
*/

.icons-sprite{
  position:absolute;
  width:0;
  height:0;
  overflow:hidden;
}

.icon{
  width:16px;
  height:16px;
  display:block;
}

.iconbtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--bg);
  color:var(--muted);
  text-decoration:none;
  cursor:pointer;
  padding:0;
  box-shadow:none;
}

.iconbtn:hover{
  color:var(--text);
  box-shadow:var(--shadow);
}

.iconbtn:focus-visible{
  outline:3px solid var(--blue-weak);
  outline-offset:2px;
}

.iconbtn--apply{
  border-color:rgba(10,149,255,0.35);
  background:var(--blue-weak);
  color:var(--text);
}

.iconbtn--save.is-on{
  border-color:rgba(239, 68, 68, 0.45);
  background:rgba(239, 68, 68, 0.12);
  color:#ef4444;
}

.iconbtn.is-disabled,
.iconbtn[aria-disabled="true"]{
  opacity:0.55;
  pointer-events:none;
}