/* Base Reset and Typography */
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

:root {
	--mm-bg: #f6f7f9;
	--mm-surface: #ffffff;
	--mm-border: #e5e7eb;
	--mm-text: #111827;
	--mm-text-muted: #6b7280;
	--mm-primary: #15803d;
	--mm-primary-hover: #136e35;
	--mm-admin: #b91c1c;
	--mm-admin-hover: #991b1b;
	--mm-success-bg: #e6f6ee;
	--mm-success-text: #0b7a3d;
	--mm-shadow: 0 6px 20px rgba(0,0,0,.06);
}

body {
	font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
	background: var(--mm-bg);
	color: var(--mm-text);
	line-height: 1.5;
}

/* Layout */
.container-slim {
	max-width: 900px;
}

section {
	margin: 2rem 0;
	padding: 1.5rem;
	background: var(--mm-surface);
	border: 1px solid var(--mm-border);
	border-radius: 16px;
	box-shadow: var(--mm-shadow);
}

.section-header {
	margin-bottom: 1rem;
	border-bottom: 1px solid var(--mm-border);
	padding-bottom: .5rem;
}

.grid {
	display: grid;
	gap: 1rem;
}

.grid.cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid.cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

@media (max-width: 768px) {
	.grid.cols-2, .grid.cols-3 { grid-template-columns: 1fr; }
}

/* Cards, Surfaces */
.card-xx {
	border-radius: 16px;
	box-shadow: var(--mm-shadow);
	background: var(--mm-surface);
	border: 1px solid var(--mm-border);
}

.card-xx .card-header {
	padding: 1rem 1.25rem;
	border-bottom: 1px solid var(--mm-border);
}

.card-xx .card-body {
	padding: 1.25rem;
}

/* Text utilities */
.text-muted { color: var(--mm-text-muted) !important; }
.small { font-size: .875rem; }
.fw-semibold { font-weight: 600; }

/* Buttons */
.btn-investor {
	background: var(--mm-primary);
	color: #fff;
	border-color: var(--mm-primary);
}
.btn-investor:hover { background: var(--mm-primary-hover); color: #fff; border-color: var(--mm-primary-hover); }

.btn-admin {
	background: var(--mm-admin);
	color: #fff;
	border-color: var(--mm-admin);
}
.btn-admin:hover { background: var(--mm-admin-hover); color: #fff; border-color: var(--mm-admin-hover); }

/* Badges */
.badge-okundu {
	background: var(--mm-success-bg);
	color: var(--mm-success-text);
	border: 1px solid #b8ebd3;
}

/* Forms */
.form-control, .form-select {
	border-radius: 10px;
	border-color: var(--mm-border);
}

/* Tables */
.table {
	--bs-table-bg: var(--mm-surface);
	--bs-table-border-color: var(--mm-border);
	border-color: var(--mm-border);
}
.table thead th {
	border-bottom: 1px solid var(--mm-border);
	color: var(--mm-text-muted);
	font-weight: 600;
}
.table td, .table th {
	vertical-align: middle;
}

/* Content helpers */
.content-pre {
	white-space: pre-wrap;
}

/* Header brand spacing */
h1.h4 {
	margin-bottom: 1.25rem;
}

/* Links */
a { color: #0f766e; }
a:hover { color: #0d5f59; }

/* Bootstrap vstack utility */
.vstack {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.vstack.gap-1 { gap: 0.25rem; }
.vstack.gap-2 { gap: 0.5rem; }
.vstack.gap-3 { gap: 1rem; }

/* Spacing utilities (minimal) */
.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: .25rem !important; }
.mt-2 { margin-top: .5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: .25rem !important; }
.mb-2 { margin-bottom: .5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }

/* Specific page tweaks */
/* Dashboard update item */
.update-item {
	border: 1px solid var(--mm-border);
	border-radius: 12px;
	padding: 1rem;
	background: #fff;
}


/* Modal tweaks */
.modal-content {
	border-radius: 16px;
	border: 1px solid var(--mm-border);
	box-shadow: var(--mm-shadow);
}