/* v39 Final Breaking News Format — all 6 admin styles follow same responsive structure */
.ab-breaking{
    --bn-red:#ef1b2d;
    --bn-dark:#111827;
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    max-width:100%!important;
    min-height:54px!important;
    margin:10px 0!important;
    gap:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    background:#fff!important;
    border:1px solid rgba(239,27,45,.16)!important;
    border-radius:16px!important;
    box-shadow:0 8px 22px rgba(15,23,42,.06)!important;
}
.ab-breaking-label{
    flex:0 0 auto!important;
    min-width:178px!important;
    max-width:220px!important;
    height:54px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    padding:0 20px!important;
    color:#fff!important;
    background:linear-gradient(135deg,#ff101c,#d80013)!important;
    font-weight:900!important;
    font-size:18px!important;
    line-height:1!important;
    white-space:nowrap!important;
    position:relative!important;
    overflow:visible!important;
}
.ab-breaking-label:after{
    content:""!important;
    position:absolute!important;
    right:-24px!important;
    top:0!important;
    width:45px!important;
    height:54px!important;
    background:linear-gradient(135deg,#d80013,#ff101c)!important;
    clip-path:polygon(0 0,100% 50%,0 100%)!important;
    z-index:1!important;
}
.ab-breaking-label strong,
.ab-breaking-label .ab-breaking-icon{
    position:relative!important;
    z-index:2!important;
}
.ab-breaking-icon{color:#ffd21f!important}
.ab-breaking-track{
    flex:1 1 auto!important;
    min-width:0!important;
    height:54px!important;
    display:flex!important;
    align-items:center!important;
    overflow:hidden!important;
    padding-left:34px!important;
    padding-right:12px!important;
    box-sizing:border-box!important;
}
.ab-breaking-scroll{
    display:flex!important;
    align-items:center!important;
    gap:28px!important;
    width:max-content!important;
    min-width:max-content!important;
    white-space:nowrap!important;
    animation:abBreakingMarqueeFinal 34s linear infinite!important;
}
.ab-breaking-scroll:hover{animation-play-state:paused!important}
.ab-breaking-scroll a{
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    max-width:360px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#111827!important;
    text-decoration:none!important;
    font-size:16px!important;
    font-weight:800!important;
}
.ab-breaking-scroll a:before{
    content:""!important;
    flex:0 0 auto!important;
    width:8px!important;
    height:8px!important;
    border-radius:50%!important;
    background:var(--bn-red)!important;
    margin-right:13px!important;
}
.ab-breaking-arrow{
    flex:0 0 38px!important;
    height:54px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#ef1b2d!important;
    font-size:32px!important;
    font-weight:300!important;
    padding:0!important;
}
.ab-breaking-more{display:none!important}
@keyframes abBreakingMarqueeFinal{
    0%{transform:translateX(0)}
    100%{transform:translateX(-50%)}
}

/* Style variations only change visual skin, not layout/format */
.ab-breaking-style_1{background:#fff!important;border-radius:16px!important}
.ab-breaking-style_1 .ab-breaking-label{border-radius:16px 0 0 16px!important}

.ab-breaking-style_2{background:linear-gradient(135deg,#111827,#020617)!important;border-color:#111827!important}
.ab-breaking-style_2 .ab-breaking-track{background:transparent!important}
.ab-breaking-style_2 .ab-breaking-scroll a{color:#fff!important}
.ab-breaking-style_2 .ab-breaking-label{background:linear-gradient(135deg,#ef1b2d,#b6000f)!important}
.ab-breaking-style_2 .ab-breaking-label:after{background:linear-gradient(135deg,#b6000f,#ef1b2d)!important}
.ab-breaking-live{display:none!important}

.ab-breaking-style_3 .ab-breaking-label{
    min-width:150px!important;
    max-width:190px!important;
    background:#fff!important;
    color:#111827!important;
    border-right:1px solid #e5e7eb!important;
}
.ab-breaking-style_3 .ab-breaking-label:after{display:none!important}
.ab-breaking-style_3 .ab-breaking-icon{
    width:36px!important;
    height:36px!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    background:#ef1b2d!important;
    color:#fff!important;
    box-shadow:0 0 0 5px rgba(239,27,45,.08)!important;
}
.ab-breaking-now{display:none!important}

.ab-breaking-style_4{background:linear-gradient(90deg,#fff,#fff3f4)!important;border-color:rgba(239,27,45,.14)!important}
.ab-breaking-style_4 .ab-breaking-label{background:linear-gradient(135deg,#f90818,#d70012)!important}
.ab-breaking-style_4 .ab-breaking-label:after{background:linear-gradient(135deg,#d70012,#f90818)!important}

.ab-breaking-style_5{border:2px solid #ef1b2d!important;box-shadow:none!important}
.ab-breaking-style_5 .ab-breaking-label{
    background:#fff!important;
    color:#111827!important;
    border-right:1px solid #111827!important;
}
.ab-breaking-style_5 .ab-breaking-label:after{display:none!important}
.ab-breaking-style_5 .ab-breaking-icon{
    width:36px!important;
    height:36px!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    background:#ef1b2d!important;
    color:#fff!important;
}

.ab-breaking-style_6{border:1px solid #111827!important;background:#fff!important}
.ab-breaking-style_6 .ab-breaking-label{
    min-width:172px!important;
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:0!important;
    padding-left:18px!important;
}
.ab-breaking-style_6 .ab-breaking-label strong:before{
    content:"BREAKING"!important;
    display:block!important;
    font-size:11px!important;
    letter-spacing:.04em!important;
    margin-bottom:3px!important;
}
.ab-breaking-style_6 .ab-breaking-icon{display:none!important}

@media(max-width:767px){
    .ab-breaking{
        height:44px!important;
        min-height:44px!important;
        border-radius:12px!important;
        margin:7px 0!important;
    }
    .ab-breaking-label{
        min-width:128px!important;
        max-width:138px!important;
        height:44px!important;
        padding:0 10px!important;
        font-size:14px!important;
        border-radius:12px 0 0 12px!important;
    }
    .ab-breaking-label:after{
        right:-17px!important;
        width:30px!important;
        height:44px!important;
    }
    .ab-breaking-track{
        height:44px!important;
        padding-left:25px!important;
        padding-right:6px!important;
    }
    .ab-breaking-scroll{
        gap:22px!important;
        animation-duration:28s!important;
    }
    .ab-breaking-scroll a{
        max-width:220px!important;
        font-size:14px!important;
    }
    .ab-breaking-scroll a:before{
        width:7px!important;
        height:7px!important;
        margin-right:10px!important;
    }
    .ab-breaking-arrow{
        flex-basis:24px!important;
        height:44px!important;
        font-size:24px!important;
    }
    .ab-breaking-style_3 .ab-breaking-label,
    .ab-breaking-style_5 .ab-breaking-label{
        min-width:112px!important;
        max-width:124px!important;
    }
    .ab-breaking-style_3 .ab-breaking-icon,
    .ab-breaking-style_5 .ab-breaking-icon{
        width:30px!important;
        height:30px!important;
    }
    .ab-breaking-style_6 .ab-breaking-label{
        min-width:118px!important;
        max-width:128px!important;
        padding-left:11px!important;
    }
    .ab-breaking-style_6 .ab-breaking-label strong:before{
        font-size:8px!important;
    }
}
@media(max-width:380px){
    .ab-breaking-label{
        min-width:112px!important;
        max-width:118px!important;
        font-size:13px!important;
    }
    .ab-breaking-track{padding-left:22px!important}
    .ab-breaking-scroll a{max-width:190px!important}
    .ab-breaking-arrow{display:none!important}
}