/* ===============================
	PSPG Thickbox variants
	=============================== */

/* Small window for refund */
#TB_window.pspg-tb--refund {

	max-width: 92vw !important;
	min-width: 320px !important;
}

#TB_window.pspg-tb--refund #TB_ajaxContent {
	max-height: 70vh !important;
	overflow: auto !important;
}

/* Big window for logs / details */
#TB_window.pspg-tb--log {
	width: 80vw !important;
	max-width: 1400px !important;
	min-width: 600px !important;

	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%) !important;
	margin: 0 !important;
	overflow: hidden !important;
}

#TB_window.pspg-tb--log #TB_ajaxContent {
	width: 100% !important;
	height: calc(100vh - 140px) !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
}

#pspg-log-content {
	box-sizing: border-box !important;
	max-width: 100% !important;
	overflow: auto !important;
}

/* Actions: allow wrapping instead of overflowing. */
.pspg-actions{
    display:flex;
    flex-wrap:wrap;      /* wrap to next line */
    gap:2px;             /* replaces column-gap */
    align-items:center;
}

/* Allow flex children to shrink inside narrow table cells. */
.pspg-actions > *{
    min-width:0;
}


/* Base action link (WP-like button) */
.pspg-actions a {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	border-radius: 3px;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.4;
	text-decoration: none;
	background: #f6f7f7;
	border: 1px solid #c3c4c7;
	color: #2c3338;
}

/* Hover / focus */
.pspg-actions a:hover,
.pspg-actions a:focus {
	background: #f0f0f1;
	border-color: #8c8f94;
	color: #2c3338;
	text-decoration: none;
}

/* Active (pressed) */
.pspg-actions a:active {
	background: #e0e0e0;
	box-shadow: inset 0 1px 0 #c3c4c7;
}

/* Destructive action (Void) */
.pspg-actions a.pspg-void {
	color: #b45309;
}

/* Destructive action (Refund) */
.pspg-actions a.pspg-refund {
	color: #b32d2e;
}

/* Optional: keep table from shrinking this column too much */
.wp-list-table .column-actions {
	width: 220px;
}



/* statuses  */
#pspg-log-tb {
	width: 900px !important;
}

.pspg-status {
	display: inline-block;
	padding: 4px 10px;
	border-radius: 3px;
	font-size: 12px;
	line-height: 1.4;
	text-transform: capitalize;
}

.pspg-status-deposited {
	background: #c6e1c6;
	color: #2c4700;
}

.pspg-status-pending {
	background: #fff3cd;
	color: #856404;
}

.pspg-status-reversed {
	background: #f8dda7;
	color: #573b00;
}

.pspg-status-refunded {
	background: #c8d7e1;
	color: #003d66;
}

.pspg-status-failed {
	background: #eba3a3;
	color: #570000;
}

.pspg-status-default {
	background: #e5e5e5;
	color: #454545;
}

.pspg-status-registered{
	background: #e7f3ff;
	color: #135e96;
}

.pspg-status-paid {
	background: #c6e1c6;
	color: #2c4700;
}


/* Binding icon (Dashicons) */
.pspg-binding-icon {
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	color: #50575e; /* WP admin gray */
}

.pspg-binding-icon::before {
	font-family: dashicons;
	content: "\f515";
	font-size: 18px;
}


/* Bank badge */
.pspg-bank {

}

/* Optional subtle per-bank hint */
.pspg-bank-arca { }
.pspg-bank-ameria { }
.pspg-bank-ineco { }
.pspg-bank-idram { }


/* Source badge */
.pspg-source {

}

/* Optional */
.pspg-source-woo { }
.pspg-source-givewp { }


.column-orderId {

}


/* Woo orders */
#pspg_bank_order_id {
    background: #607d8b;
    color: #fff;
    text-align: center;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.pspg-orders-badge {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 3px;
	font-size: 12px;
	background: #f0f0f1;
	color: #1d2327;
}

.pspg-orders-mono {

}

.pspg-orders-muted {

}

.pspg-orders-badge--test {
	color: #f29718;
	border-radius: 3px;
	font-size: 9px;
	line-height: normal;
	background: #f0f0f1;
	padding: 2px 5px;
}

.pspg-orders-muted .pspg-orders-source-link{
	font-weight: 500;
}

.wp-list-table tr.pspg-order-focused > * {
	background: #fff8e5;
	box-shadow: inset 4px 0 0 #dba617;
}

.pspg-orders-focused-filter {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 8px 0;
	padding: 0 0 15px 0 !important;
}

.pspg-orders-focused-value {
	display: inline-block;
	padding: 1px 4px;
	background: #fff8e5;
}


#orderNumber { width: 120px; }
#orderId { }
#source { }
#amount { }
#requestTime { }
#last_status { }
#statusTime { }
#is_binding { }
#actions { }