/* views/form_builder/update.tpl */
.fbf-item {
		background: #fff;
		border: 1px solid #e8e9f0;
		border-radius: 10px;
		margin-bottom: 10px;
		transition: box-shadow .15s;
	}
	.fbf-item:hover { box-shadow: 0 2px 8px rgba(0,0,0,.05); }
	.fbf-header {
		display: flex;
		align-items: center;
		gap: 10px;
		padding: 10px 14px;
	}
	.fbf-drag {
		cursor: grab;
		color: #c4c7cf;
		font-size: 14px;
		flex-shrink: 0;
	}
	.fbf-drag:active { cursor: grabbing; }
	.fbf-icon {
		width: 28px;
		height: 28px;
		border-radius: 6px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 12px;
		flex-shrink: 0;
		color: #fff;
	}
	.fbf-icon-input { background: #3b82f6; }
	.fbf-icon-email { background: #8b5cf6; }
	.fbf-icon-phone { background: #06b6d4; }
	.fbf-icon-number { background: #f59e0b; }
	.fbf-icon-textarea { background: #10b981; }
	.fbf-icon-select, .fbf-icon-radio, .fbf-icon-checkbox, .fbf-icon-checkboxes { background: #ec4899; }
	.fbf-icon-date { background: #f97316; }
	.fbf-icon-file { background: #6366f1; }
	.fbf-icon-header { background: #1a1d2e; }
	.fbf-icon-separator { background: #9ca3af; }
	.fbf-icon-hidden { background: #6b7280; }
	.fbf-label-input {
		border: 1px solid #d8dce6;
		font-size: 0.88rem;
		font-weight: 600;
		color: #1a1d2e;
		background: #fff;
		padding: 7px 10px;
	}
	.fbf-label-input::placeholder { color: #c4c7cf; font-weight: 400; }
	.fbf-label-input:focus {
		border-color: #3b82f6;
		box-shadow: 0 0 0 2px rgba(59,130,246,.12);
	}
	.fbf-label-field {
		flex: 1;
		min-width: 180px;
	}
	.fbf-label-field .form-label {
		display: block;
		margin-bottom: 3px;
		font-size: 0.72rem;
		font-weight: 600;
		color: #5b6178;
	}
	.fbf-type-badge {
		font-size: 0.68rem;
		padding: 2px 8px;
		border-radius: 4px;
		background: #f0f2f8;
		color: #5b6178;
		font-weight: 600;
		white-space: nowrap;
	}
	.fbf-cond-badge {
		font-size: 0.65rem;
		padding: 2px 7px;
		border-radius: 4px;
		background: #fef3c7;
		color: #92400e;
		font-weight: 600;
		white-space: nowrap;
	}
	.fbf-actions {
		display: flex;
		align-items: center;
		gap: 6px;
		flex-shrink: 0;
	}
	.fbf-toggle-btn {
		width: 28px;
		height: 28px;
		border-radius: 6px;
		border: 1px solid #e8e9f0;
		background: #fff;
		color: #5b6178;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		font-size: 12px;
		transition: all .15s;
	}
	.fbf-toggle-btn:hover { background: #f0f2f8; }
	.fbf-toggle-btn.fbf-del:hover { background: #fef2f2; color: #dc2626; border-color: #fca5a5; }
	.fbf-body {
		padding: 0 14px 14px 52px;
		display: none;
	}
	.fbf-body.show { display: block; }
	.fbf-body .row { margin-bottom: 0; }
	.fbf-body .form-label { font-size: 0.75rem; color: #6b7280; margin-bottom: 4px; }
	.fbf-condition-row {
		margin-top: 8px;
		padding: 10px 12px;
		background: #fffbeb;
		border: 1px solid #fde68a;
		border-radius: 8px;
	}
	.fbf-condition-row .form-label { color: #92400e; }

/* views/form_builder/inbox.tpl */
.fb-sub-card {
	border: 1px solid #e8e9f0;
	border-radius: 10px;
	background: #fff;
	margin-bottom: 12px;
	transition: box-shadow .15s;
	overflow: hidden;
}
.fb-sub-card:hover {
	box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
.fb-sub-card.unread {
	border-left: 3px solid #3b82f6;
}
.fb-sub-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 16px;
	cursor: pointer;
}
.fb-sub-meta {
	display: flex;
	align-items: center;
	gap: 12px;
}
.fb-sub-form-badge {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 6px;
	font-size: 0.7rem;
	font-weight: 600;
	background: #eff6ff;
	color: #3b82f6;
}
.fb-sub-preview {
	font-size: 0.82rem;
	color: #374151;
	font-weight: 500;
}
.fb-sub-date {
	font-size: 0.72rem;
	color: #8b8fa3;
	white-space: nowrap;
}
.fb-sub-body {
	padding: 0 16px 16px;
	display: none;
}
.fb-sub-body.show {
	display: block;
}
.fb-sub-table td {
	padding: 6px 10px;
	border: none;
	font-size: 0.85rem;
	border-bottom: 1px solid #f5f5fa;
}
.fb-sub-table td:first-child {
	font-weight: 600;
	color: #374151;
	width: 35%;
}
.fb-sub-table td:last-child {
	color: #111827;
}
.fb-sub-actions {
	display: flex;
	align-items: center;
	gap: 6px;
}

/* views/form_builder/submissions.tpl */
.fb-sub-card {
	border: 1px solid #e8e9f0;
	border-radius: 10px;
	background: #fff;
	margin-bottom: 12px;
	transition: box-shadow .15s;
	overflow: hidden;
}
.fb-sub-card:hover {
	box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
.fb-sub-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 16px;
	cursor: pointer;
}
.fb-sub-preview {
	font-size: 0.85rem;
	color: #374151;
	font-weight: 500;
}
.fb-sub-date {
	font-size: 0.72rem;
	color: #8b8fa3;
	white-space: nowrap;
}
.fb-sub-body {
	padding: 0 16px 16px;
	display: none;
}
.fb-sub-body.show {
	display: block;
}
.fb-sub-table td {
	padding: 6px 10px;
	border: none;
	font-size: 0.85rem;
	border-bottom: 1px solid #f5f5fa;
}
.fb-sub-table td:first-child {
	font-weight: 600;
	color: #374151;
	width: 35%;
}

/* Styles extracted from addon templates. */
[data-addon-style="form_builder-07a6913cdd"] {
	transition:transform .2s;
	color:#94a3b8;
}
[data-addon-style="form_builder-2773793cf9"] {
	padding:8px 10px 0;
	font-size:0.72rem;
	color:#8b8fa3;
}
[data-addon-style="form_builder-3e580f7db1"] {
	font-size:11px;
}
[data-addon-style="form_builder-4938ea9e46"] {
	font-size:0.65rem;
	padding:2px 6px;
	border-radius:10px;
}
[data-addon-style="form_builder-5707dd8ce5"] {
	font-weight:600;
}
[data-addon-style="form_builder-63e6baf9db"] {
	font-size:10px;
	opacity:.5;
}
[data-addon-style="form_builder-730f564f57"] {
	font-size:48px;
	color:#d1d5db;
}
[data-addon-style="form_builder-754cb782e4"] {
	color:#ef4444;
	font-size:0.75rem;
	font-weight:700;
}
[data-addon-style="form_builder-8c177cf7e7"] {
	font-size:0.6rem;
	padding:1px 5px;
	border-radius:8px;
	vertical-align:top;
}
[data-addon-style="form_builder-9c75ca984c"] {
	background:#f0f2f8;
	color:#5b6178;
	font-size:0.75rem;
	font-weight:600;
	padding:3px 10px;
	border-radius:20px;
}
[data-addon-style="form_builder-9e3dea7d7c"] {
	font-size:0.82rem;
	color:#6b7280;
}
[data-addon-style="form_builder-b0c7d94f36"] {
	cursor:pointer;
}
[data-addon-style="form_builder-c44741c3c8"] {
	font-size:0.75rem;
	color:#8b8fa3;
}
[data-addon-style="form_builder-c83e0c9476"] {
	color:#3a3f58;
	font-weight:600;
}
[data-addon-style="form_builder-cf6efdd3fc"] {
	font-size:10px;
}
[data-addon-style="form_builder-d2d0807c4f"] {
	width:12%;
}
[data-addon-style="form_builder-db53baa3f2"] {
	width:10%;
}

.form-builder-check-column {
	width: 3%;
}

.form-builder-shortcode-column {
	width: 220px;
}

.form-builder-pill-count {
	font-size: .65rem;
	padding: 2px 6px;
}

.form-builder-empty-icon {
	color: #c7cbd6;
	font-size: 42px;
	line-height: 1;
	margin-bottom: 12px;
}

.form-builder-unread-row > td {
	background: rgba(98, 89, 202, .035);
}

.form-builder-unread-row > td:first-child {
	box-shadow: inset 3px 0 0 var(--primary-bg-color, #6259ca);
}

.form-builder-submission-preview {
	display: block;
	max-width: 320px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.form-builder-details-row > td {
	background: #fafbfc;
	border-top: 0;
}

.form-builder-submission-details {
	padding: 14px 12px 18px;
}

.form-builder-submission-details dl {
	display: grid;
	grid-template-columns: minmax(140px, 30%) 1fr;
	margin: 0 0 10px;
}

.form-builder-submission-details dl > div {
	display: contents;
}

.form-builder-submission-details dt,
.form-builder-submission-details dd {
	border-bottom: 1px solid #eef0f5;
	margin: 0;
	padding: 8px 10px;
}

.form-builder-submission-details dt {
	color: #5b6178;
	font-weight: 600;
}

.form-builder-file {
	align-items: center;
	display: flex;
	gap: 12px;
	justify-content: space-between;
	min-width: 0;
}

.form-builder-file__info {
	align-items: center;
	display: flex;
	gap: 9px;
	min-width: 0;
}

.form-builder-file__info > i {
	color: var(--primary-bg-color, #6259ca);
	font-size: 18px;
}

.form-builder-file__info span {
	display: block;
	min-width: 0;
}

.form-builder-file__info strong {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.form-builder-file__info small {
	color: #8b8fa3;
	display: block;
	font-size: .72rem;
}

.form-builder-file__actions {
	align-items: center;
	display: inline-flex;
	flex-shrink: 0;
	gap: 4px;
}

@media (max-width: 767.98px) {
	.form-builder-shortcode-column {
		min-width: 190px;
	}

	.form-builder-submission-details dl {
		display: block;
	}

	.form-builder-submission-details dd {
		padding-top: 0;
	}

	.form-builder-file {
		align-items: flex-start;
		flex-direction: column;
	}
}