/* Admin screen styles. Loaded only on this plugin's page (admin_enqueue_scripts). */

/* Layout */
.wpcbr-tabs { margin-bottom:0; }
.wpcbr-panel { background:#fff; border:1px solid #c3c4c7; border-top:none; padding:24px; max-width:960px; }
.wpcbr-flush-top { margin-top:0; }
.wpcbr-section { margin-top:20px; }
.wpcbr-hidden { display:none; }
.wpcbr-strong { font-weight:600; }
.wpcbr-block-note { display:block; margin-top:6px; }
.wpcbr-callout { margin-top:20px; padding:12px 16px; background:#f0f6fc; border-left:4px solid #0073aa; }
.wpcbr-preview-table { margin-bottom:20px; }
.wpcbr-col-label { width:200px; }
.notice.wpcbr-inline-notice { margin:12px 0; padding:8px 12px; }
.wpcbr-parts-list { margin:6px 0 0 18px; list-style:disc; }
.wpcbr-inline-form { display:inline; }
.wpcbr-inline-form-gap { margin-left:8px; }
.wpcbr-block-label { display:block; margin:4px 0; }
.notice.wpcbr-rollback-box { border-left-color:#46b450; }
.wpcbr-rollback-actions { margin:0 0 10px; }

/* Progress areas (shown by admin.js) */
.wpcbr-progress { margin-top:16px; max-width:640px; }
.wpcbr-progress-label { margin:0 0 6px; font-weight:600; }
.notice.wpcbr-result { margin:12px 0 0; padding:8px 12px; }
.notice.wpcbr-plan { padding:6px 12px; }
.wpcbr-upload-progress { max-width:480px; margin:8px 0; }

/* Step indicators */
.wpcbr-steps { display:flex; align-items:center; gap:12px; margin:20px 0; }
.wpcbr-step  { display:flex; align-items:center; gap:8px; padding:10px 16px; border-radius:6px; background:#f6f7f7; border:2px solid #c3c4c7; }
.wpcbr-step-active  { background:#e8f4ff; border-color:#0073aa; }
.wpcbr-step-done    { background:#edfaef; border-color:#46b450; }
.wpcbr-step-pending { opacity:.5; }
.wpcbr-step-num     { display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:50%; background:#0073aa; color:#fff; font-weight:700; font-size:14px; }
.wpcbr-step-done .wpcbr-step-num  { background:#46b450; }
.wpcbr-step-pending .wpcbr-step-num { background:#aaa; }
.wpcbr-step-label   { font-weight:600; }
.wpcbr-step-arrow   { font-size:20px; color:#aaa; }

/* Import overlay */
#wpcbr-overlay {
	display:none; position:fixed; inset:0;
	background:rgba(0,0,0,.72); z-index:99999;
	align-items:center; justify-content:center;
}
#wpcbr-overlay.active { display:flex; }
.wpcbr-overlay-box {
	background:#fff; border-radius:8px; padding:36px 40px;
	text-align:center; max-width:420px; width:90%;
	box-shadow:0 8px 32px rgba(0,0,0,.3);
}
.wpcbr-overlay-box h2 { margin:16px 0 8px; font-size:20px; }
.wpcbr-overlay-box p  { color:#555; margin:0 0 20px; }
.wpcbr-overlay-warn   { background:#fff8e5; border:1px solid #dba617; border-radius:4px; padding:10px 14px; font-size:13px; color:#6b4c00; margin-bottom:20px; }
.wpcbr-upload-box { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; max-width:520px; min-height:130px; padding:20px; border:2px dashed #8c8f94; border-radius:8px; background:#f6f7f7; cursor:pointer; text-align:center; box-sizing:border-box; }
.wpcbr-upload-box:hover, .wpcbr-upload-box:focus-within { border-color:#2271b1; background:#f0f6fc; }
.wpcbr-upload-box .dashicons { width:34px; height:34px; font-size:34px; color:#2271b1; }
.wpcbr-upload-box input[type=file] { max-width:100%; margin-top:6px; }

/* Indeterminate progress bar */
.wpcbr-bar-track { background:#e0e0e0; border-radius:4px; height:8px; overflow:hidden; margin-top:8px; }
.wpcbr-bar-fill  { height:100%; width:45%; background:#0073aa; border-radius:4px; animation:wpcbr-slide 1.6s ease-in-out infinite; }
@keyframes wpcbr-slide {
	0%   { transform:translateX(-120%); }
	100% { transform:translateX(320%); }
}
/* Progress bar that shows a real percentage */
.wpcbr-bar-fill.wpcbr-bar-determinate { width:0; animation:none; transition:width .3s ease; }

/* Continue / cancel controls and the panel for a job left open by an earlier visit */
.wpcbr-job-actions { margin:12px 0 0; display:flex; gap:8px; align-items:center; justify-content:inherit; flex-wrap:wrap; }
.wpcbr-overlay-box .wpcbr-job-actions { justify-content:center; }
.wpcbr-job-panel .wpcbr-bar-track { max-width:480px; }
.wpcbr-job-panel [hidden], #wpcbr-overlay [hidden], .wpcbr-job-actions[hidden] { display:none !important; }

/* Spinner (reuse WP core) */
.wpcbr-spinner { width:40px; height:40px; border:4px solid #ddd; border-top-color:#0073aa; border-radius:50%; animation:wpcbr-spin .8s linear infinite; margin:0 auto; }
@keyframes wpcbr-spin { to { transform:rotate(360deg); } }