.custom-item-admin{--ci-bg:#081719}.custom-panel{margin-bottom:18px;padding:24px;border:1px solid var(--line);background:var(--surface)}.custom-panel>header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.custom-panel>header>span{color:#4fbec273;font-size:27px}.custom-panel h2{margin:3px 0 0;font-size:25px}.custom-panel .eyebrow{margin:0}.custom-vnum__row{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:end}.custom-panel label{display:grid;gap:7px;color:var(--text-dim);font-size:11px}.custom-panel input,.custom-panel select,.custom-panel textarea{box-sizing:border-box;width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);outline:0;color:var(--text);background:#061315;font:inherit}.custom-panel input:focus,.custom-panel select:focus,.custom-panel textarea:focus{border-color:#4fbec28c}.custom-preview{grid-template-columns:110px minmax(0,1fr);align-items:center}.custom-preview:not([hidden]){display:grid}.custom-preview__icon{display:grid;place-items:center;width:88px;min-height:88px;border:1px solid var(--line);background:#050d0e}.custom-preview__icon img{max-width:72px;max-height:72px;image-rendering:auto}.custom-preview__icon span{padding:10px;text-align:center;color:var(--text-dim);font-size:10px}.custom-preview dl{display:flex;flex-wrap:wrap;gap:12px 25px;margin:15px 0 0}.custom-preview dt{color:var(--text-dim);font-size:9px;text-transform:uppercase}.custom-preview dd{margin:4px 0 0}.custom-check{display:flex!important;grid-template-columns:22px 1fr;align-items:center;margin:10px 0;min-height:44px}.custom-check input{width:18px;min-height:18px}.custom-check--warning{color:#e4bc75!important}.custom-warning{margin:12px 0;padding:12px;border-left:3px solid #d99b42;background:#d99b4212;color:#e2bd82;font-size:12px}.bonus-list{display:grid;gap:10px}.bonus-row{display:grid;grid-template-columns:95px minmax(150px,.7fr) minmax(210px,1.3fr) 130px;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);background:#ffffff03}.bonus-row small{grid-column:4;color:#d7a65f;font-size:10px}.socket-grid,.custom-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.custom-field-wide{grid-column:span 2}.custom-advanced summary{cursor:pointer;min-height:44px;color:var(--brand-primary);font-weight:600}.custom-advanced p{color:var(--text-dim);font-size:11px}.custom-actions{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:10px;margin-top:20px}.template-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.template-list button{display:grid;gap:5px;min-height:70px;padding:14px;border:1px solid var(--line);text-align:left;color:var(--text);background:#061315}.template-list small{color:var(--text-dim)}.custom-confirm{width:min(650px,calc(100% - 28px));padding:0;border:1px solid #4fbec266;color:var(--text);background:#081719}.custom-confirm::backdrop{background:#000b}.custom-confirm header,.custom-confirm [data-confirm-summary],.custom-confirm footer{padding:22px}.custom-confirm header{border-bottom:1px solid var(--line)}.custom-confirm h2{margin:5px 0 0}.custom-confirm footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line)}
@media(max-width:800px){.bonus-row{grid-template-columns:70px 1fr 1fr}.bonus-row label{grid-column:2/-1}.bonus-row small{grid-column:2/-1}.socket-grid,.custom-fields{grid-template-columns:1fr 1fr}.custom-actions{grid-template-columns:1fr}.template-list{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.custom-panel{padding:18px 14px}.custom-vnum__row,.custom-preview{grid-template-columns:1fr}.custom-preview__icon{width:100%}.bonus-row{grid-template-columns:1fr;padding:15px}.bonus-row>*{grid-column:1!important}.socket-grid,.custom-fields,.template-list{grid-template-columns:1fr}.custom-field-wide{grid-column:auto}.custom-actions .button{width:100%}.custom-confirm footer{flex-direction:column}.custom-confirm .button{width:100%}}
.bonus-row select{cursor:pointer;color:#eefafa;background-color:#061315;color-scheme:dark}
.bonus-row select option,.bonus-row select optgroup{color:#eefafa;background:#061315}
.bonus-row select option:checked{color:#061315;background:#4fbec2}
.admin-hero{position:relative;overflow:hidden}
.item-catalog>summary{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:44px;cursor:pointer;color:var(--brand-primary);font-weight:700;list-style:none}.item-catalog>summary::-webkit-details-marker{display:none}.item-catalog>summary small{color:var(--text-dim);font-weight:400}.item-catalog__filters{display:grid;grid-template-columns:220px minmax(220px,1fr) auto;align-items:end;gap:12px;margin-top:20px}.item-catalog__status{margin:16px 0 10px;color:var(--text-dim);font-size:11px}.item-catalog__results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:520px;overflow-y:auto}.item-catalog__results>button{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:68px;padding:9px 13px;border:1px solid var(--line);text-align:left;color:var(--text);background:#061315;cursor:pointer}.item-catalog__results>button:hover{border-color:#4fbec28c;background:#4fbec20b}.item-catalog__results img,.item-catalog__no-icon{width:44px;height:44px;object-fit:contain}.item-catalog__no-icon{display:grid;place-items:center;border:1px solid var(--line);color:var(--text-dim)}.item-catalog__results span{min-width:0}.item-catalog__results strong,.item-catalog__results small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-catalog__results small{margin-top:5px;color:var(--text-dim);font-size:10px}.item-catalog__results i{color:var(--brand-primary);font-size:10px;font-style:normal;text-transform:uppercase}
@media(max-width:700px){.item-catalog__filters,.item-catalog__results{grid-template-columns:1fr}.item-catalog__filters .button{width:100%}.item-catalog__results{max-height:460px}.item-catalog__results>button{grid-template-columns:48px minmax(0,1fr)}.item-catalog__results i{display:none}}
.item-catalog__filters{grid-template-columns:190px 170px minmax(220px,1fr) auto}
@media(max-width:700px){.item-catalog__filters{grid-template-columns:1fr}}
.custom-item-clear{width:max-content;margin-top:18px}
@media(max-width:560px){.custom-item-clear{width:100%}}
