/* Styling inside the Edit window */
.ck-content .alert {
    padding: 15px 20px;
    margin: 20px 0;
    border-radius: 8px;
    border-right: 5px solid;
    font-weight: 500;
    line-height: 1.8;
}

.ck-content .alert-info {
    background-color: #e0f2fe;
    border-right-color: #0284c7;
    color: #0c4a6e;
}

.ck-content .alert-success {
    background-color: #f0fdf4;
    border-right-color: #16a34a;
    color: #14532d;
}

.ck-content .alert-warning {
    background-color: #fffbeb;
    border-right-color: #f59e0b;
    color: #78350f;
}

.ck-content .alert-danger {
    background-color: #fef2f2;
    border-right-color: #dc2626;
    color: #7f1d1d;
}

.ck-content .callout-box {
    background-color: #f8fafc;
    border-right: 5px solid #64748b;
    padding: 15px 20px;
    margin: 20px 0;
    font-style: italic;
    color: #334155;
    font-weight: bold;
}

/* Styling in the Dropdown Panel */
.ck-style-panel__item div,
.ck-style-panel__item p,
.ck-style-panel__item span {
    margin: 0 !important;
    padding: 8px 10px !important;
}

.ck-style-panel__item .alert {
    padding: 8px 10px;
    margin: 4px 0;
    border-radius: 6px;
    border-right: 4px solid;
    font-size: 13px;
    line-height: 1.4;
    display: block;
}

.ck-style-panel__item .alert-info {
    background-color: #e0f2fe;
    border-right-color: #0284c7;
    color: #0c4a6e;
}

.ck-style-panel__item .alert-success {
    background-color: #f0fdf4;
    border-right-color: #16a34a;
    color: #14532d;
}

.ck-style-panel__item .alert-warning {
    background-color: #fffbeb;
    border-right-color: #f59e0b;
    color: #78350f;
}

.ck-style-panel__item .alert-danger {
    background-color: #fef2f2;
    border-right-color: #dc2626;
    color: #7f1d1d;
}

.ck-style-panel__item .callout-box {
    background-color: #f8fafc;
    border-right: 4px solid #64748b;
    padding: 8px 10px;
    margin: 4px 0;
    font-style: italic;
    color: #334155;
    font-size: 13px;
    display: block;
}