.import-root { width: 100%; max-width: 980px; margin: 12px auto; padding: 14px; background:#fff; border:1px solid #eee; border-radius:6px; }
.import-btn { background:#0073aa; color:#fff; border:none; padding:10px 14px; border-radius:4px; cursor:pointer; font-weight:600; }
.import-status { margin-left:12px; font-weight:500; color:#333; }
.import-log { margin-top:12px; white-space:pre-wrap; background:#f7f7f7; padding:10px; border-radius:4px; font-family:monospace; max-height:300px; overflow:auto; display:none; }
.import-errors { margin-top:12px; white-space:pre-wrap; background:#fff0f0; padding:10px; border-radius:4px; font-family:monospace; max-height:300px; overflow:auto; display:none; color:#900; border:1px solid #f5c6cb; }
.date-inputs { display:flex; gap:8px; align-items:center; margin-top:8px; }
.date-inputs input[type="date"]{ padding:6px; border-radius:3px; border:1px solid #ddd; }

@media (max-width: 1366px) {
	.import-root {
		max-width: 920px;
		padding: 12px;
	}
}

@media (max-width: 700px) {
	.import-root {
		padding: 10px;
	}

	.import-root > div[style*="display:flex"] {
		flex-direction: column;
		align-items: stretch;
		gap: 6px;
	}

	.import-btn {
		width: 100%;
		text-align: center;
	}

	.import-status {
		margin-left: 0;
		font-size: 0.92rem;
	}
}