@charset "UTF-8";

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

:root {
	--eco-blue-dark: #084298;
	--eco-blue-main: #0d6efd;
	--eco-blue-light: #cfe2ff;
	--eco-bg: #f4f7f9;
}

html, body {
	height: 100%;
	margin: 0;
}

body {
	background-color: #f4f9ff;
	/*	font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;*/
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI",
		Roboto, sans-serif !important;
	color: #333;
}

/* =========================================
   ZAGLAVLJE
   ========================================= */
.main-header {
    background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.2)), url('../images/plavo_nebo.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    
    color: #004a99;
    padding: 1.2rem 1rem;
    text-align: center;
    border-bottom: 4px solid #004a99;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 10;
}

.main-header h2 {
    font-weight: 800;
    letter-spacing: 0.5px;
    margin-bottom: 0.25rem;
    text-shadow: 0 1px 6px rgba(255, 255, 255, 0.9);
}

.main-header .subtitle {
    font-size: 1.15rem;
    font-weight: 600;
    opacity: 0.95;
    letter-spacing: 0.3px;
}

.w-90 {
	width: 90% !important;
	max-width: 100% !important;
	margin: 0 auto;
}

.page-header {
	background: linear-gradient(135deg, #0c336b 0%, #031530 100%);
	color: white;
	padding: 2rem 0 3.5rem 0;
	border-radius: 0 0 1.5rem 1.5rem;
	box-shadow: 0 4px 15px rgba(3, 21, 48, 0.4);
	text-align: center;
}

.content-wrapper {
	margin-top: -3rem;
	padding-bottom: 3rem;
}

.data-card {
	background: #ffffff;
	border-radius: 1rem;
	padding: 2rem;
	box-shadow: 0 10px 30px rgba(13, 110, 253, 0.08);
	border: none;
	display: flow-root;
}

.table-large .table {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI",
		Roboto, sans-serif !important;
	font-size: 13px; /* Idealna veličina za puno podataka */
	color: #334155;
	/* Tamno siva (Slate 700) - ugodnije za oči od čiste crne */
}

.e-lbl {
	color: var(--eco-blue-dark)
}

.e-edit th {
	color: var(--eco-blue-dark)
}

.exceedance-1 {
	color: red !important;
	font-weight: bold;
}

.exceedance-2 {
	color: orange !important;
	font-weight: bold;
}

.exceedance-3 {
	color: #FFE100 !important;
	font-weight: bold;
}

[data-bs-toggle="tooltip"] {
	border-bottom: 1px dotted #999!important;
	cursor: help!important;
}

.dropdown-menu {
    z-index: 9999 !important;
    position: absolute;
}