/* Coffee Rush STA v10.5.9 · vista Jugar, iconografia y menus accesibles.
   Solo presentacion y comportamiento de interfaz. */
:root{
  --v1059-blue:#005a9b;
  --v1059-blue-dark:#153653;
  --v1059-yellow:#fbcd00;
  --v1059-ink:#172033;
  --v1059-muted:#526b82;
  --v1059-line:#c7d8e4;
  --v1059-soft:#f4f8fb;
}

html[data-interface-version="10.5.9"] .ui-icon-v1059,
html[data-interface-version="10.5.9"] .ui-icon-menu-trigger,
html[data-interface-version="10.5.9"] .ui-icon-menu-action,
html[data-interface-version="10.5.9"] .ui-icon-phase,
html[data-interface-version="10.5.9"] .ui-icon-market,
html[data-interface-version="10.5.9"] .ui-icon-inventory,
html[data-interface-version="10.5.9"] .ui-icon-section,
html[data-interface-version="10.5.9"] .ui-icon-action-v1059{
  flex:0 0 auto;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}

html[data-interface-version="10.5.9"] .app-tools{
  align-items:center;
  isolation:isolate;
}
html[data-interface-version="10.5.9"] .tool-menu{
  position:relative;
}
html[data-interface-version="10.5.9"] .tool-menu[hidden]{
  display:none!important;
}
html[data-interface-version="10.5.9"] .tool-menu>summary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:118px;
  min-height:44px;
  padding:0 13px;
  border-radius:10px;
  white-space:nowrap;
  user-select:none;
}
html[data-interface-version="10.5.9"] .tool-menu>summary .ui-icon-menu-trigger{
  width:18px;
  height:18px;
  color:var(--v1059-blue);
}
html[data-interface-version="10.5.9"] .tool-caret{
  width:8px;
  height:8px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:translateY(-2px) rotate(45deg);
}
html[data-interface-version="10.5.9"] .tool-menu[open]>summary .tool-caret{
  transform:translateY(2px) rotate(225deg);
}
html[data-interface-version="10.5.9"] .tool-popover{
  position:fixed;
  top:var(--cr-menu-top,calc(100% + 7px));
  left:var(--cr-menu-left,auto);
  right:var(--cr-menu-right,0);
  width:var(--cr-menu-width,250px);
  min-width:0;
  z-index:180;
  gap:5px;
  padding:8px;
  border-radius:12px;
}
html[data-interface-version="10.5.9"] .menu-action{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:9px;
  align-items:center;
  min-height:52px;
  padding:8px 9px;
  border:1px solid transparent;
  border-radius:9px;
}
html[data-interface-version="10.5.9"] .menu-action:hover,
html[data-interface-version="10.5.9"] .menu-action:focus-visible{
  border-color:#cfe0ec;
  background:#f3f8fb;
}
html[data-interface-version="10.5.9"] .menu-action[hidden]{
  display:none!important;
}
html[data-interface-version="10.5.9"] .ui-icon-menu-action{
  width:28px;
  height:28px;
  padding:5px;
  border-radius:8px;
  color:var(--v1059-blue);
  background:#e9f4fb;
}
html[data-interface-version="10.5.9"] .menu-action.danger .ui-icon-menu-action{
  color:#9f302d;
  background:#fff1f0;
}
html[data-interface-version="10.5.9"] .menu-action-copy{
  display:grid;
  min-width:0;
  gap:2px;
}
html[data-interface-version="10.5.9"] .menu-action-copy strong{
  color:var(--v1059-ink);
  font-size:13px;
  line-height:1.2;
}
html[data-interface-version="10.5.9"] .menu-action-copy small{
  color:var(--v1059-muted);
  font-size:11px;
  font-weight:700;
  line-height:1.25;
  white-space:normal;
}

html[data-interface-version="10.5.9"] .platform-logout,
html[data-interface-version="10.5.9"] .btn,
html[data-interface-version="10.5.9"] .primary,
html[data-interface-version="10.5.9"] .secondary{
  gap:7px;
}
html[data-interface-version="10.5.9"] .ui-icon-action-v1059{
  width:17px;
  height:17px;
}
html[data-interface-version="10.5.9"] .platform-logout{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

html[data-interface-version="10.5.9"] .primary-nav{
  gap:4px;
}
html[data-interface-version="10.5.9"] .nav-tab{
  gap:7px;
  min-height:43px;
}
html[data-interface-version="10.5.9"] .nav-tab .ui-icon-nav-v1059{
  width:18px;
  height:18px;
  margin:0;
  color:currentColor;
}
html[data-interface-version="10.5.9"] .nav-tab .ui-icon-nav:not(.ui-icon-nav-v1059){
  display:none;
}

html[data-interface-version="10.5.9"] .v105-learning-flow{
  gap:5px;
  padding:5px;
}
html[data-interface-version="10.5.9"] .v105-learning-flow li{
  gap:8px;
}
html[data-interface-version="10.5.9"] .phase-icon-badge{
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  border-radius:8px;
  background:#e9f4fb;
  color:var(--v1059-blue);
}
html[data-interface-version="10.5.9"] .v105-learning-flow li.active .phase-icon-badge{
  background:#fff;
  color:var(--v1059-blue);
}
html[data-interface-version="10.5.9"] .ui-icon-phase{
  width:18px;
  height:18px;
}
html[data-interface-version="10.5.9"] .phase-compact{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  column-gap:9px;
  text-align:left;
}
html[data-interface-version="10.5.9"] .phase-compact-icon{
  grid-row:1/3;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:9px;
  background:#e9f4fb;
  color:var(--v1059-blue);
}

html[data-interface-version="10.5.9"] .scenario-box .brief-icon{
  box-shadow:inset 0 -2px 0 rgba(251,205,0,.42);
}
html[data-interface-version="10.5.9"] .market-pill{
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  column-gap:8px;
  align-items:start;
}
html[data-interface-version="10.5.9"] .market-pill-icon{
  grid-row:1/3;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:8px;
  background:#fff;
  color:var(--v1059-blue);
  border:1px solid #d8e8f3;
}
html[data-interface-version="10.5.9"] .ui-icon-market{
  width:18px;
  height:18px;
}
html[data-interface-version="10.5.9"] .market-pill>span:not(.market-pill-icon),
html[data-interface-version="10.5.9"] .market-pill strong{
  grid-column:2;
}

html[data-interface-version="10.5.9"] .inventory-card{
  position:relative;
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  column-gap:9px;
  align-items:start;
}
html[data-interface-version="10.5.9"] .inventory-card>.icon{
  display:none!important;
}
html[data-interface-version="10.5.9"] .inventory-icon-badge{
  grid-row:1/4;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:9px;
  background:#e9f4fb;
  color:var(--v1059-blue);
  box-shadow:inset 0 -2px 0 rgba(251,205,0,.4);
}
html[data-interface-version="10.5.9"] .ui-icon-inventory{
  width:20px;
  height:20px;
}
html[data-interface-version="10.5.9"] .inventory-card .name,
html[data-interface-version="10.5.9"] .inventory-card .amount,
html[data-interface-version="10.5.9"] .inventory-card .note{
  grid-column:2;
}
html[data-interface-version="10.5.9"] .inventory-subheading,
html[data-interface-version="10.5.9"] .purchase-subheading{
  display:flex;
  align-items:center;
  gap:7px;
}
html[data-interface-version="10.5.9"] .ui-icon-section{
  width:16px;
  height:16px;
  color:var(--v1059-blue);
}
html[data-interface-version="10.5.9"] .resource-icon{
  box-shadow:inset 0 -2px 0 rgba(251,205,0,.36);
}
html[data-interface-version="10.5.9"] .purchase-row{
  border-radius:10px;
}
html[data-interface-version="10.5.9"] .purchase-row:focus-within{
  border-color:#8fb9d5!important;
  box-shadow:0 0 0 3px rgba(0,90,155,.09);
}

html[data-interface-version="10.5.9"] .live-strip span{
  gap:6px;
}
html[data-interface-version="10.5.9"] .ui-icon-live-v1059{
  width:15px;
  height:15px;
  color:var(--v1059-blue);
}
html[data-interface-version="10.5.9"] .live-strip .ui-icon-live:not(.ui-icon-live-v1059){
  display:none;
}

@media(max-width:820px){
  html[data-interface-version="10.5.9"] .app-tools{
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
  }
  html[data-interface-version="10.5.9"] .platform-session-chip{
    grid-column:1/-1;
  }
  html[data-interface-version="10.5.9"] .tool-menu>summary{
    width:100%;
  }
}

@media(max-width:560px){
  html[data-interface-version="10.5.9"] .tool-popover{
    width:auto;
    max-width:none;
  }
  html[data-interface-version="10.5.9"] .menu-action{
    min-height:56px;
  }
  html[data-interface-version="10.5.9"] .v105-learning-flow{
    grid-template-columns:1fr;
  }
  html[data-interface-version="10.5.9"] .v105-learning-flow li{
    justify-content:flex-start;
  }
  html[data-interface-version="10.5.9"] .market-pill{
    min-height:72px;
  }
  html[data-interface-version="10.5.9"] .inventory-card{
    grid-template-columns:32px minmax(0,1fr);
  }
  html[data-interface-version="10.5.9"] .inventory-icon-badge{
    width:30px;
    height:30px;
  }
}