.manage-player-options { display: grid; gap: 20px; }
.manage-logo-shapes { grid-column: 1 / -1; display: flex; gap: 6px; }
body.portal-modern #manage-dialog .manage-logo-shapes button { display: grid; place-items: center; width: 30px; height: 30px; min-height: 30px; padding: 4px; }
.manage-logo-shapes svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; }
body.portal-modern #manage-dialog .manage-logo-shapes button[aria-pressed='true'] { background: #d6f8eb !important; border-color: #00b875 !important; color: #086846 !important; }
body.portal-modern #manage-dialog .podcast-manager { border: 0 !important; border-radius: 0 !important; }
body.portal-modern #manage-dialog .podcast-beta-notice { display: flex; align-items: center; gap: 16px; padding: 20px; margin: 0; border: 1px solid #cbecde; border-radius: 14px; background: #effbf5; }
.podcast-notice-icon { display: grid; place-items: center; width: 44px; height: 44px; flex-shrink: 0; border-radius: 12px; background: #d3f7e6; color: #078450; font-size: 26px; }
body.portal-modern #manage-dialog .podcast-beta-notice strong { font-size: 18px; letter-spacing: 0; }
body.portal-modern #manage-dialog .podcast-beta-notice p { color: #69766f; font-size: 12px; line-height: 1.6; margin: 6px 0 0; }
.manage-podcast-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
body.portal-modern #manage-dialog .manage-podcast-heading h3 { margin: 6px 0; font-size: 20px !important; }
.manage-podcast-heading > span { padding: 6px 10px; border-radius: 999px; background: #f0f3f5; color: #727883; font-size: 11px; }
body.portal-modern #manage-dialog .podcast-list { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
body.portal-modern #manage-dialog .podcast-row { grid-template-columns: 78px minmax(0,1fr); padding: 16px; gap: 14px; border: 1px solid #e5e8ed; border-radius: 14px; background: #fff; align-items: start; }
.manage-podcast-art { width: 78px; height: 78px; overflow: hidden; border-radius: 10px; }
body.portal-modern #manage-dialog .manage-podcast-art img,body.portal-modern #manage-dialog .manage-podcast-art .podcast-placeholder { width: 100%; height: 100%; border: 0; background: #f0eafa; color: #7751db; }
body.portal-modern #manage-dialog .podcast-row > div:nth-child(2) { gap: 8px; }
body.portal-modern #manage-dialog .podcast-row strong { font-size: 17px; white-space: normal; overflow-wrap: anywhere; line-height: 1.3; }
body.portal-modern #manage-dialog .podcast-row small { font-size: 10px; color: #727883; font-weight: 500; }
body.portal-modern #manage-dialog .podcast-row em { font-size: 9px; font-weight: 600; color: #078450; }
body.portal-modern #manage-dialog .podcast-row-actions { grid-column: 1 / -1; display: flex; justify-content: flex-end; border-top: 1px solid #edf0f3; padding-top: 12px; }
body.portal-modern #manage-dialog .podcast-row-actions button { padding: 8px 12px; font-size: 10px; color: #086846 !important; background: #edfaf3 !important; border-color: #d2eddf !important; }
body.portal-modern #manage-dialog .podcast-empty { grid-column: 1 / -1; padding: 44px 20px; border: 1px dashed #d8dfe7; border-radius: 14px; font-size: 13px; color: #727883; background: #fafbfc; }
body.portal-modern #manage-dialog .podcast-proposal-form { padding: 22px; border: 1px solid #e5e8ed; border-radius: 14px; background: #fff; gap: 16px; }
body.portal-modern #manage-dialog .podcast-proposal-form header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
body.portal-modern #manage-dialog .podcast-proposal-form > label:has(input[type='checkbox']) { display: flex; align-items: flex-start; gap: 10px; font-size: 12px; line-height: 1.5; }
body.portal-modern #manage-dialog .podcast-proposal-form input[type='checkbox'] { flex-shrink: 0; margin-top: 2px; }
@media(max-width:760px) { body.portal-modern #manage-dialog .podcast-list { grid-template-columns: 1fr; } }
.manage-player-options > label { grid-row: 1; }
.manage-player-options > .manage-title-fonts { grid-row: 2; }
.manage-player-options > .manage-player-models { grid-row: 3; }
.manage-title-fonts { min-width: 0; padding: 0; margin: 0; border: 0; }.manage-title-fonts legend { font-size: 12px; font-weight: 600; margin-bottom: 10px; }
.manage-font-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
body.portal-modern #manage-dialog .manage-font-grid button { min-width: 0; padding: 10px 6px; }
body.portal-modern #manage-dialog .manage-font-grid button span { display: block; font-family: var(--title-font), sans-serif !important; font-size: 20px; font-weight: 400; line-height: 1.2; overflow-wrap: anywhere; margin-bottom: 8px; }
body.portal-modern #manage-dialog .manage-font-grid button span { margin-bottom: 0; }
body.portal-modern #manage-dialog .manage-font-grid button[aria-pressed='true'] { border-color: #00b875 !important; outline: 2px solid #00b875; background: #eafff5 !important; }
.manage-player-models { margin: 0; padding: 0; border: 0; min-width: 0; }.manage-player-models legend { margin-bottom: 10px; font-size: 12px; font-weight: 600; }
.manage-model-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
body.portal-modern #manage-dialog .manage-model-grid button { padding: 6px; font-size: 10px; min-width: 0; }
body.portal-modern #manage-dialog .manage-model-grid button[aria-pressed='true'] { border-color: #00b875 !important; outline: 2px solid #00b875; background: #eafff5 !important; }
.model-mini { display: grid; gap: 5px; height: 68px; margin-bottom: 7px; padding: 8px; border-radius: 5px; background: #292333; color: #fff; text-align: left; font-size: 9px; }.model-mini i { font-style: normal; background: #7751db; color: #fff; padding: 4px; }
.model-compact { align-content: center; background: #eef1f5; color: #15171c; }.model-compact i { background: #fff; color: #15171c; border-radius: 8px; }
.model-cover { text-align: center; background: #7751db; }.model-cover b { font-size: 23px; }.model-cover i { background: #fff; color: #15171c; }
#manage-preview-card[data-player-style='compact'] { min-height: 240px; display: grid; grid-template-columns: 1fr 56px; gap: 10px; align-items: center; }
#manage-preview-card[data-player-style='compact'] #manage-preview-logo { height: 40px; margin: 0; }#manage-preview-card[data-player-style='compact'] #manage-preview-logo img { height: 40px; }
#manage-preview-card[data-player-style='compact'] #manage-preview-name,#manage-preview-card[data-player-style='compact'] #manage-preview-description { grid-column: 1 / -1; margin: 0; }
#manage-preview-card[data-player-style='compact'] #manage-preview-listen { grid-column: 2; grid-row: 4 / 6; margin: 0; }#manage-preview-card[data-player-style='compact'] .manage-preview-wave { display: none; }
#manage-preview-card[data-player-style='cover'] { text-align: center; }#manage-preview-card[data-player-style='cover'] #manage-preview-logo { display: grid; place-items: center; height: 180px; border-radius: 10px; background: #ffffff18; margin-bottom: 20px; }#manage-preview-card[data-player-style='cover'] #manage-preview-logo img { width: 100%; height: 180px; max-width: 100%; object-fit: contain; }#manage-preview-card[data-player-style='cover'] #manage-preview-listen { margin: 20px auto; }#manage-preview-card[data-player-style='cover'] .manage-preview-wave { display: none; }
body.portal-modern #manage-dialog { width: min(1440px,calc(100vw - 40px)); border: 0; padding: 0; border-radius: 20px; }
body.portal-modern #manage-dialog .manage-card { padding: 0; height: min(940px,calc(100dvh - 40px)); border: 0 !important; border-radius: 20px !important; }
body.portal-modern #manage-dialog .manage-header { position: relative; padding: 24px 28px 20px; grid-template-columns: 1fr auto; gap: 10px; border: 0; background: #fff; }
body.portal-modern #manage-dialog .manage-header .eyebrow { width: max-content; padding: 6px 10px; border-radius: 6px; color: #07583c; background: #d8faed; font-size: 10px; }
body.portal-modern #manage-dialog .manage-header h2 { grid-column: 1; font-size: 36px !important; }
body.portal-modern #manage-dialog .manage-header .radio-url { grid-column: 1; text-align: left; font-size: 12px; }
.manage-status-pill { grid-column: 2; grid-row: 2 / 4; display: flex; align-items: center; gap: 12px; min-width: 210px; padding: 14px 20px; margin-right: 30px; border-radius: 12px; background: #f0f2f5; }
.manage-status-pill.is-online { background: #e0fbef; }
.manage-status-pill i { width: 13px; height: 13px; border-radius: 50%; background: #929aa5; }
.manage-status-pill.is-online i { background: #00c881; }
.manage-status-pill div { display: grid; gap: 4px; }.manage-status-pill small { color: #727883; font-size: 12px; }
body.portal-modern #manage-dialog .manage-tabs { margin: 0 28px; padding: 0; border: 1px solid #e1e5eb; border-radius: 12px; overflow: hidden; background: #f7f8fa; }
body.portal-modern #manage-dialog .manage-tabs button { min-height: 46px; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #59616e !important; font-size: 12px; }
body.portal-modern #manage-dialog .manage-tabs button.active { background: #15171c !important; color: #00e68c !important; }
body.portal-modern #manage-dialog .manage-tab-panel { padding: 20px 28px 28px; background: #fff; }
body.portal-modern #manage-dialog [data-manage-panel='radio'] { grid-template-columns: minmax(0,2fr) minmax(260px,1fr); gap: 18px; }
body.portal-modern #manage-dialog .manage-information { grid-column: 1; gap: 14px; }
body.portal-modern #manage-dialog .manage-information span { padding: 16px; min-height: 76px; border: 1px solid #e1e5eb; border-radius: 12px; background: #f8faf9; font-size: 10px; }
body.portal-modern #manage-dialog .manage-information strong { font-size: 19px; margin-top: 6px; }
body.portal-modern #manage-dialog #radio-design-form { grid-column: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; padding: 0; border: 0; background: none; }
.manage-setting-card { min-width: 0; padding: 18px; border: 1px solid #e5e8ed; border-radius: 14px; background: #fff; }
.manage-setting-card > header { display: flex; gap: 12px; align-items: center; margin-bottom: 20px; }
.manage-setting-card > header > span { display: grid; place-items: center; width: 34px; height: 34px; flex-shrink: 0; border-radius: 50%; background: #00e68c; color: #073c2b; font-weight: 700; }
body.portal-modern #manage-dialog .manage-setting-card h3 { font-size: 18px !important; margin: 0 0 4px; }.manage-setting-card p { margin: 0; font-size: 12px; color: #727883; }
.manage-identity { grid-column: 1 / -1; }.manage-identity-fields { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(0,1fr); gap: 22px; }
body.portal-modern #manage-dialog .manage-setting-card label { display: grid; gap: 10px; font-size: 12px; grid-column: auto; grid-row: auto; }
body.portal-modern #manage-dialog .radio-logo-field { align-self: start; align-content: start; }
body.portal-modern #manage-dialog .radio-logo-editor { display: flex; gap: 18px; align-items: flex-start; }
body.portal-modern #manage-dialog .radio-logo-preview { width: 110px; height: 110px; min-width: 110px; border: 1px dashed #cbd2dc; border-radius: 10px; background: #f8f9fb; }
body.portal-modern #manage-dialog .radio-logo-preview img { width: 100%; height: 100%; object-fit: contain; }
body.portal-modern #manage-dialog .radio-logo-actions { min-width: 0; }.radio-logo-actions small { font-size: 10px; line-height: 1.5; }
body.portal-modern #manage-dialog .radio-logo-actions button { font-size: 10px; padding: 9px; }
body.portal-modern #manage-dialog .color-field { border: 1px solid #e1e5eb; border-radius: 9px; background: #fff; padding: 6px; gap: 10px; }
body.portal-modern #manage-dialog input[type='color'] { width: 42px; min-height: 38px; padding: 2px !important; }
.manage-color-palette { display: flex; flex-wrap: wrap; gap: 8px; }
body.portal-modern #manage-dialog .manage-color-palette { align-items: center; }
body.portal-modern #manage-dialog .manage-color-palette .color-field { display: flex; width: 32px; height: 32px; padding: 2px; gap: 0; border-radius: 8px; }
body.portal-modern #manage-dialog .manage-color-palette input[type='color'] { width: 26px; height: 26px; min-height: 26px; padding: 0 !important; border: 0 !important; cursor: pointer; }
.manage-color-palette #manage-background-value { display: none; }
.actual-player-preview { position: relative; width: 100%; overflow: hidden; border-radius: 10px; }
.actual-player-preview iframe { position: absolute; inset: 0; width: 800px; height: 640px; border: 0; transform-origin: top left; pointer-events: none; }
.model-original:has(.actual-player-preview) { display: block; padding: 0; overflow: hidden; }
body.portal-modern #manage-dialog .manage-color-palette button { width: 25px; height: 25px; min-height: 25px; padding: 0; border: 1px solid #d2d7dd !important; border-radius: 50% !important; background: var(--swatch-color) !important; }
body.portal-modern #manage-dialog .manage-color-palette button[aria-pressed='true'] { outline: 2px solid #303640; outline-offset: 3px; }
.manage-description-count { display: block; text-align: right; color: #8a919c; font-size: 11px; margin-top: 6px; }
body.portal-modern #manage-dialog #manage-radio-logo-delete { display: grid; place-items: center; width: 36px; height: 36px; min-height: 36px; padding: 0; }
body.portal-modern #manage-dialog #manage-preview-name { font-family: Combat, sans-serif !important; font-size: 38px !important; line-height: 1.1; }
body.portal-modern #manage-dialog #manage-copy-player-link { width: 100%; margin-top: 14px; }
.manage-design-actions { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: center; gap: 16px; }
body.portal-modern #manage-dialog #radio-design-form > .manage-setting-card { align-self: stretch; }
.manage-header-actions { grid-column: 2; grid-row: 2 / 4; display: flex; align-items: center; }
body.portal-modern #manage-dialog .manage-header { grid-template-columns: minmax(0,1fr) auto auto; }
body.portal-modern #manage-dialog .manage-status-pill { grid-column: 3; }
body.portal-modern #manage-dialog .manage-identity-fields { grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: start; gap: 16px 20px; }
body.portal-modern #manage-dialog .manage-player-options { display: contents; }
body.portal-modern #manage-dialog .manage-player-options > label { grid-column: 2; grid-row: 1; }
body.portal-modern #manage-dialog .manage-title-fonts { grid-column: 1; grid-row: 2; }
body.portal-modern #manage-dialog .manage-player-models { grid-column: 2; grid-row: 2; align-self: end; }
body.portal-modern #manage-dialog .manage-title-fonts { align-self: end; }
body.portal-modern #manage-dialog .model-mini { height: 78px; margin-bottom: 4px; padding: 4px 6px; gap: 2px; }
body.portal-modern #manage-dialog :is(.manage-title-fonts,.manage-player-models) { position: relative; top: -20px; }
body.portal-modern #manage-dialog .manage-title-fonts { top: -40px; }
body.portal-modern #manage-dialog .manage-player-models { top: -40px; }
/* Keep font choices independent from the height of the player thumbnails. */
body.portal-modern #manage-dialog .manage-identity .manage-title-fonts { align-self: start; top: 0; }
body.portal-modern #manage-dialog .manage-identity .manage-player-models { top: -60px; }
body.portal-modern #manage-dialog .model-cover b { font-size: 14px; }
body.portal-modern #manage-dialog .model-original:has(.actual-player-preview) { padding: 0; }
body.portal-modern #manage-dialog .manage-header { padding: 14px 24px 12px; gap: 6px 14px; }
body.portal-modern #manage-dialog .manage-header h2 { font-size: 30px !important; }
body.portal-modern #manage-dialog .manage-header .eyebrow { padding: 4px 8px; font-size: 9px; }
body.portal-modern #manage-dialog .manage-status-pill { padding: 10px 14px; min-width: 180px; margin-right: 24px; }
body.portal-modern #manage-dialog .manage-header { grid-template-columns: minmax(0,1fr) auto auto; grid-template-rows: auto auto; padding: 16px 64px 14px 24px; gap: 6px 14px; align-items: center; }
body.portal-modern #manage-dialog .manage-header .eyebrow { display: none; }
body.portal-modern #manage-dialog .manage-header h2 { grid-column: 1; grid-row: 1; font-family: Combat, sans-serif !important; font-size: 30px !important; font-weight: 400 !important; line-height: 1.1; }
body.portal-modern #manage-dialog .manage-header .radio-url { grid-column: 1; grid-row: 2; font-size: 11px; }
body.portal-modern #manage-dialog .manage-header-actions { grid-column: 2; grid-row: 1 / 3; }
body.portal-modern #manage-dialog .manage-status-pill { grid-column: 3; grid-row: 1 / 3; margin: 0; }
body.portal-modern #manage-dialog .manage-card > .dialog-close { top: 16px; right: 16px; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; min-height: 32px; padding: 0; line-height: 1; font-family: Arial, sans-serif !important; font-size: 24px; font-weight: 400; }
body.portal-modern #manage-dialog .manage-identity { padding: 14px; }
body.portal-modern #manage-dialog .manage-identity > header { margin-bottom: 10px; }
body.portal-modern #manage-dialog .manage-identity-fields { row-gap: 10px; }
body.portal-modern #manage-dialog .manage-identity :is(.manage-title-fonts,.manage-player-models) { margin-bottom: -32px; }
body.portal-modern #manage-dialog .manage-identity .radio-logo-preview { width: 126px; height: 82px; min-width: 126px; flex-shrink: 0; padding: 8px; }
body.portal-modern #manage-dialog .manage-identity .radio-logo-actions { gap: 5px; }
body.portal-modern #manage-dialog .manage-identity .radio-logo-actions { flex: 1; grid-template-columns: minmax(0,auto) minmax(64px,1fr) 36px; align-items: center; column-gap: 8px; row-gap: 7px; padding-top: 4px; }
body.portal-modern #manage-dialog #manage-radio-logo-choose { grid-column: 1; grid-row: 1; width: auto; min-height: 36px; padding: 8px; font-size: 9px; }
body.portal-modern #manage-dialog #manage-radio-logo-delete { grid-column: 3; grid-row: 1; }
body.portal-modern #manage-dialog .radio-logo-actions > small { grid-column: 1 / -1; font-size: 9px; font-weight: 400; line-height: 1.4; color: #8a919c; }
body.portal-modern #manage-dialog .radio-logo-actions > .manage-logo-file-hint { grid-column: 2; grid-row: 1; font-size: 8px; line-height: 1.35; }
body.portal-modern #manage-dialog .manage-logo-shapes button { display: flex; align-items: center; justify-content: center; line-height: 1; padding: 0; }
body.portal-modern #manage-dialog .manage-logo-shapes svg { display: block; flex-shrink: 0; margin: 0; }
@media(max-width:760px) {
  body.portal-modern #manage-dialog .manage-header { grid-template-columns: minmax(0,1fr) auto; }
  body.portal-modern #manage-dialog .manage-identity-fields { grid-template-columns: minmax(0,1fr); }
  body.portal-modern #manage-dialog .manage-player-options > label,body.portal-modern #manage-dialog .manage-title-fonts,body.portal-modern #manage-dialog .manage-player-models { grid-column: 1; grid-row: auto; }
}
body.portal-modern #manage-dialog .manage-header-actions button { min-height: 38px; padding: 9px 16px; font-size: 11px; }
body.portal-modern #manage-dialog #manage-pair-button { background: #fff900 !important; border-color: #fff900 !important; color: #15171c !important; }
body.portal-modern #manage-dialog .manage-radio-save { background: #00e68c !important; border-color: #00e68c !important; color: #073c2b !important; min-width: 170px; }
.manage-site-preview { grid-column: 2; grid-row: 1 / 3; align-self: start; position: sticky; top: 0; border: 1px solid #e5e8ed; border-radius: 14px; padding: 18px; }
.manage-site-preview > header { display: flex; justify-content: space-between; gap: 10px; align-items: center; margin-bottom: 16px; font-size: 12px; }.manage-site-preview > header a { font-size: 11px; color: #66707c; }
#manage-preview-card { position: relative; overflow: hidden; border-radius: 12px; padding: 24px; min-height: 360px; }
#manage-preview-logo { height: 64px; margin-bottom: 30px; }#manage-preview-logo img { max-width: 120px; height: 64px; object-fit: contain; }#manage-preview-logo span { font-size: 20px; font-weight: 900; line-height: .95; }
body.portal-modern #manage-preview-card h3 { color: inherit; font-size: 28px !important; margin: 0 0 10px; overflow-wrap: anywhere; }#manage-preview-description { font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
#manage-preview-listen { display: grid; place-items: center; width: 56px; height: 56px; margin: 24px 0; border-radius: 50%; color: #15171c; background: #fff; text-decoration: none; font-size: 24px; }
.manage-preview-wave { position: absolute; right: 18px; bottom: 80px; opacity: .18; font-size: 23px; pointer-events: none; }
#manage-preview-status,#manage-preview-program { display: block; font-size: 12px; line-height: 1.6; }
body.portal-modern #manage-dialog .manage-main-action,body.portal-modern #manage-dialog .danger-zone { grid-column: 1 / -1; }
body.portal-modern #manage-dialog .danger-zone { flex: 0 1 760px; width: auto; display: flex; align-items: center; gap: 12px; padding: 10px 14px; border: 1px solid #f0d9d6; border-radius: 12px; background: #fff8f7; }
body.portal-modern #manage-dialog .danger-zone > strong,body.portal-modern #manage-dialog .danger-zone button { flex-shrink: 0; white-space: nowrap; }
@media(max-width:760px) { .manage-design-actions { flex-wrap: wrap; }body.portal-modern #manage-dialog .danger-zone { flex-wrap: wrap; flex-basis: 100%; }.manage-design-actions > .manage-radio-save { margin-left: auto; } }
body.portal-modern #manage-dialog .danger-zone > strong { font-size: 12px; }
body.portal-modern #manage-dialog .danger-zone p { font-size: 11px; line-height: 1.5; color: #80716e; }
body.portal-modern #manage-dialog .danger-zone button { justify-self: start; min-height: 32px; padding: 7px 10px; font-size: 10px; }
@media(max-width:1050px) { .manage-identity-fields { grid-template-columns: 1fr; } }
@media(max-width:760px) { body.portal-modern #manage-dialog { width: calc(100vw - 16px); }body.portal-modern #manage-dialog [data-manage-panel='radio'],body.portal-modern #manage-dialog #radio-design-form { grid-template-columns: 1fr; }.manage-site-preview { grid-column: 1; grid-row: auto; position: static; }.manage-status-pill { display: none; }body.portal-modern #manage-dialog .manage-tab-panel { padding: 14px; }body.portal-modern #manage-dialog .manage-tabs { margin: 0 14px; }.manage-identity-fields { grid-template-columns: 1fr; } }