/* Central site stylesheet that imports shared site styles.
	Note: Email-specific styles (Email/email.css) are NOT imported globally anymore
	to prevent cross-page conflicts. Include Email/email.css directly on Email pages
	that need it (e.g., imap_inbox.php, imap_message.php, compose_email.php). */
@import url("index.css");
@import url("sidebar.css");

/* Small global overrides to ensure consistent layout across pages */
:root{--site-max-width:1200px}
body{max-width:100%;}
.main-content{max-width:var(--site-max-width);margin:0 auto;}
/* Filter UI improvements */
.filter-bar, .filters { display:flex; gap:12px; align-items:center; flex-wrap:wrap; background:transparent; }
.filter-panel { display:flex; gap:12px; align-items:center; flex-wrap:wrap; padding:10px; border-radius:10px }
.filter-item { display:flex; flex-direction:column; gap:6px; }
.filter-item label{font-size:12px;color:#374151;font-weight:600}
.filter-item .filter-input, .filter-item select, .filter-item input[type=date], .filter-item input[type=text], .filter-panel select, .filter-panel input[type=date], .filter-panel input[type=text] {
	padding:9px 12px;
	border:1px solid #e6edf3;
	border-radius:8px;
	background:#fff;
	min-width:150px;
	font-size:14px;
	color:#0f172a;
	box-shadow:0 1px 2px rgba(16,24,40,0.03);
}
.filter-item select.filter-small { min-width:110px }
.filter-actions { display:flex; gap:8px; align-items:center }
.filter-toggle {
	background:#ffffff;
	border:1px solid #e6edf3;
	padding:8px 14px;
	border-radius:999px;
	cursor:pointer;
	color:#1f2937;
	font-weight:800;
	display:inline-flex;
	align-items:center;
	gap:10px;
	box-shadow:0 1px 2px rgba(16,24,40,0.04);
	transition:all .14s ease;
}
.filter-toggle i{color:#2563eb}
.filter-toggle:hover{transform:translateY(-1px); box-shadow:0 6px 18px rgba(16,24,40,0.08)}
.filter-toggle.active{ background:#2D3748; color:#fff; border-color:#2D3748; box-shadow:0 8px 22px rgba(13,27,49,0.35) }
.filter-toggle.active i{color:#fff}
.btn, .small-btn, .export-btn { transition: all .12s ease }
.filter-panel.collapsed { display:none }
.filters .btn { background:#2D3748; color:#fff; padding:8px 12px; border-radius:8px; border:none }
.filters .btn:hover { background:#3B495C }

/* Input focus state */
.filter-panel select:focus, .filter-panel input:focus, .filter-item .filter-input:focus {
	outline: none;
	box-shadow: 0 4px 14px rgba(37,99,235,0.12);
	border-color: #2563eb;
}

/* Default label formatting for forms to keep settings pages consistent */
.form-card label,
.form-container label,
.form-card .labell { 
	display:block; 
	margin-top: 10px; 
	font-weight: 700; 
	color: #2D3748; 
	font-size: 14px; 
}
.form-card small { display:block; color:#6b7280; margin-top:6px; }

/* Compact adjustments for small screens */
@media (max-width:720px){
	.filter-item .filter-input, .filter-item select{min-width:120px}
	.filter-toggle{padding:7px 10px}
}

/* Responsive tweaks */
@media (max-width:720px){
	.filter-item .filter-input, .filter-item select{min-width:120px}
}