/* ================================================================
   V239.3 — Minimal icon controls
   Visual/UI only. No workflow, Store, backend, devices or evidence.
   ================================================================ */

/* Remove top status/demo pills completely. */
.yv2393-hidden-top{
  display:none!important;
}

/* Existing button content becomes visually silent; our small icon+label is shown. */
.yv2393-icon-control{
  font-size:0!important;
}
.yv2393-icon-control > :not(.yv2393-control-visual){
  display:none!important;
}
.yv2393-control-visual{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  font-size:9px!important;
  line-height:1!important;
  color:inherit;
  pointer-events:none!important;
}
.yv2393-solid-icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:24px!important;
  height:24px!important;
}
.yv2393-solid-icon svg{
  width:23px!important;
  height:23px!important;
  display:block!important;
}
.yv2393-icon-label{
  display:block!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
  white-space:nowrap!important;
}

/* TOP BAR: only sound + Home remain; never draw a box around either icon. */
.yv2393-top-icon{
  min-width:58px!important;
  width:auto!important;
  height:50px!important;
  padding:3px 8px!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  color:#eef3fa!important;
}
.yv2393-top-icon:hover,
.yv2393-top-icon:focus,
.yv2393-top-icon:active{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  filter:none!important;
}
.yv2393-top-icon:hover .yv2393-solid-icon{
  transform:translateY(-1px);
}
.yv2393-sound.yv2393-is-live{
  color:#3de2ad!important;
}
.yv2393-sound.yv2393-is-muted{
  color:#ff6575!important;
}
.yv2393-home{
  color:#c8bbff!important;
}
.yv2393-home:hover{
  color:#ffffff!important;
}

/* WORKSPACE toolbar: mobile-style icon row, no pills, no borders. */
.v225-workspace-actions.yv2393-mobile-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:19px!important;
  flex-wrap:nowrap!important;
}
.yv2393-workspace-icon{
  min-width:44px!important;
  width:48px!important;
  height:52px!important;
  padding:2px!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  color:#d8dfea!important;
}
.yv2393-workspace-icon:hover,
.yv2393-workspace-icon:focus,
.yv2393-workspace-icon:active{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  color:#b899ff!important;
}
.yv2393-workspace-icon .yv2393-solid-icon{
  width:25px!important;
  height:25px!important;
}
.yv2393-workspace-icon .yv2393-solid-icon svg{
  width:24px!important;
  height:24px!important;
}
.yv2393-workspace-icon .yv2393-icon-label{
  font-size:6.5px!important;
  letter-spacing:.075em!important;
  color:#9aa7b9!important;
}
.yv2393-workspace-icon:hover .yv2393-icon-label{
  color:#d4c7ff!important;
}

/* FULLSCREEN and EXPAND BOARD are redundant with the current focus/camera view. */
.yv2393-redundant-action{
  display:none!important;
}

/* V239 focus control used to have a pill border; V239.3 deliberately removes it. */
#yv239-focus-toggle.yv2393-workspace-icon,
.yv239-focus-toggle.yv2393-workspace-icon{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#d8dfea!important;
}

/* Preserve the dedicated RESTORE LAYOUT button inside focus mode for safety.
   It is the emergency way out of full workspace view and is not part of the toolbar. */

@media (max-width:1180px){
  .v225-workspace-actions.yv2393-mobile-actions{
    gap:13px!important;
  }
  .yv2393-workspace-icon{
    min-width:40px!important;
    width:42px!important;
  }
}
