.rounded-rect {
    background: white;
    border-radius: 10px;
    box-shadow: 0 0 50px -25px black;
}

.flex-center {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-center.left {
    left: 0px;
}




.sidebar {
    transition: transform 1s;
    z-index: 1;
    width: 500px;
    height: 100%;
}

.sidebar-content {
    position: absolute;
    width: 95%;
    height: 95%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px;
    color: #AEB6C7;
}

.sidebar-content-info {
    position: absolute;
    top: 0px;
    font-size: 1rem;
    padding: 16px;
    box-sizing: border-box;
    width: 100%;
    word-break: break-word;
    overflow-y: auto;
    height: 100%;
}

.sidebar-content-info img {
  width: 100%;
}

.sidebar-content-info h1 {
  line-height: 1em;
}

.sidebar-content-info label {
  margin-right: 8px;
  color: #6B7C92;
  font-weight: 600;
}

.sidebar-content-info .details-info {
  font-size: 0.8em;
}



.sidebar-toggle {
    position: absolute;
    width: 36px;        /* 원하는 크기 */
    height: 36px;
    overflow: visible;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sidebar-toggle:hover {
    color: #0aa1cf;
    cursor: pointer;
}


.sidebar-toggle.left {
    right: -30px; 
}

.sidebar.left .sidebar-toggle.left .icon {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Ekeyboard_arrow_left%3C/title%3E%3Cpath fill='currentColor' d='M15.422 16.594l-1.406 1.406-6-6 6-6 1.406 1.406-4.594 4.594z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;

}

.sidebar.left.collapsed .sidebar-toggle.left .icon {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Ekeyboard_arrow_right%3C/title%3E%3Cpath fill='currentColor' d='M8.578 16.594l4.594-4.594-4.594-4.594 1.406-1.406 6 6-6 6z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

.icon {
  display: inline-block;
  width: 70%;
  height: 70%; 
  background-size: cover;
}

.icon:hover {
  filter: invert(71%) sepia(45%) saturate(7285%) hue-rotate(158deg) brightness(90%) contrast(92%);
}




.left.collapsed {
    transform: translateX(-495px);
}

.right.collapsed {
    transform: translateX(495px);
}


.tab-buttons { display:flex; gap:6px; margin-bottom:10px; }
.tab-btn { flex:1; padding:6px; background:#f0f0f0; border:none; cursor:pointer; }
.tab-btn.active { background:#0aa1cf; color:#fff; font-weight:bold; }
.tab-content { display:none; }
.tab-content.active { display:block; }




/* 가로 배치 */
.input-row {
  display: flex;
  gap: 8px;              /* 박스 사이 간격 */
  margin-bottom: 10px;   /* 아래쪽 여백 */
}

/* 각 박스가 균등하게 크기를 나누도록 */
#country-box,
#admin1-box {
  flex: 1;
  min-width: 0;          /* flex 아이템 줄바꿈 방지 */
}