.wbp-wrap { max-width: 960px; }

.wbp-form-card {
  background: #fff;
  padding: 20px 24px;
  margin-bottom: 24px;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.04);
  border-left: 4px solid #3F51B5;
}

.wbp-form-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.wbp-form-row label {
  font-weight: 600;
  margin-right: 8px;
}

/* Inline submit spinner (next to Fetch / Continue buttons) */
.wbp-inline-spinner {
  width: 20px;
  height: 20px;
  margin-left: 10px;
  border: 3px solid rgba(0,0,0,.12);
  border-top-color: #2271b1;          /* WP blue */
  border-right-color: rgba(34,113,177,.35);
  border-radius: 50%;
  display: none;
  vertical-align: middle;
  filter: drop-shadow(0 0 2px rgba(34,113,177,.35));
}

.wbp-inline-spinner.is-active {
  display: inline-block;
  animation: wbp-spin 0.65s linear infinite;
}


.wbp-domain-status {
  margin: 6px 0 0;
  font-size: 13px;
  color: #4a4a4a;
  padding-left: 4px;
  border-left: 3px solid #d9d9d9;
}

.wbp-legal {
  margin-top: 16px;
  font-size: 16px;
  line-height: 1.5;
  color: #000000;
  background: #fcf192;
  border-left: 4px solid #FFEB3B;
  padding: 10px 14px;
  border-radius: 6px;
}

.wbp-url-table .column-url {
  word-break: break-word;
}

.wbp-pagination .page-numbers {
  display: inline-block;
  margin-right: 4px;
  padding: 3px 8px;
  border-radius: 4px;
  text-decoration: none;
  background: #f6f6f6;
}

.wbp-pagination .page-numbers.current {
  background: #2271b1;
  color: #fff;
}

.wbp-muted { color: #555; font-size: 13px; }

.wbp-filter-bar {
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 10px 0 12px;
  flex-wrap: wrap;
}

/* Filter bar spinner (AJAX filter/pagination) */
.wbp-spinner {
  width: 18px;
  height: 18px;
  border: 3px solid rgba(0,0,0,.12);
  border-top-color: #2271b1;          /* WP blue */
  border-right-color: rgba(34,113,177,.35);
  border-radius: 50%;
  display: none;
  vertical-align: middle;
  filter: drop-shadow(0 0 2px rgba(34,113,177,.35));
}

.wbp-spinner.is-active {
  display: inline-block;
  animation: wbp-spin 0.65s linear infinite;
}

/* Slightly smoother spin */
@keyframes wbp-spin {
  to { transform: rotate(360deg); }
}

/* === WaybackPress admin menu highlight (left sidebar) === */

/* green icon in left menu */
#adminmenu a.toplevel_page_archiveo-importer-wayback .wp-menu-image:before,
#adminmenu li.toplevel_page_archiveo-importer-wayback .wp-menu-image:before {
	color: #2ecc71; /* green */
}

/* green badge effect */
#adminmenu li.toplevel_page_archiveo-importer-wayback > a.menu-top {
	position: relative;
}

/* green left stripe and glow */
#adminmenu li.toplevel_page_archiveo-importer-wayback > a.menu-top:before {
	content: "";
	position: absolute;
	left: 0;
	top: 6px;
	bottom: 6px;
	width: 3px;
	background: #2ecc71;
	border-radius: 2px;
	opacity: 0.9;
}

/* stress background */
body.archiveo-admin-page #adminmenu li.toplevel_page_archiveo-importer-wayback > a.menu-top {
	background: rgba(46, 204, 113, 0.12);
}

/* hover stress */
#adminmenu li.toplevel_page_archiveo-importer-wayback > a.menu-top:hover {
	background: rgba(46, 204, 113, 0.10);
}