/* --- Calendar toolbar and spinner fixes (moved from calendar-fixes.css) --- */

/* Move calendar toolbar fully under tab bar and add bottom border */
.x-panel-body .x-toolbar {
	margin-top: 4px !important;
	border-bottom: 1.5px solid #bfc9d6 !important;
	z-index: 2 !important;
	position: relative !important;
}

/* Ensure calendar date spinner is fully visible and not clipped */
.x-panel-body .x-grid-header-ct {
	margin-top: 0 !important;
	min-height: 36px !important;
	z-index: 3 !important;
	position: relative !important;
}

/* Increase spinner input/button height if needed */
.x-panel-body .x-grid-header-ct input,
.x-panel-body .x-grid-header-ct .x-form-spinner-up,
.x-panel-body .x-grid-header-ct .x-form-spinner-down {
	min-height: 28px !important;
	height: 28px !important;
	line-height: 28px !important;
}
/* Renamed from test.css: Tabler-style UI theme for PLATTS */

/* Custom loading indicator style */
.loading-indicator {
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0.2px;
	color: #12345a;
}
/* Toolbar buttons: borderless and transparent by default, faint border on hover */
/* Improved toolbar button style: square, transparent, faint hover outline, proper spacing */
/* Toolbar buttons: square, transparent, icon left of text, original width */
.x-toolbar .x-btn-default-toolbar-small,
.x-toolbar .x-btn-default-toolbar-medium,
.x-toolbar .x-btn-default-toolbar-large {
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding: 4px 8px !important;
	min-width: 28px;
	min-height: 28px;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	flex-direction: row !important;
	width: auto !important;
	max-width: 100%;
}
.x-toolbar .x-btn-default-toolbar-small:hover,
.x-toolbar .x-btn-default-toolbar-medium:hover,
.x-toolbar .x-btn-default-toolbar-large:hover,
.x-toolbar .x-btn-default-toolbar-small.x-btn-over,
.x-toolbar .x-btn-default-toolbar-medium.x-btn-over,
.x-toolbar .x-btn-default-toolbar-large.x-btn-over {
	border: 1px solid #bfc9d6 !important;   /* Faint outline */
	background: #f7fafd !important;         /* Subtle hover background */
	box-shadow: 0 1px 2px rgba(60,80,120,0.04);
}

/* Vertically center all dialog/button text (including Ext.Msg and forms) */
.x-btn-inner,
.x-btn-default-toolbar-small .x-btn-inner,
.x-btn-default-toolbar-medium .x-btn-inner,
.x-btn-default-toolbar-large .x-btn-inner {
	display: inline-flex !important;
	align-items: center !important;
	flex-direction: row !important;
	height: 100% !important;
	line-height: normal !important;
	gap: 6px;
}

/* Panel/form captions: enforce global font and sizing */
.x-panel-header-text,
.x-form-item-label,
.x-fieldset-header-text {
	font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	color: #2f3a45 !important;
}
#idFields-body *, #pnlReportTemplate-body .slick-header, #pnlReportTemplate-body .slick-header *
{
	box-sizing: content-box !important;
}

/* Global typography baseline: match grid font across the UI. */
html,
body,
.x-body,
.x-panel,
.x-panel *,
.x-window,
.x-window *,
.x-toolbar,
.x-toolbar *,
.x-form-item,
.x-form-item *,
.x-menu,
.x-menu *,
.x-boundlist,
.x-boundlist *,
.x-btn,
.x-btn *,
.x-tab,
.x-tab * {
	font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
}

.x-btn,
.x-btn *,
.x-tab,
.x-tab *,
.x-panel,
.x-panel *,
.x-window,
.x-window *,
.x-toolbar,
.x-toolbar *,
.x-form-item,
.x-form-item *,
.x-form-trigger-wrap,
.x-form-trigger-wrap *,
.x-fieldset,
.x-fieldset *,
.x-boundlist,
.x-boundlist *,
.x-menu,
.x-menu *
{
	border-radius: 0 !important;
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

/* Flat ExtJS look: remove gradients, bevels, and legacy 3D shadows. */
.x-btn,
.x-btn-default-small,
.x-btn-default-medium,
.x-btn-default-large,
.x-btn-default-toolbar-small,
.x-btn-default-toolbar-medium,
.x-btn-default-toolbar-large,
.x-tab,
.x-tab-default,
.x-tab-bar,
.x-tab-bar-body,
.x-toolbar,
.x-toolbar-default,
.x-panel,
.x-panel-body,
.x-panel-header,
.x-panel-header-default,
.x-window,
.x-window-body,
.x-window-header,
.x-window-header-default,
.x-fieldset,
.x-form-trigger-wrap,
.x-boundlist,
.x-menu,
.x-menu-item,
.x-tip,
.x-tip-body,
.x-mask,
.x-panel-body-default,
.x-window-body-default,
.x-accordion-hd,
.x-accordion-hd-sibling-expanded,
.x-tab-default .x-tab-inner,
.x-btn .x-btn-inner,
.x-panel-header-text,
.x-column-header-text,
.x-menu-item-text
{
	background-image: none !important;
	filter: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
}

/* Keep dialog/main panel bodies white (custom dialogs and Ext.Msg included). */
.x-panel-body,
.x-panel-body-default,
.x-window-body,
.x-window-body-default,
.x-message-box .x-window-body,
.x-message-box .x-window-body-default,
.x-message-box .x-panel-body,
.x-message-box .x-panel-body-default {
	background-color: #ffffff !important;
}

/* Keep clean separators without beveled highlights. */
.x-panel-header-default,
.x-window-header-default,
.x-toolbar-default,
.x-tab-bar,
.x-tab-default,
.x-btn-default-small,
.x-btn-default-medium,
.x-btn-default-large,
.x-btn-default-toolbar-small,
.x-btn-default-toolbar-medium,
.x-btn-default-toolbar-large
{
	border-color: #c7cfdb !important;
}

/* Toolbar refresh: less blue, more space, cleaner hierarchy. */
.x-toolbar-default,
.x-toolbar-default-vertical {
	background-color: #f4f6f8 !important;
	border-color: #d5dbe3 !important;
	min-height: 30px !important;
}

.x-toolbar-default .x-box-inner,
.x-toolbar-default-vertical .x-box-inner {
	min-height: 0 !important;
}

.x-toolbar-default .x-btn-default-toolbar-small,
.x-toolbar-default .x-btn-default-toolbar-medium,
.x-toolbar-default .x-btn-default-toolbar-large {
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding: 3px 7px !important; /* Slightly tighter */
	min-width: 26px;
	min-height: 26px;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	flex-direction: row !important;
	width: auto !important;
	max-width: 100%;
}
.x-btn-default-small .x-btn-button,
.x-btn-default-medium .x-btn-button,
.x-btn-default-large .x-btn-button,
.x-btn-default-toolbar-small .x-btn-button,
.x-btn-default-toolbar-medium .x-btn-button,
.x-btn-default-toolbar-large .x-btn-button {
	border: none !important;
	background: transparent !important;
}

.x-toolbar-default .x-btn-default-toolbar-small .x-btn-inner,
.x-toolbar-default .x-btn-default-toolbar-medium .x-btn-inner,
.x-toolbar-default .x-btn-default-toolbar-large .x-btn-inner {
	line-height: 1.2 !important;
	vertical-align: middle !important;
}

.x-btn-default-small .x-btn-inner,
.x-btn-default-medium .x-btn-inner,
.x-btn-default-large .x-btn-inner,
.x-btn-default-toolbar-small .x-btn-inner,
.x-btn-default-toolbar-medium .x-btn-inner,
.x-btn-default-toolbar-large .x-btn-inner,
.x-btn-default-small .x-btn-icon-el,
.x-btn-default-medium .x-btn-icon-el,
.x-btn-default-large .x-btn-icon-el,
.x-btn-default-toolbar-small .x-btn-icon-el,
.x-btn-default-toolbar-medium .x-btn-icon-el,
.x-btn-default-toolbar-large .x-btn-icon-el {
	vertical-align: middle !important;
}

.x-toolbar-default .x-btn-default-toolbar-small .x-btn-icon-el,
.x-toolbar-default .x-btn-default-toolbar-medium .x-btn-icon-el,
.x-toolbar-default .x-btn-default-toolbar-large .x-btn-icon-el {
	top: auto !important;
	transform: none !important;
}

/* Safety reset: never vertically translate Ext button icons. */
.x-btn .x-btn-icon-el,
.x-toolbar .x-btn .x-btn-icon-el {
	top: auto !important;
	transform: none !important;
}

.x-toolbar-default .x-btn-default-toolbar-small-over,
.x-toolbar-default .x-btn-default-toolbar-medium-over,
.x-toolbar-default .x-btn-default-toolbar-large-over {
	background-color: #eaf1fb !important;
	border-color: #9fb7d9 !important;
}

.x-toolbar-default .x-btn-default-toolbar-small-over .x-btn-inner,
.x-toolbar-default .x-btn-default-toolbar-medium-over .x-btn-inner,
.x-toolbar-default .x-btn-default-toolbar-large-over .x-btn-inner,
.x-toolbar-default .x-btn-default-toolbar-small-pressed .x-btn-inner,
.x-toolbar-default .x-btn-default-toolbar-medium-pressed .x-btn-inner,
.x-toolbar-default .x-btn-default-toolbar-large-pressed .x-btn-inner {
	color: #1f4d7a !important;
}

/* Tabs: neutral base, blue only for active emphasis. */
.x-tab-bar-default {
	background-color: #eef1f5 !important;
	border-color: #d5dbe3 !important;
}

.x-tab-default {
	background-color: #f5f7fa !important;
	border-color: #cfd7e2 !important;
}

.x-tab-default .x-tab-inner {
	color: #3a4756 !important;
}

.x-tab-default-active {
	background-color: #ffffff !important;
	border-color: #7da2cc !important;
}

.x-tab-default-active .x-tab-inner {
	color: #1f4d7a !important;
	font-weight: 600 !important;
}

/* Dropdowns and menus on white background. */
.x-boundlist,
.x-boundlist-list-ct,
.x-boundlist-item,
.x-menu,
.x-menu-body,
.x-menu-item,
.x-menu-item-link,
.x-form-trigger-wrap,
.x-form-trigger {
	display: inline-flex !important;
	align-items: center !important;
	flex-direction: row !important;
	height: 100% !important;
	line-height: normal !important;
	gap: 4px;
	background-image: none !important;
}

.x-boundlist-item,
.x-menu-item-text {
	width: 100% !important;
	height: calc(100% - 40px) !important; /* Reduce gap below grid */
	min-height: 220px !important;
	box-sizing: border-box;
	font-size: 13px !important;
	line-height: 1.35 !important;
}

/* Desktop icon labels: match grid typography. */
.ux-desktop-shortcut {
	cursor: pointer;
	text-align: center;
	padding: 10px !important;
	margin: 9px !important;
	width: 80px !important;
}

.ux-desktop-shortcut-text {
	font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
	font-size: 11px !important;
	line-height: 1.15 !important;
	font-weight: 400 !important;
}