/* Dies Natalis ke-69 UNDIP — dashboard theme (EVENT)
 * Hapus pemanggilan file ini dari dashboard_v3.php setelah event selesai.
 */
	:root {
		--dies69-cyan: #00c4cc;
		--dies69-blue: #2e7de8;
		--dies69-green: #4caf50;
		--dies69-gold: #d4af37;
		--dies69-gold-gradient: linear-gradient(90deg, #6e4e0e 0%, #b8860b 14%, #e6c35c 32%, #fff4c2 50%, #e0c05a 64%, #c9a227 82%, #7a5a12 100%);
		--dies69-orange: #ff8a3d;
		--dies69-magenta: #e91e63;
		--dies69-spectrum: linear-gradient(90deg, #00c4cc 0%, #2e7de8 22%, #4caf50 42%, #f5c518 62%, #ff8a3d 80%, #e91e63 100%);
		--dies69-spectrum-diag: linear-gradient(135deg, #00c4cc 0%, #2e7de8 32%, #4caf50 52%, #ff8a3d 78%, #e91e63 100%);
		--dies69-spectrum-soft: linear-gradient(135deg, rgba(0, 196, 204, 0.14) 0%, rgba(46, 125, 232, 0.12) 40%, rgba(233, 30, 99, 0.12) 100%);
	}

	.app-content.center-layout {
		background-color: #fff !important;
		background-image: none !important;
		overflow-x: hidden;
	}

	.app-content.center-layout::before {
		content: '';
		position: fixed;
		bottom: 0;
		left: 0;
		width: min(42vw, 480px);
		height: min(42vw, 480px);
		background: url('69_kanan_atas_2.png') no-repeat top right;
		background-size: contain;
		transform: rotate(180deg);
		transform-origin: center center;
		opacity: 0.35;
		pointer-events: none;
		z-index: 1;
	}

	html,
	body.horizontal-layout {
		overflow-x: hidden !important;
		background-color: #ffffff !important;
	}

	.content-wrapper,
	.content-body {
		position: relative;
		background: transparent !important;
		overflow-x: hidden;
	}

	.content-body > *:not(.dies69-ornaments) {
		position: relative;
		z-index: 1;
	}

	.dies69-ornaments {
		position: absolute;
		inset: 0;
		pointer-events: none;
		overflow: hidden;
	}

	.dies69-ornaments--back {
		z-index: 0;
	}

	.dies69-ornaments--front {
		z-index: 6;
	}

	.services-container,
	.news-section,
	.programs-section {
		position: relative;
		overflow: visible !important;
	}

	.services-container {
		margin-bottom: 88px !important;
	}

	.service-header,
	.news-header,
	.programs-header,
	.nav-tabs {
		position: relative;
		z-index: 2;
	}

	a.web_mhs_menuitem,
	a.menuitem {
		position: relative;
		z-index: 1;
	}

	/* Origami bird: adapted from SiminR https://codepen.io/SiminR/pen/MWbmVar */
	.dies69-bird {
		--u: 2.1px;
		--dies69-rot: 0deg;
		--dies69-flip: 1;
		--dies69-drift: 130vw;
		--dies69-glide-dur: 300s;
		--p1: #00c4cc;
		--p2: #2e7de8;
		--p3: #4caf50;
		--p4: #f5c518;
		--p5: #e91e63;
		--p6: #ff8a3d;
		--p7: #26a69a;
		position: absolute;
		width: calc(65 * var(--u));
		height: calc(65 * var(--u));
		pointer-events: none;
		overflow: visible;
		perspective: 420px;
		opacity: 1;
		transform: rotate(var(--dies69-rot)) scaleX(var(--dies69-flip));
		animation: dies69-bird-glide var(--dies69-glide-dur) linear infinite;
	}

	@keyframes dies69-bird-glide {
		from {
			transform: rotate(var(--dies69-rot)) scaleX(var(--dies69-flip)) translate(0, 0);
		}
		to {
			transform: rotate(var(--dies69-rot)) scaleX(var(--dies69-flip)) translate(var(--dies69-drift), 0);
		}
	}

	.dies69-bird--cool {
		--p1: #2e7de8;
		--p2: #00c4cc;
		--p3: #26a69a;
		--p4: #4caf50;
		--p5: #1e88e5;
		--p6: #80deea;
		--p7: #00897b;
	}

	.dies69-bird--warm {
		--p1: #f5c518;
		--p2: #ff8a3d;
		--p3: #e91e63;
		--p4: #ff6f3c;
		--p5: #c2185b;
		--p6: #fdd835;
		--p7: #fb8c00;
	}

	.dies69-bird__thread {
		display: none;
	}

	.dies69-bird__holder {
		width: 90%;
		height: 90%;
		position: relative;
		animation: dies69-bird-float 3s ease-in-out 0s infinite alternate;
	}

	@keyframes dies69-bird-float {
		100% { transform: translateY(calc(4 * var(--u))); }
	}

	.dies69-bird__part-1 {
		clip-path: polygon(0% 0%, 89% 0%, 64% 48%, -1% 71%);
		background: var(--p1);
		width: calc(30 * var(--u));
		height: calc(25 * var(--u));
		position: absolute;
		top: calc(24 * var(--u));
		left: calc(26 * var(--u));
	}

	.dies69-bird__part-2-wrap {
		filter: drop-shadow(calc(3 * var(--u)) calc(2 * var(--u)) calc(3 * var(--u)) rgba(0, 0, 0, 0.18))
			drop-shadow(calc(-3 * var(--u)) calc(2 * var(--u)) calc(3 * var(--u)) rgba(0, 0, 0, 0.16));
		position: absolute;
		left: 0;
		top: 0;
		z-index: 6;
	}

	.dies69-bird__part-2 {
		clip-path: polygon(21% 41%, 95% 56%, 100% 82%, 0% 92%);
		background: var(--p2);
		width: calc(23 * var(--u));
		height: calc(33 * var(--u));
		position: absolute;
		transform: rotate(344deg);
		left: calc(22 * var(--u));
		top: calc(8.6 * var(--u));
	}

	.dies69-bird__part-3-wrap {
		filter: drop-shadow(calc(-3 * var(--u)) 0 calc(2.5 * var(--u)) rgba(0, 0, 0, 0.22));
		position: absolute;
		left: 0;
		top: 0;
		z-index: 5;
	}

	.dies69-bird__part-3 {
		background: var(--p3);
		clip-path: polygon(40% 14%, 0% 100%, 100% 100%);
		width: calc(18 * var(--u));
		height: calc(22 * var(--u));
		position: absolute;
		left: calc(26.2 * var(--u));
		top: calc(2.6 * var(--u));
		z-index: 8;
		transform-origin: bottom;
		animation: dies69-bird-fold-3 2s ease 0s infinite alternate;
	}

	@keyframes dies69-bird-fold-3 {
		100% { transform: rotateX(38deg); }
	}

	.dies69-bird__part-4-wrap {
		filter: drop-shadow(calc(-2.5 * var(--u)) calc(3 * var(--u)) calc(4 * var(--u)) rgba(0, 0, 0, 0.22));
		position: absolute;
		left: 0;
		top: 0;
		z-index: 3;
	}

	.dies69-bird__part-4 {
		clip-path: polygon(100% 0, 46% 100%, 100% 84%);
		background: var(--p4);
		width: calc(18 * var(--u));
		height: calc(25 * var(--u));
		position: absolute;
		top: calc(24 * var(--u));
		left: calc(8.3 * var(--u));
		z-index: 1;
	}

	.dies69-bird__part-5 {
		clip-path: polygon(47% 0, 14% 52%, 83% 70%);
		background: linear-gradient(303deg, var(--p5) 50%, #1a1a1a 100%);
		width: calc(10 * var(--u));
		height: calc(10 * var(--u));
		position: absolute;
		top: calc(24 * var(--u));
		left: calc(47.98 * var(--u));
	}

	.dies69-bird__part-6 {
		clip-path: polygon(100% 16%, 0% 5%, 100% 100%);
		background: var(--p6);
		width: calc(20 * var(--u));
		height: calc(36 * var(--u));
		position: absolute;
		top: 0;
		left: calc(13.4 * var(--u));
		z-index: 2;
		transform-origin: bottom;
		animation: dies69-bird-fold-1 2s ease 0s infinite alternate;
	}

	@keyframes dies69-bird-fold-1 {
		100% { transform: rotateX(30deg); }
	}

	.dies69-bird__part-6-wrap {
		filter: drop-shadow(calc(-3.5 * var(--u)) calc(7 * var(--u)) calc(2.5 * var(--u)) rgba(0, 0, 0, 0.22));
		position: absolute;
		left: 0;
		top: 0;
		z-index: 3;
	}

	.dies69-bird__part-7-wrap {
		filter: drop-shadow(calc(-4 * var(--u)) calc(5.5 * var(--u)) calc(3.5 * var(--u)) rgba(0, 0, 0, 0.22));
		position: absolute;
		left: 0;
		top: 0;
		z-index: 2;
	}

	.dies69-bird__part-7 {
		clip-path: polygon(100% 14%, 7% 4%, 89% 61%);
		background: linear-gradient(22deg, var(--p7) 60%, #1a1a1a 167%);
		width: calc(25 * var(--u));
		height: calc(31 * var(--u));
		position: absolute;
		top: calc(7 * var(--u));
		left: calc(6 * var(--u));
		transform-origin: bottom;
		animation: dies69-bird-fold-2 2s ease 0s infinite alternate;
	}

	@keyframes dies69-bird-fold-2 {
		100% { transform: rotateX(30deg); }
	}

	@media (prefers-reduced-motion: reduce) {
		.dies69-bird {
			animation: none;
		}

		.dies69-bird__holder,
		.dies69-bird__part-3,
		.dies69-bird__part-6,
		.dies69-bird__part-7 {
			animation: none;
		}
	}

	.news-header h2,
	.service-header h2,
	.programs-header h2 {
		background: none !important;
		-webkit-background-clip: unset !important;
		background-clip: unset !important;
		-webkit-text-fill-color: #111 !important;
		color: #111 !important;
	}

	.gradient-purple,
	.icon_colored_onhover.gradient-purple {
		background: var(--dies69-spectrum-diag) !important;
		-webkit-background-clip: text !important;
		-webkit-text-fill-color: transparent !important;
		background-clip: text !important;
	}

	.news-header hr,
	.service-header hr,
	.programs-header hr {
		height: 3px !important;
		background: var(--dies69-spectrum) !important;
	}

	.content-body .info_wifi.compact-callout .media-body,
	.content-body .info_ovpn.compact-callout .media-body {
		border-radius: 12px !important;
	}

	.content-body .info_wifi.compact-callout .dies69-callout-title,
	.content-body .info_ovpn.compact-callout .dies69-callout-title {
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.content-body .info_wifi.compact-callout .dies69-callout-title i,
	.content-body .info_ovpn.compact-callout .dies69-callout-title i {
		flex: 0 0 auto;
		font-size: 1.2em;
		color: #111 !important;
		filter: none !important;
		text-shadow: none;
	}

	.content-body .bs-callout-indigo .media-left,
	.content-body .bs-callout-info.info_ovpn .media-left,
	.content-body [class*='bs-callout'] .media-left,
	.content-body .compact-callout .media-left {
		position: relative;
		background: #fff url('welcome-threads-vertical.svg') no-repeat center top / 100% 100% !important;
		box-shadow: none !important;
		overflow: hidden;
	}

	.content-body [class*='bs-callout'] .media-left i,
	.content-body [class*='bs-callout'] .media-left i.white {
		position: relative;
		z-index: 1;
		color: #111 !important;
		filter: none !important;
		text-shadow: none;
	}

	.nav-tabs .nav-item .nav-link {
		position: relative;
		overflow: hidden;
	}

	.nav-tabs .nav-item .nav-link:hover {
		background: rgba(255, 255, 255, 0.45);
		color: #111;
	}

	.nav-tabs .nav-item .nav-link.active {
		background: rgba(255, 255, 255, 0.94) !important;
		color: #111 !important;
		box-shadow: 0 10px 22px rgba(46, 125, 232, 0.12);
	}

	.nav-tabs .nav-item .nav-link.active::after {
		content: '';
		position: absolute;
		left: 14px;
		right: 14px;
		bottom: 5px;
		height: 7px;
		pointer-events: none;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 10' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0%25' stop-color='%2300c4cc'/%3E%3Cstop offset='22%25' stop-color='%232e7de8'/%3E%3Cstop offset='42%25' stop-color='%234caf50'/%3E%3Cstop offset='62%25' stop-color='%23f5c518'/%3E%3Cstop offset='80%25' stop-color='%23ff8a3d'/%3E%3Cstop offset='100%25' stop-color='%23e91e63'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 7 C 40 1 80 9 120 3 C 160 -1 200 10 240 4 C 280 0 300 8 320 5 L 320 10 L 0 10 Z' fill='url(%23g)'/%3E%3Cpath d='M0 6.2 C 40 1.4 80 8.4 120 3.4 C 160 0.2 200 8.8 240 4.2 C 280 1 300 7.4 320 5' fill='none' stroke='%23fff' stroke-opacity='0.35' stroke-width='0.7'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}

	.content-body .program-item {
		background: rgba(255, 255, 255, 0.94) !important;
		border-color: rgba(15, 23, 42, 0.08) !important;
		padding-left: 26px;
	}

	.content-body .program-item:hover {
		box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08) !important;
		background: #fff !important;
	}

	.content-body .program-item::before {
		width: 10px !important;
		background: #fff url('welcome-threads-vertical.svg') no-repeat center top / 100% 100% !important;
	}

	.content-body .program-item a {
		color: #0f766e !important;
	}

	.content-body .program-item a:hover {
		color: #115e59 !important;
	}

	.content-body .info_vpn_steps li a,
	.content-body .info_wifi_download.compact-list li a {
		color: #0f766e !important;
		background: rgba(15, 118, 110, 0.08) !important;
		border-color: rgba(15, 118, 110, 0.16) !important;
	}

	.content-body .info_vpn_steps li a:hover,
	.content-body .info_wifi_download.compact-list li a:hover {
		color: #115e59 !important;
		background: rgba(15, 118, 110, 0.14) !important;
		box-shadow: none;
	}

	.content-body .info_wifi_download.compact-list li a i {
		color: #0f766e !important;
	}

	a.web_mhs_menuitem:hover .card,
	a.menuitem:hover .card {
		border-color: var(--dies69-magenta);
		box-shadow: 0 10px 28px rgba(46, 125, 232, 0.14);
	}

	.card:hover {
		box-shadow: 0 10px 28px rgba(233, 30, 99, 0.12);
	}

	.services-container,
	.news-section {
		background: rgba(255, 255, 255, 0.6) !important;
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
	}

	.services-container {
		backdrop-filter: blur(5px) !important;
	}

	.news-section {
		backdrop-filter: blur(5px);
	}

	.programs-section {
		background: rgba(255, 255, 255, 0.88) !important;
		backdrop-filter: blur(8px);
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
	}

	.news-content,
	.tab-content,
	.nav-tabs {
		background: transparent !important;
		box-shadow: none !important;
	}

	a.web_mhs_menuitem .card,
	a.menuitem .card {
		position: relative;
		overflow: hidden;
		background: rgba(255, 255, 255, 0.88) !important;
		backdrop-filter: blur(6px);
		border: 1px solid rgba(17, 17, 17, 0.06);
	}

	a.web_mhs_menuitem .card .card-content,
	a.menuitem .card .card-content,
	a.web_mhs_menuitem .card .card-body,
	a.menuitem .card .card-body {
		position: relative;
		z-index: 1;
	}

	/* Lipatan pojok kartu menu: tampil jika SHOW_MENU_FOLDS = true di dashboard.js */
	.dies69-card-origami {
		position: absolute;
		z-index: 0;
		pointer-events: none;
		line-height: 0;
		filter: drop-shadow(0.6px 0.9px 0.4px rgba(0, 0, 0, 0.35));
	}

	.dies69-card-origami svg {
		display: block;
		width: 100%;
		height: 100%;
	}

	.dies69-card-origami--br {
		bottom: 0;
		right: 0;
		width: 22px;
		height: 22px;
		opacity: 0.88;
		transform: scaleX(-1);
	}

	a.web_mhs_menuitem:hover .card,
	a.menuitem:hover .card {
		background: rgba(255, 255, 255, 0.96) !important;
		border-color: rgba(233, 30, 99, 0.35);
	}

	@media (max-width: 767px) {
		.dies69-bird {
			--u: 1.6px;
		}

		#toast-container > .toast-dies69 {
			width: calc(100vw - 24px);
		}
	}

	#toast-container.toast-top-right {
		top: 72px;
		right: 16px;
	}

	#toast-container > div {
		opacity: 1;
		border-radius: 14px;
		box-shadow: 0 16px 40px rgba(30, 40, 80, 0.22);
	}

	#toast-container > .toast-success {
		background: linear-gradient(125deg,
			#00c4cc 0%,
			#2e7de8 10%,
			#4caf50 20%,
			#f5c518 30%,
			#ff8a3d 38%,
			#e91e63 45%,
			#1a2332 52%,
			#1a2332 100%) !important;
		box-shadow: 0 12px 28px rgba(46, 125, 232, 0.22);
		opacity: 1;
		border-radius: 12px;
		color: #fff;
	}

	#toast-container > .toast-success .toast-progress {
		background: rgba(255, 255, 255, 0.55) !important;
	}

	#toast-container > .toast-dies69,
	.toast-success.toast-dies69 {
		position: relative;
		background: #fff !important;
		color: #111 !important;
		width: 430px;
		max-width: calc(100vw - 32px);
		padding: 0 36px 0 0 !important;
		overflow: hidden;
		border: 0;
		border-radius: 14px;
		box-shadow: 0 16px 40px rgba(30, 40, 80, 0.22);
		opacity: 1;
	}

	#toast-container > .toast-dies69::before,
	.toast-success.toast-dies69::before {
		content: '';
		position: absolute;
		inset: 0;
		z-index: 4;
		pointer-events: none;
		border-radius: 14px;
		padding: 2px;
		background: var(--dies69-gold-gradient);
		-webkit-mask:
			linear-gradient(#fff 0 0) content-box,
			linear-gradient(#fff 0 0);
		-webkit-mask-composite: xor;
		mask:
			linear-gradient(#fff 0 0) content-box,
			linear-gradient(#fff 0 0);
		mask-composite: exclude;
	}

	#toast-container > .toast-dies69 .toast-message,
	.toast-success.toast-dies69 .toast-message {
		position: relative;
		z-index: 1;
		padding: 14px 8px 16px 16px;
	}

	#toast-container > .toast-dies69 .toast-close-button,
	.toast-success.toast-dies69 .toast-close-button {
		z-index: 5;
		color: #111;
		text-shadow: none;
		opacity: 0.7;
		font-weight: 300;
		right: 10px;
		top: 10px;
	}

	#toast-container > .toast-dies69 .toast-progress,
	.toast-success.toast-dies69 .toast-progress {
		z-index: 5;
		background: var(--dies69-gold-gradient) !important;
		opacity: 1;
		height: 3px;
	}

	.dies69-toast-body {
		position: relative;
		z-index: 1;
		display: flex;
		align-items: center;
		gap: 14px;
	}

	.dies69-toast-logo {
		display: block;
		height: 56px;
		width: auto;
		max-width: 168px;
		flex-shrink: 0;
	}

	.dies69-toast-kicker {
		font-size: 11px;
		letter-spacing: 0.07em;
		text-transform: uppercase;
		font-weight: 700;
		margin-bottom: 3px;
		background: var(--dies69-spectrum);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
	}

	.dies69-toast-copy .dies69-toast-message,
	.dies69-toast-message {
		font-size: 15px;
		line-height: 1.4;
		color: #111;
	}