.inventory-panel { padding-bottom: 18px; }
	.inventory-panel, .media-review-panel, .text-review-panel { scroll-margin-top: 74px; }
.inventory-note { margin: 0 0 9px; padding: 9px 11px; border: 1px solid rgba(86, 168, 255, .2); border-radius: 8px; color: #b9c8db; background: rgba(86, 168, 255, .055); font-size: 10px; line-height: 1.45; }
.inventory-list { display: grid; gap: 8px; }
.inventory-card { padding: 11px; border: 1px solid var(--line); border-radius: 9px; color: #dbe4f2; background: rgba(10, 24, 40, .84); }
.inventory-card summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; cursor: pointer; list-style: none; }
.inventory-card summary::-webkit-details-marker { display: none; }
.inventory-card strong { display: block; overflow-wrap: anywhere; font-size: 11px; line-height: 1.3; }
.inventory-card small { display: block; margin-top: 3px; color: var(--muted); font-size: 9px; line-height: 1.45; }
.layer-list { display: grid; gap: 6px; margin-top: 9px; padding-top: 9px; border-top: 1px solid var(--line-soft); }
.layer-list article { display: grid; grid-template-columns: 1fr auto; gap: 3px 8px; padding: 8px; border: 1px solid var(--line-soft); border-radius: 7px; background: rgba(255, 255, 255, .016); }
.layer-list b { font-size: 10px; }
.layer-list small { grid-column: 1 / -1; }
.type-pill { align-self: start; padding: 2px 6px; border-radius: 99px; color: #c0b3ff; background: rgba(108, 92, 255, .15); font-size: 8px; letter-spacing: .05em; text-transform: uppercase; }
.inventory-list.asset-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.asset-card { display: grid; grid-template-columns: 70px minmax(0, 1fr); gap: 9px; align-items: center; min-width: 0; }
.asset-thumb, .asset-icon { width: 70px; height: 56px; display: grid; place-items: center; overflow: hidden; border: 1px solid var(--line-soft); border-radius: 7px; color: #aa97ff; background: #07111f; }
.asset-thumb img { width: 100%; height: 100%; object-fit: cover; }
	.asset-card a:not(.asset-thumb):not(.asset-icon) { display: inline-block; margin-top: 5px; color: var(--green-2); font-size: 9px; text-decoration: none; }
	.asset-card.asset-video, .asset-card.asset-audio { grid-column: 1 / -1; grid-template-columns: 1fr; align-items: stretch; }
	.asset-player { width: 100%; max-width: 100%; accent-color: #7d68ff; }
		.asset-video-player { max-height: 260px; border: 1px solid var(--line-soft); border-radius: 8px; background: #020812; }
		.asset-video-stage { position: relative; overflow: hidden; border-radius: 8px; background: #020812; }
		.asset-video-stage .asset-video-player { display: block; border: 0; border-radius: 0; }
		.asset-video-caption { position: absolute; left: 7%; right: 7%; bottom: 48px; z-index: 2; padding: 7px 10px; border-radius: 5px; color: #fff; background: rgba(1, 6, 13, .86); box-shadow: 0 2px 18px rgba(0, 0, 0, .42); font-size: clamp(11px, 2.1vw, 16px); font-weight: 750; line-height: 1.35; text-align: center; text-wrap: balance; pointer-events: none; }
		.asset-audio-stage { display: grid; gap: 0; }
		.asset-audio-caption { min-height: 42px; display: flex; align-items: center; justify-content: center; padding: 9px 14px; border: 1px solid rgba(37, 214, 155, .24); border-bottom: 0; border-radius: 8px 8px 0 0; color: #f4fffb; background: rgba(5, 23, 31, .96); box-shadow: inset 3px 0 0 var(--green); font-size: clamp(11px, 1.9vw, 15px); font-weight: 750; line-height: 1.4; text-align: center; text-wrap: balance; }
		.asset-audio-caption[hidden] { display: none; }
		.caption-preview-meta { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; padding: 7px 9px; border: 1px solid rgba(37, 214, 155, .17); border-top: 0; border-radius: 0 0 8px 8px; color: #cfeee4; background: rgba(37, 214, 155, .045); }
		.caption-preview-meta span { font-size: 9px; font-weight: 800; }
		.caption-preview-meta small { max-width: 62%; margin: 0; color: var(--muted); font-size: 8px; text-align: right; }
		.asset-audio-player { min-height: 58px; display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 10px; align-items: center; padding: 9px 11px; border: 1px solid rgba(154, 117, 255, .24); border-radius: 8px; color: #b5a8ff; background: rgba(10, 19, 34, .85); }
		.asset-audio-caption:not([hidden]) + .asset-audio-player { border-top-color: rgba(37, 214, 155, .24); border-radius: 0 0 8px 8px; }
	.asset-meta { min-width: 0; }
.quiz-card ol { margin: 8px 0 5px; padding-left: 19px; color: #c6cfdd; font-size: 9px; line-height: 1.5; }
.qa-card { margin-top: 12px; padding: 12px; border: 1px solid var(--line); border-radius: 9px; background: rgba(7, 18, 31, .72); }
.qa-state { display: flex; align-items: flex-start; gap: 9px; }
.qa-state strong { display: block; color: #edf3fb; font-size: 11px; }
.qa-state small { display: block; margin-top: 3px; color: var(--muted); font-size: 9px; line-height: 1.4; }
.qa-dot { width: 10px; height: 10px; flex: 0 0 10px; margin-top: 3px; border-radius: 50%; background: #7f8b9c; box-shadow: 0 0 0 4px rgba(127, 139, 156, .15); }
.qa-card.running .qa-dot { background: #9a75ff; box-shadow: 0 0 0 4px rgba(154, 117, 255, .16); }
.qa-card.passed .qa-dot { background: var(--green); box-shadow: 0 0 0 4px rgba(37, 214, 155, .16); }
.qa-card.blocked .qa-dot { background: var(--red); box-shadow: 0 0 0 4px rgba(255, 107, 126, .16); }
.qa-actions { display: flex; align-items: center; gap: 9px; margin-top: 9px; }
.qa-actions a { color: var(--green-2); font-size: 9px; font-weight: 800; text-decoration: none; }

@media (max-width: 520px) {
  .inventory-list.asset-gallery { grid-template-columns: 1fr; }
  .caption-preview-meta { display: grid; }
  .caption-preview-meta small { max-width: none; text-align: left; }
}

/* v6.3.40 — original-versus-variant visual localisation review */
.inventory-list.visual-asset-gallery { grid-template-columns: 1fr; }
.visual-asset-card { display: grid; gap: 10px; padding: 12px; }
.visual-asset-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.visual-asset-header > div { min-width: 0; }
.visual-status { max-width: 48%; padding: 4px 7px; border: 1px solid rgba(135, 153, 179, .26); border-radius: 999px; color: #c5d2e3; background: rgba(135, 153, 179, .08); font-size: 8px; font-weight: 800; line-height: 1.25; text-align: right; }
.visual-status.manual_ready { border-color: rgba(37, 214, 155, .36); color: #bff6df; background: rgba(37, 214, 155, .09); }
.visual-status.variant_ready { border-color: rgba(154, 117, 255, .4); color: #d6cbff; background: rgba(154, 117, 255, .1); }
.visual-comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.visual-comparison-side { display: grid; gap: 6px; min-width: 0; margin: 0; padding: 7px; border: 1px solid var(--line-soft); border-radius: 8px; background: rgba(255, 255, 255, .018); }
.visual-comparison-side.original { box-shadow: inset 3px 0 0 rgba(135, 153, 179, .62); }
.visual-comparison-side.variant { box-shadow: inset 3px 0 0 rgba(154, 117, 255, .78); }
.visual-comparison-side figcaption { color: #dce7f7; font-size: 9px; font-weight: 800; line-height: 1.3; }
.visual-comparison-side a { display: block; overflow: hidden; aspect-ratio: 16 / 10; border-radius: 5px; background: #020812; }
.visual-comparison-side img { display: block; width: 100%; height: 100%; object-fit: contain; }
.visual-comparison-side small { min-height: 28px; margin: 0; color: var(--muted); font-size: 8px; }
.visual-asset-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.visual-asset-actions button, .visual-upload-button { display: inline-flex; align-items: center; justify-content: center; min-height: 28px; padding: 6px 8px; border: 1px solid var(--line-soft); border-radius: 6px; color: #cbd8e9; background: rgba(255, 255, 255, .025); font: inherit; font-size: 9px; font-weight: 800; cursor: pointer; }
.visual-asset-actions button:hover, .visual-upload-button:hover { border-color: rgba(154, 117, 255, .72); color: #fff; background: rgba(154, 117, 255, .13); }
.visual-asset-actions button.active { border-color: rgba(37, 214, 155, .55); color: #d5ffe9; background: rgba(37, 214, 155, .12); }
.visual-upload-button { position: relative; overflow: hidden; border-color: rgba(154, 117, 255, .52); color: #ddd4ff; background: rgba(154, 117, 255, .12); }
.visual-upload-button input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.visual-asset-note { margin: 0; color: var(--muted); font-size: 8px; line-height: 1.45; }

@media (max-width: 520px) {
  .visual-asset-header { display: grid; }
  .visual-status { max-width: none; text-align: left; justify-self: start; }
  .visual-comparison { grid-template-columns: 1fr; }
  .visual-comparison-side a { aspect-ratio: 16 / 9; }
}
.visual-asset-error { margin: 0; padding: 7px 9px; border: 1px solid rgba(255, 107, 126, .3); border-radius: 6px; color: #ffbac4; background: rgba(255, 107, 126, .08); font-size: 8px; line-height: 1.4; }

/* Compact v6.3.42 visual review: browse all assets without rendering every comparison at full size. */
.visual-review-layout { display: grid; grid-template-columns: minmax(180px, .52fr) minmax(0, 1.48fr); gap: 14px; align-items: start; }
.visual-thumbnail-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(86px, 1fr)); gap: 8px; max-height: 72vh; overflow: auto; padding: 2px; }
.visual-thumbnail { min-width: 0; display: grid; gap: 4px; padding: 5px; border: 1px solid rgba(79, 102, 132, .42); border-radius: 8px; color: #b8c8d9; background: rgba(8, 20, 35, .62); text-align: left; }
.visual-thumbnail:hover { border-color: rgba(88, 213, 171, .7); color: #eaf8f3; }
.visual-thumbnail.active { border-color: #4ee0ad; box-shadow: 0 0 0 1px rgba(78,224,173,.18), 0 6px 18px rgba(9,111,82,.18); background: rgba(21, 103, 79, .18); }
.visual-thumbnail img { width: 100%; aspect-ratio: 1 / .72; object-fit: cover; border-radius: 5px; background: #08111d; }
.visual-thumbnail span { overflow: hidden; font-size: 8px; font-weight: 780; text-overflow: ellipsis; white-space: nowrap; }
.visual-thumbnail small { overflow: hidden; color: #7e95ac; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.visual-review-detail { min-width: 0; }
.visual-review-detail .visual-asset-card { margin: 0; }
.visual-review-detail .visual-comparison-side.variant { display: grid; align-content: start; }
.visual-review-detail .variant-actions { margin-top: 9px; }
.visual-review-detail .visual-asset-note { margin: 8px 0 0; }
@media (max-width: 980px) { .visual-review-layout { grid-template-columns: 1fr; } .visual-thumbnail-grid { grid-template-columns: repeat(auto-fill, minmax(78px, 1fr)); max-height: 210px; } }