body.xwc_narrow_display {
	html {
  		-webkit-tap-highlight-color: transparent;
  		height: 100%;
	}
	
	body {
  		max-height: 100dvh; /* visible height, not the optimistic 100vh */
  		padding-bottom: env(safe-area-max-inset-bottom, env(safe-area-inset-bottom, 40px));
	}
	
	.login_authentication_wrapper {
		width: calc(100% - 32px);
	}
	
	form .content_wrapper {
    	gap: 0px;
	}

	form .app_container_wrapper {
    	width: 100%;
    	border: none;
    	min-height: 0%;
    	margin-top: 0;
    	    
    	padding-bottom: env(safe-area-max-inset-bottom, env(safe-area-inset-bottom, 40px));
	}
	
	form .app_container_wrapper > #mainForm\:appContainer:has(> div.xvw_scene_viewroot.list) {
        padding-left: 0;
        padding-right: 0;
	}
	
	form .app_container_wrapper:has(> #mainForm\:appContainer > div.xvw_scene_viewroot.edit),
	form .app_container_wrapper:has(> #mainForm\:appContainer > div.xvw_scene_viewroot.list),
	form .app_container_wrapper:has(> #mainForm\:appContainer > div.xvw_scene_viewroot.lookup) {
    	width: 100%;
	}
	
	form #mainForm\:appContainer {
        padding: 12px;
    	border-radius: 0;
    	min-height: 100%;
        border-right-width: 0;
        border-left-width: 0;
	}
	
	form #mainForm\:appContainer:has(> div.xvw_scene_viewroot.list),
	form #mainForm\:appContainer:has(> div.xvw_scene_viewroot.lookup) {
		padding-left: 0;
		padding-right: 0;
	}
	
	form .row {
		flex-wrap: wrap;
		gap: 0px;
	}
	
	form .row > div {
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	form aside#left-panel {
		position: fixed;
		/* Start below the 60px header */
		top: 50px;
		left: 0;
		/* Ensure height accounts for the top offset to avoid overflow */
		height: calc(100vh - 60px);
		width: 100%;
		/* Keep it below the header (905) but above the main content */
		z-index: 904;
		/* Ensure it has a background so content doesn't bleed through */
		box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
		overflow-y: auto; /* Allow scrolling if menu is long */
	}
	
	form aside#left-panel.left-panel-hidden {
		width: 0px;
	}
	
	form .login_authentication_wrapper .btn.btn-default {
		border-radius: 8px;
	}
	
	form .gridpanel-jarviswidget {
		border-radius: 0px;
		border-width: 0px;
	}
	
	form .form-group .xwc_datetime_wrapper {
		display: flex;
		flex-direction: row;
    	flex-wrap: nowrap;
    	gap: 8px;
	}
	
	form .form-group .xwc_datetime_date_wrapper,
	form .form-group .xwc_datetime_time_wrapper {
		flex-shrink: 1;
	}
	
	.modal.in .modal-dialog.modal-lg {
	    width: 100%;
    	margin-left: 0;
    	margin-right: 0;
    	padding: 0 8px;
	}
	
	.modal.in .modal-dialog.modal-lg > .modal-content {
	    max-width: 100%;
	}
	
	@media screen and (max-width: 450px) and (max-width: 767px) {
		.MessageBoxMiddle {
			padding: 0;
		}
	}
	
	form .xvw_scene_viewroot.list > div > div > .xvw_viewer_title {
		padding: 0 8px;
	}
}