/* Scoped page and navigation styles; Montserrat and module palette are inherited. */
body #app #inventoryNavGroup{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important}
body #app #inventoryNavGroup[hidden],body #app #inventorySubmenu[hidden],body #app #view-categories [hidden]{display:none!important}
body #app #inventoryNavToggle{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;text-align:left!important;background:transparent!important;color:inherit!important;border:0!important;padding:13px 10px!important;font:inherit!important;font-size:13px!important;font-weight:600!important;border-radius:10px!important;cursor:pointer!important;min-height:44px!important}
body #app #inventoryNavToggle.active{background:rgba(255,255,255,.09)!important}
body #app #inventoryNavToggle .nav-symbol{display:flex!important;width:20px!important;height:20px!important}
body #app #inventoryNavToggle .nav-symbol svg{width:20px!important;height:20px!important}
body #app #inventoryNavToggle .inventory-nav-chevron{margin-left:auto!important;transition:transform .15s!important}
body #app #inventoryNavToggle[aria-expanded="true"] .inventory-nav-chevron{transform:rotate(180deg)!important}
body #app #inventorySubmenu{display:flex!important;flex-direction:column!important;gap:3px!important;margin:0 0 5px 22px!important;padding-left:10px!important;border-left:1px solid rgba(255,255,255,.2)!important}
body #app #inventorySubmenu .tab{padding:10px 12px!important;min-height:40px!important;font-size:12px!important}
body #app #inventorySubmenu .tab.active:before{display:none!important}
body #app #inventorySubmenu .tab.active{background:rgba(255,255,255,.14)!important}
body #app #view-categories .category-toolbar{display:flex!important;gap:12px!important;margin-bottom:16px!important;align-items:center!important}
body #app #view-categories .category-toolbar input{flex:1!important;max-width:440px!important;min-width:0!important}
body #app #view-categories .category-row-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
body #app #view-categories .category-row-actions button{padding:8px 12px!important;font-size:12px!important;min-height:36px!important}
body #app #view-categories .category-danger{color:#a23636!important}
body #app #view-categories .category-count{font-variant-numeric:tabular-nums!important;font-weight:600!important}
body #app #categoryEditor{padding:0!important;width:min(520px,calc(100vw - 32px))!important;max-height:calc(100dvh - 40px)!important;border:1px solid #e4e4df!important;border-radius:18px!important;box-shadow:0 24px 80px #0003!important;background:#fff!important;color:#292d31!important;overflow:auto!important}
body #app #categoryEditor::backdrop{background:rgba(20,24,28,.48)!important}
body #app #categoryEditor form{display:block!important;padding:0!important;margin:0!important}
body #app #categoryEditor header,body #app #categoryEditor footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:20px 24px!important;background:#fff!important;position:sticky!important;z-index:1!important}
body #app #categoryEditor header{top:0!important;border-bottom:1px solid #eee!important}
body #app #categoryEditor footer{bottom:0!important;justify-content:flex-end!important;border-top:1px solid #eee!important}
body #app #categoryEditor h2{font-size:19px!important;line-height:1.35!important;margin:5px 0 0!important;overflow-wrap:anywhere!important}
body #app #categoryEditorClose{border:0!important;background:transparent!important;font-size:25px!important;padding:6px!important;min-width:36px!important;color:#555!important}
body #app #categoryEditor .category-editor-body{padding:20px 24px!important;display:flex!important;flex-direction:column!important;gap:16px!important}
body #app #categoryEditor label{display:block!important;font-size:12px!important;font-weight:600!important;margin-bottom:7px!important}
body #app #categoryEditor input,body #app #categoryEditor select{display:block!important;width:100%!important;min-height:44px!important;box-sizing:border-box!important;background:#fafaf8!important;color:#292d31!important;border:1px solid #dcded9!important;border-radius:9px!important;padding:10px 12px!important;font:inherit!important;font-size:13px!important}
body #app #categoryEditor p,body #app #categoryEditor small{font-size:12px!important;line-height:1.6!important;margin:0!important;white-space:normal!important}
body #app #categoryEditorSummary{background:#f5f5f1!important;padding:12px!important;border-radius:9px!important}
body #app #categoryEditorError{color:#9d3030!important;background:#fff0ee!important;padding:12px!important;border-radius:9px!important}
body #app #categoryEditor .category-destructive{background:#a23636!important;color:white!important;border-color:#a23636!important}
body #app #view-categories button:focus-visible,body #app #inventoryNavGroup button:focus-visible{outline:2px solid currentColor!important;outline-offset:3px!important}
@media(min-width:901px){body.sidebar-collapsed #app #inventoryNavToggle .nav-text,body.sidebar-collapsed #app #inventoryNavToggle .inventory-nav-chevron,body.sidebar-collapsed #app #inventorySubmenu{display:none!important}body.sidebar-collapsed #app #inventoryNavToggle{justify-content:center!important;padding:13px!important}}
@media(max-width:650px){body #app #view-categories .heading{align-items:flex-start!important;gap:14px!important;flex-wrap:wrap!important}body #app #view-categories .category-table table{min-width:0!important;table-layout:auto!important}body #app #view-categories .category-table th,body #app #view-categories .category-table td{white-space:normal!important;padding:12px 8px!important;overflow-wrap:anywhere!important}body #app #view-categories .category-row-actions{flex-direction:column!important}body #app #categoryEditor header,body #app #categoryEditor footer,body #app #categoryEditor .category-editor-body{padding:16px!important}}
