/* Scoped to the new report; does not restyle existing AGENT/MEMBER reports. */
#menu-resultsreport[hidden] { display: none !important; }
.ar-report {
  --ar-blue: #075cd5; --ar-line: #d2ddea; --ar-ink: #163451;
  --ar-paper: #fff; --ar-soft: #f3f8fd; --ar-head: #e8edf2;
  color: var(--ar-ink); font: 400 13px/1.55 'Noto Sans Thai', sans-serif;
  min-width: 0;
}
.ar-report *, .ar-report *::before, .ar-report *::after { box-sizing: border-box; }
.ar-report button { font: inherit; cursor: pointer; border: 1px solid var(--ar-line); border-radius: 5px; background: var(--ar-paper); color: var(--ar-blue); padding: 7px 12px; line-height: 1.4; }
.ar-report button:hover:not(:disabled) { background: #eaf3ff; border-color: #86b6f8; }
.ar-report button:active:not(:disabled) { background: #d6e8ff; }
.ar-report button:focus-visible, .ar-report [tabindex]:focus-visible { outline: 2px solid var(--ar-blue); outline-offset: 3px; }
.ar-report button:disabled { opacity: .5; cursor: not-allowed; }
.ar-report button[aria-pressed="true"] { color: #fff; background: var(--ar-blue); border-color: var(--ar-blue); }
.ar-report .ar-controls { border: 1px solid var(--ar-line); background: var(--ar-paper); margin-bottom: 16px; }
.ar-report .ar-days, .ar-report .ar-markets, .ar-report .ar-outcomes { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; padding: 12px; }
.ar-report .ar-days { border-bottom: 1px solid var(--ar-line); }
.ar-report .ar-days > span { margin-left: 6px; font-size: 12px; color: #566f89; }
.ar-report .ar-markets { padding-bottom: 6px; }
.ar-report .ar-markets button { display: inline-flex; align-items: center; gap: 7px; padding: 6px 10px; }
.ar-report img { object-fit: cover; flex-shrink: 0; vertical-align: middle; }
.ar-report .ar-outcomes { padding-top: 6px; }
.ar-report .ar-outcomes button span { margin-left: 5px; font-variant-numeric: tabular-nums; }
.ar-report .ar-outcomes small { color: #61748a; margin-left: auto; font-size: 11px; }
.ar-report .ar-summary { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 20px; padding: 10px 0; margin-bottom: 8px; font-size: 12px; font-variant-numeric: tabular-nums; }
.ar-report .ar-summary strong { font-weight: 600; }
.ar-report .ar-market { margin: 0 0 24px; background: var(--ar-paper); }
.ar-report .ar-market-header { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 10px 0; }
.ar-report .ar-market-header h3 { display: inline-flex; align-items: center; gap: 7px; font-size: 14px; font-weight: 600; color: #125490; margin: 0; }
.ar-report .ar-market-header > span { color: #496d91; background: #f0f7ff; border: 1px solid #d2e6ff; border-radius: 4px; padding: 1px 6px; font-size: 11px; }
.ar-report .ar-table-scroll { overflow: auto; max-width: 100%; overscroll-behavior-x: contain; }
.ar-report table { border-collapse: collapse; width: 100%; color: var(--ar-ink); font-size: 12px; font-variant-numeric: tabular-nums; }
.ar-report .ar-table { table-layout: fixed; min-width: 1050px; }
.ar-report th, .ar-report td { border: 1px solid var(--ar-line); padding: 7px 8px; vertical-align: middle; }
.ar-report thead th { background: var(--ar-head); font-size: 11px; font-weight: 600; text-align: left; }
.ar-report .ar-table thead th:nth-child(n+4):nth-child(-n+7) { text-align: right; }
.ar-report .ar-table tbody tr:nth-child(even) { background: #f8fbfe; }
.ar-report .ar-table tbody tr:hover { background: #eef6ff; }
/* Highlight the existing winning result only; no change to bill classification. */
.ar-report .ar-table tbody tr:has(.ar-outcome > .ar-prize) { background: #e5f5ec; }
.ar-report .ar-table tbody tr:has(.ar-outcome > .ar-prize):hover { background: #d4efdf; }
.ar-report .ar-table tbody tr:has(.ar-outcome > .ar-prize) > td { border-top-color: #a8d5b8; border-bottom-color: #a8d5b8; }
.ar-report .ar-table tbody tr:has(.ar-outcome > .ar-prize) > td:first-child { box-shadow: inset 3px 0 #249252; }
.ar-report .ar-col-time { width: 15%; }
.ar-report .ar-col-market { width: 12%; }
.ar-report .ar-col-round { width: 9%; }
.ar-report .ar-col-money { width: 7%; }
.ar-report .ar-col-result { width: 15%; }
.ar-report .ar-col-name { width: 18%; }
.ar-report .ar-col-detail { width: 10%; }
.ar-report .ar-time, .ar-report .ar-round { white-space: nowrap; font-size: 11px; }
.ar-report .ar-number { text-align: right; white-space: nowrap; }
.ar-report .ar-sales { color: #087b3b; }
.ar-report .ar-discount { color: #bf2540; }
.ar-report .ar-net { color: #087e92; }
.ar-report .ar-prize { color: #075cd5; }
.ar-report .ar-outcome { text-align: right; font-size: 11px; }
.ar-report .ar-outcome strong { font-weight: 600; white-space: nowrap; }
.ar-report .ar-copy { margin-left: 6px; padding: 3px 6px; font-size: 10px; background: #edf6ff; }
.ar-report .ar-waiting { color: #886000; }
.ar-report .ar-lost { color: #bf2540; }
.ar-report .ar-customer { overflow-wrap: anywhere; }
.ar-report .ar-customer small { display: block; font-size: 10px; color: #62758a; margin-top: 3px; }
.ar-report .ar-name, .ar-report .ar-link { border: 0; padding: 2px 0; background: transparent; text-align: left; }
.ar-report .ar-name { color: var(--ar-ink); font-size: 12px; }
.ar-report .ar-name:hover:not(:disabled), .ar-report .ar-link:hover:not(:disabled) { text-decoration: underline; background: transparent; }
.ar-report .ar-details { text-align: center; }
.ar-report .ar-details button { font-size: 11px; white-space: nowrap; }
.ar-report tfoot th, .ar-report tfoot td { background: var(--ar-head); font-weight: 600; }
.ar-report tfoot td:last-child { font-size: 10px; font-weight: 400; }
.ar-report .ar-warning { border: 1px solid #e1c571; background: #fff8df; color: #715200; padding: 10px 12px; margin-bottom: 10px; }
.ar-report .ar-warning button { margin-left: 10px; }
.ar-report .ar-empty { padding: 48px 16px; text-align: center; border: 1px solid var(--ar-line); background: var(--ar-paper); color: #65788e; }
.ar-report .ar-footnote { color: #64758a; font-size: 11px; margin: 12px 0; }
.ar-report .ar-copy-status { position: fixed; bottom: 20px; right: 20px; z-index: 10020; max-width: min(520px, 90vw); padding: 10px 15px; background: #e9f8ef; color: #116039; border: 1px solid #96d4ae; border-radius: 6px; box-shadow: 0 3px 12px #1735541a; }
.ar-report .ar-copy-status:empty { display: none; }
.ar-report .ar-dialog { position: fixed; margin: auto; padding: 0; width: min(920px, 94vw); max-height: 90dvh; color: var(--ar-ink); background: var(--ar-paper); border: 1px solid var(--ar-line); border-radius: 7px; }
.ar-report .ar-dialog::backdrop { background: #16273d75; }
.ar-report .ar-dialog-header, .ar-report .ar-dialog-footer { padding: 14px 18px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.ar-report .ar-dialog-header { border-bottom: 1px solid var(--ar-line); }
.ar-report .ar-dialog-header h2 { font: 600 15px/1.5 'Noto Sans Thai', sans-serif; margin: 0; }
.ar-report .ar-dialog-header p { font-size: 12px; margin-top: 4px; }
.ar-report .ar-dialog-header button { font-size: 22px; padding: 0 8px; }
.ar-report .ar-dialog-body { overflow: auto; max-height: 65dvh; padding: 16px 18px; }
.ar-report .ar-detail-table { min-width: 720px; }
.ar-report .ar-detail-table td:not(:first-child):not(:last-child) { text-align: right; }
.ar-report .ar-detail-table thead th { background: #343b43; color: #fff; }
.ar-report .ar-detail-result { padding: 9px 12px; background: var(--ar-soft); margin-bottom: 10px; }
.ar-report .ar-notice { font-size: 11px; color: #6c654f; margin: 5px 0 10px; }
.ar-report .ar-winner { background: #e5f5ec; }
.ar-report .ar-closed { background: #f9dce1; }
.ar-report .ar-dialog-footer { border-top: 1px solid var(--ar-line); font-size: 11px; }
.ar-report .ar-dialog-footer button { background: var(--ar-blue); color: white; border-color: var(--ar-blue); }
@media (max-width: 600px) {
  .ar-report .ar-days > span { display: block; flex-basis: 100%; margin: 3px 0 0; }
  .ar-report .ar-outcomes small { flex-basis: 100%; margin-left: 0; }
  .ar-report .ar-summary { gap: 5px 14px; }
  .ar-report .ar-dialog-header, .ar-report .ar-dialog-footer, .ar-report .ar-dialog-body { padding: 12px; }
}