/* /Components/AdminPages/LiveBroadcaster.razor.rz.scp.css */
.broadcaster-page[b-2hn2m2i1hi] {
    max-width: 1120px;
    margin: 32px auto 64px;
    padding: clamp(24px, 3vw, 40px);
    border: 1px solid #3b4759;
    border-top: 4px solid #d6293e;
    border-radius: 18px;
    background: #151d2a;
    color: #f5f7fc;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .35);
    line-height: 1.6;
}

.broadcaster-page header[b-2hn2m2i1hi] { margin-bottom: 24px; }
.broadcaster-page h1[b-2hn2m2i1hi] {
    margin: 0 0 14px;
    color: #fff;
    font-size: clamp(1.8rem, 3vw, 2.65rem);
    font-weight: 750;
    line-height: 1.2;
    letter-spacing: -.025em;
}
.broadcaster-page h2[b-2hn2m2i1hi] { margin: 0 0 12px; color: #f5f7fc; font-size: 1.4rem; font-weight: 700; }
.broadcaster-page h3[b-2hn2m2i1hi] { margin: 0 0 8px; color: #fff; font-size: 1.2rem; line-height: 1.5; }
.broadcaster-page p[b-2hn2m2i1hi] { color: #c8d1df; }
.broadcaster-page .eyebrow[b-2hn2m2i1hi] {
    margin: 0 0 10px;
    color: #ff9ba6;
    font-size: .78rem;
    font-weight: 750;
    letter-spacing: .13em;
    text-transform: uppercase;
}
.broadcaster-page h2 small[b-2hn2m2i1hi] { color: #b6c3d5; font-size: .95rem; font-weight: 500; }

.broadcast-controls[b-2hn2m2i1hi] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin: 0 0 18px;
    padding: 18px;
    border: 1px solid #37455a;
    border-radius: 12px;
    background: #101826;
}
.broadcast-status[b-2hn2m2i1hi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 8px 14px;
    border: 1px solid #536075;
    border-radius: 24px;
    background: #293447;
    color: #e4eaf3;
    font-size: .9rem;
    font-weight: 700;
}
.broadcast-status[b-2hn2m2i1hi]::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #adb9cc; }
.broadcast-status.active[b-2hn2m2i1hi] { border-color: #397d60; background: #153c2c; color: #b9f5d5; }
.broadcast-status.active[b-2hn2m2i1hi]::before { background: #69dda2; }
.broadcast-controls .btn[b-2hn2m2i1hi] {
    min-height: 44px;
    padding: 9px 18px;
    border: 1px solid #607089;
    border-radius: 8px;
    color: #fff;
    background: #2a394e;
    font-size: .95rem;
    font-weight: 650;
    line-height: 1.5;
}
.broadcast-controls .btn-primary[b-2hn2m2i1hi] { border-color: #df354b; background: #ca2339; }
.broadcast-controls .btn-danger[b-2hn2m2i1hi] { border-color: #d47783; background: #642533; }
.broadcast-controls .btn:hover:not(:disabled)[b-2hn2m2i1hi] { border-color: #a5b6ce; background: #3b4c65; }
.broadcast-controls .btn-primary:hover:not(:disabled)[b-2hn2m2i1hi] { border-color: #ff8292; background: #e02d44; }
.broadcast-controls .btn-danger:hover:not(:disabled)[b-2hn2m2i1hi] { border-color: #f9a4af; background: #8a2c3c; }
.broadcast-controls .btn:disabled[b-2hn2m2i1hi] { opacity: .48; cursor: not-allowed; }
.broadcast-controls a[b-2hn2m2i1hi] { padding: 9px 4px; color: #a9d5ff; font-weight: 600; text-underline-offset: 4px; }
.broadcast-controls a:hover[b-2hn2m2i1hi] { color: #fff; }
.broadcast-controls .btn:focus-visible[b-2hn2m2i1hi],
.broadcast-controls a:focus-visible[b-2hn2m2i1hi] { outline: 3px solid #a9d5ff; outline-offset: 4px; box-shadow: none; }

.now-playing[b-2hn2m2i1hi] {
    margin: 24px 0 32px;
    padding: 24px;
    border: 1px solid #40516a;
    border-radius: 12px;
    background: #1c293c;
}
.now-playing p[b-2hn2m2i1hi] { margin: 0; }
.now-playing small[b-2hn2m2i1hi] { display: block; margin-top: 12px; color: #b9c5d7; }

.broadcast-inject[b-2hn2m2i1hi] { margin: 0 0 28px; padding: 20px; border: 1px solid #40516a; border-radius: 12px; background: #101826; }
.broadcast-inject label[b-2hn2m2i1hi] { display: block; margin-bottom: 8px; font-size: 1.15rem; font-weight: 700; color: #fff; }
.broadcast-inject p[b-2hn2m2i1hi] { margin: 0 0 14px; font-size: .9rem; }
.broadcast-inject-fields[b-2hn2m2i1hi] { display: flex; flex-wrap: wrap; gap: 12px; }
.broadcast-inject input[b-2hn2m2i1hi] { flex: 1 1 240px; min-width: 0; padding: 10px 12px; border: 1px solid #607089; border-radius: 8px; background: #1c293c; color: #fff; font-family: monospace; }
.broadcast-inject input[b-2hn2m2i1hi]::placeholder { color: #aebed1; }
.broadcast-inject button[b-2hn2m2i1hi] { min-height: 44px; padding: 9px 18px; border: 1px solid #df354b; border-radius: 8px; background: #ca2339; color: #fff; font-weight: 650; }
.broadcast-inject button:hover:not(:disabled)[b-2hn2m2i1hi] { background: #e02d44; }
.broadcast-inject button:disabled[b-2hn2m2i1hi] { opacity: .48; cursor: not-allowed; }
.broadcast-inject input:focus-visible[b-2hn2m2i1hi], .broadcast-inject button:focus-visible[b-2hn2m2i1hi] { outline: 3px solid #a9d5ff; outline-offset: 3px; }
.broadcast-inject .injection-result[b-2hn2m2i1hi] { margin: 14px 0 0; color: #bbf7d0; }

.broadcast-queue[b-2hn2m2i1hi] { margin: 20px 0 0; padding: 0; list-style: none; counter-reset: programme; }
.broadcast-queue li[b-2hn2m2i1hi] {
    counter-increment: programme;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 10px;
    padding: 18px;
    border: 1px solid #36445a;
    border-radius: 10px;
    background: #1c2738;
}
.broadcast-queue li[b-2hn2m2i1hi]::before {
    content: counter(programme, decimal-leading-zero);
    flex: 0 0 28px;
    padding-top: 1px;
    color: #93a8c4;
    font-size: .95rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}
.broadcast-queue li div[b-2hn2m2i1hi] { display: flex; flex: 1; min-width: 0; flex-direction: column; gap: 4px; }
.broadcast-queue li strong[b-2hn2m2i1hi] { color: #f2f5fb; font-size: 1rem; font-weight: 650; line-height: 1.5; overflow-wrap: anywhere; }
.broadcast-queue li div span[b-2hn2m2i1hi] { color: #b9c7da; font-size: .9rem; }
.public-label[b-2hn2m2i1hi] { flex-shrink: 0; padding: 3px 10px; border: 1px solid #397d60; border-radius: 16px; background: #173d2d; color: #bbf7d0; font-size: .75rem; font-weight: 650; }
.broadcaster-page .broadcast-error[b-2hn2m2i1hi] { padding: 14px 16px; border: 1px solid #bf6775; border-radius: 8px; background: #4b2430; color: #ffe1e5; }
.broadcaster-page .broadcast-note[b-2hn2m2i1hi] { margin: 28px 0 0; padding-top: 20px; border-top: 1px solid #3b4759; color: #afbed2; font-size: .87rem; line-height: 1.75; }

@media (max-width: 680px) {
    .broadcaster-page[b-2hn2m2i1hi] { width: calc(100% - 24px); margin: 20px auto 40px; padding: 20px 16px; border-radius: 14px; }
    .broadcast-controls[b-2hn2m2i1hi] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 14px; gap: 10px; }
    .broadcast-status[b-2hn2m2i1hi], .broadcast-controls .btn-outline-secondary[b-2hn2m2i1hi], .broadcast-controls a[b-2hn2m2i1hi] { grid-column: 1 / -1; }
    .broadcast-controls a[b-2hn2m2i1hi] { text-align: center; }
    .broadcast-controls .btn[b-2hn2m2i1hi] { padding: 10px 8px; }
    .now-playing[b-2hn2m2i1hi] { padding: 18px; }
    .broadcast-queue li[b-2hn2m2i1hi] { gap: 10px; padding: 14px 12px; flex-wrap: wrap; }
    .broadcast-queue li[b-2hn2m2i1hi]::before { flex-basis: 22px; }
    .broadcast-queue li div[b-2hn2m2i1hi] { flex-basis: calc(100% - 32px); }
    .public-label[b-2hn2m2i1hi] { margin-left: 32px; }
}
/* /Components/AdminPages/VideoCompatibility.razor.rz.scp.css */
.compatibility-page[b-a4giuao4s3] {
    --compatibility-red: #cb2537;
    --compatibility-text: #f5f7fc;
    --compatibility-muted: #c1c8d4;
    max-width: 1680px;
    margin: 0 auto;
    padding: 36px 4vw 80px;
    color: var(--compatibility-text);
}

.compatibility-header[b-a4giuao4s3],
.compatibility-panel[b-a4giuao4s3] {
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 18px;
    background: #151d2a;
    box-shadow: 0 12px 32px rgba(0, 0, 0, .18);
}

.compatibility-header[b-a4giuao4s3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: 28px;
    border-top: 4px solid var(--compatibility-red);
}

.compatibility-header h1[b-a4giuao4s3] {
    margin: 0 0 12px;
    font-size: clamp(1.75rem, 3vw, 2.6rem);
    font-weight: 750;
    color: var(--compatibility-text);
}

.compatibility-header p[b-a4giuao4s3] {
    max-width: 810px;
    margin: 0;
    color: var(--compatibility-muted);
    line-height: 1.65;
}

.compatibility-eyebrow[b-a4giuao4s3] {
    display: block;
    margin-bottom: 8px;
    color: #ff9ba6;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.compatibility-actions[b-a4giuao4s3] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.compatibility-header > .compatibility-actions[b-a4giuao4s3] {
    flex-shrink: 0;
}

.compatibility-button[b-a4giuao4s3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 9px 17px;
    border: 1px solid #536071;
    border-radius: 9px;
    background: #263142;
    color: #fff;
    font: inherit;
    font-weight: 650;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.compatibility-button:hover:not(:disabled)[b-a4giuao4s3] {
    border-color: #9aa6b6;
    background: #344259;
    color: #fff;
}

.compatibility-button-primary[b-a4giuao4s3] {
    border-color: var(--compatibility-red);
    background: var(--compatibility-red);
}

.compatibility-button-primary:hover:not(:disabled)[b-a4giuao4s3] {
    border-color: #e44354;
    background: #b51e2f;
}

.compatibility-button-small[b-a4giuao4s3] {
    min-height: 36px;
    padding: 6px 12px;
    font-size: .88rem;
}

.compatibility-button:disabled[b-a4giuao4s3] {
    opacity: .5;
    cursor: not-allowed;
}

.compatibility-page button:focus-visible[b-a4giuao4s3],
.compatibility-page a:focus-visible[b-a4giuao4s3],
.compatibility-page input:focus-visible[b-a4giuao4s3],
.compatibility-page select:focus-visible[b-a4giuao4s3],
.compatibility-page summary:focus-visible[b-a4giuao4s3] {
    outline: 3px solid #ffcf70;
    outline-offset: 3px;
}

.compatibility-notice[b-a4giuao4s3] {
    margin: 18px 0;
    padding: 16px 20px;
    border: 1px solid #44536c;
    border-radius: 12px;
    background: #202c3f;
    color: #e4eaf4;
    line-height: 1.6;
}

.compatibility-notice-error[b-a4giuao4s3] {
    border-color: #a5414e;
    background: #41212c;
    color: #ffe4e8;
}

.compatibility-notice-success[b-a4giuao4s3] {
    border-color: #387d65;
    background: #183b32;
    color: #d1f7e7;
}

.compatibility-notice p:last-child[b-a4giuao4s3] {
    margin-bottom: 0;
}

.compatibility-summary[b-a4giuao4s3] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 22px 0;
}

.compatibility-summary-item[b-a4giuao4s3] {
    padding: 18px 20px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 13px;
    background: #182232;
}

.compatibility-summary-item dt[b-a4giuao4s3] {
    margin: 0 0 6px;
    color: var(--compatibility-muted);
    font-size: .88rem;
    font-weight: 500;
}

.compatibility-summary-item dd[b-a4giuao4s3] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 750;
}

.compatibility-panel[b-a4giuao4s3] {
    margin-top: 22px;
    padding: 24px;
}

.compatibility-panel h2[b-a4giuao4s3] {
    margin: 0;
    color: var(--compatibility-text);
    font-size: 1.35rem;
}

.compatibility-panel-heading[b-a4giuao4s3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 20px;
}

.compatibility-panel-heading p[b-a4giuao4s3],
.compatibility-muted[b-a4giuao4s3] {
    margin: 6px 0 0;
    color: var(--compatibility-muted);
    font-size: .9rem;
    line-height: 1.6;
}

.compatibility-filters[b-a4giuao4s3] {
    display: grid;
    grid-template-columns: minmax(250px, 2fr) minmax(170px, 1fr) minmax(170px, 1fr);
    gap: 16px;
    margin-bottom: 20px;
}

.compatibility-field label[b-a4giuao4s3] {
    display: block;
    margin-bottom: 6px;
    color: #dfe5f0;
    font-size: .86rem;
    font-weight: 600;
}

.compatibility-field input[b-a4giuao4s3],
.compatibility-field select[b-a4giuao4s3] {
    width: 100%;
    min-height: 43px;
    padding: 10px 12px;
    border: 1px solid #59667a;
    border-radius: 8px;
    background: #0e1623;
    color: #fff;
    font: inherit;
}

.compatibility-field input[b-a4giuao4s3]::placeholder {
    color: #a7b3c6;
}

.compatibility-selection[b-a4giuao4s3],
.compatibility-pagination[b-a4giuao4s3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 14px;
}

.compatibility-selection[b-a4giuao4s3] {
    padding: 14px 0;
    border-top: 1px solid #364154;
}

.compatibility-selection-count[b-a4giuao4s3] {
    margin: 0;
    color: #d7dfeb;
    font-size: .9rem;
}

.compatibility-table-wrapper[b-a4giuao4s3] {
    overflow-x: auto;
    border: 1px solid #364154;
    border-radius: 12px;
}

.compatibility-table[b-a4giuao4s3] {
    width: 100%;
    border-collapse: collapse;
    color: var(--compatibility-text);
    text-align: left;
    font-size: .9rem;
}

.compatibility-table th[b-a4giuao4s3] {
    padding: 14px 12px;
    border-bottom: 1px solid #455268;
    background: #202d40;
    color: #e8edf5;
    font-weight: 650;
    white-space: nowrap;
}

.compatibility-table td[b-a4giuao4s3] {
    padding: 16px 12px;
    border-bottom: 1px solid #303c4e;
    vertical-align: top;
}

.compatibility-table tr:last-child td[b-a4giuao4s3] {
    border-bottom: 0;
}

.compatibility-table tbody tr:hover[b-a4giuao4s3] {
    background: #1b283b;
}

.compatibility-table .is-selected[b-a4giuao4s3] {
    background: #302332;
}

.compatibility-table input[type="checkbox"][b-a4giuao4s3] {
    width: 18px;
    height: 18px;
    margin: 2px;
    accent-color: var(--compatibility-red);
    cursor: pointer;
}

.compatibility-video-title[b-a4giuao4s3] {
    display: block;
    min-width: 190px;
    max-width: 370px;
    margin-bottom: 7px;
    color: #fff;
    font-weight: 650;
    overflow-wrap: anywhere;
}

.compatibility-video-meta[b-a4giuao4s3],
.compatibility-detail[b-a4giuao4s3] {
    display: block;
    max-width: 390px;
    margin: 4px 0 0;
    color: var(--compatibility-muted);
    font-size: .82rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.compatibility-table code[b-a4giuao4s3],
.compatibility-backup code[b-a4giuao4s3] {
    color: #d0d9e8;
    overflow-wrap: anywhere;
}

.compatibility-status[b-a4giuao4s3] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 9px;
    border: 1px solid #58677e;
    border-radius: 999px;
    background: #29364b;
    color: #e3ebf8;
    font-size: .78rem;
    font-weight: 650;
    white-space: nowrap;
}

.compatibility-status-ready[b-a4giuao4s3],
.compatibility-status-completed[b-a4giuao4s3] {
    border-color: #33795f;
    background: #173d31;
    color: #b8f4d9;
}

.compatibility-status-convert[b-a4giuao4s3] {
    border-color: #aa4554;
    background: #472332;
    color: #ffd7de;
}

.compatibility-status-review[b-a4giuao4s3],
.compatibility-status-error[b-a4giuao4s3] {
    border-color: #99743a;
    background: #453721;
    color: #ffe2a3;
}

.compatibility-status-running[b-a4giuao4s3] {
    border-color: #497ca6;
    background: #1d3650;
    color: #c4e5ff;
}

.compatibility-pagination[b-a4giuao4s3] {
    margin-top: 17px;
    color: var(--compatibility-muted);
    font-size: .9rem;
}

.compatibility-empty[b-a4giuao4s3] {
    padding: 38px 20px !important;
    color: var(--compatibility-muted);
    text-align: center;
    line-height: 1.7;
}

.compatibility-scan-status[b-a4giuao4s3] {
    margin-top: 20px;
}

.compatibility-scan-status > div[b-a4giuao4s3],
.compatibility-job-progress > div[b-a4giuao4s3] {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 8px;
    color: #dbe4f1;
    font-size: .88rem;
}

.compatibility-page progress[b-a4giuao4s3] {
    display: block;
    width: 100%;
    height: 10px;
    overflow: hidden;
    border: 0;
    border-radius: 6px;
    background: #354156;
    accent-color: var(--compatibility-red);
}

.compatibility-page progress[b-a4giuao4s3]::-webkit-progress-bar {
    border-radius: 6px;
    background: #354156;
}

.compatibility-page progress[b-a4giuao4s3]::-webkit-progress-value {
    border-radius: 6px;
    background: var(--compatibility-red);
}

.compatibility-job-progress[b-a4giuao4s3] {
    min-width: 180px;
    margin-top: 10px;
}

.compatibility-backup[b-a4giuao4s3] {
    max-width: 410px;
    margin-top: 10px;
    color: #b8f4d9;
    font-size: .82rem;
}

.compatibility-backup summary[b-a4giuao4s3] {
    padding: 3px 0;
    cursor: pointer;
}

.compatibility-backup p[b-a4giuao4s3] {
    margin: 8px 0 0;
    line-height: 1.5;
}

.compatibility-backup .compatibility-detail[b-a4giuao4s3] {
    max-width: none;
}

.compatibility-page .visually-hidden[b-a4giuao4s3] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

@media (max-width: 1100px) {
    .compatibility-header[b-a4giuao4s3] {
        align-items: flex-start;
        flex-direction: column;
    }

    .compatibility-filters[b-a4giuao4s3] {
        grid-template-columns: 1fr 1fr;
    }

    .compatibility-field-search[b-a4giuao4s3] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 650px) {
    .compatibility-page[b-a4giuao4s3] {
        padding: 22px 16px 60px;
    }

    .compatibility-header[b-a4giuao4s3],
    .compatibility-panel[b-a4giuao4s3] {
        padding: 19px;
    }

    .compatibility-summary[b-a4giuao4s3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .compatibility-summary-item[b-a4giuao4s3] {
        padding: 14px;
    }

    .compatibility-filters[b-a4giuao4s3] {
        grid-template-columns: 1fr;
    }

    .compatibility-panel-heading[b-a4giuao4s3] {
        flex-direction: column;
    }

    .compatibility-selection .compatibility-actions[b-a4giuao4s3],
    .compatibility-selection .compatibility-button-primary[b-a4giuao4s3] {
        width: 100%;
    }
}

.compatibility-button-danger[b-a4giuao4s3] { border-color: #b91c1c; color: #b91c1c; margin-top: .5rem; }
.compatibility-button-danger:hover:not(:disabled)[b-a4giuao4s3] { background: #b91c1c; color: white; }
.compatibility-failure[b-a4giuao4s3] { color: #b91c1c; }
.compatibility-delete-dialog[b-a4giuao4s3] { width: min(46rem, calc(100vw - 2rem)); max-height: 85vh; overflow: auto; border: 1px solid #cbd5e1; border-radius: 1rem; padding: 1.5rem; color: #172033; background: #fff; box-shadow: 0 24px 80px #0005; }
.compatibility-delete-dialog[b-a4giuao4s3]::backdrop { background: #101828b3; }
.compatibility-delete-dialog h3[b-a4giuao4s3] { font-size: 1rem; margin-top: 1rem; }
.compatibility-delete-files[b-a4giuao4s3] { max-height: 12rem; overflow: auto; overflow-wrap: anywhere; }
.compatibility-delete-dialog input[b-a4giuao4s3] { display: block; margin: .5rem 0 1rem; padding: .5rem; border: 1px solid #94a3b8; border-radius: .4rem; }
/* /Components/AI/AIDescription.razor.rz.scp.css */
.ai-description-dialog[b-v1b4ep58u7] {
    width: min(900px, 95vw);
    max-height: 90vh;
    overflow-y: auto;
    padding: 1.5rem;
    border: 1px solid #555;
    border-radius: .75rem;
    background: #191919;
    color: #fff;
}

.ai-description-dialog[b-v1b4ep58u7]::backdrop {
    background: rgb(0 0 0 / 65%);
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-tyybxja238] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

#blazor-error-ui[b-tyybxja238] {
    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-tyybxja238] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Notifications/PushNotificationComposer.razor.rz.scp.css */
.notification-page[b-y8lyvek6z3] { max-width: 1050px; margin: 0 auto; padding: 36px 24px 64px; color: #18243b; }
.notification-heading h1[b-y8lyvek6z3] { font-size: 2rem; font-weight: 700; margin: 0 0 10px; }
.notification-heading p[b-y8lyvek6z3] { color: #58677d; }
.eyebrow[b-y8lyvek6z3] { color: #536b96; font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 8px; }
.notification-steps[b-y8lyvek6z3] { display: flex; gap: 6px; margin: 28px 0 18px; flex-wrap: wrap; }
.notification-steps button[b-y8lyvek6z3] { border: 1px solid #dbe3ee; border-radius: 8px; background: white; padding: 12px; color: #526077; flex: 1; min-width: 135px; text-align: left; font-size: .85rem; }
.notification-steps button span[b-y8lyvek6z3] { display: inline-flex; width: 25px; height: 25px; border-radius: 50%; background: #edf1f7; align-items: center; justify-content: center; margin-right: 7px; font-weight: 700; }
.notification-steps button.active[b-y8lyvek6z3] { background: #edf4ff; border-color: #3774d8; color: #2057a5; }
.notification-steps button.active span[b-y8lyvek6z3] { background: #2764be; color: white; }
.notification-steps button:disabled[b-y8lyvek6z3] { opacity: .6; }
.notification-panel[b-y8lyvek6z3] { background: white; border: 1px solid #dbe3ee; border-radius: 14px; padding: 28px; margin-bottom: 20px; min-width: 0; }
.notification-panel h2[b-y8lyvek6z3] { font-size: 1.4rem; font-weight: 650; margin-bottom: 20px; }
.notification-panel h3[b-y8lyvek6z3] { font-size: 1rem; font-weight: 650; }
.notification-panel label[b-y8lyvek6z3] { display: block; font-weight: 550; margin: 18px 0 8px; }
.notification-panel label span[b-y8lyvek6z3], .field-help[b-y8lyvek6z3] { font-weight: 400; color: #596980; font-size: .87rem; }
.field-help[b-y8lyvek6z3] { margin: 8px 0 14px; }
.notification-panel[b-y8lyvek6z3]  .form-control, .notification-panel .form-select[b-y8lyvek6z3] { min-height: 44px; }
.notification-note[b-y8lyvek6z3] { border-left: 3px solid #5885c9; background: #f0f5fc; padding: 14px 16px; margin: 18px 0; font-size: .9rem; line-height: 1.6; color: #304767; }
.notification-actions[b-y8lyvek6z3] { display: flex; justify-content: flex-end; gap: 10px; margin-top: 28px; padding-top: 20px; border-top: 1px solid #e7ecf3; }
.target-options[b-y8lyvek6z3] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 16px; }
.target-options label[b-y8lyvek6z3] { border: 1px solid #dbe3ee; border-radius: 8px; padding: 16px; cursor: pointer; }
.target-options label input[b-y8lyvek6z3] { margin-right: 6px; }
.target-options label span[b-y8lyvek6z3] { display: block; padding-top: 8px; }
.notification-columns[b-y8lyvek6z3] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.custom-data-heading[b-y8lyvek6z3] { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 24px; margin-bottom: 12px; }
.custom-data-heading h2[b-y8lyvek6z3], .custom-data-heading h3[b-y8lyvek6z3] { margin-bottom: 0; }
.custom-data-row[b-y8lyvek6z3] { display: grid; grid-template-columns: 1fr 2fr auto; gap: 12px; align-items: end; margin-bottom: 12px; }
.custom-data-row button[b-y8lyvek6z3] { min-height: 44px; }
.notification-preview[b-y8lyvek6z3] { border-radius: 10px; padding: 20px; background: #f3f6fa; margin-bottom: 24px; }
.notification-preview strong[b-y8lyvek6z3] { font-size: 1.1rem; }
.notification-preview p[b-y8lyvek6z3] { margin: 10px 0 0; white-space: pre-wrap; }
.review-panel dl[b-y8lyvek6z3] { display: grid; grid-template-columns: 170px 1fr; gap: 10px 18px; }
.review-panel dd[b-y8lyvek6z3] { margin: 0; overflow-wrap: anywhere; }
.review-panel td[b-y8lyvek6z3] { overflow-wrap: anywhere; }
.notification-history-item[b-y8lyvek6z3] { padding: 18px 0; border-top: 1px solid #e7ecf3; }
.notification-history-item p[b-y8lyvek6z3] { margin: 7px 0; font-size: .9rem; }
.notification-history-message[b-y8lyvek6z3] { white-space: pre-wrap; overflow-wrap: anywhere; }
@media (max-width: 650px) {
    .notification-page[b-y8lyvek6z3] { padding: 24px 12px; }
    .notification-panel[b-y8lyvek6z3] { padding: 20px 16px; }
    .target-options[b-y8lyvek6z3], .notification-columns[b-y8lyvek6z3], .custom-data-row[b-y8lyvek6z3] { grid-template-columns: 1fr; }
    .custom-data-row[b-y8lyvek6z3] { border-bottom: 1px solid #e7ecf3; padding-bottom: 16px; }
    .review-panel dl[b-y8lyvek6z3] { grid-template-columns: 1fr; gap: 4px; }
    .review-panel dd[b-y8lyvek6z3] { margin-bottom: 12px; }
}

.embedded-notification[b-y8lyvek6z3] { padding: 0; }
/* /Components/Notifications/PushNotificationReviewDialog.razor.rz.scp.css */
.push-review-dialog[b-rfmkprtw4p] {
    width: min(950px, 95vw);
    max-height: 90vh;
    overflow-y: auto;
    padding: 1.5rem;
    border: 1px solid #dbe3ee;
    border-radius: .75rem;
    background: #f3f6fa;
    color: #18243b;
}
.push-review-dialog[b-rfmkprtw4p]::backdrop { background: rgb(0 0 0 / 65%); }
/* /Components/Pages/ApiDocs/ApiReference.razor.rz.scp.css */
.api-hero[b-d1jbmlse4n] {
    padding: 80px 4vw 30px;
}

.api-hero-glass[b-d1jbmlse4n] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 42px;
    border-radius: 28px;
    background: linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.05));
    border: 1px solid rgba(255,255,255,.18);
    box-shadow: 0 24px 70px rgba(0,0,0,.45);
    backdrop-filter: blur(18px);
}

.eyebrow[b-d1jbmlse4n] {
    margin: 0 0 10px;
    text-transform: uppercase;
    letter-spacing: .18em;
    color: #9fdcff;
    font-size: .78rem;
    font-weight: 800;
}

.api-hero h1[b-d1jbmlse4n] {
    margin: 0;
    font-size: clamp(2.4rem, 6vw, 5rem);
    line-height: .95;
}

.lead[b-d1jbmlse4n] {
    max-width: 720px;
    color: rgba(255,255,255,.78);
    font-size: 1.1rem;
}

.hero-meta[b-d1jbmlse4n] {
    display: inline-flex;
    gap: 12px;
    align-items: center;
    margin: 18px 0;
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(0,0,0,.35);
    border: 1px solid rgba(255,255,255,.12);
}

.hero-meta span[b-d1jbmlse4n] {
    color: rgba(255,255,255,.65);
}

.hero-meta code[b-d1jbmlse4n] {
    color: #ffffff;
}

.api-search[b-d1jbmlse4n] {
    width: 100%;
    max-width: 620px;
    margin-top: 18px;
    padding: 15px 18px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.18);
    background: rgba(0,0,0,.38);
    color: #fff;
    outline: none;
}

.api-layout[b-d1jbmlse4n] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px 4vw 80px;
    display: grid;
    grid-template-columns: 310px minmax(0, 1fr);
    gap: 28px;
}

.api-sidebar[b-d1jbmlse4n] {
    position: sticky;
    top: 20px;
    align-self: start;
    max-height: calc(100vh - 40px);
    overflow: auto;
    padding: 20px;
    border-radius: 22px;
    background: rgba(8, 13, 24, .82);
    border: 1px solid rgba(255,255,255,.12);
}

.api-sidebar a[b-d1jbmlse4n] {
    display: block;
    padding: 9px 10px;
    border-radius: 10px;
    color: rgba(255,255,255,.76);
    text-decoration: none;
    font-size: .92rem;
}

.api-sidebar a:hover[b-d1jbmlse4n] {
    background: rgba(255,255,255,.08);
    color: #fff;
}

.side-title[b-d1jbmlse4n] {
    margin: 22px 10px 10px;
    color: #9fdcff;
    font-size: .76rem;
    text-transform: uppercase;
    letter-spacing: .14em;
    font-weight: 800;
}

.side-group[b-d1jbmlse4n] {
    margin-bottom: 12px;
}

.side-group strong[b-d1jbmlse4n] {
    display: block;
    padding: 10px;
    color: #fff;
}

.api-content[b-d1jbmlse4n] {
    min-width: 0;
}

.doc-card[b-d1jbmlse4n] {
    margin-bottom: 24px;
    padding: 28px;
    border-radius: 24px;
    background: rgba(8, 13, 24, .78);
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 18px 45px rgba(0,0,0,.28);
}

.doc-card h2[b-d1jbmlse4n] {
    margin-top: 0;
    color: #fff;
}

.doc-card h3[b-d1jbmlse4n] {
    margin-top: 28px;
    color: #9fdcff;
}

.doc-card p[b-d1jbmlse4n] {
    color: rgba(255,255,255,.76);
}

.endpoint-title[b-d1jbmlse4n] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.endpoint-title h2[b-d1jbmlse4n] {
    margin: 0;
    font-size: 1.4rem;
    word-break: break-word;
}

.endpoint-tag[b-d1jbmlse4n] {
    color: #9fdcff !important;
    font-weight: 700;
}

.method[b-d1jbmlse4n] {
    display: inline-flex;
    min-width: 58px;
    justify-content: center;
    padding: 5px 9px;
    border-radius: 8px;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .08em;
    color: #fff;
}

.method.get[b-d1jbmlse4n] {
    background: #1677ff;
}

.method.post[b-d1jbmlse4n] {
    background: #18a058;
}

.method.put[b-d1jbmlse4n] {
    background: #d89614;
}

.method.delete[b-d1jbmlse4n] {
    background: #d03050;
}

.method.patch[b-d1jbmlse4n] {
    background: #722ed1;
}

.info-grid[b-d1jbmlse4n] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-top: 20px;
}

.info-grid div[b-d1jbmlse4n] {
    padding: 16px;
    border-radius: 16px;
    background: rgba(255,255,255,.06);
}

.info-grid span[b-d1jbmlse4n] {
    display: block;
    color: rgba(255,255,255,.55);
    font-size: .82rem;
}

.info-grid strong[b-d1jbmlse4n] {
    display: block;
    margin-top: 5px;
    color: #fff;
}

table[b-d1jbmlse4n] {
    width: 100%;
    border-collapse: collapse;
    overflow: hidden;
    border-radius: 16px;
}

th[b-d1jbmlse4n],
td[b-d1jbmlse4n] {
    padding: 12px 14px;
    border-bottom: 1px solid rgba(255,255,255,.09);
    text-align: left;
    vertical-align: top;
}

th[b-d1jbmlse4n] {
    color: #fff;
    background: rgba(255,255,255,.08);
}

td[b-d1jbmlse4n] {
    color: rgba(255,255,255,.78);
}

td code[b-d1jbmlse4n] {
    color: #fff;
}

a[b-d1jbmlse4n] {
    color: #9fdcff;
}

.code-shell[b-d1jbmlse4n] {
    position: relative;
    border-radius: 18px;
    background: #050812;
    border: 1px solid rgba(255,255,255,.12);
    overflow: hidden;
}

.code-shell button[b-d1jbmlse4n] {
    position: absolute;
    top: 12px;
    right: 12px;
    border: 0;
    border-radius: 999px;
    padding: 7px 13px;
    background: rgba(255,255,255,.12);
    color: #fff;
    cursor: pointer;
}

.code-shell button:hover[b-d1jbmlse4n] {
    background: rgba(255,255,255,.22);
}

pre[b-d1jbmlse4n] {
    margin: 0;
    padding: 22px;
    overflow: auto;
}

code[b-d1jbmlse4n] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .9rem;
}

.api-loading[b-d1jbmlse4n],
.api-error[b-d1jbmlse4n] {
    max-width: 900px;
    margin: 30px auto;
    padding: 24px;
    border-radius: 18px;
    background: rgba(8, 13, 24, .82);
    color: #fff;
}

.api-error[b-d1jbmlse4n] {
    border: 1px solid rgba(255, 80, 80, .35);
}

@media (max-width: 980px) {
    .api-layout[b-d1jbmlse4n] {
        grid-template-columns: 1fr;
    }

    .api-sidebar[b-d1jbmlse4n] {
        position: relative;
        top: auto;
        max-height: none;
    }

    .info-grid[b-d1jbmlse4n] {
        grid-template-columns: 1fr;
    }

    .api-hero-glass[b-d1jbmlse4n] {
        padding: 28px;
    }
}
/* /Components/Pages/DeleteAccount.razor.rz.scp.css */
.deletion-page[b-mr4b1vke3a] {
    max-width: 960px;
}

.deletion-page h1[b-mr4b1vke3a] {
    font-size: clamp(1.9rem, 5vw, 3.5rem);
    margin-top: 24px;
}

.deletion-page a:not(.btn)[b-mr4b1vke3a] {
    color: #9ecbff;
    text-decoration: underline;
    overflow-wrap: anywhere;
}

.deletion-page li[b-mr4b1vke3a] {
    color: #d0d0d0;
    line-height: 1.8;
    margin-bottom: 12px;
}

.deletion-page .btn[b-mr4b1vke3a] {
    white-space: normal;
}

@media (max-width: 480px) {
    .deletion-page[b-mr4b1vke3a] {
        padding: 32px 16px 60px;
    }

    .deletion-page .page-card[b-mr4b1vke3a] {
        padding: 24px 20px;
    }
}
/* /Components/SiteComponents/Footer.razor.rz.scp.css */
.meet-app-badge[b-yykk1xrvzl] {
    display: flex;
    align-items: center;
    gap: 12px;
    box-sizing: border-box;
    width: 220px;
    max-width: 100%;
    min-height: 68px;
    padding: 10px 14px;
    border: 1px solid #666;
    border-radius: 10px;
    background: linear-gradient(135deg, #232323, #080808);
    color: #fff;
    text-align: left;
    text-decoration: none;
    transition: transform .2s ease, border-color .2s ease;
}

.meet-app-badge:hover[b-yykk1xrvzl],
.meet-app-badge:focus-visible[b-yykk1xrvzl] {
    color: #fff;
    border-color: #ef5264;
    transform: translateY(-2px);
}

.meet-app-badge:focus-visible[b-yykk1xrvzl] {
    outline: 2px solid #ef5264;
    outline-offset: 4px;
}

.meet-app-icon[b-yykk1xrvzl] {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 11px;
    background: linear-gradient(135deg, #e64156, #a61c2c);
    font-size: 20px;
}

.meet-app-label[b-yykk1xrvzl] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.meet-app-caption[b-yykk1xrvzl] {
    color: #ddd;
    font-size: 11px;
    line-height: 1.2;
}

.meet-app-name[b-yykk1xrvzl] {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
}

.meet-app-arrow[b-yykk1xrvzl] {
    margin-left: auto;
    color: #bbb;
    font-size: 12px;
}

@media (max-width: 768px) {
    .meet-app-badge[b-yykk1xrvzl] {
        width: 180px;
        gap: 9px;
        padding: 9px 10px;
    }

    .meet-app-icon[b-yykk1xrvzl] {
        width: 34px;
        height: 34px;
        font-size: 17px;
    }

    .meet-app-name[b-yykk1xrvzl] {
        font-size: 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .meet-app-badge[b-yykk1xrvzl] {
        transition: none;
    }

    .meet-app-badge:hover[b-yykk1xrvzl],
    .meet-app-badge:focus-visible[b-yykk1xrvzl] {
        transform: none;
    }
}
/* /Components/SiteComponents/HistoryClearAll.razor.rz.scp.css */
.history-clear-actions[b-mfh8783snx] { margin-top: 24px; }
.history-clear-confirmation[b-mfh8783snx] { max-width: 620px; margin: 20px auto 0; padding: 24px; border: 1px solid #b63b47; border-radius: 12px; background: #202020; color: #fff; }
.history-clear-confirmation h2[b-mfh8783snx] { font-size: 1.35rem; }
.history-clear-confirmation p[b-mfh8783snx] { line-height: 1.6; }
.history-clear-confirmation button + button[b-mfh8783snx] { margin-left: 12px; }
.history-clear-actions [role="alert"][b-mfh8783snx], .history-clear-actions [role="status"][b-mfh8783snx] { margin: 16px 0 0; color: #fff; }
/* /Components/SiteComponents/LiveProgrammeTiming.razor.rz.scp.css */
.programme-timing[b-pzhr309xq5] { display: flex; flex-wrap: wrap; gap: 4px 16px; margin-top: 6px; font-size: .82rem; color: #b9c7da; }
time[b-pzhr309xq5] { font-variant-numeric: tabular-nums; }
/* /Components/SiteComponents/LiveQueueClock.razor.rz.scp.css */
.live-queue-clock[b-qfa86cmmjm] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; width: fit-content; margin: 12px 0 18px; padding: 10px 14px; border: 1px solid #40516a; border-radius: 10px; background: #101826; color: #c8d1df; font-size: .9rem; }
time[b-qfa86cmmjm] { color: #fff; font-weight: 650; font-variant-numeric: tabular-nums; }
/* /Components/SiteComponents/LiveUpNext.razor.rz.scp.css */
.live-up-next[b-adsik8dytn] {
    width: min(1200px, calc(100% - 32px));
    margin: 0 auto 40px;
    padding: clamp(18px, 3vw, 32px);
    color: #fff;
    background: rgba(8, 13, 24, .94);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 20px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, .2);
}
header[b-adsik8dytn] { margin-bottom: 20px; }
h2[b-adsik8dytn] { margin: 0 0 6px; font-size: 1.6rem; color: #fff; }
p[b-adsik8dytn] { margin: 0; color: #cad4e3; }
ol[b-adsik8dytn] { margin: 0; padding: 0; list-style: none; counter-reset: programme; }
li[b-adsik8dytn] {
    display: flex;
    align-items: center;
    gap: clamp(10px, 2vw, 20px);
    padding: 16px 0;
    border-top: 1px solid rgba(255, 255, 255, .12);
    counter-increment: programme;
}
li[b-adsik8dytn]::before { content: counter(programme, decimal-leading-zero); color: #9fdcff; font-weight: 700; }
img[b-adsik8dytn] { width: clamp(80px, 15vw, 160px); aspect-ratio: 16 / 9; object-fit: cover; border-radius: 8px; flex-shrink: 0; }
li div[b-adsik8dytn] { min-width: 0; overflow-wrap: anywhere; }
h3[b-adsik8dytn] { margin: 0 0 5px; font-size: clamp(.95rem, 2vw, 1.15rem); line-height: 1.4; color: #fff; }
li p[b-adsik8dytn] { font-size: .9rem; }
button[b-adsik8dytn] { margin-top: 12px; }
/* /Components/SiteComponents/MorielInformationPage.razor.rz.scp.css */
.moriel-information-page[b-bldyw5dsq8] {
    max-width: 960px;
    margin: 24px auto;
    padding: 32px;
    color: #f5f5f5;
    background: rgba(0, 0, 0, .8);
    border-radius: 12px;
    line-height: 1.75;
    overflow-wrap: anywhere;
}

.moriel-information-page h1[b-bldyw5dsq8] { margin: 24px 0; }
.moriel-information-page h2[b-bldyw5dsq8],
.moriel-information-page h3[b-bldyw5dsq8] { margin-top: 28px; }
.moriel-information-page li[b-bldyw5dsq8] { margin-bottom: 12px; }
.moriel-information-page a[b-bldyw5dsq8] { color: #f5b5bd; }

@media (max-width: 600px) {
    .moriel-information-page[b-bldyw5dsq8] { margin: 12px; padding: 20px; }
}
/* /Components/SiteComponents/SiteHeader.razor.rz.scp.css */
.site-header[b-v57wobczm6] {
    position: sticky;
    top: 0;
    z-index: 5000;

    height: 72px;

    display: flex;
    justify-content: space-between;
    align-items: center;

    padding: 0 24px;

    background: #111;
    border-bottom: 1px solid #222;
}

.header-left[b-v57wobczm6] {
    display: flex;
    align-items: center;
    gap: 32px;
}

.logo-button[b-v57wobczm6] {
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0;
}

.logo-button img[b-v57wobczm6] {
    height: 48px;
    width: auto;
    display: block;
}

.desktop-nav[b-v57wobczm6] {
    display: flex;
    gap: 8px;
}

.nav-link[b-v57wobczm6] {
    border: none;
    background: transparent;

    color: #d0d0d0;

    padding: 10px 16px;

    border-radius: 6px;

    cursor: pointer;

    font-size: 14px;
    font-weight: 600;

    transition: all .2s;
}

.nav-link:hover[b-v57wobczm6] {
    background: #222;
    color: white;
}

.nav-link.active[b-v57wobczm6] {
    background: #CB2537;
    color: white;
}

.header-right[b-v57wobczm6] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.search-box[b-v57wobczm6] {
    width: 320px;
    height: 42px;

    display: flex;
    align-items: center;
    gap: 10px;

    padding: 0 14px;

    background: #1a1a1a;
    border: 1px solid #2a2a2a;
    border-radius: 24px;
}

.search-box i[b-v57wobczm6] {
    color: #999;
}

.search-box input[b-v57wobczm6] {
    flex: 1;

    border: none;
    outline: none;

    background: transparent;
    color: white;
}

.user-info[b-v57wobczm6] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.user-name[b-v57wobczm6] {
    color: white;
    font-size: 14px;
}

.user-button[b-v57wobczm6],
.signin-button[b-v57wobczm6] {
    height: 40px;

    border: none;
    border-radius: 20px;

    background: #CB2537;
    color: white;

    cursor: pointer;

    display: flex;
    align-items: center;
    gap: 8px;

    padding: 0 16px;

    transition: .2s;
}

.user-button:hover[b-v57wobczm6],
.signin-button:hover[b-v57wobczm6] {
    background: #e03043;
}

@media (max-width: 768px) {

    .site-header[b-v57wobczm6] {
        padding: 0 12px;
    }

    .desktop-nav[b-v57wobczm6] {
        display: none;
    }

    .search-box[b-v57wobczm6] {
        width: 180px;
    }

    .user-name[b-v57wobczm6] {
        display: none;
    }

    .logo-button img[b-v57wobczm6] {
        height: 40px;
    }
}

.admin-menu[b-v57wobczm6] {
    position: relative;
    display: inline-block;
}

.admin-menu-button[b-v57wobczm6] {
    display: flex;
    align-items: center;
    gap: .5rem;

    background: transparent;
    border: none;
    color: white;
    font-weight: 500;
    padding: .5rem .75rem;
    border-radius: 6px;

    transition: all .2s ease;
}

.admin-menu-button:hover[b-v57wobczm6] {
    background: rgba(255,255,255,.1);
}

.admin-menu-dropdown[b-v57wobczm6] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;

    min-width: 240px;

    background: #1c1c1c;
    border: 1px solid #333;
    border-radius: 8px;

    box-shadow:
            0 10px 25px rgba(0,0,0,.35);

    overflow: hidden;
    z-index: 1000;
}

.admin-menu-item[b-v57wobczm6] {
    display: flex;
    align-items: center;
    gap: .75rem;

    width: 100%;
    padding: .85rem 1rem;

    color: #fff;
    text-decoration: none;
    cursor: pointer;

    transition: background .2s ease;
}

.admin-menu-item:hover[b-v57wobczm6] {
    background: #2d2d2d;
    color: #fff;
}