/*
Theme Name: Xact Analytics Workspace
Theme URI: https://aerocare.local/
Author: Xact Engineering
Description: Temă WordPress minimalistă, calmă și inspirată din natură (albastru deschis, verde pastel și alb), construită mobile-first special pentru pluginul Xact Quality & XLSX Reports Analytics, utilizând 100% din spațiul de lucru (Full-Bleed Workspace).
Version: 1.1.0
Requires at least: 5.4
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: xact-analytics-workspace
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@500;600;700&display=swap');

:root {
	--xact-bg: #F3F9F7;
	--xact-surface: #FFFFFF;
	--xact-sky-light: #E6F3F9;
	--xact-sky-border: #BFE0F0;
	--xact-sky: #3B89B3;
	--xact-sky-dark: #235D7C;
	--xact-mint-light: #EAF6EE;
	--xact-mint-border: #BEE3CD;
	--xact-mint: #489D7E;
	--xact-mint-dark: #2B6D55;
	--xact-text: #233633;
	--xact-muted: #5E7672;
	--xact-border: #DAEAE3;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html,
body {
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
	min-height: 100vh;
	background: linear-gradient(155deg, #EFF8FB 0%, #F4FAF6 55%, #FFFFFF 100%);
	color: var(--xact-text);
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

body.xact-workspace-body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

/* Slim Minimalist Top Workspace Bar (Mobile-First) */
.xact-topbar {
	position: sticky;
	top: 0;
	z-index: 1000;
	width: 100%;
	background: rgba(255, 255, 255, 0.92);
	backdrop-filter: blur(10px);
	border-bottom: 1px solid var(--xact-border);
	padding: 8px 14px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	box-shadow: 0 2px 14px rgba(35, 54, 51, 0.04);
}

.xact-topbar-left {
	display: flex;
	align-items: center;
	gap: 10px;
}

.xact-brand-link {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
	color: var(--xact-text);
}

.xact-brand-mark {
	width: 34px;
	height: 34px;
	border-radius: 10px;
	background: linear-gradient(135deg, var(--xact-sky-light) 0%, var(--xact-mint-light) 100%);
	border: 1px solid var(--xact-sky-border);
	color: var(--xact-sky);
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	font-size: 0.95rem;
}

.xact-brand-name {
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 0.96rem;
	color: var(--xact-text);
	letter-spacing: -0.01em;
}

.xact-brand-tag {
	display: none;
	font-size: 0.73rem;
	padding: 2px 8px;
	border-radius: 999px;
	background: var(--xact-mint-light);
	color: var(--xact-mint-dark);
	border: 1px solid var(--xact-mint-border);
	font-weight: 600;
}

.xact-topbar-right {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.xact-top-link {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 5px 11px;
	border-radius: 8px;
	font-family: 'Poppins', sans-serif;
	font-size: 0.78rem;
	font-weight: 500;
	text-decoration: none;
	color: var(--xact-sky-dark);
	background: var(--xact-sky-light);
	border: 1px solid var(--xact-sky-border);
	transition: all 0.18s ease;
}

.xact-top-link:hover {
	background: var(--xact-sky);
	color: #FFFFFF;
	border-color: var(--xact-sky);
}

.xact-top-link-subtle {
	background: #F7FBFA;
	color: var(--xact-muted);
	border-color: var(--xact-border);
}

.xact-top-link-subtle:hover {
	background: var(--xact-mint-light);
	color: var(--xact-mint-dark);
	border-color: var(--xact-mint-border);
}

/* Full-Bleed Workspace Area (100% Width & Height) */
.xact-workspace-main {
	flex: 1 1 auto;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
}

/* Make the plugin container stretch 100% of the workspace without wasted margins */
.xact-workspace-main .aerocare-app {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	border-radius: 0 !important;
	border: none !important;
	min-height: calc(100vh - 84px);
	padding: 12px 14px !important;
}

/* Minimalist Status Footer */
.xact-statusbar {
	width: 100%;
	padding: 8px 16px;
	background: rgba(255, 255, 255, 0.85);
	border-top: 1px solid var(--xact-border);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
	font-size: 0.76rem;
	color: var(--xact-muted);
}

.xact-status-indicator {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.xact-status-dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--xact-mint);
}

@media (min-width: 768px) {
	.xact-brand-tag {
		display: inline-block;
	}
	.xact-topbar {
		padding: 8px 22px;
	}
	.xact-workspace-main .aerocare-app {
		padding: 16px 22px !important;
	}
}