*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{display:flex;flex-direction:column;background:#f4f7fa;color:#18263a;font:14px system-ui,"Microsoft YaHei",sans-serif}header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 4%;background:#073f69;color:#fff;box-shadow:0 2px 10px rgba(7,63,105,.18)}.brand{font-size:21px;font-weight:750;color:#fff;text-decoration:none}.header-meta{display:flex;align-items:flex-end;gap:12px}.header-meta small{color:#b9d7e9}main{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;width:100%;max-width:1500px;margin:auto;padding:16px 18px;scrollbar-gutter:stable}footer{flex:0 0 auto;display:flex;justify-content:space-between;gap:16px;padding:9px 4%;color:#64748b;background:#f4f7fa;border-top:1px solid #e2e8f0;font-size:12px}footer nav{display:flex;gap:14px}footer a{color:#41637c;text-decoration:none}.toolbar{position:sticky;top:-16px;z-index:8;padding:12px 0 8px;background:#f4f7fa}#filters{display:flex;gap:8px;flex-wrap:wrap}input,select,button{padding:9px 11px;border:1px solid #cbd5df;border-radius:8px;background:#fff;color:#18263a}input{min-width:250px;flex:1 1 320px}select{min-width:145px}button{cursor:pointer}button:hover:not(:disabled){border-color:#6b9ebe;background:#f8fbfd}button:disabled{cursor:not-allowed;opacity:.45}#summary{padding:8px 2px 0;color:#64748b}.table-x{overflow-x:auto;overflow-y:visible;background:#fff;border:1px solid #e4e9ef;border-radius:11px;box-shadow:0 2px 10px rgba(15,23,42,.04)}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #e4e9ef;text-align:left;white-space:nowrap}th{position:sticky;top:0;z-index:3;background:#edf4f8;color:#24384d}td:nth-child(2){min-width:280px;max-width:480px;white-space:normal;line-height:1.45}tbody tr:nth-child(even){background:#fbfdff}tbody tr:hover{background:#f5f9fc}.positive{color:#087d46;font-variant-numeric:tabular-nums}.negative{color:#b42318;font-variant-numeric:tabular-nums}.muted{color:#94a3b8}.badge{display:inline-block;padding:2px 7px;border-radius:999px;background:#e8f3fa;color:#285d7d;font-size:12px}.badge.history{background:#e8f7ef;color:#177346}.pager{display:flex;justify-content:center;align-items:center;gap:14px;padding:13px}
@media(max-width:900px){th:nth-child(3),td:nth-child(3),th:nth-child(4),td:nth-child(4),th:nth-child(10),td:nth-child(10),th:nth-child(11),td:nth-child(11){display:none}main{padding:12px}.toolbar{top:-12px}td:nth-child(2){min-width:220px;max-width:330px}}
@media(max-width:600px){header{padding:12px 16px}.header-meta span{display:none}#filters input,#filters select,#filters button{width:100%}th:nth-child(6),td:nth-child(6),th:nth-child(12),td:nth-child(12){display:none}footer{display:block;text-align:center}footer nav{justify-content:center;margin-top:6px}}
.sr-status:empty{display:none}

/* Compact mobile table: only Product, Code, Latest NAV. */
@media (max-width:900px){
  .table-x{overflow-x:hidden}
  table{table-layout:fixed;width:100%}
  th,td{display:none!important}
  th:nth-child(2),td:nth-child(2),
  th:nth-child(3),td:nth-child(3),
  th:nth-child(6),td:nth-child(6){display:table-cell!important}
  th:nth-child(2),td:nth-child(2){width:58%;min-width:0;max-width:none;white-space:normal;overflow-wrap:anywhere}
  th:nth-child(3),td:nth-child(3){width:24%;white-space:normal;overflow-wrap:anywhere}
  th:nth-child(6),td:nth-child(6){width:18%;text-align:right;white-space:nowrap}
}
@media(max-width:900px){.table-x{overflow-x:hidden}table{table-layout:fixed;width:100%}th,td{display:none!important}th:nth-child(2),td:nth-child(2),th:nth-child(3),td:nth-child(3),th:nth-child(6),td:nth-child(6){display:table-cell!important}th:nth-child(2),td:nth-child(2){width:58%;min-width:0;max-width:none;white-space:normal;overflow-wrap:anywhere}th:nth-child(3),td:nth-child(3){width:24%;white-space:normal;overflow-wrap:anywhere}th:nth-child(6),td:nth-child(6){width:18%;text-align:right;white-space:nowrap}}

/* Public table without Product Type. Mobile shows Product, Code, Latest NAV only. */
@media (max-width:900px){
  .table-x{overflow-x:hidden}
  table{table-layout:fixed;width:100%}
  th,td{display:none!important}
  th:nth-child(2),td:nth-child(2),
  th:nth-child(3),td:nth-child(3),
  th:nth-child(5),td:nth-child(5){display:table-cell!important}
  th:nth-child(2),td:nth-child(2){width:58%;min-width:0;max-width:none;white-space:normal;overflow-wrap:anywhere}
  th:nth-child(3),td:nth-child(3){width:24%;white-space:normal;overflow-wrap:anywhere}
  th:nth-child(5),td:nth-child(5){width:18%;text-align:right;white-space:nowrap}
}

/* Sortable table headers */
th[data-sort]{padding:0}
.sort-button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:6px;padding:10px;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;font-weight:700;text-align:left;white-space:nowrap}
.sort-button:hover,.sort-button:focus-visible{background:#dfeef6;outline:none}
th.is-sorted{background:#dcecf5;color:#073f69}
.sort-mark{min-width:22px;color:#8096a8;font-size:11px;text-align:right}
th.is-sorted .sort-mark{color:#075985}
.sort-mark sup{margin-left:1px;font-size:9px}

/* Definitive compact view. This later rule overrides all historical mobile rules. */
@media (max-width:900px){
 table th:nth-child(1),table td:nth-child(1),table th:nth-child(4),table td:nth-child(4),
 table th:nth-child(6),table td:nth-child(6),table th:nth-child(7),table td:nth-child(7),
 table th:nth-child(8),table td:nth-child(8),table th:nth-child(9),table td:nth-child(9),
 table th:nth-child(10),table td:nth-child(10){display:none!important}
 table th:nth-child(2),table td:nth-child(2),table th:nth-child(3),table td:nth-child(3),
 table th:nth-child(5),table td:nth-child(5){display:table-cell!important}
 table th:nth-child(2),table td:nth-child(2){width:58%;white-space:normal;overflow-wrap:anywhere}
 table th:nth-child(3),table td:nth-child(3){width:24%;white-space:normal;overflow-wrap:anywhere}
 table th:nth-child(5),table td:nth-child(5){width:18%;text-align:right;white-space:nowrap}
}