/* Digit Desk theme foundation.
   Converts the Blueprint into safe ERPNext Desk styling without replacing Desk behavior. */

body.digit-desk,
body[data-route],
.page-container,
.page-content,
.page-body {
	background-color: var(--digit-paper) !important;
	color: var(--digit-body) !important;
}

.navbar {
	min-height: var(--digit-topbar-height) !important;
	background: rgba(255, 255, 255, 0.96) !important;
	border-bottom: 1px solid var(--digit-border) !important;
	box-shadow: none !important;
}

.navbar .navbar-brand,
.navbar .navbar-home,
.navbar .nav-link,
.navbar .dropdown-toggle {
	color: var(--digit-ink) !important;
	font-weight: 600;
}

.navbar .search-bar,
.navbar .awesomplete > input,
.search-bar .form-control {
	min-height: var(--digit-control-height) !important;
	border-radius: var(--digit-radius-md) !important;
	border: 1px solid var(--digit-border) !important;
	background: var(--digit-paper) !important;
	color: var(--digit-ink) !important;
	box-shadow: none !important;
}

.navbar .search-bar:focus-within,
.navbar .awesomplete > input:focus,
.search-bar .form-control:focus {
	border-color: var(--digit-brand) !important;
	box-shadow: var(--digit-focus) !important;
}

.page-head {
	background: transparent !important;
	border-bottom: 0 !important;
	box-shadow: none !important;
}

.page-title .title-text,
.page-head h1,
.workspace-title {
	color: var(--digit-ink) !important;
	font-family: var(--digit-font-arabic) !important;
	font-size: 20px !important;
	font-weight: 800 !important;
	line-height: 1.4 !important;
	letter-spacing: 0 !important;
}

.page-head .sub-heading,
.text-muted,
.help-box,
.small,
small {
	color: var(--digit-muted) !important;
}

.standard-sidebar,
.desk-sidebar,
.layout-side-section,
.list-sidebar {
	background: var(--digit-card) !important;
	border-color: var(--digit-border-soft) !important;
	box-shadow: none !important;
}

.standard-sidebar .standard-sidebar-item,
.desk-sidebar .standard-sidebar-item,
.layout-side-section .sidebar-menu > li > a,
.sidebar-item {
	min-height: 34px;
	border-radius: var(--digit-radius-md) !important;
	color: var(--digit-body) !important;
	font-weight: 500 !important;
	letter-spacing: 0 !important;
}

.standard-sidebar .standard-sidebar-item:hover,
.desk-sidebar .standard-sidebar-item:hover,
.layout-side-section .sidebar-menu > li > a:hover,
.sidebar-item:hover {
	background: var(--digit-brand-soft) !important;
	color: var(--digit-brand-deep) !important;
}

.standard-sidebar .standard-sidebar-item.selected,
.desk-sidebar .standard-sidebar-item.selected,
.sidebar-item.selected,
.standard-sidebar .standard-sidebar-item.active,
.desk-sidebar .standard-sidebar-item.active {
	background: var(--digit-brand-soft) !important;
	color: var(--digit-brand-deep) !important;
	font-weight: 700 !important;
}

.standard-sidebar-label,
.sidebar-label,
.desk-sidebar .standard-sidebar-section > .section-title {
	color: var(--digit-muted) !important;
	font-family: var(--digit-font-mono) !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
	text-transform: uppercase;
}

.widget,
.widget-box,
.frappe-card,
.shortcut-widget-box,
.links-widget-box,
.number-widget-box,
.dashboard-widget-box,
.workspace-section .card,
.layout-main-section {
	background: var(--digit-card) !important;
	border: 1px solid var(--digit-border) !important;
	border-radius: var(--digit-radius-lg) !important;
	box-shadow: var(--digit-shadow-flat) !important;
}

.widget:hover,
.shortcut-widget-box:hover,
.links-widget-box:hover,
.number-widget-box:hover {
	box-shadow: var(--digit-shadow-hover) !important;
	transform: translateY(-1px);
}

.widget-title,
.widget-head .widget-title,
.links-widget-box .widget-title,
.number-widget-box .widget-title,
.card h3,
.section-head {
	color: var(--digit-ink) !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
}

.number-widget-box .widget-content .number,
.number-card .number,
.indicator-pill .number {
	color: var(--digit-ink) !important;
	font-family: var(--digit-font-latin) !important;
	font-size: 20px !important;
	font-weight: 800 !important;
	line-height: 1.3 !important;
	direction: ltr;
}

.btn,
.btn-default,
.btn-secondary {
	min-height: var(--digit-button-height) !important;
	border-radius: var(--digit-radius-md) !important;
	border-color: var(--digit-border) !important;
	background: var(--digit-card) !important;
	color: var(--digit-body) !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
	box-shadow: none !important;
}

.btn:hover,
.btn-default:hover,
.btn-secondary:hover {
	background: var(--digit-paper) !important;
	border-color: var(--digit-brand) !important;
	color: var(--digit-brand-deep) !important;
}

.btn-primary,
.btn.btn-primary,
button.btn-primary,
.primary-action {
	background: var(--digit-brand) !important;
	border-color: var(--digit-brand) !important;
	color: #fff !important;
}

.btn-primary:hover,
.btn.btn-primary:hover,
button.btn-primary:hover,
.primary-action:hover {
	background: var(--digit-brand-deep) !important;
	border-color: var(--digit-brand-deep) !important;
	color: #fff !important;
}

.indicator-pill,
.badge,
.label {
	min-height: 20px;
	border-radius: 999px !important;
	font-size: 10.5px !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
}

.indicator-pill.green,
.badge-success,
.label-success {
	background: var(--digit-success-bg) !important;
	color: var(--digit-success) !important;
}

.indicator-pill.orange,
.badge-warning,
.label-warning {
	background: var(--digit-warning-bg) !important;
	color: var(--digit-warning) !important;
}

.indicator-pill.red,
.badge-danger,
.label-danger {
	background: var(--digit-error-bg) !important;
	color: var(--digit-error) !important;
}

.indicator-pill.blue,
.badge-info,
.label-info {
	background: var(--digit-info-bg) !important;
	color: var(--digit-info) !important;
}

.alert,
.msgprint,
.toast-message {
	border-radius: var(--digit-radius-md) !important;
	border: 1px solid var(--digit-border) !important;
	box-shadow: none !important;
}

.modal-content,
.dropdown-menu {
	border: 1px solid var(--digit-border) !important;
	border-radius: var(--digit-radius-lg) !important;
	box-shadow: 0 24px 60px rgba(16, 24, 40, 0.18) !important;
}

[dir="rtl"] .page-title,
html[dir="rtl"] .page-title,
body.lang-ar .page-title {
	text-align: right;
}

@media (max-width: 991px) {
	:root {
		--digit-content-pad-x: 16px;
	}

	.page-title .title-text,
	.page-head h1,
	.workspace-title {
		font-size: 18px !important;
	}
}