/* Off-by-default Auction House enchant commissions; no other screens altered. */
#auction-house-modal [data-auction-tab="enchants"][hidden],
#auction-house-modal [data-auction-view="enchants"][hidden] {display:none!important;}
#auction-enchant-root {display:grid;gap:14px;}
#auction-enchant-root .ssq-commission-panel {
    border:1px solid #a47eaf60;border-radius:12px;padding:12px;
    background:rgba(39,25,56,.40);display:grid;gap:9px;min-width:0;
}
#auction-enchant-root .ssq-commission-panel h3 {margin:0;color:#f5d0a1;font-size:1rem;}
#auction-enchant-root .ssq-commission-field {display:grid;gap:4px;min-width:0;color:#f3e7f2;font-size:.85rem;}
/* Six controls in two short rows on desktop, two columns on tablets. */
#auction-enchant-root .ssq-commission-fields {
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px 12px;min-width:0;
}
#auction-enchant-root .ssq-commission-board-grid {
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;align-items:start;min-width:0;
}
#auction-enchant-root .ssq-commission-board-grid > .ssq-commission-panel {min-width:0;}
#auction-enchant-root .ssq-commission-select {
    min-width:0;width:100%;box-sizing:border-box;padding:8px;
    background:#302740;color:#f8e8f7;border:1px solid #aa84ae;border-radius:8px;
}
#auction-enchant-root .ssq-commission-list {display:grid;gap:8px;min-width:0;}
#auction-enchant-root .ssq-commission-card {
    display:grid;gap:5px;padding:10px;border:1px solid #ae83b76b;
    background:rgba(69,45,78,.48);border-radius:10px;min-width:0;
    color:#faf0f7;overflow-wrap:anywhere;
}
#auction-enchant-root .ssq-commission-card small {font-size:.79rem;color:#ebcfcb;}
#auction-enchant-root .ssq-commission-materials {font-size:.82rem;line-height:1.4;}
#auction-enchant-root .ssq-commission-supplies {
    display:flex;flex-wrap:wrap;align-items:center;gap:5px;
    padding:7px;border-radius:8px;border:1px solid #aa84ae55;
    background:rgba(36,38,63,.40);min-width:0;
}
#auction-enchant-root .ssq-commission-supplies > small {flex-basis:100%;}
#auction-enchant-root .ssq-commission-supply-chip {
    padding:4px 7px;border-radius:7px;max-width:100%;
    border:1px solid rgba(140,190,156,.50);
    background:rgba(27,72,48,.56);color:#def8e4;
    font-size:.75rem;line-height:1.35;overflow-wrap:anywhere;
}
#auction-enchant-root .ssq-commission-supply-chip.missing {
    border-color:rgba(243,159,132,.75);
    background:rgba(95,43,45,.65);color:#ffd8c9;
}
#auction-enchant-root .ssq-commission-consent {display:flex;gap:8px;align-items:flex-start;font-size:.84rem;}
#auction-enchant-root .ssq-commission-consent[hidden] {display:none!important;}
#auction-enchant-root .ssq-commission-feedback {font-size:.83rem;color:#b8ebc7;}
#auction-enchant-root .ssq-commission-feedback.error {color:#ffb5a5;}

/* The Auction House shell clips overflow; this tab needs its own scrollport.
   Keep the header, wallet, navigation tabs and status line in place. */
#auction-house-modal .auction-view[data-auction-view="enchants"] {
    display: block;
    min-width: 0;
    min-height: 0;
    height: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #c88fa7 rgba(38, 27, 58, 0.6);
    padding-right: 8px;
    padding-bottom: 12px;
}
#auction-house-modal .auction-view[data-auction-view="enchants"]::-webkit-scrollbar {
    width: 9px;
}
#auction-house-modal .auction-view[data-auction-view="enchants"]::-webkit-scrollbar-track {
    background: rgba(38, 27, 58, 0.6);
    border-radius: 12px;
}
#auction-house-modal .auction-view[data-auction-view="enchants"]::-webkit-scrollbar-thumb {
    background: #c88fa7;
    border: 2px solid rgba(38, 27, 58, 0.6);
    border-radius: 12px;
}
@media (max-width: 960px) {
    #auction-enchant-root .ssq-commission-board-grid {grid-template-columns:1fr;}
    #auction-enchant-root .ssq-commission-fields {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 560px) {
    #auction-enchant-root .ssq-commission-fields {grid-template-columns:1fr;}
}
@media (max-width: 780px) {
    #auction-house-modal .auction-view[data-auction-view="enchants"] {
        padding-right: 4px;
    }
}