.sklenik-app {
	max-width: 960px;
	margin: 0 auto;
	font-size: 15px;
	line-height: 1.5;
	color: #2c2c2a;
}

.sklenik-app h2 {
	margin-top: 1.5em;
}

.sklenik-notice {
	padding: 10px 16px;
	border-radius: 4px;
	margin-bottom: 16px;
	border: 1px solid transparent;
}
.sklenik-notice-success { background: #eaf6ea; border-color: #b7e0b7; color: #1e5c1e; }
.sklenik-notice-error   { background: #fbeaea; border-color: #f0b3b3; color: #7a1f1f; }
.sklenik-notice-warning { background: #fff6e5; border-color: #f0d38a; color: #6b4c05; }

.sklenik-topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
	margin-bottom: 12px;
	font-size: 14px;
}

.sklenik-badge {
	display: inline-block;
	background: #eef3ea;
	color: #3b6d11;
	font-size: 11px;
	padding: 2px 8px;
	border-radius: 10px;
	vertical-align: middle;
}

.sklenik-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
}

.sklenik-nav-link {
	padding: 8px 14px;
	text-decoration: none;
	color: #444;
	border-bottom: 2px solid transparent;
}
.sklenik-nav-link:hover { color: #1e5c1e; }
.sklenik-nav-active {
	color: #1e5c1e;
	border-bottom-color: #3b6d11;
	font-weight: 600;
}

.sklenik-content { padding-bottom: 40px; }

.sklenik-card {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 20px 24px;
	margin-bottom: 20px;
}
.sklenik-card-narrow { max-width: 420px; margin: 40px auto; }

.sklenik-hint { color: #666; font-size: 13px; }

.sklenik-table {
	width: 100%;
	border-collapse: collapse;
	margin: 16px 0;
	font-size: 14px;
}
.sklenik-table th, .sklenik-table td {
	text-align: left;
	padding: 8px 10px;
	border-bottom: 1px solid #e5e5e5;
}
.sklenik-table th { color: #666; font-weight: 600; background: #fafafa; }
.sklenik-table tr:hover td { background: #fbfbf8; }

.sklenik-form { display: flex; flex-direction: column; gap: 12px; max-width: 520px; margin: 16px 0; }
.sklenik-form-inline { max-width: none; flex-direction: row; flex-wrap: wrap; align-items: flex-end; }
.sklenik-form label { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: #444; flex: 1 1 200px; }
.sklenik-form label.sklenik-inline { flex-direction: row; align-items: center; gap: 8px; }
.sklenik-form input[type=text],
.sklenik-form input[type=password],
.sklenik-form input[type=number],
.sklenik-form input[type=date],
.sklenik-form input[type=file],
.sklenik-form select,
.sklenik-form textarea {
	padding: 7px 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 14px;
	font-family: inherit;
}
.sklenik-radio-group { display: flex; flex-direction: column; gap: 6px; font-size: 13px; color: #444; }
.sklenik-radio-group .sklenik-inline { display: flex; align-items: center; gap: 6px; margin-right: 16px; }

.sklenik-btn {
	display: inline-block;
	padding: 8px 16px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fff;
	color: #333;
	text-decoration: none;
	cursor: pointer;
	font-size: 14px;
}
.sklenik-btn:hover { background: #f5f5f5; }
.sklenik-btn-primary { background: #3b6d11; border-color: #3b6d11; color: #fff; }
.sklenik-btn-primary:hover { background: #2c520c; }

.sklenik-link { color: #185fa5; text-decoration: none; }
.sklenik-link:hover { text-decoration: underline; }
.sklenik-link-danger { color: #a32d2d; text-decoration: none; }
.sklenik-link-danger:hover { text-decoration: underline; }

.sklenik-ai-text { line-height: 1.7; background: #fafaf5; border: 1px solid #eee; border-radius: 6px; padding: 14px 18px; }

.sklenik-app details { margin: 4px 0 12px; }
.sklenik-app summary { cursor: pointer; color: #185fa5; font-size: 13px; }