/*

This CSS file will be included with your plugin, and
available in the app when your plugin is enabled.

If your plugin does not need CSS, delete this file.

*/
.janitor-modal-footer {
	/* float: right; */
	padding: 10pt;
	display: flex;
}

.janitor-modal-footer button {
	margin-left: 4px;
}

.janitor-modal-footer .janitor-footer-buttons {
	flex: 1;
	justify-content: flex-end;
	display: flex;
}

.janitor-scan-section-title {
	font-size: larger;
	margin-bottom: 5pt;
	font-weight: 600;
}

.janitor-modal-title {
    text-align: center;
    font-size: 150%;
    margin-bottom: 10px;
}

.janitor-file {
	margin-left: 1em;
	position: relative;
}

.janitor-file:hover {
	background-color: var(--background-primary);
}


.janitor-file .openFileIcon {
    right: 0px;
	position: absolute;
	visibility: hidden;
}

.janitor-file label {
	width: 100%;
	display: flex;
	align-items: center;
}

.janitor-file-name {
	flex: 1;
	min-width: 0;
	overflow: hidden;
	margin-right: 3.5em;
}

.janitor-icon {
	display: flex;
	align-items: center;
	line-height: 1;
}

.janitor-icon svg {
	width: 14px;
	height: 14px;
}

.janitor-file-name-text {
	display: inline-block;
	white-space: nowrap;
}

.janitor-file:hover .janitor-file-name-text {
	animation: janitor-marquee 4s ease-in-out infinite alternate;
}

@keyframes janitor-marquee {
	0%, 15%  { transform: translateX(0); }
	85%, 100% { transform: translateX(var(--marquee-offset, 0px)); }
}

.janitor-md-preview-link {
	display: contents;
}

.previewFileIcon {
	right: 1.5em;
	position: absolute;
	visibility: hidden;
}

.janitor-file:hover .previewFileIcon {
	visibility: visible;
}

.janitor-preview-overlay {
	position: fixed;
	z-index: 9999;
	padding: 6px;
	background: var(--background-primary);
	border: 1px solid var(--background-modifier-border);
	border-radius: 6px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
	pointer-events: none;
}

.janitor-preview-overlay img {
	display: block;
	max-width: 200px;
	max-height: 200px;
	object-fit: contain;
	border-radius: 3px;
}

.janitor-file:hover .openFileIcon {
	visibility: visible;
}

.janitor-file:focus {
	outline: auto;
}

.janitor-main-modal {
	width: min(700px, 90vw);
}

/* Ensure hover preview popover appears above the modal overlay */
.popover.hover-popover {
	z-index: calc(var(--layer-modal, 200) + 10);
}

.janitor-scan-results {
	overflow-y: auto;
	max-height: 450px;
}

.janitor-files-wrapper {
	/* overflow-y: auto; */
	/* max-height: 180px; */
	/* border: 1px solid; */
	padding: 5px;
}

.janitor-date-picker {
	padding: 5px;;
}

.janitor-date-picker label span {
	margin-right: 1em;;
}


.janitor-date-picker-buttons {
	float: right;
}

.janitor-date-shortcuts {
	white-space: nowrap;
	margin-top: 1em;
	text-align: center;
}

.janitor-date-shortcuts .janitor-date-picker-buttons {
	display: inline-block;
}
