.result-dialog {
    box-sizing:border-box;
    max-height:calc(100vh - 32px);
    overflow:auto;
    border:1px solid #dce3ee;
    border-radius:18px;
    padding:32px;
    width:min(480px,calc(100% - 32px));
    color:#233248;
    background:#fff;
    box-shadow:0 24px 80px #14253d30;
    text-align:center;
    font-family:"Segoe UI",Arial,sans-serif
}

.result-dialog::backdrop {
    background:#15243b70;
    backdrop-filter:blur(3px)
}

.result-symbol {
    display:grid;
    place-items:center;
    width:58px;
    height:58px;
    border-radius:50%;
    margin:0 auto 18px;
    font-size:30px;
    font-weight:600;
    background:#e9f7ef;
    color:#25754d
}

.result-dialog[data-kind=error] .result-symbol {
    background:#ffedf0;
    color:#b7374a
}

.result-dialog[data-kind=warning] .result-symbol {
    background:#fff5e2;
    color:#96611a
}

.result-dialog h2 {
    font-size:23px;
    margin:0 0 12px;
    color:#19293f
}

.result-dialog p {
    font-size:14px;
    line-height:1.7;
    margin:0 0 14px;
    color:#53657d
}

.result-detail {
    padding:14px;
    background:#f5f7fb;
    border-radius:9px;
    font-size:13px;
    margin-bottom:22px;
    white-space:pre-line
}

.result-actions {
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-top:24px
}

.result-actions a,.result-actions button {
    display:block;
    width:100%;
    border-radius:8px;
    padding:11px 16px;
    font:600 13px "Segoe UI",Arial,sans-serif;
    cursor:pointer;
    text-decoration:none;
    box-sizing:border-box;
    border:1px solid #dce3ee;
    background:white;
    color:#465b75
}

.result-actions .result-primary {
    background:#3159d8;
    border-color:#3159d8;
    color:white
}

.result-actions [hidden],.result-detail[hidden] {
    display:none
}

.result-dialog :focus-visible {
    outline:3px solid #95b1ff;
    outline-offset:3px
}