body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
div.wrapper {
	width:80%;
	margin-left:auto;
	margin-right:auto;
	background:#FFFFFF;
	text-align:center;
	border: 1px solid #000000;
}
.main_table {
	margin-left:auto;
	margin-right:auto;
	width: 98%;
	border: #000000 1px solid;
	background:#FFFFFF;
	padding:0;
}
.main_table td {
	border-top:#000000 1px solid;
}
.header_live {
	background: #000000;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	text-align:center;
}

.rbl-cover-cell {
    width: 72px;
    text-align: center;
    vertical-align: middle;
}

.rbl-cover {
    display: block;
    width: 64px;
    height: 64px;
    margin: 4px auto;
    object-fit: cover;
    border-radius: 8px;
}

/* =========================================================
   RADIO BARRIO LATINO
   Modern Request Center — Phase 1
   ========================================================= */

:root {
    --rbl-bg: #09090f;
    --rbl-panel: #17171f;
    --rbl-panel-soft: #20202a;
    --rbl-border: rgba(255,255,255,.10);
    --rbl-text: #ffffff;
    --rbl-muted: #a7a7b3;
    --rbl-yellow: #ffc400;
    --rbl-red: #e31837;
    --rbl-purple: #6425e8;
    --rbl-teal: #0c9b86;
}

/* Page */

html {
    min-height: 100%;
    background: #09090f;
}

body {
    margin: 0 !important;
    min-height: 100vh;

    background:
        radial-gradient(
            circle at 15% 0%,
            rgba(79, 31, 180, .25),
            transparent 35%
        ),
        radial-gradient(
            circle at 100% 15%,
            rgba(175, 20, 40, .18),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            #09090f 0%,
            #0d0d14 55%,
            #071310 100%
        ) !important;

    color: var(--rbl-text) !important;

    font-family:
        Inter,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif !important;
}

/* Kill the legacy minimum-width behavior */

body div {
    min-width: 0;
}

/* Main application container */

.content {
    box-sizing: border-box !important;
    width: min(1180px, calc(100% - 32px)) !important;
    max-width: 1180px !important;

    margin: 36px auto !important;
    padding: 32px !important;

    background:
        linear-gradient(
            145deg,
            rgba(27,27,37,.97),
            rgba(13,13,20,.97)
        ) !important;

    border: 1px solid var(--rbl-border) !important;
    border-top: 4px solid var(--rbl-yellow) !important;
    border-radius: 26px !important;

    box-shadow:
        0 25px 70px rgba(0,0,0,.42),
        inset 0 1px rgba(255,255,255,.03);

    overflow: hidden;
}

/* General typography */

.content,
.content td,
.content th {
    color: var(--rbl-text);
}

.content h1,
.content h2,
.content h3 {
    color: #fff;
    letter-spacing: -.02em;
}

.content a {
    color: #d9d2ff;
}

/* Search area */

.sbox {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 820px !important;
    margin: 24px auto !important;
}

.sbox form {
    display: flex;
    gap: 10px;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
}

.sbox input[type="text"] {
    box-sizing: border-box;
    flex: 1 1 360px;

    min-height: 50px;
    padding: 0 18px;

    background: #101018 !important;
    color: #fff !important;

    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 14px !important;

    outline: none;

    font-size: 15px;
}

.sbox input[type="text"]:focus {
    border-color: var(--rbl-purple) !important;

    box-shadow:
        0 0 0 3px rgba(100,37,232,.18);
}

.sbox input[type="submit"],
.sbox input[type="button"],
.sbox .random {
    min-height: 50px !important;
    padding: 0 22px !important;

    border: 0 !important;
    border-radius: 14px !important;

    color: #fff !important;
    font-weight: 800 !important;

    cursor: pointer;

    background:
        linear-gradient(
            110deg,
            var(--rbl-teal),
            var(--rbl-purple)
        ) !important;
}

/* Selection banner */

.selection {
    box-sizing: border-box !important;
    width: min(760px, calc(100% - 20px)) !important;

    margin: 22px auto !important;
    padding: 16px 20px !important;

    background:
        linear-gradient(
            110deg,
            rgba(12,155,134,.22),
            rgba(100,37,232,.22)
        ) !important;

    color: #fff !important;

    border: 1px solid rgba(100,37,232,.45) !important;
    border-radius: 14px !important;

    font-weight: 700;
}

/* Results table shell */

.rbl-results {
    width: 100% !important;
    max-width: 100% !important;

    margin: 18px auto !important;

    background: transparent !important;

    border-collapse: separate !important;
    border-spacing: 0 8px !important;
}

.rbl-results th {
    padding: 12px 10px !important;

    background: transparent !important;
    color: var(--rbl-yellow) !important;

    border: 0 !important;

    font-size: 12px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.rbl-results td {
    padding: 12px 10px !important;

    background: var(--rbl-panel-soft) !important;
    color: #fff !important;

    border-top: 1px solid var(--rbl-border) !important;
    border-bottom: 1px solid var(--rbl-border) !important;
}

/* Rounded rows */

.rbl-results tr td:first-child {
    border-left: 1px solid var(--rbl-border) !important;
    border-radius: 14px 0 0 14px;
}

.rbl-results tr td:last-child {
    border-right: 1px solid var(--rbl-border) !important;
    border-radius: 0 14px 14px 0;
}

/* Artwork */

.rbl-results .rbl-cover {
    display: block;

    width: 64px !important;
    height: 64px !important;

    margin: 0 auto;

    object-fit: cover;

    border-radius: 10px !important;

    box-shadow:
        0 5px 18px rgba(0,0,0,.35);
}

/* Request buttons */

.rbl-results button,
input[type="submit"],
button.back {
    border: 1px solid rgba(255,196,0,.35) !important;
    border-radius: 999px !important;

    padding: 11px 18px !important;

    background: rgba(255,196,0,.08) !important;
    color: var(--rbl-yellow) !important;

    font-weight: 800 !important;

    cursor: pointer;

    transition:
        transform .15s ease,
        background .15s ease,
        border-color .15s ease;
}

.rbl-results button:hover,
input[type="submit"]:hover,
button.back:hover {
    transform: translateY(-1px);

    background: var(--rbl-yellow) !important;
    color: #111 !important;

    border-color: var(--rbl-yellow) !important;
}

/* Unavailable tracks */

.noreq {
    color: var(--rbl-muted) !important;
    font-size: 12px;
}

/* Pagination */

.paginate {
    margin: 22px auto !important;
}

.paginate a,
.paginate .current {
    display: inline-flex !important;

    align-items: center;
    justify-content: center;

    min-width: 38px;
    min-height: 38px;

    margin: 3px !important;
    padding: 0 8px !important;

    border: 1px solid var(--rbl-border) !important;
    border-radius: 10px !important;

    background: var(--rbl-panel-soft) !important;
    color: #fff !important;

    text-decoration: none !important;
}

.paginate .current {
    background: var(--rbl-purple) !important;
    border-color: var(--rbl-purple) !important;

    font-weight: 800;
}

/* Request form */

#formrequest table {
    width: min(760px, 100%) !important;
}

#formrequest input[type="text"],
#formrequest textarea {
    box-sizing: border-box !important;

    width: 100% !important;
    max-width: 100% !important;

    padding: 15px 16px !important;

    background: #101018 !important;
    color: #fff !important;

    border: 1px solid var(--rbl-border) !important;
    border-radius: 12px !important;

    font: inherit;
}

#formrequest textarea {
    resize: vertical;
    min-height: 130px;
}

#formrequest input::placeholder,
#formrequest textarea::placeholder {
    color: #9696a3;
}

/* Mobile */

@media (max-width: 760px) {

    .content {
        width: calc(100% - 16px) !important;
        margin: 8px auto !important;
        padding: 18px 12px !important;

        border-radius: 18px !important;
    }

    .sbox form {
        display: grid;
        grid-template-columns: 1fr;
    }

    .sbox input {
        width: 100% !important;
    }

    .rbl-results {
        font-size: 13px !important;
    }

    .rbl-results .rbl-num,
    .rbl-results .rbl-duration {
        display: none;
    }

    .rbl-results .rbl-art-head,
    .rbl-results .rbl-art-cell {
        width: 58px !important;
    }

    .rbl-results .rbl-cover {
        width: 52px !important;
        height: 52px !important;
    }

    .rbl-results td {
        padding: 9px 6px !important;
    }

    .rbl-results button {
        padding: 9px 11px !important;
        font-size: 11px !important;
    }

    #formrequest table {
        width: 100% !important;
    }
}
/* =========================================================
   RBL Request Center β€” Phase 2A
   Remove remaining legacy white panels
   ========================================================= */

.content table,
.content tbody,
.content tr {
    background: transparent;
}

.content .table,
.content .nobar,
.content .sbox,
#paginate {
    background: transparent !important;
    color: var(--rbl-text) !important;
    border-color: var(--rbl-border) !important;
}

/* Search becomes an RBL panel */

.sbox {
    padding: 18px !important;
    background: rgba(255,255,255,.025) !important;
    border: 1px solid var(--rbl-border) !important;
    border-radius: 18px !important;
}

/* Pagination no longer sits in a white rectangle */

#paginate {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 820px;
    margin: 16px auto 28px !important;
    padding: 14px !important;

    background: rgba(255,255,255,.025) !important;
    border: 1px solid var(--rbl-border) !important;
    border-radius: 18px !important;
}

/* Legacy Track Requests heading */

.content .table {
    box-sizing: border-box;
    width: 100% !important;
}

/* Give results more breathing room */

.rbl-results {
    max-width: 820px !important;
}

/* Stronger track hierarchy */

.rbl-results td {
    font-size: 14px !important;
}

.rbl-results td:nth-child(3),
.rbl-results td:nth-child(4) {
    font-weight: 700;
}

/* More compact request action */

.rbl-results .rbl-option {
    width: 125px !important;
}

/* Mobile refinement */

@media (max-width: 760px) {
    #paginate {
        padding: 10px !important;
    }

    .rbl-results {
        width: 100% !important;
    }
}

/* =========================================================
   RBL Request Center β€” Phase 2A
   Remove remaining legacy white panels
   ========================================================= */

.content table,
.content tbody,
.content tr {
    background: transparent;
}

.content .table,
.content .nobar,
.content .sbox,
#paginate {
    background: transparent !important;
    color: var(--rbl-text) !important;
    border-color: var(--rbl-border) !important;
}

/* Search becomes an RBL panel */

.sbox {
    padding: 18px !important;
    background: rgba(255,255,255,.025) !important;
    border: 1px solid var(--rbl-border) !important;
    border-radius: 18px !important;
}

/* Pagination no longer sits in a white rectangle */

#paginate {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 820px;
    margin: 16px auto 28px !important;
    padding: 14px !important;

    background: rgba(255,255,255,.025) !important;
    border: 1px solid var(--rbl-border) !important;
    border-radius: 18px !important;
}

/* Legacy Track Requests heading */

.content .table {
    box-sizing: border-box;
    width: 100% !important;
}

/* Give results more breathing room */

.rbl-results {
    max-width: 820px !important;
}

/* Stronger track hierarchy */

.rbl-results td {
    font-size: 14px !important;
}

.rbl-results td:nth-child(3),
.rbl-results td:nth-child(4) {
    font-weight: 700;
}

/* More compact request action */

.rbl-results .rbl-option {
    width: 125px !important;
}

/* Mobile refinement */

@media (max-width: 760px) {
    #paginate {
        padding: 10px !important;
    }

    .rbl-results {
        width: 100% !important;
    }
}

/* =========================================================
   RBL Request Center β€” Phase 2B
   Final legacy panel cleanup
   ========================================================= */

/* Track Requests legacy heading */
.content .header,
.content .header_live {
    background: linear-gradient(
        110deg,
        rgba(12,155,134,.18),
        rgba(100,37,232,.18)
    ) !important;

    color: #fff !important;
    border: 1px solid var(--rbl-border) !important;
    border-radius: 14px !important;
}

/* Pagination outer + inner legacy containers */
#paginate,
#paginate .paginate,
.content .paginate {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Pagination links */
#paginate .paginate a,
#paginate .paginate span,
#paginate .paginate strong {
    background: var(--rbl-panel-soft) !important;
    color: #fff !important;
    border-color: var(--rbl-border) !important;
}

/* Current page */
#paginate .paginate .current {
    background: var(--rbl-purple) !important;
    color: #fff !important;
    border-color: var(--rbl-purple) !important;
}

/* Keep disabled previous/next subdued */
#paginate .paginate span a[style*="opacity"] {
    opacity: .55 !important;
}

/* Remove legacy light backgrounds inside main content */
.content table:not(.rbl-results),
.content table:not(.rbl-results) > tbody,
.content table:not(.rbl-results) > tbody > tr,
.content table:not(.rbl-results) > tbody > tr > td {
    background-color: transparent !important;
}

/* =========================================================
   RBL Request Center β€” Phase 2C
   Header + legacy white-bar cleanup
   ========================================================= */

/* Top navigation strip */
body > .backto {
    box-sizing: border-box !important;
    width: min(1180px, calc(100% - 32px)) !important;
    max-width: 1180px !important;

    margin: 18px auto 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;

    text-align: left !important;
}

/* Back to main site */
body > .backto #backto {
    display: inline-flex !important;
    align-items: center;
    min-height: 42px;

    padding: 0 18px !important;

    background: rgba(255,255,255,.055) !important;
    color: #fff !important;

    border: 1px solid var(--rbl-border) !important;
    border-radius: 999px !important;

    text-decoration: none !important;
    font-weight: 700;

    transition: .15s ease;
}

body > .backto #backto:hover {
    background: rgba(255,196,0,.10) !important;
    color: var(--rbl-yellow) !important;
    border-color: rgba(255,196,0,.40) !important;
}

/* The legacy Track Requests title */
.content > div[style*="text-align: center"] {
    box-sizing: border-box !important;

    width: 100% !important;
    margin: 8px auto 22px !important;
    padding: 20px !important;

    background:
        linear-gradient(
            110deg,
            rgba(12,155,134,.15),
            rgba(100,37,232,.18),
            rgba(227,24,55,.10)
        ) !important;

    border: 1px solid var(--rbl-border) !important;
    border-radius: 16px !important;

    color: #fff !important;
}

/* Make the existing title prominent */
.content > div[style*="text-align: center"] span {
    color: #fff !important;
    font-size: 24px !important;
    font-weight: 850 !important;
    letter-spacing: -.02em;
}

/* Kill the white background on the table directly below title */
.content > div[style*="text-align: center"] + table,
.content > div[style*="text-align: center"] + .table {
    background: transparent !important;
}

/* Legacy status/information tables */
.content > .table {
    background: transparent !important;
    border: 0 !important;
    color: #fff !important;
}

/* Responsive top navigation */
@media (max-width: 760px) {
    body > .backto {
        width: calc(100% - 16px) !important;
        margin-top: 8px !important;
    }

    .content > div[style*="text-align: center"] {
        padding: 16px 12px !important;
    }

    .content > div[style*="text-align: center"] span {
        font-size: 20px !important;
    }
}

/* =========================================================
   RBL Request Center β€” Phase 3B
   Dynamic request status
   ========================================================= */

.rbl-request-status {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;

    width: min(760px, 100%);
    margin: 0 auto 18px;
}

.rbl-status-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    min-height: 72px;
    padding: 10px;

    background: rgba(255,255,255,.035);
    border: 1px solid var(--rbl-border);
    border-radius: 14px;

    text-align: center;
}

.rbl-status-item strong {
    color: var(--rbl-yellow);
    font-size: 18px;
    line-height: 1.2;
}

.rbl-status-item span {
    margin-top: 5px;

    color: var(--rbl-muted);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
}

@media (max-width: 600px) {
    .rbl-request-status {
        grid-template-columns: 1fr;
    }

    .rbl-status-item {
        min-height: 54px;
    }
}

/* =========================================================
   RBL Request Center β€” Phase 3C
   Status panel / title color correction
   ========================================================= */

/* Dynamic status panel must stay dark */
.rbl-request-status {
    background: transparent !important;
    border: 0 !important;
}

.rbl-request-status .rbl-status-item {
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.025)
        ) !important;

    color: #fff !important;
    border: 1px solid var(--rbl-border) !important;
    box-shadow: none !important;
}

.rbl-request-status .rbl-status-item strong {
    color: var(--rbl-yellow) !important;
}

.rbl-request-status .rbl-status-item span {
    color: var(--rbl-muted) !important;
}

/* PEDIR CANCIΓ“N title */
.content > div[style*="text-align: center"] {
    background:
        linear-gradient(
            110deg,
            rgba(12,155,134,.16),
            rgba(100,37,232,.20),
            rgba(227,24,55,.12)
        ) !important;

    color: #fff !important;
    border: 1px solid var(--rbl-border) !important;
}

.content > div[style*="text-align: center"] span {
    background: transparent !important;
    color: #fff !important;
}

/* Prevent legacy table colors from painting these areas */
.content .rbl-request-status,
.content .rbl-request-status div,
.content .rbl-request-status strong,
.content .rbl-request-status span {
    background-color: transparent;
}

/* =========================================================
   RBL Request Center β€” Phase 3D
   Force title banner into final RBL styling
   ========================================================= */

.content > div[style*="text-align: center"] {
    width: min(760px, 100%) !important;
    margin: 18px auto 28px !important;
    padding: 18px 20px !important;

    background: linear-gradient(
        110deg,
        rgba(12,155,134,.20),
        rgba(100,37,232,.24),
        rgba(227,24,55,.14)
    ) !important;

    background-color: #17171f !important;

    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 16px !important;

    color: #fff !important;
}

.content > div[style*="text-align: center"] span {
    display: block !important;
    background: transparent !important;
    background-color: transparent !important;
    color: #fff !important;

    font-size: 24px !important;
    font-weight: 850 !important;
}

/* =========================================================
   RBL Request Center β€” Phase 3E
   Dedicated request title
   ========================================================= */

.rbl-request-title {
    box-sizing: border-box !important;

    width: min(760px, calc(100% - 32px)) !important;
    max-width: 760px !important;

    margin: 18px auto 28px !important;
    padding: 18px 22px !important;

    background:
        linear-gradient(
            110deg,
            rgba(12,155,134,.18),
            rgba(100,37,232,.22),
            rgba(227,24,55,.12)
        ) !important;

    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 16px !important;

    text-align: center !important;
}

.rbl-request-title span {
    display: block !important;
    color: #fff !important;

    font-size: 24px !important;
    font-weight: 850 !important;
    letter-spacing: -.02em;
}

@media (max-width: 760px) {
    .rbl-request-title {
        width: calc(100% - 16px) !important;
        padding: 15px !important;
    }

    .rbl-request-title span {
        font-size: 21px !important;
    }
}

/* =========================================================
   RBL Request Center β€” Phase 4B
   Selected song + dedication form
   ========================================================= */

.rbl-selected-card {
    box-sizing: border-box;
    width: min(760px, calc(100% - 32px));
    margin: 28px auto 50px;
    padding: 26px;

    background:
        linear-gradient(145deg,
            rgba(31,31,43,.96),
            rgba(19,18,29,.96));

    border: 1px solid var(--rbl-border);
    border-top: 3px solid var(--rbl-yellow);
    border-radius: 20px;
    color: #fff;
}

.rbl-selected-kicker {
    margin-bottom: 18px;
    color: var(--rbl-yellow);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .12em;
}

.rbl-selected-track {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 26px;
    padding: 18px;

    background: rgba(255,255,255,.035);
    border: 1px solid var(--rbl-border);
    border-radius: 16px;
}

.rbl-selected-cover {
    width: 128px;
    height: 128px;
    flex: 0 0 128px;
    object-fit: cover;
    border-radius: 14px;
    box-shadow: 0 12px 30px rgba(0,0,0,.30);
}

.rbl-selected-meta {
    min-width: 0;
}

.rbl-selected-ready {
    display: inline-block;
    margin-bottom: 7px;
    color: var(--rbl-yellow);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .10em;
}

.rbl-selected-meta h2 {
    margin: 0 0 6px;
    color: #fff;
    font-size: 28px;
    line-height: 1.1;
}

.rbl-selected-meta p {
    margin: 0;
    color: var(--rbl-muted);
    font-size: 16px;
    font-weight: 700;
}

.rbl-form-group {
    margin-bottom: 18px;
}

.rbl-form-group label {
    display: block;
    margin-bottom: 8px;
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
}

.rbl-form-group label span {
    color: var(--rbl-muted);
    font-size: 9px;
}

.rbl-selected-card input[type="text"],
.rbl-selected-card textarea {
    box-sizing: border-box;
    display: block;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 14px 16px;

    background: #0f1017;
    color: #fff;

    border: 1px solid var(--rbl-border);
    border-radius: 12px;
    outline: none;
}

.rbl-selected-card textarea {
    min-height: 120px;
    resize: vertical;
}

.rbl-selected-card input[type="text"]:focus,
.rbl-selected-card textarea:focus {
    border-color: rgba(105,45,245,.85);
    box-shadow: 0 0 0 3px rgba(105,45,245,.12);
}

.rbl-dedication-note {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 4px 0 20px;
    padding: 13px 15px;

    background: rgba(255,196,0,.055);
    border: 1px solid rgba(255,196,0,.20);
    border-radius: 12px;
}

.rbl-dedication-note strong {
    color: var(--rbl-yellow);
    font-size: 10px;
    letter-spacing: .08em;
}

.rbl-dedication-note span {
    color: var(--rbl-muted);
    font-size: 12px;
}

.rbl-send-request {
    box-sizing: border-box;
    width: 100%;
    min-height: 52px;
    padding: 12px 20px;

    background: linear-gradient(100deg, #13a394, #6330ed);
    color: #fff;

    border: 0;
    border-radius: 13px;

    font-size: 15px;
    font-weight: 900;
    letter-spacing: .04em;
    cursor: pointer;
}

.rbl-send-request:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
}

.rbl-choose-another {
    display: block;
    margin: 16px auto 0;
    padding: 9px 14px;

    background: transparent;
    color: var(--rbl-muted);

    border: 0;
    cursor: pointer;

    font-size: 11px;
    font-weight: 800;
}

.rbl-choose-another:hover {
    color: var(--rbl-yellow);
}

@media (max-width: 600px) {
    .rbl-selected-card {
        width: calc(100% - 16px);
        padding: 18px;
    }

    .rbl-selected-track {
        align-items: flex-start;
        gap: 14px;
        padding: 14px;
    }

/* =========================================================
   RBL Alert contrast fix
   Prevent legacy styles from painting alert content white
   ========================================================= */

.rbl-alert .rbl-alert-content,
.rbl-alert .rbl-alert-content div,
.rbl-alert .rbl-alert-content p,
.rbl-alert .rbl-alert-content strong,
.rbl-alert .rbl-alert-content span,
.rbl-alert .rbl-alert-content small {
    background: transparent !important;
}

.rbl-alert .rbl-alert-content {
    color: #fff !important;
}

.rbl-alert .rbl-alert-title {
    color: #b783ff !important;
}

.rbl-alert .rbl-alert-content p {
    color: rgba(255,255,255,.92) !important;
}

.rbl-alert .rbl-alert-content small {
    color: rgba(255,255,255,.62) !important;
}

.rbl-alert .rbl-alert-content b,
.rbl-alert .rbl-alert-content strong {
    color: #ffcc00 !important;
}

.rbl-alert .rbl-alert-action {
    color: #fff !important;
    background: rgba(255,255,255,.06) !important;
}

    .rbl-selected-cover {
        width: 92px;
        height: 92px;
        flex-basis: 92px;
    }

    .rbl-selected-meta h2 {
        font-size: 21px;
    }
}

/* =========================================================
   RBL Request Center β€” Phase 4C
   Selected-card legacy CSS isolation
   ========================================================= */

.rbl-selected-card,
.rbl-selected-card div,
.rbl-selected-card form,
.rbl-selected-card label,
.rbl-selected-card h2,
.rbl-selected-card p {
    box-sizing: border-box;
}

/* Remove legacy white backgrounds from our new components */
.rbl-selected-card .rbl-selected-kicker,
.rbl-selected-card .rbl-selected-meta,
.rbl-selected-card .rbl-form-group,
.rbl-selected-card .rbl-form-group label {
    background: transparent !important;
    background-color: transparent !important;
    width: auto !important;
    min-width: 0 !important;
}

/* Selection heading */
.rbl-selected-card .rbl-selected-kicker {
    display: block !important;
    margin: 0 0 18px !important;
    padding: 0 !important;

    color: var(--rbl-yellow) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: .12em !important;
}

/* Track metadata must remain transparent */
.rbl-selected-card .rbl-selected-meta {
    padding: 0 !important;
    border: 0 !important;
}

.rbl-selected-card .rbl-selected-meta h2 {
    background: transparent !important;
    color: #fff !important;
    padding: 0 !important;
}

.rbl-selected-card .rbl-selected-meta p {
    background: transparent !important;
    color: var(--rbl-muted) !important;
    padding: 0 !important;
}

/* Form fields should stack vertically at full width */
.rbl-selected-card #formrequest {
    display: block !important;
    width: 100% !important;
}

.rbl-selected-card .rbl-form-group {
    display: block !important;
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Kill old white label boxes */
.rbl-selected-card .rbl-form-group label {
    display: block !important;
    margin: 0 0 8px !important;
    padding: 0 !important;

    color: #fff !important;

    border: 0 !important;
    box-shadow: none !important;

    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
}

/* Optional label */
.rbl-selected-card .rbl-form-group label span {
    background: transparent !important;
    color: var(--rbl-muted) !important;
}

/* Inputs */
.rbl-selected-card input[type="text"],
.rbl-selected-card textarea {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;

    background: #0f1017 !important;
    color: #fff !important;

    border: 1px solid var(--rbl-border) !important;
    border-radius: 12px !important;
}

/* Prevent legacy input dimensions */
.rbl-selected-card input[type="text"] {
    height: 52px !important;
}

.rbl-selected-card textarea {
    min-height: 125px !important;
}

/* Dedication notice */
.rbl-selected-card .rbl-dedication-note,
.rbl-selected-card .rbl-dedication-note strong,
.rbl-selected-card .rbl-dedication-note span {
    min-width: 0 !important;
}

.rbl-selected-card .rbl-dedication-note {
    background: rgba(255,196,0,.055) !important;
}

.rbl-selected-card .rbl-dedication-note strong {
    background: transparent !important;
    color: var(--rbl-yellow) !important;
}

.rbl-selected-card .rbl-dedication-note span {
    background: transparent !important;
    color: var(--rbl-muted) !important;
}

/* Mobile */
@media (max-width: 600px) {
    .rbl-selected-card .rbl-selected-track {
        width: 100% !important;
    }

    .rbl-selected-card input[type="text"],
    .rbl-selected-card textarea {
        width: 100% !important;
    }
}

/* =========================================================
   RBL Request Center β€” Phase 4D
   Modern success notification
   ========================================================= */

.rbl-request-success {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 22px !important;

    width: min(760px, calc(100% - 32px)) !important;
    min-width: 0 !important;
    margin: 22px auto !important;
    padding: 24px !important;

    text-align: left !important;

    background:
        linear-gradient(
            135deg,
            rgba(20, 100, 67, .20),
            rgba(10, 24, 25, .82)
        ) !important;

    border: 1px solid rgba(41, 220, 123, .60) !important;
    border-radius: 16px !important;

    box-shadow:
        0 16px 45px rgba(0, 0, 0, .22),
        inset 0 0 30px rgba(31, 220, 120, .035) !important;
}

.rbl-request-success,
.rbl-request-success div,
.rbl-request-success span,
.rbl-request-success strong,
.rbl-request-success small,
.rbl-request-success p {
    box-sizing: border-box !important;
    min-width: 0 !important;
}

.rbl-success-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 58px !important;

    width: 58px !important;
    height: 58px !important;

    margin: 2px 0 0 !important;
    padding: 0 !important;

    border: 2px solid #2ee681 !important;
    border-radius: 50% !important;

    background: rgba(46, 230, 129, .08) !important;
    color: #3cf08d !important;

    font-size: 30px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    box-shadow: 0 0 22px rgba(46, 230, 129, .18) !important;
}

.rbl-success-content {
    flex: 1 1 auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.rbl-success-title {
    display: block !important;
    margin: 0 0 5px !important;

    color: #3cf08d !important;

    font-size: 21px !important;
    font-weight: 900 !important;
    letter-spacing: .025em !important;
}

.rbl-success-message {
    margin: 0 0 18px !important;
    padding: 0 !important;

    background: transparent !important;
    color: #f5f7fb !important;

    font-size: 14px !important;
    line-height: 1.5 !important;
}

.rbl-success-stats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}

.rbl-success-stat {
    width: 100% !important;
    margin: 0 !important;
    padding: 12px 14px !important;

    background: rgba(255, 255, 255, .035) !important;
    border: 1px solid rgba(255, 255, 255, .07) !important;
    border-radius: 11px !important;
}

.rbl-success-stat span,
.rbl-success-stat strong,
.rbl-success-stat small {
    display: block !important;
    background: transparent !important;
}

.rbl-success-stat span {
    margin-bottom: 4px !important;

    color: #aeb5c8 !important;

    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: .10em !important;
}

.rbl-success-stat strong {
    color: #ffc400 !important;

    font-size: 17px !important;
    font-weight: 900 !important;
}

.rbl-success-stat small {
    margin-top: 3px !important;

    color: #c5cad7 !important;

    font-size: 11px !important;
}

.rbl-success-footer {
    width: 100% !important;
    margin: 15px 0 0 !important;
    padding: 10px 0 0 !important;

    background: transparent !important;
    border-top: 1px solid rgba(46, 230, 129, .15) !important;

    color: #3cf08d !important;

    font-size: 12px !important;
    font-weight: 800 !important;
}

/* Mobile success card */
@media (max-width: 600px) {
    .rbl-request-success {
        display: block !important;
        padding: 20px !important;
    }

    .rbl-success-icon {
        margin: 0 auto 16px !important;
    }

    .rbl-success-content {
        text-align: center !important;
    }

    .rbl-success-stats {
        grid-template-columns: 1fr !important;
        text-align: left !important;
    }
}

/* =========================================================
   RBL Request Center β€” Phase 4D
   Modern success notification
   ========================================================= */

.rbl-request-success {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 22px !important;

    width: min(760px, calc(100% - 32px)) !important;
    min-width: 0 !important;
    margin: 22px auto !important;
    padding: 24px !important;

    text-align: left !important;

    background:
        linear-gradient(
            135deg,
            rgba(20, 100, 67, .20),
            rgba(10, 24, 25, .82)
        ) !important;

    border: 1px solid rgba(41, 220, 123, .60) !important;
    border-radius: 16px !important;

    box-shadow:
        0 16px 45px rgba(0, 0, 0, .22),
        inset 0 0 30px rgba(31, 220, 120, .035) !important;
}

.rbl-request-success,
.rbl-request-success div,
.rbl-request-success span,
.rbl-request-success strong,
.rbl-request-success small,
.rbl-request-success p {
    box-sizing: border-box !important;
    min-width: 0 !important;
}

.rbl-success-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 58px !important;

    width: 58px !important;
    height: 58px !important;

    margin: 2px 0 0 !important;
    padding: 0 !important;

    border: 2px solid #2ee681 !important;
    border-radius: 50% !important;

    background: rgba(46, 230, 129, .08) !important;
    color: #3cf08d !important;

    font-size: 30px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    box-shadow: 0 0 22px rgba(46, 230, 129, .18) !important;
}

.rbl-success-content {
    flex: 1 1 auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.rbl-success-title {
    display: block !important;
    margin: 0 0 5px !important;

    color: #3cf08d !important;

    font-size: 21px !important;
    font-weight: 900 !important;
    letter-spacing: .025em !important;
}

.rbl-success-message {
    margin: 0 0 18px !important;
    padding: 0 !important;

    background: transparent !important;
    color: #f5f7fb !important;

    font-size: 14px !important;
    line-height: 1.5 !important;
}

.rbl-success-stats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}

.rbl-success-stat {
    width: 100% !important;
    margin: 0 !important;
    padding: 12px 14px !important;

    background: rgba(255, 255, 255, .035) !important;
    border: 1px solid rgba(255, 255, 255, .07) !important;
    border-radius: 11px !important;
}

.rbl-success-stat span,
.rbl-success-stat strong,
.rbl-success-stat small {
    display: block !important;
    background: transparent !important;
}

.rbl-success-stat span {
    margin-bottom: 4px !important;

    color: #aeb5c8 !important;

    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: .10em !important;
}

.rbl-success-stat strong {
    color: #ffc400 !important;

    font-size: 17px !important;
    font-weight: 900 !important;
}

.rbl-success-stat small {
    margin-top: 3px !important;

    color: #c5cad7 !important;

    font-size: 11px !important;
}

.rbl-success-footer {
    width: 100% !important;
    margin: 15px 0 0 !important;
    padding: 10px 0 0 !important;

    background: transparent !important;
    border-top: 1px solid rgba(46, 230, 129, .15) !important;

    color: #3cf08d !important;

    font-size: 12px !important;
    font-weight: 800 !important;
}

/* Mobile success card */
@media (max-width: 600px) {
    .rbl-request-success {
        display: block !important;
        padding: 20px !important;
    }

    .rbl-success-icon {
        margin: 0 auto 16px !important;
    }

    .rbl-success-content {
        text-align: center !important;
    }

    .rbl-success-stats {
        grid-template-columns: 1fr !important;
        text-align: left !important;
    }
}

/* =========================================================
   RBL Request Center - Phase 4F
   Modern request alerts
   ========================================================= */

.rbl-alert {
    width: min(690px, calc(100% - 32px)) !important;
    box-sizing: border-box !important;
    margin: 22px auto 28px !important;
    padding: 22px !important;

    display: flex !important;
    align-items: flex-start !important;
    gap: 18px !important;

    background:
        linear-gradient(135deg,
            rgba(25, 29, 45, .96),
            rgba(20, 20, 30, .96)) !important;

    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 50px rgba(0,0,0,.22) !important;

    color: #fff !important;
    text-align: left !important;
}

.rbl-alert-icon {
    flex: 0 0 54px !important;
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 50% !important;
    font-size: 22px !important;
    font-weight: 900 !important;
}

.rbl-alert-content {
    flex: 1 !important;
    min-width: 0 !important;
}

.rbl-alert-title {
    display: block !important;
    margin: 2px 0 7px !important;

    font-size: 21px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    letter-spacing: .035em !important;
}

.rbl-alert p {
    margin: 0 0 8px !important;
    color: rgba(255,255,255,.92) !important;
    line-height: 1.5 !important;
}

.rbl-alert small {
    display: block !important;
    color: rgba(255,255,255,.64) !important;
    line-height: 1.45 !important;
}

.rbl-alert-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin-top: 16px !important;
    padding: 10px 16px !important;

    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 999px !important;

    background: rgba(255,255,255,.06) !important;
    color: #fff !important;

    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .04em !important;
    text-decoration: none !important;
}

.rbl-alert-action:hover {
    background: rgba(255,255,255,.12) !important;
    transform: translateY(-1px);
}

/* Warning */
.rbl-alert-warning {
    border-color: rgba(255,193,7,.45) !important;
}

.rbl-alert-warning .rbl-alert-icon {
    border: 2px solid #ffc400 !important;
    color: #ffc400 !important;
    background: rgba(255,196,0,.08) !important;
}

.rbl-alert-warning .rbl-alert-title {
    color: #ffc400 !important;
}

/* Already queued / informational */
.rbl-alert-info {
    border-color: rgba(48,180,255,.38) !important;
}

.rbl-alert-info .rbl-alert-icon {
    border: 2px solid #3bbcff !important;
    color: #3bbcff !important;
    background: rgba(59,188,255,.08) !important;
}

.rbl-alert-info .rbl-alert-title {
    color: #62c9ff !important;
}

/* Daily limit */
.rbl-alert-limit {
    border-color: rgba(255,82,82,.42) !important;
}

.rbl-alert-limit .rbl-alert-icon {
    border: 2px solid #ff6262 !important;
    color: #ff7373 !important;
    background: rgba(255,82,82,.09) !important;
    font-size: 17px !important;
}

.rbl-alert-limit .rbl-alert-title {
    color: #ff7373 !important;
}

/* Five-minute cooldown */
.rbl-alert-cooldown {
    border-color: rgba(159,105,255,.45) !important;
}

.rbl-alert-cooldown .rbl-alert-icon {
    border: 2px solid #a875ff !important;
    color: #bd97ff !important;
    background: rgba(140,82,255,.10) !important;
}

.rbl-alert-cooldown .rbl-alert-title {
    color: #bd97ff !important;
}

.rbl-alert b {
    color: #ffc400 !important;
}

/* Mobile */
@media (max-width: 600px) {
    .rbl-alert {
        width: calc(100% - 20px) !important;
        padding: 17px !important;
        gap: 13px !important;
        border-radius: 15px !important;
    }

    .rbl-alert-icon {
        flex-basis: 44px !important;
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        font-size: 18px !important;
    }

    .rbl-alert-title {
        font-size: 17px !important;
    }

    .rbl-alert-action {
        width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* =========================================================
   RBL Request Alerts β€” Final legacy isolation
   ========================================================= */

.rbl-alert > .rbl-alert-content {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #fff !important;
}

.rbl-alert > .rbl-alert-content > strong,
.rbl-alert > .rbl-alert-content > p,
.rbl-alert > .rbl-alert-content > small {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Warning */
.rbl-alert-warning > .rbl-alert-content .rbl-alert-title {
    color: #ffc400 !important;
}

/* Cooldown */
.rbl-alert-cooldown > .rbl-alert-content .rbl-alert-title {
    color: #b783ff !important;
}

/* Error */
.rbl-alert-error > .rbl-alert-content .rbl-alert-title,
.rbl-alert-limit > .rbl-alert-content .rbl-alert-title {
    color: #ff6868 !important;
}

/* Alert body */
.rbl-alert > .rbl-alert-content p {
    color: rgba(255,255,255,.90) !important;
}

/* Alert action */
.rbl-alert > .rbl-alert-content .rbl-alert-action {
    background: rgba(255,255,255,.06) !important;
    background-color: rgba(255,255,255,.06) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.14) !important;
}

/* =========================================================
   RBL Request Center β€” V16
   Final responsive / mobile polish
   ========================================================= */

@media (max-width: 760px) {

    html,
    body {
        width: 100% !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
    }

    body > .backto {
        box-sizing: border-box !important;
        width: calc(100% - 24px) !important;
        max-width: none !important;
        margin: 12px auto 14px !important;
    }

    .content {
        box-sizing: border-box !important;
        width: calc(100% - 16px) !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 auto !important;
        padding: 12px 8px 30px !important;
    }

    /* Request status */
    .rbl-request-status {
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: none !important;
        gap: 8px !important;
    }

    /* Keep three compact status boxes on tablets */
    .rbl-status-item {
        min-width: 0 !important;
    }

    /* Request title */
    .rbl-request-title {
        box-sizing: border-box !important;
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Search area */
    .sbox {
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        padding: 14px !important;
    }

    .sbox form {
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .sbox input[type="text"],
    .sbox input[type="search"] {
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    /* Results */
    .rbl-results {
        width: 100% !important;
        min-width: 0 !important;
        table-layout: fixed !important;
    }

    .rbl-results .rbl-art-head,
    .rbl-results .rbl-art-cell {
        width: 60px !important;
    }

    .rbl-results .rbl-cover {
        width: 52px !important;
        height: 52px !important;
        max-width: 52px !important;
    }

    .rbl-results td,
    .rbl-results th {
        box-sizing: border-box !important;
        overflow-wrap: anywhere !important;
    }

    .rbl-results .rbl-option {
        width: 88px !important;
    }

    .rbl-results button,
    .rbl-results .button {
        box-sizing: border-box !important;
        max-width: 100% !important;
        white-space: nowrap !important;
    }

    /* Pagination */
    #paginate {
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 14px auto 22px !important;
        overflow: visible !important;
    }

    #paginate .paginate {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 6px !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    /* Selected request form */
    .rbl-selected-card {
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 18px auto 30px !important;
    }

    /* Notifications */
    .rbl-request-success,
    .rbl-alert {
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* Phone layout */
@media (max-width: 600px) {

    .content {
        padding: 8px 4px 24px !important;
    }

    /* Stack the three station limits */
    .rbl-request-status {
        grid-template-columns: 1fr !important;
        gap: 7px !important;
    }

    .rbl-status-item {
        min-height: 50px !important;
        padding: 8px !important;
    }

    .rbl-status-item strong {
        font-size: 17px !important;
    }

    .rbl-request-title span {
        font-size: 19px !important;
    }

    /* Selected song */
    .rbl-selected-track {
        gap: 12px !important;
    }

    .rbl-selected-cover {
        width: 76px !important;
        height: 76px !important;
        min-width: 76px !important;
        flex-basis: 76px !important;
    }

    .rbl-selected-meta h2 {
        font-size: 18px !important;
        line-height: 1.2 !important;
    }

    /* Results become denser without horizontal scrolling */
    .rbl-results .rbl-num,
    .rbl-results .rbl-duration {
        display: none !important;
    }

    .rbl-results .rbl-art-head,
    .rbl-results .rbl-art-cell {
        width: 54px !important;
    }

    .rbl-results .rbl-cover {
        width: 46px !important;
        height: 46px !important;
    }

    .rbl-results td {
        padding: 8px 4px !important;
    }

    .rbl-results .rbl-option {
        width: 74px !important;
    }

    .rbl-results button,
    .rbl-results .button {
        padding: 8px 7px !important;
        font-size: 10px !important;
    }

    /* Alerts */
    .rbl-alert {
        padding: 16px !important;
        gap: 12px !important;
    }

    .rbl-alert-title {
        font-size: 17px !important;
    }

    .rbl-request-success {
        padding: 18px !important;
    }
}

/* Very small phones */
@media (max-width: 420px) {

    body > .backto {
        width: calc(100% - 16px) !important;
    }

    .rbl-selected-card {
        padding: 14px !important;
    }

    .rbl-selected-cover {
        width: 66px !important;
        height: 66px !important;
        min-width: 66px !important;
        flex-basis: 66px !important;
    }

    .rbl-selected-meta h2 {
        font-size: 17px !important;
    }

    .rbl-results .rbl-art-head,
    .rbl-results .rbl-art-cell {
        width: 48px !important;
    }

    .rbl-results .rbl-cover {
        width: 42px !important;
        height: 42px !important;
    }

    #paginate .paginate {
        gap: 5px !important;
    }
}

/* =========================================================
   RBL Request Center β€” V16.1
   Floating Back-to-Top button
   ========================================================= */

#toTop {
    position: fixed !important;
    right: 22px !important;
    bottom: 22px !important;
    z-index: 9999 !important;

    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    padding: 0 !important;

    border: 1px solid rgba(174, 116, 255, .42) !important;
    border-radius: 50% !important;

    background:
        linear-gradient(
            135deg,
            rgba(15, 166, 170, .92),
            rgba(103, 42, 238, .94)
        ) !important;

    color: transparent !important;
    font-size: 0 !important;

    box-shadow:
        0 10px 30px rgba(0, 0, 0, .35),
        0 0 18px rgba(103, 42, 238, .18) !important;

    cursor: pointer !important;
    opacity: .92 !important;

    transition:
        transform .18s ease,
        opacity .18s ease,
        box-shadow .18s ease !important;
}

/* Arrow */
#toTop::before {
    content: "\2191" !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    position: absolute !important;
    inset: 0 !important;

    color: #fff !important;
    font-size: 24px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
}

#toTop:hover {
    opacity: 1 !important;
    transform: translateY(-3px) !important;

    box-shadow:
        0 14px 34px rgba(0, 0, 0, .42),
        0 0 24px rgba(103, 42, 238, .30) !important;
}

#toTop:focus-visible {
    outline: 2px solid #ffcc00 !important;
    outline-offset: 3px !important;
}

/* Smaller and less intrusive on phones */
@media (max-width: 600px) {
    #toTop {
        right: 12px !important;
        bottom: 14px !important;

        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;

        opacity: .88 !important;
    }

    #toTop::before {
        font-size: 21px !important;
    }
}

/* =========================================================
   RBL Request Center β€” V18
   Mobile Song Cards
   Desktop/tablet catalog remains unchanged
   ========================================================= */

@media (max-width: 600px) {

    /* Turn the legacy results table into a card list */
    .rbl-results,
    .rbl-results tbody {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    /* Column headings are unnecessary on mobile cards */
    .rbl-results thead {
        display: none !important;
    }

    .rbl-results tr {
        box-sizing: border-box !important;
        display: grid !important;

        grid-template-columns: 62px minmax(0, 1fr) 78px !important;
        grid-template-areas:
            "cover artist request"
            "cover title  request" !important;

        align-items: center !important;
        column-gap: 12px !important;
        row-gap: 3px !important;

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 0 10px !important;
        padding: 11px !important;

        background:
            linear-gradient(
                135deg,
                rgba(28, 28, 43, .98),
                rgba(20, 20, 31, .98)
            ) !important;

        border: 1px solid rgba(255,255,255,.11) !important;
        border-radius: 14px !important;

        box-shadow:
            0 8px 22px rgba(0,0,0,.20) !important;

        overflow: hidden !important;
    }

    /* Remove legacy table-cell presentation */
    .rbl-results td {
        display: block !important;

        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;

        padding: 0 !important;
        margin: 0 !important;

        border: 0 !important;
        background: transparent !important;

        text-align: left !important;
        vertical-align: middle !important;
    }

    /* Already unnecessary in mobile-card mode */
    .rbl-results .rbl-num,
    .rbl-results .rbl-duration {
        display: none !important;
    }

    /* Artwork */
    .rbl-results .rbl-art-cell {
        grid-area: cover !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 62px !important;
    }

    .rbl-results .rbl-cover {
        display: block !important;

        width: 60px !important;
        height: 60px !important;
        max-width: 60px !important;

        margin: 0 !important;

        object-fit: cover !important;
        border-radius: 11px !important;

        border: 1px solid rgba(255,255,255,.14) !important;

        box-shadow:
            0 6px 16px rgba(0,0,0,.28) !important;
    }

    /* Artist */
    .rbl-results td:nth-child(3) {
        grid-area: artist !important;

        align-self: end !important;

        color: rgba(255,255,255,.68) !important;
        font-size: 11px !important;
        line-height: 1.25 !important;
        font-weight: 700 !important;

        overflow-wrap: anywhere !important;
    }

    /* Song title β€” visually dominant */
    .rbl-results td:nth-child(4) {
        grid-area: title !important;

        align-self: start !important;

        color: #fff !important;
        font-size: 14px !important;
        line-height: 1.22 !important;
        font-weight: 900 !important;

        overflow-wrap: anywhere !important;
    }

    /* Request action */
    .rbl-results .rbl-option {
        grid-area: request !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        width: 78px !important;
        min-width: 0 !important;

        text-align: right !important;
    }

    .rbl-results .rbl-option a,
    .rbl-results .rbl-option button,
    .rbl-results .rbl-option .button {
        box-sizing: border-box !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 74px !important;
        min-height: 38px !important;

        margin: 0 !important;
        padding: 8px 9px !important;

        border: 1px solid rgba(255,196,0,.48) !important;
        border-radius: 999px !important;

        background: rgba(255,196,0,.06) !important;

        color: #ffcc00 !important;
        font-size: 10px !important;
        line-height: 1 !important;
        font-weight: 900 !important;
        letter-spacing: .035em !important;

        text-decoration: none !important;
        white-space: nowrap !important;
    }

    .rbl-results .rbl-option a:active,
    .rbl-results .rbl-option button:active,
    .rbl-results .rbl-option .button:active {
        transform: scale(.96) !important;
    }
}


/* Extra-tight phones */
@media (max-width: 390px) {

    .rbl-results tr {
        grid-template-columns: 54px minmax(0, 1fr) 70px !important;

        column-gap: 9px !important;

        padding: 9px !important;
        border-radius: 12px !important;
    }

    .rbl-results .rbl-art-cell {
        width: 54px !important;
    }

    .rbl-results .rbl-cover {
        width: 52px !important;
        height: 52px !important;
        max-width: 52px !important;
    }

    .rbl-results td:nth-child(3) {
        font-size: 10px !important;
    }

    .rbl-results td:nth-child(4) {
        font-size: 13px !important;
    }

    .rbl-results .rbl-option {
        width: 70px !important;
    }

    .rbl-results .rbl-option a,
    .rbl-results .rbl-option button,
    .rbl-results .rbl-option .button {
        width: 68px !important;
        min-height: 36px !important;
        padding: 7px 6px !important;
        font-size: 9px !important;
    }
}

/* =========================================================
   RBL Request Center β€” V18.1
   Mobile card header cleanup
   ========================================================= */

@media (max-width: 700px) {
    .rbl-results thead {
        display: none !important;
    }
}

/* =========================================================
   RBL Request Center β€” V18.2
   Hide legacy results header in mobile card mode
   ========================================================= */

@media (max-width: 700px) {
    .rbl-results .rbl-results-header {
        display: none !important;
    }
}

/* =========================================================
   RBL Request Center β€” V19
   Artwork Showcase
   ========================================================= */

.rbl-artwork-trigger {
    cursor: zoom-in !important;
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        filter .18s ease !important;
}

.rbl-artwork-trigger:hover {
    transform: scale(1.08) !important;
    box-shadow:
        0 0 0 2px rgba(255,196,0,.65),
        0 8px 22px rgba(0,0,0,.45) !important;
    filter: brightness(1.08) !important;
}

.rbl-artwork-trigger:focus-visible {
    outline: 2px solid #ffcc00 !important;
    outline-offset: 3px !important;
}

html.rbl-artwork-open,
html.rbl-artwork-open body {
    overflow: hidden !important;
}

.rbl-artwork-viewer {
    position: fixed !important;
    inset: 0 !important;
    z-index: 99999 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 24px !important;

    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;

    transition:
        opacity .22s ease,
        visibility .22s ease !important;
}

.rbl-artwork-viewer.is-open {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

.rbl-artwork-backdrop {
    position: absolute !important;
    inset: 0 !important;

    background:
        radial-gradient(circle at center,
            rgba(63,30,110,.38),
            rgba(4,5,12,.94) 68%) !important;

    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}

.rbl-artwork-dialog {
    position: relative !important;
    z-index: 1 !important;

    width: min(720px, 92vw) !important;
    max-height: 94vh !important;

    padding: 18px !important;

    background:
        linear-gradient(145deg,
            rgba(27,28,44,.98),
            rgba(12,13,24,.98)) !important;

    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 22px !important;

    box-shadow:
        0 30px 90px rgba(0,0,0,.72),
        0 0 50px rgba(105,47,255,.18) !important;

    transform: scale(.90) translateY(14px) !important;
    transition: transform .24s ease !important;
}

.rbl-artwork-viewer.is-open .rbl-artwork-dialog {
    transform: scale(1) translateY(0) !important;
}

.rbl-artwork-stage {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    min-height: 200px !important;

    overflow: hidden !important;
    border-radius: 16px !important;

    background: #090a11 !important;
}

.rbl-artwork-stage img {
    display: block !important;

    width: auto !important;
    height: auto !important;

    max-width: 100% !important;
    max-height: min(68vh, 680px) !important;

    object-fit: contain !important;

    border-radius: 14px !important;

    box-shadow:
        0 20px 55px rgba(0,0,0,.55) !important;
}

.rbl-artwork-close {
    position: absolute !important;
    top: -14px !important;
    right: -14px !important;
    z-index: 3 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 44px !important;
    height: 44px !important;

    padding: 0 !important;

    border: 1px solid rgba(255,255,255,.25) !important;
    border-radius: 50% !important;

    background: #171824 !important;
    color: #fff !important;

    font-size: 29px !important;
    line-height: 1 !important;

    cursor: pointer !important;

    box-shadow: 0 8px 24px rgba(0,0,0,.5) !important;
}

.rbl-artwork-close:hover {
    background: #ffcc00 !important;
    color: #111 !important;
}

.rbl-artwork-info {
    padding: 16px 4px 2px !important;
    text-align: left !important;
    background: transparent !important;
}

.rbl-artwork-info span {
    display: block !important;
    margin-bottom: 5px !important;

    color: #ffcc00 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: .14em !important;
}

.rbl-artwork-info strong {
    display: block !important;

    color: #fff !important;
    font-size: clamp(20px, 3vw, 30px) !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
}

.rbl-artwork-info p {
    margin: 5px 0 0 !important;

    color: rgba(255,255,255,.68) !important;
    font-size: 14px !important;

    background: transparent !important;
}

@media (max-width: 700px) {
    .rbl-artwork-viewer {
        padding: 14px !important;
    }

    .rbl-artwork-dialog {
        width: 94vw !important;
        padding: 10px !important;
        border-radius: 18px !important;
    }

    .rbl-artwork-stage img {
        max-height: 67vh !important;
    }

    .rbl-artwork-close {
        top: 8px !important;
        right: 8px !important;

        width: 40px !important;
        height: 40px !important;

        background: rgba(10,11,18,.86) !important;
    }

    .rbl-artwork-info {
        padding: 13px 5px 5px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .rbl-artwork-trigger,
    .rbl-artwork-viewer,
    .rbl-artwork-dialog {
        transition: none !important;
    }
}

/* =========================================================
   RBL Request Center β€” V20.1
   Search: genuine zero-results state
   ========================================================= */

.rbl-no-results {
    box-sizing: border-box !important;
    width: min(720px, calc(100% - 32px)) !important;
    margin: 28px auto !important;
    padding: 24px !important;

    display: flex !important;
    align-items: center !important;
    gap: 20px !important;

    text-align: left !important;

    background:
        linear-gradient(135deg,
            rgba(25,27,42,.96),
            rgba(15,16,27,.96)) !important;

    border: 1px solid rgba(255,196,0,.35) !important;
    border-radius: 18px !important;

    box-shadow:
        0 18px 45px rgba(0,0,0,.25),
        inset 0 1px rgba(255,255,255,.035) !important;
}

.rbl-no-results-icon {
    flex: 0 0 58px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 58px !important;
    height: 58px !important;

    background: rgba(255,196,0,.07) !important;
    border: 2px solid #ffcc00 !important;
    border-radius: 50% !important;

    font-size: 24px !important;
}

.rbl-no-results-content {
    flex: 1 !important;
    min-width: 0 !important;
    background: transparent !important;
}

.rbl-no-results-kicker {
    display: block !important;
    margin-bottom: 5px !important;

    color: #ffcc00 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: .12em !important;
}

.rbl-no-results strong {
    display: block !important;

    color: #fff !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
}

.rbl-no-results p {
    margin: 7px 0 15px !important;

    color: rgba(255,255,255,.68) !important;
    line-height: 1.45 !important;

    background: transparent !important;
}

.rbl-no-results-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 38px !important;
    padding: 0 18px !important;

    border: 1px solid rgba(255,196,0,.42) !important;
    border-radius: 999px !important;

    background: rgba(255,196,0,.07) !important;

    color: #ffcc00 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: .045em !important;
    text-decoration: none !important;
}

.rbl-no-results-action:hover {
    background: #ffcc00 !important;
    color: #111 !important;
}

@media (max-width: 700px) {
    .rbl-no-results {
        width: calc(100% - 20px) !important;
        padding: 18px !important;
        gap: 14px !important;
    }

    .rbl-no-results-icon {
        flex-basis: 48px !important;
        width: 48px !important;
        height: 48px !important;
        font-size: 19px !important;
    }

    .rbl-no-results strong {
        font-size: 16px !important;
    }

    .rbl-no-results p {
        font-size: 12px !important;
    }
}

/* =========================================================
   RBL Request Center β€” V22.1
   Selected-song artwork showcase polish
   ========================================================= */

.rbl-selected-details {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px 14px !important;
    margin-top: 10px !important;
    background: transparent !important;
}

.rbl-selected-duration,
.rbl-selected-art-hint {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 28px !important;
    padding: 5px 10px !important;

    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.035) !important;

    color: rgba(255,255,255,.68) !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: .045em !important;
}

.rbl-selected-art-hint {
    border-color: rgba(255,196,0,.20) !important;
    background: rgba(255,196,0,.045) !important;
    color: #ffcc00 !important;
}

.rbl-selected-cover.rbl-artwork-trigger {
    cursor: zoom-in !important;
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease !important;
}

.rbl-selected-cover.rbl-artwork-trigger:hover {
    transform: scale(1.035) !important;
    border-color: rgba(255,196,0,.72) !important;
    box-shadow:
        0 0 0 2px rgba(255,196,0,.08),
        0 12px 28px rgba(0,0,0,.30) !important;
}

.rbl-selected-cover.rbl-artwork-trigger:active {
    transform: scale(.98) !important;
}

@media (max-width: 700px) {
    .rbl-selected-details {
        gap: 7px !important;
        margin-top: 8px !important;
    }

    .rbl-selected-duration,
    .rbl-selected-art-hint {
        font-size: 9px !important;
        padding: 5px 8px !important;
    }
}


/* =========================================================
   RBL Request Center β€” V23
   Complete request-success experience
   ========================================================= */

.rbl-success-v23 {
    max-width: 760px !important;
}

.rbl-success-kicker {
    display: block !important;
    margin-bottom: 5px !important;
    color: #ffcc00 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: .14em !important;
}

.rbl-success-v23 .rbl-success-title {
    font-size: 27px !important;
}

.rbl-success-track {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;

    margin: 22px 0 !important;
    padding: 14px !important;

    border: 1px solid rgba(255,255,255,.11) !important;
    border-radius: 16px !important;

    background:
        linear-gradient(135deg,
            rgba(255,255,255,.055),
            rgba(255,196,0,.025)) !important;
}

.rbl-success-cover {
    display: block !important;

    width: 112px !important;
    height: 112px !important;
    min-width: 112px !important;

    object-fit: cover !important;

    border: 2px solid rgba(255,196,0,.55) !important;
    border-radius: 14px !important;

    cursor: zoom-in !important;

    box-shadow: 0 10px 28px rgba(0,0,0,.30) !important;

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease !important;
}

.rbl-success-cover:hover {
    transform: scale(1.035) !important;
    border-color: #ffcc00 !important;
    box-shadow:
        0 0 0 3px rgba(255,196,0,.08),
        0 14px 34px rgba(0,0,0,.38) !important;
}

.rbl-success-track-meta {
    min-width: 0 !important;
    text-align: left !important;
    background: transparent !important;
}

.rbl-success-track-meta > span {
    color: #ffcc00 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: .12em !important;
}

.rbl-success-track-meta h2 {
    margin: 5px 0 3px !important;

    color: #fff !important;
    font-size: 25px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;

    overflow-wrap: anywhere !important;
}

.rbl-success-track-meta p {
    margin: 0 0 10px !important;
    color: rgba(255,255,255,.70) !important;
    font-weight: 700 !important;
}

.rbl-success-track-meta small {
    display: inline-flex !important;
    padding: 6px 10px !important;

    border: 1px solid rgba(255,196,0,.22) !important;
    border-radius: 999px !important;

    background: rgba(255,196,0,.045) !important;

    color: #ffcc00 !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
}

.rbl-success-dedication {
    box-sizing: border-box !important;

    margin-top: 16px !important;
    padding: 13px 15px !important;

    border: 1px solid rgba(255,196,0,.30) !important;
    border-radius: 13px !important;

    background: rgba(255,196,0,.055) !important;

    text-align: left !important;
}

.rbl-success-dedication strong,
.rbl-success-dedication span {
    display: block !important;
    background: transparent !important;
}

.rbl-success-dedication strong {
    margin-bottom: 4px !important;
    color: #ffcc00 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
}

.rbl-success-dedication span {
    color: rgba(255,255,255,.72) !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
}

.rbl-success-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;

    margin-top: 20px !important;

    background: transparent !important;
}

.rbl-success-actions a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 48px !important;
    padding: 10px 14px !important;

    border-radius: 12px !important;

    color: #fff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .035em !important;
    text-decoration: none !important;
}

.rbl-success-live {
    border: 1px solid rgba(34,211,238,.35) !important;
    background: linear-gradient(100deg, #13a394, #6330ed) !important;
}

.rbl-success-another {
    border: 1px solid rgba(255,196,0,.32) !important;
    background: rgba(255,196,0,.065) !important;
    color: #ffcc00 !important;
}

@media (max-width: 700px) {

    .rbl-success-track {
        align-items: flex-start !important;
        gap: 12px !important;
        padding: 11px !important;
    }

    .rbl-success-cover {
        width: 86px !important;
        height: 86px !important;
        min-width: 86px !important;
    }

    .rbl-success-track-meta h2 {
        font-size: 19px !important;
    }

    .rbl-success-track-meta small {
        font-size: 8px !important;
    }

    .rbl-success-actions {
        grid-template-columns: 1fr !important;
    }
}