/* _content/APL.WebUI/Components/Jury/ParticipantReport.razor.rz.scp.css */
/* The participant report's pages, at their PDF size: 1414×2000 px each (A4's ratio). Every length is fixed — the PDF is
   a raster of exactly this; the Control Center's preview scales the whole report down. */
.rp-report[b-fzdukvln0p] { display: flex; flex-direction: column; gap: 24px; }
.rp-page[b-fzdukvln0p] { position: relative; flex: none; width: 1414px; height: 2000px; overflow: hidden; box-sizing: border-box; background-color: #ffffff;
    font-family: 'Outfit', -apple-system, 'Segoe UI', Roboto, sans-serif; color: #0f172a; }
.rp-page *[b-fzdukvln0p], .rp-page *[b-fzdukvln0p]::before, .rp-page *[b-fzdukvln0p]::after { box-sizing: border-box; }
.rp-soft[b-fzdukvln0p] { background: linear-gradient(180deg, #d5e3fb 0%, #e6e4f3 50%, #f6dce4 100%); }

/* The white logo tabs in the top corners, the page showing between them. */
.rp-tab[b-fzdukvln0p] { position: absolute; top: 0; z-index: 5; display: flex; align-items: center; width: 456px; height: 162px; background-color: #ffffff; }
.rp-tab-left[b-fzdukvln0p] { left: 0; padding-left: 50px; border-bottom-right-radius: 150px; }
.rp-tab-left img[b-fzdukvln0p] { width: 286px; height: auto; }
.rp-tab-right[b-fzdukvln0p] { right: 0; justify-content: flex-end; padding-right: 44px; border-bottom-left-radius: 150px; }
.rp-tab-right img[b-fzdukvln0p] { width: 276px; height: auto; }

/* ---- Cover ---- */
.rp-cover-art[b-fzdukvln0p] { position: absolute; top: 0; left: 0; width: 100%; height: 1760px; object-fit: cover; object-position: center center; }
.rp-cover-fade[b-fzdukvln0p] { position: absolute; top: 1500px; left: 0; right: 0; height: 270px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%); }
.rp-title-card[b-fzdukvln0p] { position: absolute; top: 282px; left: 0; z-index: 3; width: 945px; height: 612px; filter: drop-shadow(0 12px 18px rgba(15, 23, 42, 0.22)); }
.rp-title-shape[b-fzdukvln0p] { position: absolute; inset: 0; background: linear-gradient(120deg, #f5f8fd 0%, #dce8fb 100%);
    clip-path: polygon(0 0, 860px 0, 905px 10px, 935px 40px, 945px 80px, 935px 120px, 560px 590px, 525px 612px, 0 612px); }
.rp-title[b-fzdukvln0p] { position: absolute; top: 76px; left: 88px; font-size: 118px; font-weight: 800; line-height: 1.02; letter-spacing: -1px; color: #0f172a; }
.rp-title b[b-fzdukvln0p] { font-weight: 800; color: #0a6cff; }
.rp-title .rp-title-year[b-fzdukvln0p] { color: #0a6cff; }
.rp-band[b-fzdukvln0p] { position: absolute; top: 746px; left: 520px; right: 0; z-index: 2; display: flex; align-items: center; height: 138px; padding-left: 152px; background-color: #0a6cff; }
.rp-band span[b-fzdukvln0p] { font-size: 72px; font-weight: 400; color: #ffffff; letter-spacing: 0.5px; }
.rp-cover-name[b-fzdukvln0p] { position: absolute; top: 1790px; left: 85px; right: 85px; z-index: 2; display: flex; align-items: baseline; justify-content: space-between; gap: 40px; color: #0a6cff; font-size: 58px; }
.rp-cover-person[b-fzdukvln0p] { overflow: hidden; font-weight: 700; white-space: nowrap; text-overflow: ellipsis; }
.rp-cover-area[b-fzdukvln0p] { flex: none; font-weight: 400; }
.rp-cover-date[b-fzdukvln0p] { position: absolute; top: 1888px; left: 85px; z-index: 2; font-size: 28px; color: #64748b; }

/* ---- Last page: closing — the cover's art (.rp-cover-art, .rp-cover-fade) with the thank-you on a card over its sky, above
   the characters, and the sign-off where the cover has the name ---- */
.rp-thanks[b-fzdukvln0p] { position: absolute; top: 300px; left: 100px; right: 100px; z-index: 2; padding: 64px 72px 68px; border-radius: 28px;
    background-color: rgba(255, 255, 255, 0.9); box-shadow: 0 12px 28px rgba(15, 23, 42, 0.2); }
.rp-thanks-title[b-fzdukvln0p] { font-size: 66px; font-weight: 700; line-height: 1.15; color: #0f172a; }
.rp-thanks-name[b-fzdukvln0p] { margin-top: 10px; font-size: 80px; font-weight: 800; line-height: 1.12; color: #0a6cff; }
.rp-thanks-body[b-fzdukvln0p] { margin: 40px 0 0; font-size: 46px; line-height: 1.45; color: #1f2937; }
.rp-thanks-body b[b-fzdukvln0p] { font-weight: 700; color: #0a6cff; }
.rp-thanks-close[b-fzdukvln0p] { position: absolute; top: 1790px; left: 85px; right: 85px; z-index: 2; text-align: center; font-size: 76px; font-weight: 800; color: #0a6cff; }

/* ---- Page 2: the participant, their standing, activities ---- */
.rp-person[b-fzdukvln0p] { position: absolute; top: 238px; left: 158px; right: 100px; display: flex; align-items: center; gap: 66px; }
.rp-avatar[b-fzdukvln0p] { flex: none; width: 222px; height: 222px; padding: 6px; border: 6px solid #0a6cff; border-radius: 50%; background-color: #ffffff; }
.rp-avatar img[b-fzdukvln0p] { display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.rp-person-name[b-fzdukvln0p] { font-size: 60px; font-weight: 700; line-height: 1.15; color: #0a6cff; }
.rp-person-area[b-fzdukvln0p] { margin-top: 10px; font-size: 46px; color: #6b7280; }
.rp-person-date[b-fzdukvln0p] { margin-top: 14px; font-size: 32px; color: #94a3b8; }

.rp-rank-row[b-fzdukvln0p],
.rp-stat-row[b-fzdukvln0p] { position: absolute; left: 125px; width: 1213px; display: flex; gap: 38px; }
.rp-rank-row[b-fzdukvln0p] { top: 537px; }
.rp-stat-row[b-fzdukvln0p] { top: 811px; }
.rp-card[b-fzdukvln0p] { position: relative; flex: 1 1 0; padding: 38px 38px 0; border-radius: 12px; background-color: #ffffff; box-shadow: 0 6px 14px rgba(15, 23, 42, 0.18); }
.rp-rank[b-fzdukvln0p] { height: 235px; }
.rp-stat[b-fzdukvln0p] { height: 215px; }
.rp-section-header[b-fzdukvln0p] {
    font-family: 'Geist Mono', SFMono-Regular, Consolas, monospace;
    font-size: 40px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #374151;
}
.rp-card-label[b-fzdukvln0p] { font-family: 'Geist Mono', SFMono-Regular, Consolas, monospace; font-size: 27px; font-weight: 600; letter-spacing: 0.5px; color: #374151; }
.rp-corner[b-fzdukvln0p] { position: absolute; top: 44px; right: 36px; width: 24px; height: 24px; }
.rp-rank-pill[b-fzdukvln0p] { display: flex; align-items: center; justify-content: center; gap: 22px; height: 118px; margin-top: 18px; border-radius: 14px; background-color: #e8f2ff;
    font-family: 'Geist Mono', SFMono-Regular, Consolas, monospace; color: #0a6cff; }
.rp-rank-number[b-fzdukvln0p] { font-size: 76px; font-weight: 800; line-height: 1; }
.rp-rank-of[b-fzdukvln0p] { font-size: 24px; font-weight: 600; line-height: 1.3; }
.rp-rank-icon[b-fzdukvln0p] { flex: none; width: 62px; height: 62px; margin-left: 16px; }
.rp-stat-value[b-fzdukvln0p] { display: flex; align-items: baseline; gap: 14px; margin-top: 22px; font-family: 'Geist Mono', SFMono-Regular, Consolas, monospace; color: #0a6cff; }
.rp-stat-number[b-fzdukvln0p] { font-size: 82px; font-weight: 800; line-height: 1; }
.rp-stat-unit[b-fzdukvln0p] { font-size: 38px; font-weight: 600; }

/* ---- Tables: blue header, the stage and its 2026 value, the 2027 column (n/a for now) ---- */
.rp-table-wrap[b-fzdukvln0p] { overflow: hidden; border-radius: 14px; background-color: #ffffff; box-shadow: 0 6px 14px rgba(15, 23, 42, 0.18); }
.rp-soft > .rp-table-wrap[b-fzdukvln0p] { position: absolute; left: 125px; width: 1215px; }
.rp-activities[b-fzdukvln0p] { top: 1066px; }
.rp-funnel[b-fzdukvln0p] { top: 1547px; }
.rp-table[b-fzdukvln0p] { width: 100%; border-collapse: collapse; table-layout: fixed; }
.rp-table th[b-fzdukvln0p] { height: 68px; padding: 0 20px; overflow: hidden; background-color: #0a6cff; color: #ffffff; font-weight: 700; white-space: nowrap; text-overflow: ellipsis; }
.rp-table .rp-th-label[b-fzdukvln0p] { padding-left: 32px; text-align: left; font-size: 29px; }
.rp-table .rp-th-year[b-fzdukvln0p] { width: 230px; text-align: center; font-size: 34px; }
.rp-table td[b-fzdukvln0p] { height: 63px; padding: 0 20px; overflow: hidden; border-bottom: 2px solid #0a6cff; font-size: 29px; color: #111827; white-space: nowrap; text-overflow: ellipsis; }
.rp-table tr:last-child td[b-fzdukvln0p] { border-bottom: none; }
.rp-table .rp-td-value[b-fzdukvln0p] { text-align: center; }
.rp-table .rp-total td[b-fzdukvln0p] { font-weight: 700; }
.rp-table-small td[b-fzdukvln0p] { height: 60px; font-size: 27px; }
.rp-table td.rp-td-na[b-fzdukvln0p] { text-align: center; font-weight: 400; color: #9ca3af; }

/* ---- Page 3: contribution and potential ---- */
/* The panels stacked from under the logo tabs, each as tall as its content; with a section header, the share and the
   tables they fill 206–1956px of the 2000px page. */
.rp-panels[b-fzdukvln0p] { position: absolute; top: 206px; left: 100px; width: 1292px; display: flex; flex-direction: column; gap: 32px; }
.rp-panel[b-fzdukvln0p] { flex: none; padding: 34px; border: 2px solid rgba(255, 255, 255, 0.75); border-radius: 18px;
    background-color: rgba(255, 255, 255, 0.35); box-shadow: 0 6px 16px rgba(15, 23, 42, 0.15); }
.rp-panel .rp-section-header[b-fzdukvln0p] { margin-bottom: 22px; line-height: 1.2; }
.rp-panel .rp-table-wrap + .rp-table-wrap[b-fzdukvln0p] { margin-top: 30px; }
.rp-share[b-fzdukvln0p] { display: flex; align-items: center; gap: 70px; margin-bottom: 36px; padding-left: 30px; }
.rp-ring[b-fzdukvln0p] { position: relative; flex: none; width: 220px; height: 220px; }
.rp-ring svg[b-fzdukvln0p] { display: block; width: 220px; height: 220px; }
.rp-ring-value[b-fzdukvln0p] { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 42px; font-weight: 700; color: #0a6cff; }
.rp-ring-value small[b-fzdukvln0p] { font-size: 28px; font-weight: 600; }
.rp-share-text[b-fzdukvln0p] { flex: 1 1 auto; min-height: 170px; padding: 26px 30px 26px 22px; border-radius: 18px; background-color: #ffffff; display: flex; align-items: center; }
/* The icon beside the text, centred on its first line: every line (the bigger bold % included) is 50px tall. */
.rp-share-line[b-fzdukvln0p] { display: flex; align-items: flex-start; gap: 18px; }
.rp-share-text p[b-fzdukvln0p] { margin: 0; font-size: 38px; line-height: 50px; text-align: justify; color: #111827; }
.rp-share-text b[b-fzdukvln0p] { font-size: 46px; font-weight: 700; line-height: 50px; color: #0a6cff; }
/* A small note under the sentence: where its figure comes from. */
.rp-share-text p.rp-share-note[b-fzdukvln0p] { margin-top: 10px; font-size: 26px; line-height: 34px; font-weight: 300; font-style: italic; text-align: left; color: #6b7280; }
.rp-info[b-fzdukvln0p] { flex: none; width: 36px; height: 36px; margin-top: 10px; }
/* An area's or SOR's report: a location pin in the photo's ring. */
.rp-avatar-place[b-fzdukvln0p] { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 50%; background-color: #e8f2ff; }
.rp-avatar-place svg[b-fzdukvln0p] { width: 58%; height: 58%; }
/* _content/APL.WebUI/Components/Jury/ParticipantReportPanel.razor.rz.scp.css */
.prp-layout[b-wsoklv9hqn] { display: grid; grid-template-columns: minmax(0, 1fr) 520px; gap: 24px; align-items: start; }
@media (max-width: 1100px) {
    .prp-layout[b-wsoklv9hqn] { grid-template-columns: minmax(0, 1fr); }
}
.prp-side[b-wsoklv9hqn] { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.prp-side[b-wsoklv9hqn]  .prp-row-selected > td { background-color: #eaf2ff; }
.prp-sub[b-wsoklv9hqn] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 0.8125rem; color: #757575; }
.prp-flag[b-wsoklv9hqn] { display: inline-flex; align-items: center; height: 20px; padding: 0 8px; border-radius: 999px; background-color: #fff3e0; color: #e65100; font-size: 0.6875rem; font-weight: 700; }
.prp-sent[b-wsoklv9hqn] { font-size: 0.8125rem; font-weight: 600; color: #2e7d32; white-space: nowrap; }
.prp-actions[b-wsoklv9hqn] { display: flex; flex-wrap: wrap; gap: 8px; }
.prp-all[b-wsoklv9hqn] { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding-top: 12px; border-top: 1px solid #eeeeee; }
.prp-flag-note[b-wsoklv9hqn] { font-size: 0.8125rem; font-weight: 600; color: #e65100; }
/* The report scaled to the column: 1414 px pages × 0.34, three of them and two 24 px gaps (6048 px) tall. */
.prp-preview[b-wsoklv9hqn] { height: 760px; overflow-y: auto; padding: 16px; border-radius: 12px; background-color: #eef1f5; }
.prp-preview-scale[b-wsoklv9hqn] { width: calc(1414px * 0.34); height: calc(6048px * 0.34); margin: 0 auto; overflow: hidden; }
.prp-preview-inner[b-wsoklv9hqn] { width: 1414px; transform: scale(0.34); transform-origin: top left; }
.prp-offscreen[b-wsoklv9hqn] { position: fixed; top: 0; left: -40000px; pointer-events: none; }
/* _content/APL.WebUI/Components/Jury/ProfileRecap.razor.rz.scp.css */
/* The recap is a size container so it can drop to one column when the details panel it sits in is narrow
   (a phone, or the jury page's two-column layout on a small laptop) instead of squeezing two. */
.profile-recap[b-bsovhg0min] {
    container-type: inline-size;
    border-top: 1px solid var(--mud-palette-table-lines, #e0e0e0);
}

.profile-recap__toggle[b-bsovhg0min] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 12px 16px;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.profile-recap__toggle:hover[b-bsovhg0min] {
    background: rgba(0, 0, 0, 0.03);
}

.profile-recap__hint[b-bsovhg0min] {
    font-weight: 400;
}

.profile-recap__grid[b-bsovhg0min] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 24px;
    align-items: start;
    padding: 8px 16px 20px;
}

.profile-recap__column[b-bsovhg0min] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

@container (max-width: 520px) {
    .profile-recap__grid[b-bsovhg0min] {
        grid-template-columns: 1fr;
    }
}

.profile-recap__item[b-bsovhg0min] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 9px 12px;
    border: 0;
    border-radius: 12px;
    background: var(--mud-palette-surface, #fff);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16);
    color: inherit;
    font: inherit;
    font-size: 0.78rem;
    text-align: left;
    cursor: pointer;
    transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.profile-recap__item:hover:not(:disabled)[b-bsovhg0min] {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    transform: translateY(-1px);
}

.profile-recap__item:focus-visible[b-bsovhg0min] {
    outline: 2px solid var(--mud-palette-primary, #0073fe);
    outline-offset: 2px;
}

/* The stage the reviewer is currently deciding on. */
.profile-recap__item--current[b-bsovhg0min] {
    box-shadow: 0 0 0 2px var(--mud-palette-primary, #0073fe), 0 1px 4px rgba(0, 0, 0, 0.16);
}

.profile-recap__item--locked[b-bsovhg0min] {
    opacity: 0.55;
    cursor: not-allowed;
}

/* Not clickable: the stage's own header inside the detail view. */
.profile-recap__item--static[b-bsovhg0min] {
    cursor: default;
    margin: 4px 0 0;
}

.profile-recap__badge[b-bsovhg0min] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--mud-palette-primary, #0073fe);
    color: #fff;
    font-size: 0.7rem;
    font-weight: 600;
}

/* Wraps rather than truncating: the status pill takes a good share of a half-width card, and a cut-off
   stage name ("Potensi Pendapatan …") would leave the reviewer guessing which stage it is. */
.profile-recap__name[b-bsovhg0min] {
    flex: 1 1 auto;
    min-width: 0;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.profile-recap__pill[b-bsovhg0min] {
    flex: none;
    padding: 1px 9px;
    border-radius: 999px;
    background: #6b7280;
    color: #fff;
    font-size: 0.62rem;
    font-weight: 600;
    line-height: 1.5;
}

.profile-recap__pill--accepted[b-bsovhg0min] {
    background: var(--mud-palette-success, #16a34a);
}

.profile-recap__pill--pending[b-bsovhg0min] {
    background: var(--mud-palette-warning, #d97706);
}

.profile-recap__pill--revision[b-bsovhg0min],
.profile-recap__pill--rejected[b-bsovhg0min] {
    background: var(--mud-palette-error, #dc2626);
}

.profile-recap__pill--idle[b-bsovhg0min] {
    background: var(--mud-palette-primary, #0073fe);
}

.profile-recap__pill--draft[b-bsovhg0min] {
    background: var(--mud-palette-info, #0284c7);
}

.profile-recap__detail[b-bsovhg0min] {
    padding: 4px 16px 20px;
}

.profile-recap__back[b-bsovhg0min] {
    padding: 4px 0;
    border: 0;
    background: transparent;
    color: var(--mud-palette-text-secondary, #475569);
    font: inherit;
    font-size: 0.8rem;
    text-decoration: underline;
    cursor: pointer;
}

.profile-recap__back:hover[b-bsovhg0min] {
    color: var(--mud-palette-primary, #0073fe);
}
/* _content/APL.WebUI/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-k2b05dlxr8] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-k2b05dlxr8] {
    flex: 1;
}

.sidebar[b-k2b05dlxr8] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-k2b05dlxr8] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-k2b05dlxr8]  a, .top-row[b-k2b05dlxr8]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-k2b05dlxr8]  a:hover, .top-row[b-k2b05dlxr8]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-k2b05dlxr8]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-k2b05dlxr8] {
        justify-content: space-between;
    }

    .top-row[b-k2b05dlxr8]  a, .top-row[b-k2b05dlxr8]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-k2b05dlxr8] {
        flex-direction: row;
    }

    .sidebar[b-k2b05dlxr8] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-k2b05dlxr8] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-k2b05dlxr8]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-k2b05dlxr8], article[b-k2b05dlxr8] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-k2b05dlxr8] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-k2b05dlxr8] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/APL.WebUI/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-yetr7ggoxi] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-yetr7ggoxi] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-yetr7ggoxi] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-yetr7ggoxi] {
    font-size: 1.1rem;
}

.bi[b-yetr7ggoxi] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-yetr7ggoxi] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-yetr7ggoxi] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-yetr7ggoxi] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-yetr7ggoxi] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-yetr7ggoxi] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-yetr7ggoxi] {
        padding-bottom: 1rem;
    }

    .nav-item[b-yetr7ggoxi]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-yetr7ggoxi]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-yetr7ggoxi]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-yetr7ggoxi] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-yetr7ggoxi] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-yetr7ggoxi] {
        display: none;
    }

    .nav-scrollable[b-yetr7ggoxi] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/APL.WebUI/Components/Participant/DataPeralatanSubmission.razor.rz.scp.css */

.table-head-bordered th[b-o02ka5qvzp] {
    padding: 12px 16px;
    border: 1px solid var(--mud-palette-table-lines);
}
/* _content/APL.WebUI/Components/Shared/AreaPoster.razor.rz.scp.css */
/* The frame is the size container: --u below is 1/1080 of its width, and every length inside the poster is a
   multiple of it, so the layout is designed once at 1080×1920 and simply scales (see ShareCard.razor.css). */
.area-poster-frame[b-pihcnvwkti] {
    container-type: inline-size;
    position: relative;
    width: 100%;
    aspect-ratio: 9 / 16;
    overflow: hidden;
}

.area-poster[b-pihcnvwkti] {
    --u: calc(100cqw / 1080);
    --ap-blue: #0073FE;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    line-height: 1.2;
    color: var(--ap-blue);
    background: radial-gradient(circle at 100% 0%, rgba(0, 115, 254, 0.16), transparent 50%), linear-gradient(180deg, #EAF2FE 0%, #FFFFFF 42%);
}

/* Header: the PGN logo on a white pill, the stacked season wordmark on the right. */
.area-poster__header[b-pihcnvwkti] {
    position: absolute;
    top: calc(var(--u) * 56);
    left: calc(var(--u) * 64);
    right: calc(var(--u) * 52);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.area-poster__logo[b-pihcnvwkti] {
    display: flex;
    align-items: center;
    padding: calc(var(--u) * 16) calc(var(--u) * 34);
    border-radius: calc(var(--u) * 60);
    background: #FFFFFF;
    box-shadow: 0 calc(var(--u) * 4) calc(var(--u) * 16) rgba(15, 23, 42, 0.08);
}

.area-poster__logo img[b-pihcnvwkti] {
    display: block;
    height: calc(var(--u) * 52);
}

.area-poster__season[b-pihcnvwkti] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    color: #0F172A;
    font-size: calc(var(--u) * 28);
    font-weight: 800;
    line-height: 1.12;
}

.area-poster__season b[b-pihcnvwkti] {
    color: var(--ap-blue);
    font-weight: 800;
}

/* The leaderboard card. */
.area-poster__board[b-pihcnvwkti] {
    position: absolute;
    top: calc(var(--u) * 234);
    left: calc(var(--u) * 58);
    right: calc(var(--u) * 58);
    padding: calc(var(--u) * 52) calc(var(--u) * 40) calc(var(--u) * 28);
    border-radius: calc(var(--u) * 24);
    background: #FFFFFF;
    box-shadow: 0 calc(var(--u) * 8) calc(var(--u) * 32) rgba(15, 23, 42, 0.08);
}

.area-poster__row[b-pihcnvwkti] {
    position: relative;
    display: grid;
    grid-template-columns: calc(var(--u) * 190) 1fr auto;
    align-items: center;
    height: calc(var(--u) * 112);
    padding: 0 calc(var(--u) * 32);
    border-bottom: calc(var(--u) * 2) solid #EEF2F6;
    color: #1A1A1A;
    font-size: calc(var(--u) * 38);
}

.area-poster__row--head[b-pihcnvwkti] {
    height: calc(var(--u) * 84);
    border-bottom: none;
    border-radius: calc(var(--u) * 10) calc(var(--u) * 10) 0 0;
    background: linear-gradient(180deg, #F3F8FF 0%, #DCEBFF 100%);
    color: #374151;
    font-size: calc(var(--u) * 32);
    font-weight: 600;
}

.area-poster__points-head[b-pihcnvwkti] {
    text-align: right;
}

.area-poster__row--top1[b-pihcnvwkti] { background: #75E4FF; }
.area-poster__row--top2[b-pihcnvwkti] { background: #B8F1FF; }
.area-poster__row--top3[b-pihcnvwkti] { background: #E6FAFF; }

.area-poster__rank[b-pihcnvwkti] {
    font-size: calc(var(--u) * 36);
}

.area-poster__area[b-pihcnvwkti] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.area-poster__row--top1 .area-poster__area[b-pihcnvwkti] { font-size: calc(var(--u) * 54); }
.area-poster__row--top2 .area-poster__area[b-pihcnvwkti] { font-size: calc(var(--u) * 46); }
.area-poster__row--top3 .area-poster__area[b-pihcnvwkti] { font-size: calc(var(--u) * 42); }

.area-poster__crown[b-pihcnvwkti] {
    font-size: 0.8em;
}

.area-poster__chip[b-pihcnvwkti] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: calc(var(--u) * 96);
    height: calc(var(--u) * 60);
    padding: 0 calc(var(--u) * 22);
    box-sizing: border-box;
    border-radius: calc(var(--u) * 30);
    background: #E5E7EB;
    color: #374151;
    font-size: calc(var(--u) * 32);
    font-weight: 800;
}

.area-poster__chip--hot[b-pihcnvwkti] {
    background: var(--ap-blue);
    color: #FFFFFF;
}

/* The poster's own area: lifted above its neighbors with a blue outline and a soft halo — the leaderboard's
   pulse, frozen at its brightest. Drawn over the female mascot (z-index above hers; the board makes no stacking
   context of its own) so its rank always shows; the male mascot sits above it, his head over its lower edge. */
.area-poster__row--mine[b-pihcnvwkti] {
    z-index: 5;
    border-bottom-color: transparent;
    border-radius: calc(var(--u) * 14);
    font-weight: 700;
    transform: scale(1.03);
    box-shadow: 0 0 0 calc(var(--u) * 6) var(--ap-blue), 0 0 0 calc(var(--u) * 20) rgba(0, 115, 254, 0.2), 0 calc(var(--u) * 14) calc(var(--u) * 40) rgba(0, 115, 254, 0.35);
}

.area-poster__row--mine:not(.area-poster__row--top1):not(.area-poster__row--top2):not(.area-poster__row--top3)[b-pihcnvwkti] {
    background: #F0F7FF;
}

/* The mascots, on either side of the leaderboard's lower half. */
.area-poster__mascot[b-pihcnvwkti] {
    position: absolute;
    z-index: 3;
    display: block;
    pointer-events: none;
}

.area-poster__mascot--female[b-pihcnvwkti] {
    left: calc(var(--u) * -44);
    top: calc(var(--u) * 640);
    height: calc(var(--u) * 520);
}

/* Above the highlighted row (z-index 5), so his head peeks over its lower edge instead of being cut off by it. */
.area-poster__mascot--male[b-pihcnvwkti] {
    z-index: 6;
    right: calc(var(--u) * -24);
    top: calc(var(--u) * 548);
    height: calc(var(--u) * 650);
}

/* The message: the area's name in a "selected" text box, the headline, and the line under it. */
.area-poster__message[b-pihcnvwkti] {
    position: absolute;
    z-index: 7;
    top: calc(var(--u) * 1040);
    left: 0;
    right: 0;
    text-align: center;
}

.area-poster__label[b-pihcnvwkti] {
    position: relative;
    display: inline-block;
    max-width: calc(var(--u) * 760);
    padding: calc(var(--u) * 18) calc(var(--u) * 52);
    box-sizing: border-box;
    border: calc(var(--u) * 3) solid var(--ap-blue);
    background: #EAF2FE;
    font-size: calc(var(--u) * 66);
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: 0.01em;
}

.area-poster__label--sm[b-pihcnvwkti] { font-size: calc(var(--u) * 52); }
.area-poster__label--xs[b-pihcnvwkti] { font-size: calc(var(--u) * 40); }

.area-poster__handle[b-pihcnvwkti] {
    position: absolute;
    width: calc(var(--u) * 14);
    height: calc(var(--u) * 14);
    box-sizing: border-box;
    border: calc(var(--u) * 2) solid var(--ap-blue);
    background: #FFFFFF;
}

.area-poster__handle--tl[b-pihcnvwkti] { top: 0; left: 0; transform: translate(-50%, -50%); }
.area-poster__handle--tr[b-pihcnvwkti] { top: 0; right: 0; transform: translate(50%, -50%); }
.area-poster__handle--bl[b-pihcnvwkti] { bottom: 0; left: 0; transform: translate(-50%, 50%); }
.area-poster__handle--br[b-pihcnvwkti] { bottom: 0; right: 0; transform: translate(50%, 50%); }

.area-poster__headline[b-pihcnvwkti] {
    margin-top: calc(var(--u) * 52);
    font-size: calc(var(--u) * 148);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.01em;
}

/* The highlighted word, with a text caret at its right edge. */
.area-poster__highlight[b-pihcnvwkti] {
    padding: 0 calc(var(--u) * 10);
    background: #E6F0FF;
    box-shadow: inset calc(var(--u) * -4) 0 0 var(--ap-blue);
    font-weight: 900;
}

.area-poster__sub[b-pihcnvwkti] {
    margin-top: calc(var(--u) * 58);
    font-size: calc(var(--u) * 62);
    font-weight: 600;
}

.area-poster__cta[b-pihcnvwkti] {
    position: absolute;
    top: calc(var(--u) * 1556);
    left: 50%;
    display: flex;
    align-items: center;
    gap: calc(var(--u) * 24);
    height: calc(var(--u) * 144);
    padding: 0 calc(var(--u) * 64);
    border-radius: calc(var(--u) * 72);
    background: var(--ap-blue);
    color: #FFFFFF;
    font-size: calc(var(--u) * 62);
    font-weight: 500;
    white-space: nowrap;
    transform: translateX(-50%);
}

.area-poster__asof[b-pihcnvwkti] {
    position: absolute;
    top: calc(var(--u) * 1736);
    left: 0;
    right: 0;
    color: #64748B;
    font-size: calc(var(--u) * 30);
    text-align: center;
}
/* _content/APL.WebUI/Components/Shared/ExampleInfoBox.razor.rz.scp.css */
@keyframes pulse-scale-color-b-tgy3ffsxug {
    0%, 100% {
        transform: scale(1);
        color: var(--mud-palette-primary);
    }

    50% {
        transform: scale(1.05);
        color: var(--mud-palette-primary-darken);
    }
}

[b-tgy3ffsxug] .pulse-link {
    display: inline-block;
    animation: pulse-scale-color-b-tgy3ffsxug 1.5s ease-in-out infinite;
}
/* _content/APL.WebUI/Components/Shared/ExampleInfoTooltip.razor.rz.scp.css */
@keyframes pulse-scale-color-b-eymr0bm6w3 {
    0%, 100% {
        transform: scale(1);
        color: var(--mud-palette-primary);
    }

    50% {
        transform: scale(1.05);
        color: var(--mud-palette-primary-darken);
    }
}

[b-eymr0bm6w3] .pulse-link {
    display: inline-block;
    animation: pulse-scale-color-b-eymr0bm6w3 1.5s ease-in-out infinite;
}
/* _content/APL.WebUI/Components/Shared/ShareCard.razor.rz.scp.css */
/* The frame is the size container: --u below is 1/1080 of its width, and every length inside the card is
   a multiple of it, so the layout is designed once at 1080 wide and simply scales. */
.share-card-frame[b-0nnjxukwbf] {
    container-type: inline-size;
    position: relative;
    width: 100%;
    aspect-ratio: 9 / 16;
    overflow: hidden;
    --sc-bg: #F8FAFC;
    --sc-fg: #0F172A;
    --sc-muted: #475569;
    --sc-accent: #0073FE;
    --sc-panel: rgba(0, 115, 254, 0.08);
    --sc-tile-bg: #FFFFFF;
    --sc-tile-border: #E2E8F0;
    --sc-line: #E2E8F0;
}

.share-card[b-0nnjxukwbf] {
    --u: calc(100cqw / 1080);
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    /* Sections stack from the top with the fixed gaps below; only the footer is pushed to the bottom
       edge (margin-top: auto on it). Top and bottom padding are ~250px (on the real 1080-wide export)
       to clear the UI Instagram/WhatsApp draw over a story: the viewer's own name/avatar/close button
       up top, and the reply field/icons along the bottom — anything placed inside those bands can be
       covered when this is actually posted as a story. */
    padding: calc(var(--u) * 250) calc(var(--u) * 64) calc(var(--u) * 250);
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    line-height: 1.2;
    color: var(--sc-fg);
    background: radial-gradient(circle at 100% 0%, rgba(0, 115, 254, 0.18), transparent 48%), radial-gradient(circle at 0% 100%, rgba(229, 9, 20, 0.08), transparent 42%), var(--sc-bg);
}

.share-card > *[b-0nnjxukwbf] {
    flex: none;
}

/* Header */
.share-card__header[b-0nnjxukwbf] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.share-card__logo[b-0nnjxukwbf] {
    display: flex;
    align-items: center;
    padding: calc(var(--u) * 12) calc(var(--u) * 28);
    border-radius: calc(var(--u) * 40);
    background: #FFFFFF;
    box-shadow: 0 0 0 calc(var(--u) * 2) var(--sc-tile-border);
}

.share-card__logo img[b-0nnjxukwbf] {
    display: block;
    height: calc(var(--u) * 56);
    width: auto;
}

/* Stacked wordmark, right-aligned: one word per line. */
.share-card__season[b-0nnjxukwbf] {
    font-size: calc(var(--u) * 30);
    font-weight: 800;
    line-height: 0.95;
    letter-spacing: 0.02em;
    text-align: right;
    text-transform: uppercase;
    color: var(--sc-fg);
}

.share-card__season span[b-0nnjxukwbf] {
    display: block;
}

/* Identity */
.share-card__identity[b-0nnjxukwbf] {
    display: flex;
    align-items: center;
    gap: calc(var(--u) * 36);
    margin-top: calc(var(--u) * 50);
}

.share-card__avatar[b-0nnjxukwbf] {
    flex: none;
    width: calc(var(--u) * 150);
    height: calc(var(--u) * 150);
    border-radius: 50%;
    object-fit: cover;
    background: var(--sc-tile-bg);
    box-shadow: 0 0 0 calc(var(--u) * 6) var(--sc-tile-bg), 0 0 0 calc(var(--u) * 9) var(--sc-accent);
}

.share-card__identity-text[b-0nnjxukwbf] {
    min-width: 0;
}

.share-card__name[b-0nnjxukwbf] {
    font-size: calc(var(--u) * 58);
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.share-card__area[b-0nnjxukwbf] {
    margin-top: calc(var(--u) * 8);
    font-size: calc(var(--u) * 34);
    color: var(--sc-muted);
}

/* Main / Bonus rank panels, side by side */
.share-card__ranks[b-0nnjxukwbf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: calc(var(--u) * 28);
    margin-top: calc(var(--u) * 70);
}

.share-card__rank-panel[b-0nnjxukwbf] {
    min-width: 0;
    padding: calc(var(--u) * 38) calc(var(--u) * 24);
    border-radius: calc(var(--u) * 48);
    background: var(--sc-panel);
    text-align: center;
}

.share-card__rank-label[b-0nnjxukwbf] {
    font-size: calc(var(--u) * 30);
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--sc-muted);
}

.share-card__rank[b-0nnjxukwbf] {
    margin-top: calc(var(--u) * 8);
    font-size: calc(var(--u) * 210);
    font-weight: 800;
    line-height: 1;
    color: var(--sc-accent);
    white-space: nowrap;
}

/* Three- and four-digit ranks would otherwise overflow the half-width panel. */
.share-card__rank--long[b-0nnjxukwbf] {
    font-size: calc(var(--u) * 150);
}

.share-card__rank--xlong[b-0nnjxukwbf] {
    font-size: calc(var(--u) * 110);
}

.share-card__rank-hash[b-0nnjxukwbf] {
    margin-right: calc(var(--u) * 6);
    font-size: 0.5em;
    font-weight: 700;
    vertical-align: 0.42em;
    opacity: 0.6;
}

.share-card__rank-sub[b-0nnjxukwbf] {
    margin-top: calc(var(--u) * 8);
    font-size: calc(var(--u) * 30);
    font-weight: 500;
}

/* Stat tiles, two per row (a fifth one sits alone in the left column of the last row). */
.share-card__stats[b-0nnjxukwbf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: calc(var(--u) * 36) calc(var(--u) * 28);
    margin-top: calc(var(--u) * 28);
}

.share-card__stat[b-0nnjxukwbf] {
    min-width: 0;
    padding: calc(var(--u) * 22) calc(var(--u) * 36);
    border: calc(var(--u) * 2) solid var(--sc-tile-border);
    border-radius: calc(var(--u) * 32);
    background: var(--sc-tile-bg);
}

.share-card__stat-label[b-0nnjxukwbf] {
    font-size: calc(var(--u) * 30);
    color: var(--sc-muted);
}

.share-card__stat-value[b-0nnjxukwbf] {
    margin-top: calc(var(--u) * 8);
    font-size: calc(var(--u) * 60);
    font-weight: 700;
    line-height: 1.1;
}

/* Footer */
.share-card__footer[b-0nnjxukwbf] {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: calc(var(--u) * 28);
    border-top: calc(var(--u) * 2) solid var(--sc-line);
    font-size: calc(var(--u) * 30);
    color: var(--sc-muted);
}

.share-card__footer-url[b-0nnjxukwbf] {
    font-weight: 600;
    color: var(--sc-fg);
}
/* _content/APL.WebUI/Components/Shared/TimelinePhase.razor.rz.scp.css */
.timeline-body[b-onadacev31] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.timeline-line[b-onadacev31] {
    position: relative;
    overflow: hidden;
    height: 12px;
    width: 100%;
    border-radius:4px;
    background: #FFC800;
    flex-shrink: 0;
}

.timeline-line[b-onadacev31]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 70px 100% at center, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 70%);
    animation: timeline-shine-x-b-onadacev31 4s ease-in-out infinite;
}

@keyframes timeline-shine-x-b-onadacev31 {
    0% { transform: translateX(-100%); opacity: 0; }
    15% { opacity: 1; }
    85% { opacity: 1; }
    100% { transform: translateX(100%); opacity: 0; }
}

@keyframes timeline-shine-y-b-onadacev31 {
    0% { transform: translateY(-100%); opacity: 1; }
    15% { opacity: 1; }
    85% { opacity: 1; }
    100% { transform: translateY(100%); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .timeline-line[b-onadacev31]::after {
        animation: none;
        display: none;
    }
}

.timeline-cards[b-onadacev31] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    flex: 1 1 auto;
    min-width: 0;
}

/* Below md: the divider becomes a vertical line on the left, cards stack in a column beside it. */
@media (max-width: 960px) {
    .timeline-body[b-onadacev31] {
        flex-direction: row;
        align-items: stretch;
        gap: 12px;
    }

    .timeline-line[b-onadacev31] {
        width: 8px;
        height: auto;
        border-radius: 2px;
    }

    .timeline-line[b-onadacev31]::after {
        background: radial-gradient(ellipse 100% 70px at center, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 70%);
        animation-name: timeline-shine-y-b-onadacev31;
    }

    .timeline-cards[b-onadacev31] {
        flex-direction: column;
        flex-wrap: nowrap;
    }
}