/* Dipindah dari views/hadits_view.php (dulu <style> inline) —
 * PRD-GSC-ADSENSE R-PERF-06 / PROMPT 9.5. Dimuat lewat iah_aset_url() (?v=filemtime). */
			@font-face {
			  font-family: FontArab;
			  src: url('/KFGQPC Uthmanic Script HAFS Regular.otf');
			  font-display: swap;
			}
			.tulisanarab{
				font-family: "FontArab";
				direction: rtl;
				text-align: justify;
			}
			*{
/*				font-family: "Montserrat", sans-serif;*/
			}
			.btn-cari{
				background-color: #877080;
				color: white;
			}
			.btn-cari:hover{
				color: white;
				cursor: pointer;
				background-color: #695764;
			}
			.btn-surah{
				text-decoration: none;
				color: black;
			}
			.btn-surah:hover{
				text-decoration: none;
				color: black;
			}
			.item-surah{
				padding: 2%;
				width: 50px;
			    height: 50px;
			    background-image: url(/frame-100.png);
			    background-size: contain;
			    background-position: center;
			    background-repeat: no-repeat;
			    display: flex;
			    justify-content: center;
			    align-items: center;
			}
			.optionbutton{
				padding: 0.5em;
				border-radius: 15px;
			}
			/*.select2-container{
				width: 200px !important;
				margin: 10px !important;
			}
			.select2-dropdown {
				width: 200px !important;
			}*/

			.dropdown-bahasa {
				max-height: 500px;
				overflow-y: auto;
			}

			.hadits-view-quick-actions {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				padding: 18px 3% 0;
			}

			.quick-action-link {
				display: inline-flex;
				align-items: center;
				gap: 7px;
				min-height: 34px;
				padding: 4px 10px 4px 5px;
				border: 1px solid rgba(79, 150, 166, 0.32);
				border-radius: 999px;
				background: #ffffff;
				color: #356d78;
				font-size: 12px;
				font-weight: 700;
				text-decoration: none;
				line-height: 1.25;
				box-shadow: 0 2px 8px rgba(79, 150, 166, 0.12);
			}

			.quick-action-link:hover {
				background: #e6f3f7;
				color: #2f6f7c;
				text-decoration: none;
				box-shadow: 0 4px 12px rgba(79, 150, 166, 0.2);
			}

			.quick-action-icon {
				width: 30px;
				height: 30px;
				object-fit: cover;
				flex: 0 0 auto;
				border-radius: 6px;
			}

			.quick-action-download-text {
				display: inline-block;
				max-width: 260px;
				white-space: normal;
				text-align: left;
			}

			.hadits-imam-download-wrap {
				width: 100%;
				max-width: none;
				margin: 0;
				position: relative;
				z-index: 2;
				box-sizing: border-box;
				max-height: 260px;
				overflow-y: auto;
				overflow-x: hidden;
				padding: 10px 12px 10px 10px;
				border: 1px solid rgba(255, 255, 255, 0.26);
				border-radius: 10px;
				background: rgba(255, 255, 255, 0.12);
				scrollbar-width: thin;
				scrollbar-color: #ffffff rgba(255, 255, 255, 0.2);
			}

			.hadits-imam-language-box.download-language-focus {
				background: #fff8dc;
				border-color: #e1b640;
				box-shadow: 0 4px 16px rgba(200, 148, 24, 0.28);
			}

			.hadits-imam-download-wrap::-webkit-scrollbar {
				width: 6px;
			}

			.hadits-imam-download-wrap::-webkit-scrollbar-thumb {
				background: #ffffff;
				border-radius: 999px;
			}

			.hadits-imam-download-wrap::-webkit-scrollbar-track {
				background: rgba(255, 255, 255, 0.2);
				border-radius: 999px;
			}

			.hadits-imam-download-grid {
				display: grid;
				grid-template-columns: repeat(3, minmax(0, 1fr));
				gap: 8px 12px;
				padding: 0;
			}

			.hadits-imam-language-box {
				display: grid;
				grid-template-columns: minmax(0, 1fr) 64px 54px;
				align-items: center;
				gap: 7px;
				min-width: 0;
				min-height: 52px;
				box-sizing: border-box;
				padding: 5px 8px;
				border: 1px solid #d5e7ec;
				border-radius: 8px;
				background: #f4f9fb;
				font-size: 12px;
				line-height: 1.25;
				box-shadow: 0 2px 8px rgba(79, 150, 166, 0.08);
			}

			.hadits-imam-language-name {
				min-width: 0;
				color: #2fa66e;
				font-weight: 700;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}

			.hadits-imam-open,
			.hadits-imam-download {
				position: relative;
				display: inline-flex;
				align-items: center;
				justify-content: center;
				border-radius: 999px;
				font-weight: 900;
				text-decoration: none;
				line-height: 1;
				overflow: hidden;
			}

			.hadits-imam-open {
				width: 64px;
				min-width: 64px;
				min-height: 44px;
				padding: 0;
				border: 2px solid rgba(236, 242, 247, 0.95);
				background:
					linear-gradient(145deg, rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0) 34%),
					radial-gradient(circle at 50% 34%, #1d82ff 0, #0756bd 58%, #04347d 100%);
				color: #ffffff;
				font-size: 11px;
				letter-spacing: 0.02em;
				text-transform: uppercase;
				box-shadow:
					inset 0 2px 5px rgba(255, 255, 255, 0.36),
					inset 0 -5px 10px rgba(0, 0, 0, 0.22),
					0 3px 8px rgba(18, 80, 135, 0.28);
			}

			.hadits-imam-open:hover {
				color: #ffffff;
				text-decoration: none;
				transform: translateY(-1px);
				box-shadow:
					inset 0 2px 5px rgba(255, 255, 255, 0.38),
					inset 0 -5px 10px rgba(0, 0, 0, 0.22),
					0 5px 12px rgba(18, 80, 135, 0.34);
			}

			.hadits-imam-download {
				flex-direction: column;
				width: 54px;
				min-width: 54px;
				min-height: 44px;
				padding: 0;
				border: 2px solid rgba(152, 225, 244, 0.9);
				background:
					linear-gradient(145deg, rgba(255, 255, 255, 0.38), rgba(255, 255, 255, 0) 34%),
					radial-gradient(circle at 50% 35%, #20c5e5 0, #0878bc 60%, #044778 100%);
				color: #ffffff;
				box-shadow:
					inset 0 2px 5px rgba(255, 255, 255, 0.32),
					inset 0 -5px 10px rgba(0, 0, 0, 0.2),
					0 3px 8px rgba(18, 80, 135, 0.25);
			}

			.hadits-imam-download:hover {
				color: #ffffff;
				text-decoration: none;
				transform: translateY(-1px);
				box-shadow:
					inset 0 2px 5px rgba(255, 255, 255, 0.34),
					inset 0 -5px 10px rgba(0, 0, 0, 0.2),
					0 5px 12px rgba(18, 80, 135, 0.32);
			}

			.hadits-imam-download-symbol {
				display: block;
				margin-top: -1px;
				font-size: 15px;
				line-height: 12px;
			}

			.hadits-imam-download-text {
				display: block;
				font-size: 11px;
				line-height: 12px;
				letter-spacing: 0.02em;
			}

			.hadits-imam-download.download-button-focus {
				background: #f7d867 !important;
				border-color: #c89418 !important;
				color: #1f4b54 !important;
				box-shadow: 0 0 0 4px rgba(247, 216, 103, 0.38), 0 6px 16px rgba(200, 148, 24, 0.28);
				transform: scale(1.08);
				animation: hadits-download-target-pulse 0.9s ease-in-out 0s 3;
			}

			@keyframes hadits-download-target-pulse {
				0%, 100% {
					box-shadow: 0 0 0 4px rgba(247, 216, 103, 0.34), 0 6px 16px rgba(200, 148, 24, 0.24);
				}
				50% {
					box-shadow: 0 0 0 8px rgba(247, 216, 103, 0.16), 0 8px 20px rgba(200, 148, 24, 0.36);
				}
			}

			.hadits-imam-open.is-unavailable,
			.hadits-imam-download.is-unavailable {
				cursor: not-allowed;
				opacity: 0.72;
			}

			.hadits-imam-open.is-unavailable {
				filter: grayscale(0.45);
			}

			@media (max-width: 991.98px) {
				.hadits-imam-download-grid {
					grid-template-columns: repeat(2, minmax(0, 1fr));
				}
			}

			@media (max-width: 575.98px) {
				.hadits-view-quick-actions {
					padding: 14px 6% 0;
				}

				.quick-action-link {
					width: 100%;
					justify-content: center;
					text-align: center;
					font-size: 12px;
					min-height: 38px;
					padding: 5px 12px;
				}

				.quick-action-download-text {
					max-width: none;
					text-align: center;
				}

				.hadits-imam-download-wrap {
					margin: 0;
					max-height: 320px;
					padding: 9px;
				}

				.hadits-imam-download-grid {
					grid-template-columns: 1fr;
					padding: 0;
				}

				.hadits-imam-language-box {
					grid-template-columns: minmax(0, 1fr) 58px 48px;
					gap: 6px;
					min-height: 48px;
				}

				.hadits-imam-open {
					width: 58px;
					min-width: 58px;
					min-height: 40px;
					font-size: 10px;
				}

				.hadits-imam-download {
					width: 48px;
					min-width: 48px;
					min-height: 40px;
				}
			}

			.hadits-imam-language-box {
				grid-template-columns: minmax(0, 1fr) 46px 46px;
				min-height: 52px;
			}

			.hadits-imam-open,
			.hadits-imam-download {
				width: 46px;
				min-width: 46px;
				min-height: 46px;
				padding: 0;
				border: 0;
				background: transparent;
				box-shadow: none;
				overflow: visible;
			}

			.hadits-imam-open:hover,
			.hadits-imam-download:hover {
				background: transparent;
				box-shadow: none;
				transform: translateY(-1px);
			}

			.hadits-imam-icon-image {
				display: block;
				width: 44px;
				height: 44px;
				object-fit: contain;
			}