/* GENERATED by tools\forge-app.cs from forge-template.json - Phoenix (Clay), Compact, 5 pages as cards. Do not edit. */
:root { --accent: #c15f3c; --accent-strong: #9c4a2d; --nav: #3b2219; --nav-hover: #5a3426; --soft: #fdf1ea; --on: #f6d2be; --band: #fbe5d8;
        --accent-tint: color-mix(in srgb, var(--accent) 12%, transparent); --accent-ring: color-mix(in srgb, var(--accent) 22%, transparent); --user-bg: color-mix(in srgb, var(--nav) 82%, white); --chip: var(--soft); }
/* the world's own accent #8A5A2B, from its database: the colours follow it */
:root { --accent: #8A5A2B; --accent-strong: color-mix(in srgb, #8A5A2B 78%, black); --nav: color-mix(in srgb, #8A5A2B 72%, black); --nav-hover: color-mix(in srgb, #8A5A2B 88%, black);
        --soft: color-mix(in srgb, #8A5A2B 7%, white); --on: color-mix(in srgb, #8A5A2B 20%, white); --band: color-mix(in srgb, #8A5A2B 13%, white);
        --accent-tint: color-mix(in srgb, var(--accent) 12%, transparent); --accent-ring: color-mix(in srgb, var(--accent) 22%, transparent); --user-bg: color-mix(in srgb, var(--nav) 82%, white); --chip: var(--soft); }
/* Compact: tighter rows, a smaller type - the same 15 rows a page */
body { font-size: 13px; }
.forge-tablecontrol th, .forge-tablecontrol td { padding: 2px 8px; }
.forge-childgrid th, .forge-childgrid td { padding: 2px 8px; }
.forge-nav a { padding: 2px 16px; }
.forge-field { margin: 3px 0; }
/* Cards: a card per row of the same grid; the headers stay - a bar that sorts */
.forge-layout-Cards > .forge-tablecontrol { background: transparent; border: 0; padding: 0; overflow: visible; }
.forge-layout-Cards > .forge-tablecontrol > table { display: block; }
.forge-layout-Cards > .forge-tablecontrol > table > thead, .forge-layout-Cards > .forge-tablecontrol > table > thead > tr { display: flex; flex-wrap: wrap; gap: 2px 4px; }
.forge-layout-Cards > .forge-tablecontrol > table > thead th { border: 0; padding: 1px 10px; background: var(--soft); border-radius: 12px; font-size: 12px; font-weight: 500; }
.forge-layout-Cards > .forge-tablecontrol > table > thead th.forge-open { display: none; }
.forge-layout-Cards > .forge-tablecontrol > table > tbody { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 12px; margin: 8px 0; }
.forge-layout-Cards > .forge-tablecontrol > table > tbody > tr { display: flex; flex-direction: column; position: relative; min-width: 0; padding: 12px 40px 12px 14px; background: var(--panel); border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 1px 2px rgba(15, 23, 42, .06); }
.forge-layout-Cards > .forge-tablecontrol > table > tbody > tr:hover { box-shadow: 0 4px 14px rgba(15, 23, 42, .12); }
/* QuickGrid keeps a page's height with empty rows - a card is a row with a key */
.forge-layout-Cards > .forge-tablecontrol > table > tbody > tr:not(:has([data-key])) { display: none; }
.forge-layout-Cards > .forge-tablecontrol > table > tbody > tr > td { display: block; max-width: none; padding: 1px 0; border: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; }
.forge-layout-Cards > .forge-tablecontrol > table > tbody > tr > td.forge-open { position: absolute; top: 8px; right: 8px; width: auto; }
.forge-layout-Cards > .forge-tablecontrol > table > tbody > tr > td::before { color: var(--muted); font-size: 12px; margin-right: 6px; }
.forge-layout-Cards[data-table="Categories"] > .forge-tablecontrol > table > tbody > tr > td.c-CategoryID::before { content: "Category ID"; }
.forge-layout-Cards[data-table="Categories"] > .forge-tablecontrol > table > tbody > tr > td.c-Description::before { content: "Description"; }
.forge-layout-Cards[data-table="Categories"] > .forge-tablecontrol > table > tbody > tr > td.c-Picture::before { content: "Picture"; }
.forge-layout-Cards[data-table="Categories"] > .forge-tablecontrol > table > tbody > tr > td.c-ArticlePath::before { content: "Article Path"; }
.forge-layout-Cards[data-table="Categories"] > .forge-tablecontrol > table > tbody > tr > td.c-CategoryName { order: -1; font-size: 15px; font-weight: 600; margin-bottom: 4px; }
.forge-layout-Cards[data-table="Products"] > .forge-tablecontrol > table > tbody > tr > td.c-ProductID::before { content: "Product ID"; }
.forge-layout-Cards[data-table="Products"] > .forge-tablecontrol > table > tbody > tr > td.c-SupplierLabel::before { content: "Supplier"; }
.forge-layout-Cards[data-table="Products"] > .forge-tablecontrol > table > tbody > tr > td.c-CategoryLabel::before { content: "Category"; }
.forge-layout-Cards[data-table="Products"] > .forge-tablecontrol > table > tbody > tr > td.c-QuantityPerUnit::before { content: "Quantity Per Unit"; }
.forge-layout-Cards[data-table="Products"] > .forge-tablecontrol > table > tbody > tr > td.c-UnitPrice::before { content: "Unit Price"; }
.forge-layout-Cards[data-table="Products"] > .forge-tablecontrol > table > tbody > tr > td.c-UnitsInStock::before { content: "Units In Stock"; }
.forge-layout-Cards[data-table="Products"] > .forge-tablecontrol > table > tbody > tr > td.c-UnitsOnOrder::before { content: "Units On Order"; }
.forge-layout-Cards[data-table="Products"] > .forge-tablecontrol > table > tbody > tr > td.c-ReorderLevel::before { content: "Reorder Level"; }
.forge-layout-Cards[data-table="Products"] > .forge-tablecontrol > table > tbody > tr > td.c-Discontinued::before { content: "Discontinued"; }
.forge-layout-Cards[data-table="Products"] > .forge-tablecontrol > table > tbody > tr > td.c-Photo::before { content: "Photo"; }
.forge-layout-Cards[data-table="Products"] > .forge-tablecontrol > table > tbody > tr > td.c-ProductName { order: -1; font-size: 15px; font-weight: 600; margin-bottom: 4px; }
.forge-layout-Cards[data-table="SalesRep"] > .forge-tablecontrol > table > tbody > tr > td.c-SalesRepID::before { content: "Sales Rep ID"; }
.forge-layout-Cards[data-table="SalesRep"] > .forge-tablecontrol > table > tbody > tr > td.c-FirstName::before { content: "First Name"; }
.forge-layout-Cards[data-table="SalesRep"] > .forge-tablecontrol > table > tbody > tr > td.c-Title::before { content: "Title"; }
.forge-layout-Cards[data-table="SalesRep"] > .forge-tablecontrol > table > tbody > tr > td.c-EmailAddress::before { content: "Email Address"; }
.forge-layout-Cards[data-table="SalesRep"] > .forge-tablecontrol > table > tbody > tr > td.c-BirthDate::before { content: "Birth Date"; }
.forge-layout-Cards[data-table="SalesRep"] > .forge-tablecontrol > table > tbody > tr > td.c-HireDate::before { content: "Hire Date"; }
.forge-layout-Cards[data-table="SalesRep"] > .forge-tablecontrol > table > tbody > tr > td.c-Address::before { content: "Address"; }
.forge-layout-Cards[data-table="SalesRep"] > .forge-tablecontrol > table > tbody > tr > td.c-City::before { content: "City"; }
.forge-layout-Cards[data-table="SalesRep"] > .forge-tablecontrol > table > tbody > tr > td.c-Region::before { content: "Region"; }
.forge-layout-Cards[data-table="SalesRep"] > .forge-tablecontrol > table > tbody > tr > td.c-PostalCode::before { content: "Postal Code"; }
.forge-layout-Cards[data-table="SalesRep"] > .forge-tablecontrol > table > tbody > tr > td.c-Country::before { content: "Country"; }
.forge-layout-Cards[data-table="SalesRep"] > .forge-tablecontrol > table > tbody > tr > td.c-Latitude::before { content: "Latitude"; }
.forge-layout-Cards[data-table="SalesRep"] > .forge-tablecontrol > table > tbody > tr > td.c-Longitude::before { content: "Longitude"; }
.forge-layout-Cards[data-table="SalesRep"] > .forge-tablecontrol > table > tbody > tr > td.c-HomePhone::before { content: "Home Phone"; }
.forge-layout-Cards[data-table="SalesRep"] > .forge-tablecontrol > table > tbody > tr > td.c-Extension::before { content: "Extension"; }
.forge-layout-Cards[data-table="SalesRep"] > .forge-tablecontrol > table > tbody > tr > td.c-ReportsToLabel::before { content: "Reports To"; }
.forge-layout-Cards[data-table="SalesRep"] > .forge-tablecontrol > table > tbody > tr > td.c-Photo::before { content: "Photo"; }
.forge-layout-Cards[data-table="SalesRep"] > .forge-tablecontrol > table > tbody > tr > td.c-Notes::before { content: "Notes"; }
.forge-layout-Cards[data-table="SalesRep"] > .forge-tablecontrol > table > tbody > tr > td.c-LastName { order: -1; font-size: 15px; font-weight: 600; margin-bottom: 4px; }
.forge-layout-Cards[data-table="Shippers"] > .forge-tablecontrol > table > tbody > tr > td.c-ShipperID::before { content: "Shipper ID"; }
.forge-layout-Cards[data-table="Shippers"] > .forge-tablecontrol > table > tbody > tr > td.c-Phone::before { content: "Phone"; }
.forge-layout-Cards[data-table="Shippers"] > .forge-tablecontrol > table > tbody > tr > td.c-CompanyName { order: -1; font-size: 15px; font-weight: 600; margin-bottom: 4px; }
.forge-layout-Cards[data-table="Suppliers"] > .forge-tablecontrol > table > tbody > tr > td.c-SupplierID::before { content: "Supplier ID"; }
.forge-layout-Cards[data-table="Suppliers"] > .forge-tablecontrol > table > tbody > tr > td.c-ContactName::before { content: "Contact Name"; }
.forge-layout-Cards[data-table="Suppliers"] > .forge-tablecontrol > table > tbody > tr > td.c-ContactTitle::before { content: "Contact Title"; }
.forge-layout-Cards[data-table="Suppliers"] > .forge-tablecontrol > table > tbody > tr > td.c-Address::before { content: "Address"; }
.forge-layout-Cards[data-table="Suppliers"] > .forge-tablecontrol > table > tbody > tr > td.c-City::before { content: "City"; }
.forge-layout-Cards[data-table="Suppliers"] > .forge-tablecontrol > table > tbody > tr > td.c-Region::before { content: "Region"; }
.forge-layout-Cards[data-table="Suppliers"] > .forge-tablecontrol > table > tbody > tr > td.c-PostalCode::before { content: "Postal Code"; }
.forge-layout-Cards[data-table="Suppliers"] > .forge-tablecontrol > table > tbody > tr > td.c-Country::before { content: "Country"; }
.forge-layout-Cards[data-table="Suppliers"] > .forge-tablecontrol > table > tbody > tr > td.c-Phone::before { content: "Phone"; }
.forge-layout-Cards[data-table="Suppliers"] > .forge-tablecontrol > table > tbody > tr > td.c-Fax::before { content: "Fax"; }
.forge-layout-Cards[data-table="Suppliers"] > .forge-tablecontrol > table > tbody > tr > td.c-HomePage::before { content: "Home Page"; }
.forge-layout-Cards[data-table="Suppliers"] > .forge-tablecontrol > table > tbody > tr > td.c-CompanyName { order: -1; font-size: 15px; font-weight: 600; margin-bottom: 4px; }
/* a phone: every list as cards */
@media (max-width: 800px) {
/* Cards: a card per row of the same grid; the headers stay - a bar that sorts */
[data-layout] > .forge-tablecontrol { background: transparent; border: 0; padding: 0; overflow: visible; }
[data-layout] > .forge-tablecontrol > table { display: block; }
[data-layout] > .forge-tablecontrol > table > thead, [data-layout] > .forge-tablecontrol > table > thead > tr { display: flex; flex-wrap: wrap; gap: 2px 4px; }
[data-layout] > .forge-tablecontrol > table > thead th { border: 0; padding: 1px 10px; background: var(--soft); border-radius: 12px; font-size: 12px; font-weight: 500; }
[data-layout] > .forge-tablecontrol > table > thead th.forge-open { display: none; }
[data-layout] > .forge-tablecontrol > table > tbody { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 12px; margin: 8px 0; }
[data-layout] > .forge-tablecontrol > table > tbody > tr { display: flex; flex-direction: column; position: relative; min-width: 0; padding: 12px 40px 12px 14px; background: var(--panel); border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 1px 2px rgba(15, 23, 42, .06); }
[data-layout] > .forge-tablecontrol > table > tbody > tr:hover { box-shadow: 0 4px 14px rgba(15, 23, 42, .12); }
/* QuickGrid keeps a page's height with empty rows - a card is a row with a key */
[data-layout] > .forge-tablecontrol > table > tbody > tr:not(:has([data-key])) { display: none; }
[data-layout] > .forge-tablecontrol > table > tbody > tr > td { display: block; max-width: none; padding: 1px 0; border: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; }
[data-layout] > .forge-tablecontrol > table > tbody > tr > td.forge-open { position: absolute; top: 8px; right: 8px; width: auto; }
[data-layout] > .forge-tablecontrol > table > tbody > tr > td::before { color: var(--muted); font-size: 12px; margin-right: 6px; }
[data-layout][data-table="Categories"] > .forge-tablecontrol > table > tbody > tr > td.c-CategoryID::before { content: "Category ID"; }
[data-layout][data-table="Categories"] > .forge-tablecontrol > table > tbody > tr > td.c-Description::before { content: "Description"; }
[data-layout][data-table="Categories"] > .forge-tablecontrol > table > tbody > tr > td.c-Picture::before { content: "Picture"; }
[data-layout][data-table="Categories"] > .forge-tablecontrol > table > tbody > tr > td.c-ArticlePath::before { content: "Article Path"; }
[data-layout][data-table="Categories"] > .forge-tablecontrol > table > tbody > tr > td.c-CategoryName { order: -1; font-size: 15px; font-weight: 600; margin-bottom: 4px; }
[data-layout][data-table="Customers"] > .forge-tablecontrol > table > tbody > tr > td.c-CustomerID::before { content: "Customer ID"; }
[data-layout][data-table="Customers"] > .forge-tablecontrol > table > tbody > tr > td.c-ContactName::before { content: "Contact Name"; }
[data-layout][data-table="Customers"] > .forge-tablecontrol > table > tbody > tr > td.c-EmailAddress::before { content: "Email Address"; }
[data-layout][data-table="Customers"] > .forge-tablecontrol > table > tbody > tr > td.c-ContactTitle::before { content: "Contact Title"; }
[data-layout][data-table="Customers"] > .forge-tablecontrol > table > tbody > tr > td.c-Address::before { content: "Address"; }
[data-layout][data-table="Customers"] > .forge-tablecontrol > table > tbody > tr > td.c-City::before { content: "City"; }
[data-layout][data-table="Customers"] > .forge-tablecontrol > table > tbody > tr > td.c-Region::before { content: "Region"; }
[data-layout][data-table="Customers"] > .forge-tablecontrol > table > tbody > tr > td.c-PostalCode::before { content: "Postal Code"; }
[data-layout][data-table="Customers"] > .forge-tablecontrol > table > tbody > tr > td.c-Country::before { content: "Country"; }
[data-layout][data-table="Customers"] > .forge-tablecontrol > table > tbody > tr > td.c-Phone::before { content: "Phone"; }
[data-layout][data-table="Customers"] > .forge-tablecontrol > table > tbody > tr > td.c-Fax::before { content: "Fax"; }
[data-layout][data-table="Customers"] > .forge-tablecontrol > table > tbody > tr > td.c-CompanyName { order: -1; font-size: 15px; font-weight: 600; margin-bottom: 4px; }
[data-layout][data-table="OrderDetails"] > .forge-tablecontrol > table > tbody > tr > td.c-ForgePicture::before { content: "Picture"; }
[data-layout][data-table="OrderDetails"] > .forge-tablecontrol > table > tbody > tr > td.c-OrderLabel::before { content: "Order"; }
[data-layout][data-table="OrderDetails"] > .forge-tablecontrol > table > tbody > tr > td.c-ProductID::before { content: "Product ID"; }
[data-layout][data-table="OrderDetails"] > .forge-tablecontrol > table > tbody > tr > td.c-ProductLabel::before { content: "Product"; }
[data-layout][data-table="OrderDetails"] > .forge-tablecontrol > table > tbody > tr > td.c-UnitPrice::before { content: "Unit Price"; }
[data-layout][data-table="OrderDetails"] > .forge-tablecontrol > table > tbody > tr > td.c-Quantity::before { content: "Quantity"; }
[data-layout][data-table="OrderDetails"] > .forge-tablecontrol > table > tbody > tr > td.c-Discount::before { content: "Discount"; }
[data-layout][data-table="OrderDetails"] > .forge-tablecontrol > table > tbody > tr > td.c-Amount::before { content: "Amount"; }
[data-layout][data-table="OrderDetails"] > .forge-tablecontrol > table > tbody > tr > td.c-OrderID { order: -1; font-size: 15px; font-weight: 600; margin-bottom: 4px; }
[data-layout][data-table="Orders"] > .forge-tablecontrol > table > tbody > tr > td.c-OrderID::before { content: "Order ID"; }
[data-layout][data-table="Orders"] > .forge-tablecontrol > table > tbody > tr > td.c-CustomerLabel::before { content: "Customer"; }
[data-layout][data-table="Orders"] > .forge-tablecontrol > table > tbody > tr > td.c-SalesRepLabel::before { content: "Sales Rep"; }
[data-layout][data-table="Orders"] > .forge-tablecontrol > table > tbody > tr > td.c-OrderDate::before { content: "Order Date"; }
[data-layout][data-table="Orders"] > .forge-tablecontrol > table > tbody > tr > td.c-RequiredDate::before { content: "Required Date"; }
[data-layout][data-table="Orders"] > .forge-tablecontrol > table > tbody > tr > td.c-ShippedDate::before { content: "Shipped Date"; }
[data-layout][data-table="Orders"] > .forge-tablecontrol > table > tbody > tr > td.c-ShipViaLabel::before { content: "Ship Via"; }
[data-layout][data-table="Orders"] > .forge-tablecontrol > table > tbody > tr > td.c-Freight::before { content: "Freight"; }
[data-layout][data-table="Orders"] > .forge-tablecontrol > table > tbody > tr > td.c-ShipAddress::before { content: "Ship Address"; }
[data-layout][data-table="Orders"] > .forge-tablecontrol > table > tbody > tr > td.c-ShipCity::before { content: "Ship City"; }
[data-layout][data-table="Orders"] > .forge-tablecontrol > table > tbody > tr > td.c-ShipRegion::before { content: "Ship Region"; }
[data-layout][data-table="Orders"] > .forge-tablecontrol > table > tbody > tr > td.c-ShipPostalCode::before { content: "Ship Postal Code"; }
[data-layout][data-table="Orders"] > .forge-tablecontrol > table > tbody > tr > td.c-ShipCountry::before { content: "Ship Country"; }
[data-layout][data-table="Orders"] > .forge-tablecontrol > table > tbody > tr > td.c-CreatedByLabel::before { content: "Created By"; }
[data-layout][data-table="Orders"] > .forge-tablecontrol > table > tbody > tr > td.c-CreatedOn::before { content: "Created On"; }
[data-layout][data-table="Orders"] > .forge-tablecontrol > table > tbody > tr > td.c-UpdatedByLabel::before { content: "Updated By"; }
[data-layout][data-table="Orders"] > .forge-tablecontrol > table > tbody > tr > td.c-UpdatedOn::before { content: "Updated On"; }
[data-layout][data-table="Orders"] > .forge-tablecontrol > table > tbody > tr > td.c-ShipName { order: -1; font-size: 15px; font-weight: 600; margin-bottom: 4px; }
[data-layout][data-table="Products"] > .forge-tablecontrol > table > tbody > tr > td.c-ProductID::before { content: "Product ID"; }
[data-layout][data-table="Products"] > .forge-tablecontrol > table > tbody > tr > td.c-SupplierLabel::before { content: "Supplier"; }
[data-layout][data-table="Products"] > .forge-tablecontrol > table > tbody > tr > td.c-CategoryLabel::before { content: "Category"; }
[data-layout][data-table="Products"] > .forge-tablecontrol > table > tbody > tr > td.c-QuantityPerUnit::before { content: "Quantity Per Unit"; }
[data-layout][data-table="Products"] > .forge-tablecontrol > table > tbody > tr > td.c-UnitPrice::before { content: "Unit Price"; }
[data-layout][data-table="Products"] > .forge-tablecontrol > table > tbody > tr > td.c-UnitsInStock::before { content: "Units In Stock"; }
[data-layout][data-table="Products"] > .forge-tablecontrol > table > tbody > tr > td.c-UnitsOnOrder::before { content: "Units On Order"; }
[data-layout][data-table="Products"] > .forge-tablecontrol > table > tbody > tr > td.c-ReorderLevel::before { content: "Reorder Level"; }
[data-layout][data-table="Products"] > .forge-tablecontrol > table > tbody > tr > td.c-Discontinued::before { content: "Discontinued"; }
[data-layout][data-table="Products"] > .forge-tablecontrol > table > tbody > tr > td.c-Photo::before { content: "Photo"; }
[data-layout][data-table="Products"] > .forge-tablecontrol > table > tbody > tr > td.c-ProductName { order: -1; font-size: 15px; font-weight: 600; margin-bottom: 4px; }
[data-layout][data-table="Roles"] > .forge-tablecontrol > table > tbody > tr > td.c-RoleId::before { content: "Role ID"; }
[data-layout][data-table="Roles"] > .forge-tablecontrol > table > tbody > tr > td.c-RoleName { order: -1; font-size: 15px; font-weight: 600; margin-bottom: 4px; }
[data-layout][data-table="SalesRepRoles"] > .forge-tablecontrol > table > tbody > tr > td.c-SalesRepLabel::before { content: "Sales Rep"; }
[data-layout][data-table="SalesRepRoles"] > .forge-tablecontrol > table > tbody > tr > td.c-RoleId::before { content: "Role ID"; }
[data-layout][data-table="SalesRepRoles"] > .forge-tablecontrol > table > tbody > tr > td.c-RoleLabel::before { content: "Role"; }
[data-layout][data-table="SalesRepRoles"] > .forge-tablecontrol > table > tbody > tr > td.c-SalesRepId { order: -1; font-size: 15px; font-weight: 600; margin-bottom: 4px; }
[data-layout][data-table="SalesRep"] > .forge-tablecontrol > table > tbody > tr > td.c-SalesRepID::before { content: "Sales Rep ID"; }
[data-layout][data-table="SalesRep"] > .forge-tablecontrol > table > tbody > tr > td.c-FirstName::before { content: "First Name"; }
[data-layout][data-table="SalesRep"] > .forge-tablecontrol > table > tbody > tr > td.c-Title::before { content: "Title"; }
[data-layout][data-table="SalesRep"] > .forge-tablecontrol > table > tbody > tr > td.c-EmailAddress::before { content: "Email Address"; }
[data-layout][data-table="SalesRep"] > .forge-tablecontrol > table > tbody > tr > td.c-BirthDate::before { content: "Birth Date"; }
[data-layout][data-table="SalesRep"] > .forge-tablecontrol > table > tbody > tr > td.c-HireDate::before { content: "Hire Date"; }
[data-layout][data-table="SalesRep"] > .forge-tablecontrol > table > tbody > tr > td.c-Address::before { content: "Address"; }
[data-layout][data-table="SalesRep"] > .forge-tablecontrol > table > tbody > tr > td.c-City::before { content: "City"; }
[data-layout][data-table="SalesRep"] > .forge-tablecontrol > table > tbody > tr > td.c-Region::before { content: "Region"; }
[data-layout][data-table="SalesRep"] > .forge-tablecontrol > table > tbody > tr > td.c-PostalCode::before { content: "Postal Code"; }
[data-layout][data-table="SalesRep"] > .forge-tablecontrol > table > tbody > tr > td.c-Country::before { content: "Country"; }
[data-layout][data-table="SalesRep"] > .forge-tablecontrol > table > tbody > tr > td.c-Latitude::before { content: "Latitude"; }
[data-layout][data-table="SalesRep"] > .forge-tablecontrol > table > tbody > tr > td.c-Longitude::before { content: "Longitude"; }
[data-layout][data-table="SalesRep"] > .forge-tablecontrol > table > tbody > tr > td.c-HomePhone::before { content: "Home Phone"; }
[data-layout][data-table="SalesRep"] > .forge-tablecontrol > table > tbody > tr > td.c-Extension::before { content: "Extension"; }
[data-layout][data-table="SalesRep"] > .forge-tablecontrol > table > tbody > tr > td.c-ReportsToLabel::before { content: "Reports To"; }
[data-layout][data-table="SalesRep"] > .forge-tablecontrol > table > tbody > tr > td.c-Photo::before { content: "Photo"; }
[data-layout][data-table="SalesRep"] > .forge-tablecontrol > table > tbody > tr > td.c-Notes::before { content: "Notes"; }
[data-layout][data-table="SalesRep"] > .forge-tablecontrol > table > tbody > tr > td.c-LastName { order: -1; font-size: 15px; font-weight: 600; margin-bottom: 4px; }
[data-layout][data-table="OrdersQry"] > .forge-tablecontrol > table > tbody > tr > td.c-OrderID::before { content: "Order ID"; }
[data-layout][data-table="OrdersQry"] > .forge-tablecontrol > table > tbody > tr > td.c-OrderLabel::before { content: "Order"; }
[data-layout][data-table="OrdersQry"] > .forge-tablecontrol > table > tbody > tr > td.c-CustomerLabel::before { content: "Customer"; }
[data-layout][data-table="OrdersQry"] > .forge-tablecontrol > table > tbody > tr > td.c-SalesRepLabel::before { content: "Sales Rep"; }
[data-layout][data-table="OrdersQry"] > .forge-tablecontrol > table > tbody > tr > td.c-OrderDate::before { content: "Order Date"; }
[data-layout][data-table="OrdersQry"] > .forge-tablecontrol > table > tbody > tr > td.c-RequiredDate::before { content: "Required Date"; }
[data-layout][data-table="OrdersQry"] > .forge-tablecontrol > table > tbody > tr > td.c-ShippedDate::before { content: "Shipped Date"; }
[data-layout][data-table="OrdersQry"] > .forge-tablecontrol > table > tbody > tr > td.c-ShipViaLabel::before { content: "Ship Via"; }
[data-layout][data-table="OrdersQry"] > .forge-tablecontrol > table > tbody > tr > td.c-Freight::before { content: "Freight"; }
[data-layout][data-table="OrdersQry"] > .forge-tablecontrol > table > tbody > tr > td.c-ShipAddress::before { content: "Ship Address"; }
[data-layout][data-table="OrdersQry"] > .forge-tablecontrol > table > tbody > tr > td.c-ShipCity::before { content: "Ship City"; }
[data-layout][data-table="OrdersQry"] > .forge-tablecontrol > table > tbody > tr > td.c-ShipRegion::before { content: "Ship Region"; }
[data-layout][data-table="OrdersQry"] > .forge-tablecontrol > table > tbody > tr > td.c-ShipPostalCode::before { content: "Ship Postal Code"; }
[data-layout][data-table="OrdersQry"] > .forge-tablecontrol > table > tbody > tr > td.c-ShipCountry::before { content: "Ship Country"; }
[data-layout][data-table="OrdersQry"] > .forge-tablecontrol > table > tbody > tr > td.c-CompanyName::before { content: "Company Name"; }
[data-layout][data-table="OrdersQry"] > .forge-tablecontrol > table > tbody > tr > td.c-Address::before { content: "Address"; }
[data-layout][data-table="OrdersQry"] > .forge-tablecontrol > table > tbody > tr > td.c-City::before { content: "City"; }
[data-layout][data-table="OrdersQry"] > .forge-tablecontrol > table > tbody > tr > td.c-Region::before { content: "Region"; }
[data-layout][data-table="OrdersQry"] > .forge-tablecontrol > table > tbody > tr > td.c-PostalCode::before { content: "Postal Code"; }
[data-layout][data-table="OrdersQry"] > .forge-tablecontrol > table > tbody > tr > td.c-Country::before { content: "Country"; }
[data-layout][data-table="OrdersQry"] > .forge-tablecontrol > table > tbody > tr > td.c-ShipName { order: -1; font-size: 15px; font-weight: 600; margin-bottom: 4px; }
[data-layout][data-table="Shippers"] > .forge-tablecontrol > table > tbody > tr > td.c-ShipperID::before { content: "Shipper ID"; }
[data-layout][data-table="Shippers"] > .forge-tablecontrol > table > tbody > tr > td.c-Phone::before { content: "Phone"; }
[data-layout][data-table="Shippers"] > .forge-tablecontrol > table > tbody > tr > td.c-CompanyName { order: -1; font-size: 15px; font-weight: 600; margin-bottom: 4px; }
[data-layout][data-table="Suppliers"] > .forge-tablecontrol > table > tbody > tr > td.c-SupplierID::before { content: "Supplier ID"; }
[data-layout][data-table="Suppliers"] > .forge-tablecontrol > table > tbody > tr > td.c-ContactName::before { content: "Contact Name"; }
[data-layout][data-table="Suppliers"] > .forge-tablecontrol > table > tbody > tr > td.c-ContactTitle::before { content: "Contact Title"; }
[data-layout][data-table="Suppliers"] > .forge-tablecontrol > table > tbody > tr > td.c-Address::before { content: "Address"; }
[data-layout][data-table="Suppliers"] > .forge-tablecontrol > table > tbody > tr > td.c-City::before { content: "City"; }
[data-layout][data-table="Suppliers"] > .forge-tablecontrol > table > tbody > tr > td.c-Region::before { content: "Region"; }
[data-layout][data-table="Suppliers"] > .forge-tablecontrol > table > tbody > tr > td.c-PostalCode::before { content: "Postal Code"; }
[data-layout][data-table="Suppliers"] > .forge-tablecontrol > table > tbody > tr > td.c-Country::before { content: "Country"; }
[data-layout][data-table="Suppliers"] > .forge-tablecontrol > table > tbody > tr > td.c-Phone::before { content: "Phone"; }
[data-layout][data-table="Suppliers"] > .forge-tablecontrol > table > tbody > tr > td.c-Fax::before { content: "Fax"; }
[data-layout][data-table="Suppliers"] > .forge-tablecontrol > table > tbody > tr > td.c-HomePage::before { content: "Home Page"; }
[data-layout][data-table="Suppliers"] > .forge-tablecontrol > table > tbody > tr > td.c-CompanyName { order: -1; font-size: 15px; font-weight: 600; margin-bottom: 4px; }
[data-layout] > .forge-tablecontrol > table > thead { display: none; }
}