/* assets/css/app.css - tema PT. Aksa Wastra Utama (biru dan merah dari logo) */
:root {
  --awu-biru: #0b14d8;
  --awu-biru-tua: #14196b;
  --awu-merah: #d91f1f;
  --bs-primary: var(--awu-biru);
  --bs-primary-rgb: 11, 20, 216;
  --bs-link-color: var(--awu-biru);
  --bs-link-hover-color: var(--awu-biru-tua);
}

/* Latar: warna lembut + logo perusahaan sebagai watermark di tengah */
body { background: #eef1fb; min-height: 100vh; position: relative; }
body::before {
  content: ""; position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background: url('../img/logo.png') center 55% / min(70vw, 760px) no-repeat;
  opacity: .13; mix-blend-mode: multiply;
}
body > nav, body > .container-fluid { position: relative; z-index: 1; }

/* Bilah atas */
.awu-nav { background: #fff; border-bottom: 3px solid var(--awu-biru); box-shadow: 0 2px 8px rgba(20,25,107,.12); position: relative; }
.awu-nav::after { content: ""; position: absolute; left: 0; right: 0; bottom: -3px; height: 3px; background: linear-gradient(90deg, var(--awu-biru) 0 60%, var(--awu-merah) 60% 100%); }
.awu-brand { display: flex; align-items: center; gap: .65rem; text-decoration: none; }
.awu-brand img { height: 42px; width: auto; }
.awu-brand span { font-weight: 800; letter-spacing: .5px; color: var(--awu-biru); font-size: 1.1rem; }
.awu-user { color: var(--awu-biru-tua); font-size: .9rem; }
.awu-user a { color: var(--awu-merah); font-weight: 600; }

/* Menu samping: tiap menu berupa kotak berwarna */
.awu-side { padding: 1rem .9rem; }
.menu-box {
  --warna: var(--awu-biru);
  display: flex; align-items: center; gap: .75rem;
  background: #fff; border: 1px solid #dfe3f3; border-left: 5px solid var(--warna);
  border-radius: .6rem; padding: .6rem .75rem; margin-bottom: .6rem;
  color: #1f2547 !important; font-weight: 600; text-decoration: none;
  box-shadow: 0 1px 3px rgba(20,25,107,.08); transition: transform .12s, box-shadow .12s;
}
.menu-box .ikon { width: 34px; height: 34px; border-radius: .5rem; background: var(--warna); color: #fff;
  display: grid; place-items: center; font-size: 1.1rem; flex: none; }
.menu-box:hover { transform: translateX(3px); box-shadow: 0 4px 10px rgba(20,25,107,.18); }
.menu-box.aktif { background: var(--warna); color: #fff !important; border-color: var(--warna); }
.menu-box.aktif .ikon { background: rgba(255,255,255,.22); }
.m-dash  { --warna: #0b14d8; }
.m-buat  { --warna: #d91f1f; }
.m-arsip { --warna: #0f8b8d; }
.m-stok  { --warna: #e08a00; }
.m-klien { --warna: #7b3fe4; }
.m-set   { --warna: #475569; }
.m-user  { --warna: #0d9f6e; }

/* Panel isi: putih agar tabel dan form mudah dibaca, watermark tetap terlihat di sekitarnya */
.awu-panel { background: rgba(255,255,255,.94); border-radius: .9rem; padding: 1.5rem;
  box-shadow: 0 2px 12px rgba(20,25,107,.1); border-top: 4px solid var(--awu-merah); }
.awu-panel h4 { color: var(--awu-biru-tua); font-weight: 700; }

/* Komponen */
.btn-primary { --bs-btn-bg: var(--awu-biru); --bs-btn-border-color: var(--awu-biru);
  --bs-btn-hover-bg: var(--awu-biru-tua); --bs-btn-hover-border-color: var(--awu-biru-tua); }
.btn-outline-primary { --bs-btn-color: var(--awu-biru); --bs-btn-border-color: var(--awu-biru);
  --bs-btn-hover-bg: var(--awu-biru); --bs-btn-hover-border-color: var(--awu-biru); }
.nav-pills .nav-link.active { background: var(--awu-biru); }
.nav-pills .nav-link { border: 1px solid #dfe3f3; margin-right: .35rem; margin-bottom: .35rem; background: #fff; }
.nav-pills .nav-link.active { border-color: var(--awu-biru); }
.table thead th { background: var(--awu-biru-tua); color: #fff; border-color: var(--awu-biru-tua); }
.card { border-top: 3px solid var(--awu-biru); }
.form-control:focus, .form-select:focus { border-color: var(--awu-biru); box-shadow: 0 0 0 .2rem rgba(11,20,216,.15); }

/* Halaman login */
.login-card { width: 380px; border-top: 4px solid var(--awu-merah); border-radius: .9rem; background: rgba(255,255,255,.96); }
.login-card img { max-width: 220px; display: block; margin: 0 auto .5rem; }