/* Garrick subpages: the existing City, dungeon and Inventory visual system. */
.l2-page-rebirth-forge-subpage .l2-forge-subpage {
  max-width:620px; margin:0 auto; padding:6px 10px 22px;
  box-sizing:border-box; color:#d5c8b3;
}
.l2-page-rebirth-forge-subpage .l2-forge-head {
  margin-top:8px; padding:8px 1px 9px;
}
.l2-page-rebirth-forge-subpage .l2-forge-head h1 {
  font:700 17px/1.3 Georgia,serif; color:#d9ba87;
}
.l2-page-rebirth-forge-subpage .l2-forge-head p {
  margin:5px 0 0; padding-top:5px; font-size:11px; line-height:1.45; color:#b7a58d;
}
.l2-forge-subnav { display:grid; gap:5px; margin-top:11px; }
.l2-forge-subnav__item {
  box-sizing:border-box; width:100%; min-height:51px;
  display:flex; align-items:center; gap:10px;
  padding:7px 10px; text-decoration:none; color:#e2c9a4;
  background:linear-gradient(95deg,#292521,#1d1c1b);
  border:1px solid #544737; border-radius:4px;
}
.l2-forge-subnav__item:focus-visible,
.l2-gems-tabs a:focus-visible,
.l2-gems-action:focus-visible,
.l2-gem-select-trigger:focus-visible {
  outline:2px solid #c7a36b; outline-offset:2px;
}
.l2-forge-subnav__item:active {background:#403328;}
.l2-forge-subnav__mark {
  width:34px; height:34px; flex:none; display:grid; place-items:center;
  border:1px solid #5c4a36; border-radius:3px;
  background:linear-gradient(#3d3125,#241f1b); font-size:19px;
}
.l2-forge-subnav__item strong {
  display:block; font-size:13px; color:#e5ca9d; line-height:1.25;
}
.l2-forge-subnav__item small {
  display:block; font-size:11px; line-height:1.35; font-weight:400;
  color:#aa9780; margin-top:3px;
}
.l2-forge-subnav__arrow { margin-left:auto; font-size:22px; color:#907656; }

/* Compact chat-like segmented navigation, not large web landing tiles. */
.l2-page-rebirth-forge-subpage .l2-gems-tabs {
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; margin:8px 0;
}
.l2-page-rebirth-forge-subpage .l2-gems-tabs a {
  box-sizing:border-box; display:flex; gap:4px; align-items:center; justify-content:center;
  min-width:0; min-height:34px; padding:5px 3px;
  white-space:nowrap; text-align:center; text-decoration:none;
  border:1px solid #645039; border-radius:4px;
  background:linear-gradient(180deg,#403529,#24211d);
  font:700 11px/1.2 system-ui,sans-serif; color:#cfb590;
}
.l2-page-rebirth-forge-subpage .l2-gems-tabs a[aria-current="page"] {
  border-color:#a48252; background:linear-gradient(#584531,#32281e); color:#f4d69e;
}
.l2-gems-balance {
  display:flex; align-items:center; gap:8px; margin:9px 0 5px; padding:9px 11px;
  color:#cbb697; background:linear-gradient(#2f2923,#211e1c);
  border:1px solid #66513a; border-radius:4px; font-size:12px;
}
.l2-gems-balance strong {
  margin-left:auto; font-size:16px; font-variant-numeric:tabular-nums; color:#e0bd83;
}
.l2-gems-hint {margin:4px 3px 10px; color:#a69a89; font-size:11px; line-height:1.5;}
.l2-gems-panel {
  box-sizing:border-box; padding:11px 10px 12px; margin-top:9px;
  background:linear-gradient(180deg,#262320,#1b1b1a);
  border:1px solid #564637; border-radius:4px;
  box-shadow:inset 0 1px 0 rgba(219,175,108,.05);
}
.l2-gems-panel[hidden] {display:none !important;}
.l2-gems-panel h2 {
  margin:0 0 9px; padding-bottom:8px;
  color:#ddc095; font:700 15px/1.35 Georgia,serif;
  border-bottom:1px solid rgba(144,111,72,.32);
}
.l2-gems-note {
  margin:5px 0 8px; color:#b1a18e; font-size:11px; line-height:1.48;
}
.l2-gems-note--footer {
  border-top:1px dotted #504235; padding-top:9px; margin:10px 0 0;
}
.l2-gems-label {
  display:block; margin:9px 0 5px; font-size:12px; color:#d3b58b;
}
.l2-gems-panel select,
.l2-gem-select-trigger {
  box-sizing:border-box; width:100%; min-height:37px; margin:0;
  padding:7px 10px; border:1px solid #796046; border-radius:4px;
  background:linear-gradient(#3c332a,#28231e); color:#e6d3b3;
  font:12px/1.35 system-ui,sans-serif;
}
.l2-gem-native-select {
  position:absolute !important; width:1px !important; height:1px !important;
  padding:0 !important; margin:0 !important;
  opacity:0 !important; pointer-events:none !important; clip-path:inset(50%);
}
.l2-gem-select-trigger {
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  text-align:left; cursor:pointer;
}
.l2-gem-select-trigger .l2-gem-select-trigger__text {
  min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.l2-gem-select-trigger:disabled,.l2-gems-action:disabled {opacity:.48; cursor:not-allowed;}
.l2-gem-select-trigger__chevron {font-size:17px;color:#b99c72;flex:none;}
.l2-gems-preview {
  box-sizing:border-box; margin:9px 0; padding:8px 9px;
  font-size:12px; line-height:1.45; color:#c8b79c;
  border:1px solid #463b31; background:#201e1b; border-radius:3px;
}
.l2-gems-socket {
  margin:8px 0 10px; padding:8px; min-height:36px;
  background:#201e1b; border:1px solid #4e4032; border-radius:3px;
  color:#d4c0a3; font-size:12px; line-height:1.4; overflow-wrap:anywhere;
}
.l2-gems-socket img {width:36px;height:36px;object-fit:contain;border:1px solid #5a4b37;border-radius:3px;}
.l2-gems-action {
  display:block; box-sizing:border-box; width:100%; min-height:35px; padding:7px 10px; margin-top:9px;
  background:linear-gradient(180deg,#594630,#30261d);
  color:#ecd3ab; border:1px solid #8c6b45; border-radius:4px;
  font:700 12px/1.3 system-ui,sans-serif; cursor:pointer;
}
.l2-gems-total {
  display:flex; justify-content:space-between; gap:10px; padding:10px 1px 2px;
  color:#c6af90; font-size:12px;
}
.l2-gems-total strong {color:#e9c68a;font-variant-numeric:tabular-nums;}
.l2-gems-status {min-height:14px; font-size:12px; color:#d5aa7e; line-height:1.4; margin:8px 2px;}
.l2-gems-melt-list .row {
  display:flex; gap:8px; align-items:center; padding:7px 2px;
  border-bottom:1px solid #3c332c; font-size:12px;
}
.l2-gems-melt-list .row img {width:34px;height:34px;object-fit:contain;flex:none;border:1px solid #514333;border-radius:3px;}
.l2-gems-melt-list .row span {flex:1;min-width:0;color:#d2baa0;overflow-wrap:anywhere;}
.l2-gems-melt-list input[type="checkbox"] {accent-color:#997546;width:16px;height:16px;flex:none;}
.l2-gems-melt-list input[type="number"] {
  box-sizing:border-box; width:58px; min-height:32px; padding:5px 4px; color:#efd7b2;
  background:#2c251f; border:1px solid #68543d; border-radius:3px; font-size:12px;
}
.l2-gem-picker__dialog {padding:10px;}
.l2-gem-picker__search {
  box-sizing:border-box; width:100%; min-height:34px; margin:9px 0;
  padding:6px 9px; border:1px solid #67543b; border-radius:3px;
  background:#211e1c; color:#ead6b3; font-size:12px;
}
.l2-gem-picker__list {max-height:min(58vh,500px);overflow:auto;overscroll-behavior:contain;}
.l2-gem-picker__list .l2-forge-picker__row[aria-selected="true"] {
  border-color:#ab8655; background:linear-gradient(#56422d,#35271f);
}
@media(max-width:355px){
 .l2-page-rebirth-forge-subpage .l2-gems-tabs a {font-size:10px;}
 .l2-gems-panel {padding:9px 7px;}
}


/* Real gem illustrations are shown in the existing L2 item picker and in sockets. */
.l2-gem-select-trigger__icon{display:block;width:26px;height:26px;object-fit:contain;flex:none;border:1px solid #5e4b37;border-radius:3px}
.l2-gem-select-trigger__icon[hidden]{display:none!important}
.l2-gem-picker__item-icon{display:block;width:30px;height:30px;flex:none;object-fit:contain;border:1px solid #625039;border-radius:3px}
.l2-gems-socket-icons{display:flex;gap:5px;flex-wrap:wrap;align-items:center;width:100%;margin-top:7px}
.l2-gems-socket-cell{display:inline-flex;width:31px;height:31px;align-items:center;justify-content:center;color:#8e795d;border:1px solid #5e4b35;border-radius:3px;background:linear-gradient(#2a251f,#1a1917);font-size:19px}
.l2-gems-socket-cell img{display:block;width:29px;height:29px;max-width:100%;max-height:100%;object-fit:contain;border:0;border-radius:2px;margin:0}
.l2-gems-preview:has(.l2-gems-effect-icon){display:flex;align-items:center;gap:8px}
.l2-gems-effect-icon{display:block;width:31px;height:31px;flex:none;object-fit:contain;border:1px solid #634d35;border-radius:3px}

/* Explicitly remove equipped Rebirth gear before forge mutation; never auto-unequip. */
.l2-forge-unequip{display:block;width:100%;box-sizing:border-box;margin:9px 0;padding:10px 12px;
 color:#ddbf91;background:linear-gradient(#392f25,#29221b);border:1px solid #8d724e;
 border-radius:5px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;text-align:center}
.l2-forge-unequip[hidden]{display:none!important}
.l2-forge-unequip:focus-visible{outline:2px solid #dcba7b;outline-offset:2px}

/* Gem dust icon remains distinct from equipment armor fragments. */
.l2-gems-resource__icon{display:block;width:30px;height:30px;object-fit:contain;flex:none;border:1px solid #684e35;border-radius:3px}
.l2-gems-total{display:flex;align-items:center;gap:7px}
.l2-gems-total strong{margin-left:auto}
.l2-gems-tab__icon{display:inline-block;width:18px;height:18px;object-fit:contain;vertical-align:middle;margin-right:3px}