/* Corrective Action modal + trigger icon. Self-contained (no dependency on
 * frontend.css's CSS variables) so it renders correctly whether it's loaded
 * in wp-admin or on the front end. */

.ims-ca-open-btn {
	border: 1px solid #c9beae;
	background: #f1ece1;
	border-radius: 4px;
	width: 30px; height: 30px;
	font-size: 1rem;
	cursor: pointer;
	line-height: 1;
}
.ims-ca-badge-none { background: #f1ece1; }
.ims-ca-badge-open { background: #fbe8dd; border-color: #c9825a; }
.ims-ca-badge-in_progress { background: #fdf3d0; border-color: #c9a63a; }
.ims-ca-badge-closed { background: #e2f2e8; border-color: #4f9d6e; }
.ims-ca-badge-verified { background: #d9ecff; border-color: #4a86c9; }

.ims-ca-modal-overlay {
	position: fixed; inset: 0; background: rgba(20, 16, 10, .55);
	display: flex; align-items: flex-start; justify-content: center;
	z-index: 100000; padding: 3rem 1rem; overflow-y: auto;
}
.ims-ca-modal-box {
	background: #fff; max-width: 720px; width: 100%;
	border-radius: 6px; padding: 1.75rem 2rem; position: relative;
	font-family: Arial, Helvetica, sans-serif;
}
.ims-ca-modal-box h2 { margin-top: 0; color: #6c2419; }
.ims-ca-modal-box h3 { color: #6c2419; font-size: 1rem; margin: 1.25rem 0 .5rem; }
.ims-ca-modal-close {
	position: absolute; top: .75rem; right: 1rem; border: none; background: none;
	font-size: 1.5rem; cursor: pointer; color: #7a7266; line-height: 1;
}
.ims-ca-field { margin-bottom: 1rem; }
.ims-ca-field label { display: block; font-weight: 700; margin-bottom: .3em; font-size: .9rem; }
.ims-ca-finding-readonly {
	background: #faf7f2; border: 1px solid #c9beae;
	border-radius: 3px; padding: .6em .8em; font-size: .92rem;
}
#ims-ca-due-date { padding: .4em; border: 1px solid #c9beae; width: 180px; }
.ims-ca-modal-footer { display: flex; align-items: center; gap: .75rem; margin-top: 1.5rem; justify-content: flex-end; }
.ims-ca-save-status { margin-right: auto; color: #7a7266; font-size: .9rem; }
#ims-ca-followup-table textarea, #ims-ca-followup-table input, #ims-ca-followup-table select {
	width: 100%; font-family: inherit; font-size: .88rem; border: 1px solid #c9beae; padding: .3em;
}
.ims-ca-modal-box .sopdoc-richtext-editable { min-height: 60px; }

@media (max-width: 640px) {
	.ims-ca-modal-box { padding: 1.25rem 1.25rem; }
}