/* ============================================================
   VIES / FIELD NOTICES
   ============================================================ */

@keyframes wd-spin {
    to { transform: rotate(360deg); }
}

.wd-field-notice {
    display: none;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
    padding: 9px 13px;
    border-radius: 6px;
    font-size: 0.8125rem;
    line-height: 1.4;
    border-left: 3px solid transparent;
}
.wd-field-notice--visible {
    display: flex;
}
.wd-field-notice__icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    line-height: 1;
}
.wd-field-notice__icon svg {
    display: block;
}
.wd-field-notice__text {
    flex: 1;
}
.wd-field-notice__spinner {
    display: inline-block;
    width: 13px;
    height: 13px;
    border: 2px solid #a0c4ef;
    border-top-color: #1a4a80;
    border-radius: 50%;
    animation: wd-spin 0.7s linear infinite;
    vertical-align: middle;
}
.wd-field-notice--loading {
    background: #ddeeff;
    border-left-color: #4a90d9;
    color: #1a4a80;
}
.wd-field-notice--ok {
    background: #c8eecb;
    border-left-color: #2e9e4f;
    color: #14491e;
}
.wd-field-notice--info {
    background: #cce1f8;
    border-left-color: #2b6cbf;
    color: #12386e;
}
.wd-field-notice--warn {
    background: #fce8b2;
    border-left-color: #c98000;
    color: #5c3d00;
}
.wd-field-notice--error {
    background: #fccfcf;
    border-left-color: #c0242c;
    color: #720f14;
}