/*
 * Change Order Review — component styles
 * Inherits draw-request.css for dropzones, buttons, history, etc.
 */

/* ---- KPI value small variant ---- */
.bcdr-kpi__value--sm {
	font-size: 1rem;
}

/* ---- Reason box (recommendation explanation) ---- */
.bcdr-reason-box {
	background: #fffbeb;
	border: 1px solid #fde68a;
	border-radius: 6px;
	padding: 12px 14px;
	font-size: .9rem;
	line-height: 1.6;
}

/* ---- Conditions list ---- */
.bcdr-conditions-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.bcdr-conditions-list li {
	padding: 6px 0 6px 20px;
	border-bottom: 1px solid #fde68a;
	font-size: .88rem;
	color: #713f12;
	position: relative;
}
.bcdr-conditions-list li:last-child { border-bottom: none; }
.bcdr-conditions-list li::before {
	content: "✓";
	position: absolute;
	left: 2px;
	color: #92400e;
	font-weight: 700;
}

/* ---- Simple key/value table for cost/time/budget analysis ---- */
.bcdr-table {
	width: 100%;
	border-collapse: collapse;
	font-size: .87rem;
}
.bcdr-table th {
	background: #eff6ff;
	color: #1e3a8a;
	font-weight: 700;
	padding: 6px 10px;
	border: 1px solid #dbeafe;
	text-align: left;
}
.bcdr-table td {
	padding: 5px 10px;
	border: 1px solid #e5e7eb;
	vertical-align: top;
}
.bcdr-table tr:nth-child(even) td { background: #f9fafb; }
.bcdr-td-label {
	font-weight: 600;
	color: #374151;
	width: 38%;
}

/* ---- Section title danger variant ---- */
.bcdr-section__title--danger {
	color: #dc2626;
	border-bottom-color: #fca5a5;
}

/* ---- Severity badges ---- */
.bcdr-sev--high { color: #dc2626; font-weight: 700; }
.bcdr-sev--med  { color: #d97706; font-weight: 700; }
.bcdr-sev--low  { color: #6b7280; }

/* ---- Custom multi-select dropdown (Link Previous Draw Requests) ---- */
.bcco-ms { position: relative; }
.bcco-ms__trigger {
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	user-select: none;
	padding-right: 10px;
}
.bcco-ms__trigger:focus {
	border-color: var(--bca-primary);
	box-shadow: 0 0 0 3px rgba(29,78,216,.12);
	outline: none;
}
.bcco-ms__arrow { flex-shrink: 0; color: #6b7280; transition: transform .15s; }
.bcco-ms--open .bcco-ms__arrow { transform: rotate(180deg); }
.bcco-ms__dropdown {
	display: none;
	position: absolute;
	top: calc(100% + 3px);
	left: 0; right: 0;
	z-index: 200;
	background: #fff;
	border: 1px solid var(--bca-border);
	border-radius: var(--bca-radius-sm);
	box-shadow: 0 6px 16px rgba(0,0,0,.1);
	max-height: 220px;
	overflow-y: auto;
}
.bcco-ms__dropdown--open { display: block; }
.bcco-ms__item {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	cursor: pointer;
	font-size: .875rem;
	color: var(--bca-text);
	transition: background .1s;
}
.bcco-ms__item:hover { background: #eff6ff; }
.bcco-ms__item input[type="checkbox"] { cursor: pointer; flex-shrink: 0; }
.bcco-ms__item span { line-height: 1.4; }