/* Navy/gold presentation layer. No layout, navigation or business behavior changes. */
html body .pine-sidebar.pine-sidebar {
  background: #172339;
  color: #eeeae1;
  border-right-color: #29364c;
  box-shadow: 3px 0 16px rgb(23 35 57 / 8%);
}
html body .pine-sidebar .pine-brand,
html body .pine-sidebar .pine-footer { border-color: rgb(198 174 121 / 20%); }
html body .pine-sidebar .pine-brand p { color: #f7f3e9; }
html body .pine-sidebar .pine-link,
html body .pine-sidebar .pine-group { color: #e4e7ed; }
html body .pine-sidebar .text-slate-400 { color: #aab3c1; }
html body .pine-sidebar .pine-link:hover,
html body .pine-sidebar .pine-group:hover,
html body .pine-sidebar .pine-group-current { background: #26354d; color: #efdbaf; }
html body .pine-sidebar .pine-link.pine-link-active {
  background: #c6ae79;
  color: #172339;
  box-shadow: 0 2px 7px rgb(0 0 0 / 10%);
}
html body .pine-sidebar .pine-link:focus-visible,
html body .pine-sidebar .pine-group:focus-visible { outline-color: #e6cd98; }
html body .pine-sidebar nav { scrollbar-color: #68717f transparent; }
html body .pine-sidebar nav::-webkit-scrollbar-thumb { background: #68717f; }
html body .supplier-tab.supplier-tab-active {
  background: #172339; border-color: #172339; color: #efd9a6;
}
html body .supplier-tab:hover { background: #f4f0e7; border-color: #c6ae79; color: #172339; }
html body .supplier-tab.supplier-tab-active:hover { background: #26354d; color: #efd9a6; }
html body main .btn-primary {
  background: #172339; border-color: #172339; color: #fff;
  box-shadow: 0 2px 5px rgb(23 35 57 / 12%);
}
html body main .btn-primary:hover { background: #293b56; border-color: #293b56; }
html body main .btn-primary:focus-visible { outline-color: #b59a61; }
html body main button[aria-pressed="true"] {
  background: #172339; border-color: #172339; color: #efd9a6;
  box-shadow: 0 2px 5px rgb(23 35 57 / 12%);
}
html body main .el-pager li.is-active { background: #172339; color: #efd9a6; }