/* ===================================================================
   STYLE WELLNESS CHANNEL
   New central stylesheet created 26 aug 2026 during CSS consolidation.
   Covers the public /wellness-channel/ media library page and its admin
   CRUD counterpart (/wellness-channel-crud/), gated by a new
   $wellness_channel_pages array in functions.php. These pages were
   previously unprotected and fell into the style_bodyglobal.css catch-all
   despite being a real, sizeable, cohesive feature.
   ==================================================================== */

/* ===== migrated from wellnessChannel/wellnessChannelIndex.php (scoped: .page-slug-wellness-channel) -- NEW $wellness_channel_pages array ===== */
.page-slug-wellness-channel {
    --wc-radius:  16px;
    --wc-shadow:  0 4px 24px rgba(51,65,85,0.08);
    --wc-player-h: 80px;
}

.page-slug-wellness-channel * { box-sizing: border-box; }

.page-slug-wellness-channel #wc-root {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: var(--brand-black);
    max-width: var(--brand-width-extra-wide);
    margin: 0 auto;
    padding: 2rem 0 calc(var(--wc-player-h) + 4rem) 0;
}

.page-slug-wellness-channel /* ---- TOP BAR ---- */
.wc-top-bar { margin-bottom: 1.5rem; }

.page-slug-wellness-channel .wc-back-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--brand-black);
    text-decoration: none;
    font-weight: var(--brand-weight-bold);
    font-size: var(--brand-font-size-md);
    letter-spacing: 0.5px;
    transition: transform 0.2s;
}

.page-slug-wellness-channel .wc-back-link:hover { transform: translateX(-3px); color: var(--brand-teal); }

.page-slug-wellness-channel /* ---- HEADER ---- */
.wc-header {
    text-align: center;
    margin-bottom: 1.5rem;
    padding-bottom: 0;
    border-bottom: none;
    position: relative;
}

.page-slug-wellness-channel .wc-header h1 {
    font-size: var(--brand-font-size-xxxl);
    font-weight: var(--brand-weight-semibold);
    color: var(--brand-black);
    margin: 0 0 0.5rem 0;
    font-family: Georgia, serif;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.page-slug-wellness-channel .wc-intro {
    text-align: center;
    max-width: var(--brand-width-wide);
    margin: 0 auto 1.5rem auto;
    font-size: var(--brand-font-size-xl);
    line-height: 1.7;
    color: var(--brand-gray-400);
    font-family: Georgia, serif;
    letter-spacing: 0.01em;
}

.page-slug-wellness-channel /* ---- MAIN TABS (Video / Sound / Playlist) ---- */
.wc-main-tabs {
    display: flex;
    gap: 0;
    margin-bottom: 2rem;
    border-bottom: var(--brand-border-width-thick) solid var(--brand-gray-100);
}

.page-slug-wellness-channel .wc-main-tab {
    padding: 0.875rem 1.75rem;
    font-weight: var(--brand-weight-semibold);
    font-size: var(--brand-font-size-lg);
    cursor: pointer;
    border: none;
    background: none;
    color: var(--brand-gray-400);
    border-bottom: var(--brand-border-width-medium) solid transparent;
    margin-bottom: -2px;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.page-slug-wellness-channel .wc-main-tab:hover { color: var(--brand-black); }

.page-slug-wellness-channel .wc-main-tab.active {
    color: var(--brand-black);
    border-bottom-color: var(--brand-teal);
}

.page-slug-wellness-channel .wc-playlist-count {
    background: var(--brand-teal);
    color: var(--brand-white);
    border-radius: var(--brand-radius-xl);
    padding: 1px 7px;
    font-size: var(--brand-font-size-sm);
    font-weight: var(--brand-weight-bold);
}

.page-slug-wellness-channel /* ---- VIDEO SUB-TABS ---- */
.wc-sub-tabs {
    display: flex;
    gap: 0.75rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}

.page-slug-wellness-channel .wc-sub-tab {
    background: var(--brand-white);
    border: var(--brand-border-width-thick) solid var(--brand-gray-100);
    color: var(--brand-black);
    padding: 0.5rem 1.25rem;
    border-radius: var(--brand-radius-pill);
    font-weight: var(--brand-weight-medium);
    cursor: pointer;
    transition: all 0.2s;
    font-size: var(--brand-font-size-md);
}

.page-slug-wellness-channel .wc-sub-tab:hover { border-color: var(--brand-teal); }

.page-slug-wellness-channel .wc-sub-tab.active { background: var(--brand-gray-100); border-color: var(--brand-teal); }

.page-slug-wellness-channel /* ---- SOUND FILTERS ---- */
.wc-sound-filters {
    margin-bottom: 2rem;
}

.page-slug-wellness-channel .wc-filter-group {
    margin-bottom: 1rem;
}

.page-slug-wellness-channel .wc-filter-label {
    font-size: var(--brand-font-size-sm);
    font-weight: var(--brand-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--brand-gray-400);
    margin-bottom: 0.5rem;
}

.page-slug-wellness-channel .wc-filter-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.page-slug-wellness-channel .wc-filter-pill {
    padding: 0.4rem 1rem;
    border-radius: var(--brand-radius-pill);
    border: var(--brand-border-width-thick) solid var(--brand-gray-100);
    background: var(--brand-white);
    font-size: var(--brand-font-size-base);
    font-weight: var(--brand-weight-semibold);
    cursor: pointer;
    transition: all 0.15s;
    color: var(--brand-gray-400);
}

.page-slug-wellness-channel .wc-filter-pill:hover { border-color: var(--brand-teal); color: var(--brand-black); }

.page-slug-wellness-channel .wc-filter-pill.active { background: var(--brand-gray-100); border-color: var(--brand-teal); color: var(--brand-black); }

.page-slug-wellness-channel .wc-filter-clear {
    font-size: var(--brand-font-size-base);
    color: var(--brand-gray-400);
    cursor: pointer;
    text-decoration: underline;
    background: none;
    border: none;
    padding: 0;
    margin-top: 0.5rem;
}

.page-slug-wellness-channel .wc-filter-clear:hover { color: var(--brand-black); }

.page-slug-wellness-channel /* ---- GRID ---- */
.wc-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 2rem;
}

.page-slug-wellness-channel /* ---- VIDEO CARD ---- */
.wc-video-card {
    background: var(--brand-white);
    border-radius: var(--wc-radius);
    box-shadow: var(--wc-shadow);
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.25s, box-shadow 0.25s;
    display: flex;
    flex-direction: column;
}

.page-slug-wellness-channel .wc-video-card:hover { transform: translateY(-4px); box-shadow: 0 12px 36px rgba(51,65,85,0.13); }

.page-slug-wellness-channel .wc-video-thumb {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    background: var(--brand-gray-100);
    background-size: cover;
    background-position: center;
}

.page-slug-wellness-channel .wc-video-play-overlay {
    position: absolute;
    inset: 0;
    background: rgba(51,65,85,0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.2s;
}

.page-slug-wellness-channel .wc-video-card:hover .wc-video-play-overlay { opacity: 1; }

.page-slug-wellness-channel .wc-play-btn {
    width: 56px;
    height: 56px;
    background: rgba(255,255,255,0.92);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-slug-wellness-channel .wc-play-btn svg { width: 22px; height: 22px; fill: var(--brand-black); margin-left: 3px; }

.page-slug-wellness-channel .wc-video-body { padding: 1.25rem; flex: 1; display: flex; flex-direction: column; }

.page-slug-wellness-channel .wc-video-meta { font-size: var(--brand-font-size-base); color: var(--brand-gray-400); margin-bottom: 0.5rem; text-transform: uppercase; letter-spacing: 0.5px; display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; }

.page-slug-wellness-channel .wc-video-title { font-family: Georgia, serif; font-size: var(--brand-font-size-xl); color: var(--brand-black); margin: 0 0 0.5rem 0; line-height: 1.3; }

.page-slug-wellness-channel .wc-video-desc {
    font-size: var(--brand-font-size-md);
    color: var(--brand-gray-400);
    line-height: 1.5;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 1rem;
}

.page-slug-wellness-channel .wc-prime-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: var(--brand-cyan);
    color: var(--brand-white);
    text-decoration: none;
    padding: 0.4rem 0.9rem;
    border-radius: var(--brand-radius-md);
    font-size: var(--brand-font-size-md);
    font-weight: var(--brand-weight-semibold);
    align-self: flex-start;
    transition: background 0.2s;
}

.page-slug-wellness-channel .wc-prime-btn:hover { background: var(--brand-cyan); color: var(--brand-white); }

.page-slug-wellness-channel .wc-video-pl-btn {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: none;
    background: rgba(255,255,255,0.9);
    color: var(--brand-gray-400);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    box-shadow: var(--brand-elevation-soft);
    opacity: 0;
    transition: opacity 0.2s;
}

.page-slug-wellness-channel .wc-video-pl-btn svg { width: 16px; height: 16px; fill: currentColor; }

.page-slug-wellness-channel .wc-video-pl-btn.in-playlist { opacity: 1; color: var(--brand-orange); background: var(--brand-white); }

.page-slug-wellness-channel .wc-video-card:hover .wc-video-pl-btn { opacity: 1; }

.page-slug-wellness-channel .wc-video-pl-btn:hover { background: var(--brand-white); color: var(--brand-orange); transform: scale(1.1); }

.page-slug-wellness-channel /* ---- PANIC BUTTON ICON (video) -- tiny red SOS badge,
.page-slug-wellness-channel always visible ---- */
.wc-video-panic-btn {
    position: absolute;
    top: 0.75rem;
    right: 3.35rem;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    filter: drop-shadow(0 1px 3px rgba(0,0,0,0.45));
}

.page-slug-wellness-channel .wc-video-panic-btn svg { width: 22px; height: 22px; }

.page-slug-wellness-channel .wc-video-panic-btn.panic-assigned { box-shadow: 0 0 0 2px white, 0 0 0 4px var(--brand-orange); border-radius: 50%; }

.page-slug-wellness-channel .wc-video-panic-btn:hover { transform: scale(1.15); }

.page-slug-wellness-channel .wc-admin-id-badge {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    background: rgba(0,0,0,0.75);
    color: var(--brand-white);
    font-size: var(--brand-font-size-xs);
    font-weight: var(--brand-weight-bold);
    padding: 2px 8px;
    border-radius: var(--brand-radius-lg);
    z-index: 5;
    pointer-events: none;
}

.page-slug-wellness-channel .wc-audio-card {
    background: var(--brand-black);
    border-radius: var(--wc-radius);
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
    transition: transform 0.2s, box-shadow 0.2s;
    position: relative;
    overflow: hidden;
    margin: 10px;
}

.page-slug-wellness-channel .wc-audio-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--brand-teal), var(--brand-mint));
}

.page-slug-wellness-channel .wc-audio-card:hover { transform: translateY(-3px); box-shadow: var(--brand-elevation-strong); }

.page-slug-wellness-channel .wc-audio-card-top { display: flex; align-items: flex-start; gap: 1rem; }

.page-slug-wellness-channel .wc-audio-icon {
    width: 48px;
    height: 48px;
    border-radius: var(--brand-radius-md);
    background: var(--brand-black);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.page-slug-wellness-channel .wc-audio-icon svg { width: 22px; height: 22px; fill: var(--brand-teal); }

.page-slug-wellness-channel .wc-audio-info { flex: 1; min-width: 0; }

.page-slug-wellness-channel .wc-audio-title { font-family: Georgia, serif; font-size: var(--brand-font-size-lg); color: var(--brand-pale-mint); margin: 0 0 0.25rem 0; line-height: 1.3; }

.page-slug-wellness-channel .wc-audio-desc { font-size: var(--brand-font-size-base); color: var(--brand-gray-400); line-height: 1.4; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.page-slug-wellness-channel .wc-audio-tags { display: flex; flex-wrap: wrap; gap: 0.35rem; }

.page-slug-wellness-channel .wc-audio-tag {
    padding: 2px 8px;
    border-radius: var(--brand-radius-xl);
    background: rgba(136,136,136,0.2);
    color: var(--brand-mint);
    font-size: var(--brand-font-size-sm);
    font-weight: var(--brand-weight-semibold);
}

.page-slug-wellness-channel .wc-audio-card-actions { display: flex; gap: 0.5rem; align-items: center; }

.page-slug-wellness-channel .wc-audio-play-btn {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    background: var(--brand-teal);
    color: var(--brand-white);
    border: none;
    padding: 0.5rem 1rem;
    border-radius: var(--brand-radius-md);
    font-size: var(--brand-font-size-base);
    font-weight: var(--brand-weight-semibold);
    cursor: pointer;
    transition: background 0.2s;
    flex: 1;
}

.page-slug-wellness-channel .wc-audio-play-btn:hover { background: var(--brand-gray-400); }

.page-slug-wellness-channel .wc-audio-play-btn svg { width: 14px; height: 14px; fill: white; }

.page-slug-wellness-channel .wc-audio-play-btn.playing { background: var(--brand-mint); }

.page-slug-wellness-channel .wc-playlist-toggle {
    width: 36px;
    height: 36px;
    border-radius: var(--brand-radius-md);
    border: var(--brand-border-width-thick) solid rgba(255,255,255,0.3);
    background: rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.6);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    flex-shrink: 0;
}

.page-slug-wellness-channel .wc-playlist-toggle:hover { border-color: var(--brand-orange); color: var(--brand-orange); background: rgba(224,122,95,0.12); }

.page-slug-wellness-channel .wc-playlist-toggle.in-playlist { border-color: var(--brand-orange); color: var(--brand-orange); background: rgba(224,122,95,0.15); }

.page-slug-wellness-channel .wc-playlist-toggle svg { width: 18px; height: 18px; fill: currentColor; }

.page-slug-wellness-channel /* ---- PANIC BUTTON ICON (audio) -- tiny red SOS badge,
.page-slug-wellness-channel always visible ---- */
.wc-audio-panic-toggle {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    flex-shrink: 0;
}

.page-slug-wellness-channel .wc-audio-panic-toggle:hover { transform: scale(1.15); }

.page-slug-wellness-channel .wc-audio-panic-toggle.panic-assigned { box-shadow: 0 0 0 2px white, 0 0 0 4px var(--brand-orange); border-radius: 50%; }

.page-slug-wellness-channel .wc-audio-panic-toggle svg { width: 22px; height: 22px; }

.page-slug-wellness-channel /* ---- PANIC PICKER POPOVER ---- */
.wc-panic-option {
    display: block;
    width: 100%;
    text-align: left;
    background: none;
    border: none;
    padding: 0.55rem 0.6rem;
    font-size: var(--brand-font-size-md);
    color: var(--brand-black);
    cursor: pointer;
    border-radius: var(--brand-radius-md);
    font-family: inherit;
}

.page-slug-wellness-channel .wc-panic-option:hover { background: var(--brand-gray-100); }

.page-slug-wellness-channel .wc-panic-option.current { font-weight: var(--brand-weight-bold); color: var(--brand-peach); }

.page-slug-wellness-channel .wc-audio-duration { font-size: var(--brand-font-size-sm); color: var(--brand-cyan); }

.page-slug-wellness-channel /* ---- KINETICS ---- */
.wc-kinetic-card {
    background: var(--brand-white);
    border-radius: var(--wc-radius);
    box-shadow: var(--wc-shadow);
    padding: 1.5rem 1.25rem;
    position: relative;
    display: flex;
    flex-direction: column;
    transition: transform 0.2s, box-shadow 0.2s;
}

.page-slug-wellness-channel .wc-kinetic-card:hover { transform: translateY(-3px); box-shadow: 0 12px 32px rgba(51,65,85,0.12); }

.page-slug-wellness-channel .wc-kinetic-panic-btn {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    filter: drop-shadow(0 1px 3px rgba(0,0,0,0.35));
}

.page-slug-wellness-channel .wc-kinetic-panic-btn svg { width: 22px; height: 22px; }

.page-slug-wellness-channel .wc-kinetic-panic-btn:hover { transform: scale(1.15); }

.page-slug-wellness-channel .wc-kinetic-panic-btn.panic-assigned { box-shadow: 0 0 0 2px white, 0 0 0 4px var(--brand-orange); border-radius: 50%; }

.page-slug-wellness-channel .wc-kinetic-icon-badge {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--brand-gray-100);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.85rem;
}

.page-slug-wellness-channel .wc-kinetic-icon-badge svg { width: 24px; height: 24px; fill: var(--brand-teal); }

.page-slug-wellness-channel .wc-kinetic-title {
    font-family: Georgia, serif;
    font-size: var(--brand-font-size-lg);
    color: var(--brand-black);
    text-align: center;
    margin: 0 0 0.4rem 0;
    line-height: 1.3;
}

.page-slug-wellness-channel .wc-kinetic-duration {
    font-size: var(--brand-font-size-xs);
    color: var(--brand-teal);
    font-weight: var(--brand-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-align: center;
    margin-bottom: 0.6rem;
}

.page-slug-wellness-channel .wc-kinetic-desc {
    font-size: var(--brand-font-size-base);
    color: var(--brand-gray-400);
    text-align: center;
    line-height: 1.45;
    margin: 0 0 0.85rem 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.page-slug-wellness-channel /* ---- MY PANIC BUTTONS TAB ---- */
.wc-panic-group { margin-bottom: 2rem; }

.page-slug-wellness-channel .wc-panic-group-title {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-family: Georgia, serif;
    font-size: var(--brand-font-size-xl);
    color: var(--brand-black);
    margin: 0 0 1rem 0;
    padding-bottom: 0.5rem;
    border-bottom: var(--brand-border-width-thick) solid var(--brand-peach);
}

.page-slug-wellness-channel .wc-panic-group-icon {
    flex: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-slug-wellness-channel .wc-panic-group-icon svg { width: 18px; height: 18px; fill: currentColor; }

.page-slug-wellness-channel .wc-panic-empty {
    background: var(--brand-bg);
    border: var(--brand-border-width-thick) dashed var(--brand-gray-100);
    border-radius: var(--brand-radius-lg);
    padding: 1.5rem;
    color: var(--brand-gray-400);
    font-size: var(--brand-font-size-md);
}

.page-slug-wellness-channel .wc-panic-clear-btn {
    margin-top: 0.75rem;
    background: var(--brand-bg);
    border: var(--brand-border-width-thick) solid var(--brand-gray-100);
    color: var(--brand-black);
    font-size: var(--brand-font-size-base);
    font-weight: var(--brand-weight-semibold);
    text-decoration: none;
    cursor: pointer;
    padding: 0.45rem 0.9rem;
    border-radius: var(--brand-radius-xl);
    font-family: inherit;
    transition: all 0.15s;
}

.page-slug-wellness-channel .wc-panic-clear-btn:hover { color: var(--brand-peach); border-color: var(--brand-peach); background: var(--brand-white); }

.page-slug-wellness-channel /* ---- INTRO CALLOUT -- bracket-framed so the "how to" instruction isn't missed.
   Shared by the Playlist tab (heart icon) and My Panic Buttons tab (SOS icon)
   for a consistent look across both. ---- */
.wc-intro-highlight {
    position: relative;
    background: var(--brand-gray-100);
    border-radius: var(--brand-radius-md);
    padding: 1rem 2.5rem;
    margin-bottom: 1.5rem;
    font-size: var(--brand-font-size-lg);
    font-weight: var(--brand-weight-semibold);
    color: var(--brand-black);
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
}

.page-slug-wellness-channel .wc-intro-highlight::before,
.page-slug-wellness-channel .wc-intro-highlight::after {
    content: '';
    position: absolute;
    top: 12%;
    bottom: 12%;
    width: 10px;
    border: var(--brand-border-width-medium) solid var(--brand-teal);
}

.page-slug-wellness-channel .wc-intro-highlight::before { left: 0.7rem; border-right: none; border-radius: var(--brand-radius-md) 0 0 var(--brand-radius-md); }

.page-slug-wellness-channel .wc-intro-highlight::after { right: 0.7rem; border-left: none; border-radius: 0 var(--brand-radius-md) var(--brand-radius-md) 0; }

.page-slug-wellness-channel .wc-intro-highlight .wc-intro-icon { flex: none; width: 24px; height: 24px; display: inline-flex; color: var(--brand-orange); }

.page-slug-wellness-channel .wc-intro-highlight .wc-intro-icon svg { width: 24px; height: 24px; fill: currentColor; }

.page-slug-wellness-channel /* ---- CHANGE SOS TOOL MODAL ---- */
.wc-panic-source-btn {
    background: var(--brand-bg);
    border: var(--brand-border-width-thick) solid var(--brand-gray-100);
    color: var(--brand-black);
    font-size: var(--brand-font-size-md);
    font-weight: var(--brand-weight-semibold);
    padding: 0.55rem 1.1rem;
    border-radius: var(--brand-radius-xl);
    cursor: pointer;
    font-family: inherit;
    transition: all 0.15s;
}

.page-slug-wellness-channel .wc-panic-source-btn:hover { border-color: var(--brand-teal); }

.page-slug-wellness-channel .wc-panic-source-btn.active { background: var(--brand-teal); border-color: var(--brand-teal); color: var(--brand-white); }

.page-slug-wellness-channel /* ---- PLAYLIST TAB ---- */
.wc-playlist-empty {
    text-align: center;
    padding: 4rem 2rem;
    color: var(--brand-gray-400);
}

.page-slug-wellness-channel .wc-playlist-empty svg { width: 48px; height: 48px; fill: var(--brand-gray-100); margin-bottom: 1rem; }

.page-slug-wellness-channel .wc-playlist-empty h3 { font-family: Georgia, serif; color: var(--brand-black); margin-bottom: 0.5rem; }

.page-slug-wellness-channel /* ---- EMPTY STATE ---- */
.wc-empty { text-align: center; padding: 3rem; color: var(--brand-gray-400); grid-column: 1/-1; }

.page-slug-wellness-channel /* ---- PERSISTENT AUDIO PLAYER ---- */
.wc-player {
    position: fixed;
    bottom: 20px;
    left: 5px;
    right: 5px;
    height: var(--wc-player-h);
    background: var(--brand-cyan);
    border-top: var(--brand-border-width-thick) solid rgba(255,255,255,0.15);
    border-radius: var(--brand-radius-lg);
    z-index: 50000;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    gap: 0.75rem;
    transform: translateY(calc(100% + 20px));
    transition: transform 0.3s cubic-bezier(0.25,0.8,0.25,1);
    box-shadow: var(--brand-elevation-strong);
    overflow: hidden;
}

.page-slug-wellness-channel .wc-player.visible { transform: translateY(0); }

.page-slug-wellness-channel .wc-player-info { display: flex; align-items: center; gap: 0.75rem; min-width: 0; flex: 0 0 200px; }

.page-slug-wellness-channel .wc-player-icon {
    width: 40px; height: 40px; border-radius: var(--brand-radius-md);
    background: rgba(0,0,0,0.3);
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}

.page-slug-wellness-channel .wc-player-icon svg { width: 18px; height: 18px; fill: var(--brand-white); }

.page-slug-wellness-channel .wc-player-title { font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-bold); color: var(--brand-white); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.page-slug-wellness-channel .wc-player-subtitle { font-size: var(--brand-font-size-sm); color: rgba(255,255,255,0.85); margin-top: 1px; font-weight: var(--brand-weight-medium); }

.page-slug-wellness-channel .wc-player-controls { display: flex; align-items: center; gap: 0.5rem; flex-shrink: 0; }

.page-slug-wellness-channel .wc-player-btn {
    width: 36px; height: 36px; border-radius: 50%;
    border: var(--brand-border-width-thick) solid rgba(255,255,255,0.5);
    background: rgba(255,255,255,0.15); color: var(--brand-white);
    cursor: pointer; display: flex; align-items: center; justify-content: center;
    transition: background 0.2s; flex-shrink: 0;
}

.page-slug-wellness-channel .wc-player-btn:hover { background: rgba(255,255,255,0.3); }

.page-slug-wellness-channel .wc-player-btn.play-pause {
    width: 44px; height: 44px;
    background: rgba(255,255,255,0.25);
    border: var(--brand-border-width-thick) solid rgba(255,255,255,0.8);
}

.page-slug-wellness-channel .wc-player-btn.play-pause:hover { background: rgba(255,255,255,0.4); }

.page-slug-wellness-channel .wc-player-btn svg { width: 16px; height: 16px; fill: var(--brand-white); }

.page-slug-wellness-channel .wc-player-btn.play-pause svg { width: 18px; height: 18px; }

.page-slug-wellness-channel .wc-player-progress { flex: 1; display: flex; align-items: center; gap: 0.5rem; min-width: 0; }

.page-slug-wellness-channel .wc-player-time { font-size: var(--brand-font-size-sm); color: var(--brand-white); flex-shrink: 0; font-variant-numeric: tabular-nums; font-weight: var(--brand-weight-semibold); }

.page-slug-wellness-channel .wc-progress-track {
    flex: 1; height: 5px;
    background: rgba(255,255,255,0.3);
    border-radius: var(--brand-radius-sm); cursor: pointer; position: relative; min-width: 40px;
}

.page-slug-wellness-channel .wc-progress-fill {
    height: 100%; background: var(--brand-white);
    border-radius: var(--brand-radius-sm); width: 0%; pointer-events: none;
}

.page-slug-wellness-channel .wc-progress-track:hover .wc-progress-fill { background: var(--brand-gray-100); }

.page-slug-wellness-channel .wc-player-volume { display: flex; align-items: center; gap: 0.4rem; flex-shrink: 0; }

.page-slug-wellness-channel .wc-player-volume svg { width: 15px; height: 15px; fill: var(--brand-white); }

.page-slug-wellness-channel .wc-volume-slider {
    width: 70px; height: 4px; -webkit-appearance: none;
    background: rgba(255,255,255,0.3); border-radius: var(--brand-radius-sm); cursor: pointer;
}

.page-slug-wellness-channel .wc-volume-slider::-webkit-slider-thumb {
    -webkit-appearance: none; width: 13px; height: 13px;
    border-radius: 50%; background: var(--brand-white); cursor: pointer;
}

.page-slug-wellness-channel .wc-player-close {
    background: rgba(255,255,255,0.15);
    border: var(--brand-border-width-thick) solid rgba(255,255,255,0.5);
    color: var(--brand-white); cursor: pointer; font-size: var(--brand-font-size-lg); line-height: 1;
    padding: 0; flex-shrink: 0; transition: background 0.2s;
    width: 30px; height: 30px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
}

.page-slug-wellness-channel .wc-player-close:hover { background: rgba(255,255,255,0.3); }

.page-slug-wellness-channel .wc-player-loop {
    background: rgba(255,255,255,0.15);
    border: var(--brand-border-width-thick) solid rgba(255,255,255,0.5);
    color: rgba(255,255,255,0.75); cursor: pointer; font-size: var(--brand-font-size-lg); line-height: 1;
    padding: 0; flex-shrink: 0; transition: all 0.2s;
    width: 30px; height: 30px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
}

.page-slug-wellness-channel .wc-player-loop:hover { background: rgba(255,255,255,0.3); color: var(--brand-white); }

.page-slug-wellness-channel .wc-player-loop.active { background: rgba(255,255,255,0.3); color: var(--brand-white); border-color: rgba(255,255,255,0.9); }

@media (max-width: 768px) {
.page-slug-wellness-channel .wc-player { padding: 0 0.75rem; gap: 0.5rem; overflow: visible; }
.page-slug-wellness-channel .wc-player-info { flex: 0 0 130px; }
.page-slug-wellness-channel .wc-player-volume { display: none; }
.page-slug-wellness-channel .wc-player-progress { min-width: 50px; }
.page-slug-wellness-channel .wc-player-time { display: none; }
.page-slug-wellness-channel .wc-grid { grid-template-columns: 1fr; }
}

.page-slug-wellness-channel /* ---- LIGHTBOX ---- */
.wc-lightbox {
    position: fixed;
    inset: 0;
    background: rgba(8,145,178,0.95);
    z-index: 99999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
}

.page-slug-wellness-channel .wc-lightbox.active { opacity: 1; pointer-events: auto; }

.page-slug-wellness-channel .wc-lightbox-inner {
    width: 90%;
    max-width: var(--brand-width-wide);
    position: relative;
    padding-bottom: 50.625%; /* 16:9 */
    height: 0;
    border-radius: var(--brand-radius-lg);
    overflow: hidden;
    box-shadow: var(--brand-elevation-strong);
}

.page-slug-wellness-channel .wc-lightbox-inner iframe {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.page-slug-wellness-channel /* ---- CONTRIBUTOR UPLOAD DRAWER ---- */
.wc-upload-drawer-overlay {
    position: fixed;
    inset: 0;
    background: rgba(15,23,42,0.6);
    z-index: 60000;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
}

.page-slug-wellness-channel .wc-upload-drawer-overlay.active { opacity: 1; pointer-events: auto; }

.page-slug-wellness-channel .wc-upload-drawer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--brand-white);
    border-radius: var(--brand-radius-xl) var(--brand-radius-xl) 0 0;
    padding: 2rem;
    z-index: 60001;
    max-height: 90vh;
    overflow-y: auto;
    transform: translateY(100%);
    transition: transform 0.35s cubic-bezier(0.25,0.8,0.25,1);
    box-shadow: var(--brand-elevation-strong);
}

.page-slug-wellness-channel .wc-upload-drawer.active { transform: translateY(0); }

.page-slug-wellness-channel .wc-drawer-handle {
    width: 40px;
    height: 4px;
    background: var(--brand-gray-100);
    border-radius: var(--brand-radius-sm);
    margin: 0 auto 1.5rem;
}

.page-slug-wellness-channel .wc-drawer-title { font-family: Georgia, serif; font-size: var(--brand-font-size-xxl); color: var(--brand-black); margin: 0 0 0.25rem 0; }

.page-slug-wellness-channel .wc-drawer-sub { font-size: var(--brand-font-size-md); color: var(--brand-gray-400); margin: 0 0 1.5rem 0; }

.page-slug-wellness-channel .wc-drawer-form-group { margin-bottom: 1rem; }

.page-slug-wellness-channel .wc-drawer-form-group label { display: block; font-weight: var(--brand-weight-semibold); font-size: var(--brand-font-size-md); color: var(--brand-black); margin-bottom: 0.4rem; }

.page-slug-wellness-channel .wc-drawer-input {
    width: 100%;
    padding: 0.7rem 0.875rem;
    border: var(--brand-border-width-thick) solid var(--brand-gray-100);
    border-radius: var(--brand-radius-md);
    font-family: inherit;
    font-size: var(--brand-font-size-md);
    box-sizing: border-box;
    transition: border-color 0.2s;
}

.page-slug-wellness-channel .wc-drawer-input:focus { outline: none; border-color: var(--brand-teal); }

.page-slug-wellness-channel .wc-drawer-upload-zone {
    border: var(--brand-border-width-thick) dashed var(--brand-gray-100);
    border-radius: var(--brand-radius-md);
    padding: 1.5rem;
    text-align: center;
    cursor: pointer;
    background: var(--brand-bg);
    transition: all 0.2s;
    font-size: var(--brand-font-size-md);
    color: var(--brand-gray-400);
}

.page-slug-wellness-channel .wc-drawer-upload-zone:hover { border-color: var(--brand-teal); background: var(--brand-gray-100); }

.page-slug-wellness-channel .wc-drawer-upload-zone.done { border-color: var(--brand-teal); background: var(--brand-gray-100); }

.page-slug-wellness-channel .wc-drawer-progress { height: 4px; background: var(--brand-gray-100); border-radius: var(--brand-radius-sm); margin-top: 0.75rem; display: none; }

.page-slug-wellness-channel .wc-drawer-progress-bar { height: 100%; background: var(--brand-teal); width: 0; border-radius: var(--brand-radius-sm); transition: width 0.2s; }

.page-slug-wellness-channel .wc-drawer-tag-pills { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 0.25rem; }

.page-slug-wellness-channel .wc-drawer-tag {
    padding: 4px 12px;
    border-radius: var(--brand-radius-xl);
    border: var(--brand-border-width-thick) solid var(--brand-gray-100);
    background: var(--brand-white);
    font-size: var(--brand-font-size-sm);
    font-weight: var(--brand-weight-semibold);
    cursor: pointer;
    color: var(--brand-gray-400);
    transition: all 0.15s;
}

.page-slug-wellness-channel .wc-drawer-tag.active { background: var(--brand-gray-100); border-color: var(--brand-teal); color: var(--brand-black); }

.page-slug-wellness-channel .wc-drawer-footer { display: flex; gap: 0.75rem; margin-top: 1.5rem; }

.page-slug-wellness-channel .wc-drawer-submit {
    flex: 1;
    background: var(--brand-teal);
    color: var(--brand-white);
    border: none;
    padding: 0.875rem;
    border-radius: var(--brand-radius-md);
    font-weight: var(--brand-weight-semibold);
    font-size: var(--brand-font-size-lg);
    cursor: pointer;
    transition: background 0.2s;
}

.page-slug-wellness-channel .wc-drawer-submit:hover { background: var(--brand-gray-400); }

.page-slug-wellness-channel .wc-drawer-submit:disabled { opacity: 0.6; cursor: not-allowed; }

.page-slug-wellness-channel .wc-drawer-cancel {
    background: var(--brand-gray-100);
    color: var(--brand-black);
    border: none;
    padding: 0.875rem 1.5rem;
    border-radius: var(--brand-radius-md);
    font-weight: var(--brand-weight-semibold);
    cursor: pointer;
}

.page-slug-wellness-channel .wc-contrib-btn {
    display: none;
    align-items: center;
    gap: 0.5rem;
    background: var(--brand-black);
    color: var(--brand-gray-100);
    border: var(--brand-border-width-thick) solid rgba(136,136,136,0.3);
    padding: 0.5rem 1rem;
    border-radius: var(--brand-radius-md);
    font-size: var(--brand-font-size-base);
    font-weight: var(--brand-weight-semibold);
    cursor: pointer;
    transition: all 0.2s;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.page-slug-wellness-channel .wc-contrib-btn.visible { display: flex; }

.page-slug-wellness-channel .wc-contrib-btn:hover { background: var(--brand-black); border-color: var(--brand-teal); }

.page-slug-wellness-channel /* ==== Stage 3: extracted repeated inline styles ==== */
.u-display-none { display:none; }

/* ===== migrated from wellnessChannel/admin-edit-wellness-channel.php (scoped: .page-slug-wellness-channel-crud) -- NEW $wellness_channel_pages array ===== */
.page-slug-wellness-channel-crud {
    --wcs-radius:  12px;
}

.page-slug-wellness-channel-crud #wcs-admin {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: var(--brand-black);
    max-width: var(--brand-width-wide);
    margin: 0 auto;
    padding: 2rem 0;
}

.page-slug-wellness-channel-crud .wcs-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.page-slug-wellness-channel-crud .wcs-tabs {
    display: flex;
    gap: 0;
    border-bottom: var(--brand-border-width-thick) solid var(--brand-gray-100);
    margin-bottom: 2rem;
}

.page-slug-wellness-channel-crud .wcs-tab {
    padding: 0.75rem 1.5rem;
    cursor: pointer;
    font-weight: var(--brand-weight-semibold);
    font-size: var(--brand-font-size-md);
    color: var(--brand-gray-400);
    border-bottom: var(--brand-border-width-thick) solid transparent;
    margin-bottom: -2px;
    transition: all 0.2s;
    background: none;
    border-top: none;
    border-left: none;
    border-right: none;
}

.page-slug-wellness-channel-crud .wcs-tab.active {
    color: var(--brand-black);
    border-bottom-color: var(--brand-teal);
}

.page-slug-wellness-channel-crud .wcs-tab-panel { display: none; }

.page-slug-wellness-channel-crud .wcs-tab-panel.active { display: block; }

.page-slug-wellness-channel-crud .wcs-btn {
    background: var(--brand-black);
    color: var(--brand-white);
    border: none;
    padding: 0.65rem 1.25rem;
    border-radius: var(--wcs-radius);
    cursor: pointer;
    font-weight: var(--brand-weight-semibold);
    font-size: var(--brand-font-size-md);
    transition: all 0.2s;
}

.page-slug-wellness-channel-crud .wcs-btn:hover { background: var(--brand-black); }

.page-slug-wellness-channel-crud .wcs-btn-mint { background: var(--brand-gray-100); color: var(--brand-black); }

.page-slug-wellness-channel-crud .wcs-btn-mint:hover { background: var(--brand-mint); }

.page-slug-wellness-channel-crud .wcs-btn-danger { background: var(--brand-white); color: var(--brand-red); border: var(--brand-border-width-thin) solid var(--brand-red); }

.page-slug-wellness-channel-crud .wcs-btn-danger:hover { background: var(--brand-red); color: var(--brand-white); }

.page-slug-wellness-channel-crud .wcs-btn-approve { background: var(--brand-gray-100); color: var(--brand-black); border: none; }

.page-slug-wellness-channel-crud .wcs-btn-approve:hover { background: var(--brand-mint); }

.page-slug-wellness-channel-crud .wcs-btn-reject { background: var(--brand-white); color: var(--brand-red); border: var(--brand-border-width-thin) solid var(--brand-red); }

.page-slug-wellness-channel-crud .wcs-btn-reject:hover { background: var(--brand-red); color: var(--brand-white); }

.page-slug-wellness-channel-crud .wcs-btn-sm { padding: 0.4rem 0.9rem; font-size: var(--brand-font-size-base); }

.page-slug-wellness-channel-crud .wcs-table {
    width: 100%;
    border-collapse: collapse;
    background: var(--brand-white);
    border-radius: var(--wcs-radius);
    overflow: hidden;
    box-shadow: var(--brand-elevation-soft);
}

.page-slug-wellness-channel-crud .wcs-table th,
.page-slug-wellness-channel-crud .wcs-table td {
    padding: 0.875rem 1rem;
    text-align: left;
    border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100);
    font-size: var(--brand-font-size-md);
}

.page-slug-wellness-channel-crud .wcs-table th { background: var(--brand-gray-100); font-weight: var(--brand-weight-semibold); font-size: var(--brand-font-size-base); text-transform: uppercase; letter-spacing: 0.05em; color: var(--brand-gray-400); }

.page-slug-wellness-channel-crud .wcs-table tr:last-child td { border-bottom: none; }

.page-slug-wellness-channel-crud .wcs-table tr:hover td { background: var(--brand-gray-100); }

.page-slug-wellness-channel-crud .wcs-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: var(--brand-radius-xl);
    font-size: var(--brand-font-size-sm);
    font-weight: var(--brand-weight-semibold);
}

.page-slug-wellness-channel-crud .wcs-badge-video { background: var(--brand-gray-100); color: var(--brand-cyan); }

.page-slug-wellness-channel-crud .wcs-badge-audio { background: var(--brand-gray-100); color: var(--brand-black); }

.page-slug-wellness-channel-crud .wcs-badge-cat { background: var(--brand-gray-100); color: var(--brand-violet); }

.page-slug-wellness-channel-crud .wcs-badge-yes { background: var(--brand-mint); color: var(--brand-mint); }

.page-slug-wellness-channel-crud .wcs-badge-no { background: var(--brand-orange); color: var(--brand-orange); }

.page-slug-wellness-channel-crud .wcs-actions { display: flex; gap: 0.5rem; }

.page-slug-wellness-channel-crud .wcs-modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(51,65,85,0.75);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100000;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s;
    backdrop-filter: blur(2px);
}

.page-slug-wellness-channel-crud .wcs-modal-overlay.active { opacity: 1; pointer-events: auto; }

.page-slug-wellness-channel-crud .wcs-modal {
    background: var(--brand-white);
    width: 100%;
    max-width: var(--brand-width-standard);
    border-radius: var(--wcs-radius);
    padding: 2rem;
    box-shadow: var(--brand-elevation-strong);
    max-height: 90vh;
    overflow-y: auto;
}

.page-slug-wellness-channel-crud .wcs-form-group { margin-bottom: 1rem; }

.page-slug-wellness-channel-crud .wcs-form-group label { display: block; font-weight: var(--brand-weight-semibold); margin-bottom: 0.4rem; font-size: var(--brand-font-size-md); color: var(--brand-black); }

.page-slug-wellness-channel-crud .wcs-form-group .wcs-hint { font-size: var(--brand-font-size-sm); color: var(--brand-gray-400); margin-top: 0.25rem; }

.page-slug-wellness-channel-crud .wcs-input {
    width: 100%;
    padding: 0.7rem 0.875rem;
    border: var(--brand-border-width-thin) solid var(--brand-gray-100);
    border-radius: var(--brand-radius-md);
    font-family: inherit;
    font-size: var(--brand-font-size-md);
    box-sizing: border-box;
    transition: border-color 0.2s;
}

.page-slug-wellness-channel-crud .wcs-input:focus { outline: none; border-color: var(--brand-teal); }

.page-slug-wellness-channel-crud .wcs-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }

.page-slug-wellness-channel-crud .wcs-tags-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.25rem;
}

.page-slug-wellness-channel-crud .wcs-tag-pill {
    padding: 5px 12px;
    border-radius: var(--brand-radius-xl);
    border: var(--brand-border-width-thick) solid var(--brand-gray-100);
    background: var(--brand-white);
    font-size: var(--brand-font-size-sm);
    font-weight: var(--brand-weight-semibold);
    cursor: pointer;
    transition: all 0.15s;
    color: var(--brand-gray-400);
}

.page-slug-wellness-channel-crud .wcs-tag-pill.selected {
    background: var(--brand-gray-100);
    border-color: var(--brand-teal);
    color: var(--brand-black);
}

.page-slug-wellness-channel-crud .wcs-modal-footer {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: var(--brand-border-width-thin) solid var(--brand-gray-100);
}

.page-slug-wellness-channel-crud .wcs-toast {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    background: var(--brand-black);
    color: var(--brand-white);
    padding: 0.875rem 1.5rem;
    border-radius: var(--brand-radius-md);
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;
    z-index: 200000;
    font-size: var(--brand-font-size-md);
    font-weight: var(--brand-weight-medium);
}

.page-slug-wellness-channel-crud .wcs-toast.show { opacity: 1; }

.page-slug-wellness-channel-crud .wcs-toast.error { background: var(--brand-red); }

.page-slug-wellness-channel-crud .wcs-upload-zone {
    border: var(--brand-border-width-thick) dashed var(--brand-gray-100);
    border-radius: var(--brand-radius-md);
    padding: 1.5rem;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s;
    background: var(--brand-bg);
}

.page-slug-wellness-channel-crud .wcs-upload-zone:hover { border-color: var(--brand-teal); background: var(--brand-gray-100); }

.page-slug-wellness-channel-crud .wcs-upload-zone.uploading { border-color: var(--brand-orange); background: var(--brand-pale-yellow); }

.page-slug-wellness-channel-crud .wcs-upload-zone.done { border-color: var(--brand-teal); background: var(--brand-gray-100); }

.page-slug-wellness-channel-crud .wcs-upload-label { font-size: var(--brand-font-size-md); color: var(--brand-gray-400); }

.page-slug-wellness-channel-crud .wcs-upload-label strong { color: var(--brand-black); }

.page-slug-wellness-channel-crud .wcs-progress {
    height: 4px;
    background: var(--brand-gray-100);
    border-radius: var(--brand-radius-sm);
    margin-top: 0.75rem;
    overflow: hidden;
    display: none;
}

.page-slug-wellness-channel-crud .wcs-progress-bar {
    height: 100%;
    background: var(--brand-teal);
    width: 0;
    transition: width 0.3s;
}

.page-slug-wellness-channel-crud .wcs-r2-warning {
    background: var(--brand-pale-yellow);
    border: var(--brand-border-width-thin) solid var(--brand-orange);
    border-radius: var(--brand-radius-md);
    padding: 0.75rem 1rem;
    font-size: var(--brand-font-size-base);
    color: var(--brand-orange);
    margin-bottom: 1.5rem;
}

.page-slug-wellness-channel-crud .wcs-contrib-card {
    background: var(--brand-white);
    border: var(--brand-border-width-thin) solid var(--brand-gray-100);
    border-radius: var(--wcs-radius);
    padding: 1.25rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.page-slug-wellness-channel-crud .wcs-contrib-info { flex: 1; }

.page-slug-wellness-channel-crud .wcs-contrib-info h4 { margin: 0 0 0.25rem; font-size: var(--brand-font-size-lg); }

.page-slug-wellness-channel-crud .wcs-contrib-meta { font-size: var(--brand-font-size-base); color: var(--brand-gray-400); }

.page-slug-wellness-channel-crud .wcs-contrib-actions { display: flex; gap: 0.5rem; flex-shrink: 0; }

.page-slug-wellness-channel-crud .wcs-reject-form { margin-top: 0.75rem; display: none; }

.page-slug-wellness-channel-crud .wcs-reject-form textarea { width: 100%; box-sizing: border-box; }

.page-slug-wellness-channel-crud .wcs-empty { color: var(--brand-gray-400); font-size: var(--brand-font-size-md); padding: 2rem; text-align: center; background: var(--brand-white); border-radius: var(--wcs-radius); border: var(--brand-border-width-thin) solid var(--brand-gray-100); }

.page-slug-wellness-channel-crud /* ==== Stage 3: extracted repeated inline styles ==== */
.u-display-none { display:none; }

.page-slug-wellness-channel-crud /* ==== Stage 3: extracted repeated inline styles ==== */
.u-margin-0-2 { margin:0; }

.page-slug-wellness-channel-crud .u-margin-left-auto-font-size-0-75rem-color { margin-left:auto;font-size: var(--brand-font-size-sm);color:var(--brand-gray-400); }

.page-slug-wellness-channel-crud .u-position-relative { position:relative; }

.page-slug-wellness-channel-crud .u-display-flex-align-items-center-gap-0-75 { display:flex;align-items:center;gap:0.75rem;padding:0.7rem 1rem;text-decoration:none;color:var(--brand-black);font-size: var(--brand-font-size-md);font-weight: var(--brand-weight-medium);transition:background 0.15s; }

/* ============================================================ */
/* INLINE STYLES EXTRACTED -- BULK PASS 28 aug 2026 (src: g4_wellnesschannel.txt) */
/* ============================================================ */

/* ---- extracted from wellnessChannel/admin-edit-wellness-channel.php ---- */
.pg-admin-edit-wellness-channel-i001 { display:flex !important; gap:0.75rem !important; align-items:center !important; position:relative !important; }
.pg-admin-edit-wellness-channel-i002 { background:var(--brand-gray-100) !important; color:var(--brand-black) !important; }
.pg-admin-edit-wellness-channel-i003 { display:none !important; position:absolute !important; right:0 !important; top:calc(100% + 8px) !important; background: var(--brand-white) !important; border:var(--brand-border-width-thin) solid var(--brand-gray-100) !important; border-radius:var(--wcs-radius) !important; box-shadow: var(--brand-elevation-strong)!important; min-width:240px !important; z-index:1000 !important; overflow:hidden !important; }
.pg-admin-edit-wellness-channel-i004 { padding:0.5rem 0.75rem !important; font-size: var(--brand-font-size-sm)!important; font-weight: var(--brand-weight-bold) !important; text-transform:uppercase !important; letter-spacing:0.08em !important; color:var(--brand-gray-400) !important; border-bottom:var(--brand-border-width-thin) solid var(--brand-gray-100) !important; background:var(--brand-gray-100) !important; }
.pg-admin-edit-wellness-channel-i005 { padding:0.5rem 0.75rem !important; font-size: var(--brand-font-size-sm)!important; font-weight: var(--brand-weight-bold) !important; text-transform:uppercase !important; letter-spacing:0.08em !important; color:var(--brand-gray-400) !important; border-bottom:var(--brand-border-width-thin) solid var(--brand-gray-100) !important; border-top:var(--brand-border-width-thin) solid var(--brand-gray-100) !important; background:var(--brand-gray-100) !important; }
.pg-admin-edit-wellness-channel-i006 { padding:0.5rem 0.75rem !important; font-size: var(--brand-font-size-sm)!important; font-weight: var(--brand-weight-bold) !important; text-transform:uppercase !important; letter-spacing:0.08em !important; color:var(--brand-gray-400) !important; border-bottom:var(--brand-border-width-thin) solid var(--brand-gray-100) !important; border-top:var(--brand-border-width-thin) solid var(--brand-gray-100) !important; background:var(--brand-gray-100) !important; }
.pg-admin-edit-wellness-channel-i007 { display:flex !important; align-items:center !important; gap:0.75rem !important; padding:0.7rem 1rem !important; text-decoration:none !important; color:var(--brand-black) !important; font-size: var(--brand-font-size-md)!important; font-weight: var(--brand-weight-medium) !important; }
.pg-admin-edit-wellness-channel-i008 { display:flex !important; align-items:center !important; gap:0.75rem !important; padding:0.7rem 1rem !important; text-decoration:none !important; color:var(--brand-black) !important; font-size: var(--brand-font-size-md)!important; font-weight: var(--brand-weight-medium) !important; }
.pg-admin-edit-wellness-channel-i009 { display:flex !important; align-items:center !important; gap:0.75rem !important; padding:0.7rem 1rem !important; text-decoration:none !important; color:var(--brand-black) !important; font-size: var(--brand-font-size-md)!important; font-weight: var(--brand-weight-medium) !important; }
.pg-admin-edit-wellness-channel-i010 { display:flex !important; align-items:center !important; gap:0.75rem !important; padding:0.7rem 1rem !important; text-decoration:none !important; color:var(--brand-black) !important; font-size: var(--brand-font-size-md)!important; font-weight: var(--brand-weight-medium) !important; }
.pg-admin-edit-wellness-channel-i011 { padding:0.5rem 0.75rem !important; font-size: var(--brand-font-size-sm)!important; font-weight: var(--brand-weight-bold) !important; text-transform:uppercase !important; letter-spacing:0.08em !important; color:var(--brand-gray-400) !important; border-bottom:var(--brand-border-width-thin) solid var(--brand-gray-100) !important; border-top:var(--brand-border-width-thin) solid var(--brand-gray-100) !important; background:var(--brand-gray-100) !important; }
.pg-admin-edit-wellness-channel-i012 { border-top:var(--brand-border-width-thin) solid var(--brand-gray-100) !important; padding:0.6rem 1rem !important; }
.pg-admin-edit-wellness-channel-i013 { background:none !important; border:none !important; color:var(--brand-teal) !important; font-size: var(--brand-font-size-base)!important; font-weight: var(--brand-weight-semibold) !important; cursor:pointer !important; padding:0 !important; display:flex !important; align-items:center !important; gap:0.4rem !important; }
.pg-admin-edit-wellness-channel-i014 { margin-top:0.5rem !important; }
.pg-admin-edit-wellness-channel-i015 { max-width: var(--brand-width-standard)!important; max-height:200px !important; border-radius: var(--brand-radius-md)!important; background:var(--brand-black) !important; display:block !important; }
.pg-admin-edit-wellness-channel-i016 { max-width: var(--brand-width-narrow)!important; height:36px !important; }
.pg-admin-edit-wellness-channel-i017 { margin-top:0.25rem !important; font-size: var(--brand-font-size-sm)!important; color:var(--brand-gray-400) !important; }
.pg-admin-edit-wellness-channel-i018 { margin-top:0.5rem !important; display:flex !important; gap:0.5rem !important; }
.pg-admin-edit-wellness-channel-i019 { margin-bottom:1.5rem !important; background: var(--brand-white) !important; border:var(--brand-border-width-thin) solid var(--brand-gray-100) !important; border-radius:var(--wcs-radius) !important; padding:1.25rem !important; }
.pg-admin-edit-wellness-channel-i020 { font-weight: var(--brand-weight-semibold) !important; margin-bottom:0.75rem !important; font-size: var(--brand-font-size-md)!important; }
.pg-admin-edit-wellness-channel-i021 { display:flex !important; gap:0.75rem !important; flex-wrap:wrap !important; }
.pg-admin-edit-wellness-channel-i022 { flex:1 !important; min-width:200px !important; }
.pg-admin-edit-wellness-channel-i023 { flex:1 !important; min-width:200px !important; }
.pg-admin-edit-wellness-channel-i024 { margin-top:0.5rem !important; font-size: var(--brand-font-size-base)!important; }
.pg-admin-edit-wellness-channel-i025 { font-size: var(--brand-font-size-md)!important; color:var(--brand-gray-400) !important; }
.pg-admin-edit-wellness-channel-i026 { font-size: var(--brand-font-size-md)!important; color:var(--brand-gray-400) !important; }
.pg-admin-edit-wellness-channel-i027 { font-size: var(--brand-font-size-md)!important; color:var(--brand-gray-400) !important; }
.pg-admin-edit-wellness-channel-i028 { margin-top:0 !important; margin-bottom:1.25rem !important; }
.pg-admin-edit-wellness-channel-i029 { display:none !important; background: var(--brand-gray-100) !important; padding: 1rem !important; border-radius: var(--brand-radius-md)!important; border: var(--brand-border-width-thin) solid var(--brand-gray-100) !important; }
.pg-admin-edit-wellness-channel-i030 { margin-bottom:0.5rem !important; color:var(--brand-black) !important; }
.pg-admin-edit-wellness-channel-i031 { font-size: var(--brand-font-size-base)!important; margin-top:0.5rem !important; color:var(--brand-gray-400) !important; }
.pg-admin-edit-wellness-channel-i032 { background:var(--brand-gray-100) !important; color:var(--brand-black) !important; }
.pg-admin-edit-wellness-channel-i033 { color:var(--brand-gray-400) !important; }
.pg-admin-edit-wellness-channel-i034 { display:flex !important; align-items:center !important; padding:0.7rem 1rem !important; border-bottom:var(--brand-border-width-thin) solid var(--brand-gray-100) !important; }
.pg-admin-edit-wellness-channel-i035 { flex:1 !important; text-decoration:none !important; color:var(--brand-black) !important; font-size: var(--brand-font-size-md)!important; font-weight: var(--brand-weight-medium) !important; }
.pg-admin-edit-wellness-channel-i036 { font-size: var(--brand-font-size-sm)!important; color:var(--brand-red) !important; cursor:pointer !important; padding:2px 6px !important; }
.pg-admin-edit-wellness-channel-i037 { font-size: var(--brand-font-size-md)!important; color:var(--brand-gray-400) !important; }
.pg-admin-edit-wellness-channel-i038 { font-size: var(--brand-font-size-md)!important; color:var(--brand-gray-400) !important; }
.pg-admin-edit-wellness-channel-i039 { font-size: var(--brand-font-size-md)!important; color:var(--brand-gray-400) !important; }

/* ---- extracted from wellnessChannel/wellnessChannelIndex.php ---- */
.pg-wellnesschannelindex-i001 { display:flex !important; gap:0.75rem !important; }
.pg-wellnesschannelindex-i002 { flex:1 !important; padding:0.6rem !important; border-radius: var(--brand-radius-md)!important; border:var(--brand-border-width-thick) solid var(--brand-teal) !important; background:var(--brand-gray-100) !important; color:var(--brand-black) !important; font-weight: var(--brand-weight-semibold) !important; cursor:pointer !important; font-size: var(--brand-font-size-md)!important; }
.pg-wellnesschannelindex-i003 { flex:1 !important; padding:0.6rem !important; border-radius: var(--brand-radius-md)!important; border:var(--brand-border-width-thick) solid var(--brand-gray-100) !important; background: var(--brand-white) !important; color:var(--brand-gray-400) !important; font-weight: var(--brand-weight-semibold) !important; cursor:pointer !important; font-size: var(--brand-font-size-md)!important; }
.pg-wellnesschannelindex-i004 { font-size: var(--brand-font-size-base)!important; margin-top:0.5rem !important; color:var(--brand-gray-400) !important; }
.pg-wellnesschannelindex-i005 { display:grid !important; grid-template-columns:1fr 1fr !important; gap:1rem !important; }
.pg-wellnesschannelindex-i006 { font-size: var(--brand-font-size-md)!important; margin-bottom:0.5rem !important; }
.pg-wellnesschannelindex-i007 { color:var(--brand-teal) !important; font-weight: var(--brand-weight-semibold) !important; }
.pg-wellnesschannelindex-i008 { color:var(--brand-peach) !important; font-weight: var(--brand-weight-semibold) !important; }
.pg-wellnesschannelindex-i009 { color:var(--brand-black) !important; font-weight: var(--brand-weight-semibold) !important; }
.pg-wellnesschannelindex-i010 { background:var(--brand-peach) !important; }
.pg-wellnesschannelindex-i011 { margin-top:-1rem !important; margin-bottom:1.5rem !important; }
.pg-wellnesschannelindex-i012 { font-size: var(--brand-font-size-base)!important; padding:0.4rem 1rem !important; }
.pg-wellnesschannelindex-i013 { margin-top:-1rem !important; margin-bottom:1.5rem !important; }
.pg-wellnesschannelindex-i014 { font-size: var(--brand-font-size-base)!important; padding:0.4rem 1rem !important; }
.pg-wellnesschannelindex-i015 { font-size: var(--brand-font-size-sm)!important; background:var(--brand-gray-100) !important; color:var(--brand-black) !important; padding:2px 8px !important; border-radius: var(--brand-radius-xl)!important; display:inline-block !important; }
.pg-wellnesschannelindex-i017 { background:var(--brand-gray-100) !important; border-radius: var(--brand-radius-md)!important; padding:0.875rem 1.25rem !important; margin-bottom:1.5rem !important; font-size: var(--brand-font-size-md)!important; color:var(--brand-black) !important; }
.pg-wellnesschannelindex-i018 { display:flex !important; justify-content:center !important; margin-top:0.25rem !important; }
.pg-wellnesschannelindex-i019 { flex:none !important; }
.pg-wellnesschannelindex-i020 { background:var(--brand-black) !important; border-radius: var(--brand-radius-xl)!important; padding:2.5rem 2rem !important; max-width: var(--brand-width-standard)!important; width:100% !important; text-align:center !important; position:relative !important; }
.pg-wellnesschannelindex-i021 { position:absolute !important; top:12px !important; right:14px !important; width:36px !important; height:36px !important; border-radius:50% !important; background:rgba(255,255,255,0.1) !important; border:none !important; color:var(--brand-white) !important; font-size:var(--brand-font-size-xl) !important; cursor:pointer !important; }
.pg-wellnesschannelindex-i022 { color:var(--brand-pale-mint) !important; font-family:Georgia,serif !important; margin:0 0 1.5rem !important; }
.pg-wellnesschannelindex-i023 { width:150px !important; height:150px !important; border-radius:50% !important; background:var(--brand-teal) !important; margin:0 auto 1.25rem !important; display:flex !important; align-items:center !important; justify-content:center !important; color:var(--brand-black) !important; font-weight: var(--brand-weight-bold) !important; transition:transform 4s ease-in-out !important; }
.pg-wellnesschannelindex-i024 { color:rgba(255,255,255,0.75) !important; font-size: var(--brand-font-size-md)!important; margin-bottom:1.25rem !important; min-height:2.6em !important; }
.pg-wellnesschannelindex-i025 { background:var(--brand-teal) !important; color:var(--brand-white) !important; border:none !important; padding:0.7rem 1.5rem !important; border-radius: var(--brand-radius-pill)!important; font-weight: var(--brand-weight-bold) !important; cursor:pointer !important; font-size: var(--brand-font-size-md)!important; }
.pg-wellnesschannelindex-i026 { display:flex !important; align-items:center !important; gap:1rem !important; margin-bottom:1.25rem !important; }
.pg-wellnesschannelindex-i027 { margin:0 !important; font-family:Georgia,serif !important; font-size: var(--brand-font-size-xl)!important; color:var(--brand-black) !important; white-space:nowrap !important; }
.pg-wellnesschannelindex-i028 { flex:1 !important; border:none !important; border-top:var(--brand-border-width-thick) solid var(--brand-teal) !important; margin:0 !important; }
.pg-wellnesschannelindex-i029 { display:flex !important; align-items:center !important; gap:1rem !important; margin:2rem 0 1.25rem !important; }
.pg-wellnesschannelindex-i030 { margin:0 !important; font-family:Georgia,serif !important; font-size: var(--brand-font-size-xl)!important; color:var(--brand-black) !important; white-space:nowrap !important; }
.pg-wellnesschannelindex-i031 { flex:1 !important; border:none !important; border-top:var(--brand-border-width-thick) solid var(--brand-teal) !important; margin:0 !important; }
.pg-wellnesschannelindex-i032 { display:inline-block !important; font-size: var(--brand-font-size-xs)!important; font-weight: var(--brand-weight-bold) !important; text-transform:uppercase !important; letter-spacing:0.05em !important; color:var(--brand-teal) !important; background:var(--brand-mint) !important; padding:3px 9px !important; border-radius: var(--brand-radius-xl)!important; margin-bottom:8px !important; }
.pg-wellnesschannelindex-i033 { display:inline-block !important; font-size: var(--brand-font-size-xs)!important; font-weight: var(--brand-weight-bold) !important; text-transform:uppercase !important; letter-spacing:0.05em !important; color:var(--brand-gray-400) !important; background:var(--brand-gray-100) !important; padding:3px 9px !important; border-radius: var(--brand-radius-xl)!important; margin-bottom:8px !important; }
.pg-wellnesschannelindex-i034 { grid-template-columns:minmax(0,420px) !important; }
.pg-wellnesschannelindex-i038 { background:var(--brand-black) !important; border-radius: var(--brand-radius-xl)!important; padding:2.5rem 2rem !important; max-width: var(--brand-width-standard)!important; width:100% !important; text-align:center !important; position:relative !important; }
.pg-wellnesschannelindex-i039 { position:absolute !important; top:12px !important; right:14px !important; width:36px !important; height:36px !important; border-radius:50% !important; background:rgba(255,255,255,0.1) !important; border:none !important; color:var(--brand-white) !important; font-size:var(--brand-font-size-xl) !important; cursor:pointer !important; }
.pg-wellnesschannelindex-i040 { width:72px !important; height:72px !important; border-radius:50% !important; background:var(--brand-teal) !important; margin:0 auto 1.25rem !important; display:flex !important; align-items:center !important; justify-content:center !important; color:var(--brand-white) !important; border:none !important; cursor:pointer !important; padding:0 !important; }
.pg-wellnesschannelindex-i041 { color:var(--brand-pale-mint) !important; font-family:Georgia,serif !important; margin:0 0 0.4rem !important; }
.pg-wellnesschannelindex-i042 { color:rgba(255,255,255,0.75) !important; font-size: var(--brand-font-size-md)!important; margin-bottom:1.25rem !important; }
.pg-wellnesschannelindex-i043 { display:flex !important; align-items:center !important; justify-content:center !important; gap:10px !important; }
.pg-wellnesschannelindex-i044 { width:130px !important; }
.pg-wellnesschannelindex-i046 { font-size: var(--brand-font-size-sm)!important; font-weight: var(--brand-weight-bold) !important; text-transform:uppercase !important; letter-spacing:0.06em !important; color:var(--brand-gray-400) !important; padding:0.5rem 0.6rem 0.35rem !important; }
.pg-wellnesschannelindex-i047 { background:var(--brand-white) !important; border-radius: var(--brand-radius-xl)!important; padding:1.75rem !important; max-width: var(--brand-width-standard)!important; width:100% !important; max-height:80vh !important; overflow-y:auto !important; position:relative !important; }
.pg-wellnesschannelindex-i048 { position:absolute !important; top:14px !important; right:14px !important; width:32px !important; height:32px !important; border-radius:50% !important; background:var(--brand-bg) !important; border:none !important; color:var(--brand-black) !important; font-size:var(--brand-font-size-xl) !important; cursor:pointer !important; }
.pg-wellnesschannelindex-i049 { font-family:Georgia,serif !important; color:var(--brand-black) !important; margin:0 0 0.35rem !important; padding-right:2rem !important; }
.pg-wellnesschannelindex-i050 { font-size: var(--brand-font-size-md)!important; color:var(--brand-gray-400) !important; margin:0 0 1.25rem !important; }
.pg-wellnesschannelindex-i051 { display:flex !important; gap:0.6rem !important; margin-bottom:1.25rem !important; }
.pg-wellnesschannelindex-i052 { grid-template-columns:repeat(auto-fill,minmax(200px,1fr)) !important; gap:1rem !important; }

/* ---- extracted from wellnessChannel/wellness_channel_guide.php ---- */
.pg-wellness-channel-guide-i001 { margin-top:1rem !important; }
.pg-wellness-channel-guide-i002 { margin-top:0.5rem !important; }
.pg-wellness-channel-guide-i003 { flex:3 !important; opacity:0.4 !important; }
.pg-wellness-channel-guide-i004 { margin-top:0.5rem !important; }
.pg-wellness-channel-guide-i005 { margin-top:1rem !important; }
.pg-wellness-channel-guide-i006 { font-family:'Playfair Display',serif !important; font-size: var(--brand-font-size-xl)!important; color:var(--ink) !important; margin:0 0 1rem !important; }
.pg-wellness-channel-guide-i007 { margin-top:0.5rem !important; }
.pg-wellness-channel-guide-i008 { font-family:'Playfair Display',serif !important; font-size: var(--brand-font-size-xl)!important; color:var(--ink) !important; margin:0 0 1rem !important; }