/*
 * 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; }

/* ── CO Guest notice banner ──────────────────────────────────────────── */
.bcco-guest-notice {
	display: flex;
	align-items: center;
	gap: 10px;
	background: #eff6ff;
	border: 1px solid #bfdbfe;
	border-radius: var(--bca-radius, 8px);
	padding: 12px 16px;
	margin-bottom: 20px;
	font-size: .875rem;
	color: #1d4ed8;
	line-height: 1.5;
}

/* ── CO Guest registration overlay + modal ───────────────────────────── */
.bcco-register-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,.55);
	z-index: 99990;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
}
.bcco-register-modal {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 20px 60px rgba(0,0,0,.25);
	width: 100%;
	max-width: 480px;
	max-height: 92vh;
	overflow-y: auto;
	padding: 32px 28px 28px;
}
.bcco-register-modal__header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 8px;
}
.bcco-register-modal__title {
	margin: 0;
	font-size: 1.25rem;
	font-weight: 700;
	color: #111827;
}
.bcco-register-modal__close {
	background: none;
	border: none;
	cursor: pointer;
	font-size: 1.1rem;
	color: #6b7280;
	padding: 2px 4px;
	line-height: 1;
}
.bcco-register-modal__close:hover { color: #111827; }
.bcco-register-modal__subtitle {
	margin: 0 0 20px;
	font-size: .9rem;
	color: #4b5563;
	line-height: 1.5;
}
.bcco-register-modal__row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}
.bcco-register-modal__field {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin-bottom: 14px;
}
.bcco-register-modal__label {
	font-size: .85rem;
	font-weight: 600;
	color: #374151;
}
.bcco-register-modal__required { color: #dc2626; }
.bcco-register-modal__hint {
	font-size: .78rem;
	color: #6b7280;
}
.bcco-register-modal__error {
	background: #fef2f2;
	border: 1px solid #fecaca;
	border-radius: 6px;
	padding: 10px 14px;
	color: #b91c1c;
	font-size: .85rem;
	margin-bottom: 14px;
}
.bcco-register-modal__actions {
	margin-top: 8px;
}
.bcco-register-modal__actions .bca-btn {
	width: 100%;
	justify-content: center;
}
.bcco-register-modal__free-note {
	text-align: center;
	font-size: .8rem;
	color: #16a34a;
	margin: 10px 0 4px;
}
.bcco-register-modal__login-link {
	text-align: center;
	font-size: .8rem;
	color: #6b7280;
	margin: 0;
}
.bcco-register-modal__login-link a { color: var(--bca-primary, #2563eb); }