/* Bulma
@import "https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/versions/bulma-no-dark-mode.min.css";
*/

/* View Transition */
@view-transition { navigation: auto; }

/* Global */
:root {
	--bulma-primary-h: 348deg;
	--bulma-primary-s: 88%;
	--bulma-primary-l: 39%;
	--bulma-link-h: 185deg;
	--bulma-link-s: 100%;
	--bulma-link-l: 26%;
	--bulma-link-text: hsl(var(--bulma-link-h) var(--bulma-link-s) var(--bulma-link-l));
	--bulma-info-h: 220deg;
	--bulma-info-s: 2%;
	--bulma-info-l: 90%;
	--bulma-success-h: 112deg;
	--bulma-success-s: 51%;
	--bulma-success-l: 73%;
	--bulma-warning-h: 47deg;
	--bulma-warning-l: 50%;
	--bulma-danger-h: 30deg;
	--bulma-danger-s: 90%;
	--bulma-danger-l: 60%;
	--bulma-radius-rounded: 50%;
	--bulma-body-size: 1rem;
	--bulma-body-color: hsla(214, 4%, 40%,1);
	--bulma-body-font-size: 1rem;
	--color-dark: hsla(0, 0%, 13%, 1);
	--color-dark-grey: hsla(0, 0%, 38%, 1);
	--color-grey: hsla(0, 0%, 84%, 1);
	--color-grey-hover: hsla(0, 0%, 80%, 1);
	--color-light-grey: hsla(0, 0%, 94%, 1);
	--color-white: #FFF;
	--color-white-opacity0: rgba(255,255,255,0); --color-white-opacity10: rgba(255,255,255,0.1); --color-white-opacity20: rgba(255,255,255,0.2); --color-white-opacity30: rgba(255,255,255,0.3); --color-white-opacity40: rgba(255,255,255,0.4); --color-white-opacity50: rgba(255,255,255,0.5); --color-white-opacity60: rgba(255,255,255,0.6); --color-white-opacity70: rgba(255,255,255,0.7); --color-white-opacity80: rgba(255,255,255,0.8); --color-white-opacity90: rgba(255,255,255,0.9); --color-white-opacity100: rgba(255,255,255,1);
	--color-dark-opacity0: rgb(10, 49, 44,0); --color-dark-opacity05: rgb(10, 49, 44,0.05); --color-dark-opacity10: rgb(10, 49, 44,0.1); --color-dark-opacity20: rgb(10, 49, 44,0.2); --color-dark-opacity30: rgb(10, 49, 44,0.3); --color-dark-opacity40: rgb(10, 49, 44,0.4); --color-dark-opacity50: rgb(10, 49, 44,0.5); --color-dark-opacity60: rgb(10, 49, 44,0.6); --color-dark-opacity70: rgb(10, 49, 44,0.7); --color-dark-opacity80: rgb(10, 49, 44,0.8); --color-dark-opacity90: rgb(10, 49, 44,0.9); --color-dark-opacity100: rgb(10, 49, 44,1);
	--transition-fast: all 0.25s ease 0s; --transition-mid: all 0.4s ease 0s;
	--border-radius-large: 2rem; --border-radius-medium: 0.65rem; --border-radius-small: 0.375rem;
	--shadow-large: 0px 0.8px 2.8px rgba(0, 0, 0, 0.006), 0px 2px 6.7px rgba(0, 0, 0, 0.008), 0px 3.8px 12.5px rgba(0, 0, 0, 0.01), 0px 6.7px 22.3px rgba(0, 0, 0, 0.012), 0px 12.5px 41.8px rgba(0, 0, 0, 0.014), 0px 30px 100px rgba(0, 0, 0, 0.02);
	--shadow-medium: 0px 2.1px 3.4px var(--color-dark-opacity10), 0px 5.2px 8.7px rgba(0, 0, 0, 0.069), 0px 10.6px 17.7px rgba(0, 0, 0, 0.056), 0px 21.9px 36.5px rgba(0, 0, 0, 0.044), 0px 60px 100px rgba(0, 0, 0, 0.031);
	--shadow-small: 0px 0.2px 0.5px rgba(0, 0, 0, 0.024), 0px 0.5px 1.3px rgba(0, 0, 0, 0.035), 0px 1.2px 3px rgba(0, 0, 0, 0.046), 0px 4px 10px rgba(0, 0, 0, 0.07);
	--bulma-input-placeholder-color: hsl(33, 37, 41);
	--bulma-strong-weight: 700;
	--bulma-hr-background-color: #fff;
	--bulma-hr-height: 1px;
}
.is-invisible, .is-visibility-hidden { position: absolute; }

html *, html *:after, html *:before { box-sizing: inherit !important; }
html, body, input, textarea, select, button { font-family: "gotham", sans-serif; }
body { min-height: 100vh; background: var(--color-light-grey); }

/* Typography */
h1 { font-size: 3rem; font-weight: 300; line-height: 1.1em; }
h2 { color: var(--bulma-primary); font-size: 1.6rem; font-weight: var(--bulma-strong-weight); line-height: 1.2em; }
h3 { color: var(--color-dark); font-size: 1.4rem; line-height: 1.3em; }
h4 { font-size: 1.2rem; font-weight: var(--bulma-strong-weight); line-height: 1.4em; }
p:not(:last-child) { margin-bottom: 0.7rem; }
strong { color: inherit; }

a:link { font-weight: var(--bulma-strong-weight); }
	a:link:hover { color: var(--bulma-primary); }

/* Layout */
.container { width: 90%; }
.app main.main-content .container.thin { max-width: 740px; }

/* Skip To Content */
.skip { background: #333; display: inline-block; position: fixed; z-index: 9000; top: -46px; left: 0; height: 46px; padding: 10px 20px; border: 0; color: var(--color-white); text-decoration: none; font-weight: var(--bulma-strong-weight); }
	.skip:focus-visible { top: 0; color: var(--color-white); }

/* Links / Buttons */
body .button, body .k-button { font-weight: var(--bulma-strong-weight); transition: all 294ms ease-out; }
body .button:has(.k-icon), body .k-button:has(.k-icon) { gap: 0.4rem; }
	body .button.is-link:hover { color: var(--color-white); }

/* Divider */
hr.hr-grey { background: var(--color-grey); }

/* Divider Text */
body.app .divider-text { display: flex; flex-flow: row wrap; align-items: center; gap: 0.4rem 1.4rem; }

	body.app .divider-text.divider-left::before, body.app .divider-text.divider-right::after { content: ""; flex: 1 1 auto; height: 2px; background: var(--color-light-grey); }
	body.app .divider-text > * { display: inline-flex; align-items: center; gap: 0.4em; width: auto !important; background: var(--color-white-opacity0); }
	body.app .divider-text > .button { margin: 0 -1rem; }
	/* Dark */
	body.app .dark .divider-text::before, body.app .dark .divider-text::after { background: var(--color-white-opacity20); }
	body.app .dark .divider-text > * { color: var(--color-white); }

/* Image */
.fit-image { max-width: 100%; max-height: 100%; overflow: hidden; }
	.fit-image > img { object-fit: cover; object-position: center; width: 100%; height: 100%; }
	.fit-image.contain > img { object-fit: contain; }
	.fit-image.position-center > img { object-position: center; }

/* --- Header --- */

header { position: sticky; z-index: 100; top: 0; width: 100%; box-shadow: 0 0 20px -16px var(--color-dark); }

	/* Logo */
	.navbar-brand { border-right: 1px solid var(--color-grey); }
		.navbar-item img { max-height: 40px; }

	/* Menu */
	.navbar-menu .navbar-item { border-radius: 0.4rem; font-weight: var(--bulma-weight-medium); }

/* --- Content --- */

.main-content { display: flex; flex-direction: column; }
.login .main-content { justify-content: center; min-height: 100vh; }
.main-content.container { max-width: 860px; }

.light-grey-container { background: var(--color-light-grey); }

/* Inquiry Status */
.status { display: inline-flex; align-items: center; gap: 0.2rem; width: 100%; font-size: 0.9em; line-height: 1.4em; }
	.status-indicator.status-green { color: var(--bulma-link-text); }
	.status-indicator.status-red { color: var(--color-red); }

/* Shadow Card */
body .box:has(.section-info) { overflow: visible; }

/* Page Title */
body .page-title { display: flex; align-items: center; border-bottom: 1px solid var(--color-white); background: radial-gradient(circle at 50% 120%, rgba(255,255,255,0.4), rgba(255,255,255,0)); }
	body .page-title h1 { margin: 3rem auto 3rem 0; font-size: clamp(1.6rem, 0.019rem + 2.58vw, 2.6rem); }

/* Wizard */
#wizard { overflow: visible; }
	#wizard, #wizard .k-widget, #wizard .k-wizard-steps { margin: 0 0 1rem; padding: 0; background: none; }
	#wizard .k-stepper { margin: 0; padding: 0; border-radius: 3px 5px 0 0; background: var(--color-white); }

		#wizard .k-stepper .k-step .k-step-link { position: relative; padding: 1rem 0; overflow: visible; }
			#wizard .k-stepper .k-step { margin: 0; }
				#wizard .k-stepper .k-step-current .k-step-indicator { color: var(--color-white); }
					#wizard .k-stepper .k-step .k-step-indicator { border-color: var(--color-grey); box-shadow: 0 0 6px 4px var(--color-white); background: var(--color-white); color: var(--color-dark); }
					#wizard .k-stepper .k-step-current .k-step-indicator { border-color: var(--color-red); box-shadow: 0 0 6px 6px var(--color-white); background-color: var(--color-red); color: var(--color-white); }
					#wizard .k-stepper .k-step-done .k-step-indicator { border: 1px solid var(--color-dark-green); background-color: var(--color-white); color: var(--color-dark-green); }
				#wizard .k-stepper .k-step .k-step-label { position: absolute; opacity: 0; top: 70%; width: 140px; max-width: inherit; margin: 0; padding: 0.8em 1em; border-radius: var(--border-radius-small); box-shadow: 0 2px 18px -4px var(--color-dark-opacity20); background: var(--color-white); color: var(--color-dark); font-size: 0.9em; line-height: 1.2em; transition: all 0.4s ease 0s; pointer-events: none; }
					#wizard .k-stepper .k-step:hover .k-step-label { opacity: 1; top: 90%; }
						#wizard .k-stepper .k-step .k-step-label::before { content: ''; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); border-right: 4px solid transparent; border-bottom: 4px solid var(--color-dark); border-left: 4px solid transparent; }
							#wizard .k-stepper .k-step .k-step-label .k-step-text { overflow: visible; max-width: 100%; white-space: initial; }

		#wizard .k-progressbar-horizontal { top: calc(50% - 1px); margin: 0; border-color: var(--color-light-grey); }
			#wizard .k-progressbar-horizontal .k-state-selected { border-color: var(--color-grey); }

	#wizard .k-wizard-steps .k-wizard-step { padding: 0; }

	/* Buttons */
	#wizard .k-wizard-buttons { padding: 1rem 1.2rem; border-radius: var(--border-radius-small); background: var(--color-dark); color: var(--color-white); }
		#wizard .k-wizard-buttons > span { display: flex; align-items: center; gap: 0.8em; }
			#wizard .k-wizard-buttons > span button { margin: 0; padding: 0.6rem 0.8rem; }

/* --- Forms --- */

input.input::placeholder, .select select::placeholder, .textarea::placeholder { color: var(--color-dark-opacity70); }

/* Fieldset */
fieldset { display: inline-block; position: relative; width: 100%; margin: 2rem 0 0.4rem; padding: 0 2rem 2rem; border: 1px solid var(--color-dark-opacity10); border-radius: var(--border-radius-small); }
	fieldset legend { margin-left: -1.3rem; padding: 0 1em; color: var(--bulma-primary); font-size: 1.3rem; font-weight: var(--bulma-strong-weight); }
	fieldset .controls { position: absolute; top: 0; right: 1em; transform: translateY(-82%); }
		fieldset .controls .button { margin: 0; padding: 0.4em 0.8em; background: var(--color-white); }
			fieldset .controls .button:hover { background: var(--color-red); color: var(--color-white); }
				fieldset .controls .button .k-icon { color: var(--color-red); }
					fieldset .controls .button:hover .k-icon { color: var(--color-white); }

/* Field */
.field { position: relative; margin-top: 1rem; }
	.field .label { font-size: 0.9rem; line-height: 1.4em; }
	.checkboxes .label { width: 100%; margin: 0; font-size: 0.85rem; line-height: 1.4em; }
	.field p { font-size: 0.9em; line-height: 1.2em; }
	.field li strong, .field p strong, .field span strong { display: inline; margin-top: 0; font-size: 1em; }

/* Select */
.select select { box-shadow: inset 0 .0625em .125em hsla(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-invert-l),.05); }

/* Search */
body.app .search-container { flex: 1 1 240px !important; align-self: center !important; }
	body.app .search-container label { position: absolute; left: 1em; top: 50%; transform: translateY(-50%); }
	body.app .k-autocomplete { width: 100%; padding: 0; border: 0; }
		body.app .k-autocomplete > .k-i-close { right: 1rem; transform: translateY(-30%); color: var(--color-dark-grey); }
		body.app search .k-autocomplete > .k-i-close { right: 50px; }
	body.app .search-container input { margin: 0; padding: 0.6em 48px 0.6em 0.8em; border: 1px solid transparent; background: var(--color-light-grey); }
	body.app .search-container button { display: inline-flex; position: absolute; z-index: 2; right: 0.4em; top: 50%; transform: translateY(-50%); padding: 0.6em; border-radius: var(--border-radius-small); color: var(--color-dark); }
		body.app .search-container button:hover { background: var(--bulma-primary); color: var(--color-white); }
			body.app .search-container button::before { content: ''; display: inline-block; position: absolute; z-index: 0; top: 20%; left: 0; width: 1px; height: 60%; background: var(--color-grey); }
				body.app .search-container button:hover::before { background: none; }
/* Radio and Checkbox */
body .field:has(.radio):has(.checkbox) { display: flex; gap: 0.8rem; }
	body label.radio, body label.checkbox { display: inline-flex; align-items: flex-start; gap: 8px; margin: 0 0.2rem 0.6rem 0; padding: 1rem; border: 1px solid var(--color-grey); border-radius: var(--border-radius-small); box-shadow: 0 .0625em .125em hsla(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-invert-l),.05); background: var(--color-white); color: var(--color-dark); font-weight: var(--bulma-body-weight); cursor: pointer; transition: var(--transition-fast); }
		body label.radio:hover, body label.checkbox:hover, body label.radio:focus-visible, body label.checkbox:focus-visible { border: 1px solid var(--bulma-primary); }
			body input.k-radio, body input.k-checkbox { flex: 0 0 20px; width: 20px; height: 20px; padding: 0; border: 1px solid var(--color-grey); border-radius: 4px; background: var(--color-white); }
			body input.k-radio { border-radius: 50%; }
				body label.radio:focus-visible input.k-radio, body label.checkbox:focus-visible input.k-checkbox { border: 1px solid hsl(var(--bulma-input-focus-h),var(--bulma-input-focus-s),var(--bulma-input-focus-l)); box-shadow: var(--bulma-input-focus-shadow-size) hsla(var(--bulma-input-focus-h),var(--bulma-input-focus-s),var(--bulma-input-focus-l),var(--bulma-input-focus-shadow-alpha)); }
					body input.k-radio:focus-visible:before, body input.k-checkbox:focus-visible:before { color: var(--color-dark-opacity80); }
				body input.k-radio:checked, body .k-radio.k-checked, body input.k-checkbox:checked, body input.k-checkbox.k-checked { border: 1px solid var(--bulma-link-text); box-shadow: var(--bulma-input-focus-shadow-size) hsla(var(--bulma-input-focus-h),var(--bulma-input-focus-s),var(--bulma-input-focus-l),var(--bulma-input-focus-shadow-alpha)); color: var(--bulma-link-text); }
					body input.k-radio:checked:before, body .k-radio.k-checked, body input.k-checkbox:checked:before, body input.k-checkbox.k-checked:before { color: var(--bulma-link-text) }
				body .option-description { display: inline-flex; align-items: center; margin: -0.2rem 0; padding: 0.2rem 0.4rem; border-radius: var(--border-radius-small); background: var(--color-light-grey); font-size: 0.8rem; line-height: 1.4em; }
/* Date / Time */
body .k-datetime-container { background: var(--color-white); }
	body .k-datetime-container .k-button-group .k-button { border: 0; border-bottom: 5px solid var(--color-grey); background: var(--color-white); }
	body .k-datetime-container .k-button-group .k-button.k-state-active { border-bottom: 5px solid var(--color-orange); }
	/* Picker */
	body .field .k-datepicker.k-input { width: auto; padding: 0; border: 0; box-shadow: none; }
		body .field .k-picker-wrap { padding-right: 40px; border: 0; }
			body .field .k-picker-wrap > input { border-width: 1px; border-right-width: 0; border-style: solid; border-radius: var(--bulma-input-radius) 0 0 var(--bulma-input-radius); box-shadow: inset 0 .0625em .125em hsla(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-invert-l),.05); }
			body .field .k-picker-wrap > input:not(:hover):not(:focus) { border-color: hsl(var(--bulma-input-h),var(--bulma-input-s),calc(var(--bulma-input-border-l) + var(--bulma-input-border-l-delta))); }
				body .field .k-picker-wrap > input:hover { border-color: var(--color-grey-hover); }
				body .field .k-picker-wrap > input:focus { border-color: hsl(var(--bulma-input-focus-h),var(--bulma-input-focus-s),var(--bulma-input-focus-l)); box-shadow: var(--bulma-input-focus-shadow-size) hsla(var(--bulma-input-focus-h),var(--bulma-input-focus-s),var(--bulma-input-focus-l),var(--bulma-input-focus-shadow-alpha)); }
			body .field .k-picker-wrap .k-select { display: flex; align-items: center; justify-content: space-evenly; width: 42px; border-radius: 0 var(--bulma-input-radius) var(--bulma-input-radius) 0; background: var(--bulma-link-text); color: var(--color-white); cursor: pointer; }
				body .field .k-picker-wrap .k-select .k-link { display: inline-flex; width: auto; padding: 1em 0.4em; color: var(--color-white); }
				body .field .k-picker-wrap .k-select .k-link:first-child { border-right: 1px solid rgba(0, 0, 0, 0.2); }
			body .k-calendar .k-calendar-header .k-button { margin: 0; padding: 0; }
			body .k-calendar .k-calendar-header .k-button-icon { width: 1.6rem; padding: 0.5rem 0.3rem; }
				body .k-calendar .k-calendar-header .k-button::before, body .k-calendar .k-calendar-header .k-button::after { width: auto; }
/* Calendar */
.app .k-calendar { margin-top: 0.6rem; }
.app .k-calendar, .k-calendar .k-header, .k-calendar .k-content th { border-color: var(--color-grey); }
.k-calendar .k-content td.k-state-selected .k-link { background: var(--bulma-primary); color: var(--color-white); }
.k-calendar .k-footer { background: var(--color-light-grey); }

/* Input Description - aria-described-by */
.ps { display: inline-block; width: 100%; margin-top: 0.4rem; font-size: 0.85em; font-weight: var(--bulma-body-weight); line-height: 1.4em; }
input + .ps { padding: 1em 0 0; }

/* Submit Box */
#submit-box { margin-top: 2rem; margin-bottom: 2rem; padding: 1rem; border-radius: var(--border-radius-medium); background: var(--color-white-opacity50); }
	#submit-box .button, #submit-box .field { margin: 0; }
	#submit-box .button.secondary { border: 0; background: none; color: var(--color-white); }

/* --- Panelbar --- */

.k-panelbar.mimic-fieldset { border: none; }
	.k-panelbar.mimic-fieldset li { margin: 1rem 0 0.4rem; padding: 0; border: 1px solid var(--color-grey); border-radius: var(--border-radius-small); transition: all 0.4s ease 0s; }
		.k-panelbar.mimic-fieldset li.k-state-active { margin: 3rem 0 0.4rem; padding: 0 0 2em; border: 1px solid var(--bulma-primary); }
			.k-panelbar.mimic-fieldset li::before { display: none; }
			.k-panelbar.mimic-fieldset li .k-header { padding: 1.4rem; border: 0; transition: all 0.4s ease 0s; }
				.k-panelbar.mimic-fieldset li.k-state-active .k-header { margin-top: -1.2em; padding: 0 2rem; }
					.k-panelbar.mimic-fieldset li .k-header .panelbar-block-title { margin-left: -1.2rem; padding: 0 1em; background: var(--color-light-grey); color: var(--bulma-primary); font-size: 1.3rem; font-weight: var(--bulma-strong-weight); }
					.k-panelbar.mimic-fieldset li .k-header .k-panelbar-collapse.k-icon, .k-panelbar.mimic-fieldset li .k-header .k-panelbar-expand.k-icon { right: 2rem; width: 2em; height: 2em; margin-top: -1em; padding: 0; border-radius: 50%; background: var(--color-white); transition: all 0.4s ease 0s; }
						.k-panelbar.mimic-fieldset li:hover .k-header .k-panelbar-collapse.k-icon, .k-panelbar.mimic-fieldset li:hover .k-header .k-panelbar-expand.k-icon { background: var(--color-red); color: var(--color-white); }
						.k-panelbar.mimic-fieldset li.k-state-active .k-header .k-panelbar-collapse.k-icon, .k-panelbar.mimic-fieldset li.k-state-active .k-header .k-panelbar-expand.k-icon { transform: rotate(-180deg); background: var(--bulma-primary); color: var(--color-white); }
							.k-panelbar.mimic-fieldset li.k-state-active .k-header .k-panelbar-collapse.k-icon:hover, .k-panelbar.mimic-fieldset li.k-state-active .k-header .k-panelbar-expand.k-icon:hover { background: var(--color-red); color: var(--color-white); }
								.k-panelbar.mimic-fieldset li .k-header .k-panelbar-collapse.k-icon::before, .k-panelbar.mimic-fieldset li .k-header .k-panelbar-expand.k-icon::before { content: '\e015'; }
			.k-panelbar.mimic-fieldset li .k-content { padding: 0 2rem; border: 0; }
				.k-panelbar.mimic-fieldset li .controls { position: absolute; top: 50%; transform: translateY(-50%); right: 4em; opacity: 0; transition: all 0.3s ease 0.2s; }
					.k-panelbar.mimic-fieldset li.k-state-active .controls { margin: 0 -0.4rem; right: 5em; opacity: 1; }
						.k-panelbar.mimic-fieldset li .controls .button { margin: 0 0.4rem; border-radius: var(--border-radius-small); background: var(--bulma-primary); color: var(--color-white); line-height: 1.2em; }
							.k-panelbar.mimic-fieldset li .controls .button:hover { background: var(--color-red); }
								.k-panelbar.mimic-fieldset li .controls .button .k-icon { color: var(--color-white); }

/* Tabs */

body.app .k-tabstrip, body.app .k-tabstrip:focus { border: 0; box-shadow: none; background: none; }

	/* Tab Nav */
	body.app .k-tabstrip .k-tabstrip-items { display: flex; flex-flow: row wrap; gap: 1.2rem; margin: 0 !important; padding: 0.8rem 0; overflow: visible; }

		body.app .k-tabstrip .k-tabstrip-items .k-item { flex: 1 1; border: 1px solid var(--color-grey); border-radius: var(--border-radius-medium); box-shadow: var(--shadow-medium); background: var(--color-white-opacity60); overflow: visible; transition: var(--transition-fast); }
		body.app .k-tabstrip .k-tabstrip-items.auto-width .k-item { flex: 1 1 auto; }
			body.app .k-tabstrip .k-tabstrip-items .k-item:hover { border: 1px solid var(--bulma-link-text); background: var(--color-white); }
			body.app .k-tabstrip .k-tabstrip-items .k-item.k-state-active { margin-bottom: 0; border: 1px solid var(--bulma-link-text); }
				body.app .k-tabstrip .k-tabstrip-items .k-item:before { display: none; }

				body.app .k-tabstrip .k-tabstrip-items .k-item span.k-link { display: flex; flex-flow: row wrap; align-items: center; justify-content: center; position: relative; z-index: 10; padding: 1.2rem; color: var(--bulma-link-text); font-size: 1.1em; line-height: 1.1em; font-weight: var(--bulma-strong-weight); text-align: center; text-transform: uppercase; letter-spacing: 0.1em; }
					body.app .k-tabstrip .k-tabstrip-items .k-item.k-state-active span.k-link { color: var(--bulma-link-text); text-shadow: 0 0 12px var(--color-white); }
						body.app .k-tabstrip .k-tabstrip-items .k-item span.step-status { display: inline-block; margin-top: auto; padding: 3px 8px 0; border: 1px solid var(--color-barely-secondary); border-radius: var(--border-radius-small); vertical-align: middle; color: var(--color-dark); font-size: 0.75rem; font-weight: var(--bulma-body-weight); text-align: center; letter-spacing: 1px; }
						body.app .k-tabstrip .k-tabstrip-items .k-item span.step-status.incomplete { border: 1px solid var(--color-red); }
						body.app .k-tabstrip .k-tabstrip-items .k-item .k-loading { display: none; }

				body.app .k-tabstrip .k-tabstrip-items .k-item span.k-link::before { content: ''; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); width: 0; height: 0; border-right: 12px solid transparent; border-top: 0 solid var(--bulma-link-text); border-left: 12px solid transparent; transition: all 0.1s ease 0s; }
					body.app .k-tabstrip .k-tabstrip-items .k-item.k-state-active span.k-link::before { border-top: 8px solid var(--bulma-link-text); }

	/* Tab Content */
	body.app .k-tabstrip .k-content { margin: 1rem 0 0; padding: 0; border: 1px solid var(--color-grey); }
	body.app .login-box .k-tabstrip .k-content { border: 0; }

/* --- Kendogrid --- */

body.app .action-bar h2 { align-self: center; margin-right: auto; }
body.app .action-bar a, body.app .action-bar button { margin: 0; }

/* Filter */
body.app .grid-filter { display: flex; flex-flow: row wrap; gap: 1em; padding: 1rem; border-radius: var(--border-radius-medium); background: var(--color-light-grey); }
	body.app .grid-filter .field { flex: 0 1 auto; gap: 0.6rem; margin: 0; }
		body.app .grid-filter input:not(.k-radio):not(.k-checkbox), body.app .grid-filter .radio, body.app .grid-filter .checkbox, body.app .grid-filter select, body.app .grid-filter.field .k-picker-wrap input { box-shadow: inset 0 .0625em .125em hsla(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-invert-l),.05); font-size: 0.9rem; line-height: 1.4em; }
			body.app .grid-filter input.k-radio, body.app .grid-filter input.k-checkbox { margin: 0; }
		body.app .grid-filter .field .select { height: auto; }
		body.app .grid-filter .field .k-datepicker { width: 170px; }
		body.app .grid-filter .button, body.app .grid-filter .k-button { font-size: 0.9rem; line-height: 1.4em; }

body.app .k-grid:not(table) { width: 100%; border: none; border-radius: 5px; background: none; overflow: hidden; }
	body.app .k-grid .k-grid-header { border: 0; }
	body.app .k-grid .k-grid-toolbar { padding: 0.4em; border-bottom: none; border-radius: var(--border-radius-small); box-shadow: 0 2px 6px -2px var(--color-grey) inset; background: var(--color-light-grey); }
		body.app .k-grid .k-grid-header-wrap { border: 0; border-bottom: 1px solid var(--color-dark-opacity10); }
			body.app .k-grid .k-grid-content table { background: var(--color-white-opacity70); }
				body.app .k-grid th, body.app .k-grid td { padding: 0.9rem; border: 0; font-size: 0.9rem; line-height: 1.2em; vertical-align: center; }
				body.app .k-grid tr:has(.img-container) td { padding: 1.6rem 0.6vw; }
				body.app .k-grid tr td:has(.img-container) { padding: 0.4rem 0; font-size: 1.1rem; line-height: 1.4em; font-weight: var(--bulma-strong-weight); }
					body.app .k-grid tr td:has(.img-container) .td-layout { margin: 0; padding: 0; }
					body.app .k-grid-header th.k-header > *, body.app .k-grid tr td > * { float: none; display: inline-flex; margin: -0.4rem 0; padding: 0.4rem 0; line-height: 1.1em; vertical-align: middle; white-space: initial; text-decoration: none; }

	/* Buttons */
	body.app .grid-sorting .button { gap: 0 0.4em; margin: 0; padding: 0.6rem 0.4vw; border: 1px solid var(--color-white-opacity20); background: var(--color-white-opacity10); line-height: 1.7rem; }
	body.app .grid-sorting .button:first-of-type { margin-left: auto; }
		body.app .grid-sorting .button:hover { background: var(--color-red); }
			body.app .grid-sorting .button.overdue { border: 1px solid var(--color-white-opacity40); background: var(--color-orange); }
			body.app .grid-sorting .button.active { border: 1px solid var(--color-white-opacity100); background: var(--color-white); color: var(--color-dark); }
				body.app .grid-sorting .button.active span.k-icon { color: var(--color-dark); }
	body.app .grid-sorting span.sort-by { color: var(--color-white-opacity80); font-size: 0.9em; text-transform: uppercase; letter-spacing: 0.1em; white-space: nowrap; }
	body.app .grid-sorting span.tally { display: inline-block; padding: 0.2rem 0.4em; border-radius: var(--border-radius-small); vertical-align: middle; background: var(--color-dark-opacity20); line-height: 1.3rem; text-align: center; letter-spacing: 1px; }
	body.app .grid-sorting .button.active span.tally { background: var(--color-dark-opacity10); }

	/* td layout */
	body .k-grid .td-layout { display: flex; gap: 0.4em; }
	body .k-grid .td-layout:has(.img-container) { position: relative; width: 100%; }
	body .k-grid .td-layout.wrap { flex-flow: row wrap; }
		body .k-grid .td-layout .button { margin: -0.4em 0; padding: 0.6rem 0.8rem; font-size: 0.9rem; line-height: 1.1em; white-space: nowrap; }
		body .k-grid .td-layout .button.secondary { background: var(--color-white); color: var(--color-dark-red); font-weight: var(--bulma-strong-weight); }
			body .k-grid .td-layout .button.secondary:hover { background: var(--color-light-grey); }
				body .k-grid .td-layout .button.secondary span.k-icon::before { color: var(--color-dark-red); }
		body .k-grid .td-layout .button.icon-button { justify-content: center; width: 1.8rem; height: 1.8rem; margin: -5px 0; padding: 0; border-radius: 50%; }
		body .k-grid .td-layout.wrap .button { text-align: left; }
		body .k-grid .td-layout:has(.img-container) .product-name { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0.6rem 0.4rem 0.2rem; border-radius: 0 0 var(--border-radius-small) var(--border-radius-small); background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%); color: var(--color-white); text-shadow: 0 0 6px var(--color-dark); }
		body .k-grid .td-layout .img-container { height: 68px; width: 140px; border-radius: var(--border-radius-small); overflow: hidden; }
			body .k-grid .td-layout .img-container img { object-fit: cover; width: 100%; height: 100%; }
		body .k-grid .td-layout hr { flex: 0 0 1px; height: 2.4em; margin: 0 6px; background: var(--color-grey); }
		body .k-grid .td-layout .grid-status { display: inline-block; align-self: flex-start; margin: -0.4rem 0 -0.4rem 0.2rem; padding: 0.2rem 0.6rem; border: 1px solid var(--color-dark-opacity10); border-radius: var(--border-radius-large); background: var(--color-dark-opacity10); font-size: 0.85rem; line-height: 1.4em; }

	/* Detail Row */
	body.app .k-grid tr.k-detail-row td.k-detail-cell { padding: 0 0 1rem; font-size: 0.9rem; }

	/* Inputs */
	body.app .grid-sorting .field { display: flex; flex: 0 1 auto; align-items: center; gap: 1.4em; width: auto; margin: 0; border-radius: var(--border-radius-small); }
		body.app .grid-sorting .field label { display: none; color: var(--color-white); }
		body.app .grid-sorting .field input { margin: 0; padding: 0.8rem; border: 1px solid var(--color-white-opacity30); background: none; color: var(--color-white); font-size: 0.9rem; }
		body.app .grid-sorting .field select { margin: 0; border: 1px solid var(--color-white-opacity30); background: none; color: var(--color-white); font-size: 0.9rem; }
			body.app .grid-sorting .field select option { padding: 0; color: var(--color-dark); }
		body.app .grid-sorting .field span.k-icon { margin: 0; color: var(--color-white); }
		/* Search Based */
		body.app .k-grid.search-based .k-grid-toolbar .grid-sorting .field label, body.app .k-grid.search-based .k-grid-toolbar .grid-sorting .field span.k-icon { color: var(--color-dark); }
		body.app .k-grid.search-based .k-grid-toolbar .grid-sorting .field input, body.app .k-grid.search-based .k-grid-toolbar .grid-sorting .field select { border: 1px solid var(--color-grey); background: var(--color-white); color: var(--color-dark); }
	/* Show Labels */
	body.app .grid-sorting.show-labels .field { flex-flow: column; align-items: flex-start; gap: 0.6rem; }
		body.app .grid-sorting.show-labels .field label { display: block; margin: 0; color: var(--color-white); white-space: nowrap; }

/* Header */
body.app .k-grid-header th.k-header { font-size: 0.8rem; font-weight: var(--bulma-strong-weight); vertical-align: middle; text-transform: uppercase; }
.k-popup { background: var(--color-white); }
	.k-popup .k-widget > span { border-radius: 5px; border-color: var(--color-grey); }

/* Body */
body.app .k-grid tr { transition: all 0.03s ease 0s; }
body.app .k-grid tr.k-alt, body.app .k-grid tbody tr:hover, body.app .k-grid tbody tr.k-state-hover { background: var(--color-white-opacity50); }
body.app .k-grid tbody tr:hover, body.app .k-grid tbody tr.k-state-hover { background: var(--color-white); }
	body.app .k-grid tr:not(:last-child) td { border-bottom: 1px solid var(--color-dark-opacity10); }

.big-stat h2 { color: var(--color-dark); font-size: 1.2rem; line-height: 1.2em; font-weight: var(--bulma-body-weight); text-align: left; text-transform: uppercase; letter-spacing: 0.05em; }
.big-stat .big-tally { font-size: 4vw; line-height: 1em; font-weight: var(--bulma-strong-weight); }
.big-stat .medium-tally { font-size: 3.2rem; line-height: 1em; }

/* Links */
body.app .k-grid td a:not(.k-icon) { display: flex; align-items: center; gap: 0.2rem; width: 100%; }
/* Commands */
body.app .k-grid td.k-command-cell a { display: inline-flex; width: auto; margin-right: 0.2rem; padding: 0.6rem 0.8rem; font-size: 0.9rem; line-height: 1.1em; }
body.app .k-grid td.k-command-cell a.k-grid-delete, body.app .k-grid td.k-command-cell a.k-grid-cancel { background: var(--color-white); color: var(--color-dark-red); font-weight: var(--bulma-strong-weight); }
	body.app .k-grid td.k-command-cell a.k-grid-delete:hover, body.app .k-grid td.k-command-cell a.k-grid-cancel:hover { background: var(--color-light-grey); }
body.app .k-grid td.k-command-cell a:last-child { margin-right: 0; }

/* Buttons */
body.app tbody td .button { display: flex; align-items: center; gap: 0.2em; position: relative; text-align: left; white-space: nowrap; }
	body.app tbody td .button span.k-icon { flex: 0 0 1em; width: 1em; height: 1em; background: none;; }
/* Status */
body.app .k-grid tr td .status { color: var(--color-dark); }
	body.app .k-grid tr td .status.red { color: var(--color-red); font-weight: var(--bulma-strong-weight); }
	body.app .k-grid tr td .status.orange { color: var(--color-orange); }
/* Select */
body.app .k-grid tr td .select-container { margin: -1.2vw 0; }
	body.app .k-grid tr td .select-container select { max-width: 96%; padding: 0.6rem 30px 0.6rem 0.4rem; border: 1px solid var(--color-light-grey); background: var(--color-white); font-size: 0.9em; }
	body.app .k-grid tr td .select-container > span.k-icon { right: 18px; }
/* Pager */
body.app .k-pager-wrap { padding: 1em; }
	body.app .k-pager-wrap .k-link { border: 0; background: var(--color-dark); color: var(--color-white); }
	body.app .k-pager-wrap .k-link.k-state-selected { background: var(--color-white); color: var(--color-dark); }
	body.app .k-pager-wrap .k-link.k-state-disabled { background: var(--color-dark-opacity30); }
		body.app .k-pager-wrap .k-link span { margin: 0; }

/* Modal */

body .k-overlay { background: var(--color-dark); }
body .k-window { max-width: 94%; height: 800px; padding-top: 0 !important; border: 0; border-radius: var(--border-radius-medium); box-shadow: 0px 1.4px 1.4px rgba(0, 0, 0, 0.35), 0px 3.8px 3.8px rgba(0, 0, 0, 0.05), 0px 9px 9px rgba(0, 0, 0, 0.065), 0px 30px 30px var(--color-dark-opacity10); }
body .k-window:not([data-role="draggable"]) { position: fixed; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 680px; max-width: 94%; max-height: 80vh; overflow: auto; overscroll-behavior: contain; }

	body .k-window .k-window-titlebar { position: sticky; z-index: 50; top: 0; margin-top: 0 !important; padding: 1.4rem 1.8rem; border: 1px solid var(--color-white-opacity30); border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0; background: var(--bulma-primary); color: var(--color-white); }
		body .k-window .k-window-titlebar .k-window-title { font-weight: var(--bulma-strong-weight); }
		body .k-window .k-window-titlebar .k-window-actions { display: flex; right: 2em; gap: 0.4rem; }
			body .k-window .k-window-titlebar .k-window-action { opacity: 1; align-items: center; justify-content: center; width: 30px; height: 30px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: var(--bulma-primary-bold) !important; color: var(--color-white); transition: background 0.2s ease 0s, color 0.2s ease 0s; }
				body .k-window .k-window-titlebar .k-window-action:hover { border: 0; background: var(--bulma-danger) !important; color: var(--color-white); }
		body .k-window .k-window-content { position: relative; width: 100%; max-width: 100%; height: auto; margin: 0 auto; padding: 1.4rem 1.8rem; border: 1px solid var(--color-white-opacity30); border-radius: 0 0 5px 5px; background: var(--color-white); transition: var(--transition-fast); overflow: hidden; }
			body .k-window .k-window-content h2:first-child { margin-top: 0; }
			body .k-window .k-window-content h3 { font-size: 1.4em; font-weight: var(--bulma-strong-weight); }
		/* Form */
		body .k-window .k-window-content.form { font-size: 1em; }
			body .k-window .k-window-content.form #submit-box { border-radius: 0; }
			body .k-window .k-window-content.form #submit-box .button { padding: 1em 1.6em; }

	/* Remote Content */
	body .k-window header { display: none; }
	body .k-window main { padding-top: 0; }

/* Scheduler */
.k-scheduler .k-button, .k-scheduler .k-button:hover, .k-scheduler .k-nav-current { margin-top: 0; padding: 0.4rem 0.8rem; border: 1px solid var(--color-dark-opacity10); border-radius: 0; background: var(--color-white); color: inherit; font-size: 0.9rem; line-height: 1.4em; }
.k-scheduler .k-button.k-icon-button, .k-scheduler .k-button.k-icon-button:hover { justify-content: center; width: 2rem; height: 2rem; border-radius: 50%; margin-left: 0.4rem; padding: 0; }
	.k-scheduler .k-button:hover { border: 1px solid var(--bulma-link-text); }

.k-scheduler { border: 1px solid var(--color-grey); }

	.k-scheduler .k-scheduler-navigation { margin-right: 0.4rem; }
	.k-scheduler .k-scheduler-toolbar { padding: 0.6rem; border-bottom: 1px solid var(--color-grey); background: var(--color-light-grey); }
		.k-scheduler-toolbar .k-scheduler-search { border: 1px solid var(--color-grey); }

	.k-scheduler-header th, .k-scheduler-table td { border-color: var(--color-grey); }
	.k-event-actions:first-child { margin: 1px 4px; }
	.k-event { border: 0; background: var(--color-light-primary); }
		.k-event .k-event-template { font-size: 0.8rem; font-weight: var(--bulma-body-weight); line-height: 1.4em; text-shadow: 0 0 8px var(--color-white); }

	.k-edit-form-container { width: auto; }

/* Footer */
#footer { padding: 3rem 0; background: var(--bulma-text); color: var(--bulma-primary-25-invert); }
	#footer hr { background: var(--color-white-opacity20) }

/* --- Screen | Login --- */

body.login { background: var(--color-light-grey); }

/* Login Box */
body .login > .box { width: 440px; max-width: 90%; }
	body .login .login-box .logo { text-align: center; }
		body .login .login-box .logo img { max-width: 340px; }

	body .login .login-box .forgot-password { display: none; }
		body .login .login-box .sign-in .form-wrapper, body .login .login-box .forgot-password .form-wrapper { margin: 0; }
			body .login h1, body .login h1, body .login h2, body .login h2 { margin: 0; font-size: 1.8em; text-align: center; }

/* --- Screen | Create Account --- */

body .create-account > .box { width: 600px; max-width: 90%; }
	body .create-account h1, body .create-account h1, body .create-account h2, body .create-account h2 { margin: 0; font-size: 1.8em; text-align: center; }

/* --- Messaging --- */

/* New Message Container */
.new-message-container { border-radius: var(--border-radius-medium); background: var(--bulma-link-text); }
/* Search Conversations */
.conversation-search { padding: 1rem; border: 1px solid var(--color-white); border-bottom: 0; background: var(--color-light-grey); border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0; }
	body.app .conversation-search .search-container input { border: 1px solid var(--color-dark-opacity10); background: var(--color-white); font-size: 0.9rem; line-height: 1.4em; }
/* Conversation Items */
.conversation-list .conversation { position: relative; padding: 1.2rem 1.4rem; border: 0; border-bottom: 1px solid var(--bulma-primary); background: var(--color-dark); transition: all 0.3s ease 0s; cursor: pointer; }
	.conversation-list .conversation:hover { background: var(--bulma-primary); }
		.conversation-list h3 { position: relative; z-index: 10; margin: 0; color: var(--color-white); font-size: 1.2rem; }
		.conversation-list p { position: relative; z-index: 10; margin: 0.2rem 0 0; color: var(--color-white-opacity80); font-size: 0.8rem; line-height: 1.4em; }
		.conversation-list p.topic { font-size: 0.9rem; font-weight: var(--bulma-strong-weight); line-height: 1.1em; }
			.conversation-list p strong { color: var(--color-white-opacity90); }
		.conversation-list .conversation .read-status { opacity: 0; position: absolute; top: 0; right: 0; padding: 0.3em 0.4em 0 0.6em; border-radius: 0 0 0 var(--border-radius-small); box-shadow: var(--shadow-small); background: var(--color-white-opacity90); color: var(--bulma-link-text); font-size: 0.7rem; font-weight: var(--bulma-strong-weight); line-height: 1.4em; text-transform: uppercase; letter-spacing: 0.1em; transition: var(--transition-fast); }
			.conversation-list .conversation .read-status.new { opacity: 1; }
	/* Active Message */
	.conversation-list .conversation.active { border-bottom: 1px solid var(--color-white); background: var(--color-white); }
		.conversation-list .conversation.active h3, .conversation-list .conversation.active p strong { color: var(--color-dark); }
		.conversation-list .conversation.active p.topic { color: var(--bulma-primary); }
		.conversation-list .conversation.active p { color: var(--color-dark-opacity90); }

/* Messaging */
.message-center .messaging .conversation-header { margin: var(--negative-spacing-medium); margin-bottom: 1.6rem; background: var(--bulma-primary); }
	.message-center .messaging .conversation-header .pillbox { border: 1px solid var(--color-white-opacity20); box-shadow: inset 0 2px 20px -12px var(--color-dark); }
		.message-center .messaging .conversation-header .pillbox > span { background: var(--color-dark-opacity40); }

.message-center .messaging .message-container { border-bottom: 1px solid var(--color-dark-opacity10); color: var(--color-dark); }
.message-center .messaging .message-container:last-child { border-bottom: 0; }
	.message-center .messaging .message-container h4 { color: var(--color-dark); }
		.message-center .messaging .message-container h4 .note-timestamp { background: var(--color-light-grey); color: var(--color-dark); font-size: 0.7rem; line-height: 1.4em; letter-spacing: 0.1em; }

.messaging .field { margin: 0; justify-content: flex-end; }
.messaging .field textarea { height: 140px; max-height: 60vh; }
	.messaging .field .submit-button { justify-content: center; }

.messaging .send-message { margin-right: auto; }

/* Only show phone number links on touch devices smaller than 1024px wide */

@media only screen and (min-width: 1024px) and (hover: none) {

	/* --- Type --- */

	a[href^="tel:"], a[href^="tel:"]:hover { color: inherit; cursor: pointer; text-decoration: none; font-weight: inherit; cursor: default; }
	body.app .k-grid td a[href^="tel:"], body.app .k-grid td a[href^="tel:"]:hover { background: none; color: var(--color-dark); }

}

/* 1024 */

@media only screen and (max-width: 1024px) {

	/* --- Content --- */

}