/*
 * ============================================================
 *  YOUR_STYLE.CSS — Override SmartAdmin (docs/template.md)
 *  Design language: putih, border #e2e8f0, label slate uppercase,
 *  aksen hijau #16a34a, chip pastel. SmartAdmin production.css
 *  TIDAK diedit — semua override di sini.
 * ============================================================
 */

/*
 * INDEX
 * - HEADER TOPBAR
 * - RIBBON / BREADCRUMB
 * - BODY & FONT
 * - BUTTONS & INPUTS
 */

/* ---------------- HEADER TOPBAR ---------------- */
#header {
	background-image: linear-gradient(to bottom, #16a34a, #15803d) !important;
	border-bottom: none !important;
	box-shadow: 0 1px 6px rgba(15, 23, 42, .18) !important;
}

#header #logo img { max-height: 44px; }

/* tombol ikon di kanan header (logout, fullscreen, user) */
#header .btn-header > span > a {
	color: rgba(255, 255, 255, .85);
	transition: background .15s, color .15s;
	border-radius: 0;
}
#header .btn-header > span > a:hover {
	background: rgba(255, 255, 255, .14);
	color: #fff;
	text-decoration: none;
}
/* nama user + foto di kanan atas */
#header .btn-header > span > a img {
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, .5);
	margin-right: 6px;
	vertical-align: middle;
	font-size: 13px;
}

/* ---------------- RIBBON / BREADCRUMB ---------------- */
#ribbon {
	background: #ffffff;
	border-bottom: 1px solid #e2e8f0;
	box-shadow: none !important;
}
#ribbon .breadcrumb,
#ribbon .breadcrumb > li,
#ribbon .breadcrumb > .active,
#ribbon .breadcrumb > li:last-child > span {
	color: #64748b;
	font-size: 12px;
}
#ribbon .breadcrumb > li + li::before { color: #cbd5e1; }
#ribbon .breadcrumb a { color: #16a34a; font-weight: 600; text-decoration: none; }
#ribbon .breadcrumb a:hover { text-decoration: underline; }
#ribbon .btn-ribbon {
	background: #f8fafc;
	color: #64748b;
	border-right: 1px solid #e2e8f0;
}
#ribbon .btn-ribbon:hover { background: #f0fdf4; color: #16a34a; }

/* ---------------- BODY & FONT ---------------- */
html, body { font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif; }
body { background: #f1f5f9; color: #1f2937; }
#main { background: transparent; }
#content { padding-top: 6px; }

/* ---------------- BUTTONS & INPUTS ---------------- */
.btn { border-radius: 8px !important; font-weight: 600; }
.btn-primary { background: #2563eb; border-color: #2563eb; }
.btn-success { background: #16a34a; border-color: #16a34a; }
.btn-success:hover, .btn-success:focus { background: #15803d; border-color: #15803d; }
.btn-danger { background: #dc2626; border-color: #dc2626; }
.btn-default:focus, .btn-default:active { outline: none; box-shadow: 0 0 0 3px rgba(22, 163, 74, .12); }

input.form-control, select.form-control, textarea.form-control {
	border-color: #e2e8f0;
	border-radius: 8px;
}
input.form-control:focus, select.form-control:focus, textarea.form-control:focus {
	border-color: #16a34a;
	box-shadow: 0 0 0 3px rgba(22, 163, 74, .12);
}