/* Hyperce Theme — light mode layout and non-token visuals */

html[data-theme-mode="hyperce_light"] body,
html[data-theme-mode="hyperce_light"] .desk-body,
html[data-theme-mode="hyperce_light"] #page-container {
	background-color: var(--bg-color) !important;
}

html[data-theme-mode="hyperce_light"] .navbar {
	box-shadow: var(--shadow-sm) !important;
}

html[data-theme-mode="hyperce_light"] .widget:not(.shortcut-widget-box):not(.links-widget-box),
html[data-theme-mode="hyperce_light"] .widget.number-widget-box {
	box-shadow: var(--shadow-sm) !important;
}

html[data-theme-mode="hyperce_light"] .widget:not(.shortcut-widget-box):not(.links-widget-box):hover {
	box-shadow: var(--shadow-md) !important;
}

html[data-theme-mode="hyperce_light"] .widget.shortcut-widget-box,
html[data-theme-mode="hyperce_light"] .widget.shortcut-widget-box:hover {
	box-shadow: none !important;
}

html[data-theme-mode="hyperce_light"] .widget.links-widget-box:hover {
	box-shadow: var(--shadow-sm) !important;
}

html[data-theme-mode="hyperce_light"] .form-section,
html[data-theme-mode="hyperce_light"] .section-body {
	box-shadow: var(--shadow-sm) !important;
}

html[data-theme-mode="hyperce_light"] .list-row:hover {
	background: var(--bg-color) !important;
}

html[data-theme-mode="hyperce_light"] .list-row.selected {
	background: var(--hyperce-accent-subtle) !important;
}

html[data-theme-mode="hyperce_light"] .awesomplete > ul {
	background: var(--fg-color) !important;
	border: 1px solid var(--border-color) !important;
	box-shadow: var(--shadow-lg) !important;
}

html[data-theme-mode="hyperce_light"] .awesomplete > ul > li:hover,
html[data-theme-mode="hyperce_light"] .awesomplete > ul > li[aria-selected="true"] {
	background: var(--hyperce-accent-subtle) !important;
	color: var(--primary-color) !important;
}

html[data-theme-mode="hyperce_light"] .chart-container text {
	fill: var(--text-light) !important;
}

html[data-theme-mode="hyperce_light"] .chart-container line {
	stroke: var(--table-border-color) !important;
}

html[data-theme-mode="hyperce_light"] .skeleton-box,
html[data-theme-mode="hyperce_light"] .placeholder-text {
	background: linear-gradient(
		90deg,
		var(--control-bg) 25%,
		var(--control-bg-on-gray) 50%,
		var(--control-bg) 75%
	) !important;
	background-size: 200% 100% !important;
	animation: hyperce-shimmer 1.6s ease-in-out infinite !important;
}

/* ── Workspace home ─────────────────────────────────────────────────────── */

html[data-theme-mode="hyperce_light"] .widget-group-title {
	margin-bottom: 12px !important;
	color: var(--heading-color) !important;
}

html[data-theme-mode="hyperce_light"] .widget-group-body.grid-col-2 {
	row-gap: 12px !important;
	align-items: stretch !important;
}

/* Shortcut chips */
html[data-theme-mode="hyperce_light"] .widget.shortcut-widget-box,
html[data-theme-mode="hyperce_light"] .widget.shortcut-widget-box.border,
html[data-theme-mode="hyperce_light"] body.nova-active .widget.shortcut-widget-box {
	background: var(--control-bg) !important;
	border: 0 !important;
	border-radius: var(--border-radius-lg) !important;
	box-shadow: none !important;
	outline: none !important;
}

html[data-theme-mode="hyperce_light"] .widget.shortcut-widget-box:hover {
	background: var(--control-bg-on-gray) !important;
}

html[data-theme-mode="hyperce_light"] .widget.shortcut-widget-box .indicator-pill.gray,
html[data-theme-mode="hyperce_light"] .widget.shortcut-widget-box .indicator-pill.grey {
	background: var(--fg-color) !important;
	color: var(--text-muted) !important;
	border: none !important;
	font-size: 0.75rem !important;
}

/* Reports & Masters cards */
html[data-theme-mode="hyperce_light"] .widget.links-widget-box {
	background: var(--card-bg) !important;
	border: none !important;
	box-shadow: var(--shadow-sm) !important;
	padding: 16px 18px !important;
}

html[data-theme-mode="hyperce_light"] .widget.links-widget-box .widget-head .widget-title,
html[data-theme-mode="hyperce_light"] .widget.links-widget-box .widget-head .widget-title .ellipsis {
	color: var(--heading-color) !important;
	font-weight: 600 !important;
}

/* Link rows — neutral by default, accent on hover */
html[data-theme-mode="hyperce_light"] .widget.links-widget-box .link-item {
	color: var(--text-color) !important;
	padding: 8px 10px !important;
	border-radius: var(--border-radius-md) !important;
	transition: background 0.15s ease, color 0.15s ease;
}

html[data-theme-mode="hyperce_light"] .widget.links-widget-box .link-item .link-content {
	color: inherit !important;
}

html[data-theme-mode="hyperce_light"] .widget.links-widget-box .link-item svg {
	opacity: 0.4;
	transition: opacity 0.15s ease;
}

html[data-theme-mode="hyperce_light"] .widget.links-widget-box .link-item:hover {
	background: var(--hyperce-accent-subtle) !important;
	color: var(--primary-color) !important;
}

html[data-theme-mode="hyperce_light"] .widget.links-widget-box .link-item:hover .link-content {
	color: var(--primary-color) !important;
}

html[data-theme-mode="hyperce_light"] .widget.links-widget-box .link-item:hover svg {
	opacity: 1;
}

/* Workspace footer actions */
html[data-theme-mode="hyperce_light"] .btn-edit-workspace,
html[data-theme-mode="hyperce_light"] .btn-new-workspace {
	background: var(--control-bg) !important;
	border: none !important;
	box-shadow: none !important;
	color: var(--text-color) !important;
	border-radius: var(--border-radius-md) !important;
}

html[data-theme-mode="hyperce_light"] .btn-edit-workspace:hover,
html[data-theme-mode="hyperce_light"] .btn-new-workspace:hover {
	background: var(--control-bg-on-gray) !important;
	color: var(--primary-color) !important;
	box-shadow: none !important;
}

/* Final override — no borders on any workspace link/chip surfaces */
html[data-theme-mode="hyperce_light"] .layout-main-section .widget.shortcut-widget-box,
html[data-theme-mode="hyperce_light"] .layout-main-section .widget.shortcut-widget-box.border,
html[data-theme-mode="hyperce_light"] body.nova-active .layout-main-section .widget.shortcut-widget-box,
html[data-theme-mode="hyperce_light"] .layout-main-section .widget.links-widget-box,
html[data-theme-mode="hyperce_light"] .layout-main-section .widget.links-widget-box.border,
html[data-theme-mode="hyperce_light"] .layout-main-section .links-widget-box .link-item,
html[data-theme-mode="hyperce_light"] .layout-main-section a.link-item {
	border: none !important;
	border-width: 0 !important;
	outline: none !important;
}

html[data-theme-mode="hyperce_light"] .layout-main-section .widget.shortcut-widget-box {
	box-shadow: none !important;
	background: var(--control-bg) !important;
}

html[data-theme-mode="hyperce_light"] .layout-main-section .widget.links-widget-box {
	box-shadow: var(--shadow-sm) !important;
}

/* --- ClicksCloud SSO "Login with Clicks" button (web /login page) ---
   Unscoped (the login page has no data-theme-mode) and keyed to the stable
   .btn-keycloak class Frappe renders from the Social Login Key docname. */
.social-login-buttons .btn-login-option.btn-keycloak {
	background: #16a34a !important;
	border-color: #16a34a !important;
	color: #ffffff !important;
	font-weight: 600 !important;
}
.social-login-buttons .btn-login-option.btn-keycloak:hover,
.social-login-buttons .btn-login-option.btn-keycloak:focus,
.social-login-buttons .btn-login-option.btn-keycloak:active {
	background: #15803d !important;
	border-color: #15803d !important;
	color: #ffffff !important;
}
.social-login-buttons .btn-login-option.btn-keycloak svg,
.social-login-buttons .btn-login-option.btn-keycloak path {
	fill: #ffffff !important;
	stroke: #ffffff !important;
}