/* Profil, podešavanja i prilagođavanje navigacije manjim ekranima. */
.profile-form{
	margin-bottom: 24px;
}

.account-page{
	max-width: 950px;
	margin: 35px auto 65px;
	padding: 0 24px;
}

.page-heading h1{
	font: 800 clamp(30px,5vw,44px) Manrope,system-ui,sans-serif;
	letter-spacing: -.04em;
	margin: 12px 0;
}

.page-heading p,.section-note{
	color: #536b69;
	line-height: 1.65;
}

.account-tabs{
	display: flex;
	gap: 25px;
	border-bottom: 1px solid #dce5e0;
	margin: 28px 0;
}

.account-tabs a{
	padding: 12px 0;
	text-decoration: none;
	font-weight: 700;
}

.account-tabs [aria-current]{
	color: #00745f;
	border-bottom: 3px solid #008e75;
}

.account-card{
	background: white;
	border: 1px solid #dce5e0;
	border-radius: 20px;
	padding: 30px;
	margin-bottom: 22px;
}

.account-card h2{
	font: 800 23px Manrope,system-ui,sans-serif;
	margin: 0 0 15px;
}

.form-grid{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 23px;
}

.field{
	display: flex;
	flex-direction: column;
	gap: 9px;
	min-width: 0;
}

.field label{
	font-size: 14px;
	font-weight: 700;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 8px;
}

.field-status{
	font-size: 11px;
	font-weight: 500;
	color: #536b69;
}

.field input,.field select,.field textarea,.auth-form select{
	width: 100%;
	min-height: 49px;
	padding: 12px;
	border: 1px solid #ccd9d2;
	border-radius: 10px;
	background: #fff;
	color: #18272b;
	font: inherit;
}

.field input:focus,.field select:focus,.field textarea:focus,.auth-form select:focus{
	outline: 2px solid #008e75;
	outline-offset: 2px;
}

.field input[readonly]{
	background: #f5f7f5;
}

.field-help{
	color: #536b69;
	font-size: 13px;
	line-height: 1.6;
	margin: 0;
}

.full-width{
	grid-column: 1/-1;
}

.form-actions{
	display: flex;
	justify-content: flex-end;
}

.check-row{
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 20px 0;
	line-height: 1.5;
}

.check-row input{
	accent-color: #008e75;
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}

.account-details{
	display: grid;
	grid-template-columns: 160px 1fr;
	gap: 14px;
}

.account-details dt{
	color: #536b69;
}

.account-details dd{
	margin: 0;
	overflow-wrap: anywhere;
}

.account-card.auth-form .submit-button{
	width: auto;
	justify-self: start;
}

.top-nav{
	flex-wrap: wrap;
}

.top-nav form{
	margin: 0;
}

@media(max-width:800px){
	.site-header{
		height: auto;
		min-height: 80px;
		gap: 18px;
		flex-wrap: wrap;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.top-nav{
		gap: 13px;
	}
	.account-page{
		padding: 0 16px;
		margin-top: 25px;
	}
	.account-card{
		padding: 23px;
	}
	.form-grid{
		grid-template-columns: 1fr;
	}
	.account-details{
		grid-template-columns: 1fr;
		gap: 6px;
	}
	.account-details dd{
		margin-bottom: 12px;
	}
	.form-actions .submit-button{
		width: 100%;
	}
}

.profile-avatar{
	border-radius: 50%;
	object-fit: cover;
}

.avatar-form{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px;
	margin: 15px 0;
}

.avatar-form input{
	max-width: 100%;
}

.account-page h1,.account-page h2,.account-page li{
	overflow-wrap: anywhere;
}

.account-page > .home-actions{
	margin: 24px 0;
}

.poll-description{
	white-space: pre-line;
}

.poll-cover,.poll-cover-preview{
	display: block;
	width: 100%;
	height: auto;
	max-height: 470px;
	object-fit: cover;
	border-radius: 18px;
	margin: 0 0 26px;
}

.poll-image-editor{
	margin-top: 24px;
}

.poll-image-editor form{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px;
	margin-top: 16px;
}

.poll-image-editor input[type=file]{
	max-width: 100%;
}

.poll-results-page .analytics-answer,.poll-results .result-meta{
	display: flex;
	justify-content: space-between;
	gap: 18px;
	align-items: baseline;
}

.poll-results-page .analytics-answer{
	padding: 11px 0;
	border-bottom: 1px solid #e7e9f1;
}

.poll-results-page .analytics-answer span{
	overflow-wrap: anywhere;
}

.poll-results-page .analytics-answer strong{
	white-space: nowrap;
	color: #423787;
}

.poll-results-page .analytics-bar-track{
	height: 9px;
	margin: 0 0 13px;
	border-radius: 999px;
	background: #e7e9f4;
	overflow: hidden;
}

.poll-results-page .analytics-bar-fill{
	display: block;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg,#6140c8,#27aeca);
}

.analytics-view-switch{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 14px;
	margin: 20px 0;
}

.analytics-view-switch[hidden],.analytics-pie[hidden],.analytics-columns[hidden],#analytics-trend-line[hidden],.analytics-line-legend[hidden]{
	display: none;
}

.analytics-view-switch label{
	font-weight: 700;
}

.analytics-view-switch select{
	min-height: 42px;
	padding: 8px 12px;
	border: 1px solid #cbc8e6;
	border-radius: 10px;
	background: #fff;
	color: #24233b;
	font: inherit;
}

.analytics-pie{
	position: relative;
	width: min(220px,78%);
	aspect-ratio: 1;
	margin: 20px auto 24px;
	border: 4px solid #fff;
	border-radius: 50%;
	box-shadow: 0 5px 22px #25275f25;
}

.analytics-group .analytics-pie{
	width: min(170px,75%);
	margin: 15px auto 20px;
}

.analytics-chart-scope.is-donut .analytics-pie::after{
	content: "";
	position: absolute;
	inset: 28%;
	border-radius: 50%;
	background: #fff;
	box-shadow: inset 0 1px 8px #20265a20;
}

.analytics-group.analytics-chart-scope.is-donut .analytics-pie::after{
	background: #f8f9fd;
}

.analytics-columns{
	display: block;
	max-width: 100%;
	margin: 16px auto 20px;
}

.analytics-chart-scope.is-pie > .analytics-bar-track,.analytics-chart-scope.is-columns > .analytics-bar-track{
	display: none;
}

.analytics-chart-scope.is-pie > .analytics-answer span::before,.analytics-chart-scope.is-columns > .analytics-answer span::before{
	content: "";
	display: inline-block;
	width: 11px;
	height: 11px;
	margin-right: 9px;
	border-radius: 3px;
	background: var(--pie-color);
	vertical-align: middle;
}

#analytics-trend-line{
	display: block;
	max-width: 100%;
	margin: 18px auto;
}

.analytics-line-legend{
	display: flex;
	flex-wrap: wrap;
	gap: 8px 18px;
	margin: 12px 0 20px;
}

.analytics-line-legend span{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	max-width: 100%;
	overflow-wrap: anywhere;
}

.analytics-line-legend i{
	display: inline-block;
	width: 11px;
	height: 11px;
	flex: none;
	border-radius: 50%;
	background: var(--chart-color);
}

#analytics-trend-results.is-line .analytics-bar-track{
	display: none;
}

.analytics-section{
	margin-top: 20px;
}

.analytics-groups{
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(min(100%,280px),1fr));
	gap: 16px;
}

.analytics-group{
	padding: 16px 19px;
	border: 1px solid #e1e5ee;
	border-radius: 13px;
	background: #f8f9fd;
}

.analytics-group h3{
	font: 800 17px Manrope,system-ui,sans-serif;
	margin: 0 0 8px;
	overflow-wrap: anywhere;
}

.analytics-axis-form{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 12px;
	margin: 22px 0;
}

.analytics-axis-form label{
	font-weight: 700;
}

.analytics-axis-form select,.analytics-axis-form button{
	min-height: 40px;
	padding: 8px 12px;
	border: 1px solid #cbc8e6;
	border-radius: 10px;
	font: inherit;
}

.analytics-axis-form select{
	max-width: 100%;
	background: #fff;
	color: #24233b;
}

.analytics-axis-form button,.analytics-export-links a{
	background: #543cb8;
	color: #fff;
	font-weight: 700;
	cursor: pointer;
}

.analytics-export-links{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.analytics-export-links a{
	display: inline-block;
	padding: 10px 17px;
	border-radius: 10px;
	text-decoration: none;
}

.analytics-export-links a:hover,.analytics-axis-form button:hover{
	background: #402b9b;
}

.analytics-trend-period{
	margin: 16px 0;
	padding: 16px 19px;
	border: 1px solid #e1e5ee;
	border-radius: 13px;
	background: #f8f9fd;
}

.analytics-trend-period h3{
	margin: 0 0 6px;
	font: 800 17px Manrope,system-ui,sans-serif;
}

.analytics-trend-period .section-note{
	margin: 0 0 12px;
}

.dashboard-poll-actions{
	display: flex;
	flex-wrap: wrap;
	gap: 12px 22px;
}

.admin-panel-grid{
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(min(100%,260px),1fr));
	gap: 18px;
	margin: 25px 0;
}

.admin-panel-grid .account-card{
	margin: 0;
}

.admin-panel-grid .text-link{
	display: block;
	line-height: 1.5;
	margin: 12px 0;
}

.daily-trend{
	display: grid;
	gap: 9px;
	margin: 18px 0;
	max-height: 460px;
	overflow: auto;
}

.daily-trend-row{
	display: grid;
	grid-template-columns: 65px minmax(0,1fr) 45px;
	align-items: center;
	gap: 12px;
	color: inherit;
	font-size: 13px;
}

.daily-trend-track{
	height: 14px;
	border-radius: 99px;
	background: #dcd5f2;
	overflow: hidden;
}

.daily-trend-track span{
	display: block;
	height: 100%;
	border-radius: 99px;
	background: #7558da;
}

.daily-trend-row strong{
	text-align: right;
}

.poll-activity-page .admin-table-wrap{
	overflow-x: auto;
}

.poll-activity-page .admin-capabilities-table{
	width: 100%;
	min-width: 430px;
	border-collapse: collapse;
}

.poll-activity-page .admin-capabilities-table th,.poll-activity-page .admin-capabilities-table td{
	padding: 12px 14px;
	border-bottom: 1px solid #dcd7ef;
	text-align: left;
}

.poll-activity-page .admin-capabilities-table th{
	font-weight: 800;
	color: #302960;
}