/*
 * Penyeragaman tampilan view admin lama (yang belum ditulis ulang) dengan gaya baru:
 * flat, tanpa gradasi, kartu dan tabel yang lebih ringan. Hanya dimuat di layout admin.
 */

/* Tanpa gradasi */
.main-content .bg-gradient { background-image: none !important; }

/* Kartu */
.main-content .card { border: 0; border-radius: 16px; box-shadow: 0 1px 2px rgba(0,0,0,.04), 0 4px 16px -8px rgba(0,0,0,.08); }
.main-content .card.shadow, .main-content .card.shadow-lg { box-shadow: 0 1px 2px rgba(0,0,0,.04), 0 4px 16px -8px rgba(0,0,0,.08) !important; }
.main-content .card > .card-header { background: transparent; border-bottom: 1px solid var(--vz-border-color); padding: 16px 20px; border-radius: 16px 16px 0 0; }
.main-content .card > .card-header .card-title { font-size: 15px; font-weight: 600; }
.main-content .card > .card-header .card-title i { color: var(--vz-primary); }
.main-content .card-animate:hover { transform: none; }

/* Tabel lama */
.main-content .table-bordered > :not(caption) > * > * { border-width: 0; border-bottom: 1px dashed var(--vz-border-color); }
.main-content .table-bordered { border: 0; }
.main-content .table-striped > tbody > tr:nth-of-type(odd) > * { --vz-table-accent-bg: transparent; }
.main-content .table > thead th,
.main-content .table > thead.table-light th {
	font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .4px; white-space: nowrap;
	color: var(--vz-secondary-color, #878a99); background: var(--vz-light); border-bottom: 0;
}
.main-content .table > tbody td { vertical-align: middle; }
.main-content .table-hover > tbody > tr:hover > * { --vz-table-accent-bg: var(--vz-light); }
.main-content .table-card { margin: 0 !important; }
.main-content tr.bg-blue th, .main-content tr.bg-blue td { background: var(--vz-light) !important; color: var(--vz-secondary-color, #878a99) !important; box-shadow: none !important; }

/* Form & tombol */
.main-content label, .main-content .form-label { font-size: 13px; font-weight: 600; margin-bottom: 6px; }
.main-content .form-control, .main-content .form-select { border-radius: 10px; }
.main-content .btn { border-radius: 8px; }
.main-content .btn-group > .btn { border-radius: 0; }
.main-content .btn-group > .btn:first-child { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.main-content .btn-group > .btn:last-child { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.main-content .badge { font-weight: 600; }
.modal-content { border: 0; border-radius: 16px; }
.modal-header { border-bottom: 1px solid var(--vz-border-color); }

/* Judul halaman */
.page-title-box { padding-bottom: 12px; }
.page-title-box h4 { text-transform: none; font-size: 18px; font-weight: 700; }

/* Alert pesanan provider manual */
.manual-alert { padding: 16px 18px; border-radius: 16px; background: var(--vz-danger); color: #fff; }
.manual-alert-icon {
	width: 44px; height: 44px; border-radius: 12px; flex-shrink: 0; font-size: 22px;
	display: inline-flex; align-items: center; justify-content: center; background: rgba(255,255,255,.18);
}
.manual-alert-list { margin-top: 12px; display: flex; flex-direction: column; gap: 4px; }
.manual-alert-item {
	display: flex; align-items: center; gap: 10px; padding: 8px 12px; border-radius: 10px;
	background: rgba(255,255,255,.12); color: #fff !important; font-size: 13px;
}
.manual-alert-item:hover { background: rgba(255,255,255,.22); }

/* Kotak perlu perhatian di dashboard */
.attention-tile { display: block; color: inherit; border: 1px solid transparent; transition: border-color .15s ease; }
.attention-tile:hover { border-color: var(--vz-border-color); }
.attention-tile.is-hot { border-color: var(--stat-color); }