/* The compact console type treatment is shared by every heading. */
h1,h2,h3{
  font-family:var(--mono)!important;
  font-weight:600;
  letter-spacing:.11em!important;
  text-transform:uppercase;
}
.page-heading{margin-bottom:22px}
.page-heading h1{font-size:clamp(22px,3vw,31px);line-height:1.25;margin:7px 0 0}
.section-heading h2{font-size:13px}
.settings-card h2,.inventory-title-row h2{font-size:15px}
.dialog-header h2{font-size:19px}
.selected-identity h2{font-size:12px}
.account-switch-name,.bot-row-info strong,.feature-account strong{
  font-family:var(--mono);
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.settings-layout{grid-template-columns:minmax(0,1fr);align-items:start}
.brand-setting strong{flex:0 0 130px;white-space:nowrap}
.brand-setting .glide-select{flex:1;min-width:0;width:auto}

/* Controls share the server address field's #121212 surface. */
:root{--control-surface:#121212;--control-hover:#1d1d1d;--control-line:#3a3a3a}
:is(.primary-button,.secondary-button,.danger-button,.orbit-pill,.quiet-button,.icon-button,.bot-gear,.account-switch,.flight-composer button){
  background:var(--control-surface);
  color:var(--text);
  border:1px solid var(--control-line);
}
:is(.primary-button,.secondary-button,.danger-button,.orbit-pill,.quiet-button,.icon-button,.bot-gear,.account-switch,.flight-composer button):hover:not(:disabled){
  background:var(--control-hover);
  color:#fff;
  border-color:#666;
}
.account-switch.selected{background:var(--control-surface);border-color:#777;box-shadow:0 6px 20px #0004}
.topbar .nav-link.active{background:var(--control-surface);border:1px solid var(--control-line)}
.topbar .nav-link:not(.active){border:1px solid transparent}
.quiet-button{padding:6px 9px;border-radius:5px}
.icon-button{width:29px;height:29px}
.orbit-pill{border-radius:999px}
.orbit-pill .icon-disc{background:var(--control-surface)}
.glide-trigger,.glide-menu,select{background:var(--control-surface);border-color:var(--control-line)}
.inventory-toolbar select{background:var(--control-surface);border-color:var(--control-line)}
.glide-trigger:hover,.glide-select.is-open .glide-trigger{background:var(--control-hover);border-color:#777}
.glide-highlight{background:#272727}
.glide-option:hover{background:#202020}
.glide-tag{background:var(--control-surface)}
.flight-composer.sent button{background:var(--accent);color:#121212;border-color:var(--accent)}

/* A live server menu uses the same workbench surface and restrained borders. */
.inventory-toolbar{align-items:center;margin-bottom:16px}
.inventory-toolbar label{gap:0}
.inventory-layout{min-height:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.inventory-main{max-width:none;margin:0;padding:22px}
.inventory-title-row{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--line)}
.inventory-title-row h2{margin:0}
.inventory-content{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.inventory-section{width:min(100%,650px);padding:16px;border:1px solid var(--line);border-radius:8px;background:#141414}
.inventory-section h3{margin-bottom:12px;color:var(--muted)}
.inventory-divider{display:none}
.inventory-slot{background:var(--control-surface);border-color:var(--control-line);border-radius:5px}
.inventory-slot[data-filled=true]{background:#1a1a1a}
.inventory-slot:hover,.inventory-slot:focus-visible{background:#242424;border-color:#aaa}
.item-tooltip{border:1px solid #555;border-radius:6px;background:#121212f2;box-shadow:0 14px 35px #000b;color:#f2f2f2}
.item-tooltip-enchantment{color:#d0d0d0}
.item-tooltip-type{color:#999}
@media(max-width:700px){
  .page-heading h1{font-size:23px}
  .inventory-main{padding:15px}
  .inventory-section{padding:10px}
}
