/* =========================================================

   ComiX Casella Personale — UI source of truth: THEME ONLY

   Shipping Engine provides semantic .csh-* markup and behavior.

   ========================================================= */



body.woocommerce-account .csh-mailbox{

	--cx-ink:#10131a;

	--cx-red:#ed1c24;

	--cx-yellow:#ffd400;

	--cx-blue:#72aee6;

	--cx-green:#00a32a;

	--cx-muted:#626b75;

	box-sizing:border-box;

	width:100%;

	background:#fff;

	border:2px solid var(--cx-ink);

	box-shadow:7px 8px 0 var(--cx-red);

	padding:30px 34px 34px;

}



/* Header */

body.woocommerce-account .csh-comic-hero h2{

	display:inline-block;

	margin:0 0 24px!important;

	padding:9px 14px!important;

	background:var(--cx-ink)!important;

	color:#fff!important;

	font-size:28px!important;

	line-height:1!important;

	font-weight:950!important;

	text-transform:uppercase!important;

	box-shadow:5px 5px 0 var(--cx-red)!important;

}

body.woocommerce-account .csh-comic-hero h2 span{display:block}

body.woocommerce-account .csh-comic-hero p{

	margin:0 0 24px!important;

	font-size:14px!important;

	line-height:1.45!important;

	color:var(--cx-ink)!important;

}



/* TOP 4 cards */

body.woocommerce-account .csh-comic-tabs{

	display:grid!important;

	grid-template-columns:repeat(4,minmax(0,1fr))!important;

	gap:14px!important;

	margin:22px 0 28px!important;

}

body.woocommerce-account .csh-comic-tab{

	display:grid!important;

	grid-template-columns:40px minmax(0,1fr) 32px!important;

	align-items:center!important;

	gap:9px!important;

	min-height:74px!important;

	padding:11px 12px!important;

	border:2px solid var(--cx-ink)!important;

	background:#fff!important;

	color:var(--cx-ink)!important;

	text-decoration:none!important;

	box-sizing:border-box!important;

}

body.woocommerce-account .csh-comic-tab--yellow{box-shadow:4px 5px 0 var(--cx-yellow)!important}

body.woocommerce-account .csh-comic-tab--blue{box-shadow:4px 5px 0 var(--cx-blue)!important}

body.woocommerce-account .csh-comic-tab--red{box-shadow:4px 5px 0 var(--cx-red)!important}

body.woocommerce-account .csh-comic-tab--green{box-shadow:4px 5px 0 var(--cx-green)!important}



body.woocommerce-account .csh-comic-tab__icon{

	width:34px!important;

	height:34px!important;

	display:grid!important;

	place-items:center!important;

	border:1.5px solid var(--cx-ink)!important;

	border-radius:50%!important;

	background:#fff!important;

	font-size:15px!important;

	font-weight:900!important;

	line-height:1!important;

}

body.woocommerce-account .csh-comic-tab__label{

	display:block!important;

	min-width:0!important;

	font-size:8px!important; /* ~30% less than original 11px */

	line-height:1.03!important;

	font-weight:950!important;

	text-transform:uppercase!important;

	color:var(--cx-ink)!important;

	white-space:normal!important;

}

body.woocommerce-account .csh-comic-tab__count{

	width:30px!important;

	height:30px!important;

	display:grid!important;

	place-items:center!important;

	background:var(--cx-yellow)!important;

	border:1.5px solid var(--cx-ink)!important;

	font-size:13px!important;

	font-weight:950!important;

	line-height:1!important;

	color:var(--cx-ink)!important;

}



/* SECOND ROW — exactly same visual language */

body.woocommerce-account .csh-comic-summary{

	display:grid!important;

	grid-template-columns:1.2fr 1fr 1fr 1fr!important;

	width:100%!important;

	margin:0 0 30px!important;

	border:2px solid var(--cx-ink)!important;

	background:#fff!important;

	box-sizing:border-box!important;

}

body.woocommerce-account .csh-comic-summary__card{

	position:relative!important;

	display:flex!important;

	align-items:center!important;

	min-width:0!important;

	min-height:74px!important;

	padding:12px 12px 12px 56px!important;

	border-right:1px solid var(--cx-ink)!important;

	background:#fff!important;

	box-sizing:border-box!important;

}

body.woocommerce-account .csh-comic-summary__card:last-child{border-right:0!important}

body.woocommerce-account .csh-comic-summary__card.is-yellow{box-shadow:inset 4px 0 0 var(--cx-yellow)!important}

body.woocommerce-account .csh-comic-summary__card.is-blue{box-shadow:inset 4px 0 0 var(--cx-blue)!important}

body.woocommerce-account .csh-comic-summary__card.is-red{box-shadow:inset 4px 0 0 var(--cx-red)!important}

body.woocommerce-account .csh-comic-summary__card.is-green{box-shadow:inset -4px 0 0 var(--cx-green)!important}



body.woocommerce-account .csh-comic-summary__icon{

	position:absolute!important;

	left:12px!important;

	top:50%!important;

	transform:translateY(-50%)!important;

	width:32px!important;

	height:32px!important;

	display:grid!important;

	place-items:center!important;

	border:1.5px solid var(--cx-ink)!important;

	border-radius:50%!important;

	background:#fff!important;

	color:var(--cx-ink)!important;

	font-size:14px!important;

	font-weight:900!important;

	line-height:1!important;

}

body.woocommerce-account .csh-comic-summary__card > div{

	display:block!important;

	min-width:0!important;

}

body.woocommerce-account .csh-comic-summary small{

	display:block!important;

	margin:0 0 4px!important;

	font-size:8px!important;

	line-height:1.03!important;

	font-weight:950!important;

	text-transform:uppercase!important;

	color:var(--cx-ink)!important;

}

body.woocommerce-account .csh-comic-summary strong{

	display:block!important;

	margin:0!important;

	font-size:12px!important;

	line-height:1.08!important;

	font-weight:950!important;

	color:var(--cx-red)!important;

}

body.woocommerce-account .csh-comic-summary__card:first-child strong{color:var(--cx-ink)!important}



/* Empty state */

body.woocommerce-account .csh-comic-empty{

	position:relative!important;

	min-height:130px!important;

	padding:28px 24px!important;

	border:2px dashed var(--cx-ink)!important;

	background:

		repeating-linear-gradient(-45deg,rgba(0,0,0,.018) 0,rgba(0,0,0,.018) 7px,transparent 7px,transparent 18px)!important;

	text-align:left!important;

}

body.woocommerce-account .csh-comic-empty__burst{

	display:none!important;

}

body.woocommerce-account .csh-comic-empty strong{

	display:block!important;

	margin:0 0 8px!important;

	font-size:16px!important;

	font-weight:950!important;

	text-transform:uppercase!important;

}

body.woocommerce-account .csh-comic-empty span{

	font-size:13px!important;

	color:var(--cx-muted)!important;

}



/* Product list stays functional */

body.woocommerce-account .csh-mailbox__select-all{

	padding:10px 12px!important;

	border:2px solid var(--cx-ink)!important;

	border-bottom:0!important;

	background:#f7f8fa!important;

	font-weight:800!important;

}

body.woocommerce-account .csh-mailbox__list{

	border:2px solid var(--cx-ink)!important;

}

body.woocommerce-account .csh-mailbox__item{

	display:grid!important;

	grid-template-columns:28px 58px minmax(0,1fr) 120px!important;

	gap:11px!important;

	align-items:center!important;

	padding:12px!important;

	border-bottom:1px solid #ddd!important;

	background:#fff!important;

}

body.woocommerce-account .csh-mailbox__item:last-child{border-bottom:0!important}



@media(max-width:1000px){

	body.woocommerce-account .csh-comic-tabs,

	body.woocommerce-account .csh-comic-summary{

		grid-template-columns:repeat(2,minmax(0,1fr))!important;

	}

}

@media(max-width:640px){

	body.woocommerce-account .csh-mailbox{padding:20px 16px 24px!important}

	body.woocommerce-account .csh-comic-tabs,

	body.woocommerce-account .csh-comic-summary{

		grid-template-columns:1fr!important;

	}

	body.woocommerce-account .csh-comic-summary__card{

		border-right:0!important;

		border-bottom:1px solid var(--cx-ink)!important;

	}

	body.woocommerce-account .csh-comic-summary__card:last-child{border-bottom:0!important}

	body.woocommerce-account .csh-mailbox__item{

		grid-template-columns:26px 48px minmax(0,1fr)!important;

	}

	body.woocommerce-account .csh-mailbox__payment{

		grid-column:2/4!important;

		text-align:left!important;

	}

}