/* Icon-only statuses in problem lists; full judging record details keep their text. */
.nf-learner td.nf-list-status { padding: 6px 8px; text-align: center; border-left: 0; box-shadow: none; }
.nf-learner .nf-problem-status { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; vertical-align: middle; color: inherit !important; border-radius: 3px; }
.nf-problem-status__icon { display: block; width: 21px; height: 21px; }
.nf-learner .nf-status--accepted { color: #25b957; }
.nf-learner .nf-status--wrong-answer, .nf-learner .nf-status--hacked { color: #e24d45; }
.nf-learner .nf-status--time-limit { color: #c88708; }
.nf-learner .nf-status--memory-limit { color: #8951ca; }
.nf-learner .nf-status--output-limit, .nf-learner .nf-status--format-error { color: #d27628; }
.nf-learner .nf-status--runtime-error { color: #d94f7b; }
.nf-learner .nf-status--compile-error { color: #b89910; }
.nf-learner .nf-status--system-error, .nf-learner .nf-status--unknown { color: #647b92; }
.nf-learner .nf-status--judging, .nf-learner .nf-status--compiling { color: #2196e8; }
.nf-learner .nf-status--waiting, .nf-learner .nf-status--ignored { color: #8b96a2; }
.nf-learner .nf-problem-table { table-layout: fixed; min-width: 680px; }
.page--problem_main .nf-problem-table .col--status { width: 52px; border-right: 0; }
.page--problem_main .nf-problem-table .col--display-id { width: 92px; text-align: center; font-size: 13px; color: #303740; overflow-wrap: anywhere; white-space: normal; font-variant-numeric: tabular-nums; }
.page--problem_main .nf-problem-table .col--favorite { width: 58px; text-align: center; }
.page--problem_main .nf-problem-table .col--ac-tried { width: 92px; border-left: 0; }
.page--problem_main .nf-problem-table .col--difficulty { width: 80px; padding-left: 8px; padding-right: 8px; white-space: nowrap; }
.nf-learner .nf-problem-table > thead > tr { height: 44px; }
.nf-learner .nf-problem-table > tbody > tr { height: 44px; background: #fff; }
.nf-learner .nf-problem-table > tbody > tr:hover { background: #f8fbff; }
.nf-learner .nf-problem-table td, .nf-learner .nf-problem-table th { border-left: 0; border-right: 0; }
.nf-learner .nf-problem-table th { color: #26384b; font-size: 13px; font-weight: 600; }
.nf-learner .nf-problem-table .col--problem-name { padding-left: 10px; padding-right: 12px; }
.nf-problem-line { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.nf-problem-name { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; white-space: normal; }
.nf-learner .nf-problem-table .nf-problem-name > a { font-size: 14px; font-weight: 400; color: var(--nf-blue,#1769aa); }
.nf-learner .nf-problem-table .problem__tags { position: static; float: none; flex: 0 1 auto; max-width: 56%; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 4px; font-size: 12px; }
.nf-learner .nf-problem-table .problem__tag { height: auto; margin: 0 !important; }
.nf-learner .nf-problem-table .problem__tag-link { height: auto; max-width: 150px; padding: 3px 7px; border-radius: 4px; background: #2596df; color: #fff !important; font-size: 12px; font-weight: 600; line-height: 1.45; }
.nf-learner .nf-problem-table .problem__tag-link:hover { background: #1878bb; }
.nf-learner .nf-problem-table.hide-problem-tag .problem__tags { display: none; }
.nf-learner .nf-problem-table .toggle-tag { font-size: 12px; font-weight: 400; color: #6b7c8a; cursor: pointer; }
.nf-learner .nf-problem-table .star-form { display: block; margin: 0; }
.nf-learner .nf-problem-table .star { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 30px; border: 0; border-radius: 4px; padding: 0; background: #f3f5f7; color: #87929c; cursor: pointer; }
.nf-learner .nf-problem-table .star:hover { background: #eaf3fb; color: #238bce; }
.nf-learner .nf-problem-table .star.activated { color: #d99a13; }
.nf-learner .nf-problem-table .star svg { display: block; width: 17px; height: 17px; }
.nf-problem-table .star .starred--show, .nf-problem-table .star.activated .starred--hide { display: none; }
.nf-problem-table .star .starred--hide, .nf-problem-table .star.activated .starred--show { display: block; }
.nf-problem-sr-only { position: absolute; left: 0; top: 0; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.page--problem_main .display-mode .nf-problem-table col.col--status { display: table-column; }
.page--problem_main .display-mode .nf-problem-table td.col--status, .page--problem_main .display-mode .nf-problem-table th.col--status { display: table-cell; }
.nf-learner .training__problems table:not(:has(col.col--status--sm)) .col--status { width: 56px; border-left: 0; border-right: 0; }
@media (max-width: 760px) {
  .nf-learner .nf-problem-table { min-width: 650px; }
  .nf-learner .nf-problem-table .nf-problem-line { gap: 8px; }
  .nf-learner .nf-problem-table .problem__tag-link { padding: 3px 6px; }
}
@media (pointer: coarse) {
  .nf-learner .nf-problem-status { width: 36px; height: 44px; }
  .nf-learner .nf-problem-table .star { width: 44px; height: 44px; }
}