/* Restored Essentials content, using the shared glass panels and menu controls. */
.hub-essentials {
  background:var(--glass-sheen),var(--glass-fill);border:1px solid var(--glass-edge);
  border-radius:18px;padding:14px 22px 24px;box-shadow:var(--glass-shadow);
}
.hub-essentials>.hub-section-heading{margin:0 0 18px}
.hub-essentials .hub-section-heading p{font-size:.82rem;color:var(--muted)}
.hub-essentials .essential-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.hub-essentials .essential-card{
  position:relative;display:flex;align-items:flex-start;gap:17px;padding:21px;min-width:0;
  background:var(--glass-sheen),var(--glass-input);border:1px solid var(--glass-edge);
  border-radius:12px;box-shadow:inset 0 1px 0 var(--glass-line);
  transition:border-color .2s,box-shadow .2s;
}
.hub-essentials .essential-card:hover{
  transform:none;border-color:rgba(var(--eac-rgb),.38);
  box-shadow:0 6px 20px #0002,inset 0 1px 0 var(--glass-line);
}
.hub-essentials .essential-icon{
  flex:none;width:52px;height:52px;border-radius:12px;display:grid;place-items:center;
  color:var(--eac);background:rgba(var(--eac-rgb),.1);border:1px solid rgba(var(--eac-rgb),.25);
  box-shadow:inset 0 1px 0 var(--glass-line);
}
.hub-essentials .essential-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hub-essentials .essential-body{flex:1;min-width:0;display:flex;flex-direction:column;align-self:stretch}
.hub-essentials .essential-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.hub-essentials .essential-names{display:flex;align-items:baseline;gap:6px 8px;flex-wrap:wrap;min-width:0}
.hub-essentials .essential-name{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--text);letter-spacing:.01em;line-height:1.3;margin:0}
.hub-essentials .essential-abbr{font-size:.68rem;line-height:1.5;color:var(--secondary);background:var(--glass-input);border:1px solid var(--glass-line);padding:1px 6px;border-radius:4px}
.hub-essentials .essential-badge{flex:none;font-size:.58rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:3px 8px;border-radius:5px;line-height:1.4;white-space:nowrap;color:var(--eac);background:rgba(var(--eac-rgb),.1);border:1px solid rgba(var(--eac-rgb),.28);box-shadow:none}
.hub-essentials .essential-desc{font-size:.85rem;color:var(--secondary);line-height:1.6;margin:8px 0 16px}
.hub-essentials .essential-foot{margin-top:auto;display:flex;flex-direction:column;gap:12px}
.hub-essentials .essential-foot-versions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hub-essentials .ess-res-toggle{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--glass-edge);border-radius:7px;background:var(--glass-input);box-shadow:inset 0 1px 0 var(--glass-line);flex:none}
.hub-essentials .ess-res-opt{font:600 .74rem var(--font-body);color:var(--secondary);background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer;padding:5px 10px;line-height:1.3;transition:color .18s,background .18s,border-color .18s}
.hub-essentials .ess-res-opt.on{color:var(--text);background:rgba(var(--eac-rgb),.16);border-color:rgba(var(--eac-rgb),.32)}
.hub-essentials .ess-res-opt:not(.on):hover{background:var(--hover);color:var(--text)}
.hub-essentials .essential-foot-main{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.hub-essentials .essential-meta{display:flex;align-items:center;gap:7px 10px;font-size:.76rem;color:var(--muted);min-width:0;flex-wrap:wrap}
.hub-essentials .essential-ver strong{color:var(--secondary);font-weight:600}
.hub-essentials .essential-actions{display:flex;align-items:center;gap:8px}
.hub-essentials .essential-dls{display:inline-flex;align-items:center;gap:4px;font-size:.76rem;color:var(--secondary)}
.hub-essentials .essential-dls svg{flex:none}
.hub-essentials .ess-ver-btn{width:auto;min-height:36px;gap:9px;font-size:.8rem;padding:7px 11px;border-radius:6px}
.hub-essentials .ess-ver-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}
.hub-essentials .ess-dl-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;
  background:var(--glass-input);color:var(--text);border:1px solid var(--glass-edge);
  padding:7px 14px;border-radius:6px;font:600 .8rem var(--font-body);white-space:nowrap;
  flex:none;text-decoration:none;box-shadow:inset 0 1px 0 var(--glass-line);
  transition:background .15s,border-color .15s,color .15s;
}
.hub-essentials .ess-dl-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hub-essentials .ess-dl-btn:is(:hover,:focus-visible){background:linear-gradient(rgba(var(--accent-rgb),.12),rgba(var(--accent-rgb),.12)),var(--glass-input);color:var(--accent2);border-color:rgba(var(--accent-rgb),.55)}
.hub-essentials .ess-dl-btn:active{background:linear-gradient(rgba(var(--accent-rgb),.18),rgba(var(--accent-rgb),.18)),var(--glass-input)}
.hub-essentials .ess-dl-disabled{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;padding:8px 16px;border-radius:8px;background:var(--glass-input);color:var(--muted);cursor:default}
/* Version links use the same menu surface, rows, positioning and dismissal as selects. */
.glass-action-heading{font-size:.72rem;font-weight:600;line-height:1.5;color:var(--muted);padding:3px 10px 9px;margin-bottom:5px;border-bottom:1px solid var(--glass-line);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.glass-action-menu .glass-select-options{max-height:calc(var(--menu-max-height,350px) - 52px)}
.glass-action-menu .ess-ver-row{gap:9px;text-decoration:none}
.glass-action-menu .ess-ver-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.glass-action-menu .ess-ver-row svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;flex:none;color:inherit}
.glass-action-menu .ess-ver-row.latest{color:var(--text);font-weight:600;background:rgba(var(--accent-rgb),.12)}
.glass-action-menu .ess-ver-dls{margin-left:auto;flex:none;font-size:.72rem;color:var(--secondary);font-variant-numeric:tabular-nums}
.glass-action-menu .ess-latest-tag{flex:none;font-size:.55rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--accent2);background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.2);padding:1px 5px;border-radius:4px}
.glass-action-menu .ess-ver-row.disabled{color:var(--muted);opacity:.65;cursor:default}
.glass-action-menu .ess-ver-row.disabled em{margin-left:auto;font-style:normal;font-size:.65rem;color:inherit}
@media(max-width:760px){.hub-essentials .essential-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){.hub-essentials{padding:12px 13px 18px;border-radius:14px}}
@media(max-width:480px){
  .hub-essentials .essential-card{gap:12px;padding:17px 14px}
  .hub-essentials .essential-icon{width:40px;height:40px;border-radius:10px}
  .hub-essentials .essential-icon svg{width:23px;height:23px}
  .hub-essentials .essential-head{flex-wrap:wrap}
  .hub-essentials .essential-foot-main{gap:10px}
}
@media(prefers-reduced-motion:reduce){
  .hub-essentials .essential-card,.hub-essentials .ess-res-opt,.hub-essentials .ess-dl-btn{transition:none}
}

/* The original shared panel surface for hub feeds and latest sections. */
.hub-original-panel {
  background: var(--glass-sheen),var(--glass-fill);
  border: 1px solid var(--glass-edge); border-radius: 18px;
  padding: 14px 22px 24px; box-shadow: var(--glass-shadow);
}
.hub-original-panel > .hub-section-heading { margin-top: 0; }
html[data-theme="light"] .hub-original-panel { background: var(--glass-sheen),var(--glass-fill); border-color: var(--glass-edge); }
.version-mod-title { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.version-count { display:inline-flex; align-items:center; gap:5px; color:var(--text2); white-space:nowrap; font-size:.78rem; font-weight:600; }
.version-count svg { width:13px; height:13px; color:var(--accent); }
.version-download-go { display:flex; align-items:center; justify-content:flex-end; gap:8px; width:auto; min-width:42px; height:auto; padding:6px 8px; background:rgba(var(--accent-rgb),.08); }
.skin-download-count { display:flex; align-items:center; gap:5px; margin-top:8px; color:var(--muted); font-size:.78rem; }
@media(max-width:640px){.hub-original-panel{padding:12px 13px 18px;border-radius:14px}.version-download-go{gap:8px}.version-count{font-size:.72rem}}