:root {
	--app-max-width: 2500px;
	--hx-form-spacing: 0;
}

html {
	/*scroll-padding-top: 100px;*/
	/* Enable pull-to-refresh on iOS PWA */
	overscroll-behavior-y: contain;
	/* Black background for notch/safe area insets on iOS PWA */
	background-color: #000000;
}

body, .offcanvas {
	/*background: linear-gradient(180deg, #f8f9fa, #dcd6f7);*/ /* Lighter and more purple */
	/*background: linear-gradient(180deg, #fafafa, #eeeeee);*/
	background-color: #fafafa !important;
	/*transform: scale(0.8);
	transform-origin: top left;
	width: 125vw;*/ /* 1 / 0.8 = 1.25 */
	height: 100dvh;
	/* iOS PWA notch/safe area handling */
	padding-top: env(safe-area-inset-top);
	padding-bottom: env(safe-area-inset-bottom);
	padding-left: env(safe-area-inset-left);
	padding-right: env(safe-area-inset-right);
}

/* iOS PWA: Ensure notch area respects background */
@supports (padding: env(safe-area-inset-top)) {
	body {
		padding-top: env(safe-area-inset-top);
		padding-bottom: env(safe-area-inset-bottom);
	}
	
	/* Fix for status bar area in standalone mode */
	.navbar {
		padding-top: calc(0.5rem + env(safe-area-inset-top));
	}
}

.navbar{
	background-color: #f1f1f1 !important;
}

h1 {
	outline: none;
}

.card{
	/*background: #fafafa !important;*/
}

.card-header{
	border-bottom: none !important;
	background-color: transparent !important;
	font-weight: 600;
}

.card-item{
	/*background: white;*/
}

.badge {
	--bs-badge-font-size: .80rem; 
}

.text-orange {
	color: var(--bs-orange);
}

/* Global button cursor */
button, .btn, [role="button"], .hx-button, .nav-link, .dropdown-item {
	cursor: pointer;
}

/* Disabled states keep default cursor */
button:disabled, .btn:disabled, .hx-button:disabled, .nav-link.disabled, .dropdown-item.disabled {
	cursor: not-allowed;
}

/* Utility: borderless (flat) button appearance */
.btn-no-border,
.btn-no-border:focus,
.btn-no-border:active,
.btn-no-border:hover {
	border: 0 !important;
	box-shadow: none !important;
}

/* Global reduced heading sizes */
h1 { font-size: 1.5rem !important; font-weight:600; }
h2 { font-size: 1.35rem !important; font-weight:600; }
h3 { font-size: 1.2rem !important; font-weight:600; }
h4 { font-size: 1.05rem !important; font-weight:600; }
h5 { font-size: .95rem !important; font-weight:600; }
h6 { font-size: .85rem !important; font-weight:600; }

/* Ultrawide: constrain core/public layout wrappers */
.doc-container,
.public-layout-container {
	max-width: var(--app-max-width);
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}