/* ===== Data view — UMID theme (cyan / navy / indigo) ===== */
	#main-content.site-main {
	--dv-ink: #0a1a4d;
	--dv-accent: #3730a3;
	--dv-soft: #eef4ff;
	--dv-line: #dbe6f5;
	--dv-text: #1e293b;
	padding: 36px 0 60px;
	background: linear-gradient(180deg, #e9f7ff 0%, #f4f7ff 45%, #ffffff 100%);
	font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
	min-height: 60vh;
	}
	
	/* card */
	#main-content .box {
	position: relative; overflow: hidden; background: #fff; border: 0; border-radius: 20px;
	box-shadow: 0 18px 50px rgba(10, 26, 77, .10), 0 2px 6px rgba(10, 26, 77, .05);
	}
	#main-content .box::before {
	content: ""; position: absolute; left: 0; right: 0; top: 0; height: 5px;
	background: linear-gradient(90deg, #34d399 0 25%, #f87171 25% 50%, #fbbf24 50% 75%, #60a5fa 75% 100%);
	}
	#main-content .box-body { padding: 28px 26px 26px !important; margin: 0 !important; overflow-x: auto; }
	
	/* heading + back button */
	#main-content .centered-heading {
	color: var(--dv-ink); font-size: 26px; font-weight: 800; letter-spacing: -.01em; position: relative; padding-bottom: 12px;
	}
	#main-content .centered-heading::after {
	content: ""; position: absolute; left: 50%; bottom: 0; width: 64px; height: 4px; border-radius: 4px; transform: translateX(-50%);
	background: linear-gradient(90deg, #06b6d4, #6366f1);
	}
	#main-content .btn.btn-primary[data-history-back] {
	display: inline-flex; align-items: center; gap: 6px; border: 0; border-radius: 999px; padding: 10px 22px;
	background: linear-gradient(135deg, #0a1a4d, #1e3a8a); color: #fff; font-weight: 700; font-size: 14px;
	box-shadow: 0 8px 18px rgba(10, 26, 77, .22); transition: transform .2s, box-shadow .2s, background .2s;
	}
	#main-content .btn.btn-primary[data-history-back]:hover {
	background: linear-gradient(135deg, #0891b2, #4f46e5); transform: translateY(-2px);
	box-shadow: 0 12px 24px rgba(67, 56, 202, .3);
	}
	
	/* table */
	#main-content #request_table {
	--bs-table-bg: transparent; --bs-table-striped-bg: transparent; --bs-table-hover-bg: transparent;
	width: 100%; min-width: 900px; table-layout: fixed; margin: 0; border-collapse: separate; border-spacing: 0;
	border: 1px solid var(--dv-line); border-radius: 14px; overflow: hidden;
	}
	#main-content #request_table th,
	#main-content #request_table td {
	padding: 13px 16px; border: 0; border-bottom: 1px solid var(--dv-line); border-right: 1px solid var(--dv-line);
	vertical-align: middle; font-size: 14.5px; line-height: 1.5; background: #fff; color: var(--dv-text);
	word-break: break-word;
	}
	#main-content #request_table th {
	background: var(--dv-soft); color: var(--dv-ink); font-size: 12px; font-weight: 700;
	text-transform: uppercase; letter-spacing: .04em; white-space: normal !important; overflow-wrap: anywhere;
	}
	#main-content #request_table tr > :last-child { border-right: 0; }
	#main-content #request_table tbody tr:last-child > * { border-bottom: 0; }
	#main-content #request_table tbody tr:hover td { background: #f6fbff; }
	
	/* image carousel cell */
	#main-content #request_table td[rowspan] {
	padding: 18px 22px; text-align: center; border-bottom: 0;
	background: linear-gradient(160deg, #e3f6ff 0%, #e6ebff 100%) !important;
	}
	#main-content #request_table col.dv-c-th { width: 15.5%; }
	#main-content #request_table col.dv-c-td { width: 18.5%; }
	#main-content #request_table col.dv-c-td:last-child { width: 16.5%; }
	#main-content #imageCarousel { position: relative; width: 100%; max-width: 300px; margin: 0 auto; }
	#main-content #imageCarousel .carousel-inner { padding: 6px 8px 10px; }
	#main-content #imageCarousel .carousel-item img {
	display: block; width: auto !important; height: auto !important; max-width: 100% !important; max-height: 320px !important;
	margin: 0 auto; object-fit: contain; border-radius: 14px; background: #fff;
	border: 4px solid #fff; box-shadow: 0 12px 28px rgba(10, 26, 77, .18);
	}
	#main-content #imageCarousel .carousel-item h5 {
	display: inline-block; margin: 12px 0 4px; padding: 5px 14px; border-radius: 999px;
	background: #fff; color: var(--dv-accent); font-size: 13px; font-weight: 700;
	box-shadow: 0 4px 12px rgba(67, 56, 202, .12);
	}
	#main-content #imageCarousel .custom-nav-btn {
	width: 38px; height: 38px; top: 42%; bottom: auto; transform: translateY(-50%); border-radius: 50%;
	background: rgba(10, 26, 77, .85); opacity: 1; transition: background .2s, transform .2s;
	}
	#main-content #imageCarousel .carousel-control-prev { left: -16px; }
	#main-content #imageCarousel .carousel-control-next { right: -16px; }
	#main-content #imageCarousel .custom-nav-btn:hover { background: #4f46e5; transform: translateY(-50%) scale(1.08); }
	#main-content #imageCarousel .carousel-control-prev-icon,
	#main-content #imageCarousel .carousel-control-next-icon { width: 1rem; height: 1rem; filter: none !important; }
	
	/* empty / error messages */
	#main-content p.text-danger,
	#main-content .data-list p {
	max-width: 520px; margin: 40px auto; padding: 18px 22px; border-radius: 14px; text-align: center;
	background: #fff; font-weight: 600; box-shadow: 0 10px 30px rgba(10, 26, 77, .08);
	}
	#main-content p.text-danger { border-left: 5px solid #f87171; }
	#main-content .data-list p { border-left: 5px solid #60a5fa; color: var(--dv-ink); }
	
	/* small screens */
	@media (max-width: 767px) {
	#main-content.site-main { padding: 20px 0 40px; }
	#main-content .box-body { padding: 18px 12px !important; }
	#main-content .centered-heading { font-size: 20px; }
	#main-content .btn.btn-primary[data-history-back] { padding: 8px 16px; }
	#main-content #request_table th,
	#main-content #request_table td { padding: 10px 12px; font-size: 13.5px; }
	}