/* ==================================================
   Panical Shipping Tracking — My Account & Customer Order UI
   Clean account UI, refined progress marker, lighter order tables.
================================================== */

/* My Account orders list: keep the clean table, but align content neatly. */
.woocommerce-account .woocommerce-orders-table th,
.woocommerce-account .woocommerce-orders-table td,
.woocommerce-account table.woocommerce-orders-table th,
.woocommerce-account table.woocommerce-orders-table td {
	text-align: center !important;
	vertical-align: middle !important;
}

.woocommerce-account .woocommerce-orders-table .woocommerce-button.view,
.woocommerce-account .woocommerce-orders-table a.button.view {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
	min-height: auto !important;
	line-height: 1.4 !important;
	color: #111 !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	text-decoration: underline !important;
	text-underline-offset: 4px;
	border-radius: 0 !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
}

.woocommerce-account .woocommerce-orders-table .woocommerce-button.view:hover,
.woocommerce-account .woocommerce-orders-table a.button.view:hover {
	background: transparent !important;
	color: #555 !important;
	transform: none !important;
}


/* My Account orders list: separate payment from general order actions. */
.woocommerce-account .woocommerce-orders-table th.woocommerce-orders-table__header-panical-payment,
.woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-panical-payment {
	white-space: nowrap;
	text-align: center !important;
}

.woocommerce-account .woocommerce-orders-table .panical-account-order-payment-status {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 76px;
	padding: 7px 14px;
	border: 1px solid transparent;
	border-radius: 999px;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	box-sizing: border-box;
}

.woocommerce-account .woocommerce-orders-table .panical-account-order-payment-status.is-paid {
	color: #137333;
	background: #e6f4ea;
	border-color: #cce8d4;
}

.woocommerce-account .woocommerce-orders-table .panical-account-order-payment-status.is-unpaid {
	color: #9a6700;
	background: #fff4ce;
	border-color: #f4dfa0;
}

/* WooCommerce order details: reduce the heavy table feeling without rebuilding native Woo output. */
.woocommerce-account .woocommerce-order-details table.shop_table,
.woocommerce-account .woocommerce-order-details .woocommerce-table--order-details {
	background: #fff !important;
	border: 1px solid #eeeeee !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	border-radius: 16px !important;
	overflow: hidden !important;
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.035) !important;
}

.woocommerce-account .woocommerce-order-details table.shop_table thead th,
.woocommerce-account .woocommerce-order-details .woocommerce-table--order-details thead th {
	background: #fff !important;
	color: #111 !important;
	font-weight: 700 !important;
	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	border-bottom: 1px solid #eeeeee !important;
	padding: 18px 22px !important;
}

.woocommerce-account .woocommerce-order-details table.shop_table tbody td,
.woocommerce-account .woocommerce-order-details table.shop_table tfoot th,
.woocommerce-account .woocommerce-order-details table.shop_table tfoot td,
.woocommerce-account .woocommerce-order-details .woocommerce-table--order-details tbody td,
.woocommerce-account .woocommerce-order-details .woocommerce-table--order-details tfoot th,
.woocommerce-account .woocommerce-order-details .woocommerce-table--order-details tfoot td {
	background: #fff !important;
	border-left: 0 !important;
	border-right: 0 !important;
	border-top: 0 !important;
	border-bottom: 1px solid #eeeeee !important;
	padding: 18px 22px !important;
	color: #111 !important;
}

.woocommerce-account .woocommerce-order-details table.shop_table tr:last-child th,
.woocommerce-account .woocommerce-order-details table.shop_table tr:last-child td,
.woocommerce-account .woocommerce-order-details .woocommerce-table--order-details tr:last-child th,
.woocommerce-account .woocommerce-order-details .woocommerce-table--order-details tr:last-child td {
	border-bottom: 0 !important;
}

.woocommerce-account .woocommerce-order-details table.shop_table .product-name,
.woocommerce-account .woocommerce-order-details .woocommerce-table--order-details .product-name {
	text-align: left !important;
}

.woocommerce-account .woocommerce-order-details table.shop_table .product-total,
.woocommerce-account .woocommerce-order-details .woocommerce-table--order-details .product-total {
	text-align: left !important;
}

.panical-order-fee-inline-note {
	margin: 12px 0 0;
	padding-top: 14px;
	border-top: 1px solid #eeeeee;
	color: #666;
	font-size: 13px;
	line-height: 1.65;
}

.panical-order-fee-inline-note strong {
	color: #111;
	font-weight: 700;
	margin-right: 8px;
}

/* Shipment Tracking module */
.panical-tracking-box {
	background: transparent;
	border: 0;
	border-radius: 0;
	padding: 34px 0 12px;
	margin: 38px 0 26px;
	color: #111;
	box-shadow: none;
	border-top: 1px solid #eeeeee;
}

.panical-tracking-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 22px;
	margin-bottom: 22px;
}

.panical-tracking-header h2 {
	margin: 0 0 6px;
	color: #111;
	font-size: 28px;
	line-height: 1.2;
	letter-spacing: 0.01em;
}

.panical-tracking-header p {
	margin: 0;
	color: #666;
	font-size: 14px;
	line-height: 1.6;
}

.panical-tracking-summary {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px 24px;
	padding: 18px 0 20px;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: 18px;
}

.panical-tracking-summary-item,
.panical-tracking-detail {
	min-width: 0;
}

.panical-tracking-summary-item span,
.panical-tracking-detail span {
	display: block;
	margin-bottom: 5px;
	color: #777;
	font-size: 12px;
	line-height: 1.4;
	text-transform: none;
}

.panical-tracking-summary-item strong,
.panical-tracking-detail strong {
	display: block;
	color: #111;
	font-size: 15px;
	line-height: 1.45;
	font-weight: 700;
	word-break: break-word;
}

.panical-tracking-summary-item.is-status strong {
	font-size: 17px;
}

.panical-tracking-delivery-details {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px 24px;
	padding-bottom: 20px;
	margin-bottom: 6px;
	border-bottom: 1px solid #f0f0f0;
}

.panical-tracking-detail.is-address {
	grid-column: 1 / -1;
}

.panical-tracking-detail.is-address strong {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.panical-tracking-notice {
	margin: 16px 0 22px;
	padding: 0;
	background: transparent;
	border: 0;
	color: #555;
	font-size: 14px;
	line-height: 1.55;
}

.panical-tracking-content-grid {
	display: grid;
	grid-template-columns: minmax(390px, 560px) minmax(260px, 340px);
	gap: 18px;
	align-items: start;
	justify-content: start;
	padding-top: 22px;
}

.panical-tracking-progress {
	padding-left: 34px;
	padding-top: 8px;
}

.panical-tracking-timeline {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

.panical-tracking-timeline > li {
	position: relative;
	display: flex;
	gap: 15px;
	padding: 0 0 22px;
}

.panical-tracking-timeline > li:last-child {
	padding-bottom: 0;
}

.panical-tracking-timeline > li::before {
	content: "";
	position: absolute;
	left: 8px;
	top: 20px;
	bottom: -2px;
	width: 1px;
	background: #d9d9d9;
}

.panical-tracking-timeline > li.is-completed::before {
	background: #111;
}

.panical-tracking-timeline > li:last-child::before {
	display: none;
}

.panical-tracking-dot {
	position: relative;
	z-index: 2;
	width: 18px;
	height: 18px;
	min-width: 18px;
	margin-top: 3px;
	border-radius: 50%;
	border: 2px solid #9a9a9a;
	background: #fff;
	color: #111;
}

.panical-tracking-step-content strong {
	display: block;
	color: #111;
	font-size: 15px;
	line-height: 1.35;
	margin-bottom: 4px;
	font-weight: 700;
}

.panical-tracking-step-content span {
	display: block;
	color: #777;
	font-size: 13px;
	line-height: 1.45;
}

.panical-tracking-timeline > li.is-completed .panical-tracking-dot {
	background: #111;
	border-color: #111;
}

.panical-tracking-timeline > li.is-current .panical-tracking-dot {
	width: 44px;
	height: 28px;
	min-width: 44px;
	margin-left: -12px;
	margin-top: -2px;
	border: 0;
	border-radius: 0;
	background: transparent;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.panical-tracking-timeline > li.is-current .panical-tracking-dot::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: rgba(17, 17, 17, 0.18);
	transform: translate(-50%, -50%);
	animation: panical-tracking-pulse 1.95s ease-out infinite;
	z-index: -1;
}

.panical-tracking-moto-dot {
	position: relative;
	z-index: 2;
	display: block;
	width: 44px;
	height: 24px;
	color: #111;
}

.panical-tracking-timeline > li.is-pending .panical-tracking-step-content strong {
	color: #666;
}

.panical-tracking-timeline > li.is-exception .panical-tracking-dot {
	background: #c62828;
	border-color: #c62828;
}

.panical-tracking-timeline > li.is-exception .panical-tracking-step-content strong {
	color: #c62828;
}

@keyframes panical-tracking-pulse {
	0% {
		opacity: 0.62;
		transform: translate(-50%, -50%) scale(0.68);
	}
	72% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(2.45);
	}
	100% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(2.45);
	}
}

.panical-tracking-visual {
	width: 100%;
	padding-top: 0;
	padding-right: 10px;
	align-self: stretch;
}

.panical-tracking-visual-scene {
	width: 100%;
	max-width: 320px;
	margin: 0 auto 0 0;
	color: #111;
}

.panical-tracking-visual-scene svg {
	display: block;
	width: 100%;
	height: auto;
}

.panical-tracking-visual-carrier {
	margin-top: 4px;
	padding-left: 8px;
	font-size: 13px;
	line-height: 1.55;
	color: #555;
	font-weight: 600;
	letter-spacing: 0.01em;
}

.panical-tracking-visual-actions {
	margin-top: 34px;
	padding-left: 8px;
}

@media (max-width: 1024px) {
	.panical-tracking-summary {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.panical-tracking-content-grid {
		grid-template-columns: minmax(0, 1fr) 290px;
		gap: 18px;
	}

	.panical-tracking-progress {
		padding-left: 26px;
	}
}

@media (max-width: 768px) {
	.woocommerce-account .woocommerce-orders-table th,
	.woocommerce-account .woocommerce-orders-table td,
	.woocommerce-account table.woocommerce-orders-table th,
	.woocommerce-account table.woocommerce-orders-table td {
		text-align: left !important;
	}

	.panical-tracking-box {
		padding-top: 28px;
	}

	.panical-tracking-header {
		display: block;
	}

	.panical-tracking-summary,
	.panical-tracking-delivery-details,
	.panical-tracking-content-grid {
		grid-template-columns: 1fr;
	}

	.panical-tracking-progress {
		padding-left: 14px;
	}

	.panical-tracking-header h2 {
		font-size: 24px;
	}

	.panical-tracking-visual-scene {
		max-width: 100%;
		margin-top: 16px;
	}

	.panical-tracking-visual-actions {
		margin-top: 18px;
	}

	.panical-tracking-detail.is-address strong {
		white-space: normal;
	}
}


.panical-tracking-latest {
	margin-top: 8px;
	padding: 10px 12px;
	border-left: 2px solid #111;
	background: rgba(0,0,0,0.025);
	max-width: 560px;
}

.panical-tracking-latest span {
	display: block;
	color: #555;
	font-size: 13px;
	line-height: 1.55;
	margin: 2px 0;
}

.panical-tracking-latest em {
	font-style: normal;
	color: #111;
	font-weight: 700;
}

.panical-tracking-refresh {
	color: #111 !important;
	font-size: 14px;
	font-weight: 700;
	text-decoration: underline !important;
	text-underline-offset: 4px;
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	box-shadow: none !important;
	display: inline-block;
}

.panical-tracking-refresh:hover {
	color: #555 !important;
	background: transparent !important;
}

.panical-tracking-history-inline {
	margin-top: 10px;
	padding-top: 8px;
	border-top: 1px solid rgba(0,0,0,0.07);
}

.panical-tracking-history-inline summary {
	cursor: pointer;
	color: #111;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.45;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.panical-tracking-history-inline ul {
	list-style: none !important;
	padding: 12px 0 0 0 !important;
	margin: 0 !important;
}

.panical-tracking-history-inline li {
	position: relative;
	display: block !important;
	padding: 0 0 16px 18px;
	border-left: 1px solid #d9d9d9;
}

.panical-tracking-history-inline li:last-child {
	border-left-color: transparent;
	padding-bottom: 0;
}

.panical-tracking-history-inline li::before {
	content: "";
	position: absolute;
	left: -5px;
	top: 5px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #111;
}

.panical-tracking-history-inline li strong,
.panical-tracking-history-inline li span,
.panical-tracking-history-inline li p {
	display: block;
	margin: 0;
}

.panical-tracking-history-inline li strong {
	color: #111;
	font-size: 13px;
	line-height: 1.45;
	margin-bottom: 4px;
}

.panical-tracking-history-inline li span {
	color: #555;
	font-size: 13px;
	line-height: 1.45;
	margin-bottom: 4px;
}

.panical-tracking-history-inline li p {
	color: #666;
	font-size: 13px;
	line-height: 1.55;
	max-width: 520px;
}

.panical-tracking-history-inline:not([open]) li.is-extra {
	display: none;
}

.panical-tracking-exception-notice {
	margin: 16px 0 22px;
	padding: 12px 14px;
	border-left: 3px solid #111;
	background: rgba(0, 0, 0, 0.035);
	color: #333;
	font-size: 13px;
	line-height: 1.6;
}

.panical-tracking-exception-notice strong {
	display: inline-block;
	margin-bottom: 2px;
	color: #111;
}

.panical-tracking-exception-notice p {
	margin: 6px 0 0;
}

.panical-tracking-exception-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin-top: 12px;
}

.panical-tracking-exception-grid div {
	padding: 10px 12px;
	border: 1px solid rgba(0,0,0,0.08);
	background: #fff;
}

.panical-tracking-exception-grid .is-wide {
	grid-column: 1 / -1;
}

.panical-tracking-exception-grid span {
	display: block;
	color: #777;
	font-size: 12px;
	line-height: 1.4;
	margin-bottom: 4px;
}

.panical-tracking-exception-grid strong {
	display: block;
	color: #111;
	font-size: 13px;
	line-height: 1.55;
	word-break: break-word;
}

.panical-tracking-exception-help {
	color: #555;
	font-size: 13px;
}


.panical-tracking-latest .panical-tracking-exception-notice.is-inline {
	margin: 10px 0 8px;
	padding: 12px 13px;
	background: #fff;
	border-left: 2px solid #111;
}

.panical-tracking-latest .panical-tracking-exception-notice.is-inline > strong {
	font-size: 13px;
}

.panical-tracking-latest .panical-tracking-exception-notice.is-inline p {
	color: #555;
	font-size: 13px;
	line-height: 1.55;
}


/* Electronic Receipt - customer and admin */
.panical-receipt-box {
	margin: 28px 0 26px;
	
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
}

.panical-receipt-head {
	
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
	
}

.panical-receipt-head h2 {
	margin: 0 0 6px;
	font-size: 24px;
	line-height: 1.25;
	color: #111;
}

.panical-receipt-head p,
.panical-receipt-note,
.panical-receipt-disabled p,
.panical-receipt-form p {
	margin: 0;
	color: #666;
	font-size: 14px;
	line-height: 1.6;
}


.panical-receipt-form label {
	display: block;
	margin-bottom: 7px;
	color: #111;
	font-size: 13px;
	font-weight: 700;
}

.panical-receipt-form-row {
	
	
	margin-bottom: 8px;
}

.panical-receipt-form-row input {
	flex: 1 1 auto;
	min-height: 42px;
	padding: 9px 12px;
	border: 1px solid #ddd;
}

.panical-receipt-form-row button,
.panical-receipt-disabled button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 10px 18px;
	border: 0;
	background: #111 !important;
	color: #fff !important;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
	text-decoration: none !important;
	white-space: nowrap;
	cursor: pointer;
}

.panical-receipt-disabled button {
	background: #d9d9d9 !important;
	color: #777 !important;
	cursor: not-allowed;
}

.panical-receipt-result {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin: 10px 0 12px;
}

.panical-receipt-result div {
	padding: 12px 14px;
	border: 1px solid #eee;
	background: #fbfbfb;
}

.panical-receipt-result span {
	display: block;
	margin-bottom: 4px;
	color: #777;
	font-size: 12px;
}

.panical-receipt-result strong {
	display: block;
	color: #111;
	font-size: 14px;
	word-break: break-word;
}

.panical-receipt-notice {
	margin-bottom: 14px;
	padding: 10px 12px;
	font-size: 14px;
	line-height: 1.55;
	border-left: 3px solid #111;
	background: #f7f7f7;
}

.panical-receipt-notice.is-success {
	border-left-color: #0f5132;
	background: #f1f8f4;
	color: #0f5132;
}

.panical-receipt-notice.is-error {
	border-left-color: #842029;
	background: #fff4f4;
	color: #842029;
}


@media (max-width: 900px) {
	.panical-receipt-head,
.panical-receipt-form-row{
		display: block;
	}
	.panical-receipt-form-row button {
		margin-top: 10px;
	}
	.panical-receipt-result {
		grid-template-columns: 1fr;
	}
	
}


/* Electronic receipt spacing */
.panical-receipt-box {
	padding: 24px 0 22px;
}

.panical-receipt-head {
	display: block;
	
}


.panical-receipt-form {
	max-width: 900px;
}

.panical-receipt-form-row,
.panical-receipt-action-row {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	margin: 0 0 8px;
}

.panical-receipt-disabled {
	margin-top: 0;
}

.panical-receipt-disabled p {
	margin-top: 8px;
}


@media (max-width: 900px) {
	.panical-receipt-form-row,
.panical-receipt-action-row{
		display: block;
	}
	.panical-receipt-form-row input,
.panical-receipt-form-row button,
.panical-receipt-action-row button{
		width: 100%;
		margin-top: 10px;
	}
}


.panical-receipt-disabled button {
	min-width: 138px;
}


.panical-additional-payment-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 10px 18px;
	border: 0;
	background: #111 !important;
	color: #fff !important;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
	text-decoration: none !important;
	white-space: nowrap;
}


/* Additional payment front-end placement */

.panical-additional-payment-box {
	position: relative;
	margin: 28px 0 30px;
	padding: 0;
	border: 0;
}

.panical-additional-payment-intro {
	margin: -4px 0 18px;
	color: #666;
	font-size: 15px;
	line-height: 1.6;
}


.panical-additional-payment-note {
	margin: 10px 0 18px;
	color: #666;
	font-size: 14px;
	line-height: 1.6;
}

.panical-additional-payment-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 18px;
}


@media (max-width: 700px) {
	.panical-additional-payment-actions {
		display: block;
	}
	.panical-additional-payment-button {
		width: 100%;
		margin-top: 10px;
	}
}


/* Additional Payment order-pay layout lives only in panical-shipping-tracking-pay.css. */


.panical-paid-additional-history{margin-top:0;padding-top:0;}
.panical-paid-additional-history.has-pending-after{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #eee;}
.panical-pending-additional-payment.has-paid-before{padding-top:4px;}
.panical-paid-stamp{
	
	
	
	
	
	display:flex;
	align-items:center;
	justify-content:center;
	
	
	
	
	
	
	
	
	
	pointer-events:none;
	
}

@media(max-width:782px){
	.panical-paid-stamp{width:58px;height:58px;}
}


.panical-paid-additional-history{position:relative;}
.panical-paid-stamp{
	position:absolute!important;
	right:285px!important;
	top:265px!important;
	width:auto!important;
	height:auto!important;
	min-width:118px!important;
	padding:10px 24px!important;
	border:2px solid rgba(31,132,73,.70)!important;
	border-radius:2px!important;
	background:rgba(255,255,255,.60)!important;
	color:#1f8449!important;
	font-weight:800!important;
	letter-spacing:.16em!important;
	font-size:16px!important;
	line-height:1!important;
	transform:rotate(-8deg)!important;
	text-transform:uppercase!important;
	box-shadow:none!important;
}
.panical-paid-stamp:before{
	content:""!important;
	position:absolute!important;
	inset:5px!important;
	border:1px solid rgba(31,132,73,.38)!important;
	border-radius:1px!important;
}
.panical-receipt-box.is-sent .panical-receipt-head p{color:#5f6b7a;}
@media(max-width:782px){
	.panical-paid-stamp{right:18px!important;top:18px!important;min-width:86px!important;padding:8px 14px!important;font-size:12px!important;}
}


.panical-receipt-get-button{
	background:#0b0b0b;
	color:#fff;
	border:1px solid #0b0b0b;
	padding:14px 28px;
	font-weight:700;
	cursor:pointer;
	border-radius:2px;
}
.panical-receipt-get-button:hover{background:#222;border-color:#222;color:#fff;}
.panical-receipt-ready-note{margin-top:12px;color:#5f6b7a;}
.panical-receipt-form-collapsed{margin-top:24px;}


.panical-paid-additional-history .panical-paid-stamp,
.panical-additional-payment-box .panical-paid-stamp{
	position:absolute!important;
	
	
	
	
	
	padding:0!important;
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	border:4px solid rgba(45,157,83,.78)!important;
	border-radius:10px!important;
	background:rgba(255,255,255,.18)!important;
	color:#198a45!important;
	font-weight:900!important;
	letter-spacing:.22em!important;
	font-size:32px!important;
	line-height:1!important;
	
	text-transform:uppercase!important;
	box-shadow:none!important;
	
	pointer-events:none!important;
	z-index:3!important;
}
.panical-paid-additional-history .panical-paid-stamp:before,
.panical-additional-payment-box .panical-paid-stamp:before{
	content:""!important;
	position:absolute!important;
	inset:7px!important;
	border:2px solid rgba(45,157,83,.48)!important;
	border-radius:5px!important;
}
.panical-paid-additional-history .panical-paid-stamp:after,
.panical-additional-payment-box .panical-paid-stamp:after{
	content:""!important;
	position:absolute!important;
	inset:14px!important;
	border:1px solid rgba(45,157,83,.28)!important;
	border-radius:3px!important;
}
@media(max-width:782px){
	.panical-paid-additional-history .panical-paid-stamp,
	.panical-additional-payment-box .panical-paid-stamp{
		
		
		
		
		
		font-size:19px!important;
		border-width:3px!important;
		letter-spacing:.18em!important;
	}
}


.panical-paid-additional-history .panical-paid-stamp,
.panical-additional-payment-box .panical-paid-stamp{
	right:245px!important;
	top:300px!important;
	width:220px!important;
	height:74px!important;
	min-width:220px!important;
	
	opacity:.82!important;
}
@media(max-width:782px){
	.panical-paid-additional-history .panical-paid-stamp,
	.panical-additional-payment-box .panical-paid-stamp{
		right:18px!important;
		top:250px!important;
		width:138px!important;
		height:48px!important;
		min-width:138px!important;
		
	}
}


.panical-paid-additional-history .panical-paid-stamp,
.panical-additional-payment-box .panical-paid-stamp{
	transform:rotate(-28deg)!important;
}
@media(max-width:782px){
	.panical-paid-additional-history .panical-paid-stamp,
	.panical-additional-payment-box .panical-paid-stamp{
		transform:rotate(-25deg)!important;
	}
}


/* Order-details PAID stamp: visually floats over the paid order table.
 * The -158px top margin gives the requested vertical position. The 94px bottom
 * margin exactly compensates for the 64px stamp height + negative top margin,
 * so the Additional Payment section below stays in its normal position. */
.panical-order-details-paid-stamp{
	position:relative;
	width:190px;
	height:64px;
	min-width:190px;
	max-width:calc(100% - 40px);
	margin:-158px 18% 94px auto;
	padding:0;
	display:flex;
	align-items:center;
	justify-content:center;
	border:4px solid rgba(45,157,83,.78);
	border-radius:10px;
	background:rgba(255,255,255,.72);
	color:#198a45;
	font-weight:900;
	letter-spacing:.22em;
	font-size:28px;
	line-height:1;
	transform:rotate(-22deg);
	text-transform:uppercase;
	box-shadow:none;
	opacity:.78;
	pointer-events:none;
	z-index:3;
	box-sizing:border-box;
}
.panical-order-details-paid-stamp:before{
	content:"";
	position:absolute;
	inset:7px;
	border:2px solid rgba(45,157,83,.48);
	border-radius:5px;
}
.panical-order-details-paid-stamp:after{
	content:"";
	position:absolute;
	inset:14px;
	border:1px solid rgba(45,157,83,.28);
	border-radius:3px;
}
@media(max-width:782px){
	.panical-order-details-paid-stamp{
		width:138px;
		height:48px;
		min-width:138px;
		max-width:calc(100% - 28px);
		margin:-78px 18px 30px auto;
		font-size:19px;
		border-width:3px;
		letter-spacing:.18em;
		transform:rotate(-20deg);
	}
}


.panical-payment-success-view-order-only{
	margin:28px 0 10px;
	width:100%;
}
.panical-payment-success-view-order-only .panical-view-order-button{
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	width:100%!important;
	min-height:54px!important;
	padding:15px 24px!important;
	box-sizing:border-box!important;
	background:#0b0b0b!important;
	border:1px solid #0b0b0b!important;
	color:#fff!important;
	font-weight:800!important;
	font-size:16px!important;
	letter-spacing:.01em;
	text-decoration:none!important;
	border-radius:2px!important;
}
.panical-payment-success-view-order-only .panical-view-order-button:hover{
	background:#222!important;
	border-color:#222!important;
	color:#fff!important;
}


.woocommerce-order-received .panical-payment-success-view-order-only,
.woocommerce-checkout .panical-payment-success-view-order-only{
	width:100%!important;
	max-width:none!important;
	display:block!important;
	clear:both!important;
	box-sizing:border-box!important;
}
.woocommerce-order-received .panical-payment-success-view-order-only .panical-view-order-button,
.woocommerce-checkout .panical-payment-success-view-order-only .panical-view-order-button{
	display:flex!important;
	width:100%!important;
	max-width:none!important;
	min-height:56px!important;
	align-items:center!important;
	justify-content:center!important;
	box-sizing:border-box!important;
}


.woocommerce-account .panical-receipt-box,
.woocommerce-view-order .panical-receipt-box,
.panical-receipt-box{
	width:100%!important;
	max-width:none!important;
	box-sizing:border-box!important;
	margin-left:0!important;
	margin-right:0!important;
	padding-top:28px!important;
	padding-bottom:28px!important;
}
.panical-receipt-head{
	margin-bottom:18px!important;
}
.panical-receipt-head h2{
	margin-bottom:8px!important;
}
.panical-receipt-head p{
	margin:0!important;
}
.panical-receipt-ready{
	margin-top:22px!important;
}
.panical-receipt-ready-note{
	margin:10px 0 0!important;
}
.panical-receipt-form,
.panical-receipt-form-collapsed{
	width:100%!important;
	max-width:none!important;
	margin-top:22px!important;
}
.panical-receipt-form label{
	margin:0 0 8px!important;
}
.panical-receipt-form-row{
	display:grid!important;
	grid-template-columns:minmax(220px,1fr) 190px!important;
	gap:12px!important;
	align-items:stretch!important;
	width:100%!important;
	max-width:none!important;
	margin:0 0 8px!important;
}
.panical-receipt-form-row input[type="email"]{
	width:100%!important;
	max-width:none!important;
	min-height:48px!important;
	box-sizing:border-box!important;
}
.panical-receipt-form-row button{
	width:100%!important;
	min-height:48px!important;
	box-sizing:border-box!important;
}
.panical-receipt-form p{
	margin-top:8px!important;
}
@media(max-width:782px){
	.panical-receipt-form-row{
		grid-template-columns:1fr!important;
	}
	.panical-receipt-form-row button{
		width:100%!important;
	}
}


@media(max-width:782px){
	.panical-paid-additional-history .panical-paid-additional-table-wrap > .panical-paid-stamp{
		
		top:50%!important;
		
	}
}


.panical-ap-grid{
	position:relative!important;
	width:100%!important;
	box-sizing:border-box!important;
	border:1px solid rgba(0,0,0,.08)!important;
	border-radius:18px!important;
	overflow:hidden!important;
	background:#fff!important;
	box-shadow:0 16px 38px rgba(15,23,42,.04)!important;
}
.panical-ap-grid-row{
	display:grid!important;
	grid-template-columns:minmax(0,1fr) 128px!important;
	align-items:center!important;
	min-height:72px!important;
	border-bottom:1px solid rgba(0,0,0,.07)!important;
	box-sizing:border-box!important;
}
.panical-ap-grid-row:last-child{
	border-bottom:none!important;
}
.panical-ap-grid-row>div:first-child{
	padding:0 24px 0 28px!important;
	text-align:left!important;
	min-width:0!important;
	box-sizing:border-box!important;
}
.panical-ap-grid-row>div:last-child{
	padding:0 28px 0 12px!important;
	text-align:right!important;
	white-space:nowrap!important;
	min-width:0!important;
	box-sizing:border-box!important;
}
.panical-ap-grid-head{
	min-height:62px!important;
	font-weight:800!important;
}
.panical-ap-grid-total{
	font-weight:800!important;
}
.panical-paid-additional-table-wrap{
	position:relative!important;
	width:100%!important;
	box-sizing:border-box!important;
}
.panical-paid-additional-history .panical-paid-additional-table-wrap > .panical-paid-stamp{
	position:absolute!important;
	left:58%!important;
	top:50%!important;
	right:auto!important;
	bottom:auto!important;
	transform:translate(-50%,-50%) rotate(-24deg)!important;
	z-index:5!important;
	pointer-events:none!important;
}
@media(max-width:782px){
	.panical-ap-grid-row{
		grid-template-columns:minmax(0,1fr) 112px!important;
		min-height:62px!important;
	}
	.panical-ap-grid-row>div:first-child{
		padding-left:18px!important;
		padding-right:14px!important;
	}
	.panical-ap-grid-row>div:last-child{
		padding-left:8px!important;
		padding-right:18px!important;
	}
	.panical-paid-additional-history .panical-paid-additional-table-wrap > .panical-paid-stamp{
		left:54%!important;
		transform:translate(-50%,-50%) rotate(-22deg)!important;
	}
}


.panical-order-customer-info{
	margin:32px 0 0!important;
}
.panical-order-customer-info h2{
	margin:0 0 20px!important;
	font-size:34px!important;
	line-height:1.18!important;
	letter-spacing:-.02em!important;
}


@media(max-width:782px){
	.panical-order-customer-info h2{
		font-size:28px!important;
	}
	
	
	
}


.panical-order-customer-info-plain{
	margin:32px 0 0!important;
	width:100%!important;
}
.panical-order-customer-info-plain h2{
	margin:0 0 22px!important;
	font-size:34px!important;
	line-height:1.18!important;
	letter-spacing:-.02em!important;
}
.panical-delivery-address-plain{
	width:100%!important;
	box-sizing:border-box!important;
	background:transparent!important;
	border:0!important;
	border-radius:0!important;
	box-shadow:none!important;
	padding:0 0 26px!important;
	border-bottom:1px solid #edf0f3!important;
}
.panical-delivery-address-plain h3,
.panical-electronic-receipt-notice-plain h3{
	margin:0 0 18px!important;
	font-size:22px!important;
	font-weight:800!important;
	line-height:1.25!important;
	color:#111!important;
}
.panical-delivery-contact-row{
	display:grid!important;
	grid-template-columns:repeat(3,minmax(0,1fr))!important;
	gap:18px!important;
	padding:0!important;
	margin:0 0 18px!important;
	border:0!important;
}
.panical-delivery-contact-row span,
.panical-delivery-address-inline span{
	display:block!important;
	margin:0 0 5px!important;
	font-size:12px!important;
	line-height:1.2!important;
	color:#667085!important;
}
.panical-delivery-contact-row strong,
.panical-delivery-address-inline strong{
	display:block!important;
	font-size:15px!important;
	line-height:1.45!important;
	color:#111!important;
	word-break:normal!important;
	overflow-wrap:anywhere!important;
}
.panical-delivery-address-inline{
	display:grid!important;
	grid-template-columns:120px minmax(0,1fr)!important;
	gap:18px!important;
	align-items:start!important;
	width:100%!important;
	box-sizing:border-box!important;
}
.panical-delivery-address-inline span{
	margin:2px 0 0!important;
}
.panical-delivery-address-inline strong{
	font-size:15px!important;
	line-height:1.55!important;
}
.panical-electronic-receipt-notice-plain{
	width:100%!important;
	box-sizing:border-box!important;
	margin:28px 0 0!important;
	padding:0!important;
	background:transparent!important;
	border:0!important;
	box-shadow:none!important;
}
.panical-receipt-notice-lines{
	width:100%!important;
	box-sizing:border-box!important;
	padding:0!important;
	margin:0!important;
	background:transparent!important;
	border:0!important;
	box-shadow:none!important;
}
.panical-receipt-notice-lines p{
	width:100%!important;
	margin:0 0 16px!important;
	padding:0!important;
	font-size:14px!important;
	line-height:1.7!important;
	color:#4b5563!important;
	font-weight:400!important;
	background:transparent!important;
	border:0!important;
}
.panical-receipt-notice-lines p:last-child{
	margin-bottom:0!important;
	color:#111!important;
	font-weight:600!important;
}
@media(max-width:980px){
	.panical-delivery-contact-row{
		grid-template-columns:1fr!important;
		gap:12px!important;
	}
	.panical-delivery-address-inline{
		grid-template-columns:1fr!important;
		gap:6px!important;
	}
}
@media(max-width:782px){
	.panical-order-customer-info-plain h2{
		font-size:28px!important;
	}
	.panical-delivery-address-plain{
		padding-bottom:22px!important;
	}
	.panical-electronic-receipt-notice-plain{
		margin-top:24px!important;
	}
}