/* Full-screen overlay shown while the send action is in progress. */
#invoice-sending-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.12);z-index:999999;visibility:hidden;opacity:0;transition:opacity .15s ease,visibility .15s ease}
#invoice-sending-overlay.invoice-sending-visible{visibility:visible;opacity:1}
/* Small centered progress card ("SENDING xx%"). */
.invoice-sending{background:#fff;padding:14px 18px;border-radius:8px;box-shadow:0 8px 30px rgba(0,0,0,0.24);min-width:200px;text-align:center;font-family:inherit}
.invoice-sending-title{display:block;font-weight:700;margin-bottom:6px}
.invoice-sending-percent{font-weight:700;font-size:18px;color:#222}

/* Base list reset for attachment rows (PDF/XML) used on send screens. */
ul.invoice-sending{
	list-style: none; /* icons via pseudo-elements */
 	margin: .6em 0 0 0;
 	padding: 0;
 	font-size: 14px;
 	/* Remove browser/default indentation so icons align flush-left with surrounding UI */
 	margin-left: 0 !important;
 	padding-left: 0 !important;
 	margin-inline-start: 0 !important;
}

/* Confirm-send page: horizontal, compact attachment chip layout. */
#awsi-confirm-wrap ul.invoice-sending,
.wrap #awsi-confirm-wrap ul.invoice-sending{
	margin:0 !important;
	padding:0 !important;
	list-style:none !important;
	margin-left:0 !important;
	padding-left:0 !important;
	margin-inline-start:0 !important;
	display:flex;
	align-items:center;
	gap:16px;
	flex-wrap:wrap;
}

#awsi-confirm-wrap ul.invoice-sending li,
.wrap #awsi-confirm-wrap ul.invoice-sending li{
	display:flex;
	align-items:center;
	gap:10px;
	margin:.35em 0;
	padding:0;
	margin-left:0 !important;
	padding-left:0 !important;
}

#awsi-confirm-wrap ul.invoice-sending li::marker{ display:none; }

/* Confirm-send page: force smaller monochrome icon boxes. */
#awsi-confirm-wrap ul.invoice-sending li::before,
.wrap #awsi-confirm-wrap ul.invoice-sending li::before{
	flex:0 0 32px !important;
	width:32px !important;
	height:32px !important;
	display:block !important;
	background-repeat:no-repeat !important;
	background-position:center center !important;
	background-size:30px 30px !important;
	margin:0 !important;
	opacity:.70 !important;
	filter:grayscale(100%) !important;
}
ul.invoice-sending li{
	display: flex;
 	align-items: center;
 	/* larger gap so filename is more indented to the right */
 	gap: 22px;
 	margin: .6em 0;
 	padding: 0;
 	/* Ensure list items don't introduce extra left offset */
 	margin-left: 0 !important;
 	padding-left: 0 !important;
}

/* Generic icon slot before each attachment item. */
ul.invoice-sending li::before{
	content: "";
 	flex: 0 0 36px;
 	width: 36px;
 	height: 36px;
 	display: block;
 	background-repeat: no-repeat;
 	background-position: center center;
 	background-size: contain;
 	/* Make sure pseudo-element does not add implicit offset */
 	margin-left: 0;
}

/* Text formatting for attachment name + file size. */
ul.invoice-sending li .invoice-attachment-filename { display: inline-block; }
ul.invoice-sending li .invoice-attachment-size { color: #666; font-size: 0.95em; margin-left: 6px; }

/* Confirm-send page: dedicated muted PDF icon. */
#awsi-confirm-wrap ul.invoice-sending li.invoice-attachment-pdf::before,
.wrap #awsi-confirm-wrap ul.invoice-sending li.invoice-attachment-pdf::before{
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'0%200%2018%2022'%3E%3Crect%20x%3D'1'%20y%3D'1'%20width%3D'16'%20height%3D'20'%20rx%3D'2'%20ry%3D'2'%20fill%3D'%23fff'%20stroke%3D'%238c8f94'%20stroke-width%3D'1'/%3E%3Cpath%20d%3D'M12%201v6h5'%20fill%3D'%23fff'%20stroke%3D'%238c8f94'%20stroke-width%3D'1'/%3E%3Cpath%20d%3D'M4%2011h10M4%2014h10M4%2017h7'%20stroke%3D'%238c8f94'%20stroke-width%3D'1'%20stroke-linecap%3D'round'/%3E%3C/svg%3E") !important;
}

/* Confirm-send page: dedicated muted XML icon. */
#awsi-confirm-wrap ul.invoice-sending li.invoice-attachment-xml::before,
.wrap #awsi-confirm-wrap ul.invoice-sending li.invoice-attachment-xml::before{
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'0%200%2018%2022'%3E%3Crect%20x%3D'1'%20y%3D'1'%20width%3D'16'%20height%3D'20'%20rx%3D'2'%20ry%3D'2'%20fill%3D'%23fff'%20stroke%3D'%238c8f94'%20stroke-width%3D'1'/%3E%3Cpath%20d%3D'M12%201v6h5'%20fill%3D'%23fff'%20stroke%3D'%238c8f94'%20stroke-width%3D'1'/%3E%3Cpath%20d%3D'M6%2011l-2%202%202%202'%20fill%3D'none'%20stroke%3D'%238c8f94'%20stroke-width%3D'1.2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M12%2011l2%202-2%202'%20fill%3D'none'%20stroke%3D'%238c8f94'%20stroke-width%3D'1.2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/svg%3E") !important;
}