/* [A] Variabel & theme base */
:root {
  /* Neon-crypto cerah */
  --bg-grad-1: #b5f3ff;   /* cyan muda */
  --bg-grad-2: #e9c6ff;   /* ungu muda */
  --bg-grad-3: #fff0c7;   /* kuning pastel */
  --ink-900:   #0e0e12;   /* teks gelap utama */
  --ink-700:   #2b2b36;   /* teks sekunder */
  --card:      rgba(255,255,255,0.6);    /* glass base */
  --blur:      saturate(180%) blur(10px);
  --radius-2xl: 20px;
  --shadow-soft: 0 10px 30px rgba(0,0,0,0.08);
  --container:  1200px;

  /* Ribbon waktu */
  --ribbon:        #ffffffcc;
  --ribbon-border: #00000012;

  /* Komponen kecil */
  --pill-bg:   rgba(255,255,255,0.7);
  --pill-bd:   #0000001f;
}

/* [B] Reset ringan */
* { box-sizing: border-box; margin: 0; padding: 0; }

/* [C] Body — Poppins + gradasi cerah + teks gelap */
body {
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--ink-900);
  background:
    radial-gradient(1200px 800px at 0% 0%, var(--bg-grad-1) 0%, transparent 60%),
    radial-gradient(1200px 800px at 100% 0%, var(--bg-grad-2) 0%, transparent 60%),
    radial-gradient(1200px 800px at 50% 100%, var(--bg-grad-3) 0%, transparent 60%),
    linear-gradient(135deg, #f8fbff 0%, #ffffff 100%);
  min-height: 100svh;
  display: flex;
  flex-direction: column;
}

/* [D] Container utama */
.page-wrap {
  width: 100%;
  max-width: var(--container);
  margin: 0 auto;
  padding: 24px;
}

/* [E] Kartu glassmorphism */
.glass {
  background: var(--card);
  backdrop-filter: var(--blur);
  -webkit-backdrop-filter: var(--blur);
  border: 1px solid rgba(255,255,255,0.6);
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow-soft);
  overflow: clip;
}

/* [F] Spasi blok konten */
.block { padding: 20px 24px; }

/* [G] Placeholder untuk sementara */
.placeholder {
  border: 2px dashed rgba(0,0,0,0.12);
  background: rgba(255,255,255,0.55);
  padding: 24px;
  border-radius: 14px;
}
.placeholder h2 { font-size: 18px; font-weight: 600; margin-bottom: 6px; }
.placeholder p  { font-size: 13px; color: var(--ink-700); }

/* [H] Ribbon waktu di atas konten */
.time-ribbon {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  font-size: 13px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--ribbon-border);
  background: var(--ribbon);
}
.time-ribbon strong { font-weight: 600; }
.tz-note { opacity: .7; }

/* [I] Badge kecil di sisi kanan ribbon */
.pill {
  display: inline-block;
  padding: 6px 10px;
  border-radius: 999px;
  background: var(--pill-bg);
  border: 1px solid var(--pill-bd);
  font-size: 12px;
  line-height: 1;
}

/* [J] Responsiveness ringan */
@media (max-width: 640px) {
  .block { padding: 16px 16px; }
  .time-ribbon { flex-direction: column; align-items: flex-start; gap: 8px; }
}



/* ===== Header Sticky, Brand, Nav ===== */

/* ===== Header (non-sticky), Brand, Nav ===== */

/* Header: gradasi putih–abu + glass halus, menyatu dengan tema namun tetap terpisah */
.imd-header{
  display:flex; align-items:center; justify-content:space-between; gap:24px;
  padding: 16px 24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(245,246,248,0.92) 100%),
    radial-gradient(900px 540px at 0% 0%, rgba(181,243,255,0.32) 0%, transparent 60%),
    radial-gradient(900px 540px at 100% 0%, rgba(233,198,255,0.28) 0%, transparent 60%),
    radial-gradient(900px 540px at 50% 100%, rgba(255,240,199,0.24) 0%, transparent 60%);
  backdrop-filter: saturate(150%) blur(6px);
  -webkit-backdrop-filter: saturate(150%) blur(6px);
  border: 1px solid #ececf1;
  border-radius: 18px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.06);
}

/* Brand (logo image saja) */
.imd-brand{ display:flex; align-items:center; }
.imd-logo-link{ display:inline-block; line-height:0; }
.imd-logo{
  display:block;
  height: 64px; /* logo besar & bold secara visual via drop-shadow */
  width:auto;
  filter: drop-shadow(0 8px 20px rgba(0,0,0,0.22))
          drop-shadow(0 0 10px rgba(181,243,255,0.40))
          drop-shadow(0 0 8px rgba(233,198,255,0.30));
}

/* Burger (muncul di mobile/tablet) */
.imd-burger{
  display:none;
  width:42px; height:42px;
  border-radius:12px; border:1px solid #00000015; background:#fff; cursor:pointer;
  align-items:center; justify-content:center; gap:4px;
  box-shadow: 0 8px 18px rgba(0,0,0,0.08);
}
.burger-bar{
  display:block; width:18px; height:2px; background:#1f2430; border-radius:2px;
}
.imd-burger:focus{ outline: 2px solid #b5f3ff; outline-offset: 2px; }

/* Nav container */
.imd-nav{
  display:flex; align-items:center; justify-content:flex-end; gap:20px;
  flex:1 1 auto;
}

/* Menu */
.imd-menu{
  list-style:none; display:flex; align-items:center; gap:16px; margin:0; padding:0;
}
.imd-link{
  padding:8px 12px; border-radius:10px;
  text-decoration:none; color: var(--ink-900);
  font-size:14px; font-weight:500;
  border:1px solid transparent;
  transition: all .2s ease;
}
.imd-link:hover{
  background:#fff;
  border-color:#00000014;
  box-shadow:0 8px 20px rgba(0,0,0,0.08);
  transform:translateY(-1px);
}

/* Auth buttons (dark neon) */
.imd-auth{ display:flex; align-items:center; gap:12px; }
.btn{
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 16px; border-radius:16px; font-size:14px; font-weight:700;
  text-decoration:none; line-height:1; transition:all .2s ease;
  border:1px solid #00000022;
}
.btn-ic{ display:block; }

/* Dark neon */
.btn-dark{
  background: radial-gradient(120% 120% at 0% 0%, #1e2030 0%, #2a2d3e 55%, #1b1d2a 100%);
  color:#f7f8fc;
  box-shadow: 0 10px 24px rgba(0,0,0,0.28),
              0 0 12px rgba(181,243,255,0.30),
              0 0 8px rgba(233,198,255,0.24);
}
.btn-dark:hover{
  filter: brightness(1.08) saturate(112%);
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(0,0,0,0.36),
              0 0 16px rgba(181,243,255,0.38),
              0 0 12px rgba(233,198,255,0.32);
}

/* ===== Responsive ===== */
@media (max-width: 1024px){
  .imd-logo{ height: 56px; }
}
@media (max-width: 860px){
  .imd-burger{ display:flex; }
  .imd-nav{
    position: fixed; top: 20px; right: 20px;
    display: none; flex-direction: column; align-items: stretch; gap:12px;
    background: rgba(255,255,255,0.96);
    backdrop-filter: saturate(160%) blur(10px);
    -webkit-backdrop-filter: saturate(160%) blur(10px);
    border: 1px solid #e5e5ea;
    box-shadow: 0 16px 36px rgba(0,0,0,0.15);
    border-radius: 14px;
    padding: 12px;
    z-index: 60;
    width: min(88vw, 360px);
  }
  .imd-nav.open{ display:flex; }
  .imd-menu{ flex-direction: column; align-items: stretch; gap:8px; }
  .imd-link{ padding:10px 12px; }
  .imd-auth{ justify-content: space-between; }
  .imd-header{ padding: 12px 14px; }
  .imd-logo{ height: 50px; }
}
/* Saat burger open, cegah body “meloncat” */
.nav-open body{ overflow:hidden; }


/* ===== Time Ribbon (jarak rapi dari header) ===== */
.time-ribbon{
  display:flex; justify-content:space-between; align-items:center;
  gap:12px; font-size:13px; padding:10px 14px;
  background: rgba(255,255,255,0.85);
  backdrop-filter: saturate(150%) blur(6px);
  -webkit-backdrop-filter: saturate(150%) blur(6px);
  border:1px solid #ececf1;
  border-radius: 14px;
  box-shadow: 0 6px 14px rgba(0,0,0,0.05);
  margin-bottom: 10px; /* ★ jarak ke header: dekat tapi tidak nempel */
}
.time-ribbon strong{ font-weight:600; }
.tz-note{ opacity:.7; }
.pill{
  display:inline-block; padding:6px 10px; border-radius:999px;
  background: rgba(255,255,255,0.75);
  border: 1px solid #0000001f; font-size:12px; line-height:1;
}

/* Sedikit padatkan padding block tepat setelah ribbon, agar visual jarak pas */
.block-tight-top{ padding-top: 12px; }

/* Responsive kecil */
@media (max-width: 640px){
  .time-ribbon{ flex-direction:column; align-items:flex-start; gap:8px; }
}



/* ===== CENTER: SECTION 1 (Hero) ===== */
.center-hero{
  /* Neon biru gradasi, putih, menyatu dengan tema */
  background:
    linear-gradient(135deg, #1f8fff 0%, #5ac8ff 50%, #8ee7ff 100%);
  color: #fff;
  border-radius: 16px;
  padding: 28px 24px;
  box-shadow: 0 14px 32px rgba(17, 56, 115, 0.25);
}
.hero-inner{
  display: grid;
  grid-template-columns: 360px 1fr; /* kiri gambar, kanan teks */
  gap: 20px;
  align-items: center;
}
.hero-left{ display:flex; align-items:center; justify-content:center; }
.hero-globe{
  width: 100%;
  max-width: 320px;
  height: auto;
  filter: drop-shadow(0 16px 30px rgba(0,0,0,0.25));
}

.hero-right{ display:flex; flex-direction:column; gap:10px; }
.hero-title{
  font-size: 24px;
  line-height: 1.25;
  font-weight: 800;
  letter-spacing: .3px;
}
.hero-badge{
  font-size: 12px; font-weight: 700;
  margin-left: 8px;
  padding: 4px 8px;
  background: rgba(255,255,255,0.18);
  border: 1px solid rgba(255,255,255,0.35);
  border-radius: 999px;
}
.hero-desc{
  font-size: 14px;
  line-height: 1.55;
  opacity: .95;
  margin-top: 4px;
}
.hero-notes-h{
  font-size: 14px; margin-top: 8px; font-weight: 700;
  text-transform: none; letter-spacing: .2px;
}
.hero-notes{
  margin: 6px 0 0 18px;
  font-size: 13px; line-height: 1.55;
}
.hero-notes li{ margin-bottom: 4px; }

/* Responsif hero */
@media (max-width: 1024px){
  .hero-inner{ grid-template-columns: 300px 1fr; }
  .hero-globe{ max-width: 280px; }
}
@media (max-width: 820px){
  .hero-inner{ grid-template-columns: 1fr; }
  .hero-left{ order: 2; }
  .hero-right{ order: 1; }
  .center-hero{ padding: 22px 18px; }
}

/* ===== CENTER: SECTION 2 (Submenu Grid) ===== */
.submenu-section{
  margin-top: 18px;
}
.submenu-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4 kolom desktop */
  gap: 14px;
}
.submenu-card{
  display: flex; align-items: flex-start; gap: 12px;
  padding: 14px;
  background: transparent;                 /* transparan */
  border: 1px solid #dfe5f0;               /* border solid estetik */
  border-radius: 14px;
  text-decoration: none;
  color: var(--ink-900);
  transition: all .18s ease;
  box-shadow: 0 0 0 rgba(0,0,0,0);         /* no shadow default */
}
.submenu-card:hover{
  background: rgba(255,255,255,0.65);
  box-shadow: 0 12px 28px rgba(0,0,0,0.10);
  transform: translateY(-1px);
  border-color: #cfd9ea;
}
.submenu-ic{
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px;
  border-radius: 12px;
  background: linear-gradient(135deg, #eef6ff 0%, #f8fbff 100%);
  border: 1px solid #e8eef9;
  color: #23324a; /* warna ikon */
  flex: 0 0 44px;
}
.submenu-body{ flex: 1 1 auto; }
.submenu-title{
  font-size: 15px; font-weight: 700; margin-bottom: 4px;
}
.submenu-desc{
  font-size: 13px; color: var(--ink-700); line-height: 1.45;
}

/* Responsif grid submenu */
@media (max-width: 1100px){
  .submenu-grid{ grid-template-columns: repeat(3, 1fr); } /* 3 kolom */
}
@media (max-width: 820px){
  .submenu-grid{ grid-template-columns: repeat(2, 1fr); } /* 2 kolom */
}
@media (max-width: 520px){
  .submenu-grid{ grid-template-columns: 1fr; }            /* 1 kolom */
}

/* Hero: versi teks gelap di atas background neon */
.hero-right.dark-box{
  
  color: #1a1c23;

  padding: 16px;

}
.hero-right.dark-box .hero-title{ color:#1a1c23; }
.hero-right.dark-box .hero-desc{ color:#2b2d36; }
.hero-right.dark-box .hero-notes-h{ color:#111; }
.hero-right.dark-box .hero-notes{ color:#2b2d36; }



/* ===== SECTION 3: RECENT ACTIVITIES / TIMELINE ===== */
.section-activities{ margin-top: 18px; }

/* Grid 2 kolom, responsif */
.activities-grid{
  display: grid;
  grid-template-columns: 1fr 1fr; /* 2 box sejajar */
  gap: 16px;
}
@media (max-width: 980px){
  .activities-grid{ grid-template-columns: 1fr; } /* jadi 1 kolom di tablet/HP */
}

/* Box wrapper */
.box{
  background: rgba(255,255,255,0.75);
  border: 1px solid #e6e9f2;
  border-radius: 14px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.06);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* Head */
.box-head{
  display:flex; align-items:center; justify-content:space-between;
  padding: 14px 14px 10px 14px;
  border-bottom: 1px solid #eef1f7;
}
.box-title{ font-size:16px; font-weight:800; letter-spacing:.2px; }
.btn-mini{
  display:inline-block; padding:8px 10px; font-size:12px; font-weight:700;
  border-radius:12px; text-decoration:none; color:#1c2232;
  background:#fff; border:1px solid #dfe5f0;
  transition:all .18s ease;
}
.btn-mini:hover{
  box-shadow: 0 8px 18px rgba(0,0,0,0.08);
  transform: translateY(-1px);
}

/* Table projects */
.table-wrap{ width:100%; overflow:auto; }
.imd-table{ width:100%; border-collapse:separate; border-spacing:0; }
.imd-table thead th{
  text-align:left; font-size:12px; font-weight:700; color:#2b2d36;
  background:#f7f9fd; padding:10px 12px; border-bottom:1px solid #e9edf6;
  position: sticky; top: 0; /* kalau tinggi konten, header tetap terlihat saat scroll */
}
.imd-table tbody td{
  font-size:13px; color:#1f2330; padding:10px 12px; border-bottom:1px solid #f0f3fa;
}
.imd-table tbody tr:nth-child(odd){ background: rgba(249,251,255,0.6); }

/* Action button kecil */
.btn-chip{
  display:inline-block; padding:6px 10px; font-size:12px; font-weight:700;
  border-radius:999px; text-decoration:none; color:#1d2230; background:#ffffff;
  border:1px solid #dfe5f0; transition: all .18s ease;
}
.btn-chip:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(0,0,0,0.08);
}

/* Activity feed (timeline) */
.box-activity{ }
.timeline{
  list-style:none; margin:0; padding: 8px 12px 14px 12px;
}
.t-item{
  display:flex; gap:10px; padding:10px 4px; position: relative;
}
.t-item + .t-item::before{
  content:""; position:absolute; left:23px; top:-6px; bottom:calc(100% - 16px);
  width:2px; background: #e5eaf5;
}
.t-ic{
  flex:0 0 30px; height:30px; width:30px;
  display:flex; align-items:center; justify-content:center;
  border-radius:10px; background:#f3f7ff; border:1px solid #e4ebfb; color:#26334d;
  box-shadow: 0 6px 14px rgba(0,0,0,0.05);
}
.t-body{ flex:1 1 auto; }
.t-line{ font-size:13px; color:#1f2330; }
.t-line em{ font-style:normal; font-weight:600; }
.t-meta{ font-size:12px; color:#5b657a; margin-top:2px; }



/* ===== SECTION 4: Utilities ===== */
/* Background berbeda dari Section 3: lembut-lilac dengan glass tipis */
.section-utilities{
  margin-top: 18px;
  background:
    linear-gradient(135deg, #f7f2ff 0%, #eef7ff 50%, #f9fff6 100%);
  border-radius: 16px;
  padding: 16px;
  border: 1px solid #ececf4;
  box-shadow: 0 12px 28px rgba(0,0,0,0.06);
}
.utilities-wrap{
  display: grid;
  grid-template-columns: 2fr 1.4fr 1.6fr; /* Calendar lebih lebar */
  gap: 14px;
}
@media (max-width: 1100px){
  .utilities-wrap{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 760px){
  .utilities-wrap{ grid-template-columns: 1fr; }
}

/* Box umum */
.util-box{
  background: rgba(255,255,255,0.78);
  border: 1px solid #e6e9f2;
  border-radius: 14px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.06);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* Reuse .box-head dari sebelumnya */
.util-box .box-head{
  display:flex; align-items:center; justify-content:space-between;
  padding: 14px 14px 10px 14px;
  border-bottom: 1px solid #eef1f7;
}
.util-box .box-title{ font-size:16px; font-weight:800; letter-spacing:.2px; }

/* ========== Calendar ========== */
.calendar{ padding: 12px; display:flex; flex-direction:column; gap:12px; }
.cal-head{
  display:flex; align-items:center; justify-content:space-between;
  background:#ffffff; border:1px solid #e8ecf7; border-radius:10px; padding:8px 10px;
}
.cal-month{ font-weight:800; letter-spacing:.2px; }
.cal-nav{
  width:32px; height:32px; border-radius:10px; border:1px solid #e2e7f3; background:#fff; cursor:pointer;
  transition: all .18s ease;
}
.cal-nav:hover{ box-shadow:0 8px 18px rgba(0,0,0,.08); transform: translateY(-1px); }

.cal-grid{
  display:grid; grid-template-columns: repeat(7, 1fr); gap: 6px;
  background: #fcfdff; border:1px solid #e9eef9; border-radius:10px; padding:10px;
}
.cal-wd{
  text-align:center; font-size:12px; font-weight:700; color:#50566b; padding:6px 0;
}
.cal-dd{
  text-align:center; font-size:13px; padding:8px 0;
  border-radius:10px; border:1px solid transparent; color:#1f2330;
  background:#fff;
}
.cal-dd.mute{
  background:transparent; border:1px dashed #eef1f7; color:#b8bfd0;
}
.cal-dd.event{
  border-color:#cfe7ff; background:linear-gradient(180deg, #ffffff 0%, #f4f9ff 100%);
  position:relative;
}
.cal-dd.event::after{
  content:"•"; position:absolute; right:8px; bottom:6px; color:#3c8bff; font-weight:900;
}
.cal-dd.today{
  border-color:#b5f3ff; background:linear-gradient(180deg, #ffffff 0%, #f2fdff 100%);
  box-shadow: inset 0 0 0 2px rgba(181,243,255,.35);
}

.cal-list{ display:flex; flex-direction:column; gap:10px; }
.cal-item{
  display:grid; grid-template-columns: 10px 1fr auto; align-items:center; gap:8px;
  background:#fff; border:1px solid #e9edf6; border-radius:10px; padding:8px 10px;
}
.cal-item .dot{ width:8px; height:8px; border-radius:50%; background:#3c8bff; }
.cal-text{ font-size:13px; color:#1f2330; }
.cal-meta{ font-size:12px; color:#616a82; }

/* ========== Status di Kantor ========== */
.util-status{ }
.status-list{ display:flex; flex-direction:column; gap:10px; padding: 12px; }
.status-item{
  display:flex; gap:10px; align-items:center; border-radius:12px; padding:10px 12px;
  border:1px solid #e7ebf5; background: #ffffff; transition: transform .18s ease, box-shadow .18s ease;
}
.status-item:hover{ transform: translateY(-1px); box-shadow: 0 10px 22px rgba(0,0,0,.08); }
.status-item.on{ border-color:#bbf7d0; background:linear-gradient(180deg, #ffffff 0%, #effef5 100%); }
.status-item.off{ border-color:#fdd8d8; background:linear-gradient(180deg, #ffffff 0%, #fff1f1 100%); }
.status-item.wfh{ border-color:#d7e7ff; background:linear-gradient(180deg, #ffffff 0%, #f3f8ff 100%); }

.s-ic{
  width:36px; height:36px; display:flex; align-items:center; justify-content:center;
  border-radius:10px; background:#f3f7ff; border:1px solid #e4ebfb; color:#26334d;
}
.s-body{ flex:1 1 auto; }
.s-line{ font-size:13px; color:#1f2330; }
.s-meta{ font-size:12px; color:#5b657a; }

/* ========== Upcoming Deadlines ========== */
.util-deadlines{ }
.deadlines{ list-style:none; margin:0; padding: 12px; display:flex; flex-direction:column; gap:10px; }
.d-item{
  display:flex; gap:10px; align-items:center; border-radius:12px; padding:10px 12px;
  border:1px solid #e7ebf5; background:#fff; transition: all .18s ease;
}
.d-item:hover{ transform: translateY(-1px); box-shadow: 0 10px 22px rgba(0,0,0,.08); }
.d-item.warn{ border-color:#ffe3b3; background:linear-gradient(180deg, #ffffff 0%, #fff8eb 100%); }
.d-left{ flex:0 0 auto; }
.d-date{
  width:46px; height:46px; border-radius:12px;
  background:linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%);
  border:1px solid #e6ecfa;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  box-shadow: inset 0 -2px 0 rgba(0,0,0,0.03);
}
.d-day{ font-weight:900; font-size:16px; line-height:1; color:#1f2330; }
.d-mon{ font-size:11px; color:#5b657a; margin-top:2px; }
.d-body{ flex:1 1 auto; }
.d-line{ font-size:13px; color:#1f2330; }
.d-meta{ font-size:12px; color:#5b657a; margin-top:2px; }


/* ===== SECTION 5: INVENTARIS ===== */
.section-inventaris{
  margin-top: 20px;
}
.inventaris-grid{
  display:grid;
  grid-template-columns: repeat(3,1fr);
  gap:16px;
}
@media (max-width:1000px){
  .inventaris-grid{ grid-template-columns:1fr 1fr; }
}
@media (max-width:700px){
  .inventaris-grid{ grid-template-columns:1fr; }
}

/* Box style */
.inv-box{
  background:#1b1f2b; /* gelap */
  border:1px solid #2d3344;
  border-radius:14px;
  color:#e9edf9;
  display:flex;
  flex-direction:column;
  box-shadow:0 10px 24px rgba(0,0,0,0.4);
}
.inv-box .box-head{
  padding:14px;
  border-bottom:1px solid #2d3344;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.inv-box .box-title{
  font-size:16px;
  font-weight:800;
}
.inv-meta{ font-size:12px; color:#aab2c8; }

/* Table */
.inv-table{
  width:100%;
  border-collapse:collapse;
}
.inv-table thead th{
  font-size:13px; font-weight:700; text-align:left;
  color:#cbd2e9; padding:8px 10px; border-bottom:1px solid #2d3344;
}
.inv-table tbody td{
  font-size:13px; padding:8px 10px; border-bottom:1px solid #2d3344;
}
.inv-table tbody tr:nth-child(even){
  background:#232838;
}

/* Movement list */
.movement-list{
  list-style:none; margin:0; padding:12px; display:flex; flex-direction:column; gap:10px;
}
.move-item{
  display:flex; flex-direction:column; gap:2px;
  padding:10px; border-radius:10px;
  background:#232838; border:1px solid #2d3344;
}
.m-status{
  font-size:11px; font-weight:700; padding:2px 8px; border-radius:6px;
  display:inline-block; width:max-content; margin-bottom:4px;
}
.m-status.used{ background:#3c8bff; color:#fff; }
.m-status.rented{ background:#3ccf7c; color:#fff; }
.m-status.repair{ background:#f97316; color:#fff; }
.m-status.returned{ background:#9f7aea; color:#fff; }
.m-text{ font-size:13px; color:#f0f4ff; }
.m-meta{ font-size:12px; color:#aab2c8; }


/* ===== FOOTER ===== */
.site-footer{
  margin-top: 40px;
  background: linear-gradient(135deg, #1d1f28 0%, #2a2d3a 100%);
  color: #f0f2fa;
  padding: 18px 10px;
  text-align: center;
  border-top: 1px solid #2e3240;
}
.site-footer .footer-inner p{
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .3px;
}
.site-footer strong{
  color: #ffffff;
}