/**
 * Harmony User Sync Admin Styles
 *
 * Styles for the admin interface elements of the plugin.
 *
 * @since 1.0.0
 */

/*
==========================================================================
General Feedback Styles
==========================================================================
*/

.wowown-hmyussy-error-message {
	color: #d63638; /* WordPress core error color */
	margin-top: 5px;
	display: block; /* Ensure it shows on its own line */
}

.wowown-hmyussy-success-message {
	color: #00a32a; /* WordPress core success color */
	margin-top: 5px;
	display: block;
}

.wowown-hmyussy-info-message {
	color: #72aee6; /* WordPress core info color */
	margin-top: 5px;
	display: block;
}


/*
==========================================================================
Target Site Add/Edit Page (#harmony_target_site_url, #wowown-hmyussy-test-connection-btn etc.)
==========================================================================
*/

/* Test Connection Button & Spinner */
#wowown-hmyussy-test-connection-btn + .spinner {
	visibility: hidden; /* Hide spinner by default */
	float: none; /* Override WP default float if needed */
	vertical-align: middle;
	margin-left: 5px;
}
#wowown-hmyussy-test-connection-btn.testing + .spinner {
	visibility: visible; /* Show spinner when button has 'testing' class (added by JS) */
}

/* Test Connection Result Area */
#wowown-hmyussy-test-connection-result {
	margin-top: 10px;
	padding: 8px 12px;
	border-left-width: 4px;
	border-left-style: solid;
	display: none; /* Hidden until populated by JS */
}
#wowown-hmyussy-test-connection-result.success {
	color: #00a32a;
	border-left-color: #46b450; /* WP success green border */
	background-color: #f0fff3;
	font-weight: bold;
	display: block;
}
#wowown-hmyussy-test-connection-result.error {
	color: #d63638;
	border-left-color: #d63638; /* WP error red border */
	background-color: #fef0f1;
	font-weight: bold;
	display: block;
}

/* URL Validation Error (if JS adds this) */
#wowown-hmyussy-url-validation-error {
	/* Uses .wowown-hmyussy-error-message styles */
}


/*
==========================================================================
Target Site List Table (.wowown-hmyussy-toggle-status, .wowown-hmyussy-delete-site etc.)
==========================================================================
*/

/* Status Display - Use classes instead of inline styles */
/* Ensure PHP generates <span class="wowown-hmyussy-status-display status-active"> etc. */
.wowown-hmyussy-status-display.status-active {
	color: #00a32a;
}
.wowown-hmyussy-status-display.status-inactive {
	color: #a7aaad; /* Slightly darker grey than default maybe */
}
.wowown-hmyussy-status-display .dashicons-warning {
	color: #d63638;
	font-size: 16px; /* Adjust size as needed */
	vertical-align: text-bottom;
	margin-left: 3px;
}
.wowown-hmyussy-status-display .status-error-text {
	color: #d63638;
	font-size: small;
}

/* Row Actions - Minor styling if needed */
.wp-list-table .row-actions a {
	padding: 0 3px; /* Adjust spacing */
}


/*
==========================================================================
Sync Log List Table
==========================================================================
*/

/* Log Status Display - Use classes */
/* Ensure PHP generates <span class="wowown-hmyussy-log-status status-success"> etc. */
.wowown-hmyussy-log-status.status-success {
	color: #00a32a;
	font-weight: bold;
}
.wowown-hmyussy-log-status.status-failure {
	color: #d63638;
	font-weight: bold;
}
.wowown-hmyussy-log-status.status-skipped {
	color: #dba617; /* WP warning/pending yellow/orange */
	font-weight: bold;
}

/* Log Details Column - Hint for hover/tooltip */
/* Ensure PHP wraps truncated message in <span class="wowown-hmyussy-log-details"> */
.wowown-hmyussy-log-details span[title] {
	cursor: help;
	border-bottom: 1px dotted #999;
}
/* Consider adding styles for a JS-based "show more" toggle if implemented */
.wowown-hmyussy-log-details .full-details {
	display: none; /* Hidden by default, shown by JS */
	margin-top: 5px;
	padding: 5px;
	background-color: #f9f9f9;
	border: 1px solid #eee;
	white-space: pre-wrap; /* Preserve line breaks in error messages */
	word-break: break-all;
}
.wowown-hmyussy-log-details .toggle-details {
	cursor: pointer;
	color: #0073aa; /* WP link blue */
	font-size: smaller;
	margin-left: 5px;
}


/*
==========================================================================
Manual Sync Page (#wowown-hmyussy-manual-sync-form etc.)
==========================================================================
*/

/* Target Site Selection Box */
#wowown-hmyussy-manual-sync-targets {
	border: 1px solid #ccd0d4; /* WP default border color */
	padding: 10px 15px;
	max-height: 250px; /* Adjust as needed */
	overflow-y: auto;
	background-color: #fff; /* White background */
	margin-bottom: 20px; /* Spacing below the box */
}
#wowown-hmyussy-manual-sync-targets label {
	display: block; /* Ensure each checkbox is on its own line */
	margin-bottom: 6px; /* Spacing between checkboxes */
}
#wowown-hmyussy-manual-sync-targets label input[type="checkbox"] {
	margin-right: 5px;
}
#wowown-hmyussy-manual-sync-targets p:first-child { /* Style select all/none buttons container */
	margin-bottom: 10px;
}
#wowown-hmyussy-manual-sync-targets p:first-child .button { /* Space out select all/none buttons */
	margin-right: 5px;
}


/* Manual Sync Trigger Button & Spinner */
#wowown-hmyussy-manual-sync-trigger-btn + .spinner {
	visibility: hidden;
	float: none;
	vertical-align: middle;
	margin-left: 5px;
}
#wowown-hmyussy-manual-sync-trigger-btn.syncing + .spinner {
	visibility: visible;
}

/* Manual Sync Results/Progress Area */
#wowown-hmyussy-manual-sync-results {
	margin-bottom: 15px;
	border: 1px solid #ccd0d4;
	padding: 0 15px 10px 15px;
	max-height: 400px;
	overflow-y: auto;
	background: #fff;
	display: none; /* Hidden initially, shown by JS when results appear */
}
#wowown-hmyussy-manual-sync-results p {
	margin: 8px 0;
	padding: 10px 15px;
	border-left-width: 4px;
	border-left-style: solid;
	background-color: #f8f9fa; /* Light background */
}
#wowown-hmyussy-manual-sync-results p:first-child {
	margin-top: 15px; /* Add space above first message */
}
#wowown-hmyussy-manual-sync-results p.info {
	border-left-color: #72aee6; /* WP info blue */
	background-color: #f0f6fc;
}
#wowown-hmyussy-manual-sync-results p.success {
	border-left-color: #46b450; /* WP success green */
	background-color: #f0fff3;
}
#wowown-hmyussy-manual-sync-results p.error {
	border-left-color: #d63638; /* WP error red */
	background-color: #fef0f1;
}
#wowown-hmyussy-manual-sync-results p.progress-item { /* Style individual item updates */
	font-size: smaller;
	border-left-color: #ccc;
	background-color: #fff;
	padding: 5px 10px;
	margin: 2px 0;
}


/*
==========================================================================
General Admin Page Wrapper (Optional)
==========================================================================
*/

.wowown-hmyussy-settings-wrap,
.wowown-hmyussy-target-sites-wrap,
.wowown-hmyussy-logs-wrap,
.wowown-hmyussy-manual-sync-wrap {
	/* Add specific margins/paddings here if needed, though WP usually handles .wrap well */
}

/* Ensure hr separators look okay */
.wrap hr {
	margin: 20px 0;
	border: 0;
	border-top: 1px solid #ccd0d4;
}