/* Directory navigation and focused UX refinements. */
.button.is-small{text-transform:uppercase;letter-spacing:normal;font-size:.68rem!important;font-weight:700}.directory-subnav-wrap{margin:-4px 0 28px;overflow:visible;padding:2px 1px 8px}.directory-subnav{display:flex;flex-wrap:wrap;align-items:center;gap:5px;width:100%;min-width:0;padding:5px;background:rgba(255,255,255,.78);border:1px solid rgba(0,0,0,.055);border-radius:17px;box-shadow:0 6px 24px rgba(0,0,0,.04);backdrop-filter:saturate(180%) blur(18px)}.directory-subnav-item{height:40px;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;padding:0 14px;border-radius:12px;color:#656569;font-size:.86rem;font-weight:650;white-space:nowrap;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.directory-subnav-item:hover{color:#1d1d1f;background:rgba(245,245,247,.9)}.directory-subnav-item.is-active{background:#fff;color:#111;box-shadow:0 1px 7px rgba(0,0,0,.09)}.directory-subnav-item i{font-size:.82rem;color:#888}.directory-subnav-item.is-active i{color:#111}
.warehouse-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.warehouse-actions .inline-form{display:block;margin:0}.warehouse-action{min-height:38px;padding-left:12px!important;padding-right:12px!important}.warehouse-action .icon{margin-right:3px!important}.js-warehouse-code{text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.045em}.material-directory-filter{margin-bottom:14px}.material-directory-filter .field{margin-bottom:0}.material-filter-row{display:flex;align-items:center;gap:12px}.material-search-field{flex:1}.material-active-filter{display:flex;align-items:center;gap:8px;min-height:40px;padding:5px 6px 5px 12px;background:#f1f1f3;border-radius:13px;color:#555;font-size:.8rem}.material-filter-caption{color:#8a8a90}.material-active-filter strong{color:#29292d;white-space:nowrap}.sortable-heading{display:inline-flex;align-items:center;gap:8px;color:#777}.sortable-heading:hover{color:#111}.sortable-heading i{font-size:.78rem}.material-edit-button{gap:2px}.material-edit-button .icon{margin-right:1px!important}
.directory-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.directory-actions .inline-form{display:block;margin:0}.directory-action-button{min-height:36px;color:#3a3a3e!important;background:#f5f5f7!important;border-color:transparent!important;padding-left:11px!important;padding-right:11px!important;box-shadow:none!important}.directory-action-button:hover{background:#ebebee!important;color:#171719!important}.directory-action-button .icon{color:#66666b!important;margin-right:2px!important}.directory-action-button:hover .icon{color:#29292d!important}

/* Material categories: explicit two-level tree. */
.category-tree-card{padding:10px 24px}.category-tree{display:grid}.category-tree-group{padding:20px 0;border-bottom:1px solid var(--line)}.category-tree-group:last-child{border-bottom:0}.category-root-row,.category-child-row{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.category-node-main{min-width:0;flex:1}.category-node-title{display:flex;align-items:flex-start;gap:12px}.category-folder-icon{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#f1f1f3;color:#2c2c2e;font-size:1rem}.category-folder-icon.child{width:31px;height:31px;flex-basis:31px;background:#f5f5f7;color:#646468;font-size:.92rem}.category-node-heading{min-width:0}.category-name-line{display:flex;align-items:center;gap:9px;min-height:25px;flex-wrap:wrap}.category-name-line strong{font-size:1rem;color:#29292d}.category-root-row .category-name-line strong{font-size:1.08rem}.category-node-meta{margin:4px 0 0;color:#7a7a80;font-size:.82rem}.category-meta-note{color:#9a9aa0}.category-material-link{display:inline-flex;align-items:center;gap:6px;margin-top:5px;padding:3px 7px 3px 0;border-radius:8px;color:#777!important;font-size:.82rem;transition:color .16s ease,background .16s ease,padding .16s ease}.category-material-link i{font-size:.65rem;color:#aaa;transition:transform .16s ease,color .16s ease}.category-material-link:hover{padding-left:7px;background:#f5f5f7;color:#222!important}.category-material-link:hover i{transform:translateX(2px);color:#555}.category-tree-actions{display:grid;grid-template-columns:repeat(3,max-content);align-items:center;justify-content:end;gap:7px;flex:0 0 auto}.category-action-form{display:block!important;margin:0!important}.category-action{min-height:36px;color:#3a3a3e!important;background:#f5f5f7!important;border-color:transparent!important;padding-left:11px!important;padding-right:11px!important;box-shadow:none!important}.category-action:hover{background:#ebebee!important;color:#171719!important}.category-action .icon{color:#66666b!important;margin-right:2px!important}.category-action:hover .icon{color:#29292d!important}.child-actions>:first-child{grid-column:2}.category-children{position:relative;margin:17px 0 0 17px;padding-left:42px}.category-children:before{content:"";position:absolute;left:10px;top:0;bottom:26px;width:1px;background:#d8d8dc}.category-child-row{position:relative;padding:13px 14px 13px 0;border-top:1px solid #f0f0f2}.category-child-row:first-child{border-top:0}.category-child-row:before{content:"";position:absolute;left:-32px;top:29px;width:24px;height:1px;background:#d8d8dc}.category-child-row:last-child:after{content:"";position:absolute;left:-32px;top:30px;bottom:-1px;width:2px;background:#fff}.category-tree-group.is-archived,.category-child-row.is-archived{opacity:.68}.child-actions{padding-top:1px}

@media(max-width:760px){.category-tree-card{padding:8px 16px}.category-root-row,.category-child-row{display:block}.category-tree-actions{justify-content:flex-start;margin-top:12px}.category-children{margin-left:9px;padding-left:32px}.category-children:before{left:8px}.category-child-row:before{left:-24px;width:18px}.category-child-row:last-child:after{left:-24px}.category-action{min-height:38px}.category-node-meta,.category-material-link{font-size:.8rem}.material-filter-row{display:block}.material-active-filter{margin-top:10px;width:max-content;max-width:100%;flex-wrap:wrap}}
@media(max-width:640px){.directory-subnav-wrap{margin-left:-10px;margin-right:-10px;margin-bottom:20px;padding-left:10px;padding-right:10px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.directory-subnav-wrap::-webkit-scrollbar{display:none}.directory-subnav{flex-wrap:nowrap;width:max-content;min-width:max-content}.directory-subnav-item{height:38px;padding:0 12px;font-size:.8rem}.warehouse-row{align-items:flex-start}.warehouse-actions{max-width:155px}.warehouse-action{width:100%;justify-content:flex-start}.materials-table th:nth-child(5),.materials-table td:nth-child(5){display:table-cell!important}.materials-table th:nth-child(2),.materials-table td:nth-child(2),.materials-table th:nth-child(3),.materials-table td:nth-child(3){display:none!important}.material-edit-button span:last-child{display:none}.material-edit-button{width:38px;height:38px;padding:0!important;justify-content:center}.material-edit-button .icon{margin:0!important}.category-tree-actions{grid-template-columns:1fr 1fr;width:100%}.child-actions>:first-child{grid-column:auto}.category-action-form{width:100%}.category-action{width:100%;justify-content:flex-start}.category-root-row .category-tree-actions .category-action-form:last-child{grid-column:auto}.directory-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-top:12px}.directory-actions .inline-form{width:100%}.directory-action-button{width:100%;justify-content:flex-start}}