/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Brand variables and utility classes per design guidelines */
:root {
	--pair-dark-gray: #2D3840;
	--pair-green-1: #79864D;
	--pair-green-2: #AFC150;
	--pair-yellow: #E7FF4D;
	--pair-yellow-muted: #D5D787;
	--pair-beige: #C5BCA4;
	--pair-purple: #918CA1;
	--pair-purple-muted: #828587;

	--bg-light: #F8F8F8;
	--bg-white: #FFFFFF;

	--text-main: #333333;

	--alert-positive: #7BD422;
	--alert-negative: #FF4233;
	--alert-warning: #FFAB00;
}

/* Typography */
html, body {
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	color: var(--text-main);
	background-color: var(--bg-light);
}

/* Buttons */
.brand-btn {
	background-color: var(--pair-dark-gray);
	color: var(--bg-white);
	border-radius: 6px;
	padding: 0.4rem 0.75rem;
	font-weight: 600;
}
.brand-btn-outline {
	background: transparent;
	border: 1px solid var(--pair-dark-gray);
	color: var(--pair-dark-gray);
	border-radius: 6px;
	padding: 0.35rem 0.65rem;
}

/* Search input */
.search-input {
	width: 24rem; /* fallback if utility classes not present */
	padding-left: 2.5rem !important; /* accommodate icon */
	height: 2.25rem;
	border-radius: 6px;
	border: 1px solid #d1d5db; /* neutral border */
	background-color: var(--bg-white);
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	color: var(--text-main);
}

.search-input:focus {
	outline: none;
	box-shadow: 0 0 0 3px rgba(145,140,161,0.12); /* subtle purple glow */
	border-color: var(--pair-purple);
}

/* Small helpers */
.text-pair-yellow { color: var(--pair-yellow); }
.bg-pair-yellow { background-color: var(--pair-yellow); }
.text-pair-dark { color: var(--pair-dark-gray); }
.text-pair-dark-gray { color: var(--pair-dark-gray); }

/* Ensure buttons show pointer (hand) on hover */
button, input[type="submit"], .btn {
	cursor: pointer;
}

/* Table: outlined style and zebra rows for case file records */
#case_file_archive_records {
	width: 100%;
	border: 1px solid var(--pair-purple-muted);
	border-radius: 8px;
	overflow: hidden;
}

#case_file_archive_records th,
#case_file_archive_records td {
	padding: 0.6rem 0.75rem;
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px solid rgba(0,0,0,0.06);
}

#case_file_archive_records thead th {
	background-color: var(--pair-dark-gray);
	color: var(--pair-beige);
}

/* Row backgrounds: odd = dark, even = white (apply to cells with high specificity) */
#case_file_archive_records tbody > tr:nth-child(even) td {
	background-color: var(--pair-dark-gray) !important;
	color: var(--pair-beige) !important;
	border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}

#case_file_archive_records tbody > tr:nth-child(odd) td {
	background-color: var(--bg-white) !important;
	color: var(--pair-dark-gray) !important;
	border-bottom: 1px solid rgba(0,0,0,0.06) !important;
}

#case_file_archive_records tbody tr:last-child td {
	border-bottom: none;
}