/* NUNO STUDIO shared lightweight launchers.
 * These shells are visible before lazy Utility Modules load, so their DOM,
 * position and appearance must be identical before/after module mount.
 */
.nstudio-page .nstudio-top-utility-row > .nstudio-utility-launcher{
  align-self:center;
  position:static;
  z-index:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:38px;
  margin-left:6px;
  padding:8px 12px;
  border:1px solid rgba(49,93,83,.28);
  border-radius:999px;
  background:#fff;
  color:#315d53;
  box-shadow:0 4px 12px rgba(35,61,54,.10);
  font:inherit;
  font-size:12px;
  font-weight:850;
  line-height:1.2;
  white-space:nowrap;
  cursor:pointer;
  box-sizing:border-box;
}
.nstudio-page .nstudio-top-utility-row > .nstudio-utility-launcher:hover{background:#f3f8f5;}
.nstudio-page .nstudio-top-utility-row > .nstudio-utility-launcher:disabled{opacity:.55;cursor:wait;}
.nstudio-page .nstudio-top-utility-row > .nstudio-utility-launcher[aria-expanded="true"],
.nstudio-page .nstudio-top-utility-row > .nstudio-utility-launcher.is-active{
  border-color:rgba(49,93,83,.42);
  background:#eaf3ef;
  color:#274c43;
}
.nstudio-page .nstudio-top-utility-row > .nstudio-utility-launcher > i.icon{
  width:1em;height:1em;margin:0;line-height:1;vertical-align:middle;
}

@media(max-width:900px){
  .nstudio-page .nstudio-top-utility-row > .nstudio-utility-launcher{min-height:34px;margin:0;padding:6px 9px;font-size:12px;}
}

/* Admin-only random design recipe launcher. Keep this beside the tutorial launcher;
 * the Utility Module owns behavior and recipe contents, while this shell stays stable. */
.nstudio-page .nstudio-top-utility-row > .nstudio-random-recipe-menu{position:relative;margin-left:6px;}
.nstudio-page .nstudio-top-utility-row > .nstudio-random-recipe-menu > .nstudio-random-recipe-trigger{
  align-self:center;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;
  margin:0;padding:8px 12px;border:1px solid rgba(49,93,83,.28);border-radius:999px;background:#fff;
  color:#315d53;box-shadow:0 4px 12px rgba(35,61,54,.10);font:inherit;font-size:12px;font-weight:850;
  line-height:1.2;white-space:nowrap;cursor:pointer;box-sizing:border-box;list-style:none;
}
.nstudio-page .nstudio-top-utility-row > .nstudio-random-recipe-menu > .nstudio-random-recipe-trigger::-webkit-details-marker{display:none;}
.nstudio-page .nstudio-top-utility-row > .nstudio-random-recipe-menu > .nstudio-random-recipe-trigger:hover,
.nstudio-page .nstudio-top-utility-row > .nstudio-random-recipe-menu[open] > .nstudio-random-recipe-trigger{background:#eaf3ef;color:#274c43;border-color:rgba(49,93,83,.42);}
.nstudio-page .nstudio-top-utility-row > .nstudio-random-recipe-menu > .nstudio-random-recipe-trigger.is-busy{opacity:.58;cursor:wait;}
.nstudio-page .nstudio-random-recipe-panel{left:0;right:auto;width:min(260px,calc(100vw - 24px));}
.nstudio-page .nstudio-random-recipe-item>span{display:flex;flex-direction:column;align-items:flex-start;gap:2px;}
.nstudio-page .nstudio-random-recipe-item>span>small{font-size:10px;font-weight:600;color:#73817c;line-height:1.3;}
@media(max-width:900px){
  .nstudio-page .nstudio-top-utility-row > .nstudio-random-recipe-menu{margin:0;}
  .nstudio-page .nstudio-top-utility-row > .nstudio-random-recipe-menu > .nstudio-random-recipe-trigger{min-height:34px;padding:6px 9px;font-size:12px;}
}