/* Tambahan kecil ERP di atas basalt.css, hanya untuk bagian yang tidak ada di template.
   Warna selalu dari token --basalt-*, jadi semua palet dan mode gelap ikut. Tanpa !important. */

/* Tray top bar yang kosong: satu baris tenang dengan ikon, sejajar dengan baris tray biasa. */
.erp-tray-empty {
	display: flex;
	gap: 0.75rem;
	align-items: center;
	padding: 0.85rem 1rem;
	color: var(--basalt-copy-muted);
	font-size: 0.875rem;
	border-bottom: 1px solid var(--basalt-edge);
}

/* Tombol yang tampil seperti tautan footer (Pintasan). */
.erp-linkish {
	padding: 0;
	border: 0;
	background: none;
	font: inherit;
	color: color-mix(in srgb, var(--basalt-copy-muted) 82%, var(--basalt-copy));
	cursor: pointer;

	&:hover,
	&:focus-visible {
		color: var(--basalt-hue);
		text-decoration: underline;
	}
}

/* Tombol keluar di menu akun memakai gaya dropdown-item tetapi berupa <button> dalam form. */
.basalt-tray-account form {
	margin: 0;
}

/* Tombol akun demo yang dipilih di halaman masuk. */
.signin-other[aria-pressed='true'] {
	border-color: var(--basalt-hue);
	color: var(--basalt-hue);
}

/* Kaki kartu formulir: tombol simpan rata kanan, di atas garis tipis kartu. */
.erp-card-actions {
	display: flex;
	gap: 0.5rem;
	justify-content: flex-end;
	background: transparent;
}

/* Saringan bergaya chip di kepala kartu (notifikasi dan daftar). */
.erp-filter-chips {
	display: flex;
	gap: 0.5rem;
	flex-wrap: wrap;
}
.erp-card-tabs {
	background: transparent;
}

/* Daftar notifikasi penuh: baris tray tanpa batas tinggi, dengan isi pesan di bawah judulnya. */
.erp-note-list {
	max-height: none;
}
.erp-note-body {
	display: block;
	margin: 0.15rem 0 0.2rem;
	font-size: 0.875rem;
	color: var(--basalt-copy-body);
}