/**
 * Notes iFrame Widget Styles.
 *
 * @package Lwd_Hello_Community
 */

.lwd-notes-container {
	width: 100%;
	display: flex;
	flex-direction: column;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.lwd-notes-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 0;
	background: transparent;
	border-bottom: 1px solid rgba(128, 128, 128, 0.2);
}

.lwd-notes-toolbar .lwd-notes-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.lwd-notes-iframe-wrapper {
	width: 100%;
	min-height: 500px;
	position: relative;
}

.lwd-notes-iframe-wrapper iframe {
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}

/* Download Bar - Light & Elementor Native */
.lwd-note-downloads {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 15px;
	background: transparent;
	border: none;
	box-shadow: none;
	padding: 0;
}

.lwd-note-downloads .btn_action {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	text-decoration: none !important;
}

/* Mail & Management Panel - Light & Elementor Native */
.lwd-note-mail-section {
	background: transparent;
	border: none;
	border-top: 1px solid rgba(128, 128, 128, 0.2);
	margin-top: 25px;
	padding-top: 20px;
	box-shadow: none;
}

.lwd-note-mail-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	margin-bottom: 15px;
}

.lwd-note-mail-header h4 {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 8px;
}

.lwd-note-mail-body label {
	display: block;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 8px;
	opacity: 0.85;
}

.lwd-mail-input-row {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.lwd-mail-input-row .chosen-container {
	flex: 1;
	min-width: 240px;
}

.lwd-mail-input-row .btn_action,
.lwd-note-mail-header .btn_action {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
	white-space: nowrap;
}

/* Chosen select styling - transparent & light */
.chosen-container, .chosen-container-multi, .chosen-with-drop, .chosen-container-active {
	min-width: 200px;
}

.chosen-container-multi .chosen-choices {
	background: rgba(255, 255, 255, 0.05) !important;
	border: 1px solid rgba(128, 128, 128, 0.3) !important;
	border-radius: 6px !important;
	padding: 4px 8px !important;
}

.chosen-container-multi .chosen-choices li.search-choice {
	background: rgba(128, 128, 128, 0.15) !important;
	border: 1px solid rgba(128, 128, 128, 0.2) !important;
	border-radius: 4px !important;
}

/* Responsive Media Queries */
@media (max-width: 768px) {
	.lwd-notes-toolbar {
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
	}

	.lwd-note-downloads {
		width: 100%;
		justify-content: stretch;
	}

	.lwd-note-downloads .btn_action {
		flex: 1;
		justify-content: center;
	}

	.lwd-note-mail-header {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.lwd-note-mail-header .btn_action {
		width: 100%;
		justify-content: center;
	}

	.lwd-mail-input-row {
		flex-direction: column;
		align-items: stretch;
	}

	.lwd-mail-input-row .btn_action {
		width: 100%;
		justify-content: center;
	}

	.lwd-notes-iframe-wrapper {
		min-height: 380px;
	}
}

@media (max-width: 480px) {
	.lwd-notes-iframe-wrapper {
		min-height: 300px;
	}

	.note_select_user_roles {
		max-width: 100%;
	}
}