@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import "loading.css";
@import "request-dashboard.css";
@import "request-buttons.css";
@import "sidebar.css";
@import "previous-request.css";
@import "assign-ticket.css";
@import "fields.css";
@import "tom-select.css";
@import "file-drop.css";
@import "dialog.css";
@import "toast.css";
/*
These styles are loaded in the Refined Configuration page
*/

/* custom form styles */
#wssi-container * {
	box-sizing: border-box;
}
#wssi-container {
	position: relative;
	min-height: 10rem;
	color: #252525;
	font-family: 'Poppins', sans-serif;
	line-height: 1.43; /* taken from Refined syles to match */
}
#wssi-container p {
	color: #252525;
	font-size: 1rem;
}
#wssi-request-description {
	font-size: 1.5rem;
	line-height: 1.5;
}
/* columns */
#wssi-form-container {
	padding: 0 1rem;
	margin: 0 auto;
	max-width: 100rem;
	display: grid;
	align-items: start;
	gap: 1rem;
}
@media
(min-width:90rem) and (max-resolution:192dpi),
(min-width:90rem) and (-webkit-max-device-pixel-ratio:2) {
	#wssi-form-container {
		grid-template-columns: 1.5fr 1fr;
		grid-template-rows: auto;
		grid-template-areas: 
			"desc desc" 
			"form autofill"
			"form assign"
			"submit assign";
	}
	#wssi-request-description {
		grid-area: desc
	}
	#wssi-form {
		grid-area: form;
	}
	#wssi-previous-container {
		grid-area: autofill;
	}
	#wssi-assign-ticket-container {
		grid-area: assign;
	}
	#wssi-form-submit {
		grid-area: submit;
	}
}

#wssi-form-container.hidden {
	display: none;
}
/* forms version */
#wssi-form-version {
	font-family: "Consolas", "Courier New", monospace;
	padding: 3rem 1rem 1rem;
	text-align: center;
	color: rgb(0 0 0 / 30%);
    font-size: 0.7rem;
}