/* Brahmins Legal Help Desk — saffron/cream theme, no dark backgrounds anywhere */
.lhd-app, .lhd-app * { box-sizing: border-box; }
.lhd-app {
	max-width: 780px;
	margin: 0 auto;
	font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	background: #FFFDF7;
	color: #3a2c1a;
	padding: 18px;
	border-radius: 10px;
}

/* ---- Language toggle ---- */
.lhd-lang-toggle {
	display: flex;
	justify-content: flex-end;
	gap: 6px;
	margin-bottom: 10px;
}
.lhd-lang-toggle button {
	border: 1px solid #C97A1E;
	background: #FFF6E8;
	color: #A6531A;
	font-weight: 700;
	padding: 4px 12px;
	border-radius: 999px;
	cursor: pointer;
	font-size: 13px;
}
.lhd-lang-toggle button.active {
	background: #C97A1E;
	color: #fff;
}

/* ---- Header / intro block ---- */
.lhd-header {
	background: linear-gradient(135deg, #FFF6E8, #FFFDF7);
	border: 1px solid #EBD2A6;
	border-radius: 10px;
	padding: 16px 18px;
	margin-bottom: 16px;
}
.lhd-header h1 {
	color: #A6531A;
	font-size: 20px;
	margin: 0 0 4px;
	letter-spacing: 0.3px;
}
.lhd-header .lhd-subtitle {
	color: #C97A1E;
	font-weight: 700;
	font-size: 13px;
	margin: 0 0 12px;
}
.lhd-header p {
	color: #3a2c1a;
	font-size: 14.5px;
	line-height: 1.6;
	margin: 0 0 10px;
}
.lhd-header .lhd-sign {
	font-weight: 700;
	color: #A6531A;
	margin-top: 10px;
}

/* ---- Top action buttons ---- */
.lhd-top-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 18px;
}
.lhd-top-buttons button {
	flex: 1 1 auto;
	min-width: 140px;
	background: #C97A1E;
	color: #fff;
	border: none;
	padding: 12px 14px;
	border-radius: 8px;
	font-weight: 700;
	font-size: 14px;
	cursor: pointer;
}
.lhd-top-buttons button:hover { background: #A6531A; }
.lhd-top-buttons button.lhd-active { background: #A6531A; }

/* ---- Forms ---- */
.lhd-card {
	background: #FFF6E8;
	border: 1px solid #EBD2A6;
	border-radius: 10px;
	padding: 18px;
	margin-bottom: 16px;
}
.lhd-field { margin-bottom: 14px; }
.lhd-field label {
	display: block;
	font-weight: 700;
	color: #3a2c1a;
	font-size: 13.5px;
	margin-bottom: 5px;
}
.lhd-field input[type="text"],
.lhd-field input[type="tel"],
.lhd-field textarea,
.lhd-field select {
	width: 100%;
	padding: 10px 12px;
	border: 1.5px solid #D9B98A;
	border-radius: 7px;
	font-size: 15px;
	font-weight: 700;
	color: #3a2c1a;
	background: #fff;
}
.lhd-field input:focus,
.lhd-field textarea:focus,
.lhd-field select:focus {
	outline: none;
	background: #FFF9C4;
	border-color: #C97A1E;
	color: #3a2c1a;
	font-weight: 700;
}
.lhd-field textarea { min-height: 90px; resize: vertical; }

.lhd-checkbox-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 8px;
}
.lhd-checkbox-grid label {
	display: flex;
	align-items: center;
	gap: 8px;
	background: #fff;
	border: 1.5px solid #D9B98A;
	border-radius: 7px;
	padding: 9px 10px;
	font-weight: 700;
	font-size: 13.5px;
	color: #3a2c1a;
	cursor: pointer;
}
.lhd-checkbox-grid input:checked + span { color: #A6531A; }
.lhd-checkbox-grid label.lhd-checked {
	background: #FFF9C4;
	border-color: #C97A1E;
}

.lhd-submit-btn {
	background: #A6531A;
	color: #fff;
	border: none;
	padding: 13px 20px;
	border-radius: 8px;
	font-weight: 700;
	font-size: 15px;
	cursor: pointer;
	width: 100%;
}
.lhd-submit-btn:hover { background: #8a4415; }

.lhd-msg { font-weight: 700; font-size: 13.5px; margin-top: 8px; }
.lhd-msg.lhd-error { color: #B3261E; }
.lhd-msg.lhd-success { color: #2E7D32; }

/* ---- Case code confirmation ---- */
.lhd-code-box {
	background: #FFF9C4;
	border: 2px dashed #C97A1E;
	border-radius: 10px;
	padding: 18px;
	text-align: center;
	margin-top: 12px;
}
.lhd-code-box .lhd-code {
	font-size: 26px;
	font-weight: 800;
	color: #A6531A;
	letter-spacing: 1px;
}
.lhd-code-box p { font-size: 13px; color: #3a2c1a; margin: 6px 0 0; }

/* ---- Status badges ---- */
.lhd-badge {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
}
.lhd-badge.status-Filing { background: #E3F2FD; color: #1565C0; }
.lhd-badge.status-Processing { background: #FFF3CD; color: #8a6d00; }
.lhd-badge.status-In-Court { background: #F3E5F5; color: #6A1B9A; }
.lhd-badge.status-Pending { background: #FFE0B2; color: #A6531A; }
.lhd-badge.status-Disposed { background: #E8F5E9; color: #2E7D32; }

.lhd-badge.mod-pending { background: #FFF3CD; color: #8a6d00; }
.lhd-badge.mod-approved { background: #E8F5E9; color: #2E7D32; }
.lhd-badge.mod-rejected { background: #FFEBEE; color: #B3261E; }

/* ---- Admin panel ---- */
.lhd-admin-login { max-width: 320px; margin: 0 auto; }
.lhd-stat-row {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 8px;
	margin-bottom: 14px;
}
.lhd-stat-box {
	background: #FFF6E8;
	border: 1px solid #EBD2A6;
	border-radius: 8px;
	padding: 10px 6px;
	text-align: center;
}
.lhd-stat-box .lhd-stat-num { font-size: 20px; font-weight: 800; color: #A6531A; }
.lhd-stat-box .lhd-stat-label { font-size: 11px; font-weight: 700; color: #6b5535; }

.lhd-toolbar {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	margin-bottom: 10px;
}
.lhd-toolbar select,
.lhd-toolbar input[type="text"] {
	padding: 7px 10px;
	border: 1.5px solid #D9B98A;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 700;
	color: #3a2c1a;
	background: #fff;
}
.lhd-toolbar .lhd-spacer { flex: 1; }
.lhd-logout-btn {
	background: #B3261E;
	color: #fff;
	border: none;
	padding: 7px 14px;
	border-radius: 6px;
	font-weight: 700;
	cursor: pointer;
	font-size: 13px;
}

.lhd-bulk-bar {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	background: #FFF6E8;
	border: 1px solid #EBD2A6;
	border-radius: 8px;
	padding: 8px 10px;
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: 700;
}
.lhd-bulk-bar button {
	border: none;
	padding: 6px 12px;
	border-radius: 6px;
	font-weight: 700;
	cursor: pointer;
	font-size: 12.5px;
	color: #fff;
}
.lhd-bulk-bar .btn-approve { background: #2E7D32; }
.lhd-bulk-bar .btn-reject { background: #B3261E; }
.lhd-bulk-bar .btn-publish { background: #1565C0; }
.lhd-bulk-bar .btn-unpublish { background: #6b5535; }
.lhd-bulk-bar .btn-delete { background: #7a1810; }

.lhd-table-wrap { overflow-x: auto; }
table.lhd-table {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	font-size: 13px;
}
table.lhd-table th, table.lhd-table td {
	border: 1px solid #EBD2A6;
	padding: 7px 8px;
	text-align: left;
	word-break: break-word;
	font-size: 13px;
	color: #3a2c1a;
}
table.lhd-table th {
	background: #FFF6E8;
	color: #A6531A;
	font-weight: 800;
}
table.lhd-table tr:nth-child(even) { background: #FFFDF7; }

.lhd-row-actions { display: flex; flex-wrap: wrap; gap: 5px; }
.lhd-row-actions button {
	border: none;
	padding: 5px 9px;
	border-radius: 5px;
	font-weight: 700;
	font-size: 11.5px;
	cursor: pointer;
	color: #fff;
}
.lhd-row-actions .btn-approve { background: #2E7D32; }
.lhd-row-actions .btn-reject { background: #6b5535; }
.lhd-row-actions .btn-edit { background: #C97A1E; }
.lhd-row-actions .btn-delete { background: #B3261E; }
.lhd-row-actions .btn-public { background: #1565C0; }

.lhd-edit-strip {
	background: #FFF9C4;
	border: 1.5px dashed #C97A1E;
	padding: 8px;
}
.lhd-edit-strip input, .lhd-edit-strip select, .lhd-edit-strip textarea {
	width: 100%;
	margin-bottom: 5px;
	padding: 6px 8px;
	border: 1px solid #D9B98A;
	border-radius: 5px;
	font-size: 13px;
	font-weight: 700;
	color: #3a2c1a;
}
.lhd-edit-strip .lhd-edit-save { background: #2E7D32; color: #fff; border: none; padding: 6px 12px; border-radius: 5px; font-weight: 700; cursor: pointer; margin-right: 6px; }
.lhd-edit-strip .lhd-edit-cancel { background: #6b5535; color: #fff; border: none; padding: 6px 12px; border-radius: 5px; font-weight: 700; cursor: pointer; }

.lhd-check-status-result {
	background: #FFF6E8;
	border: 1px solid #EBD2A6;
	border-radius: 10px;
	padding: 16px;
	margin-top: 12px;
}
.lhd-check-status-result .lhd-row2 { display: flex; justify-content: space-between; margin-bottom: 6px; font-size: 13.5px; }
.lhd-check-status-result .lhd-row2 strong { color: #A6531A; }

@media (max-width: 560px) {
	.lhd-checkbox-grid { grid-template-columns: 1fr; }
	.lhd-stat-row { grid-template-columns: repeat(2, 1fr); }
}