.accessory-page{max-width:1000px;padding-block:24px}.accessory-page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.accessory-page-heading h1{font-size:28px;color:#111;margin:0 0 8px}.accessory-page-heading p{margin:0;color:#616d69}.accessory-page-heading a{flex-shrink:0;text-decoration:none}.accessory-page-editor{padding:24px}.accessory-page-note{font-size:14px;color:#616d69;margin:0 0 16px}
.accessory-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.accessory-editor-toolbar>span{font-size:14px;color:#616d69}.accessory-editor-list{position:relative;max-height:64vh;max-height:64dvh;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;padding:4px 12px 4px 4px;border:1px solid #dce8e2;border-radius:14px;background:#fbfaf4}.accessory-editor-list:focus-visible{outline:2px solid #356e5b;outline-offset:2px}.accessory-editor-card{min-width:0;margin:12px 4px;padding:16px;border:1px solid #dce8e2;border-radius:14px;background:white}.accessory-editor-card legend{font-family:inherit;font-size:16px;font-weight:700;padding-inline:8px;color:#2f3b37;max-width:100%;overflow-wrap:anywhere}
.accessory-editor-body{display:grid;grid-template-columns:112px minmax(0,1fr);gap:20px}.accessory-editor-preview{align-self:start;display:grid;place-items:center;width:112px;min-height:112px;border:1px solid #dce8e2;border-radius:12px;background:#fbfaf4;overflow:hidden}.accessory-editor-preview img{display:block;object-fit:contain;width:112px;height:112px}.accessory-editor-preview [hidden]{display:none}.accessory-editor-preview span{padding:12px;text-align:center;font-size:13px;color:#616d69}.accessory-editor-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,.6fr);gap:12px 16px;min-width:0}.accessory-editor-fields label{display:grid;gap:6px;font-size:14px;min-width:0}.accessory-editor-fields input:not([type=checkbox]){width:100%;min-width:0;box-sizing:border-box;min-height:44px;padding:10px 12px;border:1px solid #dce8e2;border-radius:10px;font-size:16px;font-family:inherit;background:white;color:#2f3b37}.accessory-editor-fields input:focus-visible{outline:2px solid #356e5b;outline-offset:2px}
.accessory-editor-image-field,.accessory-editor-selling,.accessory-editor-id{grid-column:1/-1}.accessory-editor-fields .accessory-editor-selling{display:flex;align-items:center;gap:8px}.accessory-editor-selling input{width:20px;height:20px;accent-color:#356e5b}.accessory-editor-id{font-size:13px;color:#616d69}.accessory-editor-id summary{cursor:pointer}.accessory-editor-id label{margin-top:8px}.accessory-editor-id input[readonly]{background:#f5f7f5}.accessory-editor-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:16px;background:white}.accessory-editor-message{flex:1;min-width:160px;font-size:14px;margin:0;color:#356e5b;overflow-wrap:anywhere}.accessory-editor-empty{padding:24px;font-size:14px;color:#616d69}.accessory-editor-actions .btn,.accessory-editor-toolbar .btn{font-family:inherit}
@media(max-width:600px){.accessory-page{padding-block:16px}.accessory-page-heading{align-items:flex-start;flex-direction:column}.accessory-page-heading h1{font-size:24px}.accessory-page-editor{padding:16px}.accessory-editor-list{max-height:62vh;max-height:62dvh;padding-right:6px}.accessory-editor-body{grid-template-columns:1fr;gap:12px}.accessory-editor-preview{width:88px;min-height:88px}.accessory-editor-preview img{width:88px;height:88px}.accessory-editor-fields{grid-template-columns:1fr}.accessory-editor-card{padding:12px}.accessory-editor-actions .accessory-editor-message{flex-basis:100%}.accessory-editor-actions .btn{flex:1}.accessory-editor-toolbar{flex-wrap:wrap}}

.accessory-sale-history{margin-top:24px;padding-top:16px;border-top:1px solid #dce8e2}.accessory-sale-history summary{cursor:pointer;font-weight:700;min-height:44px;display:list-item;align-content:center}.accessory-sale-history-list{display:grid;gap:12px;margin:12px 0}.accessory-sale-history-record{padding:12px;border:1px solid #dce8e2;border-radius:14px;overflow-wrap:anywhere;background:#fbfaf4}.accessory-sale-history-record p{margin:4px 0;font-size:14px}.accessory-sale-history-record p:first-child{color:#616d69}

.accessory-editor-order{display:flex;justify-content:flex-end;gap:8px;margin:0 0 12px;flex-wrap:wrap}.accessory-editor-order .btn{font-family:inherit;min-height:44px;padding:8px 12px;font-size:14px}.accessory-editor-order .btn:disabled{opacity:.45;cursor:default}.accessory-editor-card:focus-visible{outline:2px solid #356e5b;outline-offset:2px}