:root {
    --admin-feedback-error: #ff5722;
    --admin-feedback-success: #16a085;
    --admin-feedback-warning: #ffb800;
}

.layui-layer-dialog.admin-feedback-layer {
    width: auto !important;
    min-width: min(240px, calc(100vw - 32px));
    max-width: min(680px, calc(100vw - 32px));
    border: 1px solid #dce4ee;
    border-radius: 8px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 12px 36px rgba(24, 43, 67, .18);
}

.layui-layer-dialog.admin-feedback-layer .layui-layer-content {
    box-sizing: border-box;
    width: 100%;
    height: auto !important;
    min-height: 44px;
    max-height: min(55vh, 360px);
    padding: 11px 20px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    color: #243247;
    font-size: 14px;
    line-height: 22px !important;
    text-align: left;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.layui-layer-dialog.admin-feedback-layer .layui-layer-content.layui-layer-padding {
    padding-left: 50px !important;
}

.layui-layer-dialog.admin-feedback-error { border-left: 4px solid var(--admin-feedback-error); }
.layui-layer-dialog.admin-feedback-success { border-left: 4px solid var(--admin-feedback-success); }
.layui-layer-dialog.admin-feedback-warning { border-left: 4px solid var(--admin-feedback-warning); }

.layui-layer-dialog {
    max-width: min(680px, calc(100vw - 32px)) !important;
}

.layui-layer-dialog .layui-layer-content {
    max-height: min(60vh, 420px);
    overflow-x: hidden !important;
    overflow-y: auto !important;
    line-height: 22px !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: break-word;
}

@media (max-width: 520px) {
    .layui-layer-dialog.admin-feedback-layer {
        min-width: calc(100vw - 24px);
        max-width: calc(100vw - 24px);
    }
}