/* ERROR CSS */

.error {
	color:#ff0000;
	}
	
table.error_detail {
    border: 1px solid #ff0000!important;
	margin-top:10px;
	}
	table.error_detail th {
		background-color:#ff0000!important;
		}
		
.warning {
	color:#FFA500;
	}
        
.warning_highlighrow {
            background-color:#FFA500!important;
	}        
	
table.warning_detail {
    border: 1px solid #FFA500!important;
	margin-top:10px;
	}
	table.warning_detail th {
		background-color:#FFA500!important;
		}	
        
.valid {
	color:#008800!important;
	}
        
.valid_highlighrow {
            background-color:#008800!important;
	}        
	
table.valid_detail {
    border: 1px solid #008800!important;
	margin-top:10px;
	}
	table.valid_detail th {
		background-color:#008800!important;
		}
/* Basis layout */
.ires-error {
    min-height: 100vh;
    margin: 0;
    padding: 3rem 1rem;
    box-sizing: border-box;
    background: #fafafa;
    font-family: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
    color: #333;
}

.ires-error__box {
    max-width: 800px;
    margin: 0 auto;
    padding: 2rem;
    border-radius: 8px;
    border: 1px solid #dde1e7;
    background: #ffffff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .06);
}

/* Variaties op basis van severityClass */
.ires-error--danger .ires-error__box {
    border-color: #f5c2c7;
    background: #f8d7da;
}

.ires-error--warning .ires-error__box {
    border-color: #ffe69c;
    background: #fff3cd;
}

.ires-error--info .ires-error__box {
    border-color: #b6d4fe;
    background: #cfe2ff;
}

/* Typografie */
.ires-error__title {
    margin: 0 0 .5rem;
    font-size: 1.5rem;
}

.ires-error__badge {
    display: inline-block;
    margin-left: .5rem;
    padding: .15em .7em;
    font-size: .75em;
    border-radius: 999px;
    border: 1px solid rgba(0, 0, 0, .15);
    background: #fff;
}

.ires-error__message {
    margin: 0 0 1rem;
}

/* Debug blok */
.ires-error__debug {
    margin-top: 1rem;
}

.ires-error__debug-summary {
    cursor: pointer;
    font-weight: 600;
    margin-bottom: .5rem;
}

.ires-error__debug-body {
    padding: 1rem;
    border-radius: 5px;
    border: 1px solid #ddd;
    background: #fff;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: .85rem;
    overflow-x: auto;
}

.ires-error__stack {
    margin: .5rem 0 0;
    white-space: pre;
}

/* Footer */
.ires-error__footer {
    margin-top: 2rem;
    text-align: center;
    font-size: .85rem;
    color: #777;
}

.ires-error__footer a {
    color: inherit;
    text-decoration: underline;
}