/**
 * AI Question Solver – Frontend styles.
 */

.aiqs-card{
	background:#fff;
	border:1px solid #e5e7eb;
	border-radius:12px;
	padding:20px;
	margin:20px 0;
	box-shadow:0 1px 2px rgba(0,0,0,.04);
	color:#111827;
	font-family:inherit;
}
.aiqs-grid{
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
	gap:20px;
}
.aiqs-card-header{margin-bottom:12px}
.aiqs-card-title{margin:0 0 6px;font-size:1.15rem;line-height:1.3;color:#111827}
.aiqs-card-title a{color:inherit;text-decoration:none}
.aiqs-card-title a:hover{color:#2563eb}
.aiqs-card-meta{display:flex;flex-wrap:wrap;gap:6px}
.aiqs-tag{display:inline-block;background:#eef2ff;color:#3730a3;font-size:.75rem;padding:2px 8px;border-radius:999px}
.aiqs-tag-diff{background:#fef3c7;color:#92400e}
.aiqs-card-image{margin:12px 0;border-radius:8px;overflow:hidden;background:#f3f4f6}
.aiqs-card-image img{display:block;width:100%;height:auto}
.aiqs-card-actions{margin-top:12px}
.aiqs-btn{
	position:relative;
	display:inline-flex;align-items:center;gap:8px;
	background:#2563eb;color:#fff;border:0;
	padding:10px 18px;font-weight:600;border-radius:8px;
	cursor:pointer;font-size:.95rem;
	transition:background-color .15s ease, transform .15s ease;
}
.aiqs-btn:hover{background:#1d4ed8}
.aiqs-btn:active{transform:translateY(1px)}
.aiqs-btn[disabled]{opacity:.7;cursor:not-allowed}
.aiqs-btn-spinner{
	width:14px;height:14px;border-radius:50%;
	border:2px solid rgba(255,255,255,.4);
	border-top-color:#fff;
	display:none;animation:aiqs-spin 0.8s linear infinite;
}
.aiqs-btn.is-loading .aiqs-btn-spinner{display:inline-block}
@keyframes aiqs-spin{to{transform:rotate(360deg)}}

.aiqs-solution-wrap{margin-top:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}
.aiqs-solution-wrap[hidden]{display:none}
.aiqs-solution .aiqs-block{margin-bottom:14px}
.aiqs-solution h4{margin:0 0 6px;color:#1f2937;font-size:.95rem;text-transform:uppercase;letter-spacing:.03em}
.aiqs-solution .aiqs-answer div,
.aiqs-solution .aiqs-final div{font-weight:600;color:#111827}
.aiqs-solution .aiqs-formula div{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#fff;padding:8px;border-radius:6px;border:1px solid #e5e7eb}

.aiqs-error-msg{
	margin-top:12px;padding:10px 12px;border-radius:8px;
	background:#fef2f2;border:1px solid #fecaca;color:#991b1b;
}

.aiqs-empty,.aiqs-error{
	padding:16px;border-radius:8px;background:#f9fafb;border:1px dashed #d1d5db;color:#4b5563;
}

/* Search widget */
.aiqs-search{margin:20px 0}
.aiqs-search-input-wrap{position:relative}
.aiqs-search-input{
	width:100%;box-sizing:border-box;
	padding:12px 42px 12px 14px;
	font-size:1rem;border:1px solid #d1d5db;border-radius:10px;
	background:#fff;color:#111827;
}
.aiqs-search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15)}
.aiqs-search-spinner{
	position:absolute;right:14px;top:50%;transform:translateY(-50%);
	width:16px;height:16px;border-radius:50%;
	border:2px solid #e5e7eb;border-top-color:#2563eb;
	display:none;animation:aiqs-spin .8s linear infinite;
}
.aiqs-search.is-loading .aiqs-search-spinner{display:inline-block}
.aiqs-search-results{margin-top:10px;display:flex;flex-direction:column;gap:8px}
.aiqs-search-result{
	display:flex;align-items:center;gap:12px;
	padding:10px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;
	text-decoration:none;color:#111827;
}
.aiqs-search-result:hover{border-color:#2563eb;background:#f8fafc}
.aiqs-search-result img{width:48px;height:48px;object-fit:cover;border-radius:6px;background:#f3f4f6}
.aiqs-search-result .aiqs-sr-title{font-weight:600}

@media(max-width:640px){
	.aiqs-card{padding:16px}
}