/* ===== SIT Feedback AI — Public Dashboard (front-end, no login) ===== */
.sfai-pub-root {
	max-width: 1200px;
	margin: 0 auto;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	color: #1d2939;
}
.sfai-pub-root * { box-sizing: border-box; }

.sfai-pub-disabled-notice {
	background: #fff4e5;
	border: 1px solid #f79009;
	border-radius: 8px;
	padding: 1em;
	color: #93370d;
	font-size: 0.9em;
}

.sfai-pub-header { margin-bottom: 1em; }
.sfai-pub-header h2 { margin: 0 0 0.2em; }
.sfai-pub-subtitle { color: #667085; margin: 0; font-size: 0.92em; }

.sfai-pub-loading { color: #667085; font-style: italic; margin: 1em 0; }
.sfai-pub-notice { border-radius: 8px; padding: 0.9em 1.1em; margin-bottom: 1em; font-size: 0.92em; }
.sfai-pub-notice-error { background: #fee4e2; border: 1px solid #f04438; color: #7a271a; }
.sfai-pub-notice-info { background: #eff8ff; border: 1px solid #b2ddff; color: #175cd3; }

.sfai-pub-filter-bar {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
	align-items: flex-end;
	background: #f9fafb;
	border: 1px solid #e2e2e2;
	border-radius: 10px;
	padding: 1em 1.2em;
	margin-bottom: 1.4em;
}
.sfai-pub-filter-field { display: flex; flex-direction: column; min-width: 150px; }
.sfai-pub-filter-field label { font-size: 12px; font-weight: 600; color: #475467; margin-bottom: 0.3em; }
.sfai-pub-filter-field select,
.sfai-pub-filter-field input[type="date"] {
	padding: 0.45em 0.6em;
	border: 1px solid #d0d5dd;
	border-radius: 6px;
	font-size: 0.9em;
}
.sfai-pub-filter-buttons { flex-direction: row; gap: 0.5em; }
.sfai-pub-btn {
	padding: 0.5em 1em;
	border-radius: 6px;
	border: 1px solid #d0d5dd;
	background: #fff;
	cursor: pointer;
	font-size: 0.9em;
}
.sfai-pub-btn-primary { background: #2e6ee0; color: #fff; border-color: #2e6ee0; }

.sfai-pub-kpi-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 1em;
	margin-bottom: 1.4em;
}
.sfai-pub-kpi-card {
	background: #fff;
	border: 1px solid #e2e2e2;
	border-left: 4px solid #2e6ee0;
	border-radius: 10px;
	padding: 1em 1.1em;
	box-shadow: 0 2px 8px rgba(0,0,0,0.03);
}
.sfai-pub-kpi-card.sfai-pub-kpi-green { border-left-color: #12b76a; }
.sfai-pub-kpi-card.sfai-pub-kpi-orange { border-left-color: #f79009; }
.sfai-pub-kpi-card.sfai-pub-kpi-purple { border-left-color: #7a5af8; }
.sfai-pub-kpi-card.sfai-pub-kpi-blue { border-left-color: #0ba5ec; }
.sfai-pub-kpi-label { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: 0.03em; color: #667085; }
.sfai-pub-kpi-value { display: block; font-size: 1.7em; font-weight: 700; color: #1d2939; margin-top: 0.15em; }

.sfai-pub-chart-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2em; margin-bottom: 1.2em; }
.sfai-pub-chart-row-3 { grid-template-columns: 1fr 1fr 1fr; }

.sfai-pub-chart-card {
	background: #fff;
	border: 1px solid #e2e2e2;
	border-radius: 10px;
	padding: 1.1em 1.3em;
	box-shadow: 0 2px 8px rgba(0,0,0,0.03);
	margin-bottom: 1.2em;
}
.sfai-pub-chart-card h3 { margin-top: 0; font-size: 0.98em; }

.sfai-pub-canvas-wrap { position: relative; height: 240px; }
.sfai-pub-canvas-wrap-sm { height: 200px; }

.sfai-pub-donut-layout { display: flex; gap: 1.2em; align-items: center; }
.sfai-pub-donut-canvas-wrap { position: relative; width: 160px; height: 160px; flex: 0 0 160px; }
.sfai-pub-legend-row { display: flex; align-items: center; gap: 0.5em; font-size: 12.5px; margin-bottom: 0.35em; }
.sfai-pub-legend-dot { width: 9px; height: 9px; border-radius: 50%; flex-shrink: 0; }
.sfai-pub-legend-label { flex: 1; color: #344054; }
.sfai-pub-legend-value { color: #667085; }

.sfai-pub-empty { color: #98a2b3; font-size: 13px; text-align: center; padding: 1.5em 0; }
.sfai-pub-footnote { font-size: 11.5px; color: #98a2b3; margin: 0.6em 0 0; }

@media (max-width: 900px) {
	.sfai-pub-chart-row, .sfai-pub-chart-row-3 { grid-template-columns: 1fr; }
}