diff --git a/uberleben_custom/fixtures/custom_html_block.json b/uberleben_custom/fixtures/custom_html_block.json
index a7264e0..7b5d97f 100644
--- a/uberleben_custom/fixtures/custom_html_block.json
+++ b/uberleben_custom/fixtures/custom_html_block.json
@@ -2,12 +2,12 @@
  {
   "docstatus": 0,
   "doctype": "Custom HTML Block",
-  "html": "<div class=inv-workspace id=inv-workspace>\n    <div class=filter-container>\n        <h4>Filters</h4>\n        <select id=group-select>\n             <option value=\"\" disabled selected hidden>Item Group</option>\n        </select>\n    </div>\n    <div class=table-container>\n        <h4>Items</h4>\n        <table class=\"table table-bordered table-condensed\" id=\"item_table\"></table>\n    </div>\n</div>",
-  "modified": "2025-10-30 00:31:58.654374",
+  "html": "<div class=inv-workspace id=inv-workspace>\n    <div class=filter-container>\n        <h4>Filters</h4>\n        <select id=group-select>\n             <option value=\"\" disabled selected hidden>Item Group</option>\n        </select>\n    </div>\n    <div class=table-container>\n        <h4>Items</h4>\n        <div class=\"table table-bordered table-condensed\" id=\"item_table\"></div>\n    </div>\n</div>",
+  "modified": "2025-10-30 13:42:13.557964",
   "name": "Inventory Status Workspace",
   "private": 0,
   "roles": [],
-  "script": "var warehouse_data;\n\nfrappe.call({\n    method: \"uberleben_custom.api.get_warehouse_data\",\n    callback: function(r) {\n        warehouse_data = r.message;\n    }\n});\nfrappe.call({\n    method: \"uberleben_custom.api.get_item_per_wh\",\n    callback: function(r){\n        if (r.message) {\n            populateItemTable(r.message);\n        }\n    }\n});\n\nfunction toggleDetails($rowId) {\n    console.log($rowId.attr(\"detail\"));\n    if ($rowId.attr(\"detail\")) {\n        $rowId.removeAttr(\"detail\");\n    }\n    else {\n        $rowId.attr(\"detail\", true);\n    }\n}\n\nfunction toggleInnerTable($tableId) {\n    if ($tableId.attr(\"hidden\") != null) {\n        $tableId.removeAttr(\"hidden\");\n    } else {\n        $tableId.attr(\"hidden\", \"\");\n    }\n}\n\nfunction generateInnerTableRow(warehouse, number) {\n    if (number == 0)\n        return \"\"\n    return \"<td><em>\"+warehouse+\"</em></td><td>\"+number+\"</td>\";\n}\n\nfunction populateItemTable(items) {\n    console.log(\"Prior to building table.\")\n    console.log(warehouse_data);\n    let $itemTable = $(\"#item_table\", root_element);\n    let itemNum = 0;\n    let rowNum = 0;\n    let tableHTML = \"<thead>\";\n    tableHTML += \"</thead>\";\n    tableHTML += \"<tbody>\";\n\n    for (const[item, stock_data] of Object.entries(items)) {\n        let rowId = rowNum + \"-row\";\n        let rowButtonId = rowId + \"-button\";\n        tableHTML += `<tr class=item-table-row id=${rowId}>`;\n        tableHTML += '<td><strong>'+item+'</strong></td>';\n        tableHTML += \"</tr>\";\n        for (const[warehouse, number] of Object.entries(stock_data)) {\n            let wh = warehouse_data[warehouse]\n            if (wh.disabled == 1 || number == 0)\n                continue;\n            rowId = ++rowNum +\"-row\";\n            rowButtonId = rowId + \"-button\";\n            if (wh.is_substatus_warehouse == 0) {\n                tableHTML += `<tr class=outer-table-row id=${rowId}>`;\n                tableHTML += '<td>'+warehouse+'</td><td><strong>Total:</strong> '+number;\n                if (wh.is_group_warehouse)\n                    tableHTML += '<button class=\"info-button\" id=' + rowButtonId +' >See Breakdown</button>';\n                tableHTML += '</td>'\n                tableHTML += '</tr>';\n            }\n        }\n        // Generate Inner Nested Table\n        let innerTableId = rowNum + \"-table\";\n        let innerHTML = `<thead id=${innerTableId} hidden>`;\n        innerHTML += \"<tr><td>Status</td><td>Number</td></tr>\"\n        innerHTML += `</thead><tbody id=${innerTableId} hidden>`;\n        for (const[warehouse, number] of Object.entries(stock_data)) {\n            let wh = warehouse_data[warehouse]\n            if (wh.disabled == 1)\n                continue;\n            if (wh.is_substatus_warehouse == 1 && number > 0) {\n                innerHTML += '<tr class=inner-table-row>';\n                innerHTML += generateInnerTableRow(warehouse, number);\n                innerHTML += '</tr>';\n            }\n        }\n        innerHTML += \"</tbody>\";\n        tableHTML += innerHTML;\n        console.log(innerHTML);\n        itemNum++;\n        rowNum++;\n    }\n\n    tableHTML += \"</tbody>\";\n\n    $itemTable.html(tableHTML);\n    \n    for (let i=0;i<rowNum;i++) {\n        let rowId = i+\"-row\";\n        let buttonId = i+\"-row-button\";\n        let innerTableId = i+\"-table\";\n        let $itemRow = $('#'+rowId, $itemTable);\n        let $itemButton = $('#'+buttonId, $itemTable);\n        let $innerTable = $('#'+innerTableId, $itemTable)\n        if ($itemButton){\n            $itemButton.on('click', () => {toggleInnerTable($innerTable)});\n        }\n    }\n  }",
-  "style": ".info-button {\n    border-radius: 5px;\n}\n.table-container {\n    display:flex;\n}\n\n.table {\n    display: flex;\n    flex-direction: column;\n}\n\n.outer-table-row {\n    display: flex;\n}\n\n.inner-table-row {\n    display: flex;\n}"
+  "script": "var warehouse_data;\n\nfrappe.call({\n    method: \"uberleben_custom.api.get_warehouse_data\",\n    callback: function(r) {\n        warehouse_data = r.message;\n    }\n});\nfrappe.call({\n    method: \"uberleben_custom.api.get_item_per_wh\",\n    callback: function(r){\n        if (r.message) {\n            populateItemTable(r.message);\n        }\n    }\n});\n\nfunction toggleDetails($rowId) {\n    console.log($rowId.attr(\"detail\"));\n    if ($rowId.attr(\"detail\")) {\n        $rowId.removeAttr(\"detail\");\n    }\n    else {\n        $rowId.attr(\"detail\", true);\n    }\n}\n\nfunction toggleInnerTable($tableId) {\n    if ($tableId.attr(\"hidden\") != null) {\n        $tableId.removeAttr(\"hidden\");\n    } else {\n        $tableId.attr(\"hidden\", \"\");\n    }\n}\n\nfunction generateInnerTableRow(warehouse, number) {\n    if (number == 0)\n        return \"\"\n    return \"<div class=table-cell><em>\"+warehouse+\"</em></div><div class=table-cell>\"+number+\"</div>\";\n}\n\nfunction populateItemTable(items) {\n    console.log(\"Prior to building table.\")\n    console.log(warehouse_data);\n    let $itemTable = $(\"#item_table\", root_element);\n    let itemNum = 0;\n    let rowNum = 0;\n    //let tableHTML = \"<table><thead>\";\n    //tableHTML += \"</thead>\";\n    //tableHTML += \"<tbody>\";\n    let tableHTML = \"<div>\"\n\n    for (const[item, stock_data] of Object.entries(items)) {\n        let rowId = rowNum + \"-row\";\n        let rowButtonId = rowId + \"-button\";\n        tableHTML += `<div class=item-table-row id=${rowId}>`;\n        tableHTML += '<strong>'+item+'</strong>';\n        tableHTML += \"</div>\";\n        for (const[warehouse, number] of Object.entries(stock_data)) {\n            let wh = warehouse_data[warehouse]\n            if (wh.disabled == 1 || number == 0)\n                continue;\n            rowId = ++rowNum +\"-row\";\n            rowButtonId = rowId + \"-button\";\n            if (wh.is_substatus_warehouse == 0) {\n                tableHTML += `<div class=outer-table-row id=${rowId}>`;\n                tableHTML += `<div class=table-cell>${warehouse}</div>`;\n                tableHTML += `<div class=table-cell><strong>Sellable Units:</strong> ${number}</div>`;\n                if (wh.is_group_warehouse)\n                    tableHTML += `<div class=\"table-cell button-cell\"><button class=\"info-button\" id=${rowButtonId}>See Breakdown</button></div>`;\n                tableHTML += '</div>';\n            }\n        }\n        // Generate Inner Nested Table\n        let innerTableId = rowNum + \"-table\";\n        let innerHTML = `<div class=inner-table id=${innerTableId} hidden>`;\n        //innerHTML += \"<tr><td>Status</td><td>Number</td></tr>\"\n        //innerHTML += `</div><div id=${innerTableId} hidden>`;\n        for (const[warehouse, number] of Object.entries(stock_data)) {\n            let wh = warehouse_data[warehouse]\n            if (wh.disabled == 1)\n                continue;\n            if (wh.is_substatus_warehouse == 1 && number > 0) {\n                innerHTML += '<div class=inner-table-row>';\n                innerHTML += generateInnerTableRow(warehouse, number);\n                innerHTML += '</div>';\n            }\n        }\n        //innerHTML += \"</tbody></table>\";\n        innerHTML += \"</div>\";\n        tableHTML += innerHTML;\n        console.log(innerHTML);\n        itemNum++;\n        rowNum++;\n    }\n\n    //tableHTML += \"</tbody></table>\";\n\n    $itemTable.html(tableHTML);\n    \n    for (let i=0;i<rowNum;i++) {\n        let rowId = i+\"-row\";\n        let buttonId = i+\"-row-button\";\n        let innerTableId = i+\"-table\";\n        let $itemRow = $('#'+rowId, $itemTable);\n        let $itemButton = $('#'+buttonId, $itemTable);\n        let $innerTable = $('#'+innerTableId, $itemTable)\n        if ($itemButton){\n            $itemButton.on('click', () => {toggleInnerTable($innerTable)});\n        }\n    }\n  }",
+  "style": ".info-button {\n    border: none;\n    color: white;\n    background-color: var(--btn-primary);\n    box-shadow: none;\n    font-size: var(--text-base);\n    font-weight: var(--weight-regular);\n    letter-spacing: 0.02em;\n    height: var(--btn-height);\n    margin-left: var(--margin-sm, 8px);\n    border-radius: var(--border-radius);\n    line-height: 1;\n    padding: 2px 8px;\n}\n.table-container {\n}\n\n.table {\n    display: flex;\n    flex-direction: column;\n    margin: 10px;\n    border: 1px solid;\n    border-radius: var(--border-radius);\n}\n\n.table-cell {\n    flex: 1;\n    padding: 5px;\n    border-right: 1px solid;\n}\n\n.table-cell .button-cell {\n    align-self: flex-end;\n}\n\n.table-cell:last-child {\n    border-right: none;\n}\n\n.inner-table {\n    display: flex;\n    flex-direction: column;\n    margin: 10px;\n    border: 1px solid;\n    border-radius: var(--border-radius);\n}\n\n.item-table-row {\n    display: flex;\n    margin: 5px;\n    border-bottom: 1px solid;\n}\n.item-table-row:hover {\n    background-color: var(--highlight-color);\n}\n.outer-table-row {\n    display: flex;\n    margin: 5px;\n}\n.outer-table-row:hover {\n    background-color: var(--highlight-color);\n    border-radius: var(--border-radius);\n}\n.inner-table-row {\n    display: flex;\n    margin: 10px;\n}\n.inner-table-row:hover {\n    background-color: var(--highlight-color);\n    border-radius: var(--border-radius);\n}"
  }
 ]
\ No newline at end of file
diff --git a/uberleben_custom/fixtures/warehouse.json b/uberleben_custom/fixtures/warehouse.json
index 09ab27d..2e516da 100644
--- a/uberleben_custom/fixtures/warehouse.json
+++ b/uberleben_custom/fixtures/warehouse.json
@@ -239,14 +239,14 @@
   "is_group": 0,
   "is_rejected_warehouse": 0,
   "mobile_no": null,
-  "modified": "2025-10-29 21:29:26.476951",
-  "name": "Inbound - U",
+  "modified": "2025-10-29 21:27:40.296954",
+  "name": "Finished Goods - U",
   "old_parent": "Uberleben HQ - U",
   "parent_warehouse": "Uberleben HQ - U",
   "phone_no": null,
   "pin": null,
   "state": null,
-  "warehouse_name": "Inbound",
+  "warehouse_name": "Finished Goods",
   "warehouse_type": null
  },
  {
@@ -264,14 +264,14 @@
   "is_group": 0,
   "is_rejected_warehouse": 0,
   "mobile_no": null,
-  "modified": "2025-10-29 21:27:40.296954",
-  "name": "Finished Goods - U",
+  "modified": "2025-10-29 21:29:26.476951",
+  "name": "Inbound - U",
   "old_parent": "Uberleben HQ - U",
   "parent_warehouse": "Uberleben HQ - U",
   "phone_no": null,
   "pin": null,
   "state": null,
-  "warehouse_name": "Finished Goods",
+  "warehouse_name": "Inbound",
   "warehouse_type": null
  },
  {