/**
 * PlugeTune Schedule Import Styles
 *
 * @package PlugeTune
 */

.plugetune-schedule-wrapper {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	padding: 20px;
	margin-bottom: 25px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
}

.plugetune-schedule-header {
	font-weight: 600;
	font-size: 16px;
	color: #1e293b;
	margin-bottom: 20px;
	border-bottom: 1px solid #e2e8f0;
	padding-bottom: 15px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.plugetune-schedule-header i {
	color: #3b82f6;
}

.plugetune-schedule-field {
	margin-bottom: 20px;
}

.plugetune-schedule-field > label {
	display: block;
	font-weight: 600;
	font-size: 13px;
	margin-bottom: 8px;
	color: #475569;
}

.plugetune-schedule-input-group {
	display: flex;
	gap: 10px;
	align-items: center;
	flex-wrap: wrap;
}

.plugetune-schedule-select,
.plugetune-schedule-input {
	width: 250px;
	padding: 8px 12px;
	border: 1px solid #cbd5e1;
	border-radius: 5px;
	font-size: 14px;
	background: #fff;
	box-sizing: border-box;
}

#plugetune-detect-timezone-btn {
	background: #f8fafc;
	border: 1px solid #cbd5e1;
	color: #3858e9;
	padding: 6px 12px;
	border-radius: 5px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
	font-size: 13px;
	height: 40px;
	box-sizing: border-box;
}

#plugetune-detect-timezone-btn:hover {
	background: #f1f5f9;
}

.plugetune-schedule-desc {
	margin-top: 8px;
	color: #64748b;
	font-size: 12px;
	margin-bottom: 0;
}

.plugetune-schedule-preview {
	background: #f0fdf4;
	border: 1px solid #bbf7d0;
	border-radius: 6px;
	padding: 12px 15px;
	font-size: 13px;
	color: #166534;
	margin-bottom: 20px;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.plugetune-schedule-preview-text strong {
	font-weight: 600;
}

.plugetune-schedule-server-time {
	font-size: 11px;
	color: #166534;
	display: flex;
	align-items: center;
	gap: 5px;
}

#plugetune-save-schedule-btn,
.plugetune-schedule-btn-save {
	background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
	border: none;
	min-width: 136px;
	height: 54px;
	padding: 0 22px;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	font-size: 13px;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	box-shadow: 0 2px 4px rgba(37, 99, 235, 0.25);
}

.plugetune-schedule-btn-save:hover { background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%); }

.plugetune-schedule-btn-reset {
	background: #f8fafc;
	border: 1px solid #cbd5e1;
	color: #334155;
	height: 54px;
	padding: 0 18px;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	cursor: pointer;
}

.plugetune-schedule-btn-reset:hover { background: #f1f5f9; }

.plugetune-schedule-preview-line { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.plugetune-schedule-preview-text { color: #059669; display: inline-flex; align-items: center; gap: 6px; }
.plugetune-hidden { display: none !important; }

#plugetune-save-schedule-btn:hover {
	background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
}

#plugetune-save-schedule-btn:disabled {
	opacity: 0.7;
	cursor: not-allowed;
}

#plugetune-schedule-notice {
	margin-top: 15px;
	padding: 12px;
	border-radius: 6px;
	background: #f0fdf4;
	border-left: 4px solid #22c55e;
	font-size: 13px;
	color: #166534;
	display: none;
}

.plugetune-schedule-actions-wrapper {
	padding-top: 20px;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	align-items: center;
}

/* Side buttons overrides */
.plugetune-schedule-page-wrapper .plugetune-single-import-inner {
	padding-top: 20px;
}

.plugetune-schedule-footer {
	margin-top: 20px;
	padding: 15px 20px;
	background: #f8fafc;
	border-radius: 8px;
	border: 1px solid #e2e8f0;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.plugetune-schedule-footer-btns {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

a.plugetune-schedule-btn-settings {
	border-radius: 5px;
	height: 49px;
	padding: 0 18px;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.plugetune-schedule-btn-settings {
	background: #ffffff;
	border: 1px solid #cbd5e1;
	color: #334155;
}

.plugetune-schedule-btn-settings:hover {
	background: #f8fafc;
}


/* Busy / disabled state (spinner while saving) */
#plugetune-save-schedule-btn:disabled,
.plugetune-schedule-btn-save:disabled,
.plugetune-schedule-btn-reset:disabled {
	background: #dcdcde;
	border: 1px solid #dcdcde;
	color: #8c8f94;
	box-shadow: none;
	cursor: not-allowed;
	opacity: 1;
}

#plugetune-schedule-notice.error {
	background: #fef2f2;
	border-left-color: #ef4444;
	color: #991b1b;
}

#plugetune-schedule-playlists-group > label i { color: #64748b; margin-right: 4px; }
#schedule-playlist-fields-container { display: flex; flex-direction: column; }

/* Instant Import panel */
.plugetune-instant-panel {
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	padding: 14px 16px;
}
.plugetune-instant-note p { margin: 0 0 8px; font-size: 13px; color: #334155; }
.plugetune-instant-note i, #plugetune-instant-panel .fa-bolt { color: #f59e0b; }
.plugetune-instant-status { margin: 10px 0; font-size: 12px; color: #334155; }
.plugetune-instant-stats { margin: 0 0 8px; padding: 0; list-style: none; }
.plugetune-instant-stats li { margin: 2px 0; }
.plugetune-instant-warn { background: #fffbeb; border-left: 3px solid #f59e0b; padding: 8px 10px; margin: 0 0 8px; color: #92400e; }
.plugetune-instant-state { font-weight: 600; }
.plugetune-instant-state.is-ok { color: #15803d; }
.plugetune-instant-state.is-wait { color: #b45309; }
.plugetune-instant-state.is-error { color: #b91c1c; }

/* Message under the footer buttons (Save Settings / Reset Settings) */
.plugetune-schedule-settings-notice {
	display: none;
	margin-top: 14px;
	padding: 14px 18px;
	border: 1px solid #86efac;
	border-radius: 4px;
	background: #dcfce7;
	color: #166534;
	font-size: 14px;
}
.plugetune-schedule-settings-notice.error {
	background: #fef2f2;
	border-color: #fca5a5;
	color: #991b1b;
}
.plugetune-schedule-settings-notice i { margin-right: 6px; }

.plugetune-schedule-select:focus {
	outline: none !important; 
	border-color: #3858e9 !important; 
	box-shadow: 0 0 0 0.5px rgba(56, 88, 233, 0.4) !important; 
}