.product-category-nav{position:relative;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:4px 0 22px}.category-nav-button{display:inline-flex;gap:10px;align-items:center;max-width:100%;border:1px solid var(--line);border-radius:7px;background:var(--surface);padding:10px 13px;color:var(--ink);font-size:13px;cursor:pointer}.category-nav-button>span{overflow-wrap:anywhere}.category-nav-button>small{font-size:12px;color:var(--muted);flex-shrink:0}.category-nav-button.active{background:var(--green);border-color:var(--green);color:white}.category-nav-button.active>small{color:inherit;opacity:.8}.category-manage{margin-left:auto;font-size:13px;padding:10px}.category-more{position:relative}.category-more>summary{padding:11px;font-size:13px;cursor:pointer;max-width:220px;overflow-wrap:anywhere}.category-more>div{position:absolute;left:0;top:100%;z-index:15;display:grid;gap:5px;width:240px;max-width:calc(100vw - 50px);max-height:340px;overflow:auto;border:1px solid var(--line);border-radius:8px;padding:9px;background:var(--surface);box-shadow:0 8px 25px #00000014}.category-more .category-nav-button{justify-content:space-between;border:0}.category-inline-create{font-size:13px;align-self:flex-start;padding:6px 0}.product-categories-dialog{width:620px;max-width:calc(100vw - 28px);max-height:88dvh;overflow:auto}.category-create-form{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start;margin:22px 0}.category-create-form>label{flex:1;min-width:0;margin:0}.category-create-form input{font-size:14px}.category-create-form>button{font-size:13px;min-height:44px;padding:12px 14px}.category-create-form>.form-error{width:100%;margin:0}.product-category-row{padding:16px 0;border-top:1px solid var(--line)}.product-category-row>form{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}.product-category-row form>label{margin:0;flex:1;min-width:0}.product-category-row form>label input{font-size:14px}.product-category-row form>button{font-size:13px;padding:12px;min-height:44px}.product-category-row form>.form-error{flex-basis:100%;margin:0}.category-row-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:10px}.category-row-actions>small{margin-right:auto;font-size:12px;color:var(--muted)}.category-row-actions>button{font-size:13px;padding:7px 0}.category-delete-confirm{padding:12px;background:#f8f1e9;border-radius:7px;font-size:13px;line-height:1.8;margin-top:10px}.category-delete-confirm>button{font-size:13px;padding:10px;margin-right:10px}.category-delete-confirm>p{margin:0 0 10px}.product-category-row .form-error:empty,.category-create-form .form-error:empty{display:none}@media(max-width:650px){.product-category-nav{gap:6px;margin-bottom:18px}.category-nav-button{padding:10px;font-size:13px}.category-manage{margin-left:0;padding:10px 6px}.category-more{position:static}.category-more>div{left:0;right:auto;width:100%;max-width:100%}.product-categories-dialog{padding:20px 16px}.category-row-actions{gap:13px}.category-row-actions>button{min-height:42px}.category-create-form input,.product-category-row form>label input{font-size:16px}.category-create-form>button{padding:12px}.category-more>summary{max-width:200px}}

.product-category-scroll{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.category-nav-button{min-height:44px}.category-more>summary,.category-manage{min-height:44px}.category-more>summary{display:flex;align-items:center}
.category-nav-button{border:0;border-radius:10px;background:transparent;font-weight:500}.category-nav-button:hover{background:#e3e3e8}.category-nav-button.active{background:var(--green-light);color:var(--ink);font-weight:600}.category-row-actions>button{min-height:44px}.category-more>div{border-radius:12px}
@media(max-width:650px){.product-category-nav{flex-wrap:nowrap;margin:6px 0 12px;gap:4px}.product-category-scroll{flex:1;min-width:0;flex-wrap:nowrap;overflow-x:auto;gap:6px;scrollbar-width:none}.product-category-scroll::-webkit-scrollbar{display:none}.product-category-scroll .category-nav-button{flex-shrink:0;white-space:nowrap}.category-more,.category-manage{flex-shrink:0}.category-more>summary,.category-manage{font-size:12px;padding:8px}.category-more>summary{max-width:90px}.category-more>div{top:100%}}
.product-category-nav{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:6px;max-width:100%;min-width:0;margin:0}.product-category-scroll{display:flex;align-items:center;gap:5px;flex-wrap:nowrap;flex:1 1 auto;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:0}.product-category-scroll .category-nav-button{flex:0 0 auto;max-width:none;min-height:44px;gap:6px;padding:9px 11px;white-space:nowrap}.product-category-scroll .category-nav-button>span{white-space:nowrap}.product-category-scroll .category-nav-button>small{font-size:10px;color:#767676;font-weight:400}.product-category-scroll .category-nav-button.active>small,.product-category-scroll .category-nav-button.branch-active>small{color:#6e6e73;opacity:1}@media(max-width:650px){.product-category-nav{gap:6px;margin-bottom:0}.product-category-scroll{gap:4px}.product-category-scroll .category-nav-button{font-size:12px;padding:9px}}

.category-nav-button.branch-active{font-weight:600;background:var(--green-light);color:var(--ink)}.product-category-children{padding-left:12px;box-shadow:inset 1px 0 #e5e5e7}.product-category-row.is-child{margin-left:22px;padding-left:12px;border-left:1px solid #e5e5e7}.product-category-row>form,.category-create-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;align-items:center}.product-category-row form>.form-error,.category-create-form>.form-error{grid-column:1/-1}.category-parent-field select{width:100%;min-width:0;font-size:13px;min-height:44px}.category-row-hint{font-size:11px;color:var(--muted);margin:5px 0 0;line-height:1.6}@media(max-width:650px){.product-category-row.is-child{margin-left:12px;padding-left:10px}.product-category-row>form,.category-create-form{grid-template-columns:minmax(0,1fr) auto;gap:8px}.category-name-field{grid-column:1/-1}.category-parent-field select{font-size:16px}.category-row-actions{gap:10px}.category-row-actions>small{flex-basis:100%}.category-row-actions>button{font-size:12px}}