/* Screen-only application theme; printed documents keep their document templates. */
@media screen {
:root {
  --ui-blue:#0866e9; --ui-blue-hover:#0755c3; --ui-ink:#233c58;
  --ui-muted:#647c96; --ui-line:#dce6f2; --ui-soft:#edf3fc; --ui-page:#f3f6fb;
}
#page-content {font-family:Tahoma,Arial,sans-serif;color:var(--ui-ink);font-size:13px}
#page-content:is(.ap-product-page,.branch-price-page,.ap-purchase-page),
#page-content .cm-app.cm-registry-list {background:var(--ui-page)}
#page-content :is(.ap-heading,.branch-price-heading,.inventory-titlebar,.ar-heading,.sales-heading,.flow-heading,.page-header,.scan-title,.td-heading) {
  background:transparent;color:var(--ui-ink);box-shadow:none;border:0;border-bottom:1px solid var(--ui-line);
  border-radius:0;padding:0 0 16px;margin-bottom:18px;gap:14px;flex-wrap:wrap;
}
#page-content :is(.ap-heading,.branch-price-heading,.inventory-titlebar,.ar-heading,.sales-heading,.flow-heading,.page-header,.scan-title,.td-heading)>h1,
#page-content :is(.ap-heading,.sales-heading,.flow-heading)>div>h1 {
  margin:0;color:#17395e;font:700 22px/1.5 Tahoma,Arial,sans-serif;letter-spacing:0;
}
#page-content[data-admin=true] :is(.flow-heading,.ap-heading,.page-header) h1 {font-size:22px;color:#17395e}
#page-content[data-admin=true] :is(.ap-table,.flow-table-wrap>table)>thead>tr>th {background:var(--ui-soft);color:#345675}
#page-content :is(.flow-card,.quote-card,.flow-toolbar,.quote-manager-filters,.inventory-panel,.scan-metadata,.mx-metrics>div) {
  background:#fff;border-color:var(--ui-line);border-radius:12px;box-shadow:0 3px 14px #183d6605;
}
#page-content .td-results>h2 {background:transparent;color:#17395e;margin:0 0 16px;padding:0 0 12px;border-bottom:1px solid var(--ui-line);border-radius:0}
/* Only application tables, not paper-items, paper-doc, or document canvases. */
#page-content :is(.ap-table,.quote-table,.branch-price-table,.branch-price-confirm-table,.flow-table-wrap>table,.inventory-scroll>table,.cs-scroll>table,.ar-scroll>table,.sales-table,.tax-table-scroll>table)>thead>tr>th,
#page-content .cm-app.cm-registry-list #customer-table th,
#page-content.ap-product-page #catalog-table th {
  background:var(--ui-soft);color:#345675;border-bottom:1px solid #d5e1f1;font:700 12px/1.5 Tahoma,Arial,sans-serif;
}
#page-content :is(.ap-table-scroll,.quote-table-wrap,.branch-price-table-scroll,.inventory-scroll,.cs-scroll,.ar-scroll,.flow-table-wrap) {
  border:1px solid var(--ui-line);border-radius:10px;background:#fff;box-shadow:none;
}
#page-content :is(.ap-table,.branch-price-table,.inventory-scroll>table,.cs-scroll>table,.ar-scroll>table)>tbody>tr>td {
  border-bottom-color:#e7edf5;font-family:Tahoma,Arial,sans-serif;
}
/* Secondary controls share geometry; special scan, danger and status colors stay meaningful. */
#page-content :is(.ap-button,.branch-price-button,.inventory-button,.ar-app button,.flow-app button,.sales-app button,.sales-dialog button) {
  border-radius:7px;font-family:Tahoma,Arial,sans-serif;font-size:13px;
}
#page-content :is(.branch-price-button,.inventory-button,.ap-button,.ar-app button):not(:disabled):hover {border-color:#9abfe9}
#page-content :is(.flow-app .flow-primary,.sales-app .sales-primary,.sales-dialog .sales-primary,.primary-btn,.inventory-ui .inventory-primary,.sales-app .sales-cart-button),
#page-content .branch-price-page [data-price-action=update],
#page-content.branch-price-page [data-price-action=update],
#page-content .cm-registry-list>.ar-heading [data-ar=new] {
  color:#fff;background:var(--ui-blue);border-color:var(--ui-blue);box-shadow:0 3px 9px #0866e91a;
}
#page-content :is(.flow-app .flow-primary,.sales-app .sales-primary,.primary-btn,.inventory-ui .inventory-primary,.sales-app .sales-cart-button):hover:not(:disabled),
#page-content.branch-price-page [data-price-action=update]:hover:not(:disabled),
#page-content .cm-registry-list>.ar-heading [data-ar=new]:hover:not(:disabled) {background:var(--ui-blue-hover);border-color:var(--ui-blue-hover);color:white}
#page-content :is(.branch-price-filter,.inventory-ui,.ap-catalog,.registry-form-grid,.cm-toolbar) :is(input,select,textarea) {
  border-color:#cbdbea;border-radius:7px;font-family:Tahoma,Arial,sans-serif;
}
#page-content :is(.branch-price-filter,.inventory-ui,.ap-catalog,.registry-form-grid,.cm-toolbar) :is(input,select,textarea):focus-visible {
  outline:2px solid #87baff;outline-offset:1px;
}
/* Category navigation across products, prices, inventory, and sales. */
#page-content :is(.ap-categories,.branch-price-categories,.inventory-sidebar,.sales-categories) {
  background:#fff;border:1px solid var(--ui-line);border-radius:10px;box-shadow:none;scrollbar-color:#c1d2e5 #f3f7fc;
}
#page-content :is(.ap-categories,.branch-price-categories,.inventory-sidebar)>h2 {
  background:var(--ui-soft);color:#345675;border-bottom:1px solid var(--ui-line);padding:12px;font-family:Tahoma,Arial,sans-serif;
}
#page-content :is(.registry-category-group,.branch-price-categories details,.inventory-category-group)>summary {
  background:#f5f8fd;color:#345675;border-color:var(--ui-line);
}
#page-content :is(.ap-categories,.branch-price-categories,.inventory-sidebar) button {color:#345675;font-family:Tahoma,Arial,sans-serif}
#page-content :is(.ap-categories,.branch-price-categories,.inventory-sidebar,.sales-categories) button[aria-pressed=true] {
  background:#eaf3ff;color:var(--ui-blue);border-left-color:var(--ui-blue);
}
#page-content :is(.ap-categories,.branch-price-categories,.inventory-sidebar,.sales-categories) button:hover:not(:disabled) {background:#f0f6ff}
#page-content .inventory-ui .inventory-tabs {gap:5px}
#page-content .inventory-ui .inventory-tabs button {border:1px solid var(--ui-line);border-radius:7px}
#page-content .inventory-ui .inventory-tabs button[aria-pressed=true],#page-content .tax-types button[aria-pressed=true] {color:var(--ui-blue);background:#eaf3ff;border-color:#b9d4f6}
/* Popup shells follow one treatment without changing forms or document layout. */
#page-content :is(.ap-dialog,.flow-dialog,.sales-dialog,.branch-price-confirm-dialog,.inventory-dialog,.ar-dialog) {
  border:1px solid #d4e1f0;border-radius:15px;box-shadow:0 24px 85px #1736533b;
}
#page-content :is(.ap-dialog,.flow-dialog,.sales-dialog,.branch-price-confirm-dialog,.inventory-dialog,.ar-dialog)::backdrop {background:#10273f66;backdrop-filter:blur(3px)}
#page-content :is(.ap-dialog,.flow-dialog,.sales-dialog,.inventory-dialog)>header {background:#f3f7fd;color:#1d4168;border-bottom-color:var(--ui-line)}
#page-content .cm-app.cm-registry-list #customer-table>.ar-scroll {box-shadow:none;border-color:var(--ui-line);border-radius:10px}
@media(max-width:1220px) {
  .topbar {flex-wrap:wrap;overflow:visible;align-items:center;padding:5px 10px;gap:0}
  .topbar .leftnav {flex-wrap:wrap;width:100%}
  .topbar .navbutton {min-height:40px;margin:2px 0}
  .topbar .rightnav {position:static;right:auto;flex-wrap:wrap;width:100%;margin:0;padding:8px 4px;background:transparent;white-space:normal;gap:10px}
  .topbar .rightnav .branch,.topbar .rightnav .userlabel {color:#d4e3f3}
  .topbar .rightnav .logout {margin-left:auto}
}
@media(max-width:700px) {
  #page-content :is(.ap-heading,.branch-price-heading,.inventory-titlebar,.ar-heading,.sales-heading,.flow-heading,.page-header,.scan-title,.td-heading)>h1,
  #page-content :is(.ap-heading,.sales-heading,.flow-heading)>div>h1 {font-size:20px}
  #page-content[data-admin=true] :is(.flow-heading,.ap-heading,.page-header) h1 {font-size:20px}
}
}