.publicjail-justice-shell {
--pjj-ink: #0f2538;
--pjj-muted: #546579;
--pjj-line: #d7e1ea;
--pjj-panel: #ffffff;
--pjj-soft: #f5f8fc;
--pjj-brand: #0e4f7d;
--pjj-brand-dark: #0a3d62;
max-width: 1180px;
margin: 0 auto;
padding: 24px 16px;
font-family: "Segoe UI", "Inter", "Helvetica Neue", Arial, sans-serif;
color: var(--pjj-ink);
}

.publicjail-justice-page-title h2,
.publicjail-justice-card h2,
.publicjail-justice-card h3 {
margin: 0 0 12px;
line-height: 1.2;
color: var(--pjj-ink);
}

.publicjail-justice-card {
background: var(--pjj-panel);
border: 1px solid var(--pjj-line);
border-radius: 16px;
box-shadow: 0 12px 30px rgba(9, 32, 52, 0.07);
padding: 18px;
margin: 0 0 18px;
}

.publicjail-justice-breadcrumbs {
font-size: 14px;
color: var(--pjj-muted);
margin-bottom: 14px;
}

.publicjail-justice-breadcrumbs a {
color: var(--pjj-brand);
text-decoration: none;
}

.publicjail-justice-breadcrumbs a:hover,
.publicjail-justice-breadcrumbs a:focus {
text-decoration: underline;
}

.publicjail-justice-search {
background: linear-gradient(180deg, #ffffff, #f7faff);
}

.publicjail-justice-form-row {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
}

.publicjail-justice-form-row label {
display: flex;
flex-direction: column;
gap: 6px;
font-size: 13px;
font-weight: 600;
color: var(--pjj-muted);
}

.publicjail-justice-form-row input,
.publicjail-justice-form-row select {
border: 1px solid #b9c7d6;
border-radius: 10px;
padding: 10px 12px;
font-size: 15px;
font-weight: 500;
background: #fff;
color: var(--pjj-ink);
}

.publicjail-justice-form-row input:focus,
.publicjail-justice-form-row select:focus {
outline: 0;
border-color: var(--pjj-brand);
box-shadow: 0 0 0 3px rgba(14, 79, 125, 0.12);
}

.publicjail-justice-form-actions {
margin-top: 12px;
display: flex;
justify-content: flex-end;
}

.publicjail-justice-form-actions button {
border: 0;
border-radius: 999px;
padding: 11px 18px;
background: linear-gradient(135deg, var(--pjj-brand), var(--pjj-brand-dark));
color: #fff;
font-weight: 700;
font-size: 14px;
cursor: pointer;
}

.publicjail-justice-help {
margin: 10px 0 0;
font-size: 13px;
color: var(--pjj-muted);
}

.publicjail-justice-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 12px;
}

.publicjail-justice-tile {
display: flex;
flex-direction: column;
gap: 6px;
border: 1px solid var(--pjj-line);
border-radius: 14px;
padding: 14px;
text-decoration: none;
color: inherit;
background: linear-gradient(180deg, #fff, #f8fbff);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.publicjail-justice-tile:hover,
.publicjail-justice-tile:focus {
transform: translateY(-2px);
box-shadow: 0 10px 22px rgba(7, 28, 44, 0.12);
}

.publicjail-justice-table,
.publicjail-justice-field-table {
width: 100%;
border-collapse: collapse;
}

.publicjail-justice-table th,
.publicjail-justice-table td,
.publicjail-justice-field-table th,
.publicjail-justice-field-table td {
border-bottom: 1px solid #e4ebf2;
padding: 10px 8px;
text-align: left;
vertical-align: top;
}

.publicjail-justice-table th {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.03em;
color: var(--pjj-muted);
}

.publicjail-justice-table td {
font-size: 14px;
}

.publicjail-justice-field-table th {
width: 34%;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.03em;
color: var(--pjj-muted);
}

.publicjail-justice-field-table td {
font-size: 14px;
font-weight: 600;
color: var(--pjj-ink);
}

.publicjail-justice-inmate-view {
padding: 20px;
background: linear-gradient(180deg, #ffffff, #f9fbff);
}

.publicjail-justice-record-header {
display: grid;
grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
gap: 16px;
align-items: start;
padding: 18px;
border-radius: 14px;
background: linear-gradient(135deg, rgba(14, 79, 125, 0.1), rgba(14, 79, 125, 0.03));
border: 1px solid rgba(14, 79, 125, 0.18);
}

.publicjail-justice-kicker {
margin: 0 0 8px;
font-size: 11px;
letter-spacing: 0.11em;
text-transform: uppercase;
font-weight: 700;
color: var(--pjj-brand);
}

.publicjail-justice-record-header h2 {
margin: 0;
font-size: clamp(1.35rem, 2.5vw, 2rem);
}

.publicjail-justice-location {
margin: 8px 0 0;
font-size: 15px;
color: #3f5165;
}

.publicjail-justice-jail-link-row {
	margin: 10px 0 0;
}

.publicjail-justice-jail-link-pill {
	display: inline-flex;
	align-items: center;
	padding: 7px 12px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-decoration: none;
	background: rgba(14, 79, 125, 0.11);
	color: #0a446b;
	border: 1px solid rgba(14, 79, 125, 0.24);
	transition: background 0.2s ease, transform 0.2s ease;
}

.publicjail-justice-jail-link-pill:hover,
.publicjail-justice-jail-link-pill:focus {
	background: rgba(14, 79, 125, 0.2);
	transform: translateY(-1px);
}

.publicjail-justice-record-meta {
display: grid;
justify-items: end;
align-content: start;
gap: 8px;
}

.publicjail-justice-status-badge {
display: inline-flex;
align-items: center;
padding: 5px 10px;
border-radius: 999px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
}

.publicjail-justice-status-badge.is-custody {
background: rgba(180, 29, 24, 0.12);
color: #861d1a;
}

.publicjail-justice-status-badge.is-released {
background: rgba(34, 114, 62, 0.14);
color: #1f6b3b;
}

.publicjail-justice-status-badge.is-neutral {
background: rgba(57, 70, 86, 0.13);
color: #334155;
}

.publicjail-justice-record-id {
display: block;
font-size: 12px;
line-height: 1.4;
padding: 4px 0;
color: #3f5165;
word-break: break-word;
text-align: right;
}

.publicjail-justice-fact-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 10px;
margin-top: 14px;
}

.publicjail-justice-fact-item {
padding: 12px;
border-radius: 12px;
border: 1px solid var(--pjj-line);
background: #fff;
}

.publicjail-justice-fact-item span {
display: block;
font-size: 11px;
letter-spacing: 0.05em;
text-transform: uppercase;
color: var(--pjj-muted);
margin-bottom: 6px;
}

.publicjail-justice-fact-item strong {
display: block;
font-size: 1rem;
line-height: 1.2;
}

.publicjail-justice-record-section {
margin-top: 16px;
padding: 14px;
border-radius: 12px;
border: 1px solid var(--pjj-line);
background: #fff;
}

.publicjail-justice-record-section h3 {
margin-bottom: 10px;
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 0.04em;
color: #21374d;
}

.publicjail-justice-charge-list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 10px;
}

.publicjail-justice-charge-item {
padding: 12px;
border: 1px solid var(--pjj-line);
border-radius: 12px;
background: var(--pjj-soft);
}

.publicjail-justice-charge-title-row {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
margin-bottom: 6px;
}

.publicjail-justice-charge-title-row strong {
font-size: 15px;
line-height: 1.35;
}

.publicjail-justice-charge-class {
flex: 0 0 auto;
padding: 2px 8px;
border-radius: 999px;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
background: rgba(14, 79, 125, 0.14);
color: var(--pjj-brand-dark);
}

.publicjail-justice-charge-meta {
display: block;
font-size: 13px;
line-height: 1.45;
color: #455a70;
}

@media (max-width: 1024px) {
.publicjail-justice-form-row {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.publicjail-justice-record-header,
.publicjail-justice-fact-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 700px) {
.publicjail-justice-shell {
padding: 16px 12px;
}

.publicjail-justice-card {
padding: 14px;
border-radius: 12px;
}

.publicjail-justice-form-row,
.publicjail-justice-record-header,
.publicjail-justice-fact-grid {
grid-template-columns: 1fr;
}

.publicjail-justice-record-meta {
justify-items: start;
}

.publicjail-justice-record-id {
text-align: left;
}

.publicjail-justice-table {
display: block;
overflow-x: auto;
}
}