/* Fit the equipment decision, enhancement, and rune panels in the 1280x720 stage.
   Keep overflow available for narrow screens and enlarged text. */
.pc-mode .modal-backdrop[data-kind="item"]{justify-content:center;padding:14px}
.pc-mode .modal-backdrop[data-kind="item"] .modal{box-sizing:border-box;width:min(1130px,calc(var(--pc-width) - 28px));max-width:1130px;max-height:calc(var(--pc-height) - 28px);padding:11px 16px;overflow:auto}
.pc-mode .modal-backdrop[data-kind="item"] .modal-top{margin-bottom:4px}
.pc-mode .modal-backdrop[data-kind="item"] .item-dialog-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:12px;border-bottom:1px solid #8a805654;padding-bottom:5px}
.pc-mode .modal-backdrop[data-kind="item"] .item-dialog-summary .item-head{grid-column:1;grid-row:1;margin:0;min-width:0}
.pc-mode .modal-backdrop[data-kind="item"] .item-dialog-summary>.item-wear-summary{grid-column:1;grid-row:2;display:flex;align-items:center;gap:8px;min-width:0;margin:2px 0;line-height:1.2;font-size:max(var(--ui-min-font),calc(11px * var(--ui-text-scale)))}
.pc-mode .modal-backdrop[data-kind="item"] .item-wear-summary strong{flex:none;padding:3px 7px;border:1px solid;border-radius:3px;white-space:nowrap}
.pc-mode .modal-backdrop[data-kind="item"] .item-wear-summary span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b3b9a8}
.pc-mode .modal-backdrop[data-kind="item"] .item-wear-summary.yes strong{color:#b8e1ba;border-color:#79aa82;background:#203b2c}
.pc-mode .modal-backdrop[data-kind="item"] .item-wear-summary.no strong{color:#f4aea5;border-color:#c96e64;background:#3c2525}
.pc-mode .modal-backdrop[data-kind="item"] .item-wear-summary.locked strong{color:#e7cf96;border-color:#aa8951;background:#393022}
.pc-mode .modal-backdrop[data-kind="item"] .item-dialog-summary .item-growth-breakdown{grid-column:2;grid-row:1/3;grid-template-columns:repeat(2,minmax(0,1fr));align-self:center;margin:0}
.pc-mode .modal-backdrop[data-kind="item"] .item-dialog-summary .item-growth-breakdown span{padding:3px 6px}
.pc-mode .modal-backdrop[data-kind="item"] .item-head .item-image{width:68px;height:68px}
.pc-mode .modal-backdrop[data-kind="item"] .item-head .item-image img{width:58px;height:58px}
.pc-mode .modal-backdrop[data-kind="item"] .item-dialog-actions{display:grid;grid-template-columns:1.5fr repeat(3,minmax(0,1fr));gap:7px;border:0;margin:0;padding:7px 0}
.pc-mode .modal-backdrop[data-kind="item"] .item-dialog-actions>button{min-width:0;min-height:35px;margin:0;padding:4px 7px;white-space:normal;line-height:1.2}
.pc-mode .modal-backdrop[data-kind="item"] .item-dialog-actions>button.item-unwearable-action:disabled{opacity:.76;color:#f4aea5;border-color:#a8605c;background:#352526}
.pc-mode .modal-backdrop[data-kind="item"] .item-dialog-actions>button.item-unwearable-action.slot-locked:disabled{color:#e7cf96;border-color:#aa8951;background:#393022}
.pc-mode .modal-backdrop[data-kind="item"] .item-dialog-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr) minmax(0,1.1fr);gap:10px;align-items:start}
.pc-mode .modal-backdrop[data-kind="item"] .item-dialog-left,.pc-mode .modal-backdrop[data-kind="item"] .item-dialog-enhancement,.pc-mode .modal-backdrop[data-kind="item"] .item-dialog-right{min-width:0}
.pc-mode .modal-backdrop[data-kind="item"] .enhance-projection{margin:0 0 7px;padding:7px 9px}
.pc-mode .modal-backdrop[data-kind="item"] .enhance-projection-head{display:none}
.pc-mode .modal-backdrop[data-kind="item"] .enhance-projection-row{padding:2px 0}
.pc-mode .modal-backdrop[data-kind="item"] .enhance-projection>small{margin-top:2px;line-height:1.25}
.pc-mode .modal-backdrop[data-kind="item"] .enhance-box{margin:0 0 7px}
.pc-mode .modal-backdrop[data-kind="item"] .enhance-box .enhance-cost{margin:5px 0}
.pc-mode .modal-backdrop[data-kind="item"] .enhance-box .enhance-currency{padding:4px 6px}
.pc-mode .modal-backdrop[data-kind="item"] .enhance-box .enhance-currency small{line-height:1.2}
.pc-mode .modal-backdrop[data-kind="item"] .enhance-box>.note:last-child{margin-top:3px}
.pc-mode .modal-backdrop[data-kind="item"] .rune-socket-summary{margin:0 0 7px;padding:8px 10px;gap:4px 9px;grid-template-columns:94px minmax(0,1fr)}
.pc-mode .modal-backdrop[data-kind="item"] .rune-socket-summary .rune-card{min-height:0;max-width:94px;padding:4px;gap:2px}
.pc-mode .modal-backdrop[data-kind="item"] .rune-socket-summary .rune-art{height:84px;width:78px}
.pc-mode .modal-backdrop[data-kind="item"] .rune-socket-summary .rune-impact-comparison{grid-column:2;gap:4px;margin:0}
.pc-mode .modal-backdrop[data-kind="item"] .rune-socket-summary .rune-impact-comparison>div{padding:5px}
.pc-mode .modal-backdrop[data-kind="item"] .rune-socket-summary .rune-impact-comparison b{font-size:15px}
.pc-mode .modal-backdrop[data-kind="item"] .rune-socket-summary .rune-impact-gain{grid-column:2;margin:0}
.pc-mode .modal-backdrop[data-kind="item"] .rune-socket-summary .rune-replace-control{margin-top:3px}
.pc-mode .modal-backdrop[data-kind="item"] .rune-socket-summary .rune-replace-note{display:none}
.pc-mode .modal-backdrop[data-kind="item"] .rune-socket-summary .rune-compat-guide{grid-column:1/-1;margin:3px 0 0;padding:5px 7px}
.pc-mode .modal-backdrop[data-kind="item"] .rune-compat-guide .compat-heading{margin-bottom:2px}
.pc-mode .modal-backdrop[data-kind="item"] .rune-compat-guide .compat-heading strong{font-size:11px}
.pc-mode .modal-backdrop[data-kind="item"] .rune-compat-guide .compat-grades{margin:2px 0;gap:3px}
.pc-mode .modal-backdrop[data-kind="item"] .rune-compat-guide .compat-grades span{padding:2px 4px;min-width:0}
.pc-mode .modal-backdrop[data-kind="item"] .rune-compat-details{font-size:11px;color:#c4c7b4}
.pc-mode .modal-backdrop[data-kind="item"] .rune-compat-details summary{cursor:pointer;color:#d8c38e}
.pc-mode .modal-backdrop[data-kind="item"] .rune-socket-summary .rune-setting-note{display:none}
.pc-mode .modal-backdrop[data-kind="item"] .item-dialog-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.pc-mode .modal-backdrop[data-kind="item"] .item-dialog-stats .item-stat-row{display:flex;justify-content:space-between;gap:4px;border:1px solid #665f465e;background:#1b2828;padding:5px 7px;margin:0;font-size:11px}
.pc-mode .modal-backdrop[data-kind="item"] .item-dialog-stats .item-stat-row b{font-size:14px}
.pc-mode .modal-backdrop[data-kind="item"] .item-dialog-rules{margin-top:5px;border-top:1px solid #8677546e;padding-top:4px}
.pc-mode .modal-backdrop[data-kind="item"] .item-detail-rules{border:1px solid #586550;padding:5px 8px}
.pc-mode .modal-backdrop[data-kind="item"] .item-detail-rules summary{cursor:pointer;color:#d5c496}
.pc-mode .modal-backdrop[data-kind="item"] .item-detail-rules p{line-height:1.35}
@media(max-width:700px){.pc-mode .modal-backdrop[data-kind="item"] .item-dialog-summary{display:block}.pc-mode .modal-backdrop[data-kind="item"] .item-dialog-summary>.item-wear-summary{flex-wrap:wrap}.pc-mode .modal-backdrop[data-kind="item"] .item-dialog-summary .item-growth-breakdown{margin-top:5px}.pc-mode .modal-backdrop[data-kind="item"] .item-dialog-grid{display:block}.pc-mode .modal-backdrop[data-kind="item"] .item-dialog-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.pc-mode .modal-backdrop[data-kind="item"] .item-dialog-actions>button{min-height:40px}}