/* Workshop craft, upgrade, refine and enchant presentation on mobile.
   Loaded after the shared shell and phone menu rules; selectors stay inside Workshop. */
body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel {
 box-sizing:border-box;
 min-width:0;
 color:#d6edf5;
 border:1px solid #17627a;
 background:linear-gradient(145deg,#061a27f5,#03111bf7);
}
body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel :is(.workshop-panel-card,.workshop-bench,.workshop-selected-recipe,.workshop-recipes .workshop-card,.workshop-weapons .workshop-card,.resonance-slot,.resonance-current-status,.refinery-workspace-card,.upgrade-weapon-art,.upgrade-cost-panel,.upgrade-stat-comparison) {
 box-sizing:border-box;
 min-width:0;
 border-color:#17516a;
 background-color:#071a26;
}
body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel :is(button,select,input) {
 max-width:100%;
}
@media (min-width:1101px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-bench { box-sizing:border-box; min-height:0; height:100%; overflow-y:auto; }
}
body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel :is(.workshop-section-heading h4,.workshop-panel-card h4,.workshop-card h5,.resonance-slot h5,.refinement-weapon-title,.upgrade-weapon-art h5) {
 color:#d9f5fb;
 overflow-wrap:anywhere;
}
body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel :is(.workshop-section-heading small,.workshop-panel-card header small,.resonance-hero small,.resonance-slot .resonance-roll small,.refinery-content>small) {
 color:#51d9e8;
}
body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel :is(.workshop-mode-toggle,.workshop-craft-button,.workshop-refine-button,.upgrade-submit,.resonance-apply,.resonance-slot-selector button) {
 min-height:44px;
}

@media (max-width:760px) and (orientation:portrait) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel {
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  min-height:0;
  max-height:100%;
  margin:0;
  padding:9px;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
 }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-header {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:4px 8px;
  min-width:0;
  margin:0 0 8px;
  padding:0 0 8px;
  border-bottom:1px solid #174b60;
 }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-header>div {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:5px 8px;
  min-width:0;
 }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-header .screen-eyebrow {
  display:none;
 }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-header h3 {
  margin:0;
  color:#d9f5fb;
  font-size:18px!important;
  letter-spacing:.12em;
 }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #refresh-workshop {
  min-width:76px;
  min-height:40px;
  padding:5px 9px;
  font-size:11px;
 }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-bay-nav {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  margin:0 0 9px;
 }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-bay-nav button {
  display:flex;
  min-width:0;
  min-height:52px;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:2px;
  padding:7px 8px;
  text-align:left;
 }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-bay-nav button>span {
  color:#e8c46c;
  font-size:9px;
  line-height:1;
 }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-bay-nav button>b {
  min-width:0;
  font-size:11px;
  line-height:1.15;
  overflow-wrap:anywhere;
 }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-bay-nav button>small {
  display:none;
 }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-layout {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto auto auto;
  grid-template-areas:"mobile-materials" "mobile-bench" "mobile-inspector";
  gap:9px;
  min-width:0;
  min-height:0;
  overflow:visible;
 }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-sidebar {
  display:contents;
 }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-sidebar>section:first-child {
  grid-area:mobile-materials;
  min-width:0;
  padding:10px;
 }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-sidebar>.workshop-pending-panel {
  grid-area:mobile-pending;
  padding:10px;
 }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-materials {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  max-height:none;
  padding:5px 0 0;
  overflow:visible;
 }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-materials .workshop-material-card {
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr);
  grid-template-rows:auto auto;
  align-items:center;
  gap:3px 7px;
  min-width:0;
  min-height:58px;
  padding:7px;
  border:1px solid #17485b;
  background:linear-gradient(145deg,#092331,#061720);
 }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-materials .workshop-material-card img {
  grid-column:1;
  grid-row:1/3;
  width:32px;
  height:36px;
  object-fit:contain;
 }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-materials .workshop-material-card h5,
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-materials .workshop-material-card p {
  min-width:0;
  margin:0;
  font-size:11px;
  line-height:1.25;
  overflow-wrap:anywhere;
 }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-bench {
  grid-area:mobile-bench;
  min-width:0;
  min-height:0;
  overflow:visible;
 }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-bay-view:not([hidden]) {
  display:flex;
  flex-direction:column;
  gap:9px;
  width:100%;
  height:auto;
  min-width:0;
  min-height:0;
  padding:10px;
  overflow:visible;
 }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-section-heading {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  margin:0;
 }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-section-heading>div {min-width:0}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-section-heading h4 {margin:2px 0;font-size:17px;line-height:1.2}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-section-heading p {margin:3px 0 0;font-size:12px;line-height:1.4}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-section-heading small {font-size:10px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-fabrication-heading {
  grid-template-columns:minmax(0,1fr);
 }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-fabrication-heading .workshop-mode-toggle,
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-mode-toggle {
  box-sizing:border-box;
  width:min(100%,240px);
  min-width:0;
  min-height:44px;
  justify-self:start;
  padding:4px;
  font-size:12px;
 }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-mode-toggle .workshop-mode-label {font-size:11px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-selected-recipe {
  flex:none;
  min-height:0;
  padding:8px;
  overflow:visible;
 }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-selected-recipe .workshop-selected-card {
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  grid-template-rows:auto auto auto;
  gap:6px 9px;
  height:auto;
  min-height:0;
  padding:9px;
  overflow:visible;
 }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-selected-recipe .workshop-selected-card>img {
  grid-column:1;
  grid-row:1/3;
  width:46px;
  height:54px;
  object-fit:contain;
 }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-selected-recipe .workshop-selected-details {
  grid-column:2;
  grid-row:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto auto;
  gap:3px 6px;
  min-width:0;
 }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-selected-recipe .workshop-selected-details>small {font-size:9px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-selected-recipe .workshop-selected-details h5 {min-width:0;font-size:14px;line-height:1.2;white-space:normal;overflow-wrap:anywhere}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-selected-recipe .workshop-selected-details>p {grid-column:1/-1;margin:0;font-size:12px;white-space:normal}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-selected-recipe .workshop-requirements {
  grid-column:1/-1;
  grid-row:3;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px;
  min-width:0;
  overflow:visible;
 }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-selected-recipe .workshop-requirements>span {
  display:grid;
  grid-template-columns:26px minmax(0,1fr);
  gap:2px 5px;
  min-width:0;
  padding:4px;
 }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-selected-recipe .workshop-requirements img {grid-row:1/3;width:24px;height:24px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-selected-recipe .workshop-requirements b {font-size:10px;white-space:normal}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-selected-recipe .workshop-requirements small {font-size:10px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-selected-recipe .workshop-craft-button {
  grid-column:1/-1;
  grid-row:4;
  min-height:46px!important;
  padding:7px 10px;
  font-size:13px!important;
 }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-recipes,
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-weapons {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-rows:minmax(90px,auto);
  gap:7px;
  min-width:0;
  max-height:none;
  margin:0;
  overflow:visible;
 }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-weapons.workshop-weapons {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-auto-rows:auto;
  gap:8px;
  min-width:0;
  max-height:none;
  overflow:visible;
 }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-recipes .workshop-card,
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-weapons .workshop-card {
  min-width:0;
  min-height:84px;
  padding:8px;
 }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-recipes .workshop-card h5,
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-weapons .workshop-card h5 {font-size:13px;line-height:1.25;overflow-wrap:anywhere}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-recipes .workshop-card p,
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-weapons .workshop-card p {font-size:11px;line-height:1.35}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-weapons .upgrade-weapon-picker {grid-template-rows:auto auto auto;min-height:0;max-height:none;padding:9px;overflow:visible}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-weapons .upgrade-weapon-tools {grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:6px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-weapons .upgrade-weapon-tools :is(select,input) {box-sizing:border-box;width:100%;min-width:0;min-height:42px;font-size:12px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-weapons .upgrade-weapon-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:min-content;gap:6px;max-height:none;min-height:0;overflow:visible}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-weapons .upgrade-weapon-choice {display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:6px;min-width:0;min-height:50px;padding:6px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-weapons .upgrade-weapon-choice img {width:32px;height:34px;object-fit:contain}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-weapons .upgrade-weapon-choice span {min-width:0;font-size:11px;line-height:1.2;overflow-wrap:anywhere}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-weapons .upgrade-workbench {display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"weapon" "comparison" "cost";gap:8px;min-width:0;padding:9px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-weapons .upgrade-weapon-art {min-height:0;grid-template-columns:70px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:4px 8px;padding:8px;text-align:left}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-weapons .upgrade-weapon-art img {grid-row:1/3;width:64px;height:58px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-weapons .upgrade-stat-comparison {min-width:0;padding:9px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-weapons .upgrade-comparison-columns {display:grid;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);gap:4px;min-width:0}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-weapons .upgrade-stat-column {min-width:0;padding:6px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-weapons .upgrade-stat-row {grid-template-columns:minmax(0,1fr) auto;gap:3px 6px;min-width:0;font-size:11px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-weapons .upgrade-stat-row b {font-size:11px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-weapons .upgrade-stat-track {grid-column:1/-1}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-weapons .upgrade-stat-controls {display:grid;grid-template-columns:minmax(0,1fr);gap:7px;min-width:0}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-weapons .upgrade-stat-controls select {box-sizing:border-box;width:100%;min-width:0;min-height:42px;font-size:13px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-weapons .upgrade-stat-warning {grid-column:auto;font-size:11px;line-height:1.35}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-weapons .upgrade-cost-panel {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;min-width:0;padding:9px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-weapons .upgrade-cost-panel h5,
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-weapons .upgrade-cost-materials {grid-column:1/-1;min-width:0}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-weapons .upgrade-cost-materials>span {grid-template-columns:28px minmax(0,1fr) auto;min-width:0}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-weapons .upgrade-submit {grid-column:1/-1;min-width:0;min-height:46px!important}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-inspector {
  display:flex;
  grid-area:mobile-inspector;
  flex-direction:column;
  gap:8px;
  min-width:0;
  max-height:none;
  overflow:visible;
 }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-inspector>.workshop-panel-card {min-width:0;padding:10px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-operation-card h4 {font-size:15px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-operation-card>p,
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-operation-card dl>div,
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-rules-card ul {font-size:12px;line-height:1.4}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-operation-card dl {display:grid;grid-template-columns:minmax(0,1fr);gap:5px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #refinery-inventory-inspector,
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #upgrade-inventory-inspector {max-height:none;overflow:visible}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-storage-tools {display:grid;grid-template-columns:minmax(0,1fr);gap:7px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-weapon-filters {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-weapon-filters button {min-width:0;min-height:40px;padding:5px;font-size:11px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-weapon-search {display:grid;gap:4px;min-width:0;font-size:10px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-weapon-search input {box-sizing:border-box;width:100%;min-width:0;min-height:42px;padding:7px 9px;font-size:14px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-weapon-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:none;overflow:visible}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-weapon-choice {display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 6px;min-width:0;min-height:56px;padding:6px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-weapon-choice img {grid-row:1/3;width:30px;height:34px;object-fit:contain}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-weapon-choice span {min-width:0;font-size:11px;line-height:1.2;overflow-wrap:anywhere}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-weapon-choice>small:not(.item-hover-card *) {font-size:9px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-workspace-card {display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:10px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinement-weapon-art {display:grid;grid-template-columns:60px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:3px 9px;min-width:0;padding:8px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinement-weapon-art>img {grid-row:1/3;width:56px;height:56px;object-fit:contain}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinement-weapon-title {min-width:0;font-size:16px;overflow-wrap:anywhere}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinement-levels {grid-column:2;display:flex;align-items:center;justify-content:flex-start;gap:12px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-content {display:flex;flex-direction:column;gap:8px;min-width:0}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-status-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-status-row {display:flex;justify-content:space-between;gap:5px;min-width:0;padding:6px 7px;font-size:11px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-status-row span {min-width:0;overflow-wrap:anywhere}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-refinement-details {display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-refinement-details label,
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-refinement-details select {min-width:0;font-size:13px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-refinement-details select {min-height:42px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinement-info,
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinement-results {min-width:0;padding:9px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinement-material-row {display:grid;grid-template-columns:28px minmax(0,1fr);gap:3px 7px;align-items:center}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinement-material-row img {grid-row:1/3;width:26px;height:26px;object-fit:contain}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinement-material-row :is(b,span) {min-width:0;font-size:11px;overflow-wrap:anywhere}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinement-results p {display:flex;justify-content:space-between;gap:8px;font-size:11px;line-height:1.35}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinement-results p b {text-align:right;overflow-wrap:anywhere}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-content {display:flex;flex-direction:column;gap:9px;min-width:0}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-hero {display:grid;grid-template-columns:76px minmax(0,1fr);gap:9px;min-width:0}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-weapon-preview {min-width:0;min-height:96px;padding:7px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-current-status {min-width:0;padding:8px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-current-stats {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 8px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-current-stats>div {display:flex;justify-content:space-between;gap:5px;min-width:0}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-current-stats dt,
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-current-stats dd {min-width:0;font-size:10px;overflow-wrap:anywhere}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slots {display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot {min-width:0;padding:9px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-roll {grid-template-columns:26px minmax(0,1fr) auto;gap:6px;min-width:0;min-height:48px;padding:6px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-roll>span {min-width:0}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-roll b {font-size:12px;overflow-wrap:anywhere}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-roll strong {font-size:12px;white-space:nowrap}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-totals {display:flex;flex-wrap:wrap;gap:6px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-requirements {display:grid;grid-template-columns:minmax(0,1fr);gap:9px;min-width:0}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-items {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-item {display:grid;grid-template-columns:30px minmax(0,1fr);gap:6px;min-width:0;padding:7px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-item img {width:28px;height:28px;object-fit:contain}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-item :is(b,strong,small) {min-width:0;font-size:10px;overflow-wrap:anywhere}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-action {display:grid;grid-template-columns:minmax(0,1fr);gap:7px;min-width:0}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot-selector {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-apply {width:100%;font-size:13px}
}

@media (max-width:1000px) and (orientation:landscape) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel {
  display:flex;
  flex:1 1 0;
  flex-direction:column;
  min-width:0;
  min-height:0;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
 }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-layout {
  grid-template-columns:minmax(126px,.75fr) minmax(0,1.65fr) minmax(155px,.95fr);
  grid-template-rows:minmax(0,1fr);
  gap:6px;
  min-width:0;
  min-height:0;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
 }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-sidebar,
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-bench,
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-inspector {
  min-width:0;
  min-height:0;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
 }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-materials {grid-template-columns:minmax(0,1fr);gap:4px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-materials .workshop-material-card {grid-template-columns:28px minmax(0,1fr) auto;min-height:40px;padding:4px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-materials .workshop-material-card img {width:25px;height:28px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-materials .workshop-material-card h5,
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-materials .workshop-material-card p {font-size:10px;line-height:1.2}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-bay-view:not([hidden]) {box-sizing:border-box;width:100%;height:auto;min-width:0;min-height:100%;padding:8px;overflow:visible}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-fabrication-heading {grid-template-columns:minmax(0,1fr) 130px;align-items:center}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-fabrication-heading .workshop-mode-toggle,
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-mode-toggle {width:130px;min-width:0;min-height:42px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-section-heading h4 {font-size:14px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-section-heading p {font-size:10px;line-height:1.3}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-recipes,
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-recipes {grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-weapons.workshop-weapons {grid-template-columns:minmax(0,1fr);gap:5px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-selected-recipe {min-height:0}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-inspector>.workshop-panel-card {padding:7px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-weapons .upgrade-workbench {grid-template-columns:minmax(64px,.6fr) minmax(0,1.4fr);grid-template-areas:"weapon comparison" "cost cost";gap:5px;padding:6px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-weapons .upgrade-stat-comparison {padding:6px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-weapons .upgrade-stat-column {padding:4px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-weapons .upgrade-stat-controls {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-weapons .upgrade-stat-warning {grid-column:1/-1}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-weapons .upgrade-cost-panel {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px;padding:6px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-weapons .upgrade-cost-panel h5,
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-weapons .upgrade-cost-materials {grid-column:1/-1}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-weapons .upgrade-submit {grid-column:2;min-height:42px!important}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-workspace-card {grid-template-columns:minmax(0,1fr);gap:6px;padding:7px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-status-list {grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-status-row {gap:3px;padding:4px;font-size:9px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-refinement-details {gap:5px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinement-results p {font-size:9px;line-height:1.25}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-content {gap:6px;min-width:0}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-hero {grid-template-columns:minmax(0,1fr);gap:5px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slots {grid-template-columns:minmax(0,1fr);gap:5px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot {padding:6px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-roll {min-height:38px;padding:4px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-requirements {gap:5px}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-items {grid-template-columns:minmax(0,1fr)}
}

@media (max-width:360px) and (orientation:portrait) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-materials {grid-template-columns:minmax(0,1fr)}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-recipes,
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-weapons,
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-weapon-list {grid-template-columns:minmax(0,1fr)}
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-fabrication-heading {grid-template-columns:minmax(0,1fr)}
}

/* Factory composition: concise storage and blueprint picker, complete preview at right. */
body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-bay-nav {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px;
  margin:4px 0 7px;
}

body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-bay-nav button {
  display:flex;
  min-width:0;
  min-height:36px;
  height:36px;
  align-items:center;
  justify-content:center;
  padding:4px 7px;
  text-align:center;
}

body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-bay-nav button>span,
body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-bay-nav button>small {
  display:none;
}

body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-bay-nav button>b {
  overflow:hidden;
  font-size:10px;
  line-height:1.1;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel[data-workshop-bay="fabrication"] .workshop-fabrication-heading {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:5px;
  align-items:start;
}

body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel[data-workshop-bay="fabrication"] .workshop-fabrication-heading>div {
  min-width:0;
}

body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel[data-workshop-bay="fabrication"] .workshop-fabrication-heading :is(small,p) {
  display:none;
}

body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel[data-workshop-bay="fabrication"] .workshop-fabrication-heading h4 {
  margin:0;
  overflow:hidden;
  font-size:13px;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel[data-workshop-bay="fabrication"] #workshop-mode-toggle {
  width:min(100%,180px);
  min-width:0;
  min-height:38px;
  justify-self:start;
}

body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-sidebar>section:first-child>header h4 {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
}

body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #refresh-workshop {
  display:none!important;
}

body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-materials .workshop-material-card {
  position:relative;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr);
  grid-template-rows:1fr;
  align-items:center;
  gap:4px;
  min-width:0;
  min-height:38px;
  padding:4px 6px;
}

body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-materials .workshop-material-card img {
  grid-column:1;
  grid-row:1;
  width:26px;
  height:28px;
}

body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-materials .workshop-material-card h5 {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
}

body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-materials .workshop-material-card p {
  grid-column:2;
  grid-row:1;
  justify-self:stretch;
  min-width:0;
  margin:0;
  padding:4px;
  font-size:10px;
}

body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-selected-recipe {
  display:none!important;
}

body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-recipes.workshop-recipes {
  grid-template-columns:minmax(0,1fr);
  grid-auto-rows:minmax(34px,auto);
  gap:4px;
  max-height:100%;
  min-height:0;
  margin:3px 0 0;
}

body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-recipes .workshop-blueprint {
  display:flex;
  min-width:0;
  min-height:34px;
  align-items:center;
  justify-content:flex-start;
  padding:6px 9px;
}

body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-recipes .workshop-blueprint img,
body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-recipes .workshop-blueprint small {
  display:none;
}

body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-recipes .workshop-blueprint span {
  overflow:hidden;
  font-size:11px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview {
  min-width:0;
  min-height:0;
  max-height:none;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
}

body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview .workshop-selected-card {
  grid-column:1/-1;
  display:block;
  min-width:0;
  min-height:0;
  margin:8px 0 0;
  padding:9px;
}

body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview .workshop-selected-card>img {
  display:none;
}

body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview .workshop-selected-details {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:6px 10px;
  min-width:0;
}

body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview .workshop-selected-details h5 {
  min-width:0;
  font-size:14px;
  overflow-wrap:anywhere;
}

body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview .workshop-selected-details>p {
  font-size:11px;
}

body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview .workshop-requirements {
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px;
}

body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview .workshop-requirements>span {
  display:grid;
  grid-template-columns:26px minmax(0,1fr);
  align-items:center;
  min-width:0;
  min-height:34px;
  padding:3px 5px;
}

body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview .workshop-requirements img {
  grid-column:1;
  grid-row:1;
  width:24px;
  height:24px;
}

body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview .workshop-requirements b {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
}

body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview .workshop-requirements small {
  grid-column:2;
  grid-row:1;
  font-size:10px;
}

body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview .workshop-craft-button {
  grid-column:1/-1;
  min-height:42px!important;
}

@media (min-width:761px) {
  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel[data-workshop-bay="fabrication"] .workshop-layout {
    grid-template-columns:minmax(92px,.42fr) minmax(190px,.82fr) minmax(290px,1.55fr);
    align-items:stretch;
    gap:8px;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel[data-workshop-bay="fabrication"] .workshop-inspector {
    display:flex;
    min-width:0;
    min-height:0;
    flex-direction:column;
    align-self:stretch;
    overflow:hidden;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel[data-workshop-bay="fabrication"] #factory-weapon-preview {
    flex:1 1 auto;
    width:100%;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel[data-workshop-bay="fabrication"] #workshop-materials {
    grid-template-columns:minmax(0,1fr);
    gap:3px;
  }
}

@media (max-width:360px) and (orientation:portrait) {
  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel[data-workshop-bay="fabrication"] #workshop-recipes.workshop-recipes {
    grid-template-columns:minmax(0,1fr);
  }
}

/* Keep the full desktop Factory arrangement while using icon-led mobile cards. */
@media (min-width:1001px) {
  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel[data-workshop-bay="fabrication"] .workshop-layout {
    grid-template-columns:minmax(170px,205px) minmax(0,1fr) minmax(185px,220px);
    gap:7px;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel[data-workshop-bay="fabrication"] .workshop-inspector {
    display:grid;
    grid-template-rows:minmax(0,1fr);
    align-content:stretch;
    overflow:auto;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel[data-workshop-bay="fabrication"] #factory-weapon-preview {
    flex:none;
    width:auto;
    max-height:calc(100dvh - 212px);
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #refresh-workshop {
    display:block!important;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-bay-nav {
    gap:4px;
    margin:7px 0;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-bay-nav button {
    display:grid;
    grid-template-columns:24px minmax(0,1fr);
    min-height:42px;
    height:auto;
    justify-content:initial;
    padding:5px 8px;
    text-align:left;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-bay-nav button>span {
    display:grid;
    width:22px;
    height:22px;
    place-items:center;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-bay-nav button>small {
    display:block;
    grid-column:2;
    font-size:8px;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-bay-nav button>b {
    grid-column:2;
    overflow:visible;
    font-size:10px;
    text-align:left;
    white-space:normal;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-materials {
    grid-template-columns:minmax(0,1fr);
    gap:4px;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-materials .workshop-material-card {
    grid-template-columns:25px minmax(0,1fr) auto;
    grid-template-rows:auto auto;
    min-height:42px;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-materials .workshop-material-card img {
    grid-row:1/3;
    width:24px;
    height:24px;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-materials .workshop-material-card h5 {
    position:static;
    grid-column:2;
    grid-row:1;
    width:auto;
    height:auto;
    overflow:hidden;
    clip-path:none;
    font-size:9px;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-materials .workshop-material-card p {
    grid-column:3;
    grid-row:1/3;
    min-width:46px;
    padding:4px 6px;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-selected-recipe:not([hidden]) {
    display:block!important;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-recipes.workshop-recipes {
    grid-template-columns:minmax(0,1fr);
    max-height:min(32vh,320px);
    min-height:220px;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-recipes .workshop-blueprint {
    display:grid;
    grid-template-columns:36px minmax(0,1fr) auto;
    grid-template-rows:auto;
    min-height:48px;
    padding:5px 8px;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-recipes .workshop-blueprint img {
    display:block;
    width:34px;
    height:34px;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-recipes .workshop-blueprint small {
    display:block;
    font-size:8px;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-recipes .workshop-blueprint span {
    font-size:10px;
    white-space:normal;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-selected-recipe .workshop-selected-card {
    display:grid;
    grid-template-columns:minmax(74px,22%) minmax(0,1fr);
    gap:8px;
    min-height:112px;
    margin:4px 0;
    padding:8px;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-selected-recipe .workshop-selected-card>img {
    display:block;
    width:100%;
    height:78px;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-selected-recipe .workshop-selected-details {
    grid-template-columns:minmax(0,1fr) auto;
    gap:4px 8px;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-selected-recipe .workshop-requirements>span {
    grid-template-columns:24px minmax(0,1fr);
    min-width:0;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-selected-recipe .workshop-requirements b {
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip-path:inset(50%);
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview .workshop-selected-card {
    display:none;
  }
}

@media (min-width:761px) and (max-width:1000px) and (orientation:landscape) {
  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel[data-workshop-bay="fabrication"] .workshop-layout {
    grid-template-columns:minmax(128px,150px) minmax(0,1fr) minmax(155px,196px);
    gap:6px;
    overflow:hidden;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel[data-workshop-bay="fabrication"] .workshop-inspector {
    display:flex;
    flex-direction:column;
    overflow:auto;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel[data-workshop-bay="fabrication"] #factory-weapon-preview {
    flex:none;
    max-height:none;
    overflow-y:auto;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-selected-recipe:not([hidden]) {
    display:block!important;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-recipes.workshop-recipes {
    grid-template-columns:repeat(2,minmax(0,1fr));
    max-height:40vh;
    min-height:0;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-recipes .workshop-blueprint {
    display:grid;
    grid-template-columns:28px minmax(0,1fr);
    grid-template-rows:auto auto;
    min-height:48px;
    padding:4px;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-recipes .workshop-blueprint img {
    display:block;
    grid-row:1/3;
    width:26px;
    height:28px;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-recipes .workshop-blueprint small {
    display:none;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-recipes .workshop-blueprint span {
    white-space:normal;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-selected-recipe .workshop-selected-card {
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    gap:5px;
    min-height:0;
    margin:4px 0;
    padding:6px;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-selected-recipe .workshop-selected-card>img {
    display:block;
    width:40px;
    height:48px;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-selected-recipe .workshop-requirements {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-selected-recipe .workshop-requirements b {
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip-path:inset(50%);
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview .workshop-selected-card {
    display:none;
  }
}

@media (max-width:760px) and (orientation:portrait) {
  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-selected-recipe:not([hidden]) {
    display:block!important;
    order:3;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-recipes.workshop-recipes {
    order:2;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-selected-recipe .workshop-selected-card {
    display:grid;
    grid-template-columns:48px minmax(0,1fr);
    gap:6px 8px;
    min-height:0;
    margin:4px 0 0;
    padding:7px;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-selected-recipe .workshop-selected-card>img {
    display:block;
    grid-column:1;
    grid-row:1/3;
    width:46px;
    height:54px;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-selected-recipe .workshop-selected-details {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-rows:auto auto auto auto auto;
    gap:4px;
    min-width:0;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-selected-recipe .workshop-selected-details>small {
    grid-column:1/-1;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-selected-recipe .workshop-selected-details h5 {
    grid-column:1;
    grid-row:2;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-selected-recipe .workshop-selected-details>p {
    grid-column:2;
    grid-row:2;
    white-space:nowrap;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-selected-recipe .workshop-requirements {
    grid-column:1/-1;
    grid-row:4;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:4px;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-selected-recipe .workshop-requirements>span {
    display:grid;
    grid-template-columns:24px minmax(0,1fr);
    min-width:0;
    min-height:32px;
    padding:3px;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-selected-recipe .workshop-requirements img {
    grid-column:1;
    grid-row:1;
    width:24px;
    height:24px;
    min-width:24px;
    min-height:24px;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-selected-recipe .workshop-requirements b {
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip-path:inset(50%);
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-selected-recipe .workshop-requirements small {
    grid-column:2;
    grid-row:1;
    font-size:9px;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-selected-recipe .workshop-craft-button {
    grid-column:1/-1;
    grid-row:5;
    min-height:42px!important;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-recipes .workshop-blueprint {
    display:grid;
    grid-template-columns:28px minmax(0,1fr);
    min-height:36px;
    padding:4px 6px;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-recipes .workshop-blueprint img {
    display:block;
    width:26px;
    height:28px;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-recipes .workshop-blueprint small {
    display:none;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview .workshop-selected-card {
    display:none;
  }
}

@media (max-width:760px) and (orientation:portrait) {
  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel[data-workshop-bay="fabrication"] .workshop-layout {
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto auto auto auto;
    grid-template-areas:"mobile-bench" "mobile-inspector" "mobile-pending" "mobile-materials";
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel[data-workshop-bay="refinery"] .workshop-layout {
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto auto auto auto;
    grid-template-areas:"mobile-inspector" "mobile-bench" "mobile-pending" "mobile-materials";
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel[data-workshop-bay="resonance"] .workshop-layout {
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto auto auto auto;
    grid-template-areas:"mobile-bench" "mobile-inspector" "mobile-pending" "mobile-materials";
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel[data-workshop-bay="fabrication"] #workshop-recipes.workshop-recipes {
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-rows:minmax(32px,auto);
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel[data-workshop-bay="fabrication"] #workshop-recipes .workshop-blueprint {
    min-height:32px;
    padding:5px 7px;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel[data-workshop-bay="fabrication"] #workshop-recipes .workshop-blueprint span {
    font-size:10px;
    line-height:1.15;
    overflow:hidden;
    text-overflow:clip;
    white-space:normal;
    overflow-wrap:anywhere;
  }
}