/**
 * SS API Transparência — listagem compacta + modal de detalhes.
 */

.content .ss-ta-listing,
.ss-ta-listing {
	--ss-ta-primary: #1e40af;
	--ss-ta-border: #e2e8f0;
	--ss-ta-head: #f8fafc;
	--ss-ta-text: #475569;
	--ss-ta-title: #334155;
	--ss-ta-muted: #64748b;
	--ss-ta-fs: 16px;
	--ss-ta-fs-sm: 14px;
	--ss-ta-fs-lg: 18px;
	--ss-ta-fs-xl: 26px;
	box-sizing: border-box;
	margin: 1.5rem 0 2rem;
	color: var(--ss-ta-text);
	font-size: var(--ss-ta-fs);
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

.content .ss-ta-listing *,
.ss-ta-listing * {
	box-sizing: border-box;
}

.ss-ta-records-json {
	display: none !important;
}

.content .ss-ta-listing__title,
.ss-ta-listing__title {
	margin: 0 0 0.35rem;
	font-size: 1.35rem;
	font-weight: 600;
	color: #111827;
}

.content .ss-ta-listing__desc,
.ss-ta-listing__desc {
	margin: 0;
	color: var(--ss-ta-muted);
}

.content .ss-ta-stats,
.ss-ta-stats {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin: 1rem 0;
}

.content .ss-ta-stat,
.ss-ta-stat {
	background: #fff;
	border: 1px solid var(--ss-ta-border);
	border-radius: 10px;
	padding: 0.75rem 1rem;
	min-width: 110px;
}

.content .ss-ta-stat__n,
.ss-ta-stat__n {
	display: block;
	font-size: 1.35rem;
	font-weight: 700;
	color: var(--ss-ta-primary);
}

.content .ss-ta-stat__l,
.ss-ta-stat__l {
	font-size: 0.72rem;
	text-transform: uppercase;
	color: var(--ss-ta-muted);
}

.content .ss-ta-toolbar,
.ss-ta-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	margin-bottom: 0.85rem;
}

.content .ss-ta-search,
.ss-ta-search {
	flex: 1 1 240px;
	max-width: 380px;
	padding: 0.65rem 0.85rem;
	border: 1px solid var(--ss-ta-border);
	border-radius: 8px;
	font-size: var(--ss-ta-fs-sm);
	line-height: 1.4;
	background: #fff;
}

.content .ss-ta-toolbar__meta,
.ss-ta-toolbar__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem;
}

.content .ss-ta-count,
.ss-ta-count {
	font-size: var(--ss-ta-fs-sm);
	color: var(--ss-ta-muted);
}

.content .ss-ta-per-page-wrap,
.ss-ta-per-page-wrap {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	font-size: var(--ss-ta-fs-sm);
	color: var(--ss-ta-muted);
}

.content .ss-ta-per-page,
.ss-ta-per-page {
	padding: 0.4rem 0.55rem;
	border: 1px solid var(--ss-ta-border);
	border-radius: 6px;
	font-size: var(--ss-ta-fs-sm);
	line-height: 1.4;
	background: #fff;
}

.content .ss-ta-card,
.ss-ta-card {
	background: #fff;
	border: 1px solid rgba(59, 130, 246, 0.12);
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 10px 15px -3px rgba(37, 99, 235, 0.08), 0 4px 6px -2px rgba(37, 99, 235, 0.04);
}

.content .ss-ta-listing table.ss-ta-table,
.ss-ta-listing table.ss-ta-table {
	width: 100% !important;
	margin: 0 !important;
	border: 0 !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	background: #fff !important;
	table-layout: auto !important;
	min-width: 0 !important;
}

.content .ss-ta-listing table.ss-ta-table thead,
.ss-ta-listing table.ss-ta-table thead {
	background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%) !important;
}

.content .ss-ta-listing table.ss-ta-table thead th,
.ss-ta-listing table.ss-ta-table thead th {
	padding: 0.85rem 1rem !important;
	font-weight: 600 !important;
	font-size: var(--ss-ta-fs-sm) !important;
	color: var(--ss-ta-title) !important;
	text-transform: uppercase !important;
	border: 0 !important;
	border-bottom: 2px solid var(--ss-ta-border) !important;
	background: transparent !important;
	white-space: nowrap !important;
}

.content .ss-ta-listing table.ss-ta-table tbody tr,
.ss-ta-listing table.ss-ta-table tbody tr {
	display: table-row !important;
	border-bottom: 1px solid #f1f5f9 !important;
	background: #fff !important;
}

.content .ss-ta-listing table.ss-ta-table tbody tr:nth-child(even),
.ss-ta-listing table.ss-ta-table tbody tr:nth-child(even) {
	background: #f8fafc !important;
}

.content .ss-ta-listing table.ss-ta-table tbody tr:hover,
.ss-ta-listing table.ss-ta-table tbody tr:hover {
	background: rgba(59, 130, 246, 0.05) !important;
}

.content .ss-ta-listing table.ss-ta-table tbody td,
.ss-ta-listing table.ss-ta-table tbody td {
	padding: 0.85rem 1rem !important;
	font-size: var(--ss-ta-fs) !important;
	color: var(--ss-ta-text) !important;
	border: 0 !important;
	border-bottom: 1px solid #f1f5f9 !important;
	vertical-align: middle !important;
	height: auto !important;
	max-height: none !important;
	overflow: visible !important;
}

.content .ss-ta-listing .ss-ta-col--date,
.ss-ta-listing .ss-ta-col--date {
	width: 105px;
	white-space: nowrap;
}

.content .ss-ta-listing .ss-ta-col--num,
.ss-ta-listing .ss-ta-col--num {
	width: 110px;
	white-space: nowrap;
	text-align: right !important;
	font-weight: 700;
	color: #0f766e !important;
}

.content .ss-ta-listing .ss-ta-col--main,
.ss-ta-listing .ss-ta-col--main {
	min-width: 160px;
	max-width: 320px;
}

.content .ss-ta-listing .ss-ta-col--main .ss-ta-cell-text,
.ss-ta-listing .ss-ta-col--main .ss-ta-cell-text {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.content .ss-ta-listing .ss-ta-col--short,
.ss-ta-listing .ss-ta-col--short {
	width: 90px;
	white-space: nowrap;
}

.content .ss-ta-listing .ss-ta-col--action,
.ss-ta-listing .ss-ta-col--action {
	width: 130px;
	text-align: center !important;
	white-space: nowrap;
}

.content .ss-ta-detail-btn,
.ss-ta-detail-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.45rem 0.85rem !important;
	border: 1px solid var(--ss-ta-primary) !important;
	border-radius: 8px !important;
	background: #fff !important;
	color: var(--ss-ta-primary) !important;
	font-size: var(--ss-ta-fs-sm) !important;
	font-weight: 600 !important;
	cursor: pointer;
	line-height: 1.2 !important;
	text-decoration: none !important;
	transition: background 0.2s ease, color 0.2s ease;
}

.content .ss-ta-detail-btn--disabled,
.ss-ta-detail-btn--disabled {
	opacity: 0.5;
	cursor: not-allowed;
	border-color: var(--ss-ta-border) !important;
	color: var(--ss-ta-muted) !important;
}

.content .ss-ta-detail-btn:hover,
.ss-ta-detail-btn:hover {
	background: var(--ss-ta-primary) !important;
	color: #fff !important;
}

.content .ss-ta-empty,
.ss-ta-empty {
	padding: 1rem;
	text-align: center;
	color: var(--ss-ta-muted);
	border: 1px dashed var(--ss-ta-border);
	border-radius: 8px;
	margin-top: 0.75rem;
}

.content .ss-ta-pager,
.ss-ta-pager {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	margin-top: 0.85rem;
	padding: 0.75rem 1rem;
	background: var(--ss-ta-head);
	border: 1px solid var(--ss-ta-border);
	border-radius: 10px;
}

.content .ss-ta-pager__controls,
.ss-ta-pager__controls {
	display: flex;
	gap: 0.5rem;
}

.content .ss-ta-pager__prev,
.content .ss-ta-pager__next,
.ss-ta-pager__prev,
.ss-ta-pager__next {
	border: 1px solid var(--ss-ta-border) !important;
	background: #fff !important;
	border-radius: 8px !important;
	padding: 0.5rem 1rem !important;
	cursor: pointer;
	font-size: var(--ss-ta-fs-sm) !important;
	font-weight: 600 !important;
	color: var(--ss-ta-primary) !important;
}

.content .ss-ta-pager__prev:hover:not(:disabled),
.content .ss-ta-pager__next:hover:not(:disabled),
.ss-ta-pager__prev:hover:not(:disabled),
.ss-ta-pager__next:hover:not(:disabled) {
	background: var(--ss-ta-primary) !important;
	color: #fff !important;
}

.content .ss-ta-pager__prev:disabled,
.content .ss-ta-pager__next:disabled,
.ss-ta-pager__prev:disabled,
.ss-ta-pager__next:disabled {
	opacity: 0.45;
	cursor: not-allowed;
}

.content .ss-ta-pager__status,
.ss-ta-pager__status {
	font-size: var(--ss-ta-fs-sm);
	color: var(--ss-ta-muted);
}

/* Single (página de detalhes com URL própria) */
.content .ss-ta-listing--single,
.ss-ta-listing--single {
	width: 100%;
	max-width: none;
}

/* Detalhe ocupa a largura total do conteúdo (sem sidebar) */
body.ss-ta-item-view .main-content .row > .col-lg-8 {
	flex: 0 0 100%;
	max-width: 100%;
}

body.ss-ta-item-view .main-content aside.col-lg-4 {
	display: none;
}

.content .ss-ta-breadcrumb,
.ss-ta-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35rem;
	margin-bottom: 1rem;
	font-size: var(--ss-ta-fs-sm);
	color: var(--ss-ta-muted);
}

.content .ss-ta-breadcrumb a,
.ss-ta-breadcrumb a {
	color: var(--ss-ta-primary);
	text-decoration: none;
	font-weight: 600;
}

.content .ss-ta-breadcrumb a:hover,
.ss-ta-breadcrumb a:hover {
	text-decoration: underline;
}

.content .ss-ta-breadcrumb__sep,
.ss-ta-breadcrumb__sep {
	opacity: 0.5;
}

.content .ss-ta-single__head,
.ss-ta-single__head {
	margin-bottom: 1rem;
}

.content .ss-ta-single__title,
.ss-ta-single__title {
	margin: 0 0 0.5rem;
	font-size: var(--ss-ta-fs-xl);
	font-weight: 700;
	color: #111827;
	line-height: 1.25;
}

.content .ss-ta-back-link,
.ss-ta-back-link {
	display: inline-block;
	font-size: var(--ss-ta-fs-sm);
	font-weight: 600;
	color: var(--ss-ta-primary);
	text-decoration: none;
}

.content .ss-ta-back-link:hover,
.ss-ta-back-link:hover {
	text-decoration: underline;
}

.content .ss-ta-card--single,
.ss-ta-card--single {
	padding: 0.25rem 0;
}

.content .ss-ta-detail-list--single,
.ss-ta-detail-list--single {
	margin: 0;
	padding: 1rem 1.25rem 1.25rem;
	display: grid;
	grid-template-columns: minmax(160px, 32%) 1fr;
	gap: 0.65rem 1.25rem;
}

.content .ss-ta-detail-list--single dt,
.ss-ta-detail-list--single dt {
	margin: 0;
	padding-top: 0.65rem;
	border-top: 1px solid #f1f5f9;
	font-size: var(--ss-ta-fs-sm);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--ss-ta-muted);
}

.content .ss-ta-detail-list--single dt:first-of-type,
.ss-ta-detail-list--single dt:first-of-type {
	border-top: 0;
	padding-top: 0;
}

.content .ss-ta-detail-list--single dd,
.ss-ta-detail-list--single dd {
	margin: 0;
	padding-top: 0.65rem;
	border-top: 1px solid #f1f5f9;
	font-size: var(--ss-ta-fs-lg);
	color: #1f2937;
	word-break: break-word;
	line-height: 1.5;
}

.content .ss-ta-detail-list--single dd:first-of-type,
.ss-ta-detail-list--single dd:first-of-type {
	border-top: 0;
	padding-top: 0;
}

.content .ss-ta-share-hint,
.ss-ta-share-hint {
	margin: 1rem 0 0;
	font-size: 0.82rem;
	color: var(--ss-ta-muted);
}

.content .ss-ta-urls,
.ss-ta-urls {
	margin-top: 1rem;
	padding: 0.75rem 1rem;
	background: var(--ss-ta-head);
	border: 1px solid var(--ss-ta-border);
	border-radius: 10px;
}

.content .ss-ta-error,
.ss-ta-error {
	color: #9b1c1c;
	padding: 0.85rem 1rem;
	background: #fef2f2;
	border-left: 4px solid #dc2626;
	border-radius: 6px;
	font-size: var(--ss-ta-fs);
}

.content .ss-ta-btn,
.ss-ta-btn {
	display: inline-block;
	padding: 0.55rem 1rem;
	background: var(--ss-ta-primary);
	color: #fff !important;
	text-decoration: none;
	border-radius: 8px;
	font-size: var(--ss-ta-fs-sm);
	font-weight: 600;
}

.content .ss-ta-frame,
.ss-ta-frame {
	border: 1px solid var(--ss-ta-border);
	border-radius: 12px;
	overflow: hidden;
	min-height: 720px;
}

.content .ss-ta-frame iframe,
.ss-ta-frame iframe {
	width: 100%;
	height: 78vh;
	min-height: 720px;
	border: 0;
}

@media (max-width: 768px) {
	.content .ss-ta-toolbar,
	.ss-ta-toolbar {
		flex-direction: column;
		align-items: stretch;
	}

	.content .ss-ta-search,
	.ss-ta-search {
		max-width: none;
	}

	.content .ss-ta-listing table.ss-ta-table thead,
	.ss-ta-listing table.ss-ta-table thead {
		display: none;
	}

	.content .ss-ta-listing table.ss-ta-table tbody tr,
	.ss-ta-listing table.ss-ta-table tbody tr {
		display: block !important;
		padding: 0.75rem 0;
		border-bottom: 1px solid var(--ss-ta-border) !important;
	}

	.content .ss-ta-listing table.ss-ta-table tbody td,
	.ss-ta-listing table.ss-ta-table tbody td {
		display: flex !important;
		justify-content: space-between;
		gap: 1rem;
		padding: 0.35rem 1rem !important;
		border: 0 !important;
		text-align: right !important;
	}

	.content .ss-ta-listing table.ss-ta-table tbody td::before,
	.ss-ta-listing table.ss-ta-table tbody td::before {
		content: attr(data-label);
		font-weight: 600;
		font-size: var(--ss-ta-fs-sm);
		text-transform: uppercase;
		color: var(--ss-ta-muted);
		text-align: left;
		flex: 0 0 42%;
	}

	.content .ss-ta-listing .ss-ta-col--action,
	.ss-ta-listing .ss-ta-col--action {
		justify-content: flex-end;
	}

	.content .ss-ta-detail-list,
	.ss-ta-detail-list {
		grid-template-columns: 1fr;
	}
}