/**
 * Hi.Fan URL Shortener - Admin Styles
 *
 * @package HiFan_URL_Shortener
 */

/* ==========================================================================
   Metabox Styles
   ========================================================================== */

/* Error message in metabox */
.hifan-metabox-error {
	color: #d63638;
}

/* Custom alias input container */
.hifan-alias-container {
	margin-bottom: 10px;
}

.hifan-alias-label {
	display: block;
	margin-bottom: 5px;
	font-weight: 500;
}

.hifan-alias-input {
	margin-bottom: 10px;
}

/* Create button - full width */
.hifan-create-btn {
	width: 100%;
}

/* Link result container */
.hifan-link-result {
	margin-top: 10px;
}

/* Shortlink display container - no styles needed */

/* Shortlink input field */
.hifan-shortlink-input {
	font-family: monospace;
	background: #f6f7f7;
}

/* Copy button */
.hifan-copy-btn {
	margin-top: 8px;
	width: 100%;
}

/* Stats section */
.hifan-stats-box {
	margin-top: 12px;
	padding: 10px;
	background: #f0f6fc;
	border-radius: 4px;
	text-align: center;
}

.hifan-stats-number {
	font-size: 24px;
	font-weight: 600;
	color: #2271b1;
}

.hifan-stats-label {
	color: #666;
	font-size: 12px;
}

/* QR Code section */
.hifan-qr-details {
	margin-top: 12px;
}

.hifan-qr-summary {
	cursor: pointer;
	color: #2271b1;
	font-weight: 500;
}

.hifan-qr-container {
	margin-top: 10px;
	text-align: center;
	padding: 10px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.hifan-qr-image {
	max-width: 100%;
	height: auto;
}

.hifan-qr-download {
	margin-top: 8px;
}

/* Delete/Regenerate section */
.hifan-delete-section {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid #ddd;
}

.hifan-delete-btn {
	color: #b32d2e;
	width: 100%;
	text-align: center;
}

/* ==========================================================================
   Posts/Pages List Column Styles
   ========================================================================== */

.hifan-column-link {
	display: flex;
	align-items: center;
	gap: 5px;
}

.hifan-column-input {
	font-size: 11px;
	padding: 2px 6px;
	border: 1px solid #ddd;
	border-radius: 3px;
	width: 140px;
	background: #f9f9f9;
}

.hifan-quick-copy {
	min-width: auto;
	padding: 0 6px;
}

.hifan-quick-create {
	font-size: 11px;
}

.hifan-create-status {
	margin-left: 5px;
	font-size: 11px;
}

.hifan-create-status.error {
	color: #dc3232;
	display: block;
	margin-top: 3px;
}

.hifan-column-placeholder {
	color: #999;
}

.hifan-column-draft {
	color: #999;
	font-style: italic;
	font-size: 11px;
}

/* ==========================================================================
   Settings Page Styles
   ========================================================================== */

/* Connection status notice with disconnect button */
.hifan-connection-notice {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.hifan-connection-notice p {
	margin: 0;
}

/* Development mode notice */
.hifan-dev-notice {
	margin-bottom: 15px;
}

/* Settings card */
.hifan-settings-card {
	max-width: 800px;
}

/* Auto-generation fieldset */
.hifan-auto-fieldset {
	background: #f9f9f9;
	padding: 12px 15px;
	border-radius: 4px;
	border: 1px solid #ddd;
}

.hifan-auto-label {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 8px;
}

.hifan-auto-label:last-child {
	margin-bottom: 0;
}

/* Tip box */
.hifan-tip-box {
	margin-top: 20px;
	padding: 15px;
	background: #f0f6fc;
	border-left: 4px solid #2271b1;
}

.hifan-tip-box p {
	margin: 0;
}

/* Manual API key section */
.hifan-manual-api {
	margin-top: 10px;
	padding: 10px;
	background: #f6f7f7;
	border-radius: 4px;
}

/* ==========================================================================
   Bulk Creation Tool Styles
   ========================================================================== */

.hifan-bulk-card {
	max-width: 800px;
	margin-top: 20px;
}

.hifan-bulk-table {
	margin-bottom: 15px;
}

.hifan-bulk-done {
	color: #46b450;
}

/* Progress container */
.hifan-bulk-progress {
	padding: 15px;
	background: #f6f7f7;
	border-radius: 4px;
	margin-top: 10px;
}

.hifan-bulk-progress-inner {
	display: flex;
	align-items: center;
	gap: 10px;
}

.hifan-bulk-bar {
	margin-top: 10px;
	height: 20px;
	background: #ddd;
	border-radius: 10px;
	overflow: hidden;
}

.hifan-bulk-fill {
	height: 100%;
	width: 0;
	background: #2271b1;
	transition: width 0.3s;
}

/* Result container */
.hifan-bulk-result {
	margin-top: 10px;
	padding: 15px;
	background: #d4edda;
	border: 1px solid #c3e6cb;
	border-radius: 4px;
	color: #155724;
}

.hifan-bulk-result.error {
	background: #f8d7da;
	border-color: #f5c6cb;
	color: #721c24;
}

/* ==========================================================================
   AJAX Response Styles
   ========================================================================== */

.hifan-ajax-error {
	color: #dc3232;
}

.hifan-ajax-success {
	color: #46b450;
}


/* ==========================================================================
   Shortcode Output Styles (Frontend)
   ========================================================================== */

/* .hifan-shortlink and .hifan-qr-code - no styles needed */