/* Monitorul Oficial Local - neutral styles, scoped under .mol-monitor */
.mol-monitor {
	font: inherit;
	color: inherit;
	line-height: 1.5;
	margin: 0 0 2em;
}
.mol-monitor *,
.mol-monitor *::before,
.mol-monitor *::after { box-sizing: border-box; }

.mol-monitor a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.mol-monitor a:hover,
.mol-monitor a:focus { text-decoration-thickness: 2px; }

.mol-monitor .mol-title { margin: 0 0 .8em; }

/* Breadcrumb */
.mol-monitor .mol-breadcrumb { margin: 0 0 1em; font-size: .9em; }
.mol-monitor .mol-breadcrumb ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .25em; }
.mol-monitor .mol-breadcrumb li { margin: 0; }
.mol-monitor .mol-breadcrumb li + li::before { content: "\203A"; margin: 0 .5em 0 .25em; opacity: .6; }

/* Section switcher (section, register and document views) */
.mol-monitor .mol-sections { margin: 0 0 1.25em; }
.mol-monitor .mol-sections ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .4em; }
.mol-monitor .mol-sections li { margin: 0; }
.mol-monitor .mol-sections a {
	display: block;
	padding: .45em .85em;
	border: 1px solid rgba(128, 128, 128, .35);
	border-radius: 4px;
	font-size: .9em;
	line-height: 1.3;
	text-decoration: none;
}
.mol-monitor .mol-sections a:hover,
.mol-monitor .mol-sections a:focus { background: rgba(128, 128, 128, .1); border-color: currentColor; }
.mol-monitor .mol-sections a.is-current { font-weight: 600; border-color: currentColor; background: rgba(128, 128, 128, .15); }
@media (max-width: 700px) {
	.mol-monitor .mol-sections ul { flex-wrap: nowrap; overflow-x: auto; padding-bottom: .3em; }
	.mol-monitor .mol-sections a { white-space: nowrap; }
}

/* Section tiles */
.mol-monitor .mol-tiles {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));
	gap: 1em;
}
.mol-monitor .mol-tile {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: .75em;
	min-height: 8em;
	padding: 1.1em 1.2em;
	border: 1px solid currentColor;
	border-color: color-mix(in srgb, currentColor 25%, transparent);
	border-radius: 6px;
	text-decoration: none;
	transition: border-color .15s, background-color .15s;
}
.mol-monitor .mol-tile:hover,
.mol-monitor .mol-tile:focus {
	border-color: currentColor;
	background: color-mix(in srgb, currentColor 5%, transparent);
	text-decoration: none;
}
.mol-monitor .mol-tile-label { font-weight: 600; }
.mol-monitor .mol-tile-count { font-size: .85em; opacity: .7; }

/* Register list */
.mol-monitor .mol-register-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid rgba(128, 128, 128, .3); }
.mol-monitor .mol-register-list li { margin: 0; border-bottom: 1px solid rgba(128, 128, 128, .3); }
.mol-monitor .mol-register-list a {
	display: flex;
	justify-content: space-between;
	gap: 1em;
	align-items: baseline;
	padding: .8em .3em;
	text-decoration: none;
}
.mol-monitor .mol-register-list a:hover,
.mol-monitor .mol-register-list a:focus { background: rgba(128, 128, 128, .08); }
.mol-monitor .mol-register-list .mol-tile-count { white-space: nowrap; }

/* Filter form */
.mol-monitor .mol-filter {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5em .75em;
	margin: 0 0 1.2em;
}
.mol-monitor .mol-filter select,
.mol-monitor .mol-filter input[type="search"] {
	font: inherit;
	color: inherit;
	background: transparent;
	padding: .4em .6em;
	border: 1px solid rgba(128, 128, 128, .6);
	border-radius: 4px;
	max-width: 100%;
}
.mol-monitor .mol-filter input[type="search"] { flex: 1 1 12em; min-width: 8em; }
.mol-monitor .mol-btn {
	font: inherit;
	cursor: pointer;
	padding: .4em 1em;
	border: 1px solid currentColor;
	border-radius: 4px;
	background: transparent;
	color: inherit;
}
.mol-monitor .mol-btn:hover,
.mol-monitor .mol-btn:focus { background: rgba(128, 128, 128, .15); }

/* Table */
.mol-monitor .mol-table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid rgba(128, 128, 128, .3);
	font-size: .95em;
	margin: 0 0 1em;
}
.mol-monitor .mol-table th,
.mol-monitor .mol-table td {
	padding: .6em .75em;
	text-align: left;
	vertical-align: top;
	border: 1px solid rgba(128, 128, 128, .3);
}
.mol-monitor .mol-table thead th { background: rgba(128, 128, 128, .18); font-weight: 600; }
.mol-monitor .mol-table tbody tr:nth-child(even) { background: rgba(128, 128, 128, .07); }
.mol-monitor .mol-files { list-style: none; margin: 0; padding: 0; }
.mol-monitor .mol-files li { margin: 0 0 .25em; word-break: break-word; }
.mol-monitor .mol-file-size { opacity: .7; white-space: nowrap; }

/* Announcement cards */
.mol-monitor .mol-cards { display: grid; gap: 1em; margin: 0 0 1em; }
.mol-monitor .mol-card {
	padding: 1em 1.2em;
	border: 1px solid rgba(128, 128, 128, .3);
	border-radius: 6px;
}
.mol-monitor .mol-card-title { margin: 0 0 .25em; font-size: 1.1em; }
.mol-monitor .mol-card-date { margin: 0 0 .6em; font-size: .85em; opacity: .7; }
.mol-monitor .mol-card-content > :first-child { margin-top: 0; }
.mol-monitor .mol-card-content > :last-child { margin-bottom: .6em; }

/* Pagination */
.mol-monitor .mol-pagination-info { margin: 0 0 .5em; font-size: .9em; opacity: .8; }
.mol-monitor .mol-pagination ul.page-numbers { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .35em; }
.mol-monitor .mol-pagination ul.page-numbers li { margin: 0; }
.mol-monitor .mol-pagination .page-numbers a,
.mol-monitor .mol-pagination .page-numbers span.page-numbers {
	display: inline-block;
	padding: .3em .7em;
	border: 1px solid rgba(128, 128, 128, .5);
	border-radius: 4px;
	text-decoration: none;
}
.mol-monitor .mol-pagination .page-numbers .current { font-weight: 700; border-color: currentColor; background: rgba(128, 128, 128, .15); }
.mol-monitor .mol-pagination .page-numbers .dots { border-color: transparent; }

.mol-monitor .mol-empty { padding: 1em 0; opacity: .8; }

/* Single document */
.mol-monitor.mol-single { margin-top: 1.5em; }
.mol-monitor .mol-meta { margin: 0 0 1em; border-top: 1px solid rgba(128, 128, 128, .3); }
.mol-monitor .mol-meta-row {
	display: grid;
	grid-template-columns: minmax(10em, 1fr) 2fr;
	gap: 1em;
	padding: .55em .3em;
	border-bottom: 1px solid rgba(128, 128, 128, .3);
}
.mol-monitor .mol-meta dt { font-weight: 600; margin: 0; }
.mol-monitor .mol-meta dd { margin: 0; }
.mol-monitor .mol-subtitle { margin: 1em 0 .4em; }

/* Narrow screens: rows become stacked cards */
@media (max-width: 700px) {
	.mol-monitor .mol-table,
	.mol-monitor .mol-table tbody,
	.mol-monitor .mol-table tr,
	.mol-monitor .mol-table td { display: block; width: 100%; }
	.mol-monitor .mol-table { border: 0; }
	.mol-monitor .mol-table thead {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
	}
	.mol-monitor .mol-table tbody tr,
	.mol-monitor .mol-table tbody tr:nth-child(even) {
		margin: 0 0 1em;
		border: 1px solid rgba(128, 128, 128, .4);
		border-radius: 6px;
		background: transparent;
	}
	.mol-monitor .mol-table tbody tr:nth-child(odd) { background: rgba(128, 128, 128, .07); }
	.mol-monitor .mol-table td { border: 0; border-bottom: 1px solid rgba(128, 128, 128, .2); padding: .5em .75em; }
	.mol-monitor .mol-table td:last-child { border-bottom: 0; }
	.mol-monitor .mol-table td::before {
		content: attr(data-label);
		display: block;
		font-size: .8em;
		font-weight: 600;
		opacity: .7;
		margin-bottom: .1em;
	}
	.mol-monitor .mol-table td:empty { display: none; }
	.mol-monitor .mol-meta-row { grid-template-columns: 1fr; gap: .1em; }
}