/*
CTC Separate Stylesheet
Updated: 2025-10-06 14:40:32
Theme Name: EduBlink Child
Theme URI: https://edublink.co/
Template: edublink/edublink1
Author: DevsBlink
Author URI: https://themeforest.net/user/devsblink/portfolio
Description: EduBlink Theme For LMS and Education Purpose.
Tags: custom-background,custom-logo,custom-menu,featured-images,threaded-comments,translation-ready
Version: 1.0.20.2
*/
/*
.masterstudy-course-player-navigation__send-assignment_inline {
	margin-top: 15px;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

 /*
Inline Edit Toggle - Enhanced Styling
Replace your existing CSS with this
*/




/* Main Container */
.masterstudy-course-player-assignments__answer-container {
	margin-top: 25px;
	margin-bottom: 25px;
}

.masterstudy-course-player-assignments__answer-view,
.masterstudy-course-player-assignments__answer-edit,
.masterstudy-course-player-assignments__answer-view-only,
.masterstudy-course-player-assignments__draft-editor,
.masterstudy-course-player-assignments__template-editor {
	margin-top: 0;
}

/* ========================================
   READ-ONLY VIEW STYLING
======================================== */

.masterstudy-course-player-assignments__answer-view {
	background: #f8f9fa;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	padding: 25px;
	transition: all 0.3s ease;
}

.masterstudy-course-player-assignments__answer-header {
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 2px solid #667eea;
}

.masterstudy-course-player-assignments__answer-title {
	font-size: 22px; /* Increased from 18px - adjust this number to your preference */
	font-weight: 700;
	color: #333;
	margin: 0;
}

.masterstudy-course-player-assignments__answer-content {
	background: white;
	padding: 20px;
	border-radius: 6px;
	margin-bottom: 20px;
	line-height: 1.8;
	color: #444;
	border: 1px solid #e8e8e8;
}

.masterstudy-course-player-assignments__answer-files {
	background: white;
	padding: 15px;
	border-radius: 6px;
	margin-bottom: 20px;
	border: 1px solid #e8e8e8;
}

.masterstudy-course-player-assignments__answer-files h4 {
	font-size: 14px;
	font-weight: 600;
	color: #666;
	margin: 0 0 10px 0;
}

.masterstudy-course-player-assignments__answer-actions {
	display: flex;
	justify-content: flex-end;
	margin-top: 20px;
}

/* ========================================
   EDIT MODE STYLING
======================================== */

.masterstudy-course-player-assignments__answer-edit {
	background: #fafbfc;
	border: 2px solid #667eea;
	border-radius: 8px;
	padding: 25px;
	box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15);
}

/* Edit Header */
.masterstudy-course-player-assignments__edit-header {
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 2px solid #667eea;
}

.masterstudy-course-player-assignments__edit-title {
	font-size: 18px;
	font-weight: 700;
	color: #333;
	display: flex;
	align-items: center;
}

.masterstudy-course-player-assignments__edit-title::before {
	content: '✏️';
	margin-right: 10px;
	font-size: 20px;
}

/* Editor Container */
.masterstudy-course-player-assignments__edit {
	margin-top: 0;
	margin-bottom: 20px;
	background: white;
	padding: 15px;
	border-radius: 6px;
	border: 1px solid #d0d7de;
}

.masterstudy-course-player-assignments__panel {
	margin-bottom: 10px;
}

.masterstudy-course-player-assignments__panel:last-child {
	margin-bottom: 0;
}

.masterstudy-course-player-assignments__task > summary.masterstudy-course-player-assignments__accordion-button {
	list-style: none;
	cursor: pointer;
}

.masterstudy-course-player-assignments__task > summary.masterstudy-course-player-assignments__accordion-button::-webkit-details-marker,
.masterstudy-course-player-assignments__task > summary.masterstudy-course-player-assignments__accordion-button::marker {
	display: none;
	content: '';
}

.masterstudy-course-player-assignments__task > .masterstudy-course-player-assignments__accordion-content {
	display: none;
}

.masterstudy-course-player-assignments__task[open] > .masterstudy-course-player-assignments__accordion-content {
	display: block;
}

.masterstudy-course-player-assignments__task > .masterstudy-course-player-assignments__accordion-button::after {
	transform: rotate(90deg);
}

.masterstudy-course-player-assignments__task[open] > .masterstudy-course-player-assignments__accordion-button::after {
	transform: rotate(270deg);
}

/* Keep the visible TinyMCE editor large without sizing hidden textarea fallbacks. */
.masterstudy-course-player-assignments__edit .mce-tinymce,
.masterstudy-course-player-assignments__draft-editor .mce-tinymce,
.masterstudy-course-player-assignments__template-editor .mce-tinymce {
	min-height: 500px !important;
}

.masterstudy-course-player-assignments__edit .mce-edit-area iframe,
.masterstudy-course-player-assignments__draft-editor .mce-edit-area iframe,
.masterstudy-course-player-assignments__template-editor .mce-edit-area iframe {
	min-height: 450px !important;
	height: 450px !important;
}

.masterstudy-course-player-assignments__edit textarea.wp-editor-area:not([style*='display: none']),
.masterstudy-course-player-assignments__draft-editor textarea.wp-editor-area:not([style*='display: none']),
.masterstudy-course-player-assignments__template-editor textarea.wp-editor-area:not([style*='display: none']) {
	min-height: 450px !important;
	height: 450px !important;
}

.masterstudy-course-player-assignments__edit textarea.wp-editor-area[style*='display: none'],
.masterstudy-course-player-assignments__draft-editor textarea.wp-editor-area[style*='display: none'],
.masterstudy-course-player-assignments__template-editor textarea.wp-editor-area[style*='display: none'] {
	min-height: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

.masterstudy-course-player-assignments__edit .wp-editor-wrap.tmce-active textarea.wp-editor-area,
.masterstudy-course-player-assignments__draft-editor .wp-editor-wrap.tmce-active textarea.wp-editor-area,
.masterstudy-course-player-assignments__template-editor .wp-editor-wrap.tmce-active textarea.wp-editor-area {
	min-height: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

.masterstudy-course-player-assignments__edit .wp-editor-wrap,
.masterstudy-course-player-assignments__draft-editor .wp-editor-wrap,
.masterstudy-course-player-assignments__template-editor .wp-editor-wrap {
	width: 100%;
}

/* Attachments Section */
.masterstudy-course-player-assignments__attachments-card {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 15px;
	background: white;
	border-radius: 6px;
	border: 1px dashed #d0d7de;
	overflow: hidden;
}

.masterstudy-course-player-assignments__attachments-card .masterstudy-attachment-media {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.masterstudy-course-player-assignments__attachments-card .masterstudy-attachment-media__container {
	margin: 0;
}

.masterstudy-course-player-assignments__attachments-card .masterstudy-attachment-media__actions {
	margin-top: 0;
}

/* ========================================
   DRAFT EDITOR STYLING (Before Submission)
======================================== */

.masterstudy-course-player-assignments__draft-editor {
	background: #fff8e1;
	border: 2px dashed #ffa726;
	border-radius: 8px;
	padding: 25px;
	margin-top: 0;
}

.masterstudy-course-player-assignments__draft-editor .masterstudy-course-player-assignments__edit-header {
	border-bottom: 2px solid #ffa726;
}

.masterstudy-course-player-assignments__draft-editor .masterstudy-course-player-assignments__edit-title::before {
	content: '📝';
}

/* ========================================
   BUTTON STYLING
======================================== */

.masterstudy-course-player-assignments__template-editor {
	background: #f3f7ff;
	border: 2px dashed #8aa4e8;
	border-radius: 8px;
	padding: 25px;
	margin-top: 0;
}

.masterstudy-course-player-navigation__send-assignment_inline {
	margin-top: 20px;
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	padding-top: 20px;
	border-top: 1px solid #e0e0e0;
}

/* All buttons base styling */
.masterstudy-course-player-navigation__send-assignment_inline .masterstudy-button {
	min-width: 120px;
	font-weight: 600;
	padding: 10px 24px;
	border-radius: 6px;
	transition: all 0.3s ease;
	cursor: pointer;
}

.masterstudy-course-player-navigation__send-assignment_inline .masterstudy-button:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Re-submit Button */
#masterstudy-course-player-assignments-resubmit-button {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	color: white;
	border: none;
}

#masterstudy-course-player-assignments-resubmit-button:hover {
	background: linear-gradient(135deg, #5568d3 0%, #63408a 100%);
}

/* ========================================
   VIEW-ONLY MODE (No editing allowed)
======================================== */

.masterstudy-course-player-assignments__answer-view-only {
	background: #f0f0f0;
	border: 1px solid #d0d0d0;
	border-radius: 8px;
	padding: 25px;
	margin-top: 0;
}

.masterstudy-course-player-assignments__answer-view-only .masterstudy-course-player-assignments__answer-header {
	border-bottom: 2px solid #999;
}

/* ========================================
   TRANSITIONS & ANIMATIONS
======================================== */

.masterstudy-course-player-assignments__answer-view,
.masterstudy-course-player-assignments__answer-edit {
	animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* ========================================
   DARK MODE SUPPORT (Optional)
======================================== */

[data-dark-mode="true"] .masterstudy-course-player-assignments__answer-view {
	background: #2d3748;
	border-color: #4a5568;
}

[data-dark-mode="true"] .masterstudy-course-player-assignments__answer-content {
	background: #1a202c;
	color: #e2e8f0;
	border-color: #4a5568;
}

[data-dark-mode="true"] .masterstudy-course-player-assignments__answer-title {
	color: #e2e8f0;
}

/* ========================================
   RESPONSIVE DESIGN
======================================== */

@media (max-width: 768px) {
	.masterstudy-course-player-assignments__answer-view,
	.masterstudy-course-player-assignments__answer-edit,
	.masterstudy-course-player-assignments__draft-editor {
		padding: 15px;
	}
	
	.masterstudy-course-player-navigation__send-assignment_inline {
		flex-direction: column;
		width: 100%;
	}
	
	.masterstudy-course-player-navigation__send-assignment_inline .masterstudy-button {
		width: 100%;
	}
	
	.masterstudy-course-player-assignments__answer-title {
		font-size: 16px;
	}
}

@media (max-width: 480px) {
	.masterstudy-course-player-assignments__edit-title::before {
		font-size: 16px;
		margin-right: 8px;
	}
}

/* SCORM activity ticks for enrolled courses */
.stm-lms-user-courses .scorm-activity-bar {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin: 0 0 20px;
}

.stm-lms-user-courses .scorm-activity-tick {
	display: block;
	width: 10px;
	height: 6px;
	background-color: #17d292;
	border-radius: 2px;
}

.stm-lms-user-courses .scorm-activity-label {
	font-weight: 600;
}

.stm-lms-user-courses .scorm-activity-count {
	color: #6c6f76;
	font-size: 12px;
	margin-top: 2px;
}