/* Body Utama */
.main{
   padding:25px 40px;
}
#map{
   margin-top:18px;
   margin-bottom:22px;
   border-radius:20px;
}







/* CSS MAP */
#map{
    width: 100%;
    height: 420px;
    min-height: 420px;
    max-height: 420px;
    display:block;
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    z-index: 1;
    margin-bottom: 30px;
}
#map{
height:420px;
z-index:1;
}
.leaflet-pane,
.leaflet-marker-pane,
.leaflet-overlay-pane{
z-index:500;
}
@keyframes blinkRed {
0%{transform:scale(1);opacity:1;}
50%{transform:scale(1.4);opacity:.5;}
100%{transform:scale(1);opacity:1;}
}

.leaflet-container{
    width:100% !important;
    height:420px !important;
    position:relative !important;
}

.leaflet-pane,
.leaflet-tile,
.leaflet-layer,
.leaflet-map-pane,
.leaflet-tile-pane{
    position:absolute !important;
}

.leaflet-tile{
    width:256px !important;
    height:256px !important;
}

/* Live status dan jam serta tanggal Lokasi.html */
.top-status{
    display: flex;
    align-items: center;
    gap:14px;
    

    padding:10px 18px;
    margin-bottom: 20px;
    width: fit-content;
    max-width: 420px;
    letter-spacing: 1px;
    margin-left: auto;

    background:rgba(227, 224, 224, 0.08);
    border:1px solid rgba(237, 228, 228, 0.08);
    border-radius:30px;

    color:#fff;
    font-size:12px;
    font-weight:600;

    backdrop-filter:blur(10px);
}

#clock{
color: #d9d9d9;
font-size: 12px;
opacity: 0.8;
}

.dot-live{
    width:10px;
    height:10px;
    background:#00ff6a;
    border-radius:50%;
    box-shadow:0 0 12px #00ff6a;
    animation:pulse 2s infinite;
}
/* Pageination */
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin-top: 0px;
  padding-top: 0px;
}

.pagination button:hover {
  background: #bfa15a;
  transform: scale(1.05);
}

.pagination button:disabled {
  background: #ccc;
  cursor: not-allowed;
  transform: none;
}

#pageInfo {
  font-weight: 600;
  font-size: 14px;
  color: #bfa15a;
}
.pagination button {
    min-width: 20px;
    height: 22px;
    border-radius: 12px;
    border: none;
    background: #2c2c2c;
    color: white;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: .2s;
}

.pagination button:hover {
    background: #e60023;
    transform: translateY(-2px);
}