/*
 * AI Console — base.css
 * โทนสี, ตัวแปร CSS, และ override ระดับ element พื้นฐาน (body, ปุ่ม, ฟอร์ม, badge)
 * บนฐาน Bootstrap 5 (โหลดก่อนไฟล์นี้เสมอในทุกหน้า) — ให้เข้าธีมเดียวกับชุด adminto/DinsorWorks
 * ที่ใช้อ้างอิง (ดู CLAUDE.md หัวข้อ 5)
 *
 * Button colors follow Bootstrap's stock semantic scale on purpose:
 * primary = brand orange, info = blue, warning = yellow, danger = red, success = green.
 *
 * ไฟล์อื่นในชุดนี้: layout.css (sidebar/topbar/content shell), components.css (card/table/
 * select2/badge ฯลฯ ที่ประกอบเป็นชิ้นส่วนหน้า), login.css (เฉพาะหน้า login)
 */

:root {
	--bg: #f4f5f7;
	--sidebar-bg: #ffffff;
	--border: #e5e7eb;
	--text: #1f2430;
	--muted: #8a8f98;
	--accent-orange: #f5824a;

	/* Rebrand Bootstrap's primary color to the AI Console orange accent. */
	--bs-primary: #f5824a;
	--bs-primary-rgb: 245, 130, 74;
	--bs-link-color: var(--accent-orange);
	--bs-link-hover-color: #e56d38;
}

body { background: var(--bg); color: var(--text); font-family: "Noto Sans Thai", -apple-system, "Segoe UI", "Sarabun", sans-serif; }

.btn-primary {
	--bs-btn-bg: var(--accent-orange);
	--bs-btn-border-color: var(--accent-orange);
	--bs-btn-hover-bg: #e56d38;
	--bs-btn-hover-border-color: #e56d38;
	--bs-btn-active-bg: #d9602e;
	--bs-btn-active-border-color: #d9602e;
	--bs-btn-disabled-bg: var(--accent-orange);
	--bs-btn-disabled-border-color: var(--accent-orange);
}
.form-control:focus, .form-select:focus { border-color: var(--accent-orange); box-shadow: 0 0 0 0.25rem rgba(245,130,74,0.25); }

/* ===== Forms ===== */
.form-label { font-weight: 600; font-size: 0.88rem; }
.form-required { color: var(--bs-danger); margin-left: 2px; }
.form-hint { font-size: 0.78rem; color: var(--muted); margin-top: 4px; }
.form-char-count { font-size: 0.75rem; color: var(--muted); text-align: right; margin-top: 4px; }

/* ===== Soft badges (สถานะ เช่น Enabled/Disabled, success/error) =====
 * สี/ค่า opacity ตรงกับ .badge-soft-* ของธีม adminto ที่ใช้อ้างอิง — พื้นสีอ่อน + ตัวหนังสือสีเข้ม
 * อ่านง่ายกว่า badge สีทึบ ใช้แทน bg-success/bg-secondary/bg-danger เดิมสำหรับ badge สถานะทุกจุด */
.badge-soft-success { color: #10c469; background-color: rgba(16, 196, 105, 0.18); }
.badge-soft-info { color: #35b8e0; background-color: rgba(53, 184, 224, 0.18); }
.badge-soft-warning { color: #dba100; background-color: rgba(249, 200, 81, 0.25); }
.badge-soft-danger { color: #ff5b5b; background-color: rgba(255, 91, 91, 0.18); }
.badge-soft-secondary { color: #6c757d; background-color: rgba(108, 117, 125, 0.18); }
.badge-soft-dark { color: #323a46; background-color: rgba(50, 58, 70, 0.18); }