.ipg-context{grid-template-columns:1fr .9fr .72fr .9fr 65px 112px 130px minmax(190px,1.15fr)}
.ipg-ack{display:flex;gap:8px;align-items:center;margin-top:12px;padding:10px;border:1px solid #cfd8ea;border-radius:7px;background:#f7f9fd;font-size:11px;font-weight:700;color:#334766}
.ipg-ack input{width:17px;height:17px}
.ipg-skipped{padding:10px 16px;border-top:1px solid #e4e8ee;font-size:11px;color:#6c788c}
.ipg-skipped summary{cursor:pointer;font-weight:700}
.ipg-skipped ul{margin:8px 0 0;padding-left:18px}
.ipg-passed i{background:#e5f7ed!important;color:#188751!important}
.ipg-summary-grid{grid-template-columns:70px 1.2fr 1.3fr 70px 110px 140px}
.ipg-attention{color:#c43646}
@media(max-width:1100px){.ipg-context{grid-template-columns:1fr 1fr 1fr}.ipg-file{grid-column:auto}}
@media(max-width:520px){.ipg-context{grid-template-columns:1fr}.ipg-summary-grid{min-width:760px}}
.ipg-zoom-tools{display:flex;align-items:center;gap:6px;letter-spacing:0}.ipg-zoom-tools button{width:22px;height:22px;padding:0;border:1px solid #bdc6d3;border-radius:5px;background:#fff;color:#34425a;font-weight:800}.ipg-zoom-tools b{min-width:34px;text-align:center}.ipg-zoom-tools small{margin-left:4px;color:#7e8999;font-size:11px;font-weight:600}.ipg-page .ipg-marker{background:transparent;outline:0;pointer-events:auto}.ipg-page .ipg-marker:hover,.ipg-page .ipg-marker.selected{background:#d9384812}.ipg-page .ipg-marker.ipg-warning:hover,.ipg-page .ipg-marker.ipg-warning.selected{background:#e59a2212}.ipg-page .ipg-marker.ipg-info:hover,.ipg-page .ipg-marker.ipg-info.selected{background:#3975df10}.ipg-pin{position:absolute;z-index:12;width:19px;height:19px;padding:0;transform:translateY(-50%);border:1px solid #fff;border-radius:50%;box-shadow:0 1px 4px #0005;background:#d33c4c;color:#fff;font-size:11px;font-weight:800;line-height:17px;text-align:center}.ipg-pin.ipg-warning{background:#dc8b13}.ipg-pin.ipg-info{background:#3975df}.ipg-pin:hover,.ipg-pin.selected{z-index:14;transform:translateY(-50%) scale(1.2);box-shadow:0 0 0 2px #fff,0 0 0 4px #1e5eff}.ipg-page-meta button{border:0;background:transparent;color:#1e5eff;padding:0;font-size:12px;font-weight:800}.ipg-page-meta button:disabled{opacity:.55}.ipg-evidence{position:relative!important;display:block!important;margin:-13px -15px 12px;border-bottom:1px solid #d7deea;background:#182135;overflow:hidden}.ipg-evidence img{display:block;width:100%;height:auto;max-height:180px;object-fit:contain}.ipg-evidence>b{position:absolute;left:8px;top:8px;z-index:2;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#1e5eff;color:#fff;border:2px solid #fff;font-size:12px;box-shadow:0 2px 6px #0005}.ipg-detail{max-height:330px;overflow:auto}.ipg-detail>.ipg-evidence+div{display:flex}.ipg-page>img{display:block}.ipg-stage{
	overscroll-behavior: contain;

	overflow-x: auto;
	overflow-y: auto;
	min-width: 0;
	min-height: 0;

	scroll-behavior: auto;

	-webkit-overflow-scrolling: touch;
}
/* Page preview navigation buttons - match Run all checks */
.ipg-page-nav{display:flex;align-items:center;gap:9px}
.ipg-page-nav button{
	height:39px;
	min-width:88px;
	padding:0 15px;
	border:1px solid #F5BB35 !important;
	border-radius:8px;
	background:linear-gradient(90deg,#E7921D 0%,#F5BB35 100%) !important;
	color:#ffffff !important;
	font-size:11px;
	font-weight:700;
	line-height:1;
	box-shadow:0 7px 16px rgba(245,187,53,.22);
	transition:box-shadow .18s ease,transform .18s ease,opacity .18s ease;
}
.ipg-page-nav button:not(:disabled):hover{
	box-shadow:0 8px 20px rgba(23,32,51,.16);
	transform:translateY(-1px);
}
.ipg-page-nav button:disabled{
	opacity:.45;
	cursor:not-allowed;
	box-shadow:none;
}
.ipg-page-nav button:focus-visible{
	outline:2px solid #E7921D;
	outline-offset:2px;
}
.ipg-page-meta small{color:#8994a4;font-size:11px}
.ipg-suggestion{display:block!important;margin-top:10px;padding:10px 11px;border:1px solid #bad3c3;border-radius:7px;background:#eef9f2}.ipg-suggestion small,.ipg-suggestion strong,.ipg-suggestion span{display:block}.ipg-suggestion small{font-size:11px;color:#46825e;letter-spacing:.7px;font-weight:800}.ipg-suggestion strong{margin:3px 0;color:#17633a;font-size:12px}.ipg-suggestion p{margin:5px 0!important;color:#294b37!important;font-size:12px!important;font-weight:600}.ipg-suggestion span{color:#63766a;font-size:11px}
.ipg-preflight-head{margin:15px 15px 15px;padding:20px 24px;border-radius:12px;background:linear-gradient(120deg,#15233b,#294970);color:#fff;display:flex;align-items:center;gap:30px}.ipg-preflight-head>div:first-child{flex:1}.ipg-preflight-head small{font-size:11px;letter-spacing:1px;color:#aebdd3}.ipg-preflight-head h3{font-size:21px;margin:3px 0; color:#ffffff;}.ipg-preflight-head p{font-size:11px;color:#bdc9da;margin:0}.ipg-preflight-score{display:grid;grid-template-columns:repeat(3,auto);gap:3px 17px;text-align:center}.ipg-preflight-score b{font-size:20px}.ipg-preflight-score span{grid-row:2;font-size:11px;color:#aebdd3}.ipg-preflight-grid{margin:0 29px 30px;display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:12px}.ipg-preflight-card{min-height:108px;border:1px solid #dbe1e9;border-left:4px solid #d89018;border-radius:9px;background:#fff;padding:14px;display:flex;align-items:flex-start;gap:12px}.ipg-preflight-card>i{width:27px;height:27px;flex:0 0 27px;border-radius:50%;display:grid;place-items:center;background:#fff3dc;color:#b36c08;font-style:normal;font-weight:900}.ipg-preflight-card>div{flex:1}.ipg-preflight-card small{font-size:11px;color:#8993a2;letter-spacing:.6px}.ipg-preflight-card h4{font-size:12px;margin:2px 0 5px}.ipg-preflight-card p{font-size:11px;line-height:1.5;color:#667286;margin:0}.ipg-preflight-card>b{font-size:11px;text-transform:uppercase;color:#a26710}.ipg-preflight-pass{border-left-color:#23965e}.ipg-preflight-pass>i{background:#e7f7ee;color:#1b8250}.ipg-preflight-pass>b{color:#1b8250}.ipg-preflight-fail{border-left-color:#cf3444}.ipg-preflight-fail>i{background:#ffebed;color:#bd2d3c}.ipg-preflight-fail>b{color:#bd2d3c}@media(max-width:800px){.ipg-preflight-grid{grid-template-columns:1fr;margin-left:15px;margin-right:15px}.ipg-preflight-head{margin-left:15px;margin-right:15px}}

/* =========================================
   DONE AND DUSTED SIDEBAR TOGGLE
   ========================================= */

.ipg-shell {
	--ipg-sidebar-open: 230px;
	--ipg-sidebar-closed: 72px;
}

.ipg-side {
	position: relative;
	transition:
		width .25s ease,
		flex-basis .25s ease,
		padding .25s ease;
}

.ipg-sidebar-toggle {
	position: absolute;
	top: 22px;
	right: -12px;

	width: 30px;
	height: 30px;

	padding: 0;
	margin: 0;

	border: 0;
	border-radius: 50%;

	background: #fff;
	color: #172033;

	display: flex;
	align-items: center;
	justify-content: center;

	font-size: 21px;
	font-weight: 700;
	line-height: 1;

	cursor: pointer;

	box-shadow: 0 3px 12px rgba(0,0,0,.20);

	z-index: 999;

	transition:
		background .2s ease,
		color .2s ease,
		transform .2s ease;
}

.ipg-sidebar-toggle:hover {
	background: #F5BB35;
	color: #fff;
	transform: scale(1.08);
}

.ipg-sidebar-toggle span {
	display: block;
	line-height: 2;
	font-size: 25px;
    font-weight: 500;
}


/* COLLAPSED SIDEBAR */

.ipg-shell.ipg-sidebar-collapsed {
	display: flex;
}

.ipg-shell.ipg-sidebar-collapsed .ipg-side {
	width: var(--ipg-sidebar-closed);
	flex: 0 0 var(--ipg-sidebar-closed);

	padding-left: 10px;
	padding-right: 10px;
}

.ipg-shell.ipg-sidebar-collapsed .ipg-workspace {
	flex: 1;
	min-width: 0;
}


/* BRAND */

.ipg-sidebar-collapsed .ipg-brand {
	padding-left: 0;
	padding-right: 0;
	justify-content: center;
}

.ipg-sidebar-collapsed .ipg-brand > div {
	display: none;
}

.ipg-sidebar-collapsed .ipg-brand > b {
	margin: 0;
}


/* NAVIGATION */

.ipg-sidebar-collapsed .ipg-side nav {
	width: 100%;
}

.ipg-sidebar-collapsed .ipg-side nav button {
	width: 100%;
	padding-left: 0;
	padding-right: 0;

	justify-content: center;
	gap: 0;

	position: relative;
}

.ipg-sidebar-collapsed .ipg-side nav button
span.ipg-nav-label {
	display: none;
}

.ipg-sidebar-collapsed .ipg-side nav button
span.ipg-nav-icon {
	margin: 0;
	width: 23px;
}


/* HIDE PUBLICATION */

.ipg-sidebar-collapsed .ipg-publication {
	display: none;
}


/* ENGINE */

.ipg-sidebar-collapsed .ipg-engine {
	margin-left: 0;
	margin-right: 0;

	padding-left: 0;
	padding-right: 0;

	justify-content: center;
}

.ipg-sidebar-collapsed .ipg-engine span {
	display: none;
}


/* PROFILE */

.ipg-sidebar-collapsed .ipg-profile {
	padding-left: 0;
	padding-right: 0;

	justify-content: center;
}

.ipg-sidebar-collapsed .ipg-profile span {
	display: none;
}


/* TOOLTIP */

.ipg-sidebar-collapsed .ipg-side nav button:hover::after {
	content: attr(data-tooltip);

	position: absolute;

	left: calc(100% + 12px);
	top: 50%;

	transform: translateY(-50%);

	background: #111a2d;
	color: #fff;

	padding: 7px 10px;

	border-radius: 6px;

	font-size: 11px;
	font-weight: 700;

	white-space: nowrap;

	box-shadow: 0 6px 18px rgba(0,0,0,.22);

	z-index: 99999;

	pointer-events: none;
}


/* TABLET */

@media (min-width: 801px) and (max-width: 1100px) {

	.ipg-shell.ipg-sidebar-collapsed .ipg-side {
		width: var(--ipg-sidebar-closed);
		flex-basis: var(--ipg-sidebar-closed);
	}

}


/* MOBILE */

@media (max-width: 800px) {

	.ipg-sidebar-toggle {
		display: none;
	}

	.ipg-shell.ipg-sidebar-collapsed {
		display: block;
	}

	.ipg-shell.ipg-sidebar-collapsed .ipg-side {
		width: 100%;
		flex-basis: auto;
		padding: 10px 14px;
	}

	.ipg-sidebar-collapsed .ipg-side nav button {
		width: 42px;
		padding: 0 10px;
	}

	.ipg-sidebar-collapsed
	.ipg-side nav button
	span.ipg-nav-label {
		display: none;
	}

}

/* =========================================
   COMPACT DONE AND DUSTED HEADER
   ========================================= */

.ipg-top {
	display: flex;
	align-items: center;
	gap: 14px;
	min-height: 72px;
}


/* PAGE TITLE */

.ipg-top-title {
	flex: 0 0 auto;
	min-width: 185px;
}

.ipg-top-title small {
	display: block;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 1.4px;
	margin-bottom: 3px;
}

.ipg-top-title h2 {
	margin: 0;
	font-size: 25px;
	line-height: 1.05;
}


/* INSPECTION RESULT */

.ipg-header-inspection {
	display: flex;
	align-items: center;
	flex: 1 1 auto;
	min-width: 0;
	height: 62px;
}

/* RESULT */

.ipg-header-inspection .ipg-result-head {
	display: flex;
	align-items: center;
	gap: 10px;

	padding: 5px 12px;

	border-left: 1px solid #dfe4ec;
	border-right: 1px solid #dfe4ec;

	min-width: 235px;
	box-sizing: border-box;
    flex-shrink: 0;
}

.ipg-header-inspection .ipg-result-head > div:first-child {
	min-width: 0;
}

.ipg-header-inspection .ipg-result-head small {
	display: block;

	font-size: 11px;
	font-weight: 800;
	letter-spacing: 1.2px;

	line-height: 1;
}

.ipg-header-inspection .ipg-result-head h3 {
	margin: 4px 0 0;

	font-size: 13px;
	line-height: 1.1;

	color: #e03b48;
	white-space: nowrap;
}


/* =========================================
   QUALITY SCORE CIRCLE - FIXED
   ========================================= */

.ipg-header-inspection .ipg-score {
	width: 54px;
	height: 54px;
	min-width: 54px;
	max-width: 54px;

	flex: 0 0 54px;
	flex-shrink: 0;

	box-sizing: border-box;

	border: 4px solid #efb8c0;
	border-radius: 50%;

	background: #fff;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	text-align: center;

	position: relative;
	overflow: visible;

	line-height: 1;
}

.ipg-header-inspection .ipg-score b {
	display: block;

	margin: 0;
	padding: 0;

	font-size: 16px;
	font-weight: 800;

	line-height: 1;
	color: #182238;
}

.ipg-header-inspection .ipg-score small {
	display: block;

	margin: 3px 0 0;
	padding: 0;

	font-size: 6px;
	font-weight: 800;

	line-height: 1;

	letter-spacing: 1px;

	color: #59677d;
}

/* SUMMARY */

.ipg-header-inspection .ipg-summary {
	display: flex;
	align-items: stretch;
	height: 65px;
}

.ipg-header-inspection .ipg-summary > div {
	width: 70px;
	min-width: 70px;

	padding: 4px 8px;

	border-right: 1px solid #dfe4ec;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	text-align: center;
}

.ipg-header-inspection .ipg-summary b {
	font-size: 15px;
	line-height: 1;
}

.ipg-header-inspection .ipg-summary span {
	font-size: 11px;
	line-height: 1;

	margin-top: 4px;
}


/* HEADER BUTTONS */

.ipg-top-actions {
	flex: 0 0 auto;

	display: flex;
	align-items: center;
	gap: 8px;
}


/* TABLET */

@media (max-width: 1200px) {

	.ipg-top {
		gap: 8px;
	}

	.ipg-top-title {
		min-width: 160px;
	}

	.ipg-top-title h2 {
		font-size: 22px;
	}

	.ipg-header-inspection .ipg-result-head {
		min-width: 205px;
		padding-left: 8px;
		padding-right: 8px;
	}

	.ipg-header-inspection .ipg-summary > div {
		width: 55px;
		min-width: 55px;
		padding-left: 4px;
		padding-right: 4px;
	}

	.ipg-top-actions {
		gap: 5px;
	}

}


/* SMALLER SCREEN */

@media (max-width: 1000px) {

	.ipg-header-inspection .ipg-result-head {
		min-width: 175px;
	}

	.ipg-header-inspection .ipg-result-head h3 {
		font-size: 11px;
	}

	.ipg-header-inspection .ipg-score {
		width: 50px;
	height: 50px;
	min-width: 50px;
	max-width: 50px;
	flex: 0 0 50px;
	flex-shrink: 0;
	box-sizing: border-box;
	}

	.ipg-header-inspection .ipg-summary > div {
		width: 48px;
		min-width: 48px;
	}

	.ipg-header-inspection .ipg-summary b {
		font-size: 13px;
	}

}


/* MOBILE */

@media (max-width: 800px) {

	.ipg-top {
		flex-wrap: wrap;
		align-items: center;
	}

	.ipg-top-title {
		width: 100%;
	}

	.ipg-header-inspection {
		order: 3;
		width: 100%;
	}

	.ipg-top-actions {
		margin-left: auto;
	}

}

/* =========================================
   ZOOMED PAGE PREVIEW SCROLL FIX
   ========================================= */

.ipg-stage {
	overflow-x: auto !important;
	overflow-y: auto !important;

	min-width: 0;
	min-height: 0;

	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
}

/* Newspaper page must never shrink */
.ipg-stage .ipg-page {
	flex: 0 0 auto !important;
	flex-shrink: 0 !important;
}

/* Page information below newspaper */
.ipg-stage .ipg-page-meta {
	flex: 0 0 auto;
}
/* =========================================
   PAGE NUMBER - NATIVE NUMBER ARROWS
   ========================================= */

#ipg-page {
	-moz-appearance: auto;
	appearance: auto;
}

/* Chrome / Edge / Safari */
#ipg-page::-webkit-inner-spin-button,
#ipg-page::-webkit-outer-spin-button {
	-webkit-appearance: auto;
	appearance: auto;
	opacity: 1;
	display: block;
}
/* Page number input text */
#ipg-page {
    font-size: 11px !important;
}

/* Page number placeholder */
#ipg-page::placeholder {
    font-size: 10px !important;
    opacity: 1;
}

/* =========================================
   PAGE PREVIEW HAND / PAN TOOL
   ========================================= */

.ipg-pan-toggle {
	width: 28px;
	height: 28px;
	padding: 0;
	margin-left: 2px;
	border: 1px solid #bdc6d3;
	border-radius: 5px;
	background: #fff;
	color: #34425a;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	line-height: 1;
	cursor: pointer;
	transition: background .15s ease, color .15s ease, border-color .15s ease, transform .15s ease;
}

.ipg-pan-toggle:hover {
	background: #f2f6ff;
	border-color: #1e5eff;
	color: #1e5eff;
}

.ipg-pan-toggle.active {
	background: #1e5eff;
	border-color: #1e5eff;
	color: #fff;
}

.ipg-stage.is-zoomed {
	align-items: flex-start !important;
}

.ipg-stage.is-pan-mode {
	cursor: grab;
}

.ipg-stage.is-pan-mode.is-dragging,
.ipg-stage.is-pan-mode.is-dragging .ipg-page {
	cursor: grabbing !important;
}

.ipg-stage.is-pan-mode .ipg-page {
	cursor: grab;
	user-select: none;
}

.ipg-stage.is-pan-mode .ipg-marker,
.ipg-stage.is-pan-mode .ipg-pin {
	pointer-events: none;
}

.ipg-stage .ipg-page {
	flex: 0 0 auto !important;
	flex-shrink: 0 !important;
}

.ipg-stage .ipg-page-meta {
	flex: 0 0 auto;
}

@media (max-width: 800px) {
	.ipg-pan-toggle {
		width: 28px;
		height: 28px;
	}
}
/* =========================================
   FIXED PAGE PREVIEW TOOLBAR
   ========================================= */

.ipg-stage {
	position: relative;
}

/* PAGE PREVIEW toolbar stays fixed while
   newspaper page is scrolled / zoomed */
.ipg-stage .ipg-stage-tools {
	position: sticky;

	top: 0;
	left: 0;
	right: 0;

	z-index: 100;

	flex: 0 0 auto;

	width: 100%;
	min-width: 100%;
	height: 42px;

	box-sizing: border-box;

	background: #e9edf2;

	display: flex;
	align-items: center;
	justify-content: space-between;

	padding: 0 12px;

	border-bottom: 1px solid #d5dce5;

	transform: none !important;

	flex-shrink: 0;
}

/* Zoom controls remain in one row */
.ipg-stage .ipg-zoom-tools {
	display: flex;
	align-items: center;
	gap: 8px;

	margin-left: auto;

	white-space: nowrap;

	flex-shrink: 0;
}

/* Don't let zoomed page affect toolbar */
.ipg-stage .ipg-stage-tools,
.ipg-stage .ipg-stage-tools * {
	flex-shrink: 0;
}

/* Newspaper page remains below toolbar */
.ipg-stage .ipg-page {
	flex: 0 0 auto !important;
	flex-shrink: 0 !important;

	margin-top: 0;
}
/* Prevent unwanted focus/caret appearance on Analyzer fields */
.ipg-workspace input:not(:focus),
.ipg-workspace textarea:not(:focus) {
	caret-color: transparent;
}

.ipg-workspace input:focus,
.ipg-workspace textarea:focus {
	caret-color: auto;
}

/* =========================================
   PAGE PREVIEW STATUS / ACTION
   ========================================= */

.ipg-stage .ipg-stage-tools {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
}

.ipg-preview-title {
	display: flex;
	align-items: center;
	gap: 18px;
	min-width: 0;
	flex: 1 1 auto;
	overflow: hidden;
}

.ipg-preview-title > strong {
	display: block;
	flex: 0 0 auto;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 1px;
	color: #65738a;
	white-space: nowrap;
}

.ipg-preview-status {
	display: flex;
	align-items: center;
	min-width: 0;
	font-size: 11px;
	font-weight: 600;
	color: #6f7d90;
	white-space: nowrap;
}

.ipg-top-annotated {
	border: 0;
	background: transparent;
	padding: 4px 8px;
	margin: 0;
	color: #1e5eff;
	font-size: 11px;
	font-weight: 800;
	line-height: 1.2;
	cursor: pointer;
	white-space: nowrap;
}

.ipg-top-annotated:hover {
	color: #1648c9;
	text-decoration: underline;
}

.ipg-stage .ipg-zoom-tools {
	margin-left: auto;
	flex: 0 0 auto;
	white-space: nowrap;
}

@media (max-width: 800px) {
	.ipg-preview-title {
		gap: 10px;
	}
	.ipg-preview-status {
		max-width: 180px;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.ipg-stage .ipg-stage-tools {
		gap: 8px;
		padding-left: 8px;
		padding-right: 8px;
	}
}
.ipg-top-annotated{
        background: linear-gradient(90deg, #E7921D 0%, #F5BB35 100%) !important;
    padding: 5px 7px !important;
    border: 1px solid #F5BB35 !important;
    color: #ffffff !important;
    border-radius: 8px;
    letter-spacing:1px;
}
/* =========================================================
   DONE AND DUSTED 0.8.2 - NEWSROOM / PRODUCTION UI
   Collapsible Detected Issues panel
   ========================================================= */

/* Main inspection split */
.ipg-desk {
	grid-template-columns: minmax(520px, 1fr) 370px;
	transition: grid-template-columns .24s ease;
}

.ipg-desk.ipg-issues-collapsed {
	grid-template-columns: minmax(0, 1fr) 54px;
}

/* Right quality-control panel */
.ipg-results {
	position: relative;
	min-width: 0;
	width: 100%;
	transition: width .24s ease, background .2s ease;
	overflow: hidden;
}

/* Collapsible panel heading */
.ipg-issues-toggle {
	width: 100%;
	height: 46px;
	flex: 0 0 46px;
	border: 0;
	border-bottom: 1px solid #dfe3ea;
	background: #f8f9fb;
	color: #172033;
	padding: 0 13px;
	display: flex;
	align-items: center;
	gap: 9px;
	text-align: left;
	cursor: pointer;
	font-size: 11px;
	font-weight: 800;
	transition: background .18s ease, color .18s ease;
}

.ipg-issues-toggle:hover {
	background: #f1f5fb;
}

.ipg-issues-toggle-title {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	flex: 1;
}

.ipg-issues-toggle-title i {
	width: 23px;
	height: 23px;
	border-radius: 50%;
	background: #fff0f1;
	color: #c73747;
	display: grid;
	place-items: center;
	font-style: normal;
	font-size: 11px;
	font-weight: 900;
	flex: 0 0 23px;
}

.ipg-issues-toggle-title strong {
	font-size: 11px;
	letter-spacing: .8px;
	white-space: nowrap;
}

.ipg-issues-toggle-count {
	min-width: 22px;
	height: 22px;
	padding: 0 6px;
	border-radius: 12px;
	background: #172033;
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	font-weight: 800;
	line-height: 1;
}

.ipg-issues-toggle-arrow {
width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;
    border-radius: 50% !important;

    background: #ffffff !important;
    color: #172033 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    cursor: pointer !important;

    box-shadow: 0 3px 12px rgba(0,0,0,.20) !important;

    position: relative;
    z-index: 9999;

    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}


/* Hover */
.ipg-issues-toggle-arrow:hover {
    background: #F5BB35 !important;
    color: #ffffff !important;
    transform: scale(1.08);
    box-shadow: 0 4px 14px rgba(0,0,0,.25) !important;
}

/* When right panel is collapsed */
.ipg-results.is-collapsed .ipg-issues-toggle-arrow {
    position: absolute !important;

    
    left: 50% !important;

    transform: translateX(-50%) !important;

    z-index: 99999 !important;
}

/* Hover while collapsed */
.ipg-results.is-collapsed .ipg-issues-toggle-arrow:hover {
    transform: translateX(-50%) scale(1.08) !important;
}

.ipg-results-body {
	min-width: 0;
	min-height: 0;
	flex: 1;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

/* Existing issue list now fills the available space cleanly */
.ipg-results-body .ipg-issues {
	min-height: 130px;
	flex: 1 1 auto;
	overflow: auto;
}

.ipg-results-body .ipg-detail {
	flex: 0 1 auto;
	max-height: 330px;
	overflow: auto;
}

.ipg-results-body .ipg-decisions {
	flex: 0 0 auto;
	background: #fff;
}

/* Collapsed state: a narrow vertical quality-control rail */
.ipg-results.is-collapsed {
	width: 54px;
	background: #f8f9fb;
}

.ipg-results.is-collapsed .ipg-issues-toggle {
	height: 100%;
	min-height: 100%;
	border-bottom: 0;
	padding: 12px 7px;
	flex-direction: column;
	justify-content: flex-start;
	gap: 10px;
}

.ipg-results.is-collapsed .ipg-issues-toggle-title {
	flex: 0 0 auto;
	flex-direction: column;
	gap: 8px;
}

.ipg-results.is-collapsed .ipg-issues-toggle-title strong {
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	font-size: 9px;
	letter-spacing: 1px;
	line-height: 1;
}

.ipg-results.is-collapsed .ipg-issues-toggle-title i {
	width: 25px;
	height: 25px;
	flex-basis: 25px;
}

.ipg-results.is-collapsed .ipg-issues-toggle-count {
	margin-top: 3px;
}

.ipg-results.is-collapsed .ipg-issues-toggle-arrow {
	margin-top: auto;
}

.ipg-results.is-collapsed .ipg-results-body {
	display: none;
}

/* More polished issue rows */
.ipg-issues .ipg-issue {
	position: relative;
	min-height: 64px;
	padding: 10px 13px;
	transition: background .15s ease, box-shadow .15s ease;
}

.ipg-issues .ipg-issue:hover {
	background: #f7f9fc;
}

.ipg-issues .ipg-issue.active {
	background: #f1f5ff;
	box-shadow: inset 3px 0 #1e5eff;
}

.ipg-issues .ipg-issue strong {
	color: #172033;
	line-height: 1.3;
}

.ipg-issues .ipg-issue small {
	line-height: 1.35;
}

/* Keep the issue detail visually separate from the list */
.ipg-results-body .ipg-detail {
	border-top: 1px solid #dfe3ea;
	background: #f7f8fa;
}

.ipg-results-body .ipg-detail h4 {
	color: #172033;
	font-size: 13px;
}

/* Bottom decisions look like a production approval bar */
.ipg-results-body .ipg-decisions {
	padding: 11px;
	border-top: 1px solid #dfe3ea;
	box-shadow: 0 -5px 14px rgba(23,32,51,.04);
}

.ipg-results-body .ipg-decisions button {
	font-size: 10px;
}

/* Better preview workspace */
.ipg-stage {
	background: #e1e5ea;
}

.ipg-stage .ipg-stage-tools {
	background: rgba(238,241,245,.97);
	backdrop-filter: blur(4px);
}

.ipg-preview-title > strong {
	color: #56647a;
}

/* Annotated PDF action */
.ipg-top-annotated {
	box-shadow: 0 3px 8px rgba(231,146,29,.16);
}

/* Header result area */
.ipg-header-inspection {
	background: #fff;
}

/* Keep collapsed panel usable on tablet */
@media (max-width: 1100px) {
	.ipg-desk {
		grid-template-columns: minmax(430px, 1fr) 340px;
	}

	.ipg-desk.ipg-issues-collapsed {
		grid-template-columns: minmax(0, 1fr) 54px;
	}
}

@media (max-width: 800px) {
	.ipg-desk,
	.ipg-desk.ipg-issues-collapsed {
		display: block;
	}

	.ipg-results,
	.ipg-results.is-collapsed {
		width: 100%;
		min-height: 0;
	}

	.ipg-results.is-collapsed .ipg-issues-toggle {
		height: 48px;
		min-height: 48px;
		padding: 0 12px;
		flex-direction: row;
		justify-content: flex-start;
	}

	.ipg-results.is-collapsed .ipg-issues-toggle-title {
		flex-direction: row;
	}

	.ipg-results.is-collapsed .ipg-issues-toggle-title strong {
		writing-mode: horizontal-tb;
		transform: none;
		font-size: 11px;
		letter-spacing: .8px;
	}

	.ipg-results.is-collapsed .ipg-issues-toggle-count {
		margin-top: 0;
	}

	.ipg-results.is-collapsed .ipg-issues-toggle-arrow {
		margin-top: 0;
		margin-left: auto;
	}
}

/* =========================================================
   DONE AND DUSTED 0.8.3 - NEWSROOM + PRODUCTION CONTROL UI
   Option 1 + Option 3 visual refinement
   ========================================================= */

/* ---------- Overall workspace ---------- */
.ipg-app {
	--pg-navy: #101a2b;
	--pg-navy-2: #17243a;
	--pg-orange: #f5bb35;
	--pg-orange-dark: #df8f16;
	--pg-blue: #1e5eff;
	--pg-line: #dce2ea;
	--pg-soft: #f4f6f9;
	--pg-text: #172033;
	--pg-muted: #748095;
}

.ipg-workspace {
	background: #f4f6f9;
}

/* ---------- Sidebar ---------- */
.ipg-side {
	background: linear-gradient(180deg, #0f192b 0%, #111c30 100%);
	box-shadow: inset -1px 0 rgba(255,255,255,.04);
}

.ipg-brand {
	padding-bottom: 22px;
}

.ipg-brand > b {
	box-shadow: 0 8px 18px rgba(0,0,0,.25);
}

.ipg-side nav button {
	position: relative;
	min-height: 46px;
}

.ipg-side nav button.active {
	background: linear-gradient(90deg, #f5bb35 0%, #efaa25 100%);
	color: #fff;
}

.ipg-side nav button.active::before {
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	bottom: 8px;
	width: 3px;
	border-radius: 0 3px 3px 0;
	background: #fff;
}

/* ---------- Top inspection header ---------- */
.ipg-top {
	min-height: 76px;
	height: 76px;
	padding: 9px 15px;
	gap: 12px;
	background: #fff;
	box-shadow: 0 1px 0 rgba(23,32,51,.03);
}

.ipg-top-title {
	min-width: 170px;
	flex: 0 0 auto;
}

.ipg-top-title small {
	font-size: 10px;
	letter-spacing: 1.5px;
	color: #718096;
}

.ipg-top-title h2 {
	font-size: 24px;
	font-weight: 800;
	letter-spacing: -.4px;
}

.ipg-header-inspection {
	border: 1px solid #dfe4eb;
	border-radius: 9px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 2px 7px rgba(23,32,51,.04);
}

.ipg-header-inspection .ipg-result-head {
	background: #fff;
}

.ipg-header-inspection .ipg-summary {
	background: #fafbfd;
}

.ipg-header-inspection .ipg-summary > div:last-child {
	border-right: 0;
}

.ipg-header-inspection .ipg-summary b {
	color: #182238;
}

.ipg-header-inspection .ipg-summary span {
	color: #7b8799;
}

.ipg-top-actions .ipg-secondary,
.ipg-top-actions .ipg-primary {
	height: 39px;
	border-radius: 8px;
}

/* ---------- Context control deck ---------- */
.ipg-context {
	padding: 13px 15px 14px;
	background: #f8fafc;
	border-bottom: 1px solid #dce2ea;
	box-shadow: 0 1px 0 rgba(23,32,51,.02);
}

.ipg-context label {
	font-size: 9px;
	letter-spacing: 1px;
	color: #6e7b90;
}

.ipg-context input,
.ipg-context select {
	height: 38px;
	background: #fff;
	border-color: #d4dce7;
	font-size: 11px;
	box-shadow: 0 1px 1px rgba(23,32,51,.02);
}

.ipg-context input:focus,
.ipg-context select:focus {
	border-color: #e7a62c !important;
	box-shadow: 0 0 0 2px rgba(245,187,53,.13) !important;
}

.ipg-file {
	box-shadow: 0 1px 1px rgba(23,32,51,.02);
}

/* ---------- Main production workspace ---------- */
.ipg-desk {
	grid-template-columns: minmax(520px, 1fr) 400px;
	gap: 0;
	background: #dfe4ea;
}

.ipg-stage {
	background: #e3e7ec;
	padding: 0 18px 18px;
}

.ipg-stage::before {
	content: 'PAGE WORKSPACE';
	position: absolute;
	left: 18px;
	top: 52px;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 1.2px;
	color: #8995a6;
	pointer-events: none;
}

.ipg-stage .ipg-stage-tools {
	top: 0;
	left: 0;
	right: 0;
	height: 42px;
	padding: 0 18px;
	background: rgba(244,247,250,.97);
	border-bottom: 1px solid #d4dbe4;
	box-shadow: 0 2px 7px rgba(23,32,51,.06);
	z-index: 40;
}

.ipg-preview-title {
	gap: 16px;
}

.ipg-preview-title > strong {
	font-size: 10px;
	letter-spacing: 1.2px;
	color: #5d6b80;
}

.ipg-preview-status {
	font-size: 10px;
	font-weight: 700;
}

.ipg-top-annotated {
	border-radius: 6px;
	padding: 5px 9px !important;
	box-shadow: none;
}

.ipg-zoom-tools button {
	width: 27px;
	height: 27px;
	border-radius: 6px;
	background: #fff;
	border-color: #c9d1dc;
}

.ipg-zoom-tools b {
	min-width: 42px;
	font-size: 10px;
	color: #536177;
}

.ipg-pan-toggle {
	width: 27px !important;
	height: 27px !important;
}

.ipg-stage .ipg-page {
	margin-top: 54px;
	box-shadow: 0 12px 34px rgba(27,38,55,.22);
}

/* ---------- Detected issues / QC panel ---------- */
.ipg-results {
	border-left: 1px solid #cfd7e1;
	background: #fff;
	box-shadow: -5px 0 18px rgba(23,32,51,.04);
}

.ipg-issues-toggle {
	height: 52px;
	flex-basis: 52px;
	padding: 0 15px;
	background: #fff;
	border-bottom: 1px solid #dce2ea;
}

.ipg-issues-toggle-title i {
	background: #fff0f1;
	border: 1px solid #f0c8cc;
}

.ipg-issues-toggle-title strong {
	font-size: 10px;
	letter-spacing: 1px;
}

.ipg-issues-toggle-count {
	background: #182238;
}

.ipg-results-body {
	background: #fff;
}

.ipg-issues-label {
	min-height: 34px;
	padding: 0 14px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #e4e8ee;
	background: #f8fafc;
}

.ipg-issues-label span {
	font-size: 9px;
	font-weight: 900;
	letter-spacing: 1.1px;
	color: #738096;
}

.ipg-issues-label b {
	font-size: 10px;
	color: #8994a5;
}

.ipg-results-body .ipg-issues {
	background: #fff;
}

.ipg-issues .ipg-issue {
	min-height: 67px;
	padding: 11px 13px;
	border-bottom: 1px solid #e8ebef;
}

.ipg-issues .ipg-issue.active {
	background: #f3f6ff;
	box-shadow: inset 3px 0 #1e5eff;
}

.ipg-issues .ipg-issue strong {
	font-size: 11px;
}

.ipg-issues .ipg-issue small {
	font-size: 10px;
	color: #8290a4;
}

.ipg-issues .ipg-dot {
	width: 25px;
	height: 25px;
	flex: 0 0 25px;
}

/* ---------- Issue detail ---------- */
.ipg-results-body .ipg-detail {
	background: #f7f9fb;
	border-top: 1px solid #d9e0e8;
	padding: 14px;
}

.ipg-results-body .ipg-detail h4 {
	margin: 8px 0 6px;
	font-size: 13px;
	font-weight: 800;
}

.ipg-results-body .ipg-detail > p {
	font-size: 11px;
	line-height: 1.55;
	color: #5f6d82;
}

.ipg-results-body .ipg-detail > div > small {
	font-size: 9px;
	letter-spacing: .7px;
	color: #8994a5;
}

/* Evidence becomes a clean inspection card */
.ipg-evidence {
	margin: -14px -14px 13px !important;
	background: #182238;
}

.ipg-evidence img {
	max-height: 185px;
}

/* ---------- Decision bar ---------- */
.ipg-results-body .ipg-decisions {
	padding: 12px;
	background: #fff;
	border-top: 1px solid #dce2ea;
	box-shadow: 0 -6px 18px rgba(23,32,51,.06);
}

.ipg-results-body .ipg-decisions button {
	height: 36px;
	border-radius: 7px;
	font-size: 10px;
	font-weight: 800;
}

/* ---------- Collapsed issue rail ---------- */
.ipg-desk.ipg-issues-collapsed {
	grid-template-columns: minmax(0, 1fr) 56px;
}

.ipg-results.is-collapsed {
	width: 56px;
	box-shadow: -3px 0 12px rgba(23,32,51,.05);
}

.ipg-results.is-collapsed .ipg-issues-toggle {
	padding: 12px 7px;
	background: #f7f9fb;
}

.ipg-results.is-collapsed .ipg-issues-toggle-title strong {
	font-size: 8px;
	letter-spacing: 1.3px;
}

.ipg-results.is-collapsed .ipg-issues-toggle-count {
	background: #f5bb35;
	color: #fff;
}

/* ---------- Page metadata ---------- */
.ipg-page-meta {
	font-size: 10px;
	font-weight: 600;
	color: #78869a;
}

/* ---------- Responsive ---------- */
@media (max-width: 1250px) {
	.ipg-desk {
		grid-template-columns: minmax(470px, 1fr) 360px;
	}
	.ipg-desk.ipg-issues-collapsed {
		grid-template-columns: minmax(0, 1fr) 54px;
	}
	.ipg-top-title h2 {
		font-size: 21px;
	}
}

@media (max-width: 1000px) {
	.ipg-top {
		height: auto;
		min-height: 76px;
	}
	.ipg-header-inspection {
		max-width: 100%;
	}
	.ipg-desk {
		grid-template-columns: minmax(420px, 1fr) 330px;
	}
}

@media (max-width: 800px) {
	.ipg-stage::before {
		display: none;
	}
	.ipg-stage .ipg-page {
		margin-top: 50px;
	}
	.ipg-desk,
	.ipg-desk.ipg-issues-collapsed {
		display: block;
	}
}

/* Arrow BEFORE ISSUE QUEUE */

.ipg-issue-queue-arrow {
	width: 24px;
	height: 24px;

	padding: 0;
	margin: 0;

	border: 0;
	border-radius: 50%;

	background: transparent;

	color: #66758a;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	font-size: 20px;
	font-weight: 400;
	line-height: 1;

	cursor: pointer;

	flex: 0 0 24px;

	transition:
		background .15s ease,
		color .15s ease;
}

.ipg-issue-queue-arrow:hover {
	background: #e9eef5;
	color: #1e5eff;
}


/* ISSUE QUEUE text */

.ipg-issue-queue-header strong {
	font-size: 9px;
	font-weight: 800;

	letter-spacing: 1.2px;

	color: #66758a;

	white-space: nowrap;
}


/* Push count to right */

.ipg-issue-queue-count {
	margin-left: auto;

	width: 24px;
	height: 24px;

	border-radius: 50%;

	background: #182238;
	color: #fff;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	font-size: 10px;
	font-weight: 800;

	line-height: 1;

	flex: 0 0 24px;
}


/* =========================================
   REMOVE OLD "5 DETECTED" STYLE
   ========================================= */

.ipg-issue-queue-header .detected-text {
	display: none !important;
}
/* FINAL ISSUE QUEUE TOGGLE FIX */
.ipg-issue-queue-header{
    width:100%;min-height:48px;height:48px;box-sizing:border-box;
    display:flex;align-items:center;gap:9px;padding:0 12px 0 10px;
    background:#f8fafc;border-bottom:1px solid #dfe4ec;
}
.ipg-issue-queue-header .ipg-issue-queue-arrow{
    width:30px;height:30px;min-width:30px;padding:0;margin:0;
    border:0;border-radius:50%;background:#fff;color:#172033;
    display:inline-flex;align-items:center;justify-content:center;
    font-size:21px;font-weight:500;line-height:1;cursor:pointer;
    box-shadow:0 3px 12px rgba(0,0,0,.20);z-index:10;
    transition:background .2s ease,color .2s ease,transform .2s ease;
}
.ipg-issue-queue-header .ipg-issue-queue-arrow:hover{
    background:#F5BB35;color:#fff;transform:scale(1.08);
}
.ipg-issue-queue-header>strong{
    flex:1 1 auto;min-width:0;font-size:9px;font-weight:800;
    letter-spacing:1.2px;color:#66758a;white-space:nowrap;
}
.ipg-issue-queue-header .ipg-issue-queue-count{
    width:24px;height:24px;min-width:24px;padding:0;margin:0;
    border-radius:50%;background:#182238;color:#fff;
    display:inline-flex;align-items:center;justify-content:center;
    font-size:10px;font-weight:800;line-height:1;
}
.ipg-results.is-collapsed .ipg-issue-queue-header{
    width:54px;min-height:100%;height:100%;padding:12px 0;margin:0;
    flex-direction:column;justify-content:flex-start;gap:10px;
    background:#f8fafc;border-bottom:0;
}
.ipg-results.is-collapsed .ipg-issue-queue-header>strong{display:none}
.ipg-results.is-collapsed .ipg-issue-queue-header .ipg-issue-queue-count{order:2}
.ipg-results.is-collapsed .ipg-issue-queue-header .ipg-issue-queue-arrow{
    order:3;margin-top:auto;
}
.ipg-results .ipg-issues-label{display:none!important}
.ipg-results.is-collapsed .ipg-results-body{display:none!important}
@media(max-width:800px){
    .ipg-issue-queue-header .ipg-issue-queue-arrow{
        width:28px;height:28px;min-width:28px;
    }
}

/* =========================================================
   FINAL DETECTED ISSUES / ISSUE QUEUE TOGGLE
   ========================================================= */

.ipg-issue-queue-header {
    width: 100%;
    height: 48px;
    min-height: 48px;

    display: flex;
    align-items: center;

    box-sizing: border-box;

    padding: 0 12px 0 10px;

    background: #f8fafc;
    border-bottom: 1px solid #dfe4ec;

    gap: 9px;
}


/* -----------------------------------------
   ROUND ARROW BUTTON
   Same style as LEFT sidebar collapse
   ----------------------------------------- */

.ipg-issue-queue-arrow {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;
    border-radius: 50% !important;

    background: #ffffff !important;
    color: #172033 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 22px !important;
    font-weight: 500 !important;
    line-height: 1 !important;

    cursor: pointer !important;

    flex: 0 0 30px;

    box-shadow: 0 3px 12px rgba(0,0,0,.20) !important;

    position: relative;
    z-index: 99999;

    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}


/* Hover */

.ipg-issue-queue-arrow:hover {
    background: #F5BB35 !important;
    color: #ffffff !important;

    transform: scale(1.08);

    box-shadow: 0 4px 14px rgba(0,0,0,.25) !important;
}


/* -----------------------------------------
   ISSUE QUEUE TITLE
   ----------------------------------------- */

.ipg-issue-queue-header > strong {
    flex: 1 1 auto;

    min-width: 0;

    font-size: 9px;
    font-weight: 800;

    letter-spacing: 1.2px;

    color: #66758a;

    white-space: nowrap;
}


/* -----------------------------------------
   COUNT CIRCLE
   ----------------------------------------- */

.ipg-issue-queue-count {
    width: 24px;
    height: 24px;

    min-width: 24px;

    padding: 0;
    margin: 0;

    border-radius: 50%;

    background: #182238;
    color: #ffffff;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    font-size: 10px;
    font-weight: 800;

    line-height: 1;

    flex: 0 0 24px;
}


/* -----------------------------------------
   COLLAPSED RIGHT PANEL
   ----------------------------------------- */

.ipg-results.is-collapsed {
    width: 56px !important;

    min-width: 56px !important;

    background: #f8fafc;
}


/* Collapsed header */

.ipg-results.is-collapsed .ipg-issue-queue-header {

    width: 56px !important;

    height: 100% !important;
    min-height: 100% !important;

    padding: 12px 0 !important;
    margin: 0;

    flex-direction: column;

    justify-content: flex-start;

    align-items: center;

    gap: 10px;

    background: #f8fafc;

    border-bottom: 0;
}


/* Hide ISSUE QUEUE text */

.ipg-results.is-collapsed
.ipg-issue-queue-header > strong {

    display: none !important;
}


/* Count stays at top */

.ipg-results.is-collapsed
.ipg-issue-queue-header
.ipg-issue-queue-count {

    order: 1;

    width: 24px;
    height: 24px;

    flex: 0 0 24px;

    background: #182238;
}


/* Arrow stays BELOW count */

.ipg-results.is-collapsed
.ipg-issue-queue-header
.ipg-issue-queue-arrow {

    order: 2;

    margin-top: 8px !important;

    width: 30px !important;
    height: 30px !important;
}


/* Hide issue content */

.ipg-results.is-collapsed
.ipg-results-body {

    display: none !important;
}


/* Hide duplicate issue label */

.ipg-results .ipg-issues-label {

    display: none !important;
}


/* -----------------------------------------
   DESKTOP / TABLET
   ----------------------------------------- */

@media (min-width: 801px) {

    .ipg-results.is-collapsed
    .ipg-issue-queue-arrow {

        display: inline-flex !important;

        visibility: visible !important;

        opacity: 1 !important;
    }
}


/* -----------------------------------------
   MOBILE
   ----------------------------------------- */

@media (max-width: 800px) {

    .ipg-issue-queue-arrow {

        width: 28px !important;
        height: 28px !important;

        min-width: 28px !important;
        min-height: 28px !important;

        font-size: 20px !important;
    }
}


/* =========================================================
   FINAL FIX - INSPECTION HEADER EMPTY SPACE
   Removes the blank area after the "Rules" box while
   keeping the header buttons on the right.
   ========================================================= */

.ipg-header-inspection {
    flex: 0 0 auto !important;
    width: max-content !important;
    max-width: 100%;
    min-width: 0 !important;
}

.ipg-header-inspection .ipg-result-head {
    flex: 0 0 auto !important;
}

.ipg-header-inspection .ipg-summary {
    flex: 0 0 auto !important;
    width: auto !important;
}

.ipg-header-inspection .ipg-summary > div {
    flex: 0 0 70px;
    width: 70px;
    min-width: 70px;
    box-sizing: border-box;
}

.ipg-top-actions {
    flex: 0 0 auto !important;
    margin-left: auto;
}


/* Tablet */
@media (max-width: 1200px) {

    .ipg-header-inspection .ipg-summary > div {
        flex-basis: 55px;
        width: 55px;
        min-width: 55px;
    }

}


/* Smaller desktop/tablet */
@media (max-width: 1000px) {

    .ipg-header-inspection {
        width: max-content !important;
        max-width: 100%;
    }

    .ipg-header-inspection .ipg-summary > div {
        flex-basis: 48px;
        width: 48px;
        min-width: 48px;
    }

}


/* Mobile - restore full-width stacked layout */
@media (max-width: 800px) {

    .ipg-header-inspection {
        flex: 1 1 100% !important;
        width: 100% !important;
        max-width: 100%;
    }

    .ipg-header-inspection .ipg-summary {
        width: auto !important;
    }

    .ipg-top-actions {
        margin-left: auto;
    }

}
.ipg-context input, .ipg-context select{
    margin-top:0px!important;
}

/* v0.9 review workflow additions */
.ipg-issue-tabs,.ipg-queue-tabs{display:flex;gap:6px;padding:9px;background:#f7f8fa;border-bottom:1px solid #e4e8ee;overflow:auto}
.ipg-queue-tabs{margin:0 15px 15px;border:1px solid #dce1e8;border-radius:9px;background:#fff}
.ipg-issue-tabs button,.ipg-queue-tabs button{white-space:nowrap;border:1px solid #d8dee7;background:#fff;color:#546176;border-radius:18px;padding:6px 10px;font-size:10px;font-weight:800}
.ipg-issue-tabs button.active,.ipg-queue-tabs button.active{background:#17233a;border-color:#17233a;color:#fff}
.ipg-issue-tabs b,.ipg-queue-tabs b{margin-left:4px}
.ipg-decisions .ipg-reject{background:#cf3345!important;border-color:#cf3345!important;color:#fff!important}
.ipg-decisions .ipg-correction{min-height:42px;background:#f3a51c!important;border-color:#e79505!important;color:#172033!important;font-size:12px!important}
.ipg-history-grid{grid-template-columns:1.45fr 1.05fr .35fr .38fr .32fr .38fr .9fr .72fr!important;min-width:980px}
.ipg-file-link{border:0;background:none;color:#2456a6;padding:0;text-align:left;font-weight:800;text-decoration:underline}
.ipg-history-expanded{padding:18px 22px;background:#f7f9fc;border-bottom:1px solid #dce1e8}
.ipg-history-expanded h3{margin:3px 0 12px}.ipg-history-issues{display:grid;gap:7px}.ipg-history-issues article{display:flex;gap:10px;background:#fff;border:1px solid #e1e5eb;border-radius:7px;padding:9px}.ipg-history-issues article span{flex:1}.ipg-history-issues strong,.ipg-history-issues small{display:block}.ipg-history-issues p{margin:4px 0 0;color:#667286;font-size:11px}.ipg-action-log{margin-top:16px}.ipg-action-log>p{display:grid;grid-template-columns:160px 1fr;gap:6px;margin:0;padding:7px 0;border-bottom:1px solid #dde2e9;font-size:11px}.ipg-action-log em{grid-column:2;font-style:normal;color:#647087}
.ipg-undo{display:block;margin-top:5px;border:1px solid #d0d7e2;background:#fff;border-radius:5px;padding:4px 7px;color:#2456a6;font-size:10px}
.ipg-publisher-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin:0 15px 15px}.ipg-publisher-card{background:#fff;border:1px solid #dce1e8;border-radius:10px;padding:17px}.ipg-publisher-card>div{display:flex;justify-content:space-between;gap:12px}.ipg-publisher-card h3{margin:2px 0}.ipg-publisher-card small{color:#7b8798;letter-spacing:1px}.ipg-publisher-card button{height:32px;border:1px solid #d3d9e2;background:#fff;border-radius:7px;color:#35445d;font-weight:700}.ipg-publisher-card>p{display:flex;justify-content:space-between;border-top:1px solid #edf0f3;padding-top:10px;font-size:11px}.ipg-publisher-card>p span{color:#7d8796}.ipg-muted{color:#8a94a3}
.ipg-otp-shell{min-height:720px;display:grid;place-items:center;background:#eef1f5;padding:25px}.ipg-otp-card{width:min(430px,100%);background:#fff;border:1px solid #dce1e8;border-radius:14px;padding:30px;box-shadow:0 18px 50px #1720331c}.ipg-otp-brand{display:flex;align-items:center;gap:10px}.ipg-otp-brand>b{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(90deg,#e7921d,#f5bb35);color:#fff}.ipg-otp-brand strong,.ipg-otp-brand small{display:block}.ipg-otp-brand small{font-size:9px;letter-spacing:1.5px;color:#7c8798}.ipg-otp-card h2{margin:25px 0 5px}.ipg-otp-card>p{color:#6d7889;font-size:13px;line-height:1.5}.ipg-otp-card label{display:block;margin:18px 0 10px;font-size:11px;font-weight:800;text-transform:uppercase;color:#667286}.ipg-otp-card input{display:block;width:100%;height:44px;margin-top:6px;border:1px solid #d2d9e3;border-radius:8px;padding:0 12px}.ipg-otp-card .ipg-primary{width:100%;height:44px;margin-top:10px}.ipg-otp-back{width:100%;border:0;background:none;color:#315ba9;margin-top:10px}.ipg-otp-card #ipg-otp-message{min-height:20px;margin-top:12px;font-size:12px;color:#526074}.ipg-otp-card #ipg-otp-message.error{color:#c43142}.ipg-otp-card #ipg-otp-message.success{color:#218454}
@media(max-width:800px){.ipg-queue-tabs,.ipg-publisher-grid{margin-left:15px;margin-right:15px}}


/* =========================================================
   FINAL ISSUE QUEUE UI
   - one scrollbar in the issue list
   - fixed queue header + tabs
   - one issue detail open at a time
   - controlled evidence preview
   - fixed decision bar
   ========================================================= */

/* Right panel is a three-part vertical layout:
   fixed queue header -> body -> no extra nested scrolling. */
.ipg-results {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

/* Queue header stays fixed while issues scroll. */
.ipg-issue-queue-header {
    flex: 0 0 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
    background: #f8fafc !important;
    border-bottom: 1px solid #dfe4ec !important;
}

/* Existing circular collapse control. */
.ipg-issues-toggle-arrow {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: #172033 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    box-shadow: 0 3px 12px rgba(0,0,0,.18) !important;
    cursor: pointer !important;
    flex: 0 0 30px !important;
}

.ipg-issues-toggle-arrow:hover {
    background: #F5BB35 !important;
    color: #fff !important;
    transform: scale(1.06);
}

/* Queue title + count. */
.ipg-issue-queue-header > strong {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: 1.2px !important;
    color: #66758a !important;
}

.ipg-issue-queue-count {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background: #182238 !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    flex: 0 0 24px !important;
}

/* Body contains fixed tabs + ONE scrolling issue list. */
.ipg-results-body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

/* Tabs stay fixed above the scrolling list. */
.ipg-results-body .ipg-issue-tabs {
    flex: 0 0 42px !important;
    min-height: 42px !important;
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
    background: #fff !important;
    border-bottom: 1px solid #e3e7ed !important;
    overflow: hidden !important;
}

/* ONE scrollbar only. */
.ipg-results-body > .ipg-issues {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: thin;
    scrollbar-color: #aeb7c5 transparent;
}

/* Remove scrolling from the individual detail card. */
.ipg-results-body .ipg-detail,
.ipg-results-body .ipg-inline-detail {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
}

/* Issue groups. */
.ipg-issue-group {
    width: 100%;
    margin: 0;
    padding: 0;
}

/* Issue row. */
.ipg-issue-group > .ipg-issue {
    width: 100% !important;
    min-height: 64px !important;
    height: auto !important;
    padding: 11px 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    box-sizing: border-box !important;
    background: #fff !important;
    border: 0 !important;
    border-bottom: 1px solid #e5e9ef !important;
    text-align: left !important;
    cursor: pointer !important;
}

.ipg-issue-group > .ipg-issue:hover {
    background: #f7f9fc !important;
}

.ipg-issue-group > .ipg-issue.active {
    background: #eef3ff !important;
    box-shadow: inset 3px 0 #F5BB35!important;
}

/* Issue text. */
.ipg-issue-group > .ipg-issue > span {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.ipg-issue-group > .ipg-issue strong {
    display: block !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    color: #172033 !important;
}

.ipg-issue-group > .ipg-issue small {
    display: block !important;
    margin-top: 3px !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
    color: #7b8799 !important;
}

/* Chevron. */
.ipg-issue-chevron {
    flex: 0 0 18px !important;
    width: 18px !important;
    color: #172033 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-align: center !important;
    line-height: 1 !important;
}

/* Selected issue detail card directly below its row. */
.ipg-inline-detail {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 14px !important;
    background: #f6f8fb !important;
    border-left: 3px solid #F5BB35!important;
    border-right: 0 !important;
    border-top: 0 !important;
    border-bottom: 1px solid #d8e0eb !important;
    animation: ipgInlineIssueOpen .16s ease-out;
}

@keyframes ipgInlineIssueOpen {
    from { opacity: 0; transform: translateY(-3px); }
    to { opacity: 1; transform: translateY(0); }
}

.ipg-detail-heading {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin-bottom: 7px !important;
}

.ipg-detail-heading > small {
    min-width: 0;
    font-size: 9px !important;
    color: #7c8799 !important;
    text-align: right !important;
}

.ipg-inline-detail h4 {
    margin: 5px 0 9px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    color: #172033 !important;
}

.ipg-inline-detail > p {
    margin: 9px 0 12px !important;
    font-size: 10.5px !important;
    line-height: 1.55 !important;
    color: #59677c !important;
}

/* Controlled evidence area - prevents giant image from taking the panel. */
.ipg-inline-evidence {
    width: 100% !important;
    height: 190px !important;
    min-height: 190px !important;
    max-height: 190px !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    overflow: hidden !important;
    background: #182238 !important;
    border-radius: 7px !important;
}

.ipg-inline-evidence img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    margin: 0 !important;
}

.ipg-inline-evidence > b {
    position: absolute !important;
    top: 9px !important;
    left: 9px !important;
    width: 25px !important;
    height: 25px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #F5BB35!important;
    color: #fff !important;
    font-size: 10px !important;
    z-index: 2 !important;
}

/* Suggested correction. */
.ipg-inline-detail .ipg-suggestion {
    margin-top: 10px !important;
    padding: 10px !important;
    background: #fff !important;
    border: 1px solid #dce3ec !important;
    border-radius: 7px !important;
}

.ipg-inline-detail .ipg-suggestion small {
    display: block !important;
    margin-bottom: 5px !important;
    font-size: 8px !important;
    font-weight: 800 !important;
    letter-spacing: .8px !important;
    color: #8792a3 !important;
}

.ipg-inline-detail .ipg-suggestion strong {
    display: block !important;
    font-size: 10.5px !important;
    line-height: 1.4 !important;
    color: #172033 !important;
}

.ipg-inline-detail .ipg-suggestion p {
    margin: 6px 0 0 !important;
    font-size: 10px !important;
    line-height: 1.45 !important;
    color: #68758a !important;
}

/* Acknowledgement stays immediately with the selected issue. */
.ipg-inline-detail .ipg-ack {
    margin: 11px 0 0 !important;
    min-height: 40px !important;
    padding: 9px 10px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    box-sizing: border-box !important;
    background: #fff !important;
    border: 1px solid #d7dee8 !important;
    border-radius: 7px !important;
}

.ipg-inline-detail .ipg-ack span {
    font-size: 10px !important;
    line-height: 1.35 !important;
    color: #435169 !important;
}

/* Approval actions stay fixed at the bottom of the right panel. */
.ipg-results-body .ipg-decisions {
    flex: 0 0 auto !important;
    min-height: 58px !important;
    padding: 9px 10px !important;
    display: grid !important;
    grid-template-columns: .8fr 1.25fr .8fr !important;
    gap: 7px !important;
    box-sizing: border-box !important;
    background: rgba(255,255,255,.98) !important;
    border-top: 1px solid #dfe3ea !important;
    box-shadow: 0 -5px 14px rgba(23,32,51,.08) !important;
    position: relative !important;
    z-index: 10 !important;
}

.ipg-results-body .ipg-decisions button {
    min-width: 0 !important;
    height: 36px !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
    white-space: nowrap !important;
    font-size: 10px !important;
}

/* Keep skipped-check notice compact so it does not create another scroll area. */
.ipg-results-body > .ipg-skipped {
    flex: 0 0 auto !important;
    max-height: 48px !important;
    margin: 0 !important;
    overflow: auto !important;
}

/* Collapsed right rail. */
.ipg-results.is-collapsed {
    width: 54px !important;
    min-width: 54px !important;
}

.ipg-results.is-collapsed .ipg-results-body {
    display: none !important;
}

.ipg-results.is-collapsed .ipg-issue-queue-header {
    height: 100% !important;
    min-height: 100% !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: center !important;
    padding: 12px 7px !important;
    gap: 10px !important;
}

.ipg-results.is-collapsed .ipg-issue-queue-header > strong {
    display: none !important;
}

.ipg-results.is-collapsed .ipg-issues-toggle-arrow {
    order: 2;
    margin-top: 8px !important;
}

.ipg-results.is-collapsed .ipg-issue-queue-count {
    order: 1;
}

/* Smaller screens. */
@media (max-width: 800px) {
    .ipg-inline-detail {
        padding: 12px !important;
    }

    .ipg-inline-evidence {
        height: 165px !important;
        min-height: 165px !important;
        max-height: 165px !important;
    }

    .ipg-results-body .ipg-decisions {
        grid-template-columns: 1fr 1.3fr 1fr !important;
        padding: 8px !important;
    }

    .ipg-results-body .ipg-decisions button {
        font-size: 9px !important;
        padding: 0 5px !important;
    }
}


/* =========================================================
   FINAL SCROLLING FIX
   Right Issue Queue must have ONE vertical scrollbar only.
   Tabs remain fixed; the issue list is the only scroll area.
   ========================================================= */

/* The complete right QC panel is a bounded flex column. */
.ipg-results {
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Header is fixed. */
.ipg-results > .ipg-issue-queue-header {
    flex: 0 0 48px !important;
    min-height: 48px !important;
}

/* Body is fixed between header and the page layout. */
.ipg-results > .ipg-results-body {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

/* Tabs never scroll vertically. */
.ipg-results-body > .ipg-issue-tabs {
    flex: 0 0 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
}

/* ONLY this element gets the vertical scrollbar. */
.ipg-results-body > .ipg-issues {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: thin;
    scrollbar-color: #aeb7c5 transparent;
}

/* The opened issue detail is part of the issue list.
   It must NOT create a second scrollbar. */
.ipg-results-body .ipg-detail,
.ipg-results-body .ipg-inline-detail,
.ipg-issue-group .ipg-detail {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
}

/* Evidence image must scale inside the issue list, not create
   horizontal/vertical overflow. */
.ipg-results-body .ipg-evidence {
    max-width: 100% !important;
    overflow: hidden !important;
}

.ipg-results-body .ipg-evidence img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* Keep decision buttons visible at the bottom of the opened
   issue without creating another scrolling container. */
.ipg-results-body .ipg-decisions {
    flex: 0 0 auto !important;
    overflow: visible !important;
}

/* Thin scrollbar styling for the ONE queue scrollbar. */
.ipg-results-body > .ipg-issues::-webkit-scrollbar {
    width: 8px;
}

.ipg-results-body > .ipg-issues::-webkit-scrollbar-track {
    background: transparent;
}

.ipg-results-body > .ipg-issues::-webkit-scrollbar-thumb {
    background: #aeb7c5;
    border-radius: 8px;
}

.ipg-results-body > .ipg-issues::-webkit-scrollbar-thumb:hover {
    background: #8f9bab;
}

/* Prevent the WordPress page/admin wrapper from introducing
   a competing horizontal scrollbar inside the QC panel. */
.ipg-results,
.ipg-results-body,
.ipg-results-body > .ipg-issues {
    box-sizing: border-box !important;
}

/* Mobile: still one queue scrollbar. */
@media (max-width: 800px) {
    .ipg-results {
        max-height: none !important;
    }

    .ipg-results-body > .ipg-issues {
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }
}


/* =========================================================
   DONE AND DUSTED PAGINATION
   Ten records per page. Pagination appears only when a view
   contains more than 10 records. Existing UI is preserved.
   ========================================================= */
.ipg-pagination{
    margin: 14px 29px 30px;
    padding: 10px 12px;
    min-height: 42px;
    box-sizing: border-box;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    border:1px solid #dce2ea;
    border-radius:10px;
    background:#fff;
}
.ipg-pagination-info{
    color:#78859a;
    font-size:10px;
    font-weight:700;
    white-space:nowrap;
}
.ipg-pagination-controls{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:5px;
    flex-wrap:wrap;
}
.ipg-pagination-btn{
    appearance:none !important;
    -webkit-appearance:none !important;
    min-width:30px !important;
    height:30px !important;
    padding:0 9px !important;
    margin:0 !important;
    border:1px solid #d4dbe5 !important;
    border-radius:7px !important;
    background:#fff !important;
    color:#44536a !important;
    font-family:inherit !important;
    font-size:10px !important;
    font-weight:800 !important;
    line-height:28px !important;
    text-align:center !important;
    cursor:pointer !important;
    box-shadow:none !important;
}
.ipg-pagination-btn:hover:not(:disabled){
    border-color:#aeb9c8 !important;
    background:#f5f7fa !important;
    color:#17233a !important;
}
.ipg-pagination-btn.active,
.ipg-pagination-btn.active:hover{
    border-color:#182238 !important;
    background:#182238 !important;
    color:#fff !important;
}
.ipg-pagination-btn:disabled{
    opacity:.45 !important;
    cursor:not-allowed !important;
    background:#f5f6f8 !important;
}
.ipg-pagination-prev,
.ipg-pagination-next{
    padding-left:11px !important;
    padding-right:11px !important;
}
.ipg-pagination-ellipsis{
    min-width:20px;
    color:#8994a5;
    font-size:11px;
    font-weight:800;
    text-align:center;
}
.ipg-preflight-grid + .ipg-pagination{
    margin-top:0;
}
.ipg-table-card + .ipg-pagination,
.ipg-publisher-grid + .ipg-pagination{
    margin-top:0;
}
@media(max-width:800px){
    .ipg-pagination{
        margin-left:15px;
        margin-right:15px;
        flex-direction:column;
        align-items:stretch;
    }
    .ipg-pagination-info{text-align:center}
    .ipg-pagination-controls{justify-content:center}
}


/* =========================================================
   Publisher email verification + Super Admin email editor
   ========================================================= */
.ipg-email-status{font-style:normal;font-weight:800;margin-left:4px}.ipg-email-status.verified{color:#229b61}.ipg-email-status.pending{color:#b47a16}
.ipg-email-settings{margin-top:18px;background:#fff;border:1px solid #dce1e8;border-radius:10px;padding:20px}.ipg-email-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:17px 18px;border-radius:10px;background:linear-gradient(120deg,#17253e,#29436f);color:#fff;margin-bottom:16px}.ipg-email-settings-head small{font-size:10px;letter-spacing:1.2px;color:#b9c5d8;font-weight:800}.ipg-email-settings-head h3{margin:4px 0 5px;font-size:16px;color:#fff}.ipg-email-settings-head p{margin:0;color:#b9c5d8;font-size:11px;line-height:1.5}.ipg-email-settings-head>span{width:42px;height:42px;border-radius:10px;background:#F5BB35;color:#fff;display:grid;place-items:center;font-size:20px;flex:0 0 42px}.ipg-email-template-card{border:1px solid #dfe4eb;border-radius:9px;padding:17px;margin-bottom:14px;background:#fbfcfd}.ipg-email-template-card h4{margin:0 0 5px;font-size:13px;color:#26334b}.ipg-template-help{margin:0 0 13px;font-size:10px;color:#7d8797;line-height:1.5}.ipg-template-help code{display:inline-block;background:#eef3fb;border:1px solid #dbe3f0;border-radius:4px;padding:2px 5px;margin:2px 3px 2px 0;color:#355b9d}.ipg-email-template-card label{display:block;font-size:10px;font-weight:800;letter-spacing:.7px;color:#788396;text-transform:uppercase;margin:11px 0}.ipg-email-template-card input,.ipg-email-template-card textarea{display:block;width:100%;margin-top:5px;border:1px solid #d5dbe4;border-radius:7px;background:#fff;padding:9px 10px;color:#26334b;font-size:11px;outline:none;text-transform:none}.ipg-email-template-card input{height:40px}.ipg-email-template-card textarea{min-height:150px;resize:vertical;line-height:1.55}.ipg-email-template-card input:focus,.ipg-email-template-card textarea:focus{border-color:#F5BB35;box-shadow:none;outline:none}
@media(max-width:800px){.ipg-email-settings{margin-top:15px;padding:14px}.ipg-email-settings-head{padding:14px}.ipg-email-template-card{padding:14px}}


/* =========================================================
   ISSUE QUEUE AUTO-FOCUS
   When a PDF marker/pin is selected, the matching issue card
   is scrolled into the visible center of the Issue Queue.
   ========================================================= */

.ipg-results-body .ipg-issues {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scroll-behavior: smooth !important;
}

.ipg-results-body .ipg-issue-group.is-open {
    scroll-margin-top: 12px !important;
    scroll-margin-bottom: 12px !important;
}


/* =========================================================
   ISSUE EVIDENCE v0.9.3
   UNIVERSAL INTRINSIC CROP SIZING
   ---------------------------------------------------------
   The crop itself determines the preview dimensions.
   No fixed-height box, no forced aspect ratio, no stretching,
   and no artificial blank side space.
   ========================================================= */

.ipg-results-body .ipg-evidence {
    display: block !important;
    position: relative !important;

    /* Let the actual image define the box. */
    width: fit-content !important;
    height: fit-content !important;
    min-width: 0 !important;
    min-height: 0 !important;

    /* Scale only when the real crop is larger than the queue. */
    max-width: 100% !important;
    max-height: 220px !important;

    margin: 0 auto 12px !important;
    padding: 0 !important;

    overflow: hidden !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 7px !important;
    line-height: 0 !important;
}

.ipg-results-body .ipg-evidence img {
    display: block !important;

    /* Critical: preserve the crop's real aspect ratio. */
    width: auto !important;
    height: auto !important;

    max-width: 100% !important;
    max-height: 220px !important;

    min-width: 0 !important;
    min-height: 0 !important;

    object-fit: contain !important;
    object-position: center center !important;

    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 7px !important;

    /* Never stretch the crop to fill a fixed rectangle. */
    aspect-ratio: auto !important;
}

/* Hide the image until it has loaded, preventing a temporary
   oversized/empty layout during re-render. */
.ipg-results-body .ipg-evidence img:not(.ipg-evidence-ready) {
    visibility: hidden !important;
}

/* Keep the issue number over the crop. */
.ipg-results-body .ipg-evidence > b {
    position: absolute !important;
    z-index: 5 !important;
}

/* Very wide crops: use available queue width naturally. */
@media (max-width: 800px) {
    .ipg-results-body .ipg-evidence,
    .ipg-results-body .ipg-evidence img {
        max-height: 180px !important;
    }
}

/* =========================================================
   ISSUE EVIDENCE v0.9.4
   CONTENT-AWARE CROP / INTRINSIC DISPLAY
   ---------------------------------------------------------
   Image issues use the real image crop generated by app.js.
   Text issues retain contextual padding.
   The preview never stretches and never receives a fixed
   aspect-ratio rectangle.
   ========================================================= */

.ipg-results-body .ipg-evidence.ipg-evidence-image,
.ipg-results-body .ipg-evidence.ipg-evidence-text {
    display: block !important;
    position: relative !important;
    width: fit-content !important;
    height: fit-content !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100% !important;
    max-height: 220px !important;
    margin: 0 auto 12px !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 7px !important;
    line-height: 0 !important;
    box-sizing: content-box !important;
}

.ipg-results-body .ipg-evidence.ipg-evidence-image img,
.ipg-results-body .ipg-evidence.ipg-evidence-text img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 220px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 7px !important;
    box-sizing: content-box !important;
}

/* JS adds this class only after the natural crop dimensions are known. */
.ipg-results-body .ipg-evidence img:not(.ipg-evidence-ready) {
    visibility: hidden !important;
}

.ipg-results-body .ipg-evidence > b {
    position: absolute !important;
    z-index: 5 !important;
    pointer-events: none !important;
}

/* Image evidence gets no artificial minimum width/height. */
.ipg-results-body .ipg-evidence-image,
.ipg-results-body .ipg-evidence-image img {
    min-width: 0 !important;
    min-height: 0 !important;
}

/* Do not allow older queue/detail rules to introduce a rectangle. */
.ipg-results-body .ipg-inline-evidence {
    aspect-ratio: auto !important;
    flex: 0 0 auto !important;
}

@media (max-width: 800px) {
    .ipg-results-body .ipg-evidence.ipg-evidence-image,
    .ipg-results-body .ipg-evidence.ipg-evidence-text {
        max-height: 180px !important;
    }

    .ipg-results-body .ipg-evidence.ipg-evidence-image img,
    .ipg-results-body .ipg-evidence.ipg-evidence-text img {
        max-height: 180px !important;
    }
}


/* Publisher publication / edition administration */
.ipg-publisher-card button{margin:2px 3px 2px 0}
.ipg-publication-admin{margin:15px 0 8px;border:1px solid #dfe4eb;border-radius:9px;background:#fbfcfd;padding:12px}
.ipg-publication-admin-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;color:#26334b;font-size:11px}
.ipg-publication-item{border-top:1px solid #e6eaf0;padding:10px 0}
.ipg-publication-item-head,.ipg-edition-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ipg-publication-item-head strong,.ipg-edition-row strong{display:block;color:#26334b;font-size:11px}
.ipg-publication-item-head small,.ipg-edition-row small{display:block;color:#7d8797;font-size:9px;margin-top:2px}
.ipg-edition-list{margin:8px 0 0 14px;border-left:2px solid #e7ebf2;padding-left:10px}
.ipg-edition-row{padding:6px 0}
.ipg-active-badge{display:inline-block;background:#e8f7ef;color:#229b61;border-radius:12px;padding:3px 7px;font-size:9px;font-weight:800;margin-right:4px}
.ipg-setup-required{margin-top:14px;align-items:center}
.ipg-primary:disabled,.ipg-secondary:disabled,#ipg-add-range:disabled{opacity:.45;cursor:not-allowed}


/* =========================================================
   DONE AND DUSTED - PUBLISHER LIFECYCLE UI
   ========================================================= */
.ipg-publisher-card{position:relative;overflow:hidden;transition:box-shadow .18s ease,border-color .18s ease,opacity .18s ease}.ipg-publisher-card:hover{box-shadow:0 8px 24px rgba(16,26,43,.07)}
.ipg-publisher-card.is-inactive{background:#f7f8fa;border-color:#d9dde5}.ipg-publisher-card.is-inactive .ipg-publication-admin{opacity:.68}.ipg-publisher-head{align-items:flex-start!important}.ipg-publisher-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:58%}.ipg-publisher-actions button{margin:0!important}.ipg-warning{border-color:#e7b13b!important;color:#9a6800!important;background:#fffaf0!important}.ipg-success{border-color:#a9d9bd!important;color:#207347!important;background:#f2fbf5!important}.ipg-delete{color:#bd3042!important;border-color:#efc2c8!important;background:#fff8f9!important}.ipg-status-active{color:#16804d!important;font-style:normal;font-weight:800}.ipg-status-inactive{color:#b22d3e!important;font-style:normal;font-weight:800}.ipg-publisher-lock{display:flex;gap:9px;align-items:flex-start;margin:12px 0;padding:10px 12px;border:1px solid #f0c9ce;border-radius:8px;background:#fff5f6;color:#7f3943;font-size:10px;line-height:1.5}.ipg-publisher-lock strong{font-size:10px;white-space:nowrap}.ipg-publisher-lock span{color:#8e5a61}.ipg-staff-list{margin-top:12px;border-top:1px solid #edf0f3;padding-top:10px}.ipg-staff-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;color:#35445d}.ipg-staff-head small{color:#8791a0}.ipg-staff-list p{margin:0!important;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #f0f2f5;padding:9px 0;font-size:10px}.ipg-staff-list p:first-of-type{border-top:0}.ipg-staff-list p span{color:#7b8798;text-align:right}.ipg-no-staff{margin-top:10px!important}.ipg-publication-item.is-disabled{opacity:.62}
@media(max-width:700px){.ipg-publisher-actions{max-width:100%;justify-content:flex-start;margin-top:8px}.ipg-publisher-head{display:block!important}.ipg-staff-list p{display:block}.ipg-staff-list p span{display:block;text-align:left;margin-top:3px}}

/* =========================================================
   DONE AND DUSTED - EMAIL CENTER
   Email templates + delivery history
   ========================================================= */
.ipg-email-center{display:block;padding:0 0 28px; margin:0px 15px;}
.ipg-email-center-intro{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 22px;margin-bottom:16px;border-radius:12px;background:linear-gradient(120deg,#17253e,#29436f);color:#fff;box-shadow:0 8px 24px rgba(23,37,62,.12)}
.ipg-email-center-intro small,.ipg-email-log-head small{font-size:10px;letter-spacing:1.3px;font-weight:800;color:#aebbd0}
.ipg-email-center-intro h3,.ipg-email-log-head h3{margin:4px 0 6px;font-size:17px;color:#fff}
.ipg-email-center-intro p{margin:0;max-width:720px;font-size:11px;line-height:1.6;color:#c6d1e1}
.ipg-email-center-intro>b{width:48px;height:48px;border-radius:12px;background:#F5BB35;color:#fff;display:grid;place-items:center;font-size:22px;flex:0 0 48px}
.ipg-email-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ipg-email-template-card{margin:0;min-width:0;background:#fff;box-shadow:0 2px 9px rgba(23,32,51,.035)}
.ipg-email-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}
.ipg-email-card-head>span{width:32px;height:32px;border-radius:8px;background:#fff5dc;color:#d58a12;display:grid;place-items:center;flex:0 0 32px}
.ipg-email-card-head h4{margin:0 0 4px}
.ipg-email-center-actions{display:flex;justify-content:flex-end;padding:16px 0 22px}
.ipg-email-log-section{background:#fff;border:1px solid #dfe4eb;border-radius:12px;overflow:hidden;box-shadow:0 2px 9px rgba(23,32,51,.035)}
.ipg-email-log-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 18px;border-bottom:1px solid #e3e7ed;background:#fbfcfe}
.ipg-email-log-head h3{color:#26334b;margin-top:3px}
.ipg-email-log-head p{margin:0;color:#7b8798;font-size:10px}
.ipg-email-log-table{width:100%;overflow-x:auto}
.ipg-email-log-row{display:grid;grid-template-columns:125px 145px 210px minmax(240px,1fr) 90px;gap:12px;align-items:start;padding:12px 15px;border-bottom:1px solid #edf0f4;font-size:10px;color:#526077;min-width:850px}
.ipg-email-log-row:last-child{border-bottom:0}
.ipg-email-log-header{background:#f5f7fa;color:#788396;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}
.ipg-email-log-row>span{min-width:0;overflow-wrap:anywhere}
.ipg-email-log-row strong{display:block;color:#26334b;font-size:10px;text-transform:capitalize}
.ipg-email-log-row small{display:block;margin-top:3px;color:#8a95a5;font-size:9px;line-height:1.35}
.ipg-mail-status{display:inline-flex;padding:4px 7px;border-radius:999px;font-style:normal;font-size:9px;font-weight:800}
.ipg-mail-status.is-sent{background:#e8f7ef;color:#16824b}
.ipg-mail-status.is-failed{background:#fff0f1;color:#c73747}
.ipg-header-note{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#eef3fb;color:#52698d;font-size:9px;font-weight:800;letter-spacing:.6px}
.ipg-side nav button[data-view="email-content"] .ipg-nav-icon{font-size:14px}
@media(max-width:900px){.ipg-email-template-grid{grid-template-columns:1fr}.ipg-email-center-intro{padding:16px}.ipg-email-log-row{grid-template-columns:115px 130px 180px minmax(220px,1fr) 80px}}
@media(max-width:600px){.ipg-email-center-intro{align-items:flex-start}.ipg-email-center-intro>b{display:none}.ipg-email-center-actions{justify-content:stretch}.ipg-email-center-actions .ipg-primary{width:100%}}

/* =========================================================
   Done and Dusted — Email Content modern UI refresh
   ========================================================= */
.ipg-email-center{padding:15px 0 36px;margin:0px 15px;}
.ipg-email-center-intro{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:26px 28px;margin:0 0 22px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(135deg,#101d33 0%,#1c3358 62%,#294a79 100%);box-shadow:0 14px 34px rgba(16,29,51,.16);overflow:hidden}
.ipg-email-center-intro:after{content:"";position:absolute;right:-65px;top:-90px;width:220px;height:220px;border-radius:50%;background:rgba(245,187,53,.10);pointer-events:none}
.ipg-email-center-intro>div{position:relative;z-index:1;min-width:0}
.ipg-email-center-intro small{display:block!important;margin:0 0 7px!important;font-size:10px!important;line-height:1!important;letter-spacing:1.5px!important;font-weight:700!important;color:#c5d1e4!important}
.ipg-email-center-intro h3{display:block!important;margin:0 0 7px!important;font-size:22px!important;line-height:1.25!important;font-weight:600!important;color:#fff!important}
.ipg-email-center-intro p{max-width:790px;margin:0!important;font-size:12px!important;line-height:1.65!important;color:#d5deec!important}
.ipg-email-center-intro>b{position:relative;z-index:2;width:58px;height:58px;border-radius:16px;background:#F5BB35;color:#17253e;display:grid;place-items:center;font-size:23px;flex:0 0 58px;box-shadow:0 8px 20px rgba(0,0,0,.12)}
.ipg-email-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.ipg-email-template-card{position:relative;display:flex;flex-direction:column;min-width:0;margin:0!important;padding:20px!important;border:1px solid #dfe5ed!important;border-radius:15px!important;background:#fff!important;box-shadow:0 5px 18px rgba(23,32,51,.055)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.ipg-email-template-card:hover{transform:translateY(-1px);border-color:#d3dbe7!important;box-shadow:0 9px 25px rgba(23,32,51,.08)!important}
.ipg-email-card-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;margin:0 0 16px!important;padding-bottom:14px;border-bottom:1px solid #edf0f4}
.ipg-email-card-head>div{min-width:0}
.ipg-email-card-head h4{margin:0 0 7px!important;font-size:15px!important;line-height:1.3!important;font-weight:600!important;color:#17253e!important}
.ipg-email-card-head>span{width:38px!important;height:38px!important;border-radius:11px!important;background:#fff6df!important;color:#D89516!important;display:grid!important;place-items:center!important;flex:0 0 38px!important;font-size:15px!important}
.ipg-email-card-head:after{content:"Editable";position:absolute;top:20px;right:68px;padding:4px 8px;border-radius:999px;background:#f3f6fa;color:#718096;font-size:9px;font-weight:700;letter-spacing:.3px}
.ipg-template-help{margin:0!important;font-size:11px!important;line-height:1.55!important;color:#7b8798!important}
.ipg-template-help code{display:inline-block!important;margin:6px 5px 0 0!important;padding:4px 7px!important;border:1px solid #dce5f1!important;border-radius:6px!important;background:#f5f8fc!important;color:#47648e!important;font-family:inherit!important;font-size:10px!important}
.ipg-email-template-card label{display:block!important;margin:0 0 15px!important;font-size:10px!important;font-weight:700!important;letter-spacing:.8px!important;color:#66748a!important;text-transform:uppercase!important}
.ipg-email-template-card label:last-child{margin-bottom:0!important;flex:1;display:flex!important;flex-direction:column}
.ipg-email-template-card input,.ipg-email-template-card textarea{box-sizing:border-box!important;width:100%!important;margin-top:7px!important;border:1px solid #d4dce7!important;border-radius:9px!important;background:#fff!important;padding:10px 12px!important;color:#17253e!important;font-family:"Poppins",sans-serif!important;font-size:12px!important;line-height:1.5!important;outline:none!important;box-shadow:none!important;text-transform:none!important;transition:border-color .16s ease,box-shadow .16s ease}
.ipg-email-template-card input{height:43px!important}
.ipg-email-template-card textarea{min-height:190px!important;resize:vertical!important;line-height:1.65!important}
.ipg-email-template-card input:focus,.ipg-email-template-card textarea:focus{border-color:#F5BB35!important;box-shadow:0 0 0 3px rgba(245,187,53,.15)!important;outline:none!important}
.ipg-email-center-actions{position:sticky;bottom:12px;z-index:5;display:flex;justify-content:flex-end;padding:14px 0 18px;margin-top:2px}
.ipg-email-center-actions:before{content:"";position:absolute;left:0px;right:0px;top:0;bottom:0;background:rgba(246,248,251,.88);backdrop-filter:blur(8px);border-top:1px solid #e1e6ed;z-index:-1}
.ipg-email-center-actions .ipg-primary{min-height:44px;padding:0 20px!important;border-radius:9px!important;font-size:12px!important;font-weight:600!important;box-shadow:0 7px 16px rgba(245,187,53,.22)!important}
.ipg-email-log-section{margin-top:8px!important;border:1px solid #dfe5ed!important;border-radius:15px!important;overflow:hidden;background:#fff!important;box-shadow:0 5px 18px rgba(23,32,51,.045)!important}
.ipg-email-log-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 20px!important;border-bottom:1px solid #e7ebf0!important;background:#fbfcfe!important}
.ipg-email-log-head small{display:block;font-size:10px!important;letter-spacing:1.3px!important;font-weight:700!important;color:#8994a4!important}
.ipg-email-log-head h3{margin:4px 0 5px!important;font-size:17px!important;font-weight:600!important;color:#17253e!important}
.ipg-email-log-head p{margin:0!important;font-size:11px!important;color:#7d8899!important}
.ipg-email-log-head .ipg-secondary{height:38px;padding:0 14px!important;border-radius:8px!important;font-size:11px!important}
.ipg-email-log-table{width:100%;overflow-x:auto}
.ipg-email-log-row{display:grid;grid-template-columns:145px 160px minmax(190px,1fr) minmax(230px,1.25fr) 100px;gap:14px;align-items:center;padding:14px 18px!important;border-bottom:1px solid #edf0f4!important;min-width:900px;font-size:11px!important;color:#526077!important}
.ipg-email-log-header{background:#f6f8fb!important;color:#7a8799!important;font-size:9px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.8px!important}
.ipg-email-log-row>span{min-width:0;overflow-wrap:anywhere}
.ipg-email-log-row strong{display:block;color:#25334a!important;font-size:11px!important;text-transform:capitalize}
.ipg-email-log-row small{display:block;margin-top:3px;color:#8b96a6!important;font-size:9px!important;line-height:1.35}
.ipg-mail-status{display:inline-flex!important;align-items:center;justify-content:center;padding:5px 9px!important;border-radius:999px!important;font-style:normal!important;font-size:9px!important;font-weight:700!important}
.ipg-mail-status.is-sent{background:#e9f8f0!important;color:#198b58!important}
.ipg-mail-status.is-failed{background:#fff0f0!important;color:#c83e3e!important}
.ipg-email-log-section .ipg-empty{padding:45px 20px!important}
@media(max-width:980px){.ipg-email-template-grid{grid-template-columns:1fr}.ipg-email-center-intro{padding:22px}.ipg-email-log-row{grid-template-columns:125px 145px 190px minmax(220px,1fr) 90px}}
@media(max-width:600px){.ipg-email-center-intro{align-items:flex-start;padding:18px}.ipg-email-center-intro h3{font-size:19px!important}.ipg-email-center-intro>b{width:44px;height:44px;flex-basis:44px;border-radius:11px;font-size:18px}.ipg-email-card-head:after{display:none}.ipg-email-template-card{padding:16px!important}.ipg-email-center-actions{justify-content:stretch}.ipg-email-center-actions .ipg-primary{width:100%}}

/* =========================================================
   Done and Dusted — Email Content collapsible cards + mail log actions
   ========================================================= */
.ipg-email-template-card.is-collapsed .ipg-email-card-body{display:none!important}
.ipg-email-template-card.is-open .ipg-email-card-body{display:block!important}
.ipg-email-collapse{width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;border:1px solid #dbe2ec!important;border-radius:8px!important;background:#fff!important;color:#64748b!important;display:grid!important;place-items:center!important;flex:0 0 32px!important;cursor:pointer!important;box-shadow:none!important}
.ipg-email-collapse:hover{border-color:#c4cfdd!important;background:#f7f9fc!important;color:#17253e!important}
.ipg-email-card-head .ipg-email-collapse:focus{outline:none!important;box-shadow:0 0 0 3px rgba(245,187,53,.15)!important}
.ipg-email-card-head:after{display:none!important}
.ipg-email-log-row.has-action{grid-template-columns:145px 160px minmax(190px,1fr) minmax(230px,1.25fr) 100px 88px}
.ipg-email-delete{height:30px!important;padding:0 9px!important;border:1px solid #f0b9bf!important;border-radius:7px!important;background:#fff!important;color:#c73747!important;font-size:10px!important;font-weight:700!important;cursor:pointer!important;white-space:nowrap!important}
.ipg-email-delete:hover{background:#fff3f4!important;border-color:#df8e97!important}
.ipg-email-delete i{margin-right:4px!important}
@media(max-width:980px){.ipg-email-log-row.has-action{grid-template-columns:125px 145px 190px minmax(220px,1fr) 90px 88px}}

/* =========================================================
   Done and Dusted — Publisher account collapsible cards
   First publisher card opens by default; each card can be toggled independently.
   ========================================================= */
.ipg-publisher-card.is-collapsed .ipg-publisher-card-body{display:none!important}
.ipg-publisher-card.is-open .ipg-publisher-card-body{display:block!important}
.ipg-publisher-head{position:relative!important}
.ipg-publisher-title{min-width:0!important;flex:1 1 auto!important}
.ipg-publisher-actions{align-items:center!important}
.ipg-publisher-collapse{width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;border:1px solid #dbe2ec!important;border-radius:8px!important;background:#fff!important;color:#64748b!important;display:grid!important;place-items:center!important;flex:0 0 32px!important;cursor:pointer!important;box-shadow:none!important;margin:0 0 0 2px!important}
.ipg-publisher-collapse:hover{border-color:#c4cfdd!important;background:#f7f9fc!important;color:#17253e!important}
.ipg-publisher-collapse:focus{outline:none!important;box-shadow:0 0 0 3px rgba(245,187,53,.15)!important}
.ipg-publisher-card.is-collapsed .ipg-publisher-head{margin-bottom:0!important}
.ipg-publisher-card.is-open .ipg-publisher-head{margin-bottom:0!important}
.ipg-publisher-card-body{width:100%!important;box-sizing:border-box!important}


/* v1.3.10 — Publisher card collapse control at card top-right; collapsed header shows identity only */
.ipg-publisher-card { position: relative !important; }
.ipg-publisher-card > .ipg-publisher-collapse {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 5 !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #F5BB35 !important;
    border-radius: 8px !important;
    background: linear-gradient(90deg, #E7921D 0%, #F5BB35 100%) !important;
    color: #ffffff !important;
    display: grid !important;
    place-items: center !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transition: box-shadow .18s ease, transform .18s ease !important;
}
.ipg-publisher-card > .ipg-publisher-collapse:hover {
    border-color: #F5BB35 !important;
    background: linear-gradient(90deg, #E7921D 0%, #F5BB35 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(23, 32, 51, .16) !important;
}
.ipg-publisher-card > .ipg-publisher-collapse:focus {
    outline: none !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(245, 187, 53, .18), 0 8px 20px rgba(23, 32, 51, .16) !important;
}
.ipg-publisher-card > .ipg-publisher-collapse i { color: #ffffff !important; }
.ipg-publisher-card.is-collapsed .ipg-publisher-head { padding-right: 44px !important; }
.ipg-publisher-card.is-collapsed .ipg-publisher-actions { display: none !important; }
.ipg-publisher-card.is-collapsed .ipg-publisher-head { min-height: 0 !important; }
.ipg-publisher-card.is-collapsed .ipg-publisher-head > span:first-child { width: 100% !important; }
.ipg-publisher-card.is-collapsed .ipg-publisher-head > span:first-child small,
.ipg-publisher-card.is-collapsed .ipg-publisher-head > span:first-child h3,
.ipg-publisher-card.is-collapsed .ipg-publisher-head > span:first-child p { display: block !important; }

/* v1.3.11 — Sent email log multi-select and bulk delete */
.ipg-email-log-head-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important}
.ipg-email-bulk-delete{height:38px!important;padding:0 13px!important;border:1px solid #f0b9bf!important;border-radius:8px!important;background:#fff!important;color:#c73747!important;font-size:11px!important;font-weight:700!important;cursor:pointer!important;white-space:nowrap!important}
.ipg-email-bulk-delete:hover:not(:disabled){background:#fff3f4!important;border-color:#df8e97!important;box-shadow:0 4px 12px rgba(199,55,71,.10)!important}
.ipg-email-bulk-delete:disabled{opacity:.45!important;cursor:not-allowed!important}
.ipg-email-log-row.has-select{grid-template-columns:48px 145px 160px minmax(190px,1fr) minmax(230px,1.25fr) 100px 88px!important}
.ipg-email-log-header.has-select{align-items:center!important}
.ipg-email-select-all-label{display:inline-flex!important;align-items:center!important;gap:6px!important;cursor:pointer!important}
.ipg-email-select-all-label span{font-size:9px!important;font-weight:800!important;letter-spacing:.6px!important}
.ipg-email-select,.ipg-email-select-all-label input{width:15px!important;height:15px!important;margin:0!important;accent-color:#f5b72f!important;cursor:pointer!important}
.ipg-email-select-cell{display:flex!important;align-items:center!important;justify-content:center!important}
@media(max-width:980px){.ipg-email-log-row.has-select{grid-template-columns:42px 125px 145px 190px minmax(220px,1fr) 90px 88px!important}.ipg-email-log-head-actions{width:100%!important;justify-content:flex-start!important}}


/* v1.3.12 — Sent email selector alignment + Done and Dusted logo */
.ipg-email-log-row.has-select{grid-template-columns:72px 145px 160px minmax(190px,1fr) minmax(230px,1.25fr) 100px 88px!important}
.ipg-email-log-row.has-select > span:first-child{min-width:72px!important;overflow:visible!important}
.ipg-email-select-all-label{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;white-space:nowrap!important;width:max-content!important;min-width:max-content!important}
.ipg-email-select-all-label span{display:inline-block!important;white-space:nowrap!important;word-break:normal!important;overflow:visible!important}
.ipg-email-select-all-label input{flex:0 0 15px!important}
.ipg-email-select-cell{min-width:72px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.ipg-app-logo{display:block!important;width:38px!important;height:38px!important;flex:0 0 38px!important;object-fit:cover!important;border-radius:9px!important}
.ipg-brand .ipg-app-logo{box-shadow:0 3px 10px rgba(23,32,51,.10)!important}
.ipg-otp-brand .ipg-brand-logo{display:block!important;width:42px!important;height:42px!important;flex:0 0 42px!important;object-fit:cover!important;border-radius:10px!important}.ipg-otp-brand .ipg-brand-copy{display:block!important;margin:0!important;color:#172033!important;font-size:16px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:0!important}
.ipg-default-evidence-logo img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important}
@media(max-width:980px){.ipg-email-log-row.has-select{grid-template-columns:72px 125px 145px 190px minmax(220px,1fr) 90px 88px!important}}


/* =========================================
   DONE AND DUSTED — PAGE PREVIEW TOOLBAR v1.3.17
   Refined controls only; preview behavior unchanged.
   ========================================= */
.ipg-stage .ipg-stage-tools {
    height: 46px;
    padding: 0 10px 0 14px;
    background: rgba(255,255,255,.98);
    border: 1px solid #dce3ec;
    border-radius: 10px;
    box-shadow: 0 5px 16px rgba(23,32,51,.08);
    gap: 12px;
}
.ipg-stage .ipg-preview-title {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    white-space: nowrap;
}
.ipg-stage .ipg-preview-title > strong {
    color: #24324a;
    font-size: 11px;
    letter-spacing: .13em;
    font-weight: 800;
}
.ipg-stage .ipg-preview-status {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}
.ipg-stage .ipg-zoom-tools {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    margin-left: auto;
    height: 100%;
}
.ipg-stage .ipg-control-group {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 30px;
    padding: 0 5px 0 8px;
    background: #f7f9fc;
    border: 1px solid #dce3ec;
    border-radius: 8px;
}
.ipg-stage .ipg-control-label {
    margin-right: 2px;
    color: #7a8799;
    font-size: 9px;
    line-height: 1;
    letter-spacing: .11em;
    font-weight: 800;
}
.ipg-stage .ipg-zoom-tools button {
    width: 28px;
    height: 28px;
    border: 1px solid #cbd5e2;
    border-radius: 6px;
    background: #fff;
    color: #25344d;
    font-size: 17px;
    font-weight: 700;
    line-height: 26px;
    cursor: pointer;
    transition: box-shadow .18s ease, border-color .18s ease, transform .18s ease;
}
.ipg-stage .ipg-zoom-tools button:hover {
    border-color: #f5bb35;
    box-shadow: 0 4px 10px rgba(23,32,51,.10);
}
.ipg-stage .ipg-zoom-tools button:active {
    transform: translateY(1px);
}
.ipg-stage .ipg-zoom-tools .ipg-zoom-group b {
    min-width: 42px;
    color: #24324a;
    font-size: 11px;
    text-align: center;
    font-weight: 800;
}
.ipg-stage .ipg-control-divider {
    width: 1px;
    height: 24px;
    background: #e1e6ee;
}
.ipg-stage .ipg-pan-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: auto !important;
    min-width: 52px;
    padding: 0 9px !important;
    border-color: #cbd5e2 !important;
    background: #fff !important;
    color: #34425a !important;
    font-size: 13px !important;
}
.ipg-stage .ipg-pan-toggle span {
    font-size: 10px;
    font-weight: 800;
}
.ipg-stage .ipg-pan-toggle.active {
    background: linear-gradient(90deg,#e7921d 0%,#f5bb35 100%) !important;
    border-color: #f5bb35 !important;
    color: #fff !important;
    box-shadow: 0 5px 12px rgba(23,32,51,.13);
}
.ipg-stage .ipg-wheel-hint {
    color: #7b8798;
    font-size: 10px;
    font-weight: 600;
    white-space: nowrap;
}
.ipg-stage .ipg-top-annotated {
    margin-left: 2px;
    padding: 7px 10px;
    border: 1px solid #f5bb35;
    border-radius: 7px;
    background: linear-gradient(90deg,#e7921d 0%,#f5bb35 100%);
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
    box-shadow: 0 3px 8px rgba(23,32,51,.08);
}
.ipg-stage .ipg-top-annotated:hover {
    color: #fff;
    box-shadow: 0 6px 14px rgba(23,32,51,.14);
    text-decoration: none;
}
.ipg-stage .ipg-page-meta-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 38px;
    padding: 4px 8px;
}
.ipg-stage .ipg-page-meta-top > span:first-child {
    color: #68768b;
    font-size: 11px;
    font-weight: 700;
}
.ipg-stage .ipg-page-nav {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.ipg-stage .ipg-page-nav button {
    min-width: 78px;
    height: 30px;
    padding: 0 10px;
    border: 1px solid #d5ddea;
    border-radius: 7px;
    background: #fff;
    color: #26354d;
    font-size: 10px;
    font-weight: 800;
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease, color .18s ease, background .18s ease;
}
.ipg-stage .ipg-page-nav button:not(:disabled):hover {
    border-color: #f5bb35;
    color: #a96b08;
    background: #fffaf0;
    box-shadow: 0 4px 10px rgba(23,32,51,.08);
}
.ipg-stage .ipg-page-nav button:disabled {
    opacity: .42;
    cursor: not-allowed;
}
@media (max-width: 800px) {
    .ipg-stage .ipg-stage-tools { padding: 0 8px; gap: 7px; }
    .ipg-stage .ipg-wheel-hint { display: none; }
    .ipg-stage .ipg-control-label { display: none; }
    .ipg-stage .ipg-pan-toggle { min-width: 40px; padding: 0 7px !important; }
    .ipg-stage .ipg-pan-toggle span { display: none; }
    .ipg-stage .ipg-page-nav button { min-width: 68px; }
}