:root{--active-station:#9449f3}
html,body{max-width:100%;overflow-x:hidden}.auto-shell{overflow:visible}
.live-status-hero{padding:32px 3px 20px}.live-status-hero>span,.dedication-head>div>span{font-size:.66rem;font-weight:900;letter-spacing:.17em;color:#b994ff}.live-status-hero h1{font-size:clamp(2rem,5vw,4rem);letter-spacing:-.055em;margin:6px 0}.live-status-hero p{color:#9f96a7;max-width:820px;margin:0}
.core-logo-auto{display:grid!important;place-items:center!important;-webkit-text-fill-color:initial!important}.core-logo-auto img{width:76%;height:76%;object-fit:contain;filter:drop-shadow(0 14px 30px rgba(0,0,0,.5))}
.offline-dj-panel{margin-top:38px;padding:28px;border-radius:23px;display:flex;gap:18px;align-items:center}.offline-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:rgba(148,73,243,.12);border:1px solid rgba(148,73,243,.24);font-size:1.5rem;color:#9449f3}.offline-dj-panel span{font-size:.65rem;color:#b994ff;font-weight:900;letter-spacing:.14em}.offline-dj-panel h2{font-size:clamp(1.5rem,3vw,2.5rem);margin:5px 0}.offline-dj-panel p{color:#8f8698;margin:0}
.dedication-live-panel{margin-top:38px;padding:26px;border-radius:24px}.dedication-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.dedication-head h2{font-size:clamp(1.7rem,4vw,2.8rem);margin:5px 0}.dedication-head p{color:#91879b}.dedication-live-chip{display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:999px;background:rgba(255,52,95,.09);border:1px solid rgba(255,52,95,.2);font-size:.66rem;font-weight:900}.dedication-live-chip i{width:8px;height:8px;border-radius:50%;background:#ff345f;box-shadow:0 0 14px #ff345f}
.dedication-form-auto{margin-top:18px}.dedication-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.dedication-grid .wide{grid-column:1/-1}.dedication-grid label>span{display:block;color:#b6adbe;font-size:.72rem;font-weight:800;margin-bottom:7px}.dedication-grid input,.dedication-grid textarea{width:100%;border-radius:13px;border:1px solid rgba(255,255,255,.1);background:#09070d;color:#fff;padding:13px 14px;outline:0}.dedication-grid input:focus,.dedication-grid textarea:focus{border-color:#9449f3;box-shadow:0 0 0 3px rgba(148,73,243,.1)}.dedication-grid textarea{min-height:120px;resize:vertical}.counter{display:block;text-align:right;color:#766d80;margin-top:5px}.privacy{font-size:.72rem;color:#807687}.dedication-submit-auto{width:100%;padding:14px;border:0;border-radius:13px;background:linear-gradient(135deg,#9449f3,#d946ef);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 14px 34px rgba(148,73,243,.22)}.dedication-feedback{margin-top:10px;min-height:20px}.dedication-feedback.success{color:#55d98d}.dedication-feedback.error{color:#ff718a}
.quick-links-auto{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.quick-links-auto a{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;padding:17px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(148,73,243,.15),#0c0a10 65%);transition:.25s}.quick-links-auto a:hover{transform:translateY(-2px);border-color:rgba(148,73,243,.35)}.quick-links-auto a>span{font-size:1.35rem}.quick-links-auto a>div{min-width:0;flex:1}.quick-links-auto strong,.quick-links-auto small{display:block}.quick-links-auto small{font-size:.7rem;color:#8f8698;margin-top:3px}
.live-camera-layer{position:absolute;inset:0;z-index:7;background:#020104;opacity:0;visibility:hidden;transition:.5s}.live-camera-layer video{width:100%;height:100%;object-fit:cover}.camera-live .live-camera-layer{opacity:1;visibility:visible}.camera-live .badge,.camera-live .clock{z-index:10}.camera-live-badge{position:absolute;left:20px;top:20px;padding:10px 13px;border-radius:999px;background:rgba(7,4,12,.72);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);font-size:.7rem;font-weight:900}.camera-live-badge i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff345f;margin-right:7px}
@media(max-width:700px){.auto-shell{width:100%;padding-left:8px;padding-right:8px;overflow:hidden}.dedication-grid{grid-template-columns:1fr}.dedication-grid .wide{grid-column:auto}.dedication-head{flex-direction:column}.quick-links-auto{grid-template-columns:1fr}.offline-dj-panel{align-items:flex-start;padding:20px}.live-status-hero h1{font-size:2.3rem}}


/* =========================================================
   RADIO XXL® TV 6.3 — PREMIUM SAFE
   Adăugat peste CSS-ul 6.1 funcțional.
   Nu înlocuiește layout-ul de bază.
   ========================================================= */

:root{
    --xxl-purple:#9449f3;
    --xxl-purple-deep:#7c3aed;
    --xxl-magenta:#d946ef;
    --xxl-cyan:#22d3ee;
    --xxl-bg:#050507;
    --xxl-panel:#0c0a10;
    --xxl-line:rgba(255,255,255,.08);
}

/* FUNDAL GENERAL */
body{
    background:
        radial-gradient(circle at 12% 7%,rgba(148,73,243,.13),transparent 25%),
        radial-gradient(circle at 88% 24%,rgba(217,70,239,.07),transparent 24%),
        radial-gradient(circle at 50% 92%,rgba(34,211,238,.04),transparent 28%),
        linear-gradient(180deg,#050507 0%,#08070b 48%,#050507 100%);
}

body::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:-1;
    pointer-events:none;
    opacity:.32;
    background-image:
        linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);
    background-size:54px 54px;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 82%);
}

/* HEADER */
.topbar{
    border:1px solid rgba(255,255,255,.075);
    border-radius:20px;
    background:
        linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.016)),
        rgba(8,7,11,.84);
    box-shadow:
        0 18px 48px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.035);
    backdrop-filter:blur(18px);
}

.brand img{
    filter:
        drop-shadow(0 8px 18px rgba(0,0,0,.48))
        drop-shadow(0 0 13px rgba(148,73,243,.16));
}

.viewer-pill,
.live-pill,
.round-btn{
    border-color:rgba(255,255,255,.09) !important;
    background:
        linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.018)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 8px 18px rgba(0,0,0,.15);
}

.round-btn{
    transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.round-btn:hover{
    transform:translateY(-2px);
    border-color:rgba(148,73,243,.40) !important;
    box-shadow:0 9px 22px rgba(124,58,237,.14);
}

/* INTRO */
.live-status-hero{
    position:relative;
    padding-top:44px;
}

.live-status-hero::before{
    content:"";
    position:absolute;
    top:25px;
    left:3px;
    width:105px;
    height:3px;
    border-radius:999px;
    background:linear-gradient(90deg,var(--xxl-purple),var(--xxl-magenta),transparent);
    box-shadow:0 0 20px rgba(148,73,243,.24);
}

.live-status-hero>span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#c8a9ff;
}

.live-status-hero>span::before{
    content:"";
    width:7px;
    height:7px;
    border-radius:50%;
    background:#ff345f;
    box-shadow:0 0 13px rgba(255,52,95,.7);
}

.live-status-hero h1{
    max-width:980px;
    line-height:.98;
    text-wrap:balance;
    background:linear-gradient(180deg,#fff 8%,#ded9e4 96%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}

.live-status-hero p{
    line-height:1.62;
}

/* TV STAGE */
.tv-stage{
    border:1px solid rgba(164,107,255,.20);
    border-radius:28px;
    background:
        radial-gradient(circle at 22% 34%,rgba(148,73,243,.17),transparent 28%),
        radial-gradient(circle at 78% 62%,rgba(217,70,239,.065),transparent 32%),
        linear-gradient(145deg,#0c0911 0%,#07060a 60%,#09070d 100%);
    box-shadow:
        0 38px 90px rgba(0,0,0,.42),
        inset 0 1px 0 rgba(255,255,255,.045);
}

.badge,
.clock{
    border-color:rgba(255,255,255,.09) !important;
    background:rgba(7,5,10,.62) !important;
    backdrop-filter:blur(14px);
    box-shadow:0 8px 22px rgba(0,0,0,.20);
}

/* LOGO CENTRAL — fără chenar pătrat */
.core-logo-auto{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
}

.core-logo-auto img{
    width:76%;
    height:76%;
    object-fit:contain;
    border:0 !important;
    outline:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    filter:
        drop-shadow(0 16px 28px rgba(0,0,0,.52))
        drop-shadow(0 0 22px rgba(148,73,243,.23));
}

.core-ring{
    border-color:rgba(177,125,255,.16) !important;
}
.ring-2{
    border-color:rgba(34,211,238,.10) !important;
}

.copy .kicker{
    color:#bd97ff;
}
.copy h2{
    text-wrap:balance;
}
.copy p{
    color:#b1a7ba;
}

.stats{
    border:1px solid rgba(255,255,255,.06);
    border-radius:13px;
    background:rgba(8,6,11,.30);
    backdrop-filter:blur(10px);
}

.bars i{
    background:linear-gradient(to top,var(--xxl-purple),#d8b6ff) !important;
}

/* PLAYER + STATUS */
.deck{
    gap:13px;
}

.player.glass,
.status.glass{
    border:1px solid rgba(255,255,255,.075) !important;
    background:
        linear-gradient(145deg,rgba(255,255,255,.042),rgba(255,255,255,.016)),
        rgba(11,9,14,.84) !important;
    box-shadow:
        0 16px 38px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.035) !important;
    backdrop-filter:blur(17px);
}

.play{
    background:linear-gradient(135deg,var(--xxl-purple),var(--xxl-purple-deep)) !important;
    box-shadow:
        0 12px 28px rgba(124,58,237,.24),
        inset 0 1px 0 rgba(255,255,255,.18);
}

.volume input{
    accent-color:var(--xxl-purple);
}

/* OFF AIR — păstrează layout-ul 6.1 */
.offline-dj-panel{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(148,73,243,.14) !important;
    background:
        radial-gradient(circle at 9% 50%,rgba(148,73,243,.12),transparent 26%),
        linear-gradient(145deg,rgba(255,255,255,.036),rgba(255,255,255,.013)),
        #0b0910 !important;
    box-shadow:
        0 22px 52px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.offline-dj-panel::after{
    content:"";
    position:absolute;
    width:190px;
    height:190px;
    top:-95px;
    right:-70px;
    border-radius:50%;
    background:rgba(148,73,243,.11);
    filter:blur(34px);
    pointer-events:none;
}

.offline-icon{
    box-shadow:
        0 10px 24px rgba(0,0,0,.20),
        0 0 24px rgba(148,73,243,.08);
}

.offline-dj-panel h2{
    letter-spacing:-.035em;
}
.offline-dj-panel p{
    line-height:1.58;
}

/* DEDICAȚII */
.dedication-live-panel{
    border:1px solid rgba(148,73,243,.15) !important;
    background:
        radial-gradient(circle at 88% 10%,rgba(217,70,239,.08),transparent 29%),
        linear-gradient(145deg,rgba(255,255,255,.042),rgba(255,255,255,.015)),
        #0c0a10 !important;
    box-shadow:
        0 24px 56px rgba(0,0,0,.25),
        inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.dedication-grid input,
.dedication-grid textarea{
    background:
        linear-gradient(145deg,rgba(255,255,255,.024),rgba(255,255,255,.008)),
        #08070b;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
    transition:border-color .2s ease,box-shadow .2s ease;
}

.dedication-grid input:focus,
.dedication-grid textarea:focus{
    border-color:rgba(148,73,243,.62);
    box-shadow:
        0 0 0 3px rgba(148,73,243,.10),
        0 8px 24px rgba(0,0,0,.14);
}

.dedication-submit-auto{
    min-height:50px;
    background:linear-gradient(135deg,var(--xxl-purple),var(--xxl-magenta)) !important;
    box-shadow:
        0 14px 34px rgba(148,73,243,.26),
        inset 0 1px 0 rgba(255,255,255,.18);
    transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}

.dedication-submit-auto:hover{
    transform:translateY(-2px);
    filter:brightness(1.06);
    box-shadow:
        0 18px 42px rgba(148,73,243,.34),
        inset 0 1px 0 rgba(255,255,255,.18);
}

/* CARDURI COMUNITATE / PLATFORMĂ — păstrează display:grid 6.1 */
.quick-links-auto a{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    min-height:82px;
    box-shadow:
        0 15px 34px rgba(0,0,0,.19),
        inset 0 1px 0 rgba(255,255,255,.03);
}

.quick-links-auto a:first-child{
    background:
        linear-gradient(135deg,rgba(217,70,239,.12),rgba(148,73,243,.10) 52%,#0c0a10 82%);
}

.quick-links-auto a:last-child{
    background:
        linear-gradient(135deg,rgba(34,211,238,.055),rgba(148,73,243,.11) 55%,#0c0a10 84%);
}

.quick-links-auto a::after{
    content:"";
    position:absolute;
    z-index:-1;
    width:120px;
    height:120px;
    top:-70px;
    right:-48px;
    border-radius:50%;
    background:rgba(148,73,243,.10);
    filter:blur(24px);
    transition:transform .3s ease;
}

.quick-links-auto a:hover{
    box-shadow:
        0 20px 42px rgba(0,0,0,.27),
        0 0 24px rgba(148,73,243,.065);
}

.quick-links-auto a:hover::after{
    transform:scale(1.22);
}

.quick-links-auto a>span{
    width:42px;
    height:42px;
    flex:0 0 42px;
    display:grid;
    place-items:center;
    border-radius:13px;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.065);
}

.quick-links-auto a>b{
    width:32px;
    height:32px;
    flex:0 0 32px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.06);
}

/* CAMERA LIVE */
.live-camera-layer{
    border-radius:inherit;
}
.live-camera-layer::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    box-shadow:
        inset 0 0 90px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.035);
}

/* FOOTER */
.auto-shell footer{
    margin-top:42px;
    padding-top:20px;
    border-top:1px solid rgba(255,255,255,.055);
}

/* MOBILE — doar finisaje, fără schimbări structurale */
@media(max-width:700px){
    body{
        background:
            radial-gradient(circle at 50% 6%,rgba(148,73,243,.11),transparent 24%),
            linear-gradient(180deg,#050507,#08070b 52%,#050507);
    }

    .topbar{
        border-radius:17px;
    }

    .live-status-hero{
        padding-top:38px;
    }

    .live-status-hero::before{
        top:21px;
    }

    .live-status-hero h1{
        font-size:clamp(2rem,10vw,2.75rem);
        line-height:1;
        max-width:100%;
        overflow-wrap:anywhere;
    }

    .live-status-hero p{
        max-width:100%;
        overflow-wrap:anywhere;
    }

    .tv-stage{
        border-radius:21px;
    }

    .copy h2{
        max-width:100%;
        overflow-wrap:anywhere;
    }

    .offline-dj-panel{
        border-radius:20px;
    }

    .quick-links-auto a{
        min-height:78px;
    }
}

@media(max-width:420px){
    .live-status-hero h1{
        font-size:2rem;
    }

    .offline-dj-panel{
        gap:13px;
    }

    .offline-icon{
        width:50px;
        height:50px;
        flex:0 0 50px;
    }
}

@media(prefers-reduced-motion:reduce){
    .round-btn,
    .dedication-submit-auto,
    .quick-links-auto a{
        transition:none!important;
    }
}


/* =========================================================
   RADIO XXL® TV 6.4 — MOBILE LIVE FRAME FINAL
   ========================================================= */
@media (max-width: 720px) {

    body.camera-live .tv-stage{
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        aspect-ratio:16 / 9 !important;

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

        overflow:hidden !important;
        border-radius:20px !important;
        background:#020104 !important;

        display:block !important;
    }

    /* elimină complet scena grafică pe durata camerei LIVE */
    body.camera-live .tv-stage > .hero,
    body.camera-live .tv-stage > .badge,
    body.camera-live .tv-stage > .clock,
    body.camera-live .tv-stage > .sound-gate,
    body.camera-live .tv-stage > .lower-third{
        display:none !important;
    }

    body.camera-live .live-camera-layer{
        position:absolute !important;
        inset:0 !important;
        z-index:20 !important;

        display:block !important;
        width:100% !important;
        height:100% !important;

        opacity:1 !important;
        visibility:visible !important;
        pointer-events:none !important;

        border-radius:inherit !important;
        overflow:hidden !important;
        background:#020104 !important;
    }

    body.camera-live .live-camera-layer video{
        position:absolute !important;
        inset:0 !important;

        display:block !important;
        width:100% !important;
        height:100% !important;

        object-fit:cover !important;
        object-position:center center !important;

        margin:0 !important;
        padding:0 !important;
        border:0 !important;
        border-radius:inherit !important;
    }

    body.camera-live .camera-live-badge{
        display:flex !important;
        position:absolute !important;
        top:11px !important;
        left:11px !important;
        z-index:30 !important;

        align-items:center !important;
        width:auto !important;
        height:auto !important;

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

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

        background:rgba(5,4,8,.72) !important;
        color:#fff !important;

        font-size:.62rem !important;
        font-weight:900 !important;
        letter-spacing:.08em !important;

        box-shadow:0 8px 22px rgba(0,0,0,.28) !important;
        backdrop-filter:blur(12px);
    }

    body.camera-live .deck{
        margin-top:12px !important;
    }
}

@media (max-width: 390px){
    body.camera-live .tv-stage{
        min-height:0 !important;
        aspect-ratio:16 / 9 !important;
        border-radius:17px !important;
    }
}


/* =========================================================
   RADIO XXL® TV — DEDICAȚII PREMIUM 6.10
   Doar aspect vizual. Funcționalitatea rămâne neschimbată.
   ========================================================= */

.dedication-live-panel{
    position:relative;
    overflow:hidden;
    margin-top:26px !important;
    padding:30px !important;

    border:1px solid rgba(34,211,238,.20) !important;
    border-radius:24px !important;

    background:
        radial-gradient(circle at 8% 12%,rgba(34,211,238,.08),transparent 23%),
        radial-gradient(circle at 92% 8%,rgba(148,73,243,.11),transparent 28%),
        linear-gradient(145deg,#111116,#0b0a0f 72%) !important;

    box-shadow:
        0 24px 58px rgba(0,0,0,.34),
        0 0 34px rgba(34,211,238,.045),
        inset 0 1px 0 rgba(255,255,255,.045) !important;
}

.dedication-live-panel::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:4px;

    background:linear-gradient(
        180deg,
        #22d3ee 0%,
        #0891b2 48%,
        #9449f3 100%
    );

    box-shadow:0 0 18px rgba(34,211,238,.16);
}

.dedication-head{
    position:relative;
    z-index:2;
    align-items:center !important;
    margin-bottom:18px;
}

.dedication-head>div{
    position:relative;
    padding-left:66px;
    min-height:54px;
}

.dedication-head>div::before{
    content:"✈";
    position:absolute;
    left:0;
    top:0;

    width:50px;
    height:50px;

    display:grid;
    place-items:center;

    border-radius:15px;
    border:1px solid rgba(34,211,238,.38);

    color:#5ce6f7;
    background:
        linear-gradient(145deg,rgba(34,211,238,.14),rgba(34,211,238,.04));

    font-size:1.35rem;

    box-shadow:
        0 10px 26px rgba(0,0,0,.22),
        0 0 20px rgba(34,211,238,.06);
}

.dedication-head>div>span{
    color:#42dff2 !important;
    font-size:.66rem !important;
    font-weight:900 !important;
    letter-spacing:.14em !important;
}

.dedication-head h2{
    margin:5px 0 0 !important;
    color:#fff !important;
    font-size:clamp(1.8rem,3vw,2.65rem) !important;
    line-height:1 !important;
    letter-spacing:-.045em !important;
}

.dedication-head p{
    margin:10px 0 0 !important;
    color:#a69daa !important;
    font-size:.82rem !important;
}

.dedication-head p strong{
    color:#fff;
}

.dedication-live-chip{
    flex:0 0 auto;
    padding:9px 12px !important;

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

    color:#fff !important;
    background:rgba(255,52,95,.09) !important;

    box-shadow:0 0 22px rgba(255,52,95,.07);
}

.dedication-form-auto{
    margin-top:20px !important;
}

.dedication-grid{
    gap:15px !important;
}

/* Labels */
.dedication-grid label{
    display:block;
    min-width:0;
}

.dedication-grid label>span{
    margin-bottom:8px !important;

    color:#f0edf3 !important;
    font-size:.74rem !important;
    font-weight:800 !important;
}

/* Optional */
.dedication-grid label>span small{
    color:#7f7785 !important;
    font-weight:500 !important;
}

/* Inputs */
.dedication-grid input,
.dedication-grid textarea{
    width:100%;
    box-sizing:border-box;

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

    background:
        linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),
        #121116 !important;

    color:#fff !important;

    padding:14px 15px !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025),
        0 8px 20px rgba(0,0,0,.11);

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}

.dedication-grid input{
    min-height:52px;
}

.dedication-grid textarea{
    min-height:145px !important;
    resize:vertical;
}

.dedication-grid input::placeholder,
.dedication-grid textarea::placeholder{
    color:#7f7885 !important;
}

.dedication-grid input:focus,
.dedication-grid textarea:focus{
    border-color:rgba(34,211,238,.72) !important;

    background:#131218 !important;

    box-shadow:
        0 0 0 3px rgba(34,211,238,.09),
        0 0 26px rgba(34,211,238,.055),
        inset 0 1px 0 rgba(255,255,255,.03) !important;
}

/* Counter */
.counter{
    margin-top:6px !important;
    color:#8b8390 !important;
    font-size:.68rem !important;
}

.counter b{
    color:#a9a1ae;
}

/* Privacy */
.privacy{
    margin:15px 0 !important;
    color:#8f8795 !important;
    font-size:.70rem !important;
    line-height:1.5 !important;
}

/* Submit */
.dedication-submit-auto{
    min-height:54px !important;
    padding:0 20px !important;

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

    color:#041014 !important;

    background:
        linear-gradient(
            135deg,
            #5ee3f2 0%,
            #22d3ee 48%,
            #12b8d0 100%
        ) !important;

    font-size:.78rem !important;
    font-weight:950 !important;
    letter-spacing:.075em !important;

    text-shadow:none !important;

    box-shadow:
        0 16px 38px rgba(34,211,238,.18),
        0 0 26px rgba(34,211,238,.06),
        inset 0 1px 0 rgba(255,255,255,.38) !important;

    transition:
        transform .2s ease,
        filter .2s ease,
        box-shadow .2s ease;
}

.dedication-submit-auto:hover{
    transform:translateY(-2px);
    filter:brightness(1.05);

    box-shadow:
        0 20px 44px rgba(34,211,238,.24),
        0 0 30px rgba(34,211,238,.08),
        inset 0 1px 0 rgba(255,255,255,.40) !important;
}

.dedication-submit-auto:active{
    transform:translateY(0) scale(.99);
}

/* Feedback */
.dedication-feedback:not(:empty){
    margin-top:12px !important;
    padding:11px 13px !important;

    border:1px solid rgba(255,255,255,.08);
    border-radius:12px;

    background:rgba(255,255,255,.03);
}

.dedication-feedback.success{
    color:#70e6a0 !important;
    border-color:rgba(85,217,141,.18);
    background:rgba(85,217,141,.055);
}

.dedication-feedback.error{
    color:#ff8ea2 !important;
    border-color:rgba(255,113,138,.18);
    background:rgba(255,113,138,.055);
}

/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:700px){

    .dedication-live-panel{
        margin-top:16px !important;
        padding:18px !important;

        border-radius:20px !important;

        background:
            radial-gradient(circle at 0% 0%,rgba(34,211,238,.09),transparent 28%),
            radial-gradient(circle at 100% 0%,rgba(148,73,243,.12),transparent 30%),
            linear-gradient(145deg,#121118,#09080d 76%) !important;

        box-shadow:
            0 20px 48px rgba(0,0,0,.32),
            0 0 28px rgba(34,211,238,.045),
            inset 0 1px 0 rgba(255,255,255,.045) !important;
    }

    .dedication-head{
        flex-direction:row !important;
        align-items:flex-start !important;
        gap:10px !important;
        margin-bottom:14px !important;
    }

    .dedication-head>div{
        padding-left:56px;
        min-height:48px;
        flex:1;
    }

    .dedication-head>div::before{
        width:44px;
        height:44px;

        border-radius:13px;

        font-size:1.15rem;
    }

    .dedication-head>div>span{
        font-size:.58rem !important;
        letter-spacing:.12em !important;
    }

    .dedication-head h2{
        font-size:1.65rem !important;
        line-height:1.02 !important;
    }

    .dedication-head p{
        margin-top:7px !important;
        font-size:.72rem !important;
    }

    .dedication-live-chip{
        padding:7px 9px !important;
        font-size:.58rem !important;
    }

    .dedication-form-auto{
        margin-top:15px !important;
    }

    .dedication-grid{
        grid-template-columns:1fr !important;
        gap:12px !important;
    }

    .dedication-grid .wide{
        grid-column:auto !important;
    }

    .dedication-grid label>span{
        font-size:.71rem !important;
    }

    .dedication-grid input{
        min-height:50px;
    }

    .dedication-grid textarea{
        min-height:130px !important;
    }

    .dedication-grid input,
    .dedication-grid textarea{
        padding:13px 14px !important;

        border-color:rgba(255,255,255,.15) !important;

        background:
            linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.016)),
            #141319 !important;
    }

    .privacy{
        margin:12px 0 !important;
        font-size:.66rem !important;
    }

    .dedication-submit-auto{
        min-height:55px !important;
        border-radius:14px !important;

        font-size:.75rem !important;
    }
}

@media(max-width:390px){

    .dedication-live-panel{
        padding:16px !important;
    }

    .dedication-head h2{
        font-size:1.48rem !important;
    }

    .dedication-live-chip{
        padding:6px 8px !important;
    }
}


/* =========================================================
   FIX 6.10.1 — FĂRĂ ICONIȚE SUPRAPUSE
   ========================================================= */

/* Elimină avionul adăugat din CSS, atât stânga cât și peste LIVE */
.dedication-head > div::before{
    content:none !important;
    display:none !important;
}

/* Revine titlul la aliniere normală */
.dedication-head > div:first-child{
    padding-left:0 !important;
    min-height:0 !important;
}

/* Badge LIVE curat */
.dedication-live-chip{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    min-width:auto !important;
}

/* păstrăm doar punctul roșu original */
.dedication-live-chip i{
    display:inline-block !important;
    width:8px !important;
    height:8px !important;
    flex:0 0 8px !important;
    border-radius:50% !important;
    background:#ff345f !important;
    box-shadow:0 0 14px rgba(255,52,95,.8) !important;
}

/* Buton curat, fără icon */
.dedication-submit-auto{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:0 !important;
}

/* mobil */
@media(max-width:700px){
    .dedication-head > div:first-child{
        padding-left:0 !important;
        min-height:0 !important;
    }
}


/* =========================================================
   RADIO XXL® TV 6.10.2 — MOBILE FORM HEADER FIX
   ========================================================= */
@media (max-width:700px){

    .dedication-live-panel{
        padding:18px 15px !important;
    }

    .dedication-head{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) auto !important;
        grid-template-areas:
            "copy live"
            "station station" !important;
        align-items:start !important;
        column-gap:10px !important;
        row-gap:8px !important;
        margin-bottom:16px !important;
    }

    .dedication-head > div:first-child{
        grid-area:copy !important;
        width:auto !important;
        min-width:0 !important;
        padding:0 !important;
        margin:0 !important;
    }

    .dedication-head > div:first-child::before,
    .dedication-head > div:first-child::after,
    .dedication-head::before,
    .dedication-head::after{
        content:none !important;
        display:none !important;
    }

    .dedication-head > div > span{
        display:block !important;
        margin:0 0 5px !important;
        font-size:.55rem !important;
        line-height:1.25 !important;
        letter-spacing:.10em !important;
        white-space:normal !important;
    }

    .dedication-head h2{
        margin:0 !important;
        max-width:100% !important;
        font-size:1.45rem !important;
        line-height:1.05 !important;
        letter-spacing:-.035em !important;
        overflow-wrap:anywhere !important;
    }

    .dedication-head p{
        grid-area:station !important;
        margin:0 !important;
        padding-top:2px !important;
        font-size:.70rem !important;
        line-height:1.4 !important;
        white-space:normal !important;
    }

    .dedication-live-chip{
        grid-area:live !important;
        position:static !important;
        align-self:start !important;
        justify-self:end !important;
        min-width:0 !important;
        width:auto !important;
        height:auto !important;
        margin:0 !important;
        padding:7px 9px !important;
        gap:6px !important;
        font-size:.55rem !important;
        line-height:1 !important;
        white-space:nowrap !important;
        transform:none !important;
    }

    .dedication-live-chip::before,
    .dedication-live-chip::after{
        content:none !important;
        display:none !important;
    }

    .dedication-live-chip i{
        width:7px !important;
        height:7px !important;
        flex:0 0 7px !important;
    }
}

/* Telefoane foarte înguste: LIVE trece pe rând separat, fără nicio suprapunere */
@media (max-width:380px){

    .dedication-head{
        grid-template-columns:1fr !important;
        grid-template-areas:
            "copy"
            "live"
            "station" !important;
    }

    .dedication-live-chip{
        justify-self:start !important;
    }

    .dedication-head h2{
        font-size:1.38rem !important;
    }
}
