/* ── New Post Toast — структурные стили (цвета задаются из настроек) ──────── */

#npt-toast {
    /* Дефолтные значения — перекрываются инлайн-CSS из PHP */
    background:    #ffffff;
    border-radius: 14px;
    box-shadow:    0 8px 32px rgba(0,0,0,.14), 0 1px 4px rgba(0,0,0,.08);
}

.npt-header {
    display:       flex;
    align-items:   center;
    gap:           6px;
    margin-bottom: 10px;
}

.npt-label {
    font-weight:     700;
    text-transform:  uppercase;
    letter-spacing:  .07em;
    flex:            1;
    /* font-size и color — из настроек */
}

.npt-counter {
    font-size: 11px;
    /* color — из настроек */
}

.npt-close {
    background:  none;
    border:      none;
    cursor:      pointer;
    padding:     0 2px;
    font-size:   17px;
    line-height: 1;
    margin-left: 4px;
    transition:  color .15s;
    /* color — из настроек */
}
.npt-close:hover { opacity: .7; }

.npt-body {
    display:     flex;
    gap:         11px;
    align-items: flex-start;
    min-height:  56px;
}

.npt-thumb {
    width:       54px;
    height:      54px;
    object-fit:  cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.npt-text {
    flex:      1;
    min-width: 0;
}

.npt-title {
    display:        block;
    font-weight:    700;
    line-height:    1.35;
    text-decoration: none;
    margin-bottom:  3px;
    white-space:    nowrap;
    overflow:       hidden;
    text-overflow:  ellipsis;
    /* font-size и color — из настроек */
}
.npt-title:hover { text-decoration: underline; }

.npt-excerpt {
    margin:      0;
    line-height: 1.45;
    display:        -webkit-box;
    -webkit-line-clamp:   2;
    -webkit-box-orient:   vertical;
    overflow:    hidden;
    /* font-size и color — из настроек */
}

.npt-bar {
    height:        2px;
    border-radius: 2px;
    margin-top:    10px;
    width:         0%;
    /* background — из настроек */
}