:root,
[data-theme="light"],
[data-theme="dark"] {
	--primary: #00c9a7;
	--primary-light: #00d2ff;
	--primary-dark: #008b8b;
	--btn-primary: var(--primary);
	--btn-primary-hover: #00e0b8;
	--checkbox-gradient: linear-gradient(180deg, #00d2ff -124.51%, var(--primary) 100%);
	--progress-bar-bg: var(--primary);
	--sv-primary: #00c9a7;
	--sv-primary-dark: #008b8b;
	--sv-secondary: #1b3a82;
	--sv-accent: #00d2ff;
	--sv-gradient: linear-gradient(180deg, #00c9a7 0%, #1b3a82 100%);
	--sv-bg-dark: #0a0a0a;
	--sv-navbar-height: 62px;
	--sv-navbar-logo-height: 38px;
	--sv-navbar-control-height: 42px;
	--sv-navbar-avatar-size: 38px;
}

.navbar {
	background-color: var(--sv-secondary) !important;
	min-height: var(--sv-navbar-height);
}

.navbar .navbar-home img,
.navbar-brand img,
.desktop-wrapper #brand-logo {
	max-height: var(--sv-navbar-logo-height);
	height: var(--sv-navbar-logo-height);
	width: auto;
	object-fit: contain;
}

.desktop-wrapper {
	--desktop-navbar-height: var(--sv-navbar-height);
}

.desktop-wrapper .navbar-container,
.desktop-wrapper .desktop-navbar {
	height: var(--sv-navbar-height) !important;
	min-height: var(--sv-navbar-height) !important;
	padding-top: 12px;
	padding-bottom: 12px;
}

.desktop-wrapper .desktop-navbar-modal-search {
	height: var(--sv-navbar-control-height) !important;
	min-height: var(--sv-navbar-control-height);
}

.desktop-wrapper .desktop-notifications .nav-link,
.desktop-wrapper .desktop-notifications .btn-reset {
	min-height: var(--sv-navbar-control-height);
	display: inline-flex;
	align-items: center;
}

.desktop-avatar.supervisoria-desktop-user {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.desktop-user-block {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
}

.desktop-user-name {
	color: #ffffff;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.06em;
	line-height: 1;
	text-transform: uppercase;
	white-space: nowrap;
}

.desktop-avatar .avatar.avatar-medium {
	width: var(--sv-navbar-avatar-size);
	height: var(--sv-navbar-avatar-size);
}

.desktop-avatar .avatar.avatar-medium .standard-image {
	font-size: 14px;
	line-height: var(--sv-navbar-avatar-size);
}

.sidebar-item.selected,
.desk-sidebar-item.selected {
	background-color: rgba(0, 201, 167, 0.12);
}

.sidebar-item.selected .sidebar-item-label,
.desk-sidebar-item.selected .item-anchor {
	color: var(--sv-primary) !important;
}

.btn-primary,
.btn-primary-dark,
button.btn-primary,
a.btn-primary,
.standard-actions .btn-primary,
.page-actions .btn-primary,
.form-actions .btn-primary {
	background: var(--sv-gradient) !important;
	background-color: var(--sv-primary) !important;
	border-color: var(--sv-primary-dark) !important;
	color: #fff !important;
}

.btn-primary:hover,
.btn-primary-dark:hover,
button.btn-primary:hover,
a.btn-primary:hover,
.standard-actions .btn-primary:hover,
.page-actions .btn-primary:hover,
.form-actions .btn-primary:hover {
	filter: brightness(1.08);
	background: var(--sv-gradient) !important;
	border-color: var(--sv-primary-dark) !important;
}

.btn-primary:focus,
.btn-primary-dark:focus {
	box-shadow: 0 0 0 2px rgba(0, 201, 167, 0.35) !important;
}

body[data-path="login"] {
	background: linear-gradient(135deg, var(--sv-bg-dark) 0%, var(--sv-secondary) 100%);
}

.for-login .page-card,
.for-login .login-content {
	border-radius: 8px;
}

.for-login .brand-logo,
.login-content .brand-image {
	max-height: 80px;
}

.for-login .page-card-head {
	border-bottom-color: var(--sv-primary);
}

.indicator-pill.green,
.progress-bar {
	background-color: var(--sv-primary);
}

.desktop-icon .icon-title,
.app-icon-title {
	text-transform: none;
}

.desktop-icon .icon-container {
	display: flex;
	align-items: center;
	justify-content: center;
}

.desktop-icon .icon-container .app-icon {
	width: 48px;
	height: 48px;
	object-fit: contain;
	background: transparent;
	border-radius: 0;
	padding: 0;
	box-sizing: border-box;
}

.desktop-icon .icon-container .app-icon.app-icon--solid {
	object-fit: cover;
}

.desktop-icon .icon-container.folder-icon {
	position: relative;
	min-height: 48px;
	min-width: 48px;
	overflow: visible;
	padding: 4px;
}

.desktop-icon .icon-container.folder-icon .folder-main-icon {
	position: relative;
	z-index: 2;
	width: 48px;
	height: 48px;
}

.desktop-icon .icon-container.folder-icon .desktop-icon-grid,
.desktop-icon .icon-container.folder-icon .icons-container {
	position: absolute;
	inset: 0;
	opacity: 0.35;
	z-index: 1;
	pointer-events: none;
}

.desktop-icon[data-id="Accounting"] .icon-container.folder-icon .desktop-icon-grid {
	display: none;
}

/* Evita largura SVG negativa em gráficos do dashboard quando o container ainda não tem tamanho */
.form-dashboard .chart-container,
.form-dashboard .widget-body,
.form-dashboard .dashboard-graph,
.widget-group .chart-container {
	min-width: 200px;
	min-height: 120px;
}
