/* CropSaga - Theme: New TH */

[data-theme="new-th"] {
	/* Tokens */
	--bg: #F6F3EA;
	--surface: #FFFFFF;
	--surface-2: #FBFAF6;
	--border: rgba(20, 25, 30, 0.10);
	--text: #1F2937;
	--text-muted: #6B7280;
	--text-subtle: #9CA3AF;
	--accent: #94C973;           /* CropSaga green */
	--accent-2: #1F7A5C;
	--danger: #DC2626;
	--warning: #B45309;
	--success: #059669;

	--radius-card: 18px;
	--radius-control: 12px;
	--shadow-card: 0 10px 30px rgba(15, 23, 42, 0.08);
	--shadow-float: 0 14px 40px rgba(15, 23, 42, 0.10);

	--page-gutter: 20px;
	--card-padding: 18px;
	--sidebar-width-new: 76px;

	/* Map to existing global vars used by app */
	--color-bg-primary: var(--bg);
	--color-bg-secondary: #EFECE3;
	--color-bg-table: var(--surface);
	--color-text-primary: var(--text);
	--color-text-secondary: var(--text-muted);
	--color-accent-green: var(--accent);
	--color-light-green: #6AA653;
	--color-signal-green: var(--accent-2);
	--color-warning-orange: var(--warning);
	--color-error-red: var(--danger);
	--color-action-green: var(--accent);
	--color-hover-bg: rgba(31, 122, 92, 0.06);
	--color-border: var(--border);
	--color-border-solid: rgba(20, 25, 30, 0.14);

	--gradient-secondary: linear-gradient(180deg, #F6F3EA 0%, #F1EDE2 100%);

	--font-body: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--size-text: 14.5px;
}

/* Layout and components */
[data-theme="new-th"] body {
	background: var(--gradient-secondary);
	color: var(--color-text-primary);
	line-height: 1.5;
}

[data-theme="new-th"] .top-bar {
	background: var(--topbar-bg);
	border-bottom: 1px solid var(--color-border);
}

[data-theme="new-th"] .sidebar-left {
	width: var(--sidebar-width-new);
	background: var(--surface);
	border-right: 1px solid var(--color-border);
}
[data-theme="new-th"] .menu-item {
	padding: 14px 12px;
	gap: 10px;
	border-left: 3px solid transparent;
}
[data-theme="new-th"] .menu-item span { display: none; }
[data-theme="new-th"] .menu-item i { color: var(--text-muted); width: 100%; text-align: center; }
[data-theme="new-th"] .menu-item:hover {
	background: rgba(31, 122, 92, 0.08);
}
[data-theme="new-th"] .menu-item.active {
	background: rgba(31, 122, 92, 0.10);
	color: var(--text);
	border-left-color: var(--accent);
}

[data-theme="new-th"] .content-center {
	padding: var(--page-gutter);
}

/* Cards */
[data-theme="new-th"] .card,
[data-theme="new-th"] .stat-card,
[data-theme="new-th"] .table-wrapper,
[data-theme="new-th"] .panel-content,
[data-theme="new-th"] .sidebar-right,
[data-theme="new-th"] .parcels-table thead,
[data-theme="new-th"] .viz-sidebar,
[data-theme="new-th"] .gantt-container {
	background: var(--surface);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-card);
	box-shadow: var(--shadow-card);
}
[data-theme="new-th"] .card { padding: var(--card-padding); }

/* Typography */
[data-theme="new-th"] h1, 
[data-theme="new-th"] h2, 
[data-theme="new-th"] h3 {
	letter-spacing: -0.01em;
	color: var(--text);
}
[data-theme="new-th"] .card-title,
[data-theme="new-th"] .section-title { color: var(--text); }
[data-theme="new-th"] .subsection-title { font-size: 13px; text-transform: uppercase; color: var(--text-muted); }

/* Tables */
[data-theme="new-th"] thead { background: var(--surface-2); }
[data-theme="new-th"] tr:hover { background: rgba(0,0,0,0.03); }
[data-theme="new-th"] th {
	color: var(--text);
	border-bottom: 1px solid var(--color-border);
}

/* Buttons */
[data-theme="new-th"] .btn-primary {
	background: var(--accent);
	color: #fff;
	border: 1px solid var(--accent);
	border-radius: 10px;
	box-shadow: 0 2px 6px rgba(31,122,92,0.18);
}
[data-theme="new-th"] .btn-primary:hover {
	background: var(--accent-2);
	transform: none;
	box-shadow: 0 4px 10px rgba(31,122,92,0.22);
}

[data-theme="new-th"] .btn-secondary {
	background: var(--surface);
	color: var(--text);
	border: 1px solid var(--color-border);
	border-radius: 10px;
}
[data-theme="new-th"] .btn-secondary:hover {
	background: var(--surface-2);
}

/* Inputs */
[data-theme="new-th"] .form-input,
[data-theme="new-th"] .form-select,
[data-theme="new-th"] .form-textarea {
	background: #fff;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-control);
	color: var(--text);
}
[data-theme="new-th"] .form-input::placeholder,
[data-theme="new-th"] .form-textarea::placeholder {
	color: var(--text-subtle);
}
[data-theme="new-th"] .form-input:focus,
[data-theme="new-th"] .form-select:focus,
[data-theme="new-th"] .form-textarea:focus {
	outline: none;
	border-color: var(--accent);
	box-shadow: 0 0 0 4px rgba(31,122,92,0.18);
}

/* Status badges */
[data-theme="new-th"] .status-badge {
	border-radius: 999px;
	box-shadow: none;
}
[data-theme="new-th"] .status-badge.success { background: rgba(5,150,105,0.12); color: var(--success); border-color: rgba(5,150,105,0.28); }
[data-theme="new-th"] .status-badge.warning { background: rgba(180,83,9,0.10); color: var(--warning); border-color: rgba(180,83,9,0.25); }
[data-theme="new-th"] .status-badge.error { background: rgba(220,38,38,0.10); color: var(--danger); border-color: rgba(220,38,38,0.25); }

/* Map UI, panels, sliders */
[data-theme="new-th"] .layers-panel,
[data-theme="new-th"] .time-slider-container {
	background: #fff;
	border: 1px solid var(--color-border);
	box-shadow: var(--shadow-float);
}

/* Accessibility: focus rings on icon buttons */
[data-theme="new-th"] .btn-icon:focus {
	outline: none;
	box-shadow: 0 0 0 4px rgba(31,122,92,0.2);
}